{"version":3,"sources":["webpack:///./src/components/InfoBlock/InfoBlock.tsx","webpack:///./src/components/PageMenu/PageMenu.tsx","webpack:///./src/pages/broker-centre/index.tsx","webpack:///./src/components/ButtonLink/ButtonLink.tsx","webpack:///./src/components/MagicCarousel/MagicCarousel.tsx","webpack:///./src/data/page-menus/broker-centre.ts"],"names":["InfoBlock","heading","icon","buttonOptions","children","className","type","label","memo","PageMenu","menu","menuTitle","t","useTranslation","map","menuItem","i","key","textKey","to","iconOptions","IconTypes","ARROW_NEXT","linkOptions","shouldEnableActiveState","enableActiveState","withTranslation","LocaleNameSpaceKeys","BROKER_CENTRE","props","layoutOptions","seo","title","page","heroSection","options","accentColor","HeroSectionColors","PARROT_GREEN","heroImage","fileName","alt","blockText","shouldBeDigiBlock","i18nKey","brokerCentreMenu","COMMON","ariaNavItemLabels","returnObjects","block","getPathFromRouteKey","path","split","reduce","accum","next","RouteKeys","styleOptions","isInline","size","ButtonLinkSize","SMALL","body","ButtonLinkType","defaultLinkOptions","isExternalLink","shouldOpenInNewTab","defaultStyleOptions","PRIMARY","LARGE","invertColors","ButtonLink","aLinkProps","ariaLabel","styleOptionsWithDefault","linkOptionsWithDefault","classNames","classnames","small","aLinkPropsDefault","href","target","rel","linkProps","partiallyActive","activeClassName","undefined","getIcon","IconComp","className_","position","React","Fragment","role","MagicCarousel","timerDuration","currentSlide","setCurrentSlide","useState","ariaLive","setAriaLive","useEffect","carouselControls","document","querySelectorAll","onFocus","onBlur","length","forEach","node","addEventListener","removeEventListener","id","setTimeout","clearTimeout","nextAriaLabel","previousAriaLabel","getNavItemAriaLabel","index","current","total","aria-roledescription","onClick","aria-label","aria-controls","ARROW_NEXT_THIN","style","marginLeft","aria-live","child","aria-hidden","handleClick","tabIndex","onKeyPress","event","handleKeyPress","BROKER_CENTRE_KEY","BROKER_PORTAL","LENDING_AREAS","APPROVED_APPRAISER_LIST","SLIDING_SCALE_CALCULATOR","MEET_THE_TEAM"],"mappings":"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","file":"component---src-pages-broker-centre-index-tsx-5dfaf67296ee7628fe6b.js","sourcesContent":["import React, { memo } from 'react';\nimport Icon, { IconTypes } from '../Icon/Icon';\nimport ButtonLink, {\n ButtonLinkLinkOptions,\n ButtonLinkStyleOptions,\n ButtonLinkIconOptions,\n} from '../ButtonLink/ButtonLink';\nimport './style.scss';\n\nexport interface OwnProps {\n className?: string;\n heading: string | React.ReactNode;\n children?: React.ReactNode;\n buttonOptions?: {\n to: string;\n label: string;\n iconOptions?: ButtonLinkIconOptions;\n linkOptions?: ButtonLinkLinkOptions;\n styleOptions?: ButtonLinkStyleOptions;\n ariaLabel?: string;\n };\n icon?: IconTypes;\n}\n\ntype Props = OwnProps;\n\nconst InfoBlock: React.FC = ({\n heading,\n icon,\n buttonOptions,\n children,\n className = '',\n}: Props) => {\n const getTitle = () => {\n return (\n
\n {icon && }\n {typeof heading === 'string' ?
{heading}
: heading}\n
\n );\n };\n return (\n
\n {getTitle()}\n
{children}
\n {buttonOptions && {buttonOptions.label}}\n
\n );\n};\n\nexport default memo(InfoBlock);\n","import React, { memo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconTypes } from '../Icon/Icon';\nimport { PageMenuLinks } from '../../data/page-menus/pageMenuTypes';\nimport ButtonLink from '../ButtonLink/ButtonLink';\nimport './style.scss';\n\nexport interface OwnProps {\n menuTitle?: string;\n menu: PageMenuLinks;\n className?: string;\n}\n\ntype Props = OwnProps;\n\nconst PageMenu: React.FC = ({ menu, menuTitle = '', className = '' }: Props) => {\n const { t } = useTranslation();\n\n const getMenuContent = () => {\n return menu.map((menuItem, i) => (\n
  • \n \n {t(menuItem.textKey)}\n \n
    • \n ));\n };\n\n return (\n
    \n {menuTitle &&

    {menuTitle}

    }\n
      {getMenuContent()}
    \n
    \n );\n};\n\nexport default memo(PageMenu);\n","import React from 'react';\nimport { withTranslation, WithTranslation, Trans } from 'react-i18next';\nimport { PageProps } from 'gatsby';\n\nimport { LocaleNameSpaceKeys } from '../../localization/translations';\nimport Layout, { LayoutOptions, HeroSectionColors } from '../../components/Layout/Layout';\nimport PageMenu from '../../components/PageMenu/PageMenu';\nimport brokerCentreMenu from '../../data/page-menus/broker-centre';\nimport { ButtonLinkSize } from '../../components/ButtonLink/ButtonLink';\nimport { getPathFromRouteKey } from '../../shared/utils/getPathFromRouteKey';\nimport RouteKeys from '../../../config/RouteKeys';\nimport { IconTypes } from '../../components/Icon/Icon';\nimport MagicCarousel from '../../components/MagicCarousel/MagicCarousel';\nimport InfoBlock from '../../components/InfoBlock/InfoBlock';\n\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst BrokerCentre: React.FC = (props) => {\n const { t } = props;\n\n const layoutOptions: LayoutOptions = {\n seo: {\n title: t('seo.title'),\n },\n page: {\n title: t('heading'),\n },\n heroSection: {\n options: {\n accentColor: HeroSectionColors.PARROT_GREEN,\n heroImage: {\n fileName: 'hero-image-4.jpg',\n alt: 'Image',\n },\n blockText: t('tagline'),\n shouldBeDigiBlock: true,\n },\n },\n };\n\n return (\n \n
    \n
    \n
    \n

    \n \n

    \n
    \n \n
    \n
    \n block.heading\n )}\n >\n {(t('contentBlock.blocks', { returnObjects: true }) as any[]).map((block) => (\n
    \n
    \n accum[next], RouteKeys)\n ),\n label: t(`${LocaleNameSpaceKeys.COMMON}:learnMore`),\n iconOptions: {\n icon: IconTypes.ARROW_NEXT,\n },\n styleOptions: {\n isInline: true,\n size: ButtonLinkSize.SMALL,\n },\n }}\n heading={

    {block.heading}

    }\n >\n

    \n {block.body}\n

    \n \n
    \n
    \n ))}\n \n
    \n
    \n     \n );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.BROKER_CENTRE)(BrokerCentre);\n","import React, { memo } from 'react';\nimport classnames from 'classnames';\nimport './style.scss';\nimport Icon, { IconTypes } from '../Icon/Icon';\nimport Link from '../Link/Link';\n\nexport enum ButtonLinkType {\n PRIMARY = 'ButtonLink__primary',\n // SECONDARY = 'ButtonLink_secondary'\n}\n\nexport enum ButtonLinkSize {\n SMALL = 'ButtonLink__small',\n LARGE = 'ButtonLink__large',\n // SECONDARY = 'SECONDARY'\n}\nexport interface ButtonLinkLinkOptions {\n isExternalLink?: boolean;\n shouldOpenInNewTab?: boolean; // This option will be overridden if the external link is true\n shouldEnableActiveState?: boolean; // Only gets affected if isExternalLink is false\n}\n\nexport interface ButtonLinkStyleOptions {\n isInline?: boolean;\n type?: ButtonLinkType;\n size?: ButtonLinkSize;\n invertColors?: boolean;\n}\n\nexport interface ButtonLinkIconOptions {\n icon: IconTypes;\n position?: 'left' | 'right'; // default is always left\n}\n\ninterface AnchorLinkProps {\n href?: string;\n target?: string;\n rel?: string;\n}\n\nexport interface OwnProps {\n to: string;\n linkOptions?: ButtonLinkLinkOptions;\n iconOptions?: ButtonLinkIconOptions;\n children?: React.ReactNode;\n className?: string;\n styleOptions?: ButtonLinkStyleOptions;\n aLinkProps?: AnchorLinkProps;\n ariaLabel?: string;\n}\n\ntype Props = OwnProps;\n\nconst defaultLinkOptions: ButtonLinkLinkOptions = {\n isExternalLink: false,\n shouldOpenInNewTab: false, // This option will be overridden if the external link is true\n shouldEnableActiveState: true, // Only gets affected if isExternalLink is false\n};\n\nconst defaultStyleOptions: ButtonLinkStyleOptions = {\n isInline: false,\n type: ButtonLinkType.PRIMARY,\n size: ButtonLinkSize.LARGE,\n invertColors: false,\n};\n\nconst ButtonLink: React.FC = ({\n to,\n linkOptions,\n iconOptions,\n styleOptions,\n className = '',\n // onClick = () => {},\n aLinkProps,\n children = null,\n ariaLabel,\n}: Props) => {\n const styleOptionsWithDefault: ButtonLinkStyleOptions = {\n ...defaultStyleOptions,\n ...styleOptions,\n };\n\n const linkOptionsWithDefault: ButtonLinkLinkOptions = {\n ...defaultLinkOptions,\n ...linkOptions,\n };\n\n const classNames = classnames(\n `ButtonLink`,\n styleOptionsWithDefault.type,\n styleOptionsWithDefault.size,\n className,\n {\n 'ButtonLink__inline-link': !!styleOptions?.isInline,\n 'ButtonLink__invert-colors': !!styleOptions?.invertColors,\n small: styleOptionsWithDefault.size === ButtonLinkSize.SMALL,\n }\n );\n\n const aLinkPropsDefault = {\n href: to,\n target: '__blank',\n rel: 'noopener',\n ...aLinkProps,\n };\n\n const linkProps = {\n to,\n partiallyActive: !!linkOptionsWithDefault.shouldEnableActiveState,\n activeClassName: linkOptionsWithDefault?.shouldEnableActiveState\n ? 'ButtonLink--active'\n : undefined,\n };\n\n const getIcon = () => {\n if (iconOptions) {\n const IconComp = ({ className_ }: any) => (\n \n \n \n );\n return (\n \n );\n }\n return React.Fragment;\n };\n\n return linkOptionsWithDefault.isExternalLink ? (\n \n {(!iconOptions?.position || iconOptions?.position === 'left') && getIcon()}\n {children}\n {iconOptions?.position === 'right' && getIcon()}\n \n ) : (\n \n {(!iconOptions?.position || iconOptions?.position === 'left') && getIcon()}\n {children}\n {iconOptions?.position === 'right' && getIcon()}\n \n );\n};\n\nexport default memo(ButtonLink);\n","import React, { useState, useEffect, KeyboardEvent } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport Icon, { IconTypes } from '../Icon/Icon';\nimport { LocaleNameSpaceKeys } from '../../localization/translations';\nimport './style.scss';\n\ninterface OwnProps {\n className?: string;\n children: React.ReactNode[];\n timerDuration?: number;\n ariaNavItemLabels?: string[];\n}\n\ntype Props = OwnProps;\n\nconst MagicCarousel: React.FC = ({\n children = [],\n className = '',\n timerDuration = 12000,\n ariaNavItemLabels,\n}) => {\n const { t } = useTranslation();\n const [currentSlide, setCurrentSlide] = useState(0);\n const [ariaLive, setAriaLive] = useState<'off' | 'assertive' | 'polite'>('off');\n\n const handleClick = (index: any) => {\n setCurrentSlide(index);\n };\n\n const handleKeyPress = (event: KeyboardEvent, index: number) => {\n if (event.key === 'Enter') {\n setCurrentSlide(index);\n }\n };\n\n const handleNext = () => {\n if (currentSlide === ((children as any[]) || []).length - 1) {\n setCurrentSlide(0);\n } else {\n setCurrentSlide(currentSlide + 1);\n }\n };\n\n const handlePrev = () => {\n if (currentSlide === 0) {\n setCurrentSlide(((children as any[]) || []).length - 1);\n } else {\n setCurrentSlide(currentSlide - 1);\n }\n };\n\n useEffect(() => {\n const carouselControls = document.querySelectorAll('.carousel-element');\n\n const onFocus = () => setAriaLive('polite');\n const onBlur = () => setAriaLive('off');\n\n if (carouselControls.length) {\n (carouselControls as NodeListOf).forEach((node) => {\n node.addEventListener('focus', onFocus);\n node.addEventListener('blur', onBlur);\n });\n }\n\n return () => {\n if (carouselControls.length) {\n (carouselControls as NodeListOf).forEach((node) => {\n node.removeEventListener('focus', onFocus);\n node.removeEventListener('blur', onBlur);\n });\n }\n };\n }, []);\n\n useEffect(() => {\n const next = (currentSlide + 1) % (children as any).length;\n const id = setTimeout(() => {\n setCurrentSlide(next);\n\n // if (document.activeElement?.classList.contains('carousel-element')) {\n // const carouselItems = document.querySelectorAll('.carousel-slide');\n\n // if (carouselItems && carouselItems.length) {\n // (carouselItems[next] as HTMLButtonElement).focus();\n // }\n // }\n }, timerDuration);\n return () => clearTimeout(id);\n }, [currentSlide]);\n\n const nextAriaLabel = t(`${LocaleNameSpaceKeys.COMMON}:carousel.next`);\n const previousAriaLabel = t(`${LocaleNameSpaceKeys.COMMON}:carousel.previous`);\n\n const getNavItemAriaLabel = (index: number) =>\n `${t(`${LocaleNameSpaceKeys.COMMON}:carousel.slideFormat`, {\n current: index + 1,\n total: children.length,\n })} ${ariaNavItemLabels?.[index] || ''}`;\n\n return (\n \n \n \n \n
    \n \n {children.map((child, index: number) => (\n \n {child}\n
    \n ))}\n \n
    \n {((children as any[]) || []).map((child, index) => (\n handleClick(index)}\n tabIndex={0}\n onKeyPress={(event) => handleKeyPress(event, index)}\n />\n ))}\n
    \n \n \n \n \n \n );\n};\n\nexport default MagicCarousel;\n","import RouteKeys from '../../../config/RouteKeys';\nimport { PageMenuLinks } from './pageMenuTypes';\nimport { getPathFromRouteKey } from '../../shared/utils/getPathFromRouteKey';\n\nconst BROKER_CENTRE_KEY = RouteKeys.BROKER_CENTRE;\n\nconst brokerCentreMenu: PageMenuLinks = [\n {\n to: getPathFromRouteKey(BROKER_CENTRE_KEY.BROKER_PORTAL),\n textKey: 'pageTitles.brokerPortal',\n enableActiveState: false,\n },\n {\n to: getPathFromRouteKey(BROKER_CENTRE_KEY.BROKER_PORTAL.LENDING_AREAS),\n textKey: 'pageTitles.lendingAreas',\n },\n {\n to: getPathFromRouteKey(BROKER_CENTRE_KEY.BROKER_PORTAL.APPROVED_APPRAISER_LIST),\n textKey: 'pageTitles.approvedAppraiserList',\n },\n {\n to: getPathFromRouteKey(BROKER_CENTRE_KEY.BROKER_PORTAL.SLIDING_SCALE_CALCULATOR),\n textKey: 'pageTitles.slidingScaleCalculator',\n },\n {\n to: getPathFromRouteKey(BROKER_CENTRE_KEY.MEET_THE_TEAM),\n textKey: 'pageTitles.meetTheTeam',\n },\n];\n\nexport default brokerCentreMenu;\n"],"sourceRoot":""}