\r\n\t\t\t\r\n\r\n\t\t\t{isGroup && (\r\n\t\t\t\t\r\n\t\t\t\t\t{Boolean(prepend.length) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t\t\t\tplaceholder={template(placeholder, sbData)}\r\n\t\t\t\t\t\ttype={type}\r\n\t\t\t\t\t\tvalidations={validations}\r\n\t\t\t\t\t\tvalue={template(value, sbData)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{Boolean(append.length) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t)}\r\n\r\n\t\t\t{!isGroup && (\r\n\t\t\t\t}\r\n\t\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t\t\tplaceholder={template(placeholder, sbData)}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tvalidations={validations}\r\n\t\t\t\t\tvalue={template(value, sbData)}\r\n\t\t\t\t>\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t)}\r\n\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\nexport default Select;\r\n","import { isObservable } from 'rxjs';\r\n\r\n/* eslint-disable-next-line camelcase */\r\n// import { observable as Symbol_observable } from 'rxjs/internal/symbol/observable';\r\n\r\nexport function isSubscribable(item) {\r\n\tif (!item) return false;\r\n\r\n\treturn typeof isObservable(item) || Array.isArray(item) || item instanceof Promise;\r\n}\r\n\r\nexport function util() {}\r\n","import conditionalRendering from '../utils/conditionalRendering';\r\nimport get from 'lodash/get';\r\nimport lowerCase from 'lodash/lowerCase';\r\nimport axios from 'axios';\r\nimport template from '../utils/template';\r\n\r\nexport default function required({ condition, url, method, message }, sbData) {\r\n\treturn (name, value, form) => {\r\n\t\tif (!get(condition, 'comparators')) return;\r\n\t\tconst data = { ...sbData, value, form };\r\n\t\tif (!url) {\r\n\t\t\tconst passing = condition.comparators.every((c) => conditionalRendering(c, data));\r\n\t\t\tif (!passing) return template(message, data);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst action = template(url, data);\r\n\t\treturn axios[lowerCase(method || 'get')](action).then(({ data: response }) => {\r\n\t\t\tconst newData = { ...data, response };\r\n\t\t\tconst passing = condition.comparators.every((c) => conditionalRendering(c, newData));\r\n\t\t\tif (!passing) return template(message, newData);\r\n\t\t});\r\n\t};\r\n}\r\n","import template from '../utils/template';\r\n\r\nexport default function required({ message }, sbData) {\r\n\treturn (name, value, form) => {\r\n\t\tconst data = { ...sbData, form, value };\r\n\t\tif (Array.isArray(value) && !value.length) return template(message, data);\r\n\t\tif (!value) return template(message, data);\r\n\t\tif (!String(value).replace(/\\s+/g, '')) return template(message, data);\r\n\t};\r\n}\r\n","import Modal from 'react-bootstrap/Modal';\r\nimport concat from 'lodash/concat';\r\nimport ComponentOutlet from '../storyblok/ComponentOutlet';\r\n\r\nfunction ModalContent({ body, state, type, ...props }) {\r\n\tconst stateProps = concat(state).reduce((o, k) => ({ ...o, [k]: true }), {});\r\n\tconst SectionType = Modal[type || 'Body'];\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{Boolean(stateProps.closeButton) && (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t)}\r\n\t\t\t{!stateProps.closeButton && }\r\n\t\t\r\n\t);\r\n}\r\nexport default ModalContent;\r\n","import { useRef, useEffect } from 'react';\r\nimport Drawer from '@material-ui/core/Drawer';\r\nimport { Container } from '@material-ui/core';\r\n\r\nimport { useHistory } from 'react-router';\r\nimport classnames from 'classnames';\r\nimport ComponentOutlet from '../storyblok/ComponentOutlet';\r\nimport useToggle, { ToggleContext } from '../hover/Toggle';\r\n\r\nfunction SideNavLayout({ as, body, button, width, ...props }) {\r\n\tconst ref = useRef();\r\n\tconst history = useHistory();\r\n\tconst toggleCtx = useToggle();\r\n\r\n\tuseEffect(() => {\r\n\t\thistory.listen(toggleCtx.hide);\r\n\t\t// eslint-disable-next-line\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\nexport default SideNavLayout;\r\n","import { useContext } from 'react';\r\nimport get from 'lodash/get';\r\n// import Alert from 'react-bootstrap/Alert';\r\n// import isString from 'lodash/isString';\r\nimport { FormContext } from '../helper/Form';\r\n\r\nimport StoryblokErrors from './StoryblokErrors';\r\n\r\nfunction HttpError({ useForm, header, error, reload, ...props }) {\r\n\tconst form = useContext(FormContext);\r\n\t// const locale = String;\r\n\tconst formError = useForm && form.httpError;\r\n\tconst connectionError = !get(error, 'response.status') || get(error, 'response.status') >= 500;\r\n\tif (!error && !formError) return null;\r\n\tconsole.log('HttpError -> error', error);\r\n\r\n\t// const { response } = formError || error;\r\n\t// const stack = get(response, 'data.error.stack') || get(error, 'stack');\r\n\t// const info = get(response, 'data.info.message') || get(error, 'message');\r\n\t// const body = get(response, 'data');\r\n\r\n\tif (connectionError && reload)\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\r\n\treturn ;\r\n\r\n\t// return (\r\n\t// \t\r\n\t// \t\t\r\n\t// \t\t\t{header || locale('There was an issue connecting to OutsourceSchool')}\r\n\t// \t\t\r\n\t// \t\t
\r\n\t// \t\t{locale('The full error is displayed below', { response })}
\r\n\t// \t\t{isString(body) && body}
\r\n\t// \t\t{info && {info}
}\r\n\t// \t\t{stack && {stack}}\r\n\t// \t\r\n\t// );\r\n}\r\n\r\nexport default HttpError;\r\n","import { createContext, useEffect, useContext, useState } from 'react';\r\nimport { zip, from } from 'rxjs';\r\n\r\nimport isFunction from 'lodash/isFunction';\r\nimport flatten from 'lodash/flatten';\r\n\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nimport { isSubscribable } from '../../utils/rxjs_utils';\r\nimport { withCatchError } from './CatchError';\r\nimport Timer from './Timer';\r\n// export interface LoaderProps {\r\n// \tchildren: Function;\r\n// \trequired: any[];\r\n// \tinitialValue: any;\r\n// \tindicator: Function;\r\n// \tonError: Function;\r\n// \tservices: Observable[];\r\n// }\r\n\r\n// export interface LoaderResponse {\r\n// \terror?: Error;\r\n// \treload: Function;\r\n// \tresults: Observable[];\r\n// \tsubscription: Subscription;\r\n// }\r\n\r\nexport const LoaderCtx = createContext({});\r\nexport const Indicator = () => ;\r\nfunction Loader({\r\n\tchildren,\r\n\tindicator,\r\n\tinitialValue,\r\n\tobserve,\r\n\tonError,\r\n\tprogress,\r\n\trequired,\r\n\tretries,\r\n\tservices,\r\n\tunmountOnExit,\r\n}) {\r\n\tconst [results, setResults] = useState(initialValue);\r\n\tconst [error, setError] = useState(null);\r\n\tconst [subscription, setSubscription] = useState();\r\n\tconst loaderConfig = useContext(LoaderCtx);\r\n\r\n\tfunction unsubscribe() {\r\n\t\tif (subscription) subscription.unsubscribe();\r\n\t}\r\n\r\n\tfunction reload(cb, count) {\r\n\t\tunsubscribe();\r\n\t\ttry {\r\n\t\t\tsetError(null);\r\n\t\t\tif (unmountOnExit) setResults(null);\r\n\t\t} catch (e) {}\r\n\r\n\t\tif (observe) {\r\n\t\t\tconst sub = observe.subscribe(\r\n\t\t\t\t(res) => {\r\n\t\t\t\t\tsetResults(res);\r\n\t\t\t\t\treturn isFunction(cb) && cb(res);\r\n\t\t\t\t},\r\n\t\t\t\t(err) => {\r\n\t\t\t\t\t// if (+retries && count < +retries) reload(null, count + 1);\r\n\t\t\t\t\tsetError(err);\r\n\t\t\t\t}\r\n\t\t\t);\r\n\r\n\t\t\treturn setSubscription(sub);\r\n\t\t}\r\n\r\n\t\tconst arraySafe = [].concat(services).map((srv) => srv());\r\n\t\tconst serviceObs = flatten(arraySafe)\r\n\t\t\t.filter(isSubscribable)\r\n\t\t\t.map((s) => from(s));\r\n\t\tconst sub = zip(...serviceObs).subscribe(\r\n\t\t\t(res) => {\r\n\t\t\t\tsetResults(res);\r\n\t\t\t\treturn isFunction(cb) && cb(res);\r\n\t\t\t},\r\n\t\t\t(err) => {\r\n\t\t\t\t// if (+retries && count < +retries) reload(null, count + 1);\r\n\t\t\t\tsetError(err);\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tsetSubscription(sub);\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif (initialValue && initialValue === results) return;\r\n\t\treload();\r\n\t\treturn unsubscribe;\r\n\t}, required);\r\n\r\n\tif (error && onError) return onError(error, reload);\r\n\tif (error && loaderConfig.onError && onError !== null) return loaderConfig.onError(error, reload);\r\n\tif (error && !onError)\r\n\t\treturn children({ results: results || [], error, subscription, reload, setResults });\r\n\tif (results) return children({ results, subscription, reload, setResults });\r\n\r\n\tconst indicatorFn = loaderConfig.indicator || indicator;\r\n\treturn (\r\n\t\t\r\n\t\t\t{indicatorFn.$$typeof && indicatorFn}\r\n\t\t\t{!indicatorFn.$$typeof && indicatorFn({ progress })}\r\n\t\t\r\n\t);\r\n}\r\n\r\nLoader.defaultProps = {\r\n\tchildren() {},\r\n\tindicator: ,\r\n\trequired: [],\r\n\tservices: [],\r\n\tunmountOnExit: true,\r\n};\r\n\r\nexport default withCatchError(Loader);\r\n","import { createContext } from 'react';\r\nimport Form from 'react-bootstrap/Form';\r\n\r\nexport const FormGroupNameContext = createContext({\r\n\tname: '',\r\n\tcontrolId: '',\r\n\terror: '',\r\n});\r\n\r\nfunction FormGroupName({ children, name, ...props }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default FormGroupName;\r\n","if (document.cookie.includes('bunny.token')) {\r\n\tfetch('/directus/auth/refresh', { method: 'POST', credentials: 'include' })\r\n\t\t.then((r) => r.json())\r\n\t\t.then((r) => r.data.access_token)\r\n\t\t.then((access_token) =>\r\n\t\t\tfetch('/directus/users/me', {\r\n\t\t\t\theaders: {\r\n\t\t\t\t\tAuthorization: `Bearer ${access_token}`,\r\n\t\t\t\t},\r\n\t\t\t})\r\n\t\t)\r\n\t\t.then((r) => r.json())\r\n\t\t.then((resp) => {\r\n\t\t\tconst token = resp?.data?.id;\r\n\t\t\tconst exp = new Date();\r\n\t\t\texp.setFullYear(exp.getFullYear() + 2);\r\n\r\n\t\t\tdocument.cookie = `bunny.token=${token}; expires=${exp}; path=/`;\r\n\t\t});\r\n}\r\n","import { lazy } from 'react';\r\n\r\nconst manifest = {\r\n\tAgGrid: lazy(() => import('./AgGrid')),\r\n};\r\n\r\nexport default manifest;\r\n","const manifest = {\r\n\tAlert: require('./Alert').default,\r\n\tCard: require('./Card').default,\r\n\tCardSection: require('./CardSection').default,\r\n\tCollapse: require('./Collapse').default,\r\n\tCollapseBody: require('./CollapseBody').default,\r\n\tCollapseToggle: require('./CollapseToggle').default,\r\n\tColumn: require('./Column').default,\r\n\tContainer: require('./Container').default,\r\n\tDropdown: require('./Dropdown').default,\r\n\tImage: require('./Image').default,\r\n\tLink: require('./Link').default,\r\n\tModal: require('./Modal').default,\r\n\tModalContent: require('./ModalContent').default,\r\n\tModalSection: require('./ModalContent').default,\r\n\tNav: require('./Nav').default,\r\n\tNavbar: require('./Navbar').default,\r\n\tRow: require('./Row').default,\r\n\tTab: require('./Tab').default,\r\n\tTabLink: require('./TabLink').default,\r\n\tTabs: require('./Tabs').default,\r\n\tTooltip: require('./Tooltip').default,\r\n};\r\n\r\nexport default manifest;\r\n","import Alert from 'react-bootstrap/Alert';\r\nimport ComponentOutlet from '../storyblok/ComponentOutlet';\r\n\r\nfunction AlertBlok({ body, ...props }) {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\nexport default AlertBlok;\r\n","import forIn from 'lodash/forIn';\r\nimport uniq from 'lodash/uniq';\r\n\r\nfunction bsClasses(width, className) {\r\n\tconst classList = new Set();\r\n\tif (!width) return classList;\r\n\tforIn(width, (v, k) => k.includes('left') && k.replace('left', 'start'));\r\n\r\n\tif (width.justify === 'container') classList.add('container');\r\n\tif (width.justify && width.justify !== 'container') classList.add('row');\r\n\tif (['container', 'row'].includes(width.justify)) width.justify = undefined;\r\n\tif (width.justify === 'grid') {\r\n\t\tclassList.delete('container');\r\n\t\tclassList.delete('row');\r\n\t\tclassList.add('d-grid');\r\n\t\twidth.justify = undefined;\r\n\t}\r\n\r\n\tif (width.allGap) {\r\n\t\tclassList.add('d-grid');\r\n\t}\r\n\r\n\tif (width.justify) {\r\n\t\tclassList.add('d-flex');\r\n\t\tclassList.delete('row');\r\n\t}\r\n\tif (width.justify === 'center') classList.add('row');\r\n\r\n\tif (width.block_row) classList.add('block-row');\r\n\r\n\tif (className) {\r\n\t\tconst classes = className.split(' ');\r\n\t\tuniq(classes)\r\n\t\t\t.filter(Boolean)\r\n\t\t\t.forEach((c) => classList.add(c));\r\n\t}\r\n\r\n\tlet hidden = false;\r\n\tconst hideCls = [\r\n\t\t`col-xs-${width.xsmall}`,\r\n\t\t`col-sm-${width.small}`,\r\n\t\t`col-md-${width.medium}`,\r\n\t\t`col-lg-${width.large}`,\r\n\t\t`col-xl-${width.xlarge}`,\r\n\t].map((item) => {\r\n\t\t// eslint-disable-next-line\r\n\t\tconst [col, size, type] = item.split('-');\r\n\t\tif (hidden && type && type !== 'hide') {\r\n\t\t\thidden = false;\r\n\t\t\treturn `d-${size}-flex`;\r\n\t\t}\r\n\t\tif (!type) return null;\r\n\t\thidden = type === 'hide';\r\n\t\treturn null;\r\n\t});\r\n\r\n\tconst classes = [\r\n\t\t`position-${width.position}`,\r\n\t\t`float-${width.float}`,\r\n\t\t`align-self-${width.align}`,\r\n\t\t`justify-content-${width.justify}`,\r\n\r\n\t\t`col-${width.xsmall}`,\r\n\t\t`col-lg-${width.large}`,\r\n\t\t`col-md-${width.medium}`,\r\n\t\t`col-sm-${width.small}`,\r\n\t\t`col-xl-${width.xlarge}`,\r\n\t\twidth.xsmall === 'hide' && 'd-none',\r\n\t\twidth.small === 'hide' && 'd-sm-none',\r\n\t\twidth.medium === 'hide' && 'd-md-none',\r\n\t\twidth.large === 'hide' && 'd-lg-none',\r\n\t\twidth.xlarge === 'hide' && 'd-xl-none',\r\n\r\n\t\twidth.xsmall === 'show' && 'd-flex',\r\n\t\twidth.small === 'show' && 'd-sm-flex',\r\n\t\twidth.medium === 'show' && 'd-md-flex',\r\n\t\twidth.large === 'show' && 'd-lg-flex',\r\n\t\twidth.xlarge === 'show' && 'd-xl-flex',\r\n\r\n\t\twidth.shadow && width.shadow !== 'md' && `shadow-${width.shadow}`,\r\n\t\twidth.shadow === 'md' && `shadow`,\r\n\r\n\t\t...hideCls,\r\n\r\n\t\t`col-xl-offset-${width.xlargeOffset}`,\r\n\t\t`offset-lg-${width.largeOffset}`,\r\n\t\t`offset-md-${width.mediumOffset}`,\r\n\t\t`col-sm-offset-${width.smallOffset}`,\r\n\t\t`col-offset-${width.xsmallOffset}`,\r\n\r\n\t\t`offset-xl-${width.xlargeOffset}`,\r\n\t\t`offset-lg-${width.largeOffset}`,\r\n\t\t`offset-md-${width.mediumOffset}`,\r\n\t\t`offset-sm-${width.smallOffset}`,\r\n\t\t`offset-${width.xsmallOffset}`,\r\n\r\n\t\t`p-${width.allPadding}`,\r\n\t\t`px-${width.xPadding}`,\r\n\t\t`py-${width.yPadding}`,\r\n\t\t`pt-${width.topPadding}`,\r\n\t\t`pe-${width.rightPadding}`,\r\n\t\t`pb-${width.bottomPadding}`,\r\n\t\t`ps-${width.leftPadding}`,\r\n\r\n\t\t`m-${width.allMargin}`,\r\n\t\t`mx-${width.xMargin}`,\r\n\t\t`my-${width.yMargin}`,\r\n\t\t`mt-${width.topMargin}`,\r\n\t\t`me-${width.rightMargin}`,\r\n\t\t`mb-${width.bottomMargin}`,\r\n\t\t`ms-${width.leftMargin}`,\r\n\r\n\t\t`gap-${width.allGap}`,\r\n\t].filter((c) => c && c.substr(-1) !== '-' && !c.includes('-undefined'));\r\n\r\n\tuniq(classes)\r\n\t\t.filter(Boolean)\r\n\t\t.forEach((c) => classList.add(c));\r\n\r\n\treturn classList;\r\n}\r\n\r\nexport default bsClasses;\r\n","import Timer from './Timer';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nfunction Fallback() {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default Fallback;\r\n","import { Component } from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nclass ReactComment extends Component {\r\n\tstate = { show: Boolean(this.props.comment && window.location.href.includes('_storyblok=')) };\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (!this.props.comment) return;\r\n\r\n\t\tconst element = findDOMNode(this);\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tconst comStr = this.props.comment.replace(/^$/, '');\r\n\t\t\t\tthis.comment = document.createComment(comStr);\r\n\t\t\t\telement.parentNode.insertBefore(this.comment, element);\r\n\t\t\t} catch (e) {}\r\n\t\t\tthis.setState({ show: false });\r\n\t\t}, 100);\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\ttry {\r\n\t\t\tthis.comment.parentNode.removeChild(this.comment);\r\n\t\t} catch (e) {}\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (!this.state.show) return null;\r\n\r\n\t\treturn this.state.show && ;\r\n\t}\r\n}\r\n\r\nexport default ReactComment;\r\n","import { Suspense, useEffect, useContext, createContext } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { parse } from 'querystring-es3';\r\nimport classnames from 'classnames';\r\n\r\nimport clone from 'lodash/clone';\r\nimport concat from 'lodash/concat';\r\nimport debounce from 'lodash/debounce';\r\nimport get from 'lodash/get';\r\nimport keyBy from 'lodash/keyBy';\r\nimport mapValues from 'lodash/mapValues';\r\n\r\nimport { StoryblokDataCtx } from './StoryblokData';\r\nimport { StoryblokPageCtx } from './StoryblokPage';\r\nimport { token } from '../../api/storyblok';\r\nimport bsClasses from '../../utils/bsClasses';\r\nimport CatchError from '../helper/CatchError';\r\nimport conditionalRendering from '../../utils/conditionalRendering';\r\nimport Fallback from '../helper/Fallback';\r\nimport manifest from '../manifest';\r\nimport ReactComment from './ReactComment';\r\nimport StoryblokErrors from './StoryblokErrors';\r\nimport template from '../../utils/template';\r\n\r\nexport const sbSync = debounce(function () {\r\n\tconst { storyblok } = window;\r\n\tif (!storyblok) return;\r\n\r\n\t// Optionally init if you have not provided the ?t parameter to the script tag already.\r\n\tstoryblok.init({ accessToken: token });\r\n}, 200);\r\n\r\nfunction useQuery() {\r\n\treturn parse(useLocation().search.substr(1));\r\n}\r\n\r\nexport const ComponentOutletCtx = createContext({});\r\nfunction ComponentOutlet({ components, prefix, switch: useFirst, ...props }) {\r\n\tconst { page } = useContext(StoryblokPageCtx);\r\n\tconst sbData = useContext(StoryblokDataCtx);\r\n\tlet cmps = concat(components).filter((cmp) => cmp && compareComp(cmp.render_when));\r\n\tconst query = useQuery();\r\n\tconst spaceId = query['_storyblok_tk[space_id]'];\r\n\tconst storyId = get(page, 'id');\r\n\r\n\tuseEffect(() => {\r\n\t\tsbSync();\r\n\t}, []);\r\n\r\n\tfunction styleMap(style) {\r\n\t\treturn template(style, sbData);\r\n\t}\r\n\r\n\tfunction compareComp(render_when) {\r\n\t\tif (!get(render_when, 'comparators')) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\treturn render_when.comparators.every((c) => conditionalRendering(c, sbData));\r\n\t}\r\n\r\n\tif (useFirst) cmps = cmps.slice(0, 1);\r\n\r\n\treturn cmps.map((component, index) => {\r\n\t\tObject.assign(component, { __uniqueId: `${prefix || ''}_${component._uid}` });\r\n\t\tconst {\r\n\t\t\t__uniqueId,\r\n\t\t\t_editable,\r\n\t\t\t_uid,\r\n\t\t\tbsSize,\r\n\t\t\tclassName,\r\n\t\t\tcomponent: _n,\r\n\t\t\trender_when,\r\n\t\t\tstyle,\r\n\t\t\tstyles,\r\n\t\t\t...rest\r\n\t\t} = clone(component);\r\n\t\tconst ExtComponent = manifest[_n] || 'null';\r\n\t\tif (ExtComponent === 'null') {\r\n\t\t\tconsole.error(`Missing Component ${_n}`);\r\n\t\t}\r\n\r\n\t\tconst bsCls = Array.from(bsClasses({ ...bsSize })).join(' ');\r\n\t\tconst comObj = {\r\n\t\t\tid: storyId,\r\n\t\t\tname: _n,\r\n\t\t\tspace: spaceId,\r\n\t\t\tuid: _uid,\r\n\t\t};\r\n\t\tconst comment = ``;\r\n\t\tconst styleOpts = mapValues(keyBy(get(styles, 'options'), 'name'), 'value');\r\n\t\tconst mappedStyles = Object.assign(mapValues(styleOpts, styleMap), style);\r\n\r\n\t\tif (rest && !rest.name) delete rest.name;\r\n\t\tif (props && !props.name) delete props.name;\r\n\r\n\t\treturn (\r\n\t\t\t }>\r\n\t\t\t\t}>\r\n\t\t\t\t\t{/* */}\r\n\t\t\t\t\t{_editable && }\r\n\t\t\t\t\t\r\n\t\t\t\t\t{/* */}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t});\r\n}\r\n\r\nexport default ComponentOutlet;\r\n","import { useState, createContext } from 'react';\r\n\r\nfunction useToggle(initialState) {\r\n\tconst [shown, setShown] = useState(initialState);\r\n\r\n\treturn {\r\n\t\thide: () => setShown(false),\r\n\t\tinitialState,\r\n\t\tsetShown,\r\n\t\tshow: () => setShown(true),\r\n\t\tshown,\r\n\t\ttoggle: () => setShown((shown) => !shown),\r\n\t};\r\n}\r\n\r\nexport const ToggleContext = createContext();\r\nexport default useToggle;\r\n","import { createContext, useContext, useEffect, useState } from 'react';\r\nimport Form from 'react-bootstrap/Form';\r\nimport get from 'lodash/get';\r\nimport uniqueId from 'lodash/uniqueId';\r\n\r\nimport { FormContext } from './Form';\r\nimport { FormGroupNameContext } from './FormGroupName';\r\n\r\nexport const FormGroupContext = createContext({\r\n\tname: '',\r\n\tcontrolId: '',\r\n\terror: '',\r\n});\r\n\r\nfunction FormGroup({ children, groupName, name: nameProp, controlId: propId, ...props }) {\r\n\tconst formName = get(useContext(FormGroupNameContext), 'name');\r\n\tconst formState = useContext(FormContext);\r\n\tconst [selected, setSelected] = useState(false);\r\n\tconst name = nameProp || [formName, groupName].filter(Boolean).join('.');\r\n\tconst uId = Number(uniqueId()).toString(36);\r\n\tconst [controlId, setControlId] = useState(propId || `${name}-${uId}`);\r\n\tconst groupState = {\r\n\t\tcontrolId,\r\n\t\terror: formState.errors[name] || formState.errors[controlId],\r\n\t\tname,\r\n\t\tsetControlId,\r\n\t\tselected,\r\n\t\tsetSelected,\r\n\t\tuId,\r\n\t};\r\n\r\n\tuseEffect(() => setControlId(`${name}-${uId}`), [name]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default FormGroup;\r\n","import { createContext } from 'react';\r\nimport ComponentOutlet from '../storyblok/ComponentOutlet';\r\n\r\nexport const LayoutContext = createContext();\r\nfunction Layout({ body }) {\r\n\treturn ;\r\n}\r\nexport default Layout;\r\n","import { useContext } from 'react';\r\nimport { useLocation } from 'react-router';\r\nimport Card from 'react-bootstrap/Card';\r\nimport get from 'lodash/get';\r\n\r\nimport { PageContext } from './Page';\r\nimport { StoryblokPageCtx } from './StoryblokPage';\r\nimport ComponentOutlet from '../storyblok/ComponentOutlet';\r\nimport { StoryblokDataCtx } from './StoryblokData';\r\n\r\nfunction LayoutContent() {\r\n\tconst page = useContext(PageContext);\r\n\tconst sbData = useContext(StoryblokDataCtx);\r\n\tconst location = useLocation();\r\n\tconst { page: story } = useContext(StoryblokPageCtx);\r\n\tconst component = get(story, 'content.component');\r\n\r\n\tif (component === 'Layout' && !page.layout) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tThe Content will be placed here when loaded.
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n\r\n\tif (!page) return null;\r\n\r\n\tif (window.organization !== sbData.organization) window.organization = sbData.organization;\r\n\treturn ;\r\n}\r\nexport default LayoutContent;\r\n","import ComponentOutlet from './ComponentOutlet';\r\n\r\nfunction BlankPage({ body }) {\r\n\treturn ;\r\n}\r\nexport default BlankPage;\r\n","import { useContext, useEffect } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport reduce from 'lodash/reduce';\r\nimport get from 'lodash/get';\r\nimport { StoryblokDataCtx } from './StoryblokData';\r\nimport template from '../../utils/template';\r\n\r\nfunction RedirectCmp({ map: mappedKeys, url }) {\r\n\tconst sbData = useContext(StoryblokDataCtx);\r\n\tconst { linktype, cached_url } = url;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (cached_url.includes('outsourcerec://')) window.open(template(cached_url, sbData), '_self');\r\n\t\tif (cached_url.includes('https://')) window.location = template(cached_url, sbData);\r\n\t\tif (linktype !== 'story') window.location = template(cached_url, sbData);\r\n\r\n\t\t// eslint-disable-next-line\r\n\t}, [cached_url]);\r\n\r\n\tif (cached_url.includes('outsourcerec://')) return null;\r\n\tif (cached_url.includes('https://')) return null;\r\n\r\n\tif (linktype !== 'story') return null;\r\n\r\n\tif (cached_url.includes('/-')) {\r\n\t\tconst mappedData = reduce(\r\n\t\t\tget(mappedKeys, 'options'),\r\n\t\t\t(o, { name: k, value: v }) => Object.assign(o, { [k]: template(v, sbData) }),\r\n\t\t\t{}\r\n\t\t);\r\n\t\tconst urlTmp = cached_url\r\n\t\t\t.split('/')\r\n\t\t\t.map((v) => (v[0] === '-' ? `{{${v.substr(1)}}}` : v))\r\n\t\t\t.join('/');\r\n\r\n\t\treturn ;\r\n\t}\r\n\r\n\treturn ;\r\n}\r\nexport default RedirectCmp;\r\n","import { useContext, useEffect } from 'react';\r\nimport classnames from 'classnames';\r\nimport ReactMarkdown from 'react-markdown';\r\nimport rehypeRaw from 'rehype-raw';\r\nimport get from 'lodash/get';\r\n\r\nimport { StoryblokDataCtx } from '../storyblok/StoryblokData';\r\nimport template from '../../utils/template';\r\n\r\nfunction TextBlock({ as, body, text, textAlign, textWrap, className, ...props }) {\r\n\tconst AS = as;\r\n\tconst sbData = useContext(StoryblokDataCtx);\r\n\tconst bs5 = String(textAlign).replace('left', 'start').replace('right', 'end');\r\n\tconst html = body.replace(/