\n { withTitle ? (\n (result == \"1\" && questions[index]?.action_1_title) || (result == \"2\" && questions[index]?.action_2_title) || (result == \"3\" && questions[index]?.action_3_title) ? (\n !displayedTitle ? (\n <>\n {topicSection} \n {displayedTitle = true}\n \n ):null\n ):null\n ):null\n }\n
\n )\n })) : (\n \n {\n result == \"1\" ? (\n questions[index]?.action_1_title &&\n
\n \n {menuOpen &&
\n \n \n \n :null\n }\n
\n {headline} \n {message} \n
\n \n \n
\n\nexport default OptionBubble\n","var DESCRIPTORS = require('../internals/descriptors');\nvar definePropertyModule = require('../internals/object-define-property');\nvar createPropertyDescriptor = require('../internals/create-property-descriptor');\n\nmodule.exports = DESCRIPTORS ? function (object, key, value) {\n return definePropertyModule.f(object, key, createPropertyDescriptor(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n","var global = require('../internals/global');\nvar shared = require('../internals/shared');\nvar hide = require('../internals/hide');\nvar has = require('../internals/has');\nvar setGlobal = require('../internals/set-global');\nvar nativeFunctionToString = require('../internals/function-to-string');\nvar InternalStateModule = require('../internals/internal-state');\n\nvar getInternalState = InternalStateModule.get;\nvar enforceInternalState = InternalStateModule.enforce;\nvar TEMPLATE = String(nativeFunctionToString).split('toString');\n\nshared('inspectSource', function (it) {\n return nativeFunctionToString.call(it);\n});\n\n(module.exports = function (O, key, value, options) {\n var unsafe = options ? !!options.unsafe : false;\n var simple = options ? !!options.enumerable : false;\n var noTargetGet = options ? !!options.noTargetGet : false;\n if (typeof value == 'function') {\n if (typeof key == 'string' && !has(value, 'name')) hide(value, 'name', key);\n enforceInternalState(value).source = TEMPLATE.join(typeof key == 'string' ? key : '');\n }\n if (O === global) {\n if (simple) O[key] = value;\n else setGlobal(key, value);\n return;\n } else if (!unsafe) {\n delete O[key];\n } else if (!noTargetGet && O[key]) {\n simple = true;\n }\n if (simple) O[key] = value;\n else hide(O, key, value);\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, 'toString', function toString() {\n return typeof this == 'function' && getInternalState(this).source || nativeFunctionToString.call(this);\n});\n","var bind = require('../internals/bind-context');\nvar IndexedObject = require('../internals/indexed-object');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar arraySpeciesCreate = require('../internals/array-species-create');\n\nvar push = [].push;\n\n// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex }` methods implementation\nvar createMethod = function (TYPE) {\n var IS_MAP = TYPE == 1;\n var IS_FILTER = TYPE == 2;\n var IS_SOME = TYPE == 3;\n var IS_EVERY = TYPE == 4;\n var IS_FIND_INDEX = TYPE == 6;\n var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n return function ($this, callbackfn, that, specificCreate) {\n var O = toObject($this);\n var self = IndexedObject(O);\n var boundFunction = bind(callbackfn, that, 3);\n var length = toLength(self.length);\n var index = 0;\n var create = specificCreate || arraySpeciesCreate;\n var target = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;\n var value, result;\n for (;length > index; index++) if (NO_HOLES || index in self) {\n value = self[index];\n result = boundFunction(value, index, O);\n if (TYPE) {\n if (IS_MAP) target[index] = result; // map\n else if (result) switch (TYPE) {\n case 3: return true; // some\n case 5: return value; // find\n case 6: return index; // findIndex\n case 2: push.call(target, value); // filter\n } else if (IS_EVERY) return false; // every\n }\n }\n return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;\n };\n};\n\nmodule.exports = {\n // `Array.prototype.forEach` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.foreach\n forEach: createMethod(0),\n // `Array.prototype.map` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.map\n map: createMethod(1),\n // `Array.prototype.filter` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.filter\n filter: createMethod(2),\n // `Array.prototype.some` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.some\n some: createMethod(3),\n // `Array.prototype.every` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.every\n every: createMethod(4),\n // `Array.prototype.find` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.find\n find: createMethod(5),\n // `Array.prototype.findIndex` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\n findIndex: createMethod(6)\n};\n","import React, {useState, useRef} from \"react\"\nimport Markdown from 'markdown-to-jsx';\nimport PropTypes from \"prop-types\"\nimport OptionBubble from \"../OptionBubble\"\nimport TopicCard from \"../TopicCard\"\nimport \"./style.scss\"\n\nfunction replaceAt(string, index, replace) {\n return string.substring(0, index) + replace + string.substring(index + 1);\n}\n\nconst useStateWithLocalStorage = localStorageKey => {\n const [resultsStored, setResultsStored] = React.useState(\n localStorage.getItem(localStorageKey) || ''\n );\n\n React.useEffect(() => {\n localStorage.setItem(localStorageKey, resultsStored);\n }, [resultsStored]);\n\n return [resultsStored, setResultsStored];\n};\n\nconst TopicQuestions = ({\n id,\n content,\n total,\n currentQuestion,\n setCurrentQuestion,\n questionsLength,\n topicID,\n results,\n setResults,\n resultsStored,\n setResultsStored,\n scrollToRef,\n type\n }) => {\n\n const questionRef = useRef(null)\n\n const [selection, changeSelection] = useState([])\n\n const handleChange = (e) => {\n changeSelection([e.target.value])\n\n if (currentQuestion < (id+1)) {\n setCurrentQuestion(id+1)\n setResults(results + [e.target.value].toString())\n } else {\n setResults(replaceAt(results, (id-1), [e.target.value].toString()))\n }\n \n setTimeout(function() {\n scrollToRef(questionRef)\n }.bind(this), 100)\n }\n\n return(\n <>\n { (id <= currentQuestion) ?\n \n \n
\n \n\n ) : selection == \"2\" ? (\n <>\n
\n \n\n ) : selection == \"3\" ? (\n <>\n
\n \n ) :null\n }\n
\n :null}\n \n )}\n\n\nexport default TopicQuestions\n","import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport theme from \"../_theme\"\nimport send from \"../../lib/emailer\"\n\nconst Bar = styled.section`\n background-color: ${theme.shadow};\n padding: 10px 20px;\n @media screen and (min-width: ${theme.tablet}){\n padding: 15px 20px;\n }\n`\n\nconst Inner = styled.div`\n max-width: ${theme.maxWidth};\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n @media screen and (min-width: ${theme.tablet}){\n text-align: left;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n }\n`\n\nconst Headline = styled.h2`\n color: ${theme.darkText};\n margin-bottom: 10px;\n font-size: 1.2em;\n @media screen and (min-width: ${theme.tablet}){\n font-size: 1.4em;\n margin-bottom: 0px;\n margin-right: 15px;\n }\n @media screen and (min-width: ${theme.desktop}){\n font-size: 1.7em;\n }\n`\n\nconst Form = styled.form`\n width: 100%;\n display: flex;\n @media screen and (min-width: ${theme.tablet}){\n max-width: 500px;\n }\n`\n\nconst Input = styled.input`\n flex: 1;\n background: white;\n padding: 5px;\n font-size: 1em;\n padding: 12px 20px;\n border-radius: 100px 0 0 100px;\n border: none;\n &:focus{\n outline: none;\n box-shadow: 0px 0px 0px 3px ${theme.focus};\n }\n`\n\nconst Button = styled.button`\n background: ${theme.blue};\n border: none;\n color: white;\n border-radius: 0 100px 100px 0;\n padding: 12px 20px;\n font-size: 1em;\n font-weight: bold;\n text-align: center;\n &:focus{\n outline: none;\n box-shadow: 0px 0px 0px 3px ${theme.focus};\n }\n @media screen and (min-width: ${theme.tablet}){\n padding: 12px 30px;\n }\n`\n\nconst ResetButton = styled.button`\n background: ${theme.darkText};\n border: none;\n color: white;\n border-radius: 100px;\n margin-left: 25px;\n padding: 12px 20px;\n font-size: 1em;\n font-weight: bold;\n text-align: center;\n @media screen and (min-width: ${theme.tablet}){\n padding: 12px 30px;\n }\n`\n\nconst ShareBar = ({\n health_questions,\n time_questions,\n family_questions,\n skills_questions,\n children_questions,\n home_questions,\n healthResultsStored,\n timeResultsStored,\n familyResultsStored,\n skillsResultsStored,\n childrenResultsStored,\n homeResultsStored,\n token\n }) => {\n const [sent, setSent] = useState(false)\n const [recipient, setRecipient] = useState(\"\")\n\n const reset = () => {\n setSent(false)\n setRecipient(\"\")\n }\n\n const handleSubmit = async e => {\n e.preventDefault();\n // MISSING AN ERROR STATE CHECK\n setSent(true)\n // window.ga('send', 'event', 'Readiness plan', 'Send email')\n gtag('event', 'Readiness plan emailed')\n const data = await send(\n [\n health_questions,\n time_questions,\n family_questions,\n skills_questions,\n children_questions,\n home_questions\n ], [\n healthResultsStored,\n timeResultsStored,\n familyResultsStored,\n skillsResultsStored,\n childrenResultsStored,\n homeResultsStored\n ],\n token,\n recipient\n )\n }\n\n return(\n Question {id} of {total}
\n\n
\n {\n // TODO - this could probably be refactored better\n selection == \"1\" ? (\n <>\n \n {content.answer_1_explanation || \" \"} \n
\n { content?.action_1_title ?\n <>\n \n
\n An action to consider to help you get more ready
\n\n \n\n ) : selection == \"2\" ? (\n <>\n
\n {content.answer_2_explanation || \" \"} \n
\n { content?.action_2_title ?\n <>\n \n
\n An action to consider to help you get more ready
\n\n \n\n ) : selection == \"3\" ? (\n <>\n
\n {content.answer_3_explanation || \" \"} \n
\n { content?.action_3_title ?\n <>\n \n
\n An action to consider to help you get more ready
\n\n \n ) :null\n }\n
We've sent you an email to {recipient}
\n\n
Upcoming events
\nSorry, there are no events currently avaliable, please check again at a later date.
\n }\n© \n in partnership with \n
Get in touch
\n\n \n\n {completedCount} of 6 topics completed\n \n
\n\n \n );\n}\n\nexport default ProgressBar\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport \"./style.scss\"\nimport Button from \"../../Button\"\n\nconst CallToAction = ({\n title, description, href, linkText\n}) =>\n {title}
\n {description &&{description}
}\n {href && }\nThis is a new website -
{title}
\n {lede &&{lede}
}\n\n \n
\n \n
\n\nexport default Alert","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar _utils = require('./utils');\n\nvar _utils2 = _interopRequireDefault(_utils);\n\nvar _animateScroll = require('./animate-scroll');\n\nvar _animateScroll2 = _interopRequireDefault(_animateScroll);\n\nvar _scrollEvents = require('./scroll-events');\n\nvar _scrollEvents2 = _interopRequireDefault(_scrollEvents);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nvar __mapped = {};\n\nvar __activeLink = void 0;\n\nexports.default = {\n unmount: function unmount() {\n __mapped = {};\n },\n register: function register(name, element) {\n __mapped[name] = element;\n },\n unregister: function unregister(name) {\n delete __mapped[name];\n },\n get: function get(name) {\n return __mapped[name] || document.getElementById(name) || document.getElementsByName(name)[0] || document.getElementsByClassName(name)[0];\n },\n setActiveLink: function setActiveLink(link) {\n return __activeLink = link;\n },\n getActiveLink: function getActiveLink() {\n return __activeLink;\n },\n scrollTo: function scrollTo(to, props) {\n var target = this.get(to);\n\n if (!target) {\n console.warn(\"target Element not found\");\n return;\n }\n\n props = _extends({}, props, {\n absolute: false\n });\n var containerId = props.containerId;\n var container = props.container;\n var containerElement = void 0;\n\n if (containerId) {\n containerElement = document.getElementById(containerId);\n } else if (container && container.nodeType) {\n containerElement = container;\n } else {\n containerElement = document;\n }\n\n props.absolute = true;\n var scrollOffset = _utils2.default.scrollOffset(containerElement, target) + (props.offset || 0);\n /*\r\n * if animate is not provided just scroll into the view\r\n */\n\n if (!props.smooth) {\n if (_scrollEvents2.default.registered['begin']) {\n _scrollEvents2.default.registered['begin'](to, target);\n }\n\n if (containerElement === document) {\n window.scrollTo(0, scrollOffset);\n } else {\n containerElement.scrollTop = scrollOffset;\n }\n\n if (_scrollEvents2.default.registered['end']) {\n _scrollEvents2.default.registered['end'](to, target);\n }\n\n return;\n }\n /*\r\n * Animate scrolling\r\n */\n\n\n _animateScroll2.default.animateTopScroll(scrollOffset, props, to, target);\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar pushHash = function pushHash(hash) {\n hash = hash ? hash.indexOf('#') === 0 ? hash : '#' + hash : '';\n\n if (history.pushState) {\n var loc = window.location;\n history.pushState(null, null, hash ? loc.pathname + loc.search + hash // remove hash\n : loc.pathname + loc.search);\n } else {\n location.hash = hash;\n }\n};\n\nvar getHash = function getHash() {\n return window.location.hash.replace(/^#/, '');\n};\n\nvar filterElementInContainer = function filterElementInContainer(container) {\n return function (element) {\n return container.contains ? container != element && container.contains(element) : !!(container.compareDocumentPosition(element) & 16);\n };\n};\n\nvar scrollOffset = function scrollOffset(c, t) {\n return c === document ? t.getBoundingClientRect().top + (window.scrollY || window.pageYOffset) : getComputedStyle(c).position !== \"static\" ? t.offsetTop : t.getBoundingClientRect().top + c.scrollTop;\n};\n\nexports.default = {\n pushHash: pushHash,\n getHash: getHash,\n filterElementInContainer: filterElementInContainer,\n scrollOffset: scrollOffset\n};","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is'); // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n\n\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport \"./style.scss\"\nimport triangle from \"./triangle.svg\"\nimport Header from \"../Header\"\nimport CallToAction from \"./CallToAction\"\n\nconst Hero = ({\n title,\n description,\n ctaTitle,\n ctaDescription,\n ctaHref,\n ctaLinkText\n}) => \n \n {children}\n
\n\n
\n {title}
\n{description}
\n\n \n
\n \n \n {about || ''} \n \n
\n\n\n\n \n \n {accessibility || ''} \n \n
\n\n\n\n \n \n {cookies || ''} \n \n
\n\n\n\n \n {body || ''} \n
\n\n Choose a topic
\nIf you have any questions about adoption, you can email us at adoption@buckinghamshire.gov.uk
\nor call { isMobileDevice() ? 01494 586 349 : 01494 586 349}
\nYour actions:
\n\nIf you have any questions about adoption, you can email us at adoption@buckinghamshire.gov.uk
\nor call { isMobileDevice() ? 01494 586 349 : 01494 586 349}
\n\n { !resultsStored ?\n \n \n :null\n }\n
\n\n {\n resultsStored.length ?\n \n {\n
\n \n {questions.map(question => {\n const { position, title, answer_1, answer_2, answer_3, action_title } = question;\n\n return (\n
\n }\n \n
\n :null\n }\n {successtext}
\n\n \n
\n **You have completed the \" + title + \" topic.**\"} title={title} type={link.replace(/\\//g, '')}>\n \n
\n \n
- \n {breadcrumbs.map((breadcrumb, i)=>\n
- \n {(breadcrumb.href)?\n {breadcrumb.title}\n : breadcrumb.title }\n \n )}\n