{"version":3,"sources":["webpack:///./src/components/InfoBlock/InfoBlock.tsx","webpack:///./src/components/Deposits/SurveyForm.tsx","webpack:///./src/pages/deposits/index.tsx"],"names":["InfoBlock","heading","icon","buttonOptions","children","className","type","label","memo","FormDataKey","FormFieldMapping","ComplaintsFormForm","t","activeLocaleTag","useLocaleContext","recaptchaRef","React","createRef","reCaptchaTimerRef","useRef","initialFormState","firstName","isInvalid","validationMessage","value","lastName","email","firmName","postalCode","consentOne","consentTwo","reCaptcha","ts","formValues","setFormValues","useState","areFormValuesInvalid","setAreFormValuesInvalid","formSubmissionResponse","setFormSubmissionResponse","submitted","shouldDisplayMessage","handleFormChange","val","id","handleCheckboxChange","timestamp","response","document","getElementById","trim","current","JSON","stringify","Date","getTime","useEffect","interval","setInterval","clearInterval","message","scrollIntoView","block","aria-live","Trans","onSubmit","async","e","preventDefault","stopPropagation","newFormValues","formValueFields","Object","keys","firstErrorField","forEach","element","currentField","EmailValidator","LocaleNameSpaceKeys","CONTACT_US","newAreFormValuesInvalid","some","field","reset","finalObject","preferredLanguage","LocaleTag","EN","sg_navchoice","sg_currentpageid","sg_surveyident","sg_sessionid","sg_high_contrast","sg_cint_panelist","sg_referer","sg_interactionlevel","sg6ae376f770e48daa0d4814bc2e986b0f","sGizmoSubmitButton","fetch","method","body","qs","credentials","mode","headers","Accept","Origin","then","catch","err","console","error","inputField","recaptcha","querySelector","focus","Input","options","InputType","TEXT","inputProps","name","required","onChange","CHECKBOX","i18nKey","Link","to","getPathFromRouteKey","RouteKeys","PRIVACY_STATEMENT","ELECTRONIC_ACCESS_AGREEMENT","ref","sitekey","process","prevState","hl","theme","ErrorMessage","Button","iconOptions","IconTypes","SEND_MAIL","styleOptions","isInline","withTranslation","DEPOSITS","props","layoutOptions","seo","title","page","heroSection","accentColor","HeroSectionColors","MANGO_YELLOW","heroImage","fileName","alt","cdicBrochure","CommonData","websites","gicEmail","COMMON","gicPhone","telephoneNumber","gic","Layout","MEET_THE_TEAM","values","phone","ExternalLink","href","aria-label","DOLLAR","cdic","Icon","CDIC","SADC","ButtonLink","CURRENT_DEPOSIT_RATES","ARROW_NEXT","FAQ","SurveyForm"],"mappings":"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","file":"component---src-pages-deposits-index-tsx-3b8814611dab858016b4.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, { useState, useRef, useEffect } from 'react';\nimport { TFunction } from 'i18next';\nimport { Trans } from 'react-i18next';\nimport ReCAPTCHA from 'react-google-recaptcha';\nimport * as EmailValidator from 'email-validator';\nimport qs from 'qs';\n\nimport Input, { InputType } from '../primitives/Input/Input';\nimport Button from '../primitives/Button/Button';\nimport { IconTypes } from '../Icon/Icon';\nimport { useLocaleContext } from '../../context/Locale';\nimport ErrorMessage from '../ErrorMessage/ErrorMessage';\nimport { LocaleNameSpaceKeys } from '../../localization/translations';\nimport { getPathFromRouteKey } from '../../shared/utils/getPathFromRouteKey';\nimport RouteKeys from '../../../config/RouteKeys';\nimport { LocaleTag } from '../../../config/locales';\nimport Link from '../Link/Link';\n\nimport './style.scss';\n\ninterface OwnProps {\n t: TFunction;\n}\n\nenum FormDataKey {\n firstName = 'firstName',\n lastName = 'lastName',\n email = 'email',\n firmName = 'firmName',\n consentOne = 'consentOne',\n consentTwo = 'consentTwo',\n recaptcha = 'reCaptcha',\n}\n\nenum FormFieldMapping {\n firstName = 'sgE-50172986-1-20',\n lastName = 'sgE-50172986-1-21',\n email = 'sgE-50172986-1-22',\n preferredLanguage = 'sgE-50172986-1-23',\n firmName = 'sgE-50172986-1-24',\n consentOne = 'sgE-50172986-1-2',\n consentTwo = 'sgE-50172986-1-17',\n postalCode = 'sgE-50172986-1-27',\n}\n\ntype Props = OwnProps;\n\nconst ComplaintsFormForm: React.FC = ({ t }) => {\n const { activeLocaleTag } = useLocaleContext();\n const recaptchaRef = React.createRef();\n const reCaptchaTimerRef = useRef('');\n\n const initialFormState = {\n firstName: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n lastName: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n email: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n firmName: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n postalCode: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n consentOne: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n consentTwo: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n },\n\n reCaptcha: {\n isInvalid: false,\n validationMessage: '',\n value: '',\n ts: '',\n },\n };\n\n const [formValues, setFormValues] = useState<{\n [key: string]: { isInvalid: boolean; validationMessage: string; value: string; ts?: string };\n }>(initialFormState);\n\n const [areFormValuesInvalid, setAreFormValuesInvalid] = useState(false);\n\n const [formSubmissionResponse, setFormSubmissionResponse] = useState({\n submitted: false,\n shouldDisplayMessage: false,\n });\n\n const handleFormChange = (val: any, id: FormDataKey) => {\n setFormValues({\n ...formValues,\n [id]: {\n ...formValues[id],\n value: val,\n },\n });\n };\n\n const handleCheckboxChange = (val: any, id: FormDataKey) => {\n setFormValues({\n ...formValues,\n [id]: {\n ...formValues[id],\n value: formValues[id].value ? '' : val,\n },\n });\n };\n\n const timestamp = () => {\n const response = document.getElementById('g-recaptcha-response');\n // @ts-ignore\n // eslint-disable-next-line eqeqeq\n if (response == null || response.value.trim() == '') {\n reCaptchaTimerRef.current = JSON.stringify(new Date().getTime());\n }\n };\n\n const handleCaptchaOnChange = (value: any) => {\n setFormValues((prevState) => ({\n ...prevState,\n reCaptcha: {\n ...prevState.reCaptcha,\n isInvalid: false,\n value,\n },\n }));\n };\n\n useEffect(() => {\n const interval = setInterval(timestamp, 500);\n return () => {\n clearInterval(interval);\n };\n }, []);\n\n useEffect(() => {\n if (formSubmissionResponse.shouldDisplayMessage && formSubmissionResponse.submitted) {\n const message = document.getElementById('success-message');\n\n if (message) {\n message.scrollIntoView({ block: 'end' });\n }\n }\n }, [formSubmissionResponse]);\n\n const handleSubmit = async (e: any) => {\n e.preventDefault();\n e.stopPropagation();\n const newFormValues = { ...formValues };\n const formValueFields = Object.keys(newFormValues);\n let firstErrorField = '';\n\n formValueFields.forEach((element) => {\n const currentField = newFormValues[element as FormDataKey];\n\n if (!currentField.value) {\n currentField.isInvalid = true;\n currentField.validationMessage = t(`currentDepositRates.form.validationMessage.${element}`);\n if (!firstErrorField) firstErrorField = element;\n } else if (element === 'email' && !EmailValidator.validate(currentField.value)) {\n currentField.isInvalid = true;\n if (!firstErrorField) firstErrorField = element;\n\n currentField.validationMessage = t(\n `${LocaleNameSpaceKeys.CONTACT_US}:contactUs.form.email.validationMessage.invalidCharacters`\n );\n } else {\n currentField.isInvalid = false;\n currentField.validationMessage = '';\n }\n });\n\n const newAreFormValuesInvalid = formValueFields.some(\n (field) => (newFormValues as any)[field].isInvalid\n );\n\n setFormValues(newFormValues);\n setAreFormValuesInvalid(newAreFormValuesInvalid);\n\n if (!newAreFormValuesInvalid) {\n if (recaptchaRef.current) {\n recaptchaRef.current.reset();\n }\n\n const finalObject = {\n [FormFieldMapping.firstName]: formValues.firstName.value,\n [FormFieldMapping.lastName]: formValues.lastName.value,\n [FormFieldMapping.email]: formValues.email.value,\n [FormFieldMapping.firmName]: formValues.firmName.value,\n [FormFieldMapping.consentOne]: formValues.consentOne.value,\n [FormFieldMapping.consentTwo]: formValues.consentTwo.value,\n [FormFieldMapping.postalCode]: formValues.postalCode.value,\n [FormFieldMapping.preferredLanguage]: activeLocaleTag === LocaleTag.EN ? '10023' : '10024',\n sg_navchoice: '',\n sg_currentpageid: '1',\n sg_surveyident: '50172986',\n sg_sessionid: '',\n sg_high_contrast: 'false',\n sg_cint_panelist: '',\n sg_referer: 'https://app.alchemer-ca.com/distribute/share/id/50172986',\n sg_interactionlevel: '1',\n sg6ae376f770e48daa0d4814bc2e986b0f: '',\n sGizmoSubmitButton: 'Submit',\n };\n\n await fetch('https://survey.haventreebank.com/s3/Deposit-Web-Form-to-Receive-Our-Updates', {\n method: 'POST',\n body: qs.stringify(finalObject),\n credentials: 'same-origin',\n mode: 'no-cors',\n // @ts-ignore\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'Access-Control-Allow-Origin': '*',\n Accept:\n 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9',\n Origin: null,\n 'Upgrade-Insecure-Requests': 1,\n },\n })\n .then(() => {\n setFormSubmissionResponse({\n submitted: true,\n shouldDisplayMessage: true,\n });\n\n setFormValues(() => initialFormState);\n })\n .catch((err) => {\n console.error(`Failed: `, err);\n setFormSubmissionResponse({\n submitted: false,\n shouldDisplayMessage: true,\n });\n });\n\n return true;\n }\n\n if (firstErrorField) {\n let inputField;\n\n if (firstErrorField === FormDataKey.recaptcha) {\n inputField = document.querySelector('recaptcha-checkbox-border');\n } else {\n inputField = document.getElementById(firstErrorField);\n }\n\n if (inputField) {\n (inputField as HTMLElement).focus();\n }\n }\n\n return false;\n };\n\n return formSubmissionResponse.shouldDisplayMessage && formSubmissionResponse.submitted ? (\n
\n

\n {t(`currentDepositRates.form.submissionMessage`)}\n

\n
\n ) : (\n
\n \n\n \n\n \n\n \n\n \n\n \n\n \n \n \n \n ),\n inputProps: {\n name: 'consentTwo',\n value: '10013',\n },\n }}\n required\n onChange={handleCheckboxChange}\n />\n\n
\n \n
\n\n {formSubmissionResponse.shouldDisplayMessage && !formSubmissionResponse.submitted && (\n \n {t(`${LocaleNameSpaceKeys.CONTACT_US}:contactUs.form.submissionValidation.error`)}\n \n )}\n\n {areFormValuesInvalid && (\n \n {t(`${LocaleNameSpaceKeys.CONTACT_US}:contactUs.form.genericErrorMessage`)}\n \n )}\n\n \n {t(`${LocaleNameSpaceKeys.CONTACT_US}:contactUs.form.submitLabel`)}\n \n \n );\n};\n\nexport default ComplaintsFormForm;\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 Icon, { IconTypes } from '../../components/Icon/Icon';\nimport ExternalLink from '../../components/ExternalLink/ExternalLink';\nimport CommonData from '../../data/common/common';\nimport { useLocaleContext } from '../../context/Locale';\nimport InfoBlock from '../../components/InfoBlock/InfoBlock';\nimport SurveyForm from '../../components/Deposits/SurveyForm';\nimport { LocaleTag } from '../../../config/locales';\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst Deposits: React.FC = (props: Props) => {\n const { t } = props;\n const { activeLocaleTag } = useLocaleContext();\n const layoutOptions: LayoutOptions = {\n seo: {\n title: t('deposits.seo.title'),\n },\n page: {\n title: t('deposits.heading'),\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 cdicBrochure = CommonData.websites.cdicBrochure[activeLocaleTag];\n const gicEmail = t(`${LocaleNameSpaceKeys.COMMON}:emails.gic`);\n const gicPhone = CommonData.telephoneNumber.gic;\n\n return (\n \n
\n
\n
\n
\n

\n \n

\n
\n
\n

{t('deposits.gicBlock.heading')}

\n

{t('deposits.gicBlock.body')}

\n\n
\n
\n
\n {t('deposits.gicBlock.infoBlocks.broker.heading')}\n }\n icon={IconTypes.MEET_THE_TEAM}\n >\n \n \n \n \n \n
\n
\n {t('deposits.gicBlock.infoBlocks.client.heading')}\n }\n icon={IconTypes.DOLLAR}\n >\n {t('deposits.gicBlock.infoBlocks.client.body')}\n \n
\n
\n
\n
\n
\n

{t('deposits.cdicBlock.heading')}

\n

\n \n \n \n

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