\n
\n );\n};\n\nexport default FormHeader;\n","import * as React from \"react\";\nimport { Button, Tooltip } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IProps {\n goBackButtonText?: string;\n goBackHandler?: (event: any) => void;\n goForwardButtonText?: string;\n goForwardDisabledMessage?: string;\n goForwardHandler: (event: any) => void;\n // The Go forward button is also disabled if there is a form error\n isGoForwardDisabled?: boolean;\n}\n\nconst FormButtonFooter: React.FunctionComponent{headerText}
\n {subheaderText}
\n \n
\n );\n};\n\nexport default FormButtonFooter;\n","import * as React from \"react\";\nimport { FileOutlined } from \"@ant-design/icons\";\nimport { Form } from \"@ant-design/compatible\";\nimport { Checkbox, Col, Row, Spin } from \"antd\";\nimport { observer } from \"mobx-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\n\n// ==== Stores ====\nimport FormsStore from \"stores/FormsStore\";\nimport OnboardingStore from \"views/SignUp/Onboarding/store/OnboardingStore\";\nimport ConfigurationStore from \"stores/ConfigurationStore\";\n\n// ==== Types ====\nimport {\n EOnboardingScreens,\n EOnboardingForms,\n IDocumentsForm,\n} from \"views/SignUp/Onboarding/types/onboardingTypes\";\nimport {\n DOCUMENTS,\n IDocumentEnumType,\n} from \"views/SignUp/Onboarding/types/onboardingEnums\";\nimport type { CheckboxProps } from \"antd\";\n\n// ==== Components ====\nimport FormHeader from \"components/FormHeader\";\nimport FormButtonFooter from \"views/SignUp/components/FormButtonFooter\";\n\n// ==== ApiHandlers ====\nimport { getMasterDocumentDownload } from \"apiHandlers/ProfileApiHandler\";\n\n// ==== Utilities ====\nimport { capitalize } from \"utilities/genericUtilities\";\n\nexport const DOCUMENTS_LIST = [\n DOCUMENTS.DIRECT_CUSTOMER_ACCOUNT_AGREEMENT,\n DOCUMENTS.CUSTOMER_RELATIONSHIP_SUMMARY,\n DOCUMENTS.PRIVACY_POLICY,\n DOCUMENTS.REGULATION_BEST_INTEREST,\n DOCUMENTS.RISKS_ASSOCIATED_WITH_ELECTRONIC_TRADING,\n DOCUMENTS.MARKET_DATA_AGREEMENT,\n];\n\nconst DocumentsForm: React.FunctionComponent\n \n goForwardHandler(e)}\n htmlType=\"submit\"\n type=\"primary\"\n block\n >\n {goForwardButtonText\n ? goForwardButtonText\n : t(\"forms.buttons.next\")}\n \n \n
\n \n {goBackHandler && (\n \n )}\n
\n \n \n {DOCUMENTS_LIST.map((document: IDocumentEnumType) => {\n const downloadFile = () => handleFileDownload(document);\n\n return (\n \n
\n );\n };\n\n const renderNOBO = () => (\n \n {t(\"views.signUp.forms.DocumentsForm.importDocuments\")}\n
\n\n {OnboardingStore.isFileDownloading ===\n document.documentName ? (\n
\n );\n })}\n \n \n \n {getFieldDecorator(\"isNoboChecked\", {\n initialValue: getInitialValue(\"isNoboChecked\"),\n })(\n \n \n {`${t(\n \"views.signUp.forms.DocumentsForm.nobo_question\",\n )} ${`(${capitalize(t(\"forms.fields.optional\"))})`}`}\n \n ,\n )}\n \n \n
\n
\n );\n\n const renderIRSBox = (legalese: string) => {\n return (\n \n {t(\"views.signUp.forms.DocumentsForm.nobo_header\")}\n
\n{t(\"views.signUp.forms.DocumentsForm.nobo_body\")}
\n\n {legalese}\n
\n );\n };\n\n const handleMarketAgreementCheck1: CheckboxProps[\"onChange\"] = (e) => {\n setNonPro(\"1\");\n setPro(null);\n };\n\n const handleMarketAgreementCheck2: CheckboxProps[\"onChange\"] = (e) => {\n setPro(\"0\");\n setNonPro(null);\n };\n\n const renderMarketAgreementCheckboxes = () => {\n return (\n \n \n \n {getFieldDecorator(\"isW9Checked\", {\n initialValue: getInitialValue(\"isW9Checked\"),\n })(\n \n \n {t(\n \"views.signUp.forms.DocumentsForm.w9Form.w9_question\",\n )}\n \n ,\n )}\n \n \n
\n
\n );\n } else {\n // W-8BEN rendered for US citizens\n return (\n \n {t(\"views.signUp.forms.DocumentsForm.w9Form.header\")}\n
\n \n \n {t(\"views.signUp.forms.DocumentsForm.underPenalty\")}\n \n
\n- \n
- {t(\"views.signUp.forms.DocumentsForm.w9Form.line1\")} \n
- \n {`${OnboardingStore.getFormItemData(\n EOnboardingForms.PERSONAL_INFO,\n \"USTaxId\",\n )} ${t(\"views.signUp.forms.DocumentsForm.w9Form.line2\")}`}\n \n
- {t(\"views.signUp.forms.DocumentsForm.w9Form.line3\")} \n
- {t(\"views.signUp.forms.DocumentsForm.w9Form.line4\")} \n
\n \n \n {getFieldDecorator(\"isW8Checked\", {\n initialValue: getInitialValue(\"isW8Checked\"),\n })(\n \n \n {t(\n \"views.signUp.forms.DocumentsForm.w8Form.w8_question1\",\n )}\n \n ,\n )}\n \n \n
\n \n \n {getFieldDecorator(\"isW8ExemptChecked\", {\n initialValue: getInitialValue(\"isW8ExemptChecked\"),\n })(\n \n \n {`${t(\n \"views.signUp.forms.DocumentsForm.w8Form.w8_question2\",\n )} ${`(${capitalize(t(\"forms.fields.optional\"))})`}`}\n \n ,\n )}\n \n \n
\n
\n );\n }\n };\n\n const renderClientCertification = () => (\n \n {t(\"views.signUp.forms.DocumentsForm.w8Form.header\")}\n
\n \n \n {t(\"views.signUp.forms.DocumentsForm.underPenalty\")}\n \n
\n- \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line1\")} \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line2\")} \n
- \n {`${OnboardingStore.getFormItemData(\n EOnboardingForms.PERSONAL_INFO,\n \"ForeignTaxId\",\n )} ${t(\"views.signUp.forms.DocumentsForm.w8Form.line3\")}`}\n \n
- \n {t(\"views.signUp.forms.DocumentsForm.w8Form.line4\", {\n country: ConfigurationStore.getCountryWithCountryCode(\n OnboardingStore.getFormItemData(\n EOnboardingForms.PERSONAL_INFO,\n \"CountryOfCitizenship\",\n ),\n ),\n })}\n \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line5\")} \n
- \n {t(\"views.signUp.forms.DocumentsForm.w8Form.line6\")}\n \n {\" \"}\n {t(\"views.signUp.forms.DocumentsForm.w8Form.line7\")}\n \n \n
\n \n {t(\"views.signUp.forms.DocumentsForm.underPenalty\")}\n \n
\n- \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line8\")} \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line9\")} \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line10\")} \n
- {t(\"views.signUp.forms.DocumentsForm.w8Form.line11\")} \n
\n \n
\n
\n );\n\n const goBackHandler = (e: React.FormEvent\n \n {t(\"views.signUp.forms.DocumentsForm.acceptAndContinue\")}\n \n
\n - \n
- {t(\"views.signUp.forms.DocumentsForm.bulletPoint1\")} \n
- {t(\"views.signUp.forms.DocumentsForm.bulletPoint2\")} \n
- \n {t(\"views.signUp.forms.DocumentsForm.bulletPoint3a\")}\n
- {t(\"views.signUp.forms.DocumentsForm.bulletPoint4\")} \n
- \n \n {t(\"views.signUp.forms.DocumentsForm.marketAcknowledge\")}\n \n {t(\"views.signUp.forms.DocumentsForm.marketAgreementLink\")}\n \n {t(\"views.signUp.forms.DocumentsForm.marketAcknowledgeEnd\")}\n \n {renderMarketAgreementCheckboxes()}\n \n
- {t(\"views.signUp.forms.DocumentsForm.bulletPoint5\")} \n
\n
\n );\n },\n);\n\nexport default Form.create\n {isLogoStonexOne ? (\n
\n );\n },\n);\n\nexport default HeaderLogo;\n","import * as React from \"react\";\nimport { Select } from \"antd\";\nimport i18next from \"i18next\";\nimport { useTranslation } from \"react-i18next\";\n\n// ==== Stores ====\nimport ConfigurationStore from \"stores/ConfigurationStore\";\n\n// ==== Components ====\nimport HeaderLogo from \"components/sidebar/HeaderLogo\";\n\n// ==== Types ====\nimport { EApplicationThemes } from \"types/globalTypes\";\n\nconst { Option } = Select;\n\ninterface IProps {\n isLogoHidden?: boolean;\n isLogoStonexOne?: boolean;\n}\n\nconst TopBar: React.FunctionComponent\n
\n );\n};\n\nexport default TopBar;\n","import * as React from \"react\";\n\n// ==== Components ====\nimport TopBar from \"components/TopBar\";\nimport HeaderLogo from \"components/sidebar/HeaderLogo\";\n\nconst SiteHeader: React.FunctionComponent = () => {\n return (\n \n {ConfigurationStore.isDarkModeEnabled && (\n
\n \n {t(\"theme.name\")}: \n \n \n \n \n
\n )}\n \n {t(\"languages.label\")}:\n \n \n \n \n
\n \n
\n );\n};\n\nexport default SiteHeader;\n","import * as React from \"react\";\nimport { withAITracking } from \"@microsoft/applicationinsights-react-js\";\nimport { RightOutlined } from \"@ant-design/icons\";\nimport { Button, Card, Col, Row } from \"antd\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\n// ==== Components ====\nimport BrowserWarningFooter from \"components/BrowserWarningFooter\";\nimport SiteHeader from \"components/SiteHeader\";\n\n// ==== Config ====\nimport { ai } from \"configuration/appInsights\";\nimport { assignNewUrl } from \"utilities/googleTagsUtilities\";\n\n// ==== Types ====\nimport { IConfig, ERoutePaths } from \"types/globalTypes\";\n\ninterface IProps {\n config: IConfig;\n}\n\nconst Lander: React.FunctionComponent\n
\n \n
\n \n \n {t(\"lander.clients.title\")}\n }\n >\n \n assignNewUrl(config.clientUri)}\n size=\"large\"\n type=\"primary\"\n >\n {t(\"lander.button\", { platform: t(\"platforms.client\") })}{\" \"}\n
\n \n \n \n {t(\"lander.professionals.title\")}\n \n }\n >\n assignNewUrl(config.proUri)}\n size=\"large\"\n type=\"primary\"\n >\n {t(\"lander.button\", { platform: t(\"platforms.pro\") })}{\" \"}\n
\n
\n {t(\"lander.clients.intro\")}
\n{t(\"lander.professionals.intro\")}
\n\n openSalesforceChatWindow()}\n id=\"chat-button\"\n >\n {t(\"contact.chatSupportButton\")}\n \n
\n );\n };\n\n return (\n \n \n \n
\n {t(\"register.infoCard.header\")}
\n {t(\"register.infoCard.body\")}\n \n {t(\"register.infoCard.list1\")}\n
\n - \n
- {t(\"register.infoCard.list1Item1\")} \n
- {t(\"register.infoCard.list1Item2\")} \n
{t(\"register.infoCard.list2\")}
\n - \n
- \n {t(\"register.infoCard.list2Item1\")}{\" \"}\n
{t(\"register.infoCard.list3\")}
\n - \n
- \n {t(\"register.infoCard.list3Item1\")}{\" \"}\n \n StoneXClient@stonex.com\n \n \n
- \n {t(\"register.infoCard.list3Item2\")}{\" \"}\n \n +1-800-405-4106\n \n \n
\n \n \n {t(\"register.title\")},\n {` ${firstName} ${lastName}`}!\n \n }\n description={\n isSubmitted ? (\n
\n }\n >\n {getFieldDecorator(\"email\", {\n initialValue: email?.toLowerCase(),\n rules: [\n {\n message: t(\"forms.validation.isRequired\", {\n fieldName: t(\"forms.fields.email\"),\n }),\n required: true,\n },\n {\n validator: validateEmail,\n },\n ],\n validateTrigger: \"onBlur\",\n })()}\n \n {t(\"register.accounts.title\")}asd
\n \n {accounts?.open?.map((open) => {\n const acctNo = `xxxx${open.acctNo.substring(4)}`;\n return (\n
\n \n {acctNo}{\" \"}\n {open.entitlement === \"PRIMARY\"\n ? ` - ${t(\n `register.accounts.access.${open.entitlement.toLowerCase()}`,\n )}`\n : null}\n {open.disabled\n ? ` - ${t(\"register.accounts.access.closed\")}`\n : null}\n
\n );\n })}\n \n {accounts?.close?.map((close) => {\n const acctNo = `xxxx${close.acctNo.substring(4)}`;\n return (\n
\n \n {acctNo}{\" \"}\n {!close.isSubscriptionAccount\n ? t(\"register.accounts.access.closed\")\n : null}\n
\n );\n })}\n \n {!registrationType && (\n
\n \n {\n FormsStore.setCurrentScreen(\n ESelfEnrollForms.ACCOUNT_NUMBER_FORM,\n );\n history.push(ERoutePaths.SELF_ENROLL);\n setRegistrationType(ERegistrationType.EXISTING);\n }}\n type=\"primary\"\n >\n {t(\"views.signUp.SignUp.enroll\")}\n \n
\n )}\n \n {t(\"views.signUp.SignUp.header\")}\n
\n \n {t(\"views.signUp.SignUp.started\")}\n
\n \n {t(\"views.signUp.SignUp.existingCustomers\")}\n
\n \n {t(\"views.signUp.SignUp.ifYouAlready\")}\n
\n \n \n \n
\n ) : (\n \n )\n }\n />\n \n \n {t(\"forms.result.title\")}
\n \n {t(\"contact.success.message1\")}\n
\n \n \n {t(\"contact.furtherAssistance\")}\n \n {renderContactInfo().email}\n \n \n
\n \n
\n );\n};\n\nexport default withAITracking(ai.reactPlugin, NotFound);\n","import * as React from \"react\";\n\n// ==== Components ====\nimport BrowserWarningFooter from \"components/BrowserWarningFooter\";\nimport TopBar from \"components/TopBar\";\nimport SalesForceChat from \"components/SalesForceChat\";\n\ninterface IProps {\n children?: React.ReactNode;\n}\n\nconst CenteredWrapper: React.FunctionComponent\n
\n);\n\nexport default CenteredWrapper;\n","import { TFunction } from \"i18next\";\n\n// ==== Stores ====\nimport AuthenticationStore from \"stores/AuthenticationStore\";\n\n// ==== Utilities ====\nimport { concatenateSentences, cleanString } from \"utilities/genericUtilities\";\n\n// ==== V3 Validators ====\nexport const emailFormValidator = (\n // Field specific data\n value: string,\n comparisonFieldValue: string,\n // Ant's callback functions\n t: TFunction,\n callback: any,\n validateFields: any,\n isFieldsTouched: any,\n isFieldTouched: any,\n // Field Keys\n emailKey: string,\n emailConfirmKey: string,\n) => {\n // I'm sure there is a better way to do this but here we are...\n if (!isFieldsTouched([emailKey, emailConfirmKey])) {\n callback();\n }\n\n if (isFieldsTouched([emailKey, emailConfirmKey])) {\n // Ignore validation if the user has not entered anything yet\n if (!comparisonFieldValue?.trim() && !value?.trim()) {\n callback();\n } else {\n let errors = undefined;\n\n // Make sure email and confirmEmails match\n if (cleanString(comparisonFieldValue) !== cleanString(value)) {\n errors = t(\"forms.validation.match\", {\n fieldName: t(`forms.fields.email`),\n });\n }\n\n //https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript\n const regexMagic =\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n const input = cleanString(value);\n // Only validate format if input exists\n if (input && !regexMagic.test(String(input))) {\n if (errors) {\n errors = `${errors} ${t(`forms.validation.emailFormat`)}`;\n } else {\n errors = `${t(`forms.validation.emailFormat`)}`;\n }\n }\n\n callback(errors);\n validateFields([emailKey, emailConfirmKey]);\n }\n }\n};\n\nconst MIN_PASSWORD_LENGTH = 14;\nexport const passwordValidator = (\n value: string,\n comparisonFieldValue: string,\n // Ant's callback functions\n t: TFunction,\n callback: any,\n validateFields: any,\n isFieldsTouched: any,\n isFieldTouched: any,\n // Field Keys\n passwordKey: string,\n passwordConfirmKey: string,\n) => {\n if (!isFieldsTouched([passwordKey, passwordConfirmKey])) {\n callback();\n }\n\n if (isFieldsTouched([passwordKey, passwordConfirmKey])) {\n // Ignore validation if the user has not entered anything yet\n if (!comparisonFieldValue?.trim() && !value?.trim()) {\n callback();\n } else {\n let errors = undefined;\n\n // Checking the content of the password\n if (value) {\n const cleanValue = cleanString(value);\n\n // Check Length\n if (cleanValue.length < MIN_PASSWORD_LENGTH) {\n errors = concatenateSentences(\n errors,\n t(\"forms.validation.passwordLength\", {\n number: MIN_PASSWORD_LENGTH,\n }),\n false,\n );\n }\n\n // Can't contain \"password\"\n if (\n cleanValue.includes(\"password\") ||\n cleanValue.includes(\"contraseña\")\n ) {\n errors = concatenateSentences(\n errors,\n t(\"forms.validation.noPassword\"),\n false,\n );\n }\n\n // Can't contain first name\n const firstName =\n AuthenticationStore?.newUserCreationFormData?.firstName;\n if (cleanValue.includes(cleanString(firstName))) {\n errors = concatenateSentences(\n errors,\n t(\"forms.validation.noFirstName\"),\n false,\n );\n }\n\n // Can't contain last name\n const lastName = AuthenticationStore?.newUserCreationFormData?.lastName;\n if (cleanValue.includes(cleanString(lastName))) {\n errors = concatenateSentences(\n errors,\n t(\"forms.validation.noLastName\"),\n false,\n );\n }\n\n // Can't contain user's email\n const userEmail = AuthenticationStore?.newUserCreationFormData?.email;\n if (userEmail) {\n const userName = userEmail.split(\"@\")[0];\n\n if (cleanValue.includes(cleanString(userName))) {\n errors = concatenateSentences(\n errors,\n t(\"forms.validation.noPasswordEmail\"),\n false,\n );\n }\n }\n }\n\n // Only validate for matching if passwordConfirm has been touched\n if (isFieldTouched(passwordKey) && isFieldTouched(passwordConfirmKey)) {\n if (comparisonFieldValue?.trim() !== value?.trim()) {\n errors = concatenateSentences(\n errors,\n t(\"forms.validation.match\", {\n fieldName: t(`forms.fields.password`),\n }),\n false,\n );\n }\n }\n\n callback(errors);\n validateFields([passwordKey, passwordConfirmKey]);\n }\n }\n};\n\nexport const phoneValidator = (\n value: string,\n comparisonFieldValue: string,\n // Ant's callback functions\n t: TFunction,\n callback: any,\n validateFields: any,\n isFieldsTouched: any,\n isFieldTouched: any,\n // Field Keys\n phoneKey: string,\n phoneConfirmKey: string,\n) => {\n if (!isFieldsTouched([phoneKey, phoneConfirmKey])) {\n callback();\n }\n\n if (isFieldsTouched([phoneKey, phoneConfirmKey])) {\n // Ignore validation if the user has not entered anything yet\n if (!comparisonFieldValue?.trim() && !value?.trim()) {\n callback();\n } else {\n let errors = undefined;\n\n // Only validate for matching if phoneConfirm has been entered\n if (comparisonFieldValue && value) {\n if (comparisonFieldValue?.trim() !== value?.trim()) {\n if (errors) {\n errors = `${errors} ${t(\"forms.validation.match\", {\n fieldName: t(`forms.fields.phoneNumber`),\n })}`;\n } else {\n errors = t(\"forms.validation.match\", {\n fieldName: t(`forms.fields.phoneNumber`),\n });\n }\n }\n }\n\n callback(errors);\n validateFields([phoneKey, phoneConfirmKey]);\n }\n }\n};\n\nexport const countryCodeValidator = (\n value: string,\n comparisonFieldValue: string,\n // Ant's callback functions\n t: TFunction,\n callback: any,\n validateFields: any,\n isFieldsTouched: any,\n isFieldTouched: any,\n // Field Keys\n countryKey: string,\n countryConfirmKey: string,\n) => {\n if (!isFieldsTouched([countryKey, countryConfirmKey])) {\n callback();\n }\n\n if (isFieldsTouched([countryKey, countryConfirmKey])) {\n // Ignore validation if the user has not entered anything yet\n if (!comparisonFieldValue?.trim() && !value?.trim()) {\n callback();\n } else {\n let errors = undefined;\n\n // Only validate for matching if countryConfirm has been touched\n if (isFieldTouched(countryKey) && isFieldTouched(countryConfirmKey)) {\n if (comparisonFieldValue?.trim() !== value?.trim()) {\n if (errors) {\n errors = `${errors} ${t(\"forms.validation.match\", {\n fieldName: t(`forms.fields.countryCode`),\n })}`;\n } else {\n errors = t(\"forms.validation.match\", {\n fieldName: t(`forms.fields.countryCode`),\n });\n }\n }\n }\n\n callback(errors);\n validateFields([countryKey, countryConfirmKey]);\n }\n }\n};\n\nexport const getMinPhoneNumberLength = (countryCode: string): number => {\n // If user is from USA/Canada return 10 digits min\n if (countryCode === \"1\") {\n return 10;\n }\n\n // Else return 6 min\n return 6;\n};\n\nexport const getMaxPhoneNumberLength = (countryCode: string): number => {\n // If user is from USA/Canada return 10 digits max\n if (countryCode === \"1\") {\n return 10;\n }\n\n // Else return 15 max\n return 15;\n};\n\n// ==== V4 Validators ====\n\n// Used to make Ant's validator messages happy\n/* eslint-disable no-template-curly-in-string */\nexport const emailValidatorMessages = {\n required: \"${label} is required!\",\n types: {\n email: \"${label} is not a valid email!\",\n },\n};\n","import axios, {\n AxiosRequestConfig,\n AxiosResponse,\n CancelToken,\n CancelTokenSource,\n} from \"axios\";\n\n// ==== Types ====\nimport { EHttpMethods } from \"types/globalTypes\";\n\n// ==== Utilities ====\nimport { handleErrorTracking } from \"utilities/apiUtilities\";\nimport type { IFormData, IRequestPreview } from \"types/globalTypes\";\n\nclass RegisterApi {\n getPreview = async (\n id: string,\n cancelToken: CancelToken,\n ): Promise\n {children}\n
\n \n setIsDebugging(!isDebuggingOpen)}\n >\n
\n );\n };\n\n return (\n \n {defaultErrorMessage ? defaultErrorMessage : t(\"error.default\")}\n \n {t(\"views.signUp.forms.ConfirmationScreenForm.goBack\")}\n \n
\n\n\n {isDebuggingOpen && (\n
\n \n
\n )}\n {JSON.stringify(generateDebugData())}\n \n {t(\"forms.result.error\")}
}\n description={renderAlertDescription()}\n type=\"warning\"\n showIcon\n />\n \n );\n};\n\nexport default withAITracking(ai.reactPlugin, ErrorMessageAlert);\n","import * as React from \"react\";\nimport { observer } from \"mobx-react\";\n\n// ==== Components ====\nimport BrowserWarningFooter from \"components/BrowserWarningFooter\";\nimport TopBar from \"components/TopBar\";\nimport ErrorMessageAlert from \"views/SignUp/Onboarding/components/ErrorMessageAlert\";\nimport SalesForceChat from \"components/SalesForceChat\";\n\n// ==== Stores ====\nimport ConfigurationStore from \"stores/ConfigurationStore\";\n\n// ==== Types ====\nimport { ERoutePaths, EApplicationThemes } from \"types/globalTypes\";\n\n// StoneX Zero\nconst splashScreen = require(\"../../assets/images/splashScreen.webm\").default;\nconst splashScreen_Dark =\n require(\"../../assets/images/splashScreen_dark.gif\").default;\n\n// StoneX One\nconst stoneXOne_SplashScreen_Dark =\n require(\"../../assets/images/splashScreenSX1_dark.webm\").default;\n\nconst stoneXOne_SplashScreen =\n require(\"../../assets/images/newSplashScreen.png\").default;\n\ninterface IProps {\n isLogoStonexOne?: boolean;\n}\n\nconst SplashScreenWrapper: React.FunctionComponent\n
\n );\n },\n);\n\nexport default SplashScreenWrapper;\n","import * as React from \"react\";\nimport { Form } from \"@ant-design/compatible\";\nimport { Button, Input, Row } from \"antd\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\nimport { observer } from \"mobx-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\n// ==== Stores ====\nimport SelfEnrollStore from \"views/SignUp/SelfEnroll/store/SelfEnrollStore\";\nimport FormsStore from \"stores/FormsStore\";\n\n// ==== Components ====\nimport FormHeader from \"components/FormHeader\";\n\n// ==== Types ====\nimport { IAccountNumberForm } from \"views/SignUp/SelfEnroll/types/selfEnrollTypes\";\nimport { ERoutePaths } from \"types/globalTypes\";\n\nconst AccountNumberForm: React.FunctionComponent\n
\n \n {/* Videos need to be muted to autoplay */}\n {/* https://stackoverflow.com/questions/50259734/video-autoplay-not-working-trying-to-find-a-fix */}\n {getSplashScreenVideo()}\n
\n {children}
\n \n
\n \n {SelfEnrollStore.accountType === EAccountType.NOT_ELIGIBLE ? (\n \n \n )}\n
\n );\n });\n\nexport default Form.create\n
\n );\n },\n);\n\nexport default Form.create\n
\n );\n};\n\nexport default Form.create\n \n {getFieldDecorator(\"CountryCode\", {\n initialValue: countryCode || \"1\",\n rules: [\n {\n message: t(\"forms.validation.isRequired\", {\n fieldName: t(\"forms.fields.countryCode\"),\n }),\n required: true,\n },\n {\n validator: validateCountryCode,\n },\n ],\n })(\n \n option.props.children\n .toString()\n .toLowerCase()\n .includes(inputValue.toLowerCase())\n }\n >\n {ConfigurationStore?.phoneCountryCodes?.map(\n ({ countryCode, countryName }) => (\n \n ),\n )}\n ,\n )}\n \n \n {getFieldDecorator(\"Phone\", {\n initialValue: phoneNumber,\n rules: [\n {\n message: t(\"forms.validation.isRequired\", {\n fieldName: t(\"forms.fields.phoneNumber\"),\n }),\n required: true,\n },\n {\n message: t(\"forms.validation.min\", {\n number: getMinPhoneNumberLength(countryCode),\n }),\n min: getMinPhoneNumberLength(countryCode),\n },\n {\n max: getMaxPhoneNumberLength(countryCode),\n message: t(\"forms.validation.max\", {\n number: getMaxPhoneNumberLength(countryCode),\n }),\n },\n {\n message: t(\"forms.validation.digits\"),\n pattern: new RegExp(\"^\\\\d+$\"),\n },\n {\n validator: validatePhoneNumber,\n },\n ],\n validateTrigger: \"onBlur\",\n })(\n \n
\n {isConfirmVisible && (\n \n \n {getFieldDecorator(\"ConfirmCountryCode\", {\n initialValue: confirmCountryCode || \"1\",\n rules: [\n {\n message: t(\"forms.validation.isRequired\", {\n fieldName: t(\"forms.fields.confirm\", {\n fieldName: t(\"forms.fields.countryCode\"),\n }),\n }),\n required: true,\n },\n {\n validator: validateCountryCodeConfirm,\n },\n ],\n })(\n \n option.props.children\n .toString()\n .toLowerCase()\n .includes(inputValue.toLowerCase())\n }\n >\n {ConfigurationStore?.phoneCountryCodes?.map(\n ({ countryCode, countryName }) => (\n \n ),\n )}\n ,\n )}\n \n \n {getFieldDecorator(\"ConfirmPhone\", {\n initialValue: confirmPhoneNumber,\n rules: [\n {\n message: t(\"forms.validation.isRequired\", {\n fieldName: t(\"forms.fields.confirm\", {\n fieldName: t(\"forms.fields.phoneNumber\"),\n }),\n }),\n required: true,\n },\n {\n message: t(\"forms.validation.min\", {\n number: getMinPhoneNumberLength(confirmCountryCode),\n }),\n min: getMinPhoneNumberLength(confirmCountryCode),\n },\n {\n max: getMaxPhoneNumberLength(confirmCountryCode),\n message: t(\"forms.validation.max\", {\n number: getMaxPhoneNumberLength(confirmCountryCode),\n }),\n },\n {\n message: t(\"forms.validation.digits\"),\n pattern: new RegExp(\"^\\\\d+$\"),\n },\n {\n validator: validatePhoneNumberConfirm,\n },\n ],\n validateTrigger: \"onBlur\",\n })(\n \n
\n )}\n \n
\n );\n },\n);\n\nexport default Form.create\n
\n );\n },\n);\n\nexport default Form.create\n {SelfEnrollStore.isAccountSubmitted ? (\n t(\"views.signUp.forms.ConfirmationScreenForm.success\")\n ) : (\n \n )}\n {\n SelfEnrollStore.handleFormReset();\n window.location.assign(AuthenticationStore.config.clientUri);\n }}\n type=\"link\"\n >\n {t(\"views.signUp.forms.ConfirmationScreenForm.goBack\")}\n \n
\n );\n });\n\nexport default Form.create\n {t(\"views.signUp.SelfEnrollContainer.checkEmail\")}\n
\n );\n\n return (\n \n
\n ,\n );\n });\n\n return minimapElements;\n };\n\n return (\n {t(screen.translationKey)}
\n {(isCurrentScreen || isPreviousScreen) && (\n \n {isPreviousScreen &&
\n )}\n \n
\n );\n});\n\nexport default SidebarContainer;\n","import * as React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst NewAccountDisclosure: React.FunctionComponent = () => {\n const { t } = useTranslation();\n\n return (\n \n
\n \n
\n - {renderMinimap()}
\n
\n );\n};\n\nexport default NewAccountDisclosure;\n","import * as React from \"react\";\n\n// ==== Components ====\nimport BrowserWarningFooter from \"components/BrowserWarningFooter\";\nimport TopBar from \"components/TopBar\";\nimport SidebarContainer from \"components/sidebar/SidebarContainer\";\nimport NewAccountDisclosure from \"components/NewAccountDisclosure\";\nimport ErrorMessageAlert from \"views/SignUp/Onboarding/components/ErrorMessageAlert\";\n\n// ==== Types ====\nimport { ERoutePaths } from \"types/globalTypes\";\n\nconst SidebarWrapper: React.FunctionComponent = ({ children }) => (\n {t(\"components.newAccountDisclosure.legalese\")}
\n\n
\n);\n\nexport default SidebarWrapper;\n","import * as React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst PrivacyPolicyFooter: React.FunctionComponent = () => {\n const { t } = useTranslation();\n\n return (\n \n
\n \n
\n \n
\n {children}
\n \n
\n \n \n {`${t(\"views.signUp.forms.IndividualForm.footer1\")} ${t(\n \"views.signUp.forms.IndividualForm.footer2a\",\n )}`}\n \n {` ${t(\"views.signUp.forms.IndividualForm.footer2b\")} `}\n \n {t(\"views.signUp.forms.IndividualForm.footer2c\")}\n \n
\n );\n};\n\nexport default PrivacyPolicyFooter;\n","import * as React from \"react\";\nimport { Form } from \"@ant-design/compatible\";\nimport { Input, Alert } from \"antd\";\nimport { FormComponentProps } from \"@ant-design/compatible/lib/form\";\nimport { observer } from \"mobx-react\";\nimport { useTranslation } from \"react-i18next\";\n\n// ==== Stores ====\nimport AuthenticationStore from \"stores/AuthenticationStore\";\n\n// ==== Types ====\nimport { INewUserCreationFormData } from \"types/authenticationTypes\";\n\n// ==== Components ====\nimport FormButtonFooter from \"views/SignUp/components/FormButtonFooter\";\nimport FormHeader from \"components/FormHeader\";\nimport PrivacyPolicyFooter from \"components/PrivacyPolicyFooter\";\n\n// ==== Utilities ====\nimport { emailFormValidator } from \"utilities/formValidators\";\nimport { setQueryStringsIntoState } from \"utilities/apiUtilities\";\n\nconst EmailValidateForm: React.FunctionComponent