')\n\n return (\n
\n ({\n ...props,\n ...(component === 'MenuButton' && { onClick: onMenuClick }),\n })}\n />\n
\n )\n }\n)\n\nconst componentMap = {\n MenuButton,\n AppBarTitle,\n AppBarButton,\n Sponsors,\n PortalOutlet,\n}\n\nconst styles = (theme) => ({\n root: {\n zIndex: theme.zIndex.drawer - 1,\n color: theme.palette.secondary.contrastText,\n backgroundColor: theme.palette.secondary,\n },\n row: {\n display: 'flex',\n flexDirection: 'row',\n margin: 0,\n padding: theme.spacing(0, 2),\n minHeight: 60,\n [theme.breakpoints.down('sm')]: {\n minHeight: 48,\n },\n },\n})\n\nconst AppBar = ({\n classes,\n onMenuClick = () => undefined,\n groups: groupsProp,\n rows: rowsProp,\n ...appBarProps\n}) => {\n const Row = (row, rkey) => (\n \n {(row.groups || []).map((group, gkey) => (\n
\n )\n\n const rows = (rowsProp || [{ groups: groupsProp }]).map(Row)\n\n return (\n \n {children}\n
\n))\n\nconst MainMenu = observer(\n withRouter(\n ({\n classes,\n history,\n match,\n menu: menuId,\n onToggleMenu = () => undefined,\n }) => {\n const store = useRootStore()\n const { track } = useAnalytics()\n\n const { tenantConfig: tc } = useConfig()\n const menu = tc.ui?.menus?.[menuId]\n\n const handleReset = () => {\n store.resetAll()\n if (match !== '/') {\n history.push('/')\n }\n }\n\n const handleTrackMenuItem = (item) => () => {\n track('mainMenuItemClick', {\n category: 'Navigation',\n label: item.label,\n })\n }\n\n if (!menu?.items) return null\n\n const MenuItem = (item) => {\n if (item.type === 'divider') return - {items}
\n \n Back\n \n
\n )\n})\n\nexport default BackButton\n","import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\n// import Typography from '@mui/material/Typography'\n// import Divider from '@mui/material/Divider'\n\nimport SimpleMarkdown from './SimpleMarkdown'\n\nimport { useRootStore } from '@/stores/root/store'\nimport { useRouteStore } from '@/stores'\n\nconst StaticMarkdown = observer((props) => {\n const store = useRootStore()\n const route = useRouteStore()\n\n const content = store.search.getStaticContent(props.contentId)\n\n return (\n \n {content.body} \n
\n )\n})\n\nexport default StaticMarkdown\n","import React from 'react'\n\nimport _ from 'lodash'\nimport clsx from 'clsx'\nimport { Link as RouterLink } from 'react-router-dom'\n\nimport { withStyles } from '@mui/styles'\nimport {\n Container,\n Typography,\n Divider,\n Grid,\n Link as MuiLink,\n} from '@mui/material'\n\nimport Markdown from '@/ui/markdown/Markdown'\n\nimport { useConfig } from '@/config'\nimport { useAnalytics } from 'use-analytics'\n\nconst styles = (theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n },\n item: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n margin: theme.spacing(0.5, 0),\n fontSize: '0.86rem',\n },\n icon: {\n marginRight: theme.spacing(1.5),\n },\n link: {\n color: theme.palette.text.primary,\n },\n})\n\nconst StaticMenuItem = ({ classes, icon, label, route, href }) => {\n const { track } = useAnalytics()\n\n const handleClick = () => {\n track('footerMenuItemClick', {\n category: 'Navigation',\n label: label,\n })\n }\n\n const linkProps = route\n ? {\n to: route,\n component: RouterLink,\n onClick: handleClick,\n }\n : href\n ? {\n href,\n target: '_blank',\n }\n : null\n\n const innerItem = (\n \n
\n )\n\n return linkProps ? (\n \n \n
\n \n {label.split('\\n').map((l, i) => (\n
\n {l}
\n ))}\n {items}
\n}\n\nexport default withStyles(styles, { name: 'AMSStaticMenu' })(StaticMenu)\n","import React from 'react'\n\nimport _ from 'lodash'\n\nimport { withStyles } from '@mui/styles'\nimport {\n Container,\n Typography,\n Divider,\n Grid,\n Link as MuiLink,\n} from '@mui/material'\n\n// import { withVariantStyles } from '@/ui/hooks/theme-hooks'\n\nimport StaticMarkdown from '@/ui/markdown/StaticMarkdown'\nimport StaticMenu from '@/ui/nav/menus/StaticMenu'\nimport ImageList from '@/ui/components/images/ImageList'\nimport CieBlock from './CieBlock'\nimport Sponsors from './Sponsors'\nimport Acknowledgement from './Acknowledgement'\n\nconst footerComponents = {\n StaticMarkdown,\n CieBlock,\n StaticMenu,\n Sponsors,\n Acknowledgement,\n}\n\nimport { config } from '@/config'\n\nconst { tenantConfig } = config\n\nconst styles = (theme) => ({\n root: {\n padding: theme.spacing(2, 0),\n color: theme.palette.text.primary,\n },\n container: {\n padding: theme.spacing(0, 2),\n [theme.breakpoints.down('sm')]: {\n padding: theme.spacing(0, 1),\n },\n },\n sectionTitle: {\n marginBottom: theme.spacing(4),\n },\n sectionTitleLabel: {\n fontSize: 15,\n fontWeight: 600,\n },\n divider: {},\n block: {\n padding: theme.spacing(2),\n },\n blockTitle: {\n marginBottom: theme.spacing(4),\n },\n blockTitleLabel: {\n fontSize: '1rem',\n fontWeight: 600,\n },\n blockContents: {},\n})\n\nconst FooterTitle = ({ classes, label, divider = true }) => {\n if (!label) return null\n\n return (\n \n \n {label}\n \n {divider &&
\n )\n}\n\nconst FooterBlock = ({\n classes,\n title,\n component,\n gridProps = { xs: 12 },\n props,\n}) => {\n const titleClasses = {\n title: classes.blockTitle,\n label: classes.blockTitleLabel,\n divider: classes.divider,\n }\n\n const C = footerComponents[component]\n\n return (\n \n \n {title && title.label && (\n \n {blocks.map((block, i) => (\n \n )}\n \n
\n )\n}\n\nexport default withStyles(styles, { name: 'AMSFooterSection' })(FooterSection)\n","import React from 'react'\n\nimport { makeStyles } from '@mui/styles'\nimport { useConfig } from '@/config'\n\nimport { TenantThemeProvider } from '@/ui/theme/TenantTheme'\nimport FooterSection from '@/ui/footer/FooterSection'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n backgroundColor:\n theme.palette.background.footer || theme.palette.grey[200],\n color: theme.palette.text.secondary,\n display: 'flex',\n flexDirection: 'column',\n },\n }),\n { name: 'AMSFooter' }\n)\n\nconst Footer = () => {\n const classes = useStyles()\n const { tenantConfig: tc } = useConfig()\n const sections = tc.ui?.footer?.sections || []\n\n return (\n \n )\n}\n\nexport default Footer\n","import React from 'react'\n\nimport PerfectScrollbar from 'react-perfect-scrollbar'\n\nimport { makeStyles } from '@mui/styles'\nimport {\n Container,\n // Typography,\n} from '@mui/material'\nimport '../../../tenants/shared/landing.scss'\nimport BackButton from '@/ui/nav/BackButton'\nimport Footer from '@/ui/footer/Footer'\nimport { useConfig } from '@/config'\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n // minHeight: '100%',\n // maxHeight: '100%',\n height: '100%',\n overflow: 'hidden',\n },\n main: {\n flex: '1 0 auto',\n marginTop: theme.spacing(4),\n marginBottom: theme.spacing(12),\n },\n}))\nconst ContentPage = ({ children, backButton = true }) => {\n const classes = useStyles()\n const { tenantConfig: tc } = useConfig()\n\n return (\n \n x}\n {...acprops}\n />\n\n
\n )\n }\n)\n\nexport default withStyles(styles, { name: 'AMSLocationInput' })(LocationInput)\n","import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { makeStyles } from '@mui/styles'\nimport {\n FormControl,\n FormLabel,\n FormControlLabel,\n Checkbox,\n useMediaQuery,\n} from '@mui/material'\n\nimport { useRootStore } from '@/stores/root/store'\nimport LocationInput from '@/ui/location/LocationInput'\n\nconst useStyles = makeStyles(() => ({\n root: {\n width: '100%',\n },\n}))\n\nconst SurveyLocation = observer(({ label = null, defaultLocation = null }) => {\n const classes = useStyles()\n const { survey } = useRootStore()\n const { location } = survey\n\n // const\n\n const isMobile = useMediaQuery((theme) => theme.breakpoints.down('sm'))\n\n const handleDefault = (e) => {\n survey.setLocation(e.target.checked ? defaultLocation : null)\n }\n\n const handleChange = (e, value) => {\n survey.setLocation(value)\n }\n\n return (\n \n
\n
\n
- \n {items?.map((item, i) => (\n
\n \n \n {label}\n \n {/* {href} */}\n
\n )\n}\n\nconst EmergencyAccordian = ({\n expandId,\n title,\n description,\n phone,\n chat,\n expanded,\n onAccordionClick = () => undefined,\n}) => {\n const classes = useStyles()\n\n const serviceLinkProps = phone\n ? { icon: 'fas fa-phone', label: phone, href: `tel:${phone.replace(/[^\\d]/g, '')}` }\n : chat\n ? { icon: 'fas fa-comments', label: 'Chat', href: chat }\n : null\n\n return (\n \n \n Emergency Help\n \n
\n\n
\n\n\n {/* \n If you or someone you know needs immediate assistance, please call\n \n
*/}\n\n\n Emergency Services - 000\n \n \n\n
\n
\n\n\n {groups.map((group, i) => (\n \n
\n )\n}\n\nexport default Emergency\n","import React, { useState, useEffect, useRef } from 'react'\n\nimport clsx from 'clsx'\nimport scrollIntoView from 'scroll-into-view-if-needed'\n\nimport { makeStyles } from '@mui/styles'\nimport {\n Box,\n Button,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Typography,\n Divider,\n Link,\n} from '@mui/material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\n\nconst useStyles = makeStyles(theme => ({\n root: {},\n title: {\n [theme.breakpoints.down('sm')]: {\n fontSize: 26,\n },\n },\n intro: {\n fontSize: 18,\n },\n emergencyButton: {\n fontSize: 20,\n fontWeight: 600,\n },\n grid: {\n marginTop: theme.spacing(4),\n },\n accordion: {\n backgroundColor: '#fafafa',\n margin: theme.spacing(2, 0),\n // boxShadow: 'none',\n boxShadow: '0px 1px 1px 0px rgba(0, 0, 0, 0.12)',\n '&:before': {\n backgroundColor: 'rgba(0, 0, 0, 0)',\n },\n },\n accordionDetails: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'stretch',\n },\n groupTitle: {\n fontSize: 18,\n fontWeight: 600,\n },\n groupIcon: {\n marginRight: theme.spacing(2),\n },\n serviceLink: {\n // backgroundColor: '#f0f',\n ...theme.typography.body1,\n // marginTop: theme.spacing(2),\n // marginLeft: 'auto',\n },\n serviceLinkIcon: {\n marginRight: theme.spacing(1),\n },\n}))\n\nconst ServiceLink = ({ icon, label, href }) => {\n const classes = useStyles()\n\n return (\n \n\n
\n\n
*/}\n\n
\n
\n\n
\n \n \n {label}\n \n {/* {href} */}\n
\n )\n}\n\nconst EmergencyItem = ({ title, description, phone, chatUrl }) => {\n const classes = useStyles()\n\n const serviceLinkProps = phone\n ? { icon: 'fas fa-phone', label: phone, href: `tel:${phone.replace(/[^\\d]/g, '')}` }\n : chatUrl\n ? { icon: 'fas fa-comments', label: 'Chat', href: chatUrl }\n : null\n\n return (\n \n \n Emergency Help\n \n
\n\n
\n\n\n \n If you or someone you know needs immediate assistance, please call\n \n
\n\n\n Emergency Services 000\n \n \n\n
\n
\n\n
\n )\n}\n\nexport default EmergencyUsc\n","import React, { useState } from 'react'\n\nimport clsx from 'clsx'\n\nimport { makeStyles } from '@mui/styles'\nimport {\n Box,\n Grid,\n Button,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Typography,\n Divider,\n Link,\n} from '@mui/material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\n\nconst useStyles = makeStyles(theme => ({\n root: {\n\n },\n title: {\n [theme.breakpoints.down('sm')]: {\n fontSize: 26,\n },\n },\n intro: {\n fontSize: 18,\n },\n emergencyButton: {\n fontSize: 20,\n fontWeight: 600,\n\n },\n grid: {\n marginTop: theme.spacing(4),\n },\n accordion: {\n backgroundColor: '#fafafa',\n margin: theme.spacing(2, 0),\n // boxShadow: 'none',\n boxShadow: '0px 1px 1px 0px rgba(0, 0, 0, 0.12)',\n '&:before': {\n backgroundColor: 'rgba(0, 0, 0, 0)',\n },\n },\n accordionDetails: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'stretch',\n },\n groupTitle: {\n fontSize: 18,\n fontWeight: 400,\n },\n groupIcon: {\n marginRight: theme.spacing(2),\n },\n serviceLink: {\n // backgroundColor: '#f0f',\n ...theme.typography.body1,\n marginTop: theme.spacing(2),\n marginLeft: 'auto',\n },\n serviceLinkIcon: {\n marginRight: theme.spacing(1),\n },\n}))\n\nconst ServiceLink = ({ icon, label, href }) => {\n const classes = useStyles()\n\n return (\n \n\n
\n\n
\n\n
\n
\n\n
\n {groups.map((group, i) => (\n
\n \n \n \n {label}\n \n {/* {href} */}\n
\n )\n}\n\nconst EmergencyAccordian = ({\n expandId,\n title,\n description,\n phone,\n chatUrl,\n expanded,\n onAccordionClick = () => undefined,\n}) => {\n const classes = useStyles()\n\n const serviceLinkProps = phone\n ? { icon: 'fas fa-phone', label: phone, href: `tel:${phone.replace(/[^\\d]/g, '')}`}\n : chatUrl\n ? { icon: 'fas fa-comments', label: 'Chat', href: chatUrl }\n : null\n\n return (\n \n \n Emergency Help\n \n
\n\n
\n\n\n \n If you or someone you know needs immediate assistance, please call\n \n
\n\n\n Emergency Services 000\n \n \n\n
\n
\n\n\n {groups.map((group, i) => (\n
\n )\n\n}\n\nexport default Emergency\n","import React, { useState, useEffect, useRef } from 'react'\n\nimport clsx from 'clsx'\nimport scrollIntoView from 'scroll-into-view-if-needed'\n\nimport { makeStyles } from '@mui/styles'\nimport {\n Box,\n Button,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n Typography,\n Divider,\n Link,\n} from '@mui/material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\n\nconst useStyles = makeStyles(theme => ({\n root: {\n\n },\n title: {\n [theme.breakpoints.down('sm')]: {\n fontSize: 26,\n },\n },\n intro: {\n fontSize: 18,\n },\n emergencyButton: {\n fontSize: 20,\n fontWeight: 600,\n\n },\n grid: {\n marginTop: theme.spacing(4),\n },\n accordion: {\n backgroundColor: '#fafafa',\n margin: theme.spacing(2, 0),\n // boxShadow: 'none',\n boxShadow: '0px 1px 1px 0px rgba(0, 0, 0, 0.12)',\n '&:before': {\n backgroundColor: 'rgba(0, 0, 0, 0)',\n },\n },\n accordionDetails: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'stretch',\n },\n groupTitle: {\n fontSize: 18,\n fontWeight: 600,\n },\n groupIcon: {\n marginRight: theme.spacing(2),\n },\n serviceLink: {\n // backgroundColor: '#f0f',\n ...theme.typography.body1,\n // marginTop: theme.spacing(2),\n // marginLeft: 'auto',\n },\n serviceLinkIcon: {\n marginRight: theme.spacing(1),\n },\n appLink: {\n backgroundColor: '#666',\n color: '#fff',\n borderRadius: 4,\n fontWeight: 700,\n marginRight: theme.spacing(1),\n padding: theme.spacing(1),\n '& > i': {\n marginRight: theme.spacing(1),\n },\n },\n}))\n\nconst lm = {\n tel: ({ link }) => ({\n icon: 'fas fa-phone',\n label: link,\n href: `tel:${link.replaceAll(/[^0-9]/g, '')}`,\n }),\n web: ({ link }) => ({\n icon: 'fa fa-link',\n label: link.replace((/^https?:\\/+/), ''),\n href: link,\n }),\n}\n\nconst ServiceLink = ({ icon, label, href }) => {\n const classes = useStyles()\n\n return (\n \n\n
\n\n
\n\n
\n
\n\n
\n \n \n {label}\n \n {/* {href} */}\n
\n )\n}\n\nconst appLinkConfig = {\n ios: {\n icon: 'fab fa-apple',\n label: 'App Store',\n },\n android: {\n icon: 'fab fa-google-play',\n label: 'Google Play',\n },\n}\n\nconst AppLink = ({ type, url }) => {\n const classes = useStyles()\n\n if (!type || !url) return null\n\n const cfg = appLinkConfig[type]\n if (!cfg) return\n\n return (\n \n \n Self Help Resources\n \n
\n
\n\n
\n )\n\n}\n\nexport default Block\n","import React, { useEffect } from 'react'\n\nimport { useHistory } from 'react-router-dom'\n\nimport { Box, Typography, Button } from '@mui/material'\n\nconst NotFound = () => {\n // const history = useHistory()\n // console.log(history)\n\n return (\n \n
\n\n
\n {groups.map((group, i) => (\n
\n\n \n
\n {group.title} \n {/*
*/}\n\n {group.categories\n .filter(c => c in metaCategoryMap)\n .map((c, i) => (\n handleClick(c)}\n >\n {metaCategoryMap[c].title}\n \n ))}\n
\n )\n }\n\n return (\n */}\n\n {group.categories\n .filter(c => c in metaCategoryMap)\n .map((c, i) => (\n
\n\n {question.interests.map((interest) => (\n
Undefined scale eval.
\n }\n\n return (\n \n {question.summary} \n\n {question.questions.map((q, i) => {\n return (\n
\n )\n})\n\nexport default SurveyScaleEval\n","import React, { useEffect } from 'react'\n\nimport _ from 'lodash'\n// import { toJS } from 'mobx'\nimport { observer } from 'mobx-react-lite'\nimport { useAnalytics } from 'use-analytics'\n\nimport { makeStyles } from '@mui/styles'\nimport { Box, Typography, Divider } from '@mui/material'\n\nimport { useConfig } from '@/config'\nimport { useRootStore } from '@/stores/root/store'\nimport {\n resolveVariantText,\n resolveVariantStrings,\n} from '@/stores/root/utils/survey-utils'\n\nimport SurveyQuestion from './SurveyQuestion'\nimport SurveyButtons from './SurveyButtons'\nimport SurveyLocation from './SurveyLocation'\nimport SurveyRadius from './SurveyRadius'\nimport SurveyRadioGroup from './SurveyRadioGroup'\nimport SurveyCategories from './SurveyCategories'\nimport SurveyInterests from './SurveyInterests'\nimport SurveyScaleEval from './SurveyScaleEval'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n },\n question: {\n margin: theme.spacing(3, 0),\n },\n}))\n\nconst Question = observer(({ pathway, question }) => {\n const { track } = useAnalytics()\n const store = useRootStore()\n const { tenantConfig } = useConfig()\n\n const questionText = resolveVariantText(question, 'question', pathway)\n const descriptionText = resolveVariantText(question, 'description', pathway)\n\n // survey questions default to set(key, value) using question id\n\n const handleChange = (value) => {\n track('surveyQuestionChange', {\n category: 'Survey',\n label: question.id,\n })\n\n store.survey.set(question.id, value)\n }\n\n switch (question.type) {\n case 'buttons':\n return \n handleQuestionChange(i, v)}\n row\n />\n
\n )\n })}\n\n {false && (\n \n [total: {scaleEval.evalScore.total}, score:{' '}\n {scaleEval.evalScore.score}, complete:{' '}\n {scaleEval.complete ? 'true' : 'false'}]\n
\n )}\n \n {JSON.stringify(stepConfig, null, 2)}\n */}\n \n
\n \n \n {/* */}\n Search for\n \n {hints.map((h, i) => (\n handleHintButtonClick(h.index)}\n >\n \n {h.tab.title}\n \n ))}\n \n in {category.id === 'default' ? 'all categories' : 'this category'}.\n \n
\n )\n }\n\n if (!category || !content) return null\n\n const { title = 'Unknown Category' } = category\n const { body = '' } = content\n\n return (\n */}\n {hints &&
\n
\n )\n}\n\nconst RCRadiusSlider = ({\n value = 0,\n onChange = () => undefined,\n marks,\n ...sliderProps\n}) => {\n const classes = useStyles()\n const [internalValue, setInternalValue] = useState(0)\n\n useEffect(() => {\n setInternalValue(value)\n }, [value])\n\n const handleChange = (value) => {\n setInternalValue(value)\n }\n\n const handleChangeCommitted = (value) => {\n onChange(value)\n }\n\n const rcMarks = marks.reduce((marks, m) => {\n marks[m] = `${m}km`\n return marks\n }, {})\n\n return (\n \n
\n )\n}\n\nexport default RadiusSlider\n","import React, { useState, useEffect } from 'react'\n\nimport { observer } from 'mobx-react-lite'\nimport { addDays } from 'date-fns'\n\nimport enLocale from 'date-fns/locale/en-AU'\nimport { Box, Button, Input, useTheme } from '@mui/material'\nimport {\n LocalizationProvider,\n DateRangePicker,\n} from '@mui/lab'\nimport AdapterDateFns from '@mui/lab/AdapterDateFns'\n\nconst DateRangeParam = observer(({ value, onChange = () => undefined }) => {\n const theme = useTheme()\n\n // const internalValue = value ? [value.start, value.end] : [null, null]\n const [internalValue, setInternalValue] = useState([null, null])\n\n const anytimeSelected = value?.delta === -1\n\n const minDate = new Date()\n const maxDate = addDays(new Date(), 90)\n\n useEffect(() => {\n setInternalValue([value?.start || null, value?.end || null])\n }, [value?.start, value?.end])\n\n const handleAccept = newValue => {\n const dr = newValue?.some(x => x)\n ? {\n delta: -2,\n start: newValue[0],\n end: newValue[1],\n }\n : {\n delta: -1,\n start: null,\n end: null,\n }\n\n onChange(dr)\n }\n\n const handleDateChange = newValue => {\n setInternalValue(newValue)\n }\n\n const handleAnytimeClick = () => {\n onChange({\n delta: -1,\n start: null,\n end: null,\n })\n }\n\n const renderInput = (startProps, endProps) =>\n \n \n \n Anytime\n \n \n\n \n \n
\n )\n})\n\nexport default DateRangeParam\n","import React from 'react'\n\nimport { makeStyles } from '@mui/styles'\nimport { FormGroup, FormControlLabel, Switch } from '@mui/material'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n padding: theme.spacing(1, 0),\n },\n}))\n\nexport const LabelSwitch = ({\n checked = false,\n label = '',\n onChange = () => undefined,\n}) => {\n const classes = useStyles()\n\n const handleChange = (event) => {\n onChange(event.target.checked)\n }\n\n return (\n \n {categories.map((c, i) => (\n \n \n {c.title}\n \n \n ))}\n\n {isClearEnabled && (\n \n )}\n
\n )\n }\n)\n\nexport default withStyles(styles, { name: 'AMSCategoryButtons' })(CategoryButtons)\n","import React from 'react'\n\nimport { makeStyles } from '@mui/styles'\nimport { Typography } from '@mui/material'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n // width: 300,\n // width: '100%',\n // margin: theme.spacing(2, 2)\n },\n // margin: {\n // margin: theme.spacing(1, 3),\n // },\n label: {\n fontWeight: 300,\n },\n icon: {\n marginRight: theme.spacing(1),\n },\n}))\n\nexport const IconLabel = ({ iconClasses = '', label = '' }) => {\n const classes = useStyles()\n\n return (\n \n \n {iconClasses && }\n {label}\n \n
\n )\n}\n\nexport default IconLabel\n","import React from 'react'\n\nimport {\n Select,\n MenuItem,\n} from '@mui/material'\n\n// eslint-disable-next-line react/display-name\nconst CategorySelect = ({\n paramConfig = null,\n selectMode = 'single',\n selected = null,\n categories = [],\n onChange = () => undefined,\n ...inputProps\n}) => {\n const handleChange = ({ target: { value }}) => {\n const nval = value !== 'null' ? value : null\n onChange(nval)\n }\n\n const options = [\n { value: 'null', label: 'All Categories' },\n ...categories.map(o => ({ value: o.id, label: o.title })),\n ]\n\n const ival = selected || 'null'\n\n if (selectMode !== 'single') return (\n selectMode: {selectMode} not supported!!
\n )\n\n return (\n \n {hhs?.member != undefined && hhsOutlets.length > 0 && (\n <>\n \n {hhsOutlets.map((outlet, i) => (\n \n \n {outlet.Name}\n \n \n ))}\n \n \n )}\n
\n )\n})\n\nexport default LocationsDisplay\n","import React from 'react'\n\nimport { toJS } from 'mobx'\nimport { observer } from 'mobx-react-lite'\nimport { useAnalytics } from 'use-analytics'\n\nimport { makeStyles, withStyles } from '@mui/styles'\nimport { Grid } from '@mui/material'\n\nimport SearchInput from '@/ui/search/params/SearchInput'\nimport ParameterSelect from '@/ui/search/params/ParameterSelect'\nimport LocationInput from '@/ui/location/LocationInput'\nimport GeographySelect from '@/ui/search/params/GeographySelect'\nimport RadiusSlider from '@/ui/search/params/RadiusSlider'\nimport DateRangeParam from '@/ui/search/params/DateRangeParam'\nimport LabelSwitch from '@/ui/components/atoms/LabelSwitch'\nimport CategoryButtons from '@/ui/search/params/CategoryButtons'\nimport IconLabel from '@/ui/components/atoms/IconLabel'\n\nimport { useRootStore } from '@/stores/root/store'\nimport { config, useConfig } from '@/config'\n\nimport CategorySelect from './CategorySelect'\nimport LocationsDisplay from './LocationsDisplay'\n\n// const { tenantConfig } = config\n\nconst Parameter = observer((props) => {\n const { control, param, disableLabel = false } = props\n const { track } = useAnalytics()\n const { tenantConfig: tc } = useConfig()\n\n const store = useRootStore()\n const params = store.search.params\n const ui = store.search.ui\n\n const handleChange = (value) => {\n track('searchParamaterChange', {\n category: 'Search',\n label: param.id,\n })\n\n store.search.params.set(param.id, value)\n }\n\n const handleCategoriesChange = (selected) => {\n track('searchParamaterChange', {\n category: 'Search',\n label: 'selectedCategories',\n })\n\n params.setSelectedCategories(selected)\n }\n\n const handleShowAllCategories = (value) => {\n track('categoriesToggleAllCategories', {\n category: 'Search',\n label: value ? 'Show' : 'Hide',\n })\n\n store.search.setShowAllCategories(value)\n }\n\n const type =\n 'searchParamaterType' in param\n ? param.searchParamaterType\n : 'type' in param\n ? param.type\n : null\n\n const paramControl = () => {\n switch (type) {\n case 'query':\n return (\n \n
\n\n \n {hhs && `Locations in ${hhs?.member?.preferredName}:`}\n
\n \n \n {type} {JSON.stringify(param, null, 2)}\n
\n )\n }\n }\n\n const ctrl = paramControl()\n\n return (\n <>\n {disableLabel || (\n Unable to load Google Maps
\n Please try refreshing the page.
\n \n\n
\n \n This is an information only category.\n \n\n {infoTab >= 0 && (\n
\n \n \n \n View Information\n \n
\n )}\n \n
\n \n
\n \n \n
\n {resourceProps?.distanceLabel}
\n \n
\n \n \n
\n \n {resourceProps?.time === ''\n ? '9AM - 5PM Mon-Fri '\n : resourceProps?.time}\n
\n {resourceProps?.description}
\n \n }\n >\n more...
\n \n )\n }\n\n ReactDOM.render(\n {hhs?.member != undefined && hhsOutlets.length > 0 && (\n <>\n \n {hhsOutlets.map((outlet, i) => {\n return (\n \n {outlet.Name}\n \n )\n })}\n \n \n )}\n
\n )\n})\n\nexport default withStyles(styles, { name: 'AMSHHSOutlets' })(HHSOutlets)\n","import Information from './information/Information'\nimport SearchParameters from './params/SearchParameters'\nimport SearchResultsList from './results/SearchResultsList'\nimport {\n Container,\n Box,\n Portal,\n SwipeableDrawer,\n useMediaQuery,\n} from '@mui/material'\nimport { withStyles, useTheme } from '@mui/styles'\nimport clsx from 'clsx'\nimport { useConfig } from '@/config'\nimport { useRootStore } from '@/stores/root/store'\nimport { toJSDeep } from '@/stores/root/utils/mobx'\nimport { useAtom } from 'jotai'\nimport _ from 'lodash'\nimport { observer } from 'mobx-react-lite'\nimport React, { useState, useEffect } from 'react'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport { paramsPortalAtom } from '@/ui/app/app-params-portal'\nimport Acknowledgement from '@/ui/footer/Acknowledgement'\nimport Sponsors from '@/ui/footer/Sponsors'\nimport { usePlatform } from '@/ui/hooks/usePlatform'\nimport LocationDialog from '@/ui/location/LocationDialog'\nimport ResultsMap from '@/ui/maps/ResultsMap'\nimport DesktopSearchToolbar from '@/ui/search/DesktopSearchToolbar'\nimport InfoOnly from '@/ui/search/information/InfoOnly'\nimport Calendar from '@/ui/search/results/Calendar'\nimport { TenantThemeProvider } from '@/ui/theme/TenantTheme'\nimport { useAnalytics } from 'use-analytics'\nimport HHSOutlets from '@/ui/footer/HHSOutlets'\n\n// import { useRecoilValue } from 'recoil'\n// import { paramsPortalState } from '@/ui/state/search'\n\nconst paramatersWidth = 380\nconst resultsWidth = 450\n\nconst styles = (theme) => ({\n root: {\n width: '100%',\n height: '100%',\n maxHeight: '100%',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n hidden: {\n display: 'none !important',\n },\n content: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'row',\n overflow: 'hidden',\n },\n tabPanel: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'row',\n overflow: 'hidden',\n },\n parameterDrawer: {\n minWidth: paramatersWidth,\n maxWidth: paramatersWidth,\n overflowX: 'hidden',\n },\n parameters: {\n width: paramatersWidth,\n borderRight: '1px solid rgba(0, 0, 0, 0.1)',\n },\n results: {\n width: resultsWidth,\n borderRight: '1px solid rgba(0, 0, 0, 0.1)',\n },\n informationOnly: {\n flex: '1 0 0',\n },\n map: {\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n width: 'calc(100vw - 380px - 450px)',\n },\n mapContainer: {\n flexGrow: 1,\n },\n})\n\nconst TabPanel = ({ classes, index, value, children, ...otherProps }) => {\n const cn = clsx(classes.tabPanel, value !== index && classes.hidden)\n\n // if (value !== index) return null\n\n return (\n \n {hhs && `Locations in ${hhs?.member?.preferredName}:`}\n
\n \n \n
\n )\n}\n\nconst mapFooterComponents = {\n HHSOutlets,\n Sponsors,\n Acknowledgement,\n}\n\nconst mapFooterStyles = {\n root: {\n flex: '0 1 0',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'stretch',\n alignItems: 'flex-start',\n },\n section: {},\n}\n\nconst MapFooter = withStyles(mapFooterStyles, { name: 'AMSMapFooter' })(\n ({ classes, sections = [] }) => {\n return (\n \n {sections.map((s, key) => {\n const C = mapFooterComponents[s.component]\n return C ? (\n
\n )\n }\n)\n\nconst Results = observer(({ classes, config }) => {\n const store = useRootStore()\n const containerRef = React.useRef()\n\n const { tenantConfig: tc } = useConfig()\n const mapFooterProps = tc.ui?.search?.desktop?.mapFooter\n\n const infoCategory = store.search.selectedInformationCategory\n // console.log(config.options.search)\n if (infoCategory && !infoCategory?.search) return \n
\n ) : null\n })}\n \n \n \n \n \n
\n\n \n \n
\n\n {mapFooterProps && (\n \n \n \n \n \n
\n )\n}\n\nconst tabComponentsMap = {\n Information: Info,\n SearchResults: Results,\n Calendar: CalendarScheduler,\n}\n\nconst TabComponent = ({ classes, value, index, config }) => {\n const Component = tabComponentsMap[config.component]\n return (\n \n {initLocation === 'dialog' && (\n \n \n )}\n\n
\n )\n})\n\nexport default withStyles(styles, { name: 'AMSDesktopSearch' })(DesktopSearch)\n","import {\n BottomNavigation,\n BottomNavigationAction,\n Container,\n Drawer,\n Box,\n IconButton,\n Button,\n Fab,\n} from '@mui/material'\nimport { makeStyles } from '@mui/styles'\nimport clsx from 'clsx'\nimport { useConfig } from '@/config'\nimport { useRootStore } from '@/stores/root/store'\nimport { observer } from 'mobx-react-lite'\nimport React, { useState, useEffect } from 'react'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport { usePlatform } from '@/ui/hooks/usePlatform'\nimport LocationDialog from '@/ui/location/LocationDialog'\nimport ResultsMap from '@/ui/maps/ResultsMap'\nimport InfoOnly from '@/ui/search/information/InfoOnly'\nimport Information from '@/ui/search/information/Information'\nimport SearchParameters from '@/ui/search/params/SearchParameters'\nimport SearchResultsList from '@/ui/search/results/SearchResultsList'\nimport Calendar from '@/ui/search/results/Calendar'\nimport { TenantThemeProvider } from '@/ui/theme/TenantTheme'\nimport { useAnalytics } from 'use-analytics'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n height: '100%',\n maxHeight: '100%',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n hidden: {\n display: 'none !important',\n },\n tabPanel: {\n flex: '1 1 0',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n information: {\n flex: '1 1 0',\n overflow: 'hidden',\n },\n results: {\n flex: '1 1 0',\n overflow: 'hidden',\n },\n map: {\n flex: '1 1 0',\n },\n bottomToolbar: {\n padding: theme.spacing(1, 1),\n flex: '0 1 auto',\n borderTop: '1px solid rgba(0, 0, 0, 0.1)',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n zIndex: 100,\n },\n bottomNavigation: {\n flex: '0 1 auto',\n borderTop: '1px solid rgba(0, 0, 0, 0.1)',\n },\n paramaterDrawer: {\n maxHeight: 'calc(100vh - 70px)',\n // display: 'flex',\n // flexDirection: 'column',\n },\n parameters: {},\n searchFab: {\n position: 'absolute',\n bottom: 148,\n right: theme.spacing(2),\n fontSize: 16,\n },\n modeFab: {\n position: 'absolute',\n bottom: 128,\n right: theme.spacing(1),\n fontSize: 20,\n },\n modeIcon: {\n marginTop: 3,\n },\n bottomIcon: {\n fontSize: 20,\n padding: 1,\n },\n toolbarButton: {\n fontSize: 14,\n [theme.breakpoints.up('sm')]: {\n fontSize: 16,\n },\n },\n buttonIcon: {\n fontSize: 14,\n padding: 1,\n marginRight: theme.spacing(1),\n },\n fab: {\n position: 'absolute',\n bottom: theme.spacing(10),\n right: theme.spacing(2),\n },\n}))\n\nconst TabPanel = ({ index, value, children, ...otherProps }) => {\n const classes = useStyles()\n const cn = clsx(classes.tabPanel, value !== index && classes.hidden)\n\n return (\n \n {!isTablet && !appBarParams && (\n <>\n toggleShowSearchParams(true)}\n onClose={() => toggleShowSearchParams(false)}\n >\n
\n \n \n
\n \n )}\n {tabs.map((t, i) => (\n \n \n \n \n \n \n \n
\n )\n}\n\nconst tabComponentsMap = {\n Information: InformationPanel,\n SearchResults: SearchResultsPanel,\n Calendar: CalendarScheduler,\n}\n\nconst TabComponent = ({ value, index, viewMode, config }) => {\n const Component = tabComponentsMap[config.component]\n\n return (\n Panel: {config.title}
*/}\n \n \n
\n \n )\n}\n\nconst MobileSearch = observer(() => {\n const { track } = useAnalytics()\n const classes = useStyles()\n\n const store = useRootStore()\n const ui = store.search.ui\n\n const { tenantConfig: tc } = useConfig()\n const tabs = tc.ui?.search?.tabs\n\n const tab = ui.selectedTab\n const setTab = (value) => ui.setSelectedTab(value)\n\n const [viewMode, setViewMode] = React.useState(0)\n const [showLocation, setShowLocation] = useState(false)\n\n const [viewOptionsDrawer, setViewOptionsDrawer] = useState(null)\n\n const enableMap =\n store.search.params.isSearchCategorySelected && tabs[tab].map\n\n const parameterGroups = {\n search: tc.ui?.search?.parameterGroups?.mobileSearch,\n categories: tc.ui?.search?.parameterGroups?.mobileCategories,\n }\n\n const initLocation = tc.search?.location?.initLocation\n\n const { isBot } = usePlatform()\n\n useEffect(() => {\n const show =\n !isBot &&\n initLocation === 'dialog' &&\n !store.search.ui.locationDialogShown &&\n store.search.params.location === null\n\n const timeout = setTimeout(() => {\n if (show) {\n track('searchLocationDialogOpen', {\n category: 'Search',\n label: 'Show',\n })\n }\n setShowLocation(show)\n }, 1000)\n\n return () => clearTimeout(timeout)\n }, [store.search.params.location, store.search.ui.locationDialogShown])\n\n useEffect(() => {\n if (!viewOptionsDrawer) return\n\n track('searchOptionsDrawer', {\n category: 'Search',\n label: `Show ${viewOptionsDrawer}`,\n })\n }, [viewOptionsDrawer, track])\n\n const handleClickToggleSearch = (id, open) => (event) => {\n if (\n event &&\n event.type === 'keydown' &&\n (event.key === 'Tab' || event.key === 'Shift')\n )\n return\n\n track('searchToolbarButton', {\n category: 'Search',\n label: `${id}`,\n })\n\n setViewOptionsDrawer(open ? id : null)\n }\n\n const handleOptionsDrawerClose = (id) => () => {\n track('searchOptionsDrawer', {\n category: 'Search',\n label: `Show ${id}`,\n })\n\n setViewOptionsDrawer(null)\n }\n\n const handleCloseLocationDialog = () => {\n track('searchLocationDialogClose', {\n category: 'Search',\n label: 'Close',\n })\n\n setShowLocation(false)\n store.search.ui.setLocationDialogShown(true)\n }\n\n const handleTabChange = (event, value) => {\n const tabc = tabs[value]\n\n track('searchToolbarSelectTab', {\n category: 'Search',\n label: tabc.title,\n })\n\n setTab(value)\n }\n\n const toggleMapView = () => {\n track('searchToggleMapView', {\n category: 'Search',\n label: viewModes[viewMode].label,\n })\n\n setViewMode(viewMode ^ 1)\n }\n\n const pg = parameterGroups[viewOptionsDrawer]\n\n return (\n {children}
\n \n \n \n \n
\n )\n})\n\nexport default MobileSearch\n","import React, { useState, useEffect } from 'react'\n\nimport _ from 'lodash'\nimport { toJS } from 'mobx'\nimport { useQuery } from 'react-query'\nimport axios from 'axios'\nimport humps from 'lodash-humps'\n\nimport { config } from '@/config'\nimport { rootStore as rootStore } from '@/stores/root/store'\n\nconst { appConfig } = config\n\nimport { cieQueryHelpers as helpers } from './query-helpers'\n\nexport const queryClient = axios.create({\n baseURL: appConfig.apiURL,\n timeout: 10000,\n headers: { Authorization: `ApiKey ${appConfig.apiKey}` },\n // transformResponse: humps,\n transformResponse: [].concat(axios.defaults.transformResponse, humps),\n})\n\nexport const cieQueries = {\n states: {\n queryId: 'cie-geography-states',\n client: 'axios',\n request: () => ({\n method: 'get',\n url: `/system/states`,\n }),\n select: ({ data }) => data,\n },\n\n state: {\n queryId: 'cie-geography-state',\n alias: 'state',\n client: 'axios',\n paramKeys: ['state'],\n request: ({ state }) => ({\n method: 'get',\n url: `/system/states/name/${state}`,\n }),\n select: ({ data }) => data,\n },\n\n councils: {\n queryId: 'cie-geography-councils',\n client: 'axios',\n request: ({ state }) => ({\n method: 'get',\n url: `/system/councils/state/${state}`,\n }),\n select: ({ data }) =>\n data && data.map((d) => ({ ...d, longUrl: d.url?.match(/[^/]*?$/)[0] })),\n },\n\n council: {\n queryId: 'cie-geography-council',\n client: 'axios',\n request: ({ state, council }) => ({\n method: 'get',\n url: `/system/councils/name/${state}/${council}`,\n }),\n select: ({ data }) => ({ ...data, longUrl: data.url?.match(/[^/]*?$/)[0] }),\n },\n\n localities: {\n queryId: 'cie-geography-localities',\n client: 'axios',\n request: ({ state, council }) => ({\n method: 'get',\n url: `/system/localities/council/${state}/${council}`,\n }),\n select: ({ data }) => {\n return data?.data\n },\n },\n\n locality: {\n queryId: 'cie-geography-locality',\n client: 'axios',\n // client: 'testFail',\n request: ({ state, council, locality }) => ({\n method: 'get',\n url: `/system/localities/name/${state}/${council}/${locality}`,\n }),\n select: ({ data }) => data?.data,\n },\n\n categories: {\n queryId: 'ams-categories',\n client: 'local',\n request: ({ categories }) => {\n const cats = rootStore.tenant.categoriesFromParams2({\n category: categories,\n })\n return cats\n },\n },\n\n pathLinkItems: {\n queryId: 'ams-path-link-items',\n client: 'local',\n request: helpers.pathLinkItems,\n },\n}\n\nconst clients = {\n dummy: async (query, params) =>\n new Promise((accept, reject) => {\n setTimeout(() => accept({ result: 'bang!' }), 200)\n }),\n testFail: async (query, paarams) =>\n new Promise((accept, reject) => {\n setTimeout(() => reject({ error: 'Always fails!' }), 200)\n }),\n axios: async (query, params) => {\n const res = await queryClient(query.request(params))\n return res\n // return res.data?.data || res.data\n },\n local: async (query, params) => {\n return new Promise((accept, reject) => {\n const { view } = query\n const res = query.request(params, view)\n accept(res)\n })\n },\n}\n\nexport const paramQueryFn =\n (queryDef) =>\n async ({ queryKey }) => {\n const [queryId, params] = queryKey\n\n const client = clients[queryDef.client]\n if (!client) throw `Invalid client ${queryDef.client}`\n\n const res = await client(queryDef, params)\n // console.log({res})\n return res\n }\n\nexport const getCieQueryDef = (queryConfig = {}, params, view) => {\n const name = _.isString(queryConfig) ? queryConfig : queryConfig['query']\n const queryDef = cieQueries[name] || {}\n const { queryId } = queryDef || {}\n\n if (!queryDef || !queryId)\n throw {\n message: `Invalid queryDef`,\n items: { cieQueries, queryConfig, name, queryDef, queryId },\n }\n\n const { select } = queryDef || {}\n\n const queryFnArgs = { ...queryDef, view }\n\n return {\n query: queryConfig,\n queryKey: [queryId, params],\n queryFn: paramQueryFn(queryFnArgs),\n select,\n // view,\n }\n}\n","// import { buildPathGenerator } from '@/ui/query/route-query'\n\nexport const cieQueryHelpers = {\n // pathLinkItems: (params, view) => {\n // console.log({ view })\n // const { config, routeConfig, state } = view || {}\n // const { items: itemConfig } = config || {}\n // const { itemQuery, sourceQuery, path, add } = itemConfig || {}\n // const { depsMap } = state || {}\n // if (!depsMap) {\n // console.warn(`Waiting on deps`, { depsMap, state })\n // return\n // }\n // const pathConfig = routeConfig?.paths[itemConfig?.path]\n // const linkItems = depsMap?.[sourceQuery]\n // const pathGen = buildPathGenerator({ path, itemQuery, pathConfig })\n // const itemMapper = itemMappers[itemQuery] || itemMappers.default\n // if (!linkItems) {\n // console.warn(`Invalid link items`, { depsMap, linkItems, state })\n // return\n // }\n // const items = linkItems\n // .map(pathGen)\n // .map(itemMapper)\n // .map(item => ({ ...item, ...add }))\n // return items\n // },\n}\n\nconst itemMappers = {\n default: () => ({\n name: 'Bad Item Mapper!',\n to: '#',\n }),\n state: ({ item: c, route: r }) => ({\n name: c?.name,\n to: r?.url,\n }),\n council: ({ item: c, route: r }) => ({\n name: c?.displayNameCouncil,\n to: r?.url,\n }),\n locality: ({ item: c, route: r }) => ({\n name: c?.locationName,\n to: r?.url,\n }),\n}\n","import { getCieQueryDef } from '@/api/legacy/cie-queries'\n\nimport _ from 'lodash'\n\nconst queryConfigs = {\n locality: {\n query: 'locality',\n cacheFromStore: true,\n },\n categories: {\n query: 'categories',\n },\n}\n\nconst getQueryDefs = ({ paramInfo }) => {\n // console.log('getQueryDefs', { paramInfo })\n return _.map(paramInfo.bySource, (params, sk) => {\n const config = queryConfigs[sk]\n if (!config) throw `Invalid Query Config ${sk}`\n\n const mparams = _.mapKeys(params, (v, pk) => config?.paramMap?.[pk] || pk)\n\n return {\n _sourceKey: sk,\n _queryConfig: config,\n ...getCieQueryDef(config, mparams, null),\n }\n })\n}\n\nconst getQueries = ({ queryDefs, queryClient }) =>\n queryDefs.map(\n ({ queryKey, queryFn, select = (data) => data, ...options }) =>\n async () => {\n const res = await queryClient.fetchQuery(queryKey, queryFn, {\n ..._.omit(options, ['_sourceKey', '_queryConfig']),\n staleTime: 'Infinity',\n cacheTime: 'Infinity',\n })\n\n return select(res)\n }\n )\n\nexport const cacheQueryResults = ({\n storeParamInfo,\n params,\n source,\n queryClient,\n}) => {\n try {\n // console.log('cacheQueryResults', { storeParamInfo, params, source })\n const queryDefs = getQueryDefs({ paramInfo: storeParamInfo }).filter(\n (qd) => qd._queryConfig.cacheFromStore\n )\n\n queryDefs.forEach(({ _sourceKey, queryKey }) => {\n if (!data) return\n const data = source[_sourceKey]\n\n console.log('caching query data', queryKey, data)\n queryClient.setQueryData(queryKey, data)\n })\n } catch (e) {\n console.warn(e)\n }\n}\n\nexport const querySearchUrlParams = async ({\n parameterMap,\n routerParamInfo,\n storeParamInfo,\n router,\n store,\n queryClient,\n}) => {\n // console.log('----------')\n // console.log('querySearchUrlParams', {\n // parameterMap,\n // routerParamInfo,\n // storeParamInfo,\n // router,\n // store,\n // })\n\n try {\n const queryDefs = getQueryDefs({ paramInfo: routerParamInfo })\n const fetches = getQueries({ queryDefs, queryClient })\n\n const queryResults = await Promise.all(fetches.map((f) => f()))\n const data = _.fromPairs(\n queryDefs.map((qd, qdi) => [qd._sourceKey, queryResults[qdi]])\n )\n\n // console.log({ data })\n return { isSuccess: true, data }\n } catch (error) {\n return { isSuccess: false, error }\n }\n}\n","import React, { useCallback, useEffect, useState } from 'react'\nimport _ from 'lodash'\n\n// import { inspect } from '@xstate/inspect'\n// inspect({\n// url: 'https://statecharts.io/inspect',\n// iframe: false,\n// })\n\nimport { toJS } from 'mobx'\nimport { toJSDeep } from '@/stores/root/utils/mobx'\nimport { observer } from 'mobx-react-lite'\n\nimport { useHistory, useRouteMatch, useLocation } from 'react-router-dom'\nimport { useInterpret, useActor } from '@xstate/react'\nimport { useQueryClient } from 'react-query'\n\nimport { searchRouteMachine } from '@/stores/route/search-route-machine'\nimport {\n cacheQueryResults,\n querySearchUrlParams,\n} from '@/stores/route/parse-url-query'\nimport { getRouterInfo, fromQueryString } from '@/stores/route/path-utils'\nimport { getUrlHash } from '@/stores/root/utils/hash'\n\nimport { useConfig } from '@/config'\nimport { useRootStore } from '@/stores/root/store'\nimport { useRouteStore } from '@/stores'\nimport { debugStore, useDebugStore } from '@/stores'\n\nimport { styled } from '@mui/material/styles'\nimport { Box } from '@mui/material'\nimport { Mono, MonoFa, Json } from '@/ui/debug/debug-helper/Mono'\n\nimport { DebugStore } from '@/stores'\n\nconst Links = styled(Box)`\n display: flex;\n flex-direction: row;\n gap: 12px;\n`\n\nconst contextKeys = ['current', 'router', 'store', 'redirect']\nconst dataKeys = [\n 'browserUrl',\n 'path',\n 'url',\n 'params',\n 'query',\n 'queryParams',\n 'hash',\n]\n\nconst getUrlInfo = ({ context }) => {\n return contextKeys.map((ck) =>\n _.fromPairs(dataKeys.map((dk) => [dk, context[ck]?.[dk]]))\n )\n}\n\nconst useDebugLogging = ({ service, enabled = false }) => {\n const [debugData, setDebugData] = useState({})\n\n useEffect(() => {\n if (!enabled) return\n service.onTransition((state) => {\n const urlInfo = getUrlInfo(state)\n\n const dd = {\n ts: new Date().toISOString,\n urlInfo,\n }\n\n setDebugData(() => dd)\n })\n\n //return sub.unsubscribe()\n }, [service])\n\n return debugData\n}\n\nconst useConsoleLogging = ({ service, enabled = false }) => {\n useEffect(() => {\n if (!enabled) return\n if (!service) return\n\n service\n ?.onTransition((state) => {\n if (!enabled) return\n const ststr = state.toStrings().join(', ')\n console.log(`%c% ${ststr}`, 'color: #e74;')\n const { context } = state\n console.log({ context: toJSDeep(context) })\n })\n .onEvent(({ type, ...payload }) => {\n if (!enabled) return\n console.log(`%c @${type}`, 'color: #59c;')\n console.log({ payload: toJSDeep(payload) })\n })\n\n // const usc = service.subscribe(state => {\n // console.log(state)\n // })\n }, [service])\n}\n\nconst useRouterHash = () => {\n const match = useRouteMatch()\n const location = useLocation()\n\n const [routerState, setRouterState] = useState(null)\n\n const rinfo = getRouterInfo({ match, location })\n // console.log('rinfo', rinfo.url, rinfo.query, rinfo.hash)\n\n useEffect(() => {\n setRouterState(rinfo)\n }, [rinfo.hash])\n\n return routerState\n}\n\nconst SearchRouteHandler = observer(() => {\n const { appConfig, tenantConfig: tc } = useConfig()\n const searchRouteHandlerConfig = tc?.routeOptions?.searchRouteHandler || {}\n\n const routerInfo = useRouterHash()\n const history = useHistory()\n\n const queryClient = useQueryClient()\n\n const store = useRootStore()\n const route = useRouteStore()\n const debug = useDebugStore()\n\n const config = route.config.searchRouteHandler || {}\n const defaultUrl = config.defaultRoute?.path || '/'\n\n const storeInfo = route.path.searchStoreInfo || {}\n\n const service = useInterpret(searchRouteMachine, {\n context: {\n defaultUrl,\n },\n actions: {\n resetLocation: () => {\n store.search.params.setLocation(null)\n store.search.ui.setLocationDialogShown(false)\n return send('LOCATION_RESET')\n },\n redirect: ({ redirect }) => {\n if (!redirect) return\n // console.log(`redirect -> ${redirect.browserUrl}`)\n history.push(redirect.browserUrl)\n },\n cacheQueryResultsFromStore: ({ store }) => {\n const { parameterMap, params, source } = store\n const storeParamInfo = route.path.getQueryParamInfo({\n parameterMap,\n params,\n })\n cacheQueryResults({ storeParamInfo, params, source, queryClient })\n },\n writeQueryResultToStore: (c, { data = {} }) =>\n store.search.params.updateFromRouterHandler(data),\n },\n services: {\n queryRouteParams: async ({ router, store }) => {\n const parameterMap = toJSDeep(route.config?.parameterMaps?.search)\n\n const [routerParamInfo, storeParamInfo] = [router, store].map(\n ({ params }) => route.path.getQueryParamInfo({ parameterMap, params })\n )\n\n return await querySearchUrlParams({\n parameterMap,\n routerParamInfo,\n storeParamInfo,\n router,\n store,\n queryClient,\n })\n },\n },\n })\n\n const [state, send] = useActor(service)\n\n const enableConsoleLogging = toJS(debug.routeMachine.consoleLogging)\n useConsoleLogging({ service, enabled: enableConsoleLogging })\n\n const debugData = useDebugLogging({\n service,\n enabled: appConfig.debugHelpers,\n })\n\n useEffect(() => {\n const { urlInfo } = debugData || {}\n debug.routeMachine.setUrlInfo(urlInfo)\n }, [debugData, debugData?.ts])\n\n useEffect(() => {\n window.$srm = { state, send, service }\n }, [service])\n\n useEffect(() => {\n const { hash, url, query } = routerInfo || {}\n // console.log('routerState.hash', hash, url, query)\n send({ type: 'SET_ROUTER_INFO', urlInfo: routerInfo })\n }, [routerInfo?.hash])\n\n useEffect(() => {\n // console.log('storeInfo.hash', { urlInfo: toJSDeep(storeInfo) })\n if (!storeInfo) return\n send({ type: 'SET_STORE_INFO', urlInfo: toJSDeep(storeInfo) })\n }, [storeInfo?.hash])\n\n // return <>\n return null\n})\n\nexport default SearchRouteHandler\n","import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\nimport { useMediaQuery } from '@mui/material'\n\nimport { useConfig } from '@/config'\nimport { useRootStore } from '@/stores/root/store'\nimport { useResultsControl } from '@/ui/search/results/results-control'\n\nimport DesktopSearch from '@/ui/search/DesktopSearch'\nimport MobileSearch from '@/ui/search/MobileSearch'\n\nimport SearchRouteHandler from '@/ui/router/SearchRouteHandler'\n\nimport { useSearchParams } from 'react-router-dom'\n\nconst ResultsControlUpdater = observer(() => {\n const store = useRootStore()\n\n const { setSelectedResult } = useResultsControl({\n subscriber: { searchId: 'all', control: 'searchRoot' },\n })\n\n React.useEffect(() => {\n setSelectedResult()\n }, [store.search.searchCount])\n\n return null\n})\n\nconst Search = () => {\n const store = useRootStore()\n const { tenantConfig: tc } = useConfig()\n const isSearchRouteHandlerEnabled =\n tc?.routeOptions?.searchRouteHandler?.enabled\n const queryParameters = new URLSearchParams(window.location.search)\n const tab = queryParameters.get('tab')\n\n const isMobile = useMediaQuery((theme) => theme.breakpoints.down('ph'))\n const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('ph'))\n\n //tab are able to be switch through url\n if (tab) {\n store.search.ui.setSelectedTab(Number(tab))\n }\n\n return (\n <>\n \n {parameterGroups.search && (\n \n \n
\n )}\n\n {enableMap && (\n \n \n {tabs.map((t, i) => (\n \n
\n \n
\n )\n\n const handleCloseConfirmation = () => {\n setShowConfirmation(false)\n }\n\n return (\n <>\n \n {errors[field.name]}\n
\n )}\n \n \n {content.body} \n \n\n
\n )\n})\n\nexport default Help\n","import _ from 'lodash'\nimport Qs from 'qs'\n\nimport {\n getStates,\n getCouncilsForState,\n getLocalitiesForCouncil,\n getLocalityByParams,\n} from '../cie-api'\n\nexport const checkState = ({ state }) => {\n if (state !== 'Queensland') return { isValid: false }\n return { isValid: true }\n}\n\nexport const queries = {\n undefined: {\n queryKey: () => ['undefined'],\n\n lookup: async () => {\n // console.error('lookup is undefined')\n return new Promise((accept) => {\n setTimeout(() => accept({}), 10)\n })\n },\n },\n\n states: {\n queryKey: () => ['states'],\n\n lookup: async () => {\n var res = await getStates()\n if (!res.states) throw new Error()\n\n return {\n isValid: true,\n title: 'States',\n items: res.states\n // TODO: FIX!!\n .filter((s) => s.shortUrl === 'QLD')\n .map((s) => ({\n pathType: 'browseState',\n name: s.name,\n // params: { state },\n source: {\n state: s,\n },\n })),\n }\n },\n },\n\n councils: {\n queryKey: ({ state }) => ['councils', { state }],\n\n lookup: async ({ params }) => {\n const { state } = params\n\n const cs = checkState(params)\n if (!cs.isValid) return cs\n\n var res = await getCouncilsForState({ state })\n if (!res.councils) return { isValid: false }\n\n return {\n isValid: true,\n title: `Councils in ${res.state.name}`,\n items: res.councils\n .map((c) => {\n const [, stateUrl, councilUrl] = c.url.split('/')\n return { ...c, stateUrl, councilUrl }\n })\n .map((c) => ({\n pathType: 'browseCouncil',\n name: c.displayNameCouncil,\n // params: {\n // ...c.params,\n // },\n source: {\n council: c,\n },\n })),\n }\n },\n },\n\n localities: {\n queryKey: ({ state, council }) => ['localities', { state, council }],\n\n lookup: async ({ params }) => {\n const cs = checkState(params)\n if (!cs.isValid) return cs\n\n const { state, council } = params\n\n var res = await getLocalitiesForCouncil({ state, council })\n if (!res.localities) return { isValid: false }\n\n return {\n isValid: true,\n title: `Suburbs in ${res.council.displayNameCouncil}, ${res.state.name}`,\n items: res.localities.map((l) => ({\n pathType: 'browseLocality',\n name: `${l.locationName} ${l.postcode}`,\n source: {\n locality: l,\n },\n // params: {\n // state: l.stateUrl,\n // council: l.councilUrl,\n // locality: l.url,\n // },\n })),\n }\n },\n },\n\n // for locality\n categories: {\n queryKey: ({ state, council, locality }) => [\n 'categories',\n { state, council, locality },\n ],\n\n lookup: async ({ params, categories }) => {\n const cs = checkState(params)\n if (!cs.isValid) return cs\n\n const { state, council, locality } = params\n var res = await getLocalityByParams({ state, council, locality })\n if (!res) return { isValid: false }\n\n const localityParams = {\n state: res.stateUrl,\n council: res.councilUrl,\n locality: res.url,\n }\n\n const stateName = res.stateUrl.replaceAll('_', ' ')\n\n return {\n isValid: true,\n title: `Healthcare Services in ${res.name}, ${stateName}`,\n defaultItems: [\n {\n pathType: 'searchLocality',\n name: `All Health Services`,\n source: {\n locality: res,\n },\n // params: localityParams,\n },\n ],\n items: categories.map((c) => ({\n pathType: 'searchLocalityCategories',\n name: c.title,\n source: {\n locality: res,\n categories: c,\n },\n // source: c,\n // params: {\n // ...localityParams,\n // categories: c.shortUrl,\n // },\n })),\n }\n },\n },\n\n categoriesRoot: {\n queryKey: () => ['categoriesRoot'],\n\n lookup: async ({ categories }) => ({\n title: `Healthcare Service Categories`,\n items: categories.map((c) => ({\n pathType: 'browseCategory',\n name: c.title,\n source: { categories: c },\n // params: {\n // category: c.shortUrl,\n // },\n })),\n }),\n },\n\n categoryInfo: {\n queryKey: ({ categories }, { searchLocation }) => [\n 'categoryInfo',\n { categories, localityId: searchLocation?.id },\n ],\n\n lookup: async ({ categoriesRoute }) => {\n const { source } = categoriesRoute || {}\n const { categories: category } = source || {}\n\n // console.log('categoryInfo', { categoriesRoute, source, category })\n\n if (!category) return { isValid: false }\n\n return {\n title: category.titleWithSuffix,\n staticContent: {\n type: 'categoryDescription',\n id: category.id,\n },\n bottomItems: [\n {\n pathType: 'searchLocalityCategories',\n withLocation: true,\n templates: {\n default: `??`,\n withLocation: `Search {{ source.categories.titleWithSuffix }} in {{ source.location.summary }}`,\n },\n source,\n },\n {\n pathType: 'searchCategories',\n queryParams: { rloc: true },\n templates: {\n default: `Search {{ source.categories.titleWithSuffix }} in your location`,\n withLocation: `Search {{ source.categories.titleWithSuffix }} in Queensland`,\n },\n source,\n },\n ],\n }\n },\n },\n}\n\nexport const generatePath = ({ item, options }) => {\n // console.log('generatePath', { item, options })\n\n const { routePath } = options\n const { pathType: pathTypeName, source, params, deferRouteGeneration } = item\n\n const pathType = pathTypeName && routePath.pathType({ pathTypeName })\n\n if (!pathType) {\n console.warn('Invalid pathType', { pathTypeName, pathType })\n return null\n }\n\n const g =\n !deferRouteGeneration && routePath.generateUrl({ pathType, source, params })\n\n return {\n ...g,\n pathType,\n really: pathType,\n }\n}\n\nexport const browseQuery = (query, options) => async () => {\n if (!query) return null\n\n const qres = await query.lookup(options)\n\n const addPathItems = (items) => {\n if (!_.isArray(items)) return\n\n const r = _.sortBy(\n items.map((item) => {\n const { queryParams } = item\n const { url, params, ...gr } = generatePath({ item, options })\n // console.log({ url, params, ...gr })\n\n const qp = url && queryParams && Qs.stringify(queryParams)\n const to = _.compact([url, qp]).join('?')\n\n return { ...item, to, ...gr }\n }),\n ['name']\n )\n\n return r\n }\n\n const apkeys = ['defaultItems', 'items', 'bottomItems']\n\n const apadd = _.chain(qres)\n .pick(apkeys)\n .mapValues((it) => addPathItems(it))\n .value()\n\n const res = { ...qres, ...apadd }\n\n // console.log({ browseQuery: res })\n\n return res\n}\n","import React, { useState } from 'react'\n\nimport { toJS } from 'mobx'\nimport { toJSDeep } from '@/stores/root/utils/mobx'\nimport clsx from 'clsx'\nimport _ from 'lodash'\nimport { observer } from 'mobx-react-lite'\nimport { Liquid } from 'liquidjs'\n\nimport { useQuery } from 'react-query'\nimport { Link as ReactRouterLink, Redirect } from 'react-router-dom'\nimport { minutesToMilliseconds as m2ms } from 'date-fns'\n\nimport { withStyles } from '@mui/styles'\nimport {\n Box,\n Breadcrumbs,\n Button,\n Grid,\n Typography,\n CircularProgress,\n} from '@mui/material'\n\nimport { RouterLink } from '@/ui/nav/Link'\nimport SimpleMarkdown from '@/ui/markdown/SimpleMarkdown'\n\nimport { useMergeOptions } from '@/ui/hooks/useMergeOptions'\nimport { useRootStore } from '@/stores/root/store'\nimport { useRouteStore } from '@/stores'\nimport { queries, browseQuery } from '@/api/legacy/browse-queries'\n\nconst styles = (theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n },\n progress: {\n margin: '40px auto',\n },\n actionContainer: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n padding: theme.spacing(2, 0),\n },\n actionButton: {\n margin: '20px auto',\n },\n items: {\n margin: theme.spacing(1, 0),\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n regionLink: {\n textTransform: 'none',\n fontWeight: 'normal',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n // margin: theme.spacing(1),\n padding: theme.spacing(1),\n },\n regionLinkText: {\n flex: '1 1 auto',\n },\n regionLinkIcon: {\n flex: '0 1 auto',\n maxWidth: 32,\n marginRight: 4,\n },\n})\n\nconst linkIcons = {\n browse: 'fas fa-chevron-right',\n search: 'fas fa-search',\n}\n\nconst ItemLink = (props) => {\n const { classes } = props\n\n // console.log({ props })\n\n const { item = {}, ...innerProps } = props || {}\n\n if (!item) {\n console.warn(`Invalid item`)\n return null\n }\n\n const { to, name, pathType } = item\n const { linkType } = pathType\n\n const icon = linkIcons[linkType]\n const buttonProps = { to, ...innerProps }\n\n return (\n \n \n )\n}\n\nconst StaticContent = ({ classes, type, id }) => {\n const store = useRootStore()\n const md = store.tenant.getContent({ type, id })\n\n if (!md?.body) return null\n\n return
\n \n )}\n {data.staticContent && (\n
\n
\n \n )\n}\nexport default HHSOutletEventCalendar\n","import React, { useState } from 'react'\n\nimport { observer } from 'mobx-react-lite'\nimport { withRouter, Redirect } from 'react-router-dom'\nimport { useAsync } from 'react-async'\n\nimport { makeStyles } from '@mui/styles'\nimport {\n Typography,\n Container,\n // Box,\n CircularProgress,\n} from '@mui/material'\n\nimport { useRootStore } from '@/stores/root/store'\nimport { getLocation2 as getLocation } from '@/api/legacy'\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n marginTop: theme.spacing(4),\n marginBottom: theme.spacing(12),\n },\n progressContainer: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n },\n progress: {\n margin: '20px auto',\n },\n}))\n\nconst LocationRedirect = observer(\n withRouter(({ match, redirectTo }) => {\n const store = useRootStore()\n const classes = useStyles()\n\n const { lat, lng } = match.params\n\n const [redirect, setRedirect] = useState(null)\n\n const { isPending } = useAsync({\n promiseFn: getLocation,\n lat,\n lng,\n onResolve: (data) => {\n if (data) store.search.params.setLocation(data)\n setRedirect(redirectTo)\n },\n })\n\n if (redirect) return \n Event Calendar for {outletName}\n
\n \n
\n \n Resolving Location \n
\n )}\n Invalid component: {r.component}
\n\n return (\n Invalid component: {r.component}
\n ) : ContainerComponent ? (\n {pathStr} {store._helper?.pathStr}
*/}\n {/* {item.type}
*/}\n \n {items && (\n store.toggleReactQuery()}>React Query Devtools
\n {hcfg} */}\n {helper}\n \n
\n \n
\n ![](\"/static/media/cutlery.a3e2a3f7.png\")
*/}\n \n \n Continue to your\n \n\n \n \n Previous Search\n \n
\n )\n})\n\nexport default PreviousSearch\n","import React from 'react'\n\nimport { withStyles } from '@mui/styles'\nimport { Box, Typography } from '@mui/material'\n\nimport { withVariantStyles } from '@/ui/theme/TenantTheme'\nimport { useConfig } from '@/config'\n\nconst styles = (theme) => ({\n root: {\n // display: 'flex',\n // flexDirection: 'row',\n // alignItems: 'flex-start',\n // [theme.breakpoints.down('sm')]: {\n // flexDirection: 'column',\n // },\n },\n flag: {\n maxHeight: 30,\n // margin: theme.spacing(0, 0.5),\n },\n})\n\nconst flagAltText = {\n aboriginal: 'Aboriginal Flag',\n torresStrait: 'Torres Strait Flag',\n lgbt: 'Rainbow Flag',\n}\n\n/**\n * Displays A set of flags for iHelp\n */\nexport const Flags = ({\n classes,\n flagIds = ['aboriginal', 'torresStrait', 'lgbt'],\n ...props\n}) => {\n const { tenantConfig: tc } = useConfig()\n\n const Flag = ({ src, alt }) => (\n - {children}
\n {showSponsors && (\n <>\n {label &&
\n {label}
}\n \n \n {copy}\n \n
\n )\n}\n\nexport default withStyles(styles, { name: 'AMSAcknowledgement' })(\n Acknowledgement\n)\n","import React from 'react'\n\nimport { Link as ReactRouterLink } from 'react-router-dom'\n\n// import { makeStyles } from '@mui/material/styles'\nimport { Link as MuiLink } from '@mui/material'\n\nimport { useConfig } from '@/config'\n\n// const { appConfig } = useConfig()\n\nexport const BaseLink = ({ ...linkProps }) => {\n const mergeProps = {\n variant: 'body1',\n color: 'primary',\n underline: 'none',\n ...linkProps,\n }\n\n return \n
\n \n \n Coronavirus (COVID-19) Health Alerts\n \n {items.map(({ label, href }, i) => (\n \n
\n \n
\n \n\n
\n \n You have no results in your favourites list.\n
\n Add items by clicking the icon in the\n search results.\n \n
\n )\n\n return (\n \n Add items by clicking the icon in the\n search results.\n
\n
\n )\n})\n\n/**\n * Entry for SearchResultsList\n *\n * Searches are performed by SearchQueryHost\n *\n * React Query results (or Favourites) are available via useSearchResults\n *\n * @param props.classes {object} Mui classes\n * @param props.searchId {string} Search (Tab)\n */\nconst SearchResultsList = observer((props) => {\n const { classes, searchId } = props\n\n const search = useStoreSearch(searchId)\n const queryProps = search.queryProps\n\n // console.log({ searchId, queryProps })\n\n return (\n <>\n \n\n \n {image}\n
\n )\n })\n\n return {items}
\n}\n\n// export default withVariantStyles(styles,{ name: 'AMSImageList' })(ImageList)\nexport default withStyles(styles, { name: 'AMSImageList' })(ImageList)\n","import { types, getRoot } from 'mobx-state-tree'\n\nexport const ContentItem = types\n .model({\n // id: types.identifier,\n // attributes: types.model({\n // }),\n type: types.literal('md'),\n body: '',\n })\n\nexport const Content = types\n .model({\n items: types.map(ContentItem),\n })\n\n .views((self) => ({\n get selectedInformation() {\n const noContent = { id: null, body: 'Content not found' }\n\n const ck = (category, region) => `information/${region}/${category}`\n\n const sc = getRoot(self).search.params.selectedCategories\n\n if (typeof sc !== 'string') return noContent\n\n return self.items.get(ck(sc, 'default')) || noContent\n },\n\n }))\n\n","import { types, flow, getRoot } from 'mobx-state-tree'\n\nimport _ from 'lodash'\nimport { toJS } from 'mobx'\nimport uniq from 'lodash/uniq'\nimport flatten from 'lodash/flatten'\nimport keyBy from 'lodash/keyBy'\nimport mapValues from 'lodash/mapValues'\nimport flatMap from 'lodash/flatMap'\nimport uniqBy from 'lodash/uniqBy'\n\nimport { config } from '@/config'\nconst { tenantConfig: tc } = config\n\nimport { Content } from './Content'\nimport { getCommissionedServicesByOutlet } from '@/api/legacy'\nimport { toJSDeep } from '../utils/mobx'\nimport { asArray } from '@/utils'\n\nexport const TenantOptions = types.model({\n title: '',\n categoryMode: types.enumeration('CategoryMode', ['single', 'multiple']),\n combineMode: types.enumeration('CombineMode', [\n 'filters',\n 'categories',\n 'tags',\n 'diary-format',\n ]),\n informationCategories: types.optional(types.boolean, false),\n defaultCategoryTitle: '',\n defaultCategorySuffix: '',\n maxVerboseCategories: 3,\n})\n\nexport const MetaCategory = types\n .model({\n id: '',\n title: '',\n titleSuffix: '',\n shortUrl: '',\n icon: '',\n search: true,\n show: '',\n categories: types.maybeNull(types.array(types.integer), []),\n tags: types.maybeNull(types.array(types.integer), []),\n commissionedServices: types.maybeNull(types.array(types.integer), []),\n diaryFormat: types.maybeNull(types.array(types.integer), []),\n description: '',\n })\n\n .volatile((self) => ({\n searchOptions: null,\n // badge: null,\n }))\n\n .views((self) => ({\n get suffix() {\n const to = getRoot(self).tenant.options\n return self.titleSuffix || to.defaultCategorySuffix\n },\n\n get suffixRegex() {\n return new RegExp(`\\\\s${self.suffix}$`)\n },\n\n get titleWithoutSuffix() {\n if (!self.suffix) return self.title\n return self.title.replace(self.suffixRegex, '')\n },\n\n get titleWithSuffix() {\n if (!self.suffix || self.title.match(self.suffixRegex)) return self.title\n return [self.title, self.suffix].join(' ')\n },\n\n get urlFormatted() {\n return self.shortUrl.replace(/\\s/g, '_')\n },\n\n get longUrl() {\n return self.title.replace(/[&]/g, 'and').replace(/[\\s,/]+/g, '_')\n },\n }))\n\n .actions((self) => ({\n setVolatile(category) {\n self.searchOptions = category.searchOptions\n // self.badge = category.badge\n },\n }))\n\nexport const Tenant = types\n .model({\n options: types.optional(TenantOptions, {\n categoryMode: 'single',\n combineMode: 'categories',\n informationCategories: false,\n }),\n categories: types.array(MetaCategory, []),\n content: types.optional(Content, {}),\n })\n\n .views((self) => ({\n get helpers() {\n return {\n json: ['options', 'categories', 'content'],\n }\n },\n\n get metaCategoryMap() {\n return keyBy(self.categories, 'id')\n },\n\n get metaCategoryLookups() {\n const keys = ['urlFormatted', 'longUrl']\n const lucap = _.fromPairs(\n keys.map((k) => [k, _.keyBy(self.categories, k)])\n )\n const lu = _.mapValues(lucap, (v) =>\n _.mapKeys(v, (mv, mk) => mk.toLowerCase())\n )\n const all = _.reduce(lu, (prev, curr) => ({ ...prev, ...curr }), {})\n\n const res = { ...lu, all }\n return res\n },\n\n getCategory(id) {\n return self.metaCategoryMap[id]\n // return id in self.metaCategoryMap ? self.metaCategoryMap[id] : undefined\n },\n\n categoriesForIds(metaCategoryIds) {\n return asArray(metaCategoryIds)\n .map((catId) => self.metaCategoryMap[catId])\n .filter((mc) => !!mc)\n },\n\n categoriesFromParams(params) {\n console.warn(\n 'categoriesFromParams() deprecated, use categoriesFromParams2()'\n )\n\n const cmode = tc.options.categoryMode\n\n const rconfig = tc?.search?.router?.category\n if (!rconfig) throw new Error('No config')\n\n const field = rconfig.field || 'title'\n const delimiter = rconfig.delimiter || '+'\n\n if (cmode === 'single') {\n // console.log('single')\n if (!params.category) return null\n\n const pp = params.category.replace('_', ' ')\n const pc = self.categories.find((c) => c[field] === pp)\n\n return pc ? pc.id : null\n }\n\n if (cmode === 'multiple') {\n console.log('multiple')\n if (!params.category) return []\n\n const pp = params.category\n .split(delimiter)\n .map((c) => c.replace('_', ' '))\n const cm = keyBy(self.categories, field)\n const cids = pp.filter((c) => c in cm).map((c) => cm[c].id)\n\n return cids\n }\n\n return null\n },\n\n categoriesFromParams2(param, { field = 'all' } = {}) {\n const category = param?.category || param?.categories\n // const { category } = param || {}\n\n if (!_.isString(category)) return []\n if (!category) return []\n\n const rconfig = tc?.search?.router?.category\n if (!rconfig) throw new Error('No config')\n\n const delimiter = rconfig.delimiter || '+'\n const pp = category.split(delimiter).map((c) => c.toLowerCase())\n\n const cl = pp.map((p) => this.metaCategoryLookups[field]?.[p])\n return _.compact(cl)\n },\n\n // combine search params from combined metacategories\n // for simple array types (categories, tags, diaryFormat etc.)\n\n combinedParamArray(\n metaCategoryIds,\n iterator,\n options = {\n default: [-1],\n }\n ) {\n const metaCategories = self.categoriesForIds(metaCategoryIds)\n const res = _.uniq(\n _.flatMap(metaCategories, (mc) => asArray(iterator(mc)))\n )\n return res.length > 0 ? res : options.default\n },\n\n // lookup for badges\n // TODO: migrate when elastic named queries available\n\n get commissionedServiceCategoryMap() {\n const cscats = self.categories.reduce((acc, curr) => {\n ;(curr?.commissionedServices || []).forEach((csid) => {\n // console.log('csid', csid)\n acc[csid] = [...(acc[csid] || []), curr.id]\n })\n return acc\n }, {})\n\n const res = mapValues(cscats, (c) =>\n uniq(c.sort((a, b) => a.localeCompare(b)))\n )\n return res\n },\n\n categoriesForCommissionedService(id) {\n const cats = (self.commissionedServiceCategoryMap[id] || []).map((id) =>\n self.getCategory(id)\n )\n return cats\n },\n\n // access md content\n\n getContent({ type = 'static', region = 'default', id = 'default' }) {\n const ck = (type, region, id) => `${type}/${region}/${id}`\n\n const regions = region === 'default' ? [region] : [region, 'default']\n\n const content = regions\n .map((r) => self.content.items.get(ck(type, r, id)))\n .find((c) => c)\n\n return content\n },\n }))\n\n .actions((self) => ({\n loadVolatile() {\n ;(tc.categories || []).forEach((cat) =>\n self.metaCategoryMap[cat.id].setVolatile(cat)\n )\n },\n\n // this might be redundant now!\n // loadCommissionedServices: flow(function* loadCommissionedServices({\n // commissioningOutletId,\n // typeMap,\n // }) {\n // if (!commissioningOutletId) {\n // console.error(`Invalid commissioningOutletId`)\n // return\n // }\n\n // const cso = yield getCommissionedServicesByOutlet(commissioningOutletId)\n\n // if (!cso || cso.length === 0) {\n // console.error(`No valid commissioned services returned for outlet ${commissioningOutletId}`)\n // return\n // }\n\n // // bin cs types by category\n // // a Commissioned service can be in more than one category (cs type)\n\n // const tagMap = mapValues(keyBy(typeMap, 'tagId'), v => v.category)\n\n // const csm = cso.reduce((acc, curr) => {\n // if (!curr.types) return acc\n\n // curr.types.forEach(t => {\n // const catId = tagMap[t.tagId]\n // if (!catId) return\n\n // acc[catId] = [...(acc[catId] || []), curr.commissionedServiceId]\n // })\n\n // return acc\n // }, {})\n\n // // get icons\n\n // const icons = uniqBy(flatMap(cso.map(cs => cs.types)), 'tagId').map(t => ({\n // id: tagMap[t.tagId],\n // icon: t.icon,\n // }))\n\n // // save to ams categories\n\n // self.categories.forEach(cat => {\n // cat.icon = icons[cat.id] || ''\n // cat.commissionedServices = csm[cat.id] || []\n // })\n // }),\n }))\n","import _ from 'lodash'\n\nconst builders = {\n directory: {\n nodeBuilder: 'elastic',\n nodeMap: {\n categories: {\n builder: 'terms',\n field: 'categories',\n },\n tags: {\n builder: 'terms',\n field: 'serviceTags',\n },\n },\n },\n}\n\nconst nodeBuilders = {\n elastic: {\n bool: (self, node) => {\n const bkeys = {\n and: 'filter',\n or: 'should',\n not: 'must_not',\n }\n\n const diff = _.difference(_.keys(node.bool), _.keys(bkeys))\n if (diff.length > 0) throw `Invalid keys: ${diff.join(', ')}`\n\n const bfe = _.reduce(node.bool, (acc, v, k) => {\n if (!(k in bkeys)) return acc\n acc[bkeys[k]] = Array.isArray(v)\n ? v.map(n => self.buildNode(self, n))\n : self.buildNode(self, v)\n\n return acc\n }, {})\n\n return { bool: { ...bfe } }\n },\n\n terms: (self, node, { key, field }) => {\n if (node.terms) return node\n if (!key || !field) throw `Invalid node map`\n\n return { terms: { [field]: node[key] }}\n },\n },\n}\n\nconst buildNode = (self, node) => {\n const keys = _.keys(node)\n if (keys.length !== 1) throw `Invalid keys: ${keys.join(', ')}`\n\n const nkey = keys[0]\n const nmap = self.nodeMap[nkey]\n const bldkey = nmap?.builder || nkey\n const bld = self.nodeBuilders[bldkey]\n\n if (!bld || typeof(bld) !== 'function') throw `Invalid builder: ${bldkey}`\n\n return bld(self, node, { key: nkey, ...nmap })\n}\n\nexport const buildFilter = ({\n builder = 'directory',\n filter = {},\n}) => {\n const bld = builders[builder]\n if (!bld) throw `Unknown builder: ${bld}`\n\n const nb = nodeBuilders[bld.nodeBuilder]\n if (!nb) throw `Unknown node builder: ${bld.nodeBuilder}`\n\n const self = {\n buildNode: buildNode,\n nodeBuilders: nb,\n nodeMap: bld.nodeMap,\n }\n\n const res = self.buildNode(self, filter)\n return res\n}\n\n","import { addDays } from 'date-fns'\nimport { toJS } from 'mobx'\nimport { config } from '@/config'\n// default mappings\n\nconst paramMaps = {\n age: {\n values: {\n '0 - 15': { ageMin: 0, ageMax: 15 },\n '16 - 25': { ageMin: 16, ageMax: 25 },\n '26 - 40': { ageMin: 26, ageMax: 40 },\n '41 - 64': { ageMin: 41, ageMax: 64 },\n '65+': { ageMin: 65, ageMax: 999 },\n },\n default: { AgeMin: 0, AgeMax: 999 },\n },\n\n gender: {\n values: {\n Male: 'MaleOnly',\n Female: 'FemaleOnly',\n },\n default: null,\n },\n}\n\nconst mapParam = (param, value) => {\n const m = paramMaps[param]\n if (!m) {\n console.warn(`No param mapping found for \"${param}\"`)\n return\n }\n\n return m.values[value] || m.default\n}\n\n// builders\n\nconst builders = {\n directory: {\n fixed: ({ fields }) => fields,\n\n page: ({ pageNumber = 1, pageSize = 20 }) => {\n return { pageNumber, pageSize }\n },\n\n sort: ({ sortField, sortDirection }) => {\n // return { sortField: param.sortField}\n return { sortField, sortDirection }\n },\n\n query: ({ query }) => {\n return { searchTerm: query || '' }\n },\n\n categories: ({ categories }) => {\n return { categories: categories, categoriesRequired: true }\n },\n\n commissionedServices: ({ commissionedServices }) => {\n const cs = commissionedServices.length > 0 ? commissionedServices : [-1]\n return { commissionedServices: cs }\n },\n\n location: ({ location }) => {\n return { latitude: location.lat, longitude: location.lng }\n },\n\n // single region (wapha geog)\n locationRegion: ({ location }) => {\n if (location.type !== 'geography')\n console.warn('Location is not geography type', location)\n return { locationRegions: [location.id] }\n },\n\n // locationRegions override (ihelp)\n locationRegions: ({ locationRegions }) => {\n return { locationRegions }\n },\n isIncludeOutsideRegion: ({ isIncludeOutsideRegion = true }) => {\n return { isIncludeOutsideRegion }\n },\n defaultGeoId: ({ defaultGeoId }) => {\n const { tenantConfig: tc } = config\n defaultGeoId = tc?.search?.location?.defaultLocation?.id\n return { defaultGeoId }\n },\n serviceRegions: ({ queryBody, location }) => {\n const { appConfig: ac } = config\n\n if (location.type !== 'geography')\n console.warn('Location is not geography type', location)\n\n const gids =\n location.lgas?.length > 0 && ac?.tenant === 'wapha'\n ? location.lgas\n : [location.id]\n return {\n extendedFilters: [\n ...(queryBody.extendedFilters || []),\n {\n nested: {\n path: 'serviceRegions',\n query: {\n terms: {\n 'serviceRegions.geographyId': gids,\n },\n },\n },\n },\n ],\n }\n },\n\n radius: ({ radius }) => {\n return { radius }\n },\n\n age: ({ age }) => {\n return { age: mapParam('age', age) }\n },\n\n gender: ({ gender }) => {\n return { gender: mapParam('gender', gender) }\n },\n\n filters: ({ queryBody, filters }) => {\n if (!filters) {\n console.warn(`Invalid filters`)\n return\n }\n\n return {\n extendedFilters: [\n ...(queryBody.extendedFilters || []),\n {\n bool: {\n should: [{ terms: { categories: [-1] } }, ...filters],\n minimum_should_match: 1,\n },\n },\n ],\n }\n },\n\n rawFilters: ({ rawFilters }) => {\n return { extendedFilters: rawFilters }\n },\n },\n\n // diary: {\n // fixed: ({ fields }) => fields,\n\n // page: ({ pageNo = 1, pageSize = 20 }) => {\n // return { PageNo: pageNo, PageSize: pageSize }\n // },\n\n // query: ({ query }) => {\n // return { WhatText: query || '' }\n // },\n\n // categories: ({ categories }) => {\n // return { ServiceCategories: categories }\n // },\n\n // locationId: ({ location }) => {\n // if (location.type !== 'locality') console.warn('Location is not locality type', location)\n // return { LocationId: [location.id] }\n // },\n\n // radius: ({ radius }) => {\n // return { RadiusKM: radius }\n // },\n\n // dateRange: ({ dateRange }) => {\n // if (dateRange.delta < 0) {\n // const from = dateRange.start || new Date()\n // const to = dateRange.end ? addDays(dateRange.end, 1) : addDays(from, 90)\n\n // return {\n // WhenIndex: 'Custom',\n // SearchFrom: from.toISOString(),\n // SearchTo: to.toISOString(),\n // }\n // }\n\n // console.error(`date delta not implemented ${dateRange.delta}`)\n // },\n\n // diaryFormat: ({ diaryFormat }) => {\n // // const df = diaryFormat.length > 0 ? diaryFormat : [-1]\n // return { DiaryFormatId: diaryFormat }\n // },\n // },\n\n diary: {\n fixed: ({ fields }) => fields,\n\n page: ({ pageNo = 1, pageSize = 20 }) => {\n return { pageNo, pageSize: pageSize }\n },\n\n query: ({ query }) => {\n return { whatText: query || '' }\n },\n\n categories: ({ categories }) => {\n return { serviceCategories: categories }\n },\n\n locationId: ({ location }) => {\n if (location.type !== 'locality')\n console.warn('Location is not locality type', location)\n return { locationId: location.id }\n },\n\n radius: ({ radius }) => {\n return { radiusKM: radius }\n },\n\n dateRange: ({ dateRange }) => {\n if (dateRange.delta < 0) {\n const from = dateRange.start || new Date()\n const to = dateRange.end ? addDays(dateRange.end, 1) : addDays(from, 90)\n\n return {\n whenIndex: 'Custom',\n searchFrom: from.toISOString(),\n searchTo: to.toISOString(),\n }\n }\n\n console.error(`date delta not implemented ${dateRange.delta}`)\n },\n\n diaryFormat: ({ diaryFormat }) => {\n // const df = diaryFormat.length > 0 ? diaryFormat : [-1]\n return { diaryFormatId: diaryFormat }\n },\n },\n}\n\nexport const buildQuery = ({ query, params, paramOverrides }) => {\n const { builder: builderId } = query\n const builder = builders[builderId]\n\n if (!builder) {\n console.error(`Builder not found for ${builderId}`)\n return\n }\n\n const builtQuery = query.parameters.reduce(\n (queryBody, { param, ...pargs }) => {\n const paramBuilder = param && builder[param]\n\n if (!paramBuilder) {\n console.warn(`No query builder for param \"${param}\"`)\n return queryBody\n }\n\n const paramResult = paramBuilder({ queryBody, ...params, ...pargs })\n return { ...queryBody, ...paramResult }\n },\n {}\n )\n\n // console.log({ queryBody: qb })\n return { ...builtQuery, ...paramOverrides }\n}\n","import { buildFilter } from '../utils/filter-builder'\nimport { buildQuery } from '../utils/query-builder'\n// import { Event } from './Event'\n// import { Service } from './Service'\nimport { config } from '@/config'\nimport { analytics } from '@/analytics'\nimport _ from 'lodash'\nimport { types, flow, getRoot } from 'mobx-state-tree'\nimport { toJSDeep } from '../utils/mobx'\n\nconst { tenantConfig: tc } = config\n\n// map of parameter mappings for each search\n\nconst queries = _.keyBy(tc.search.queries, 'id')\n\n// map of build/search functions to search definition\n\nconst searchInterfaces = {\n directory: {\n buildParams: buildQuery,\n },\n diary: {\n buildParams: buildQuery,\n },\n favourites: {\n buildParams: null,\n },\n}\n\n// default location for map\n\nconst australia = {\n center: { lat: -28.6, lng: 134.0 },\n zoom: 5,\n selected: null,\n}\n\nconst australial = {\n geometry: { lat: -28.6, lng: 134.0 },\n zoom: 5,\n}\n\n// export const Result = types.union(Service, Event)\n\nexport const Search = types\n .model({\n id: '',\n type: types.enumeration(Object.keys(searchInterfaces)),\n description: '',\n filterMode: types.optional(\n types.enumeration('FilterMode', [\n 'filters',\n 'categories',\n 'tags',\n 'commissioned-services',\n ]),\n 'filters'\n ),\n loading: false,\n error: false,\n queryTotal: 0,\n total: 0,\n lastResultsCount: 0,\n pageSize: 30,\n // results: types.array(Result),\n showSiteSupport: false,\n resultsHeader: types.maybeNull(\n types.model({\n type: '',\n prefix: '',\n }),\n null\n ),\n })\n\n .volatile(() => ({\n defaultFilter: {},\n apiParams: {},\n // resultsMap: {},\n }))\n\n .views((self) => ({\n get helpers() {\n return {\n json: [\n 'provider',\n 'combinedParams',\n 'apiParams',\n 'filterMap',\n 'activeFilters',\n 'mapParams',\n ],\n }\n },\n\n get control() {\n return getRoot(self).search\n },\n\n get tenant() {\n return getRoot(self).tenant\n },\n\n get provider() {\n return searchInterfaces[self.type]\n },\n\n get query() {\n return queries[self.type]\n },\n\n get category() {\n return self.control.selectedInformationCategory\n },\n\n get paramOverrides() {\n return self.category?.searchOptions?.overrides?.queries?.[self.id]?.params\n },\n\n get combinedParams() {\n const combineMode = _.camelCase(self.tenant.options.combineMode)\n if (!combineMode) throw `Invalid tenant.options.combineMode`\n\n if (combineMode === 'filters') return { filters: self.activeFilters }\n\n // old style combined params (categories, tags etc.)\n\n const combinedParams = self.tenant.combinedParamArray(\n self.control.activeCategories,\n (mc) => mc[combineMode]\n )\n\n if (combinedParams?.[0] === -1)\n console.warn(\n 'Combined params fell back to default, no results will be returned',\n {\n combinedParams,\n }\n )\n\n return { [combineMode]: combinedParams }\n },\n\n filter(category) {\n const so = self.tenant.metaCategoryMap[category]?.searchOptions\n if (!so) return null\n\n // all or single search filter\n const filter = so.filter || so[self.id]?.filter\n if (filter) return buildFilter({ builder: self.type, filter })\n\n // raw filter\n return so[self.id]?.rawFilter\n },\n\n get filterMap() {\n const res = _.mapValues(self.tenant.metaCategoryMap, (v, k) =>\n self.filter(k)\n )\n return res\n },\n\n get activeFilters() {\n const cats = self.control.params.selectedCategoriesMeta\n\n // single category select override || active categories\n const filters = (\n cats.length === 1 &&\n cats[0]?.searchOptions?.overrides?.filters?.categories === 'all'\n ? _.values(self.filterMap)\n : self.control.activeCategoriesArray.map((c) => self.filter(c))\n ).filter((f) => !!f)\n\n return filters\n },\n\n get canLoadMore() {\n return !!self.provider.canLoadMore?.(self)\n },\n\n hasResult(id) {\n return id in self.resultsMap\n },\n\n get resultsMap() {\n return _.keyBy(self.results, 'id')\n },\n\n get canAddFavourite() {\n return !!self.control.favouritesSearch\n },\n\n get locationZoomLevel() {\n const mapConfig = tc.ui?.search?.map || {}\n const location = self.control.params.location\n const defaultZoom = mapConfig?.locationZoom || 15\n\n if (!location || !mapConfig.zoomLevels) return defaultZoom\n\n const zmap = mapConfig.zoomLevels[location.type]\n if (!zmap) return defaultZoom\n\n return zmap[location.id] || defaultZoom\n },\n\n get defaultMapParams() {\n const location = self.control.params.location\n const defaultLocation = tc.search?.location?.defaultLocation\n\n const { geometry } = location || defaultLocation || australial\n\n return {\n center: geometry,\n zoom: 15,\n }\n },\n\n get mapParams() {\n const location = self.control.params.location\n const defaultLocation = tc.search?.location?.defaultLocation\n const selectedResult = self.control.selectedResult\n\n // no location\n\n if (!location) {\n return defaultLocation\n ? {\n center: { lat: defaultLocation.lat, lng: defaultLocation.lng },\n zoom: 15,\n selected: null,\n }\n : australia\n }\n\n // selected result\n\n if (\n selectedResult &&\n selectedResult.result.search === self.id &&\n selectedResult.result.address !== '--withheld--'\n ) {\n return {\n center: {\n lat: selectedResult.result.lat,\n lng: selectedResult.result.lng,\n },\n zoom: 17,\n selected: selectedResult.result,\n }\n }\n\n // default\n\n return {\n center: { lat: location.lat, lng: location.lng },\n zoom: self.locationZoomLevel,\n selected: null,\n }\n },\n\n get mapResults() {\n return self.results.filter((r) => r.address !== '--withheld--')\n },\n\n get combinedRawFilters() {\n const catFilters = self.control.activeCategoriesArray\n .map((c) => self.tenant.metaCategoryMap[c])\n .map((cm) => cm.searchOptions?.[self.id]?.rawFilter)\n .filter((f) => !!f)\n\n return [\n {\n bool: {\n should: [self.defaultFilter, ...catFilters],\n minimum_should_match: 1,\n },\n },\n ]\n },\n\n get queryProps() {\n // console.log('getQueryOptions', self.type)\n\n const topts = self.tenant.options\n\n const location = self.control.params.location\n\n const provider = self.provider || {}\n\n // info only categories don't have searches\n\n const isInformationOnly =\n topts.categoryMode === 'single' &&\n topts.informationCategories &&\n !self.category.search\n\n const enabled =\n self.id !== 'favourites' &&\n !isInformationOnly &&\n _.isFunction(provider.buildParams) &&\n !!location\n\n const allParams =\n location &&\n provider.buildParams?.({\n id: self.id,\n query: queries[self.id],\n params: {\n pageSize: self.pageSize,\n ...self.control.params,\n ...self.combinedParams,\n },\n paramOverrides: self.paramOverrides,\n })\n\n const pageParam = _.pick(allParams, provider.pageParamKey)\n const params = _.omit(allParams, provider.pageParam)\n\n return {\n searchId: self.id,\n searchType: self.type,\n querySummary: self.control.querySummary,\n pageSize: self.pageSize,\n enabled,\n isInformationOnly,\n location,\n pageParam,\n params,\n }\n },\n }))\n\n .actions((self) => ({\n setDefaultFilter(filter) {\n self.defaultFilter = filter\n },\n\n setResults(results) {\n self.results = results\n },\n\n setLoading(loading) {\n self.loading = loading\n },\n\n setError(error) {\n self.error = error\n },\n\n setQueryTotal(total) {\n self.queryTotal = total\n },\n\n /**\n * @deprecated\n */\n clear() {\n self.loading = false\n self.error = false\n // self.clearResults()\n // self.resultsMap.clear()\n self.total = 0\n },\n\n // favourites\n\n /**\n * @deprecated\n */\n insert(result) {\n if (self.hasResult(result.id)) return false\n\n self.results = [result, ...self.results]\n // self.resultsMap[result.id] = result\n\n return true\n },\n\n removeById(id) {\n if (!self.hasResult(id)) return false\n\n //\n if (\n self.control.selectedResult &&\n self.control.selectedResult.id === id\n ) {\n self.control.setSelected(null)\n }\n\n const ri = self.results.findIndex((r) => r.id === id)\n self.results.splice(ri, 1)\n // delete self.resultsMap[id]\n\n return true\n },\n\n initSearch() {\n analytics.track('searchImplInit', {\n category: 'SearchImpl',\n label: self.id,\n })\n\n if (self.type === 'favourites') return\n\n self.clear()\n\n const topts = self.tenant.options\n\n if (\n topts.categoryMode === 'single' &&\n topts.informationCategories &&\n !self.category.search\n )\n return\n\n if (!self.provider.buildParams) return\n if (!self.control.params.location) return\n\n const query = queries[self.id]\n if (!query) return\n\n const buildParams = self.provider.buildParams || buildQuery\n\n // console.log({ combinedParams: self.combinedParams })\n\n self.apiParams = buildParams({\n id: self.id,\n query: queries[self.id],\n params: {\n pageSize: self.pageSize,\n ...self.control.params,\n ...self.combinedParams,\n },\n paramOverrides: self.paramOverrides,\n })\n\n // self.performSearch()\n },\n\n setSearchResultsFromReact(res) {\n if (!res) {\n self.clea\n }\n const resUnique = res.results.map((r) => ({\n ...r,\n id: `${self.id}_${r.id}`,\n search: self.id,\n }))\n\n self.results = [...self.results, ...resUnique]\n\n analytics.track('searchImplPerformSearchResults', {\n category: 'SearchImpl',\n label: self.id,\n value: res.total,\n })\n\n if (res.total > 0) {\n self.total = res.total\n }\n\n self.lastResultsCount = res.results.length\n },\n\n tryAgain() {\n analytics.track('searchImplTryAgain', {\n category: 'SearchImpl',\n label: self.id,\n })\n\n if (self.type === 'favourites') return\n\n self.control.initSearch()\n },\n\n loadMore() {\n analytics.track('searchImplLoadMore', {\n category: 'SearchImpl',\n label: self.id,\n })\n\n if (self.type === 'favourites') return\n if (!self.provider.search) return\n if (!self.canLoadMore) return\n\n if (self.provider.nextPage) self.apiParams = self.provider.nextPage(self)\n\n // else {\n // self.apiParams = {\n // ...self.apiParams,\n // // PageSize: self.pageSize,\n // pageNo: self.apiParams.pageNo + 1,\n // // PageNumber: self.results.length / self.pageSize + 1,\n // }\n // }\n\n // self.performSearch()\n },\n // }))\n // .actions(self => ({\n\n updateResults(queryResults) {\n const { result = [], total = 0 } = queryResults\n self.results = result\n self.total = total\n },\n\n performSearch: flow(function* performSearch() {\n analytics.track('searchImplPerformSearch', {\n category: 'SearchImpl',\n label: self.id,\n searchParams: self.apiParams,\n })\n\n try {\n self.setLoading(true)\n\n const apiParams = self.apiParamsObs\n\n const res = yield self.provider.search(self.apiParams)\n\n const resUnique = res.results.map((r) => ({\n ...r,\n id: `${self.id}_${r.id}`,\n search: self.id,\n }))\n\n self.results = [...self.results, ...resUnique]\n\n analytics.track('searchImplPerformSearchResults', {\n category: 'SearchImpl',\n label: self.id,\n value: res.total,\n })\n\n if (res.total > 0) {\n self.total = res.total\n }\n\n self.lastResultsCount = res.results.length\n } catch (error) {\n console.error(error)\n self.setError(true)\n } finally {\n self.setLoading(false)\n }\n }),\n }))\n","import { types } from 'mobx-state-tree'\nimport { toLocalityL } from '@/api/legacy'\n\nexport const Locality = types\n .model({\n type: types.literal('locality'),\n id: 0,\n default: false,\n label: '',\n councilId: 0,\n state: '',\n postcode: '',\n lat: 0.0,\n lng: 0.0,\n url: '',\n councilUrl: '',\n stateUrl: '',\n })\n\n .views((self) => ({\n get geometry() {\n return {\n lat: self.lat,\n lng: self.lng,\n }\n },\n\n get name() {\n return self.url.replace(/_/g, ' ')\n },\n\n get stateLong() {\n return self.stateUrl.replace(/_/g, ' ')\n },\n\n get summary() {\n return `${this.name}, ${this.stateLong}`\n },\n\n get summaryArray() {\n return [this.name, this.stateLong]\n },\n\n get asLocality() {\n return self && toLocalityL(self)\n },\n }))\n","import { types } from 'mobx-state-tree'\n\nexport const Geography = types\n .model({\n type: types.literal('geography'),\n id: 0,\n default: false,\n label: '',\n dataset: '',\n area: 0.0,\n lat: 0.0,\n lng: 0.0,\n kmlUrl: '',\n lgas: types.array(types.number),\n })\n\n .views((self) => ({\n get geometry() {\n return {\n lat: self.lat,\n lng: self.lng,\n }\n },\n\n get adminBoundaryUrl() {\n return self.kmlUrl\n ?.replace(/devdirectorycdn/, 'mcdcdn')\n .replace(/\\/kml\\//, '/geojson-simple/')\n .replace(/\\.kml$/, '.geojson')\n .replace(/%2c/, '')\n .replace(/%2c/, '')\n },\n\n get summary() {\n return self.label\n },\n\n get summaryArray() {\n return [self.label]\n },\n }))\n","// import isEqual from 'lodash/isEqual'\n\nimport _ from 'lodash'\nimport { toJS, isObservableArray } from 'mobx'\nimport { toJSDeep } from '../utils/mobx'\nimport { types, getRoot, getParent } from 'mobx-state-tree'\n\nimport { Locality } from './Locality'\nimport { Geography } from './Geography'\n\nimport { config, useConfig } from '@/config'\nimport { analytics } from '@/analytics'\nimport { toLocationL } from '@/api/legacy'\n\nconst { tenantConfig: tc } = config\n\nconst DateRange = types.model({\n // -2 custom, -1 anytime, 0+ days\n delta: -1,\n start: types.maybeNull(types.Date),\n end: types.maybeNull(types.Date),\n})\n\nexport const SearchParams = types\n .model({\n pathway: 'self',\n query: '',\n radius: 75,\n location: types.maybeNull(types.union(Locality, Geography)),\n dateRange: types.optional(DateRange, {}),\n categories: types.array(types.string),\n selectedCategories: types.union(\n types.array(types.string),\n types.maybeNull(types.string)\n ),\n age: types.maybeNull(types.string),\n gender: types.maybeNull(types.string),\n sexuality: types.maybeNull(types.string),\n atsi: types.maybeNull(types.string),\n })\n\n .views((self) => ({\n isPreferredCategory(id) {\n return self.categories.includes(id)\n },\n\n get tenant() {\n return getRoot(self).tenant\n },\n\n get ui() {\n return getParent(self).ui\n },\n\n get visibleCategories() {\n if (!self.ui.showAllCategories && self.categories.length > 0) {\n return self.tenant.categories\n .filter((c) => c.show !== 'never')\n .filter((c) => c.show === 'always' || self.isPreferredCategory(c.id))\n }\n\n return self.tenant.categories\n .filter(\n (c) => !(c.show === 'preferred' && !self.isPreferredCategory(c.id))\n )\n .filter((c) => c.show !== 'never')\n },\n\n get selectedCategoriesMeta() {\n if (typeof self.selectedCategories === 'string') {\n const sc = self.tenant.metaCategoryMap[self.selectedCategories]\n return [sc]\n }\n\n if (isObservableArray(self.selectedCategories)) {\n const sc = self.selectedCategories.map(\n (sc) => getRoot(self).tenant.metaCategoryMap[sc]\n )\n return sc\n }\n\n return []\n },\n\n get routePathSource() {\n return {\n locality: self.location,\n categories: self.selectedCategoriesMeta,\n }\n },\n\n get isSearchCategorySelected() {\n return (\n self.selectedCategoriesMeta.length === 0 ||\n self.selectedCategoriesMeta.some((c) => c.search)\n )\n },\n\n isLocationParamsSelected(params) {\n // // no location\n // if (!params.locality && !self.location) return true\n\n // // restore location\n // if (!params.locality && self.location) return false\n\n // change location\n return (\n params?.state === self.location?.stateUrl &&\n params?.council === self.location?.councilUrl &&\n params?.locality === self.location?.url\n )\n },\n\n get urlParamsSource() {\n return {\n location: self.location,\n category: self.selectedCategoriesMeta,\n }\n },\n }))\n\n .actions((self) => ({\n set(key, value) {\n if (key === 'location') {\n self.setLocation(value)\n return\n }\n\n if (key in self) {\n self[key] = value\n }\n },\n\n setQuery(query) {\n self.query = query\n },\n setRadius(radius) {\n self.radius = radius\n },\n setDefaultLocation(location) {\n self.defaultLocation = location\n },\n setLocation(location) {\n self.location = location\n },\n\n setSelectedCategories(selected) {\n const s = toJS(selected)\n const mcm = getRoot(self).tenant.metaCategoryMap\n\n if (typeof s === 'string') {\n self.selectedCategories = s in mcm ? s : null\n } else if (Array.isArray(s)) {\n const sf = s.filter((s) => s in mcm)\n self.selectedCategories = sf.length > 0 ? sf : null\n } else {\n self.selectedCategories = null\n }\n },\n\n initLocation() {\n const { defaultLocation = null, initLocation = 'dialog' } =\n tc.search?.location\n\n if (self.location?.id === 0) {\n console.warn('Bad location, resetting')\n self.location = null\n }\n\n if (self.location) return\n\n if (initLocation === 'default' && defaultLocation && !self.location)\n self.location = defaultLocation\n },\n\n updateFromRouterHandler({ data }) {\n // console.log('updateFromRouterHandler', { data })\n\n const prepareLocation = (loc) => {\n if (!loc) return loc\n const sloc = toLocationL(loc)\n return sloc\n }\n\n const { locality, categories = [] } = data || {}\n\n self.location = prepareLocation(locality)\n // self.location = locality && locality.localityId ? toLocationL(location) : null\n\n self.setSelectedCategories((categories || []).map((c) => c.id))\n },\n\n updateFromSurvey(survey) {\n self.selectedCategories = null\n self.query = ''\n self.showAllCategories = false\n\n // console.log(toJSDeep(survey))\n\n _.keys(survey).forEach((k) => {\n if (_.has(self, k)) {\n self[k] = toJS(survey[k])\n }\n })\n\n // autoselect one category\n\n if (\n !self.selectedCategories &&\n tc.search?.survey?.autoSelectSingleCategory &&\n self.categories?.length === 1\n ) {\n const cid = self.categories[0]\n self.selectedCategories =\n tc.options.categoryMode === 'single' ? cid : [cid]\n }\n\n analytics.track('surveyImplUpdateParamsFromSurvey', {\n category: 'Survey',\n label: 'Update Params',\n // params\n })\n },\n }))\n","import _ from 'lodash'\nimport { types, getParent } from 'mobx-state-tree'\n// import { useConfig } from '@/config'\n\nexport const SearchUI = types\n .model({\n locationDialogShown: false,\n showAllCategories: false,\n selectedTab: 0,\n covidAlertShown: false,\n })\n\n .volatile((self) => ({\n paramsPortal: null,\n }))\n\n .views((self) => ({\n get params() {\n return getParent(self).params\n },\n }))\n\n .actions((self) => ({\n setShowAllCategories(val) {\n self.showAllCategories = val\n },\n setSelectedTab(val) {\n self.selectedTab = val\n },\n setLocationDialogShown(val) {\n self.locationDialogShown = val\n },\n setCovidAlertShown(val) {\n self.covidAlertShown = val\n },\n setParamsPortal(val) {\n self.paramsPortal = val\n },\n\n clear() {\n self.showAllCategories = false\n self.selectedTab = 0\n },\n\n updateFromSurvey(survey) {\n // console.log(survey.pathwayConfig)\n\n const config = survey.pathwayConfig?.ui\n if (!config) return\n\n _.assign(self, config)\n },\n }))\n","import _ from 'lodash'\nimport { types, getRoot } from 'mobx-state-tree'\nimport { keys, values, entries, toJS } from 'mobx'\n\nimport { Search } from './Search'\nimport { SearchParams } from './SearchParams'\nimport { SearchUI } from './SearchUI'\n// import { Service } from './Service'\n// import { Event } from './Event'\n\nimport { config, useConfig } from '@/config'\nimport { asArray, toEnglishList } from '@/utils'\nimport { toFavourite } from '../utils/search-utils'\nimport { toJSDeep } from '../utils/mobx'\n\nconst { tenantConfig: tc } = config\n// const { track } = useAnalytics()\n\nexport const SearchControl = types\n .model({\n // selectedResult: types.maybeNull(\n // types\n // .model({\n // source: types.enumeration(['results', 'map']),\n // // result: types.safeReference(types.union(Service, Event)),\n // id: types.maybeNull(types.string, null),\n // })\n // .views(self => ({\n // // get control() {\n // // return getRoot(self).search\n // // },\n // // get result() {\n // // // console.log('get result', self.id)\n // // if (!self.id) return null\n // // try {\n // // const searchId = self.id.match(/^([^_])*/)[0]\n // // const search = self.control.searches.get(searchId)\n // // const result = self.id in search.resultsMap ? search.resultsMap[self.id] : null\n // // return result\n // // } catch {\n // // console.error('get selected result error')\n // // return null\n // // }\n // // },\n // })),\n // null\n // ),\n searches: types.map(Search, {}),\n searchCount: 0,\n params: types.optional(SearchParams, {}),\n ui: types.optional(SearchUI, {}),\n })\n\n .volatile(() => ({\n contentRegions: {},\n }))\n\n .views((self) => ({\n get tenant() {\n return getRoot(self).tenant\n },\n\n get _searches() {\n const so = _.fromPairs(entries(self.searches))\n return {\n ...so,\n helpers: _.mapValues(so, (v, k) => ({ [k]: { store: v } })),\n }\n },\n\n get helpers() {\n return {\n _searches: { store: self._searches },\n json: ['params', 'activeCategories'],\n }\n },\n\n get locationSummary() {\n if (self.params.location?.type === 'locality')\n return self.params.location?.summary\n return 'Australia'\n },\n\n get categoriesSummary() {\n const sc = self.params.selectedCategoriesMeta\n\n if (sc.length === 1) {\n return sc[0].titleWithSuffix\n }\n\n return self.tenant.options.defaultCategoryTitle\n },\n\n /**\n * Gets summaries as string[] of location & selected categories / default category title\n *\n * Used by Search.queryProps, then passed all the way through search query to StatusHeader\n *\n * Returned values are cloned non-observables.\n *\n * See SearchQuerySummary in @/api/search-query/types\n */\n get querySummary() {\n const topts = self.tenant.options\n const scm = self.params.selectedCategoriesMeta\n\n return toJSDeep({\n maxVerboseCategories: topts.maxVerboseCategories,\n location: self.params.location?.summaryArray,\n categories: scm.length\n ? scm.map((c) => c.titleWithSuffix)\n : [topts.defaultCategoryTitle],\n })\n },\n\n // /**\n // * @deprecated\n // */\n // get locationPath() {\n // const lconfig = tc?.search?.router?.location\n // if (!lconfig) return null\n\n // const loc = self.params.location\n // if (!loc) return null\n\n // return `${lconfig.prefix}/${loc.stateUrl}/${loc.councilUrl}/${loc.url}`\n // },\n\n // /**\n // * deprecated\n // */\n // get categoryPath() {\n // const cconfig = tc?.search?.router?.category\n // if (!cconfig) return null\n\n // const sc = self.params.selectedCategoriesMeta\n // if (sc.length === 0) return null\n\n // const field = cconfig.field || 'title'\n // const delimiter = cconfig.delimiter || '+'\n\n // const cats = sc.map((c) => c[field].replace(' ', '_')).join(delimiter)\n // return `${cconfig.prefix}/${cats}`\n // },\n\n // /**\n // * @deprecated\n // */\n // get path() {\n // const rconfig = tc?.search?.router\n // if (!rconfig) return null\n\n // const pc = [rconfig.root, self.locationPath, self.categoryPath]\n // .filter((x) => x)\n // .join('/')\n // .replace(/(\\/)+/, '/')\n\n // return pc\n // },\n\n get welcome() {\n const title = `Welcome to ${self.tenant.options.title}`\n\n const l = toEnglishList(_.without(keys(self.searches), 'favourites'))\n const lt = l ? `for ${l}` : null\n const body = `To begin searching ${lt} in your region, please select a location in the search settings.`\n\n return { title, body }\n },\n\n // TODO: fix up all the consumers of theses things so everything is a []\n\n /**\n * Categories applicable to current search.\n *\n * Either selected, or visible\n */\n get activeCategories() {\n // this is the categories applicable to any given search\n // i.e. selected || visible\n\n const p = self.params\n\n if (p.selectedCategories) return p.selectedCategories\n return self.params.visibleCategories.map((c) => c.id)\n },\n\n /**\n * activeCategories as an Array\n */\n get activeCategoriesArray() {\n return asArray(self.activeCategories)\n },\n\n /**\n * activeCategories as a Set\n */\n get activeCategoriesSet() {\n return new Set(self.activeCategoriesArray)\n },\n\n get contentRegion() {\n const regionId = self.params.location?.id\n return self?.contentRegions?.[regionId]?.id || 'default'\n },\n\n /**\n * Gets the filtered selected category if 'Information' search is\n * supported\n */\n get selectedInformationCategory() {\n const tenant = getRoot(self).tenant\n if (tenant.options.categoryMode !== 'single') return undefined\n\n const catId = self.params.selectedCategories || 'default'\n if (!_.isString(catId)) return undefined\n\n return tenant.getCategory(catId)\n },\n\n /**\n * Gets static content for the current selected category (single category mode only)\n *\n * Used by ihelp for Information tabs (`type = 'information'`)\n * Used by mindcaregl for intervention categories (`'type = 'results'`)\n *\n * Loads:\n * `@/tenants/\n {/* Logo {srcId} */}\n\n 
\n
\n ) : null\n}\n\nexport default Logo\n","import React from 'react'\n\nimport { useTheme } from '@mui/material/styles'\nimport { withStyles } from '@mui/styles'\nimport { Box, Typography, Link } from '@mui/material'\n\nimport { useConfig } from '@/config'\n\nconst styles = (theme) => ({\n root: {\n padding: theme.spacing(4, 2),\n },\n logo: {\n maxWidth: 'min(300px, 100%)',\n opacity: 0.76,\n marginBottom: theme.spacing(1),\n },\n body1: {\n // fontSize: 'inherit',\n fontSize: '0.86rem',\n // fontSize: 14,\n },\n})\n\n/**\n * Displays Cie detals for footer\n */\nconst CieBlock = ({ classes }) => {\n const { tenantConfig: tc } = useConfig()\n return (\n \n \n Powered by the{' '}\n \n Community Information Exchange\n \n
© {new Date().getFullYear()} Community Information Support\n Services\n
\n All rights reserved. ABN: 30 143 384 043\n \n
\n )\n}\n\nexport default withStyles(styles, { name: 'AMSCieBlock' })(CieBlock)\n","import React from 'react'\n\nimport { Box } from '@mui/material'\nimport { Mono, Json } from '@/ui/debug/debug-helper/Mono'\n\nexport class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props)\n this.state = { hasError: false, error: undefined }\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: true, error }\n }\n\n componentDidCatch(error, errorInfo) {\n console.error('Error Boundary', error, errorInfo)\n }\n\n render() {\n if (this.state.hasError) {\n return (\n © {new Date().getFullYear()} Community Information Support\n Services\n
\n All rights reserved. ABN: 30 143 384 043\n
- {children}
\n \n
\n )\n\n if (['bundle', 'cdn'].includes(type))\n return (\n \n {opts.extraIcon ? (\n 
\n )}\n
\n )\n\n return null\n }\n return (\n \n
\n )\n}\n\nexport default Badge\n","import React, { useEffect } from 'react'\n\nimport { withStyles } from '@mui/styles'\nimport { Box, Typography, Button, Fade } from '@mui/material'\n\nimport { useGetHealthEngineNextAppointment } from '@ciss/cie-api-orval'\nimport { useConfig } from '@/config'\nimport { Mono, Json } from '@/ui/debug/debug-helper/Mono'\nimport { values } from 'lodash'\nimport { Separator } from './SearchResultsList'\n\nconst styles = (theme) => ({\n root: {},\n})\n\nconst BookAppointmentButton = ({ classes, url, ...buttonProps }) => (\n \n {label}\n
\n \n
\n )\n}\n\nexport default IconText\n","import Badge from './Badge'\nimport HealthEngineAppointment from './HealthEngineAppointment'\nimport NetworkMemberBadge from './NetworkMember'\nimport { useResultsControl } from './results-control'\nimport {\n Box,\n IconButton,\n Card,\n CardContent,\n Typography,\n Button,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogContentText,\n DialogActions,\n Chip,\n} from '@mui/material'\nimport grey from '@mui/material/colors/grey'\nimport { makeStyles, withStyles } from '@mui/styles'\nimport clsx from 'clsx'\nimport { useConfig } from '@/config'\nimport { useFavourite } from '@/api/search-query'\nimport { cloneDeep, merge } from 'lodash'\n// import { toJS } from 'mobx'\nimport { observer } from 'mobx-react-lite'\nimport React, { useCallback, useState, useEffect } from 'react'\nimport ErrorBoundary from '@/ui/components/atoms/ErrorBoundary'\nimport BadgeList from './BadgeList'\nimport IconText from '@/ui/components/atoms/IconText'\nimport { useCountRenders } from '@/ui/hooks/useCountRenders'\nimport { CieLink } from '@/ui/nav/Link'\nimport { useAnalytics } from 'use-analytics'\n\nconst styles = (theme) => ({\n root: {\n borderRadius: '4px',\n boxShadow: '1px 1px 3px 1px rgba(0, 0, 0, 0.07)',\n transform: 'none',\n cursor: 'pointer',\n fontSize: '0.937rem',\n margin: theme.spacing(2),\n [theme.breakpoints.down('ph')]: {\n borderRadius: 0,\n fontSize: '0.86rem',\n margin: theme.spacing(2, 0),\n boxShadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.1)',\n },\n },\n selected: {\n transform: 'translate(-1px, -1px)',\n boxShadow: '1px 2px 4px 0 rgba(0, 0, 0, 0.3)',\n [theme.breakpoints.down('ph')]: {\n transform: 'translate(0, -1px)',\n boxShadow: '0px 2px 4px 0 rgba(0, 0, 0, 0.3)',\n },\n },\n separator: {\n margin: theme.spacing(2, 0),\n height: 1,\n backgroundColor: 'rgba(0, 0, 0, 0.1)',\n },\n spacer: {\n height: theme.spacing(3),\n },\n topInfo: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n marginBottom: theme.spacing(2),\n },\n headerIcon: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'flex-start',\n },\n mcdIcon: {\n width: '1.40625rem',\n height: '1.875rem',\n },\n datePill: {\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText,\n padding: theme.spacing(0.7, 1),\n borderRadius: 3,\n fontSize: '1.125rem',\n fontWeight: 600,\n },\n datePillDiary: {\n fontSize: '1rem',\n fontWeight: 600,\n backgroundColor: '#417cbf',\n color: '#fff',\n padding: theme.spacing(0.7, 1),\n marginRight: theme.spacing(1),\n borderRadius: 3,\n },\n content: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'stretch',\n },\n componentBlock: {\n width: '100%',\n margin: theme.spacing(2, 0),\n },\n actions: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(0),\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'flex-end',\n '& i': {\n fontSize: '1.125rem',\n },\n },\n distance: {\n marginLeft: 'auto',\n fontSize: '0.93rem',\n fontWeight: 300,\n color: grey[200],\n },\n logo: {\n maxHeight: 70,\n maxWidth: 120,\n },\n logoSmall: {\n maxHeight: 40,\n maxWidth: 90,\n },\n titleBlock: {\n margin: theme.spacing(0, 0, 2),\n },\n title: {\n fontSize: '1.125rem',\n fontWeight: 400,\n },\n organisation: {\n fontSize: '0.93rem',\n margin: theme.spacing(1, 0),\n color: theme.palette.text.secondary,\n },\n category: {\n fontSize: '0.93rem',\n fontWeight: 300,\n color: theme.palette.text.secondary,\n },\n flexWrap: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: theme.spacing(1),\n },\n chip: {\n fontSize: '0.875rem',\n borderRadius: '4px',\n padding: '0 8px',\n color: '#fff',\n backgroundColor: theme.palette.primary.light,\n borderColor: theme.palette.primary.light,\n },\n cohortChip: {\n fontSize: '0.875rem',\n borderRadius: '4px',\n padding: '0 8px',\n // borderColor: '#f15b22',\n color: '#fff',\n backgroundColor: '#00BFFF',\n borderColor: '#00BFFF',\n },\n\n '@media print': {\n root: {\n breakInside: 'avoid',\n },\n separator: { display: 'none' },\n topInfo: {\n display: 'none',\n },\n actions: {\n display: 'none',\n },\n },\n})\n\nconst useResultStyles = makeStyles(styles, { name: 'AMSSearchResult' })\n\n// Mapped Components\n\nconst Separator = ({ classes }) => {\n return \n}\n\nconst Spacer = ({ classes }) => {\n return \n}\n\nconst HeaderIcon = ({ classes, type, data }) => {\n const { tenantConfig } = useConfig()\n\n switch (type) {\n case 'directory':\n return (\n \n \n
\n {text}
\n \n
\n )\n case 'diary':\n return (\n \n
\n )\n default:\n return \n {data.startDay} {data.startMonth}\n
\n {type}
\n }\n}\n\nconst Header = ({ classes, config, data, variant }) => {\n const type = config?.options?.type\n const showSeparator = config?.options?.showSeparator\n const logoClass = variant === 'map' ? classes.logoSmall : classes.logo\n\n return (\n <>\n \n {/* {data.type === 'event' && (\n
\n {showSeparator && \n
\n )} */}\n {type !== 'logo' && (\n {data.startDay} {data.startMonth}
\n \n {data.logoUrl && (\n 
\n )}\n
\n )}\n \n {data.distanceLabel && (\n
\n \n
\n )\n}\n\nconst HealthEngine = ({ classes, data, ...otherProps }) => {\n if (data.healthEngineStatus !== 'A') return null\n\n // return \n
\n \n \n \n\n \n Remove Favourite \n \n \n Are you sure you want to remove {data.name} from\n your favourites list?\n \n \n \n \n Cancel\n \n \n Ok\n \n \n \n
\n )\n})\n\n// Result\n\nconst SearchResult = ({\n // config,\n classes,\n search,\n data,\n variant = 'list',\n selected = false,\n onClickResult = () => undefined,\n}) => {\n // for optimising memoized renders\n\n // const classes = useResultStyles()\n\n // useCountRenders(data.id)\n\n // useEffect(() => {\n // console.log(`effect[${data.id}]`)\n // }, [data, selected, onClickResult, search])\n\n const { tenantConfig: tc } = useConfig()\n const config = tc.ui?.search?.resultItem?.[data.type]\n\n if (!config) throw `Config for item type ${data.type} not found`\n\n const handleResultClick = useCallback(\n (e) => {\n e.stopPropagation()\n onClickResult(data)\n },\n [data, onClickResult]\n )\n\n const ResultContents = () => (\n <>\n {(config?.components || []).map((c, i) => {\n if (!(c.component in componentMap)) return null\n if (c.hideVariant === variant) return null\n const Component = componentMap[c.component]\n\n return (\n