{"version":3,"sources":["webpack:///./src/components/ButtonLink/ButtonLink.tsx","webpack:///./src/pages/deposits/faq/index.tsx"],"names":["ButtonLinkType","ButtonLinkSize","defaultLinkOptions","isExternalLink","shouldOpenInNewTab","shouldEnableActiveState","defaultStyleOptions","isInline","type","PRIMARY","size","LARGE","invertColors","ButtonLink","to","linkOptions","iconOptions","styleOptions","className","aLinkProps","children","ariaLabel","styleOptionsWithDefault","linkOptionsWithDefault","classNames","classnames","small","SMALL","aLinkPropsDefault","href","target","rel","linkProps","partiallyActive","activeClassName","undefined","getIcon","IconComp","className_","icon","position","React","Fragment","role","memo","withTranslation","LocaleNameSpaceKeys","DEPOSITS","props","t","activeLocaleTag","useLocaleContext","layoutOptions","seo","title","heroSection","options","accentColor","HeroSectionColors","MANGO_YELLOW","heroImage","fileName","alt","getAnswer","item","path","link","CommonData","websites","key","getPathFromRouteKey","split","reduce","accum","next","RouteKeys","components","id","COMMON","list","returnObjects","allowZeroExpanded","allowMultipleExpanded","map","buttonOptions","label","question","answer","length","i","answerTwo","getFAQAccordion","IconTypes","ARROW_NEXT","CURRENT_DEPOSIT_RATES"],"mappings":"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","file":"component---src-pages-deposits-faq-index-tsx-27f966b21b552691c320.js","sourcesContent":["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 from 'react';\nimport { PageProps } from 'gatsby';\nimport { withTranslation, WithTranslation, Trans } from 'react-i18next';\n\nimport Layout, { LayoutOptions, HeroSectionColors } from '../../../components/Layout/Layout';\nimport { LocaleNameSpaceKeys } from '../../../localization/translations';\nimport ButtonLink from '../../../components/ButtonLink/ButtonLink';\nimport { getPathFromRouteKey } from '../../../shared/utils/getPathFromRouteKey';\nimport RouteKeys from '../../../../config/RouteKeys';\nimport { IconTypes } from '../../../components/Icon/Icon';\nimport ExternalLink from '../../../components/ExternalLink/ExternalLink';\nimport CommonData from '../../../data/common/common';\nimport { useLocaleContext } from '../../../context/Locale';\nimport { Accordion, AccordionItem } from '../../../components/Accordion/Accordion';\nimport Link from '../../../components/Link/Link';\n\ntype Props = PageProps & WithTranslation;\n\nconst DepositsFAQ: React.FC = (props: Props) => {\n const { t } = props;\n const { activeLocaleTag } = useLocaleContext();\n const layoutOptions: LayoutOptions = {\n seo: {\n title: 'FAQ',\n },\n // page: {\n // title: 'FAQ',\n // },\n heroSection: {\n options: {\n accentColor: HeroSectionColors.MANGO_YELLOW,\n heroImage: {\n fileName: 'hero-deposits.jpg',\n alt: 'Image',\n },\n },\n },\n };\n\n const getAnswer = (item: any, path: string) => {\n const link =\n item.link.type === 'external' ? (\n \n ) : (\n accum[next], RouteKeys)\n )}\n />\n );\n\n return (\n

\n {item[path]}\n

\n );\n };\n\n const getFAQAccordion = () => {\n const list = t('deposits.faq', { returnObjects: true }) as any[];\n\n return (\n \n {list.map((item) => {\n return (\n \n {item.link ? (\n getAnswer(item, 'answer')\n ) : (\n

\n {item.answer}\n

\n )}\n {item.list && item.list.length ? (\n
    \n {item.list.map((i: string) => (\n
  • {i}
    • \n ))}\n
\n ) : null}\n {item.answerTwo ? getAnswer(item, 'answerTwo') : null}\n \n );\n })}\n \n );\n };\n\n return (\n \n
\n
\n
\n
\n

\n {t(`${LocaleNameSpaceKeys.COMMON}:frequentlyAskedQuestions`)}\n

\n {getFAQAccordion()}\n
\n
\n \n
\n
\n \n );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.DEPOSITS)(DepositsFAQ);\n"],"sourceRoot":""}