{cmsTag}
: null}\n {children}\n \n );\n }\n}\n\nContentEditing.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n className: PropTypes.string,\n cmsTag: PropTypes.string,\n editContent: PropTypes.func,\n managed: PropTypes.any,\n noEdit: PropTypes.bool,\n onShow: PropTypes.bool,\n pendingContent: PropTypes.any,\n publishedContent: PropTypes.any,\n tag: PropTypes.any,\n tagEdited: PropTypes.string,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ContentEditing);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-cms';\nimport { withRouter } from 'react-router-dom';\nimport { Settings } from '@myie/interact';\nimport ContentEditing from './ContentEditing';\n\n// TODO: use connect HOC to connect to CMS data in store\n\nconst ContentType = {\n Text: '_text_',\n Error: '_error_',\n Option: '_option_',\n};\n\nfunction contentManaged(Component) {\n class ContentManagedComponent extends React.Component {\n constructor(props) {\n super(props);\n let prefix = props.match.path.substring(1);\n if (prefix.indexOf(':') !== -1) {\n prefix = prefix.substring(0, prefix.indexOf(':'));\n }\n prefix = (prefix.replace(/[/]/g, '.') || 'root').replace(/\\.$/, '');\n let composedTag =\n props.cmsTag || prefix + ':' + (props.id || 'IDMISSING');\n this.state = {\n tag: composedTag,\n managed: null,\n template: props.template,\n };\n }\n\n managedContent = (managed, onShow = false, noEdit = false) => {\n if (!managed) {\n return this.state.managed;\n }\n const { template = {} } = this.state;\n if (managed.validation && managed.validation.rules) {\n let rules = {};\n let templates = {};\n Object.keys(managed.validation.rules).forEach(rule => {\n if (managed.validation.rules[rule].message) {\n rules[rule] = {\n defaultValue: managed.validation.rules[rule].message,\n };\n } else if (managed.validation.rules[rule].trans) {\n rules[rule] = {\n defaultValue: managed.validation.rules[rule].trans(),\n };\n }\n if (managed.validation.rules[rule].template) {\n templates[rule] = managed.validation.rules[rule].template;\n }\n });\n template.errors = templates;\n managed.errors = rules;\n delete managed.validation;\n }\n\n this.setState({ ...this.state, managed, template, onShow, noEdit });\n };\n\n applyTemplate = (bindings, text, wrapper) => {\n const showOrigin = (text, wrapper) => {\n if (this.props.showOrigin) {\n if (typeof text === 'string') {\n return `${wrapper}\\n\\n${text}\\n\\n${wrapper}`;\n }\n }\n return text;\n };\n let renderText = text || '';\n if (bindings) {\n const keys = Object.keys(bindings);\n keys.forEach(key => {\n const search = new RegExp(\n `(\\\\$\\\\[` + key + `\\\\]|\\\\$\\\\{` + key + `\\\\})`,\n 'g',\n );\n let bindingKey = bindings[key];\n if (typeof bindings[key] === 'function') {\n bindingKey = bindingKey();\n }\n renderText = renderText.replace(search, bindingKey);\n });\n }\n return showOrigin(renderText, wrapper);\n };\n\n contentValue = (type, name, binding) => {\n if (!this.state.managed) return '';\n switch (type) {\n case ContentType.Error:\n return this.contentErrorValue(name, binding);\n case ContentType.Option:\n return this.contentOptionValue(name, binding);\n case ContentType.Text:\n return this.contentTextValue(name, binding);\n default:\n // old style shift the params\n return this.contentTextValue(type, name);\n }\n };\n\n contentTextValue = (name, binding) => {\n const { tag, managed, template = {} } = this.state;\n const t = binding ? binding : template[name];\n if (tag) {\n const { publishedContent, pendingContent } = this.props;\n if (Settings.cmsAvailable) {\n if (pendingContent) {\n let componentContent = pendingContent[tag]\n ? pendingContent[tag].content\n : null;\n if (componentContent) {\n let elementContent = componentContent[name];\n if (elementContent) {\n if (elementContent.updatedValue) {\n if (elementContent.updatedValue === '<{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {showErrors ? (\n{suffix}
\n \n ) : (\n\n {suffix}\n
\n )\n ) : (\n ''\n )}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n{children}
\n {suffix ? (\n suffixAlert ? (\n {suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {showErrors && field ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n\n {results?.length > 0 && (\n
\n )}\n {lookupForm.addressInput.value && isSelected && (\n \n \n
\n - \n {results.map(result => (\n
- \n
\n \n {lookupForm.addressInput.value.split(',').map(item => (\n this.clearSelectedAddress()}\n >\n
\n )}\n \n \n );\n }\n}\n\nAddressLookupDemo.propTypes = {\n callback: PropTypes.func,\n children: PropTypes.element,\n managedContent: PropTypes.func.isRequired,\n contentValue: PropTypes.func.isRequired,\n description: PropTypes.string,\n groupClassName: PropTypes.string,\n label: PropTypes.string.isRequired,\n labelClassName: PropTypes.string,\n subLabel: PropTypes.string,\n addresses: PropTypes.object,\n inputGroupClassName: PropTypes.string,\n validation: PropTypes.object,\n disabled: PropTypes.bool,\n resetGetAddressList: PropTypes.func,\n addressList: PropTypes.array,\n required: PropTypes.bool,\n onChangeAddressSearchInput: PropTypes.func,\n id: PropTypes.string.isRequired,\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\n suffix: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n placeholder: PropTypes.string,\n showErrors: PropTypes.bool,\n suffixAlert: PropTypes.bool,\n suffixIsDiv: PropTypes.bool,\n onSelectAddress: PropTypes.func,\n lookupForm: PropTypes.object,\n};\n\nexport default contentManaged(AddressLookupDemo);\n","import React from 'react';\nimport gtmParts from 'react-google-tag-manager';\nimport PropTypes from 'prop-types';\n\n/**\n * GoogleTagManager component\n */\nclass GoogleTagManager extends React.Component {\n componentDidMount() {\n const dataLayerName = this.props.dataLayerName || 'dataLayer';\n const scriptId = this.props.scriptId || 'react-google-tag-manager-gtm';\n\n if (!window[dataLayerName]) {\n const script = document.createElement('script');\n const gtmScriptNode = document.getElementById(scriptId);\n const scriptText = document.createTextNode(gtmScriptNode.textContent);\n\n script.appendChild(scriptText);\n document.head.appendChild(script);\n }\n }\n\n render() {\n const gtm = gtmParts({\n id: this.props.gtmId,\n dataLayerName: this.props.dataLayerName || 'dataLayer',\n additionalEvents: this.props.additionalEvents || {},\n previewVariables: this.props.previewVariables || false,\n scheme: this.props.scheme || 'https:',\n });\n\n return (\n \n {item}\n
\n ))}\n \n\n\n {gtm.scriptAsReact()}\n
\n \n {children}\n
\n )}\n\n {bespokeTitle}\n
\n ) : (\n{this.content(items)}
\n )}\n\n {bespokeTitle}\n
\n ) : (\n{this.content(items)}
\n )}\n\n {bespokeTitle}\n
\n ) : (\n{this.content(items)}
\n )}\n- {items}
- {items}
{suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {showErrors && field ? (\n{suffix}
: ''}\n {showErrors ? (\n\n
\n ) : (\n \n
\n ) : (\n \n
\n ) : (\n {suffix}
\n \n ) : suffixIsDiv ? (\n\n {suffix}\n
\n ) : (\n \n {suffix}\n
\n )\n ) : (\n ''\n )}\n {children}\n {showErrors ? (\n\n \n {results.map(result => (\n \n this.onClickAddress(result)}\n >\n {result.text}\n \n \n ))}\n \n
\n \n \n {Object.keys(lookupForm.addressInput.value).map(\n (key, index) => (\n \n {lookupForm.addressInput.value[key]}\n \n ),\n )}\n \n\n this.clearSelectedAddress()}\n >\n
\n )}\n \n \n );\n }\n}\n\nAddressLookupQAS.propTypes = {\n callback: PropTypes.func,\n children: PropTypes.element,\n managedContent: PropTypes.func.isRequired,\n contentValue: PropTypes.func.isRequired,\n description: PropTypes.string,\n groupClassName: PropTypes.string,\n label: PropTypes.string.isRequired,\n labelClassName: PropTypes.string,\n subLabel: PropTypes.string,\n addresses: PropTypes.object,\n inputGroupClassName: PropTypes.string,\n validation: PropTypes.object,\n disabled: PropTypes.bool,\n resetGetAddressList: PropTypes.func,\n addressList: PropTypes.array,\n required: PropTypes.bool,\n onChangeAddressSearchInput: PropTypes.func,\n id: PropTypes.string.isRequired,\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\n suffix: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n placeholder: PropTypes.string,\n showErrors: PropTypes.bool,\n suffixAlert: PropTypes.bool,\n currentAddressIndex: PropTypes.string,\n suffixIsDiv: PropTypes.bool,\n addressIndex: PropTypes.string,\n onSelectAddress: PropTypes.func,\n lookupForm: PropTypes.object,\n getAddress: PropTypes.func,\n addressDetails: PropTypes.object,\n noAddressFound: PropTypes.any,\n title: PropTypes.string,\n results: PropTypes.any,\n};\n\nexport default contentManaged(AddressLookupQAS);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'reactstrap';\nimport contentManaged, { ContentType } from '../HO_components/contentManaged';\nimport { Content } from '@myie/interact-dom';\n\nclass Pagination extends React.Component {\n constructor(props) {\n super(props);\n const { managedContent } = props;\n managedContent({\n text: { defaultValue: 'Page $[currentPage] of $[totalPages]' },\n });\n }\n\n render() {\n const {\n Total,\n Offset,\n Size,\n getNextPage,\n getPreviousPage,\n contentValue,\n loading,\n } = this.props;\n const totalPages =\n Math.ceil(Total / Size) === 0 ? 1 : Math.ceil(Total / Size);\n const currentPage = Math.ceil(Offset / Size) + 1;\n const text = contentValue(ContentType.Text, 'text', {\n currentPage: currentPage,\n totalPages: totalPages,\n });\n\n return (\n \n
\n );\n }\n}\n\nPagination.propTypes = {\n Offset: PropTypes.number.isRequired,\n Size: PropTypes.number.isRequired,\n Total: PropTypes.number.isRequired,\n contentValue: PropTypes.any,\n getNextPage: PropTypes.func.isRequired,\n getPreviousPage: PropTypes.func.isRequired,\n managedContent: PropTypes.any,\n subLabel: PropTypes.any,\n loading: PropTypes.any,\n};\n\nexport default contentManaged(Pagination);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Card, CardBody, CardHeader } from 'reactstrap';\nimport { Content, Markdown } from '@myie/interact-dom';\n\nclass HelpContactSidebar extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n testdata: '',\n };\n }\n\n faqClick = e => {\n if (navigator.userAgent.includes('Firefox')) {\n e.preventDefault();\n window.open('/help');\n return false;\n }\n return true;\n };\n\n render() {\n const { contacts } = this.props;\n return (\n \n
\n getPreviousPage(Offset, Size)}\n disabled={loading || currentPage === 1 ? true : false}\n className=\"pagination-btn\"\n >\n getNextPage(Offset, Size, Total)}\n disabled={loading || currentPage === totalPages ? true : false}\n className=\"pagination-btn\"\n >\n
\n \n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n );\n }\n}\n\nOurProducts.propTypes = {\n items: PropTypes.string,\n};\n\nexport default OurProducts;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Session } from '@myie/interact';\nimport { Switch, appUtility } from '@myie/interact-dom';\nimport { Modal, ModalBody, ModalFooter, Button } from 'reactstrap';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-shared';\n\nclass TimeOutModal extends React.Component {\n clickedYes = () => {\n let currentTime = new Date().getTime();\n window.sessionStorage.setItem('lastRequestTime', currentTime);\n this.props.startTimer();\n this.props.hideTimeoutModal();\n };\n\n clickedNo = () => {\n if (Session.isAuthenticated()) {\n appUtility.userSignout();\n }\n Session.abandon();\n this.props.clearTimer();\n this.props.hideTimeoutModal();\n this.props.userLogout();\n this.props.history.push(this.props.timeoutUrl);\n };\n\n render() {\n let message = this.props.timeoutMessage || '';\n let count = 0;\n\n if (typeof this.props.timeoutMessage === 'function') {\n message = this.props.timeoutMessage();\n }\n\n if (message.startsWith('TimerCountDown')) {\n const timer = message.split(':');\n message = timer[0];\n count = timer[1];\n }\n\n return (\n \n
\n );\n};\n\nNoMatch.propTypes = {\n location: PropTypes.object,\n contacts: PropTypes.object,\n};\n\nexport default NoMatch;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Route } from 'react-router-dom';\n\nclass PublicRoute extends React.Component {\n render() {\n const { component: Component, ...rest } = this.props;\n\n return \n {props.location.pathname}\n {props.location.hash}\n
\n\n $[phone]. Our lines are open $[openTimes].`}\n />\n\n {returnPageOption ? (\n \n \n
\n );\n }\n}\n\nNetworkError.propTypes = {\n history: PropTypes.any,\n location: PropTypes.any,\n contacts: PropTypes.object,\n};\nexport default withRouter(\n connect(\n null,\n { ...mapDispatchToProps },\n )(NetworkError),\n);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-messaging-twoway';\nimport { symbols, Content, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\nimport { Validate } from '@myie/interact';\nimport Currency from 'react-currency-formatter';\n\nclass Details extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n form: {\n relatedAccount: {\n rules: {\n title: 'Source Account',\n stop: true,\n required: {\n message: 'Please select a related account.',\n },\n },\n },\n message: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter a message.',\n },\n },\n },\n },\n };\n }\n\n accountOptions = (prefix, item, id) => {\n let name = item.AccountName;\n if (item.Balance) {\n name =\n name +\n ': ' +\n Currency({ quantity: item.Balance, currency: item.CurrencyCode });\n }\n return (\n Test Widget:
\n\n \n \"\n scrolltotop={true}\n value={replyMessageStatus.ResponseStatus}\n defaultText=\"An unknown error occured please check your accounts before retrying.\"\n contents={{\n Success: {\n defaultValue: 'Your message has been sent.',\n },\n Failed: {\n defaultValue: 'Your message was not sent. Try again.',\n },\n default: {\n defaultValue:\n 'An unknown error occured. Please check your accounts before retrying.',\n },\n }}\n />\n \n )}\n {replyMessageStatus.ResponseStatus === 'Success'\n ? this.renderSuccessContent()\n : false}\n
\n \n \n
\n - \n
- \n \n < Back to styleguide\n \n \n {components.map(name => {\n return (\n
- \n {name}\n \n );\n })}\n
{this.props.children}\n \n );\n }\n}\n\nCodeExample.propTypes = {\n children: PropTypes.string.isRequired,\n};\n\nexport default CodeExample;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport CodeExample from './CodeExample';\n\nclass Example extends React.Component {\n constructor(props) {\n super(props);\n this.state = { showCode: false };\n }\n\n toggleCode = event => {\n event.preventDefault();\n this.setState(prevState => {\n return { showCode: !prevState.showCode };\n });\n };\n\n render() {\n const { showCode } = this.state;\n const { code, description, name } = this.props.example;\n // Must use CommonJS require to dynamically require because ES Modules must be statically analyzable.\n const ExampleComponent = require(`../examples/shared/components/${\n this.props.componentName.split('.')[0]\n }/${name}`).default;\n return (\n \n {description && {code} }\n
\n );\n }\n}\n\nExample.propTypes = {\n example: PropTypes.object.isRequired,\n componentName: PropTypes.string.isRequired,\n};\n\nexport default Example;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Props = ({ props }) => {\n return (\n {description}
}\n\n\n \n {showCode ? 'Hide' : 'Show'} Code\n \n
\n\n {showCode &&| Name | \nDescription | \nType | \nDefault | \nRequired | \n
|---|---|---|---|---|
| {key} | \n{props[key].description} | \n{props[key].type.name} | \n\n {props[key].defaultValue && props[key].defaultValue.value}\n | \n{props[key].required && 'X'} | \n
\n
\n );\n};\n\nComponentPage.propTypes = {\n component: PropTypes.object.isRequired,\n};\n\nexport default ComponentPage;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport Docs from './Docs';\n\nconst Routes =\n process.env.NODE_ENV !== 'production'\n ? [{name}
\n{description}
\n\nExample{examples.length > 1 && 's'}
\n {examples.length > 0\n ? examples.map(example => (\nProps
\n {props ?\n
\n );\n }\n}\n","/* eslint-disable no-mixed-spaces-and-tabs, prettier/prettier */\n\nimport { Routes as AccountsRoutes } from '@myie/interact-accounts-dom'\nimport { Routes as AuthenticationRoutes } from '@myie/interact-authentication-dom'\nimport { Routes as ServicesRoutes } from '@myie/interact-services-dom'\nimport { Routes as StyleguideRoutes } from '@myie/interact-styleguide-dom'\nimport { Routes as MessagingTwowayRoutes } from '@myie/interact-messaging-twoway-dom'\nimport { Routes as WidgetSelectAccountRoutes } from '@myie/interact-widget-select-account-dom'\nimport { Routes as WidgetSendMessageRoutes } from '@myie/interact-widget-send-message-dom'\nimport { Routes as DocumentsRoutes } from '@myie/interact-documents-dom'\nimport { Routes as UserManagementRoutes } from '@myie/interact-user-management-dom'\nimport { Routes as MoveMoneyRoutes } from '@myie/interact-move-money-dom'\nimport { Routes as SavingsServicingRoutes } from '@myie/interact-savings-servicing-dom'\nimport { Routes as WidgetQuickTransferRoutes } from '@myie/interact-widget-quick-transfer-dom'\n\n\nconst AvailableRoutes = [];\n\nAvailableRoutes.push(AccountsRoutes)\nAvailableRoutes.push(AuthenticationRoutes)\nAvailableRoutes.push(ServicesRoutes)\nAvailableRoutes.push(StyleguideRoutes)\nAvailableRoutes.push(MessagingTwowayRoutes)\nAvailableRoutes.push(WidgetSelectAccountRoutes)\nAvailableRoutes.push(WidgetSendMessageRoutes)\nAvailableRoutes.push(DocumentsRoutes)\nAvailableRoutes.push(UserManagementRoutes)\nAvailableRoutes.push(MoveMoneyRoutes)\nAvailableRoutes.push(SavingsServicingRoutes)\nAvailableRoutes.push(WidgetQuickTransferRoutes)\n\n\nexport default AvailableRoutes;\n\n","import fetchIntercept from 'fetch-intercept';\nimport { TwoFactor } from '@myie/interact';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\nimport { mapDispatchToProps as mapDispatchToPropsShared } from '@myie/interact-shared';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport React from 'react';\nimport { Session } from '@myie/interact';\nimport { withRouter } from 'react-router-dom';\nimport { stateUtility } from '@myie/interact-dom';\n\nlet lastUrl;\nclass Interceptor extends React.Component {\n constructor(props) {\n super(props);\n fetchIntercept.register({\n request: function(url, config) {\n // Modify the url or config here\n lastUrl = url;\n return [url, config];\n },\n\n requestError: function(error) {\n // Called when an error occured during another 'request' interceptor call\n return Promise.reject(error);\n },\n\n response: function(response) {\n const {\n startTwoFactor,\n continueTwoFactor,\n finishTwoFactor,\n history,\n } = props;\n const { status, headers, url } = response;\n const lastRequestTime = new Date().getTime();\n // Don't reset the session timeout if this is the automated message check\n if (!url.endsWith('/twoway/conversations/count')) {\n window.sessionStorage.setItem('lastRequestTime', lastRequestTime);\n }\n const debug = false;\n // all non error\n if (status < 400) {\n const requestUrl = response.url || lastUrl;\n if (TwoFactor.getUrl() === requestUrl) {\n finishTwoFactor();\n }\n return response;\n }\n\n // errors\n switch (status) {\n case 402: {\n // no server session\n const msg = window.sessionStorage.getItem('timeoutMessage');\n if (!msg) {\n window.sessionStorage.setItem(\n 'timeoutMessage',\n 'UnauthorizedSignedOut',\n );\n window.location.replace('/signed-out');\n }\n break;\n }\n case 412: // 2fa signal - start 2FA process\n if (headers.get('x-challenge-status') === 'ISSUED') {\n startTwoFactor(\n response.url || lastUrl,\n headers.get('x-challenge-key'),\n headers.get('x-challenge-status'),\n );\n const storage = stateUtility.getPageState();\n\n let stateData = {\n url: { twoFa: 'active' },\n };\n if (storage && storage.global && storage.global.storage) {\n let page = storage[storage.global.storage];\n if (page && page.url && page.url.pageStage) {\n stateData.url.pageStage = page.url.pageStage;\n }\n }\n\n stateUtility.directlyUpdateUrl(\n stateData,\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '',\n history,\n );\n } else {\n continueTwoFactor(headers.get('x-challenge-status'));\n }\n\n break;\n default:\n // all other errors\n if (window.location.pathname === '/accounts/list/err' && !debug) {\n const { userLogout } = props;\n clearInterval(window.sessionStorage.getItem('timeoutID'));\n Session.abandon();\n userLogout();\n } else if (!debug) {\n if (\n window.location &&\n window.location.pathname !== '/network-error'\n ) {\n window.location.replace('/network-error');\n }\n }\n }\n // Modify the reponse object if needed\n return response;\n },\n\n responseError: function(error) {\n // Handle an fetch error\n return Promise.reject(error);\n },\n });\n }\n\n render() {\n // doesn't really render anything just a wrapper to allow the injection of props\n const { inProgress, children, TwoFactorWrapper } = this.props;\n if (TwoFactorWrapper) {\n return (\n \n
\n \n {\n clearInterval(window.sessionStorage.getItem('timeoutID'));\n this.logoutHandler();\n Session.abandon();\n userLogout();\n history.push(url);\n }}\n >\n
\n ) : (\n ''\n );\n }\n}\n\nAuthIndicator.propTypes = {\n /**\n * Used for routing\n */\n history: PropTypes.object,\n /**\n * Used for redirecting\n */\n url: PropTypes.string.isRequired,\n /**\n * Used to logout current session\n */\n userLogout: PropTypes.func.isRequired,\n};\n\nconst AuthButton = withRouter(\n connect(\n null,\n mapDispatchToProps,\n )(AuthIndicator),\n);\n\nexport default AuthButton;\n","import React from 'react';\nimport { Helmet } from 'react-helmet-async';\nimport PropTypes from 'prop-types';\nimport { Markdown } from '@myie/interact-dom';\n\n/**\n * MetaDefault component\n * will apply metadata application wide\n * e.g: page title, meta description, favicon, etc\n */\nclass MetaDefault extends React.Component {\n render() {\n const { metaDescription, contacts } = this.props;\n const defaultTitle = (\n \n {linkImage && (\n 
\n )}\n {iconImage && (\n \n {newMessageCount}\n \n )}\n
\n \n {linkTitle}\n \n {linkDescription}\n \n
\n \n \n
\n \n \n {linkImage && (\n \n )}\n {iconImage && (\n \n {newMessageCount}\n \n )}\n
\n \n {linkTitle}\n \n {linkDescription}\n \n
\n \n \n
\n \n \n {linkImage && (\n \n )}\n {iconImage && (\n \n {newMessageCount}\n \n )}\n
\n \n {linkTitle}\n \n {linkDescription}\n \n
\n \n \n
\n \n 4 Riverview House
Kingston
KT1 4BU',\n externalHomeURL: 'https://www.xyz/',\n termsAndConditionsURL:\n 'https://www.darlington.co.uk/darlingtonline-terms-and-conditions',\n privacyPolicyURL: 'https://www.xyz/privacy/',\n savingsTermsAndConditionsURL: 'https://www.xyz.pdf',\n FSCSURL: 'https://www.darlington.co.uk/fscs',\n helpURL: 'https://www.xyz/help-and-contact/',\n sidebarAdvertURL: 'https://www.xyz/advert',\n registerURL: 'https://www.xyz/',\n signInURL: 'https://www.xyz/',\n cashISAFormURL:\n 'https://www.darlington.co.uk/cash-isa-transfer-authority-form',\n externalApplyHomeURL: 'https://www.xyz.co.uk/',\n savingsAccountsPage: 'https://www.xyz.co.uk/savings-accounts/',\n minimumAge: '18',\n sortcode: '11-11-11',\n accountNumber: '12345678',\n};\n","export const SAVINGS_PLAN = 'SAVINGS_PLAN';\n\nexport const REGULAR_SAVINGS = 'REGULAR_SAVINGS';\nexport const CHARITY_ACCOUNT = 'CHARITY_ACCOUNT';\nexport const INSTANT_ACCESS = 'INSTANT_ACCESS';\nexport const LIMITED_ACCESS = 'LIMITED_ACCESS';\nexport const ISA = 'ISA';\nexport const JUNIOR_ACCOUNT = 'JUNIOR_ACCOUNT';\nexport const CORPORATE = 'CORPORATE';\nexport const NOTICE_ACCOUNTS = 'NOTICE_ACCOUNTS';\nexport const NOTICE_TO_WITHDRAW = 'Y';\nexport const CASH_ISA = 'Cash ISA';\nexport const FIXED_RATE_BOND = 'FIXED_RATE_BOND';\nexport const FIXED_RATE_ISA = 'FIXED_RATE_ISA';\nexport const PRODUCT_TYPE_SAVINGS = 'Savings';\nexport const PRODUCT_TYPE_MORTGAGE = 'Mortgage';\nexport const ACCOUNT_TYPE_MORTGAGE = 'MORTGAGES';\nexport const ACCOUNT_TYPE_SAVINGS = 'SAVINGS';\nexport const ACCOUNT_TYPE_EASY_ACCESS = 'EASY_ACCESS';\nexport const ACCOUNT_TYPE_FIXED_TERM = 'FIXED_TERM';\nexport const DEFAULT_CURRENCY = 'GBP';\nexport const NOTICE_ACCOUNT = 'NOTICE ACCOUNT';\nexport const ACCOUNT_VIEW_ONLY = 'V';\nexport const ACCOUNT_TRANSACT = 'T';\nexport const NO_NOMINATED_ACCOUNT = 'N';\nexport const ACCOUNT_CLOSED = 'X';\n\nexport const NOMINATED_ACC_DECISION_STATUS = 'PENDING';\nexport const NOMINATED_ACC_DOC_UPLOAD_STATUS_PENDING = 'PENDING';\nexport const NOMINATED_ACC_DECISION_STATUS_CLOSED = 'CLOSE';\nexport const NOMINATED_ACC_DECISION_STATUS_DECLINE = 'DECLINE';\n\nexport const COMPONENT_QUICK_TRANSFER = 'QuickTransfer';\nexport const COMPONENT_ACCOUNT_LIST = 'AccountsList';\n\nexport const MIN_SHORT_APPLY_AGE = 18;\nexport const SHOW_IN_MATURITY = 'SHOW_IN_MATURITY=TRUE';\nexport const SHOW_NOTICE_TO_WITHDRAW_BUTTON = true;\nexport const SHOW_In_SAVINGS_GOALS = 'SHOW_IN_SAVINGS_GOALS=TRUE';\nexport const SHOW_IN_SHORTAPPLY = 'SHOW_IN_SHORTAPPLY=TRUE';\nexport const AUTO_GENERATED_MESSAGE = 'AutoGeneratedMessage';\nexport const SAVINGS_PLAN_SUPPORTS = [\n 'NominatedAccount',\n 'SendMessage',\n 'ManageGoals',\n];\nexport const REGULAR_SAVINGS_SUPPORTS = [\n 'NominatedAccount',\n 'NoticeWithdrawal',\n 'SendMessage',\n 'ManageGoals',\n];\nexport const ACCOUNT_TYPE_CODE = ['Fixed Rate ISA', 'Cash ISA', 'ISA'];\n\nexport const MANAGE_GOALS = 'ManageGoals';\n\nexport const TRANSACTION_TYPE_DEPOSIT = 'R';\nexport const TRANSACTION_TYPE_WITHDRAW = 'W';\nexport const TRANSACTION_MAX_WITHDRAWAL_UNLIMITED = 'Unlimited';\nexport const TRANSACTION_MAX_WITHDRAWAL_NONE = 'NONE';\n\nexport const SYSTEM_DOWN_NORMAL = 'NORMAL';\nexport const SYSTEM_DOWN_UPCOMING = 'UPCOMING';\nexport const SYSTEM_DOWN_ONGOING = 'ONGOING';\nexport const SYSTEM_DOWN_UNKNOWN = 'UNKNOWN';\n\nexport const DATE_FORMAT_DDMMYYY = 'DD/MM/YYYY';\nexport const DATE_FORMAT_YYYYMMDD = 'YYYY-MM-DD';\nexport const STANDARD_DATE_FORMAT = 'Do MMMM YYYY';\nexport const STANDARD_DATE_FORMAT_TIME = 'Do MMMM YYYY h:mma';\nexport const TITLES = [\n { MIS: 'Miss' },\n { MR: 'Mr' },\n { MRS: 'Mrs' },\n { MS: 'Ms' },\n { MX: 'Mx' },\n { BRG: 'Brigadier' },\n { CAN: 'Canon' },\n { CAP: 'Captain' },\n { COL: 'Colonel' },\n { CMR: 'Commander' },\n { CPL: 'Corporal' },\n { DAM: 'Dame' },\n { DR: 'Dr' },\n { FLT: 'Flight Lieutenant' },\n { JDG: 'Judge' },\n { LDY: 'Lady' },\n { LCD: 'Lieutenant Commander' },\n { LRD: 'Lord' },\n { LT: 'Lieutenant' },\n { LTC: 'Lieutenant Colonel' },\n { MDM: 'Madame' },\n { MAJ: 'Major' },\n { MST: 'Master' },\n { PRF: 'Professor' },\n { REV: 'Reverend' },\n { SIR: 'Sir' },\n];\n\nexport const MARITAL_STATUS_CODE = [\n { C: 'Civil Partnership' },\n { H: 'Cohabiting' },\n { D: 'Divorced' },\n { E: 'Engaged' },\n { M: 'Married' },\n { P: 'Partner' },\n { S: 'Single' },\n { T: 'Separated' },\n { W: 'Widowed' },\n { O: 'Other' },\n];\n\nexport const SAVINGS_REASON = [\n { A: 'Option A' },\n { B: 'Option B' },\n { C: 'Option C' },\n];\n\nexport const COUNTRYLIST = [\n { UK: 'United Kingdom' },\n { AF: 'Afghanistan' },\n { AX: 'Aland Islands' },\n { AL: 'Albania' },\n { DZ: 'Algeria' },\n { AS: 'American Samoa' },\n { AD: 'Andorra' },\n { AO: 'Angola' },\n { AI: 'Anguilla' },\n { AQ: 'Antarctica' },\n { AG: 'Antigua & Barbuda' },\n { AR: 'Argentina' },\n { AM: 'Armenia' },\n { AW: 'Aruba' },\n { AU: 'Australia' },\n { AT: 'Austria' },\n { AZ: 'Azerbaijan' },\n { BS: 'Bahamas' },\n { BH: 'Bahrain' },\n { BD: 'Bangladesh' },\n { BB: 'Barbados' },\n { BY: 'Belarus' },\n { BE: 'Belgium' },\n { BZ: 'Belize' },\n { BJ: 'Benin' },\n { BM: 'Bermuda' },\n { BT: 'Bhutan' },\n { BO: 'Bolivia, Plurinational State' },\n { BQ: 'Bonaire, Sint Eustatius & Saba' },\n { BA: 'Bosnia & Herzegovina' },\n { BW: 'Botswana' },\n { BV: 'Bouvet Island' },\n { BR: 'Brazil' },\n { IO: 'British Indian Ocean Territory' },\n { BN: 'Brunei Darussalam' },\n { BG: 'Bulgaria' },\n { BF: 'Burkina Faso' },\n { BI: 'Burundi' },\n { KH: 'Cambodia' },\n { CM: 'Cameroon' },\n { CA: 'Canada' },\n { KY: 'Cayman Islands' },\n { CF: 'Central African Republic' },\n { TD: 'Chad' },\n { CL: 'Chile' },\n { CH: 'China' },\n { CX: 'Christmas Island' },\n { CC: 'Cocos (Keeling) Islands' },\n { CD: 'Congo, Democratic Republic of' },\n { CK: 'Cook Islands' },\n { CR: 'Costa Rica' },\n { CI: \"Cote d'Ivoire\" },\n { HR: 'Croatia' },\n { CU: 'Cuba' },\n { CW: 'Curacao' },\n { CY: 'Cyprus' },\n { CZ: 'Czech Republic' },\n { DK: 'Denmark' },\n { DJ: 'Djibouti' },\n { DM: 'Dominica' },\n { DO: 'Dominican Republic' },\n { EC: 'Ecuador' },\n { EG: 'Egypt' },\n { SV: 'El Salvador' },\n { GQ: 'Equatorial Guinea' },\n { ER: 'Eritrea' },\n { EE: 'Estonia' },\n { ET: 'Ethiopia' },\n { FK: 'Falkland Islands' },\n { FO: 'Faroe Islands' },\n { FJ: 'Fiji' },\n { FI: 'Finland' },\n { FR: 'France' },\n { FX: 'France (European Territory)' },\n { GF: 'French Guiana' },\n { PF: 'French Polynesia' },\n { TF: 'French Southern Territories' },\n { GA: 'Gabon' },\n { GM: 'Gambia' },\n { GE: 'Georgia' },\n { DE: 'Germany' },\n { GH: 'Ghana' },\n { GI: 'Gibraltar' },\n { GR: 'Greece' },\n { GL: 'Greenland' },\n { GD: 'Grenada' },\n { GP: 'Guadeloupe' },\n { GU: 'Guam' },\n { GT: 'Guatemala' },\n { GG: 'Guernsey' },\n { GN: 'Guinea' },\n { GY: 'Guyana' },\n { HT: 'Haiti' },\n { HM: 'Heard Island & McDonald Island' },\n { VA: 'Holy See (Vatican City State)' },\n { HN: 'Honduras' },\n { HK: 'Hong Kong' },\n { HU: 'Hungary' },\n { IS: 'Iceland' },\n { IN: 'India' },\n { ID: 'Indonesia' },\n { IR: 'Iran' },\n { IQ: 'Iraq' },\n { IE: 'Ireland' },\n { IM: 'Isle of Man' },\n { IL: 'Israel' },\n { IT: 'Italy' },\n { JM: 'Jamacia' },\n { JP: 'Japan' },\n { JE: 'Jersey' },\n { JO: 'Jordan' },\n { KZ: 'Kazakhstan' },\n { KE: 'Kenya' },\n { KS: 'Kingdom of Saudi Arabia' },\n { KI: 'Kiribati' },\n { KP: \"Korea (Democratic People's Republic)\" },\n { KR: 'Korea (the Republic of)' },\n { XK: 'Kosovo' },\n { KW: 'Kuwait' },\n { KG: 'Kyrgyzstan' },\n { LA: \"Lao People's Democratic Republic\" },\n { LV: 'Latvia' },\n { LB: 'Lebanon' },\n { LS: 'Lesotho' },\n { LR: 'Liberia' },\n { LY: 'Libya' },\n { LI: 'Liechtenstein' },\n { LT: 'Lithuania' },\n { LU: 'Luxembourg' },\n { MO: 'Macau' },\n { MK: 'Macedonia, fr Yugoslav Republic' },\n { MG: 'Madagascar' },\n { MW: 'Malawi' },\n { MY: 'Malaysia' },\n { MV: 'Maldives' },\n { ML: 'Mali' },\n { MT: 'Malta' },\n { MH: 'Marshall Islands' },\n { MQ: 'Martinique' },\n { MR: 'Mauritania' },\n { MU: 'Mauritius' },\n { YT: 'Mayotte' },\n { MX: 'Mexico' },\n { FM: 'Micronesia, Federated States' },\n { MD: 'Moldova, Republic of' },\n { MC: 'Monaco' },\n { MN: 'Mongolia' },\n { ME: 'Montenegro' },\n { MS: 'Montserrat' },\n { MA: 'Morocco' },\n { MZ: 'Mozambique' },\n { MM: 'Myanmar' },\n { NA: 'Namibia' },\n { NR: 'Nauru' },\n { NP: 'Nepal' },\n { NL: 'Netherlands' },\n { AN: 'Netherlands Antilles' },\n { NC: 'New Caledonia' },\n { NZ: 'New Zealand' },\n { NI: 'Nicaragua' },\n { NE: 'Niger' },\n { NG: 'Nigeria' },\n { NU: 'Niue' },\n { NF: 'Norfolk Island' },\n { MP: 'Northern Mariana Islands' },\n { NO: 'Norway' },\n { OM: 'Oman' },\n { PK: 'Pakistan' },\n { PW: 'Palau' },\n { PS: 'Palestine, State of' },\n { PA: 'Panama' },\n { PG: 'Papua New Guinea' },\n { PY: 'Paraguay' },\n { PE: 'Peru' },\n { PH: 'Philippines' },\n { PN: 'Pitcairn Islands' },\n { PL: 'Poland' },\n { PT: 'Portugal' },\n { PR: 'Puerto Rico' },\n { QA: 'Qatar' },\n { CV: 'Republic of Cabo Verde' },\n { CG: 'Republic of the Congo' },\n { RE: 'Reunion' },\n { RO: 'Romania' },\n { RU: 'Russian Federation' },\n { RW: 'Rwanda' },\n { BL: 'Saint Barthelemy' },\n { KN: 'Saint Kitts & Nevis' },\n { LC: 'Saint Lucia' },\n { MF: 'Saint Martin' },\n { WS: 'Samoa' },\n { SM: 'San Marino' },\n { PM: 'Sanit Pierre & Miquelon' },\n { ST: 'Sao Tome and Principe' },\n { SN: 'Senegal' },\n { RS: 'Serbia' },\n { SC: 'Seychelles' },\n { SL: 'Sierra Leone' },\n { SP: 'Singapore' },\n { SX: 'Sint Maarten' },\n { SK: 'Slovakia' },\n { SI: 'Slovenia' },\n { SB: 'Solomon Islands' },\n { SO: 'Somalia' },\n { SA: 'South Africa' },\n { GS: 'South Georgia & South Sandwich' },\n { SS: 'South Sudan' },\n { ES: 'Spain' },\n { LK: 'Sri Lanka' },\n { SH: 'St Helena Ascension & Tristan' },\n { VC: 'St Vincent & the Grenadines' },\n { SD: 'Sudan' },\n { SR: 'Suriname' },\n { SJ: 'Svalbard and Jan Mayan' },\n { SZ: 'Swaziland' },\n { SE: 'Sweden' },\n { SW: 'Switzerland' },\n { SY: 'Syrian Arab Republic' },\n { TA: 'Taiwan' },\n { TJ: 'Tajikistan' },\n { TZ: 'Tanzania' },\n { TH: 'Thailand' },\n { TL: 'Timor-Leste' },\n { TG: 'Togo' },\n { TK: 'Tokelau' },\n { TO: 'Tonga' },\n { TT: 'Trinidad and Tobago' },\n { TN: 'Tunisia' },\n { TR: 'Turkey' },\n { TM: 'Turkmenistan' },\n { TC: 'Turks and Caicos Islands' },\n { TV: 'Tuvalu' },\n { UG: 'Uganda' },\n { UA: 'Ukraine' },\n { KM: 'Union of the Comoros' },\n { AE: 'United Arab Emirates' },\n { UM: 'United States Minor Outlying' },\n { UY: 'Uruguay' },\n { US: 'USA' },\n { UZ: 'Uzbekistan' },\n { VU: 'Vanuatu' },\n { VE: 'Venezuela, Bolivarian Republic' },\n { VN: 'Vietnam' },\n { VI: 'Virgin Islands, U.S' },\n { VG: 'Virgin Islands (British)' },\n { WF: 'Wallis and Futuna' },\n { EH: 'Western Sahara' },\n { YE: 'Yemen' },\n { ZM: 'Zambia' },\n { ZW: 'Zimbabwe' },\n];\n\nexport const NATIONALITY = [\n { BRIT: 'British' },\n { AFR: 'African' },\n { ASI: 'Asian' },\n { AUST: 'Austrian' },\n { BEL: 'Belgian' },\n { BUL: 'Bulgarian' },\n { CRO: 'Croatian' },\n { CYP: 'Cypriot' },\n { DAN: 'Danish' },\n { EST: 'Estonian' },\n { FIN: 'Finnish' },\n { FR: 'French' },\n { GER: 'German' },\n { GRE: 'Greek' },\n { HUN: 'Hungarian' },\n { ICE: 'Icelandic' },\n { IND: 'Indian' },\n { IRE: 'Irish' },\n { ITA: 'Italian' },\n { LAT: 'Latvian' },\n { LIE: 'Liechtensteiner' },\n { LIT: 'Lithuanian' },\n { LUX: 'Luxembourger' },\n { MAL: 'Maltese' },\n { NOR: 'Norwegian' },\n { OTEEA: 'Other Outside EEA' },\n { OTH: 'Other' },\n { POL: 'Polish' },\n { POR: 'Portuguese' },\n { ROM: 'Romanian' },\n { SLO: 'Slovakian' },\n { SLOV: 'Slovenian' },\n { SPA: 'Spanish' },\n { SWE: 'Swedish' },\n { SWI: 'Swiss' },\n { USA: 'American' },\n];\n\nexport const DEPOSIT_METHOD = [\n { C: 'Cash' },\n { DQ: 'Debit Card' },\n { QC: 'Cheque' },\n { SO: 'Bank Transfer' },\n];\n\nexport const GENDER = { M: 'Male', F: 'Female' };\n//export const MARITAL_STATUS_CODE = { C: 'Civil Partnership', H: 'Cohabiting', D: 'Divorced', E: 'Engaged', M: 'Married', P: 'Partner', S: 'Single', T: 'Separated',W: 'Widowed', O: 'Other' }\n\nexport const INTEREST_DESTINATION = [\n { thisAccount: 'This account' },\n { nominatedAccount: 'Nominated account' },\n];\n\nexport const INTEREST_PAYMENT_FREQUENCY = [{ MO: 'Monthly' }, { YE: 'Yearly' }];\n\nexport const SOURCE_PAGE_ADD_GOAL = 'ADD_GOAL';\n\nexport const SOURCE_PAGE_GOAL_LIST = 'goal-list';\n\nexport const TWENTY_FIVE_THOUSAND = 25000;\n","//HOC\nimport requireAuthentication from './HO_components/requireAuthentication';\nimport contentContainer from './HO_components/contentContainer';\nimport loadStateHOC from './stateManager/loadStateHOC';\nimport stateUtility from './stateManager/stateUtility';\n\n// components\nimport Check from './components/Check';\nimport Errors, { HasErrors } from './components/Errors';\nimport ErrorPanel from './components/ErrorPanel';\nimport CommonError from './CommonError';\nimport FormattedDate from './components/FormattedDate';\nimport FormattedCurrency from './components/FormattedCurrency';\nimport Radio from './components/Radio';\nimport RadioButton from './components/RadioButton';\nimport RadioGroup from './components/RadioGroup';\nimport RoundBadge from './components/RoundBadge';\nimport Text from './components/Text';\nimport TextArea from './components/TextArea';\nimport DropDown from './components/DropDown';\nimport Numeric from './components/Numeric';\nimport Currency from './components/Currency';\nimport Slider from './components/Slider';\nimport Date from './components/Date';\nimport Mask from './components/InputMask';\nimport Value from './components/Value';\nimport AddressLookupDemo from './components/AddressLookupDemo.js';\nimport GoogleTagManager from './components/GoogleTagManager';\nimport IfAuthenticated from './components/IfAuthenticated';\nimport Dialog from './components/Dialog';\nimport FormErrorList from './components/formErrors/FormErrorList';\nimport ListItem from './components/formErrors/ListItem';\nimport BackToButton from './components/BackToButton';\nimport Iframe from './components/Iframe';\nimport CheckboxGroup from './components/CheckboxGroup';\nimport AddressLookupQAS from './components/AddressLookupQAS.js';\nimport DateMonthYear from './components/DateMonthYear';\n\n//Symbols\nimport symbols from './components/symbols';\nimport Pagination from './components/Pagination';\n\n// Adverts & Sidebar widgets\nimport HelpContactSidebar from './components/HelpContactSidebar';\nimport SignInSidebarComponent from './components/SignInSidebarComponent';\nimport RegisterSidebarComponent from './components/RegisterSidebarComponent';\nimport OurProducts from './components/OurProducts';\nimport CustomAlert from './components/CustomAlert';\n\n// timeout\nimport TimeOutModal from './timeout/TimeOutModal';\nimport TimeOut from './timeout/timeout';\nimport sessionTimer from './timeout/sessionTimer';\n// routing\nimport PrivateRoute from './routing/PrivateRoute';\nimport PublicRoute from './routing/PublicRoute';\nimport NoMatch from './routing/NoMatch';\nimport NetworkError from './routing/NetworkError';\nimport AvailableRoutes from './routing/AvailableRoutes';\nimport Interceptor from './routing/Interceptor';\nimport AuthButton from './components/AuthButton';\nimport AppMeta from './components/AppMeta';\nimport ScrollToTop from './components/ScrollToTop';\nimport TabNavigation from './components/TabNavigation';\nimport Content from './components/Content';\nimport Markdown from './components/Markdown';\nimport Switch from './components/Switch';\nimport BankHolidays from './components/BankHolidays';\n\nimport { confirm } from './components/confirmdialog';\nimport SideLink from './components/SideLink';\nimport ErrorScroll from './ErrorScroll';\nimport './form-validation-tests';\nimport ContactNumber from './components/ContactNumber';\nimport AERAbbreviation from './components/AERAbbreviation';\nimport ExampleAbbreviation from './components/ExampleAbbreviation';\nimport ContactOpenTimes from './components/ContactOpenTimes';\nimport LinkTag from './components/LinkTag';\nimport EmailAddress from './components/EmailAddress';\nimport sharedUtility from './components/sharedUtility';\nimport appUtility from './utility';\nimport dateValidation from './dateValidation';\n\n// setup initial moment config\nimport moment from 'moment';\nimport 'moment/locale/en-gb';\n\nimport Icon from './svgs';\n\nimport { RULES, CONSTANTS, CONTACTS } from './constants/';\n\nmoment.locale(navigator.language);\n\nexport {\n Iframe,\n RULES,\n loadStateHOC,\n CustomAlert,\n dateValidation,\n stateUtility,\n CONSTANTS,\n CONTACTS,\n appUtility,\n ListItem,\n Switch,\n Content,\n FormErrorList,\n sharedUtility,\n Markdown,\n ErrorScroll,\n BankHolidays,\n HasErrors,\n TabNavigation,\n IfAuthenticated,\n Check,\n Errors,\n ErrorPanel,\n CommonError,\n FormattedDate,\n FormattedCurrency,\n Radio,\n RoundBadge,\n Text,\n TextArea,\n LinkTag,\n Currency,\n Numeric,\n Slider,\n Date,\n Mask,\n Value,\n DropDown,\n RadioGroup,\n RadioButton,\n AddressLookupDemo,\n AddressLookupQAS,\n GoogleTagManager,\n PublicRoute,\n PrivateRoute,\n NoMatch,\n NetworkError,\n Interceptor,\n AvailableRoutes,\n TimeOutModal,\n TimeOut,\n sessionTimer,\n symbols,\n Pagination,\n requireAuthentication,\n contentContainer,\n AuthButton,\n AppMeta,\n ScrollToTop,\n Dialog,\n confirm,\n SideLink,\n HelpContactSidebar,\n SignInSidebarComponent,\n RegisterSidebarComponent,\n OurProducts,\n ContactNumber,\n ContactOpenTimes,\n Icon,\n EmailAddress,\n ExampleAbbreviation,\n AERAbbreviation,\n BackToButton,\n CheckboxGroup,\n DateMonthYear,\n};\n","import {\n COMMON_SYSTEM_MESSAGE_REQUEST,\n GET_SYSTEM_MESSAGES_SUCCESS,\n COMMON_SYSTEM_MESSAGE_FAILURE,\n SAVE_ARRAY,\n RESET_SYSTEM_MESSAGES,\n} from './types';\n\nconst messagingSystemDefinition = (state = {}, action) => {\n switch (action.type) {\n case RESET_SYSTEM_MESSAGES:\n return {\n ...state,\n isFetching: action.isFetching,\n systemMessages: action.systemMessages,\n alertVisibleArray: action.alertVisibleArray,\n messageArray: action.messageArray,\n error: action.error,\n };\n case COMMON_SYSTEM_MESSAGE_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case GET_SYSTEM_MESSAGES_SUCCESS:\n return {\n ...state,\n systemMessages: action.systemMessages,\n isFetching: action.isFetching,\n error: action.error,\n };\n case SAVE_ARRAY:\n return {\n ...state,\n alertVisibleArray: action.alertVisibleArray,\n messageArray: action.messageArray,\n };\n case COMMON_SYSTEM_MESSAGE_FAILURE:\n default:\n return state;\n }\n};\n\nexport default messagingSystemDefinition;\n","export const COMMON_SYSTEM_MESSAGE_REQUEST = 'COMMON_SYSTEM_MESSAGE_REQUEST';\nexport const COMMON_SYSTEM_MESSAGE_FAILURE = 'COMMON_SYSTEM_MESSAGE_FAILURE';\nexport const RESET_SYSTEM_MESSAGES = 'RESET_SYSTEM_MESSAGES';\nexport const GET_SYSTEM_MESSAGES_SUCCESS = 'GET_SYSTEM_MESSAGES_SUCCESS';\nexport const SAVE_ARRAY = 'SAVE_ARRAY';\n","const mapStateToProps = state => {\n const { messagingSystemDefinition = {} } = state;\n const {\n systemMessages,\n alertVisibleArray: alertVisibleArray = [],\n messageArray: messageArray = [],\n isFetching,\n error: error = null,\n } = messagingSystemDefinition;\n return {\n systemMessages,\n alertVisibleArray,\n messageArray,\n isFetching,\n error,\n };\n};\n\nexport default mapStateToProps;\n","import { Connection } from '@myie/interact';\nimport {\n COMMON_SYSTEM_MESSAGE_REQUEST,\n COMMON_SYSTEM_MESSAGE_FAILURE,\n GET_SYSTEM_MESSAGES_SUCCESS,\n SAVE_ARRAY,\n RESET_SYSTEM_MESSAGES,\n} from './types';\n\nexport const resetSystemMessages = () => ({\n type: RESET_SYSTEM_MESSAGES,\n isFetching: false,\n error: null,\n alertVisibleArray: [],\n messageArray: [],\n systemMessages: null,\n});\n\n/* Get System Messages */\nexport const commonSystemMsgRequest = () => ({\n type: COMMON_SYSTEM_MESSAGE_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const commonSystemMsgFailure = error => ({\n type: COMMON_SYSTEM_MESSAGE_FAILURE,\n isFetching: false,\n error: error.message,\n});\n\n// To Do: REMOVE this Hardoding by EOD 24/02/2023\nexport const getSystemMessagesSuccess = json => ({\n type: GET_SYSTEM_MESSAGES_SUCCESS,\n systemMessages: json,\n isFetching: false,\n error: null,\n});\n\nexport const saveSytemMessageArray = (visibleArray, messageArray) => ({\n type: SAVE_ARRAY,\n alertVisibleArray: visibleArray,\n messageArray: messageArray,\n});\n\nexport const getSystemMessages = request => dispatch => {\n dispatch(commonSystemMsgRequest());\n return fetch(Connection.baseUrl('messaging') + `v1.0/system/getmessages`, {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getSystemMessagesSuccess(json)))\n .catch(error => dispatch(commonSystemMsgFailure(error)));\n};\n\nexport const isSystemReadOnly = () => dispatch => {\n dispatch(commonSystemMsgRequest());\n return fetch(\n Connection.baseUrl('custombrand') + `v1.0/checkSystemDowntime/`,\n {\n method: 'post',\n headers: Connection.headers(),\n },\n )\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getSystemMessagesSuccess(json)))\n .catch(error => dispatch(commonSystemMsgFailure(error)));\n};\n\nexport const shouldFetchSystemMessages = state => {\n if (!state.systemMessages || !state.systemMessages.ExpiryDate) {\n return true;\n }\n\n const expiry = state.systemMessages.ExpiryDate;\n return new Date() > new Date(expiry);\n};\n\nexport const fetchSystemMessagesIfNeeded = request => (dispatch, getState) => {\n if (shouldFetchSystemMessages(getState().messagingSystemDefinition)) {\n return dispatch(getSystemMessages(request));\n }\n};\n","import * as actions from './actions';\n\nconst mapDispatchToProps = {\n ...actions,\n};\n\nexport default mapDispatchToProps;\n","import messagingSystemDefinition from './reducer';\nimport mapStateToProps from './mapStateToProps';\nimport mapDispatchToProps from './mapDispatchToProps';\n\nexport { messagingSystemDefinition, mapStateToProps, mapDispatchToProps };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Content } from '@myie/interact-dom';\n\nclass AERAbbreviation extends React.Component {\n render() {\n return (\n \n \n
\n {parentPage === 'register' ? (\n \n \n \n \n ) : (\n \n \n \n \n )}\n
\n \n \n {parentPage === 'register' ? (\n \n \n \n \n event.preventDefault()}\n >\n \n
\n \n \n \n \n
\n \n \n $[phone].',\n },\n InvalidStatus: {\n defaultValue:\n 'There has been an issue accessing your account. Please contact us on $[phone].',\n },\n Timeout: {\n defaultValue:\n 'For security reasons we have logged you out. Please restart the registration process.',\n },\n IdentifyAndVerifyFailedWarning: {\n defaultValue:\n 'Please be aware, as this is your fourth attempt, you only have one attempt left before a new authentication code needs to be generated.',\n },\n IdentifyAndVerifyFailed: {\n defaultValue:\n 'The details you have entered do not match our records. Please try again.',\n },\n InvalidTicket: {\n defaultValue:\n 'Your session has timed out. Please restart the registration process.',\n },\n Invalid: {\n defaultValue: `The details you have entered have not been recognised. Please check and try again.`,\n },\n }}\n />\n )}\n {detailErrors}\n {stage === 'PersonalDetails' ? (\n \n \n ) : null}\n\n {this.currentStage(message)}\n
\n );\n }\n}\n\nRegister.propTypes = {\n credentialsSetup: PropTypes.object,\n stateData: PropTypes.object,\n history: PropTypes.any,\n register: PropTypes.any,\n refreshUrl: PropTypes.any,\n urlParams: PropTypes.any,\n updateUrl: PropTypes.any,\n activationCheck: PropTypes.any,\n registrationcheck: PropTypes.any,\n registration: PropTypes.object,\n showTimeoutModal: PropTypes.any,\n userLogout: PropTypes.any,\n updateState: PropTypes.func,\n isFetching: PropTypes.bool,\n resetActivation: PropTypes.any,\n credentialsActivate: PropTypes.any,\n match: PropTypes.any,\n resetRegistration: PropTypes.func,\n systemDownStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const {\n authenticationDefinition,\n custombrandAuthenticationDefinition,\n } = state;\n return {\n ...authenticationDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\n\nexport default loadStateHOC(\n checkDownTime(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapDispatchToProps_shared,\n ...brandAuthenticationDispatch,\n },\n )(Register),\n ),\n storage.name,\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Blocked extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n \n\n {!detailErrors && (\n - \n
\n $[phone] ($[openTimes]) or email us at $[email] to re-enable access or to change your login credentials.`}\n />\n\n
\n );\n }\n}\n\nBlocked.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Blocked);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Content, Markdown, LinkTag, AppMeta } from '@myie/interact-dom';\n\nclass AccessDenied extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n $[phone] ($[openTimes]) or email us at $[email] to re-enable access or to change your login credentials.`}\n />\n\n
\n );\n }\n}\n\nAccessDenied.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccessDenied);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'reactstrap';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps as brandAuthenticationDispatch } from '@myie/interact-brand-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { Redirect } from 'react-router-dom';\n\nclass Success extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n redirect: false,\n };\n }\n\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n startRedirection = () => {\n this.setState({\n ...this.state,\n redirect: true,\n });\n };\n\n render() {\n if (this.state.redirect) {\n return \n \n
\n \n
\n );\n }\n}\n\nSuccess.propTypes = {\n userLogout: PropTypes.any,\n credentialsSetup: PropTypes.any,\n setupcredentialsActivate: PropTypes.any,\n credentialsActivate: PropTypes.any,\n urlParams: PropTypes.any,\n stateData: PropTypes.any,\n setupCredentials: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const {\n authenticationDefinition,\n custombrandAuthenticationDefinition,\n } = state;\n return {\n ...authenticationDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...brandAuthenticationDispatch,\n ...mapDispatchToProps,\n },\n)(Success);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Content, Markdown, LinkTag, AppMeta } from '@myie/interact-dom';\n\nclass Unsuccessful extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n
\n );\n }\n}\n\nUnsuccessful.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Unsuccessful);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass AccountAlreadyExists extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n \n \n
\n \n
\n );\n }\n}\n\nAccountAlreadyExists.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccountAlreadyExists);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass NotAllowed extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n $[phone].`}\n />\n\n
\n );\n }\n}\n\nNotAllowed.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(NotAllowed);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Content, Markdown, LinkTag, AppMeta } from '@myie/interact-dom';\n\nclass RequestFailed extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n const { contacts } = this.props;\n return (\n \n \n
\n \n $[phone]. Our lines are open $[openTimes].`}\n />\n
\n );\n }\n}\n\nRequestFailed.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(RequestFailed);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Redirect, Route, Switch } from 'react-router-dom';\n\nimport Register from './Register';\nimport Blocked from './Blocked';\nimport AccessDenied from './AccessDenied';\nimport Success from './Success';\nimport Unsuccessful from './Unsuccessful';\nimport AccountAlreadyExists from './AccountAlreadyExists';\nimport NotAllowed from './NotAllowed';\nimport RequestFailed from './RequestFailed';\n\nimport { NoMatch, sharedUtility } from '@myie/interact-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { Alert } from 'reactstrap';\n\nclass Registration extends React.Component {\n componentDidMount() {\n sharedUtility.setUrl('/registration');\n const { setReferrer, location } = this.props;\n const { from } = location.state || { from: { pathname: '/accounts' } };\n setReferrer(from);\n }\n\n render() {\n const { error } = this.props;\n let re = new RegExp('^/registration[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n \n
\n \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nRegistration.propTypes = {\n error: PropTypes.any,\n location: PropTypes.any,\n setReferrer: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Registration);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass UserNameReminder extends React.Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n const {\n data,\n updateUrl,\n urlParams,\n stateList,\n setStage,\n resetForgottenUN,\n } = this.props;\n let hasStage = false;\n if (urlParams && urlParams.pageStage) {\n hasStage = stateList.find(element => element === urlParams.pageStage);\n }\n if (hasStage) {\n let stateData = {\n formData: data,\n url: { pageStage: 'UsernameSuccess' },\n };\n updateUrl(stateData);\n } else {\n let stateData = {\n url: {\n pageStage: 'PersonalDetails',\n },\n };\n updateUrl(stateData);\n setStage('PersonalDetails');\n resetForgottenUN();\n }\n }\n render() {\n return (\n \n
\n );\n }\n}\n\nUserNameReminder.propTypes = {\n username: PropTypes.any,\n setStage: PropTypes.any,\n urlParams: PropTypes.any,\n stateList: PropTypes.any,\n updateUrl: PropTypes.any,\n data: PropTypes.any,\n resetForgottenUN: PropTypes.any,\n};\n\nexport default UserNameReminder;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { BreadcrumbItem, Alert } from 'reactstrap';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { storage } from './storageName';\nimport { Redirect } from 'react-router-dom';\nimport PersonalDetails from '../shared/PersonalDetails';\nimport UserNameReminder from './UserNameReminder';\nimport AccountDetails from '../shared/AccountDetails';\nimport { Switch, Content, AppMeta, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Session } from '@myie/interact';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\n\nconst META_TITLE = {\n PersonalDetails: 'Forgotten username Step 1',\n accountDetails: 'Forgotten username Step 2',\n};\nclass Retrieve extends React.Component {\n constructor(props) {\n super(props);\n const { urlParams, refreshUrl } = props;\n const stateList = ['PersonalDetails', 'accountDetails', 'UsernameSuccess'];\n const hasStage = stateList.find(element => element === urlParams.pageStage);\n let stage =\n props.stateData &&\n props.stateData.pageStage &&\n props.urlParams &&\n props.urlParams.pageStage\n ? props.urlParams.pageStage\n : 'PersonalDetails';\n if (!hasStage) {\n stage = 'PersonalDetails';\n refreshUrl();\n }\n this.state = {\n stateList: stateList,\n stage: stage,\n credentialErrors: [],\n requestFailedCount: 0,\n message: null,\n data:\n props.stateData && props.stateData.formData\n ? props.stateData.formData\n : {},\n };\n }\n\n componentWillUnmount() {\n const { resetComponentState } = this.props;\n resetComponentState();\n }\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = (prevProps, prevState) => {\n const { retrievedUserName = {}, resetForgottenUN, updateUrl } = prevProps;\n const credentialErrors =\n retrievedUserName.ExtendedProperties &&\n retrievedUserName.ExtendedProperties.IdentityResponse &&\n retrievedUserName.ExtendedProperties.IdentityResponse.CredentialErrors\n ? retrievedUserName.ExtendedProperties.IdentityResponse.CredentialErrors\n : null;\n let failedCount = prevState.requestFailedCount;\n if (credentialErrors) {\n failedCount = failedCount + 1;\n }\n if (retrievedUserName.Status === 'IdentifyAndVerifyFailed') {\n resetForgottenUN();\n let stateData = {\n url: {\n pageStage: 'PersonalDetails',\n },\n };\n updateUrl(stateData);\n return {\n credentialErrors: credentialErrors,\n requestFailedCount: failedCount,\n message: 'IdentifyAndVerifyFailed',\n };\n }\n if (retrievedUserName.Status === 'NotRegistered') {\n resetForgottenUN();\n let stateData = {\n url: {\n pageStage: 'PersonalDetails',\n },\n };\n updateUrl(stateData);\n return {\n requestFailedCount: failedCount,\n credentialErrors: credentialErrors,\n message: 'NotRegistered',\n };\n }\n\n //if account restricted or sopra invalid status\n if (\n retrievedUserName.Status === 'AccountRestricted' ||\n retrievedUserName.Status === 'InvalidStatus'\n ) {\n failedCount = failedCount + 1;\n let stateData = {\n url: {\n pageStage: 'PersonalDetails',\n },\n };\n updateUrl(stateData);\n resetForgottenUN();\n return {\n data: {},\n stage: 'PersonalDetails',\n requestFailedCount: failedCount,\n credentialErrors: credentialErrors,\n message: retrievedUserName.Status,\n };\n }\n if (\n retrievedUserName &&\n retrievedUserName.ExtendedProperties &&\n retrievedUserName.ExtendedProperties.IdentityResponse &&\n retrievedUserName.ExtendedProperties.IdentityResponse.CredentialErrors\n ) {\n resetForgottenUN();\n let stateData = {\n url: {\n pageStage: 'PersonalDetails',\n },\n };\n updateUrl(stateData);\n return {\n stage: 'PersonalDetails',\n credentialErrors:\n retrievedUserName.ExtendedProperties.IdentityResponse\n .CredentialErrors,\n fetching: false,\n requestFailedCount: failedCount,\n };\n }\n return null;\n };\n\n componentDidUpdate(prevProps) {\n const { stage, stateList } = this.state;\n let hasStage = false;\n if (prevProps.urlParams && prevProps.urlParams.pageStage) {\n hasStage = stateList.find(\n element => element === prevProps.urlParams.pageStage,\n );\n }\n if (\n prevProps.stateData &&\n prevProps.stateData.url &&\n prevProps.stateData.url.pageStage &&\n prevProps.urlParams &&\n prevProps.urlParams.pageStage &&\n hasStage &&\n stage !== prevProps.stateData.url.pageStage\n ) {\n this.setState({\n ...this.state,\n stage: prevProps.stateData.url.pageStage,\n });\n }\n }\n\n getCredentialErrors = credentialErrors => {\n if (credentialErrors) {\n return credentialErrors.map(item => {\n return (\n \n
\n \n
\n \n $[phone].',\n },\n InvalidStatus: {\n defaultValue:\n 'There has been an issue accessing your account. Please contact us on $[phone].',\n },\n NotRegistered: {\n defaultValue:\n 'It seems you are not yet registered for $[companySiteName]. You can register now to use this service.',\n },\n IdentifyAndVerifyFailed: {\n defaultValue:\n 'The details you have entered do not match our records. Please try again.',\n },\n }}\n />\n ) : (\n ''\n )}\n {this.getCredentialErrors(this.state.credentialErrors)}\n {this.currentStage()}\n
\n );\n }\n}\n\nRetrieve.propTypes = {\n stateData: PropTypes.object,\n resetComponentState: PropTypes.func,\n urlParams: PropTypes.any,\n updateUrl: PropTypes.any,\n refreshUrl: PropTypes.any,\n match: PropTypes.object,\n retrievedUserName: PropTypes.any,\n resetForgottenUN: PropTypes.any,\n retrieveUserName: PropTypes.any,\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(Retrieve),\n storage.name,\n);\n","export const storage = {\n name: 'forgottenUserName',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Blocked extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n \n {!this.state.credentialErrors ? (\n - \n
\n $[phone] ($[openTimes]) or email us at $[email] to re-enable access or to change your login credentials.`}\n />\n\n
\n );\n }\n}\n\nBlocked.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Blocked);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, LinkTag, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass AccessDenied extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n $[phone] ($[openTimes]) or email us at $[email] to re-enable access or to change your login credentials.`}\n />\n
\n );\n }\n}\n\nAccessDenied.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccessDenied);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Redirect, Route, Switch } from 'react-router-dom';\n\nimport Register from './Retrieve';\nimport Blocked from './Blocked';\nimport AccessDenied from './AccessDenied';\n\nimport { NoMatch } from '@myie/interact-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { Alert } from 'reactstrap';\n\nclass ForgottenUsername extends React.Component {\n componentDidMount() {\n const { setReferrer, location } = this.props;\n const { from } = location.state || { from: { pathname: '/accounts' } };\n setReferrer(from);\n }\n\n render() {\n const { error } = this.props;\n let re = new RegExp('^/forgotten-username[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n \n
\n \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nForgottenUsername.propTypes = {\n error: PropTypes.any,\n location: PropTypes.any,\n setReferrer: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ForgottenUsername);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport { HelpContactSidebar, SignInSidebarComponent } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass RegistrationSidebar extends React.Component {\n render() {\n const pathname = this.props.location.pathname;\n if (pathname.endsWith('/success')) {\n return (\n \n );\n }\n return (\n \n );\n }\n}\n\nRegistrationSidebar.propTypes = {\n location: PropTypes.any,\n};\n\nRegistrationSidebar.propTypes = {};\n\nexport default withRouter(RegistrationSidebar);\n","import React from 'react';\nimport { HelpContactSidebar, SignInSidebarComponent } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass ForgottenNameSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default ForgottenNameSidebar;\n","import React from 'react';\nimport { HelpContactSidebar, SignInSidebarComponent } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass ForgottenPasswordSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default ForgottenPasswordSidebar;\n","import React from 'react';\nimport { HelpContactSidebar } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass UpdateSecurityDetailsSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default UpdateSecurityDetailsSidebar;\n","import React from 'react';\nimport { HelpContactSidebar } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass SignedOutSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default SignedOutSidebar;\n","import RegistrationSidebar from './registration/Sidebar';\nimport ForgottenNameSidebar from './forgotten-username/Sidebar';\nimport ForgottenPasswordSidebar from './forgotten-password/Sidebar';\nimport UpdateSecurityDetailsSidebar from './update-security-details/Sidebar';\nimport SignedOutSidebar from './signed-out/Sidebar';\nimport SignInSidebar from './sign-in/Sidebar';\n\nconst AuthenticationSidebars = [\n { url: '/registration/', Sidebar: RegistrationSidebar },\n { url: '/forgotten-username/', Sidebar: ForgottenNameSidebar },\n { url: '/sign-in/', Sidebar: SignInSidebar },\n { url: '/signed-out', Sidebar: SignedOutSidebar },\n { url: '/forgotten-password/', Sidebar: ForgottenPasswordSidebar },\n { url: '/update-security-details', Sidebar: UpdateSecurityDetailsSidebar },\n];\n\nexport default AuthenticationSidebars;\n","import React from 'react';\nimport {\n HelpContactSidebar,\n RegisterSidebarComponent,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass SignInSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nSignInSidebar.propTypes = {};\n\nexport default SignInSidebar;\n","import UpdateSecurityDetailsServiceItems from './UpdateSecurityDetailsServiceItems';\n\nconst AuthenticationServiceItems = [\n {\n name: 'update-security-details-service-item',\n serviceItem: UpdateSecurityDetailsServiceItems,\n },\n];\n\nexport default AuthenticationServiceItems;\n","import React from 'react';\nimport { SideLink } from '@myie/interact-dom';\n\nclass UpdateSecurityDetails extends React.Component {\n render() {\n return (\n \n $[phone] as you have reached the maximum number of failed attempts, therefore your account is now blocked.',\n },\n Inactive: {\n defaultValue: `Please be aware your account status is set to 'inactive' and therefore access to the Servicing Portal is unavailable. Please contact the $[companyName] Helpline on $[phone].`,\n },\n warning: {\n defaultValue:\n 'Please be aware as this is your second attempt you have one attempt left, after that you will be locked out of your account. If you are locked out, you can reset your password to access your account.',\n },\n Failed: {\n defaultValue: 'Unknown Username/Password combination.',\n },\n }}\n />\n
\n );\n }\n}\n\nCreateLogin.propTypes = {\n createLogin: PropTypes.any,\n login: PropTypes.any,\n referrer: PropTypes.any,\n setReferrer: PropTypes.any,\n userLogout: PropTypes.any,\n toggleRememberMe: PropTypes.func,\n setRememberMeUserName: PropTypes.func,\n isFetching: PropTypes.bool,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapSharedDispatchToProps,\n },\n)(CreateLogin);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Button, Form, BreadcrumbItem, Alert } from 'reactstrap';\nimport { Redirect, Link } from 'react-router-dom';\nimport { withRouter } from 'react-router-dom';\nimport { ErrorPanel, CommonError } from '@myie/interact-dom';\nimport { mapDispatchToProps } from '@myie/interact-authentication';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { mapDispatchToProps as brandAuthenticationDispatch } from '@myie/interact-brand-authentication';\nimport { mapDispatchToProps as mapSharedDispatchToProps } from '@myie/interact-shared';\nimport { Session, Validate, Utility } from '@myie/interact';\nimport {\n Content,\n Switch,\n Text,\n AppMeta,\n FormErrorList,\n} from '@myie/interact-dom';\nimport { RULES } from '../../shared/constants/rules';\n\nclass UpdateLogin extends React.Component {\n constructor(props) {\n super(props);\n if (\n !props.login ||\n !props.login.SignInTicket ||\n !props.login.SignInTicket.Data\n ) {\n return;\n }\n let contextStr;\n props.login.SignInTicket.Data.CredentialStates.forEach(element => {\n if (element.Name === 'Pin') {\n contextStr = element.Context.replace(/'/g, '\"');\n }\n });\n if (!contextStr) {\n this.props.history.push('/error');\n }\n\n const context = JSON.parse(contextStr);\n const pin = context.Positions; //[2, 3, 5];\n this.state = {\n numberStatus: '',\n activationSent: false,\n count: 0,\n form: {\n pin: [\n {\n value: '',\n state: {},\n rules: {\n stop: true,\n title: `Position ${pin[0] + 1}`,\n required: {\n message: 'Please enter details for your passcode.',\n template: {\n position: pin[0] + 1,\n },\n },\n format: {\n regex: RULES.passCode,\n message: 'Please enter a valid passcode.',\n template: {\n position: pin[0] + 1,\n },\n },\n },\n },\n {\n value: '',\n state: {},\n rules: {\n title: `Position ${pin[1] + 1}`,\n stop: true,\n required: {\n message: 'Please enter details for your passcode.',\n template: {\n position: pin[1] + 1,\n },\n },\n format: {\n regex: RULES.passCode,\n message: 'Please enter a valid passcode.',\n template: {\n position: pin[1] + 1,\n },\n },\n },\n },\n\n {\n value: '',\n state: {},\n rules: {\n title: `Position ${pin[2] + 1}`,\n stop: true,\n required: {\n message: 'Please enter details for your passcode.',\n template: {\n position: pin[2] + 1,\n },\n },\n format: {\n regex: RULES.passCode,\n message: 'Please enter a valid passcode.',\n template: {\n position: pin[2] + 1,\n },\n },\n },\n },\n ],\n },\n };\n }\n\n static getDerivedStateFromProps = (nextProps, prevState) => {\n const {\n login,\n setupcredentialsActivate,\n isFetching,\n credentialsActivate,\n } = nextProps;\n if (credentialsActivate && credentialsActivate.Status === 'Success') {\n Session.set(\n credentialsActivate.SessionTicket,\n credentialsActivate.Customer,\n );\n return {\n numberStatus: 'ActivationSuccess',\n };\n }\n\n if (login) {\n if (\n login.Status === 'RequireActivation' &&\n !isFetching &&\n !prevState.activationSent\n ) {\n if (login.RequireActivationTicket) {\n setupcredentialsActivate({\n RequireActivationTicket: login.RequireActivationTicket,\n });\n return {\n activationSent: true,\n };\n }\n }\n\n if (login.statusCount === 2 && login.Status === 'Failed') {\n return {\n numberStatus: 'warning',\n };\n }\n if (login.Status !== 'Failed') {\n return {\n numberStatus: login.Status,\n count: 0,\n };\n }\n if (login.statusCount === 3 && prevState.numberStatus === 'warning') {\n return null;\n }\n if (login.statusCount === 1 && login.Status === 'Failed' && !isFetching) {\n return {\n numberStatus: login.Status,\n };\n }\n }\n return null;\n };\n\n componentDidMount = () => {\n const { updateUrl } = this.props;\n let stateData = {\n url: {\n pageStage: 'Incomplete',\n },\n };\n updateUrl(stateData);\n this.props.timeout.startTimer();\n };\n\n componentWillUnmount = () => {\n this.props.timeout.clearTimer();\n };\n\n numberSuffix = number => {\n switch (number % 10) {\n case 1:\n return 'st';\n case 2:\n return 'nd';\n case 3:\n return 'rd';\n default:\n return 'th';\n }\n };\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form);\n this.setState({ ...this.state, form });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n submit = e => {\n e.preventDefault();\n const { updateLogin, login } = this.props;\n let { form, count } = this.state;\n let countValue = count;\n form = Validate.form(form);\n if (form.approved) {\n countValue = count + 1;\n }\n this.setState({ ...this.state, form, count: countValue });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n const request = {\n Ticket: login.SignInTicket,\n CredentialValues: [\n {\n Name: 'Pin',\n Value: form.pin[0].value + form.pin[1].value + form.pin[2].value,\n Context: null,\n },\n ],\n ExtendedProperties: null,\n };\n updateLogin(request);\n };\n clickBack = () => {\n this.props.history.push('/sign-in/step-1');\n };\n\n render() {\n const { rememberme, remembermeUsername, credentialsActivate } = this.props;\n\n if (!this.props.login) {\n return \n
\n \n {- \n
\n \n \n ) : (\n ''\n )}\n\n {error === 'warning' ? (\n \n \n ) : (\n ''\n )}\n
\n );\n }\n}\n\nUpdateLogin.propTypes = {\n history: PropTypes.any,\n login: PropTypes.any,\n referrer: PropTypes.any,\n timeout: PropTypes.any,\n updateLogin: PropTypes.any,\n rememberme: PropTypes.bool,\n credentialsActivate: PropTypes.any,\n updateUrl: PropTypes.any,\n remembermeUsername: PropTypes.string,\n isFetching: PropTypes.bool,\n};\n\nconst mapStateToProps = state => {\n const {\n authenticationDefinition,\n custombrandAuthenticationDefinition,\n } = state;\n return {\n ...authenticationDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapSharedDispatchToProps,\n ...brandAuthenticationDispatch,\n },\n )(UpdateLogin),\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Blocked extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n \n {error === 'Failed' ? (\n - \n
\n $[email], or call us on $[phone]. Our telephone lines are open $[openTimes].`}\n />\n
\n );\n }\n}\n\nBlocked.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Blocked);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass AccessDenied extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n $[phone]. Our centre is open ($[openTimes]) `}\n />\n
\n );\n }\n}\n\nAccessDenied.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccessDenied);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { TimeOut } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nimport Create from './Create';\nimport Update from './Update';\nimport Blocked from './Blocked';\nimport AccessDenied from './AccessDenied';\n\nimport { NoMatch } from '@myie/interact-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { mapDispatchToProps as mapDispatchToProps_shared } from '@myie/interact-shared';\nimport { Alert } from 'reactstrap';\nimport { storage } from './storageName';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\n\nclass SignIn extends React.Component {\n constructor(props) {\n super(props);\n this.state = { rememberme: false, username: null };\n }\n\n componentDidMount() {\n const { setReferrer, location } = this.props;\n const { from } = location.state || { from: { pathname: '/accounts' } };\n let stage =\n this.props.urlParams && this.props.urlParams.pageStage\n ? this.props.urlParams.pageStage\n : '';\n if (!stage) {\n setReferrer(from);\n }\n }\n\n toggleRememberMe = value => {\n this.setState({ ...this.state, rememberme: !!value });\n };\n\n setRememberMeUserName = username => {\n this.setState({ ...this.state, username });\n };\n\n timeoutReset = () => {\n window.sessionStorage.setItem('timeoutMessage', 'TimeoutReset');\n };\n\n timeoutObj = {\n history: this.props.history,\n userLogout: this.props.userLogout,\n message: 'SignInTimeout',\n url: '/sign-in',\n onTimeout: this.timeoutReset,\n showTimeoutModal: this.props.showTimeoutModal,\n type: 'LOG_IN',\n };\n\n timeout = new TimeOut(this.timeoutObj);\n\n render() {\n const { error, updateUrl } = this.props;\n const { rememberme, username } = this.state;\n let re = new RegExp('^/sign-in[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n \n
\n \n
\n \n \n
\n \n \n $[phone].',\n },\n InvalidStatus: {\n defaultValue:\n 'There has been an issue accessing your account. Please contact us on $[phone].',\n },\n NotRegistered: {\n defaultValue:\n 'It seems you are not yet registered for $[companySiteName]. Please register to use this service.',\n },\n Timeout: {\n defaultValue:\n 'You took too long to complete the credentials reset process. Please try again.',\n },\n IdentifyAndVerifyFailed: {\n defaultValue:\n 'The details you have entered do not match our records. Please try again.',\n },\n InvalidTicket: {\n defaultValue:\n 'Your code has expired. Please restart the forgotten password process.',\n },\n }}\n />\n ) : (\n ''\n )}\n {this.getCredentialErrors(this.state.credentialErrors)}\n {this.state.stage === 'PersonalDetails' ? (\n \n \n ) : (\n ''\n )}\n {this.currentStage()}\n
\n );\n }\n}\nRetrieve.propTypes = {\n stateData: PropTypes.object,\n refreshUrl: PropTypes.any,\n urlParams: PropTypes.any,\n updateUrl: PropTypes.any,\n match: PropTypes.object,\n forgottenPasswordDetails: PropTypes.object,\n history: PropTypes.any,\n resetComponentState: PropTypes.any,\n updateState: PropTypes.func,\n resetForgotten: PropTypes.any,\n resetForgottenPassword: PropTypes.any,\n showTimeoutModal: PropTypes.any,\n updateForgottenDetails: PropTypes.object,\n userLogout: PropTypes.any,\n setupCredentialsActivate: PropTypes.any,\n isFetching: PropTypes.bool,\n};\n\nconst mapStateToProps = state => {\n const {\n authenticationDefinition,\n custombrandAuthenticationDefinition,\n } = state;\n return {\n ...authenticationDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps_shared,\n ...brandAuthenticationDispatch,\n ...authenticationDispatch,\n },\n )(Retrieve),\n storage.name,\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Blocked extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n \n {!this.state.credentialErrors ? (\n - \n
\n $[phone] ($[openTimes]) or email us at $[email] to re-enable access or to change your login credentials.`}\n />\n\n
\n );\n }\n}\n\nBlocked.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Blocked);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Content, Markdown, LinkTag, AppMeta } from '@myie/interact-dom';\n\nclass AccessDenied extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n $[phone] ($[openTimes]) or email us at $[email] to re-enable access or to change your login credentials.`}\n />\n
\n );\n }\n}\n\nAccessDenied.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccessDenied);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\n\nclass Success extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n \n
\n \n
\n );\n }\n}\n\nSuccess.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Success);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Redirect, Route, Switch, withRouter } from 'react-router-dom';\n\nimport Register from './Retrieve';\nimport Blocked from './Blocked';\nimport AccessDenied from './AccessDenied';\nimport Success from './Success';\n\nimport { NoMatch, sharedUtility } from '@myie/interact-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { Alert } from 'reactstrap';\n\nclass ForgottenPassword extends React.Component {\n componentDidMount() {\n sharedUtility.setUrl('/forgotten-password');\n const { setReferrer, location } = this.props;\n const { from } = location.state || {\n from: {\n pathname: '/accounts',\n },\n };\n setReferrer(from);\n }\n\n render() {\n const { error } = this.props;\n let re = new RegExp('^/forgotten-password[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n \n
\n \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nForgottenPassword.propTypes = {\n error: PropTypes.any,\n location: PropTypes.any,\n setReferrer: PropTypes.any,\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ForgottenPassword),\n);\n","export const storage = {\n name: 'editSecurityDetails',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert, Button, Form } from 'reactstrap';\nimport { Link, Redirect } from 'react-router-dom';\nimport moment from 'moment';\nimport { storage } from './storageName';\nimport queryString from 'query-string';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\nimport { mapDispatchToProps } from '@myie/interact-authentication';\n// Add additional reducer function for clearing error state on dismount\nimport { mapDispatchToProps as brandUpdateDispatch } from '@myie/interact-brand-authentication';\nimport {\n Text,\n Switch,\n Content,\n Markdown,\n AppMeta,\n RULES,\n sharedUtility,\n FormErrorList,\n stateUtility,\n CONSTANTS,\n} from '@myie/interact-dom';\nimport { Validate, Session } from '@myie/interact';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport ExampleAbbreviation from '../../shared/components/ExampleAbbreviation';\nclass UpdateSecurityDetails extends React.Component {\n constructor(props) {\n super(props);\n const {\n resetUpdateSecurityDetails,\n setupcredentialsActivate,\n stateData,\n urlParams,\n userDetails,\n } = this.props;\n\n if (\n stateData &&\n stateData.RequireActivationTicket &&\n urlParams &&\n urlParams.twoFa &&\n urlParams.twoFa === 'active'\n ) {\n const RequireActivationTicket = {\n RequireActivationTicket: stateData.RequireActivationTicket,\n ExtendedProperties: null,\n };\n setupcredentialsActivate({\n RequireActivationTicket:\n stateData && RequireActivationTicket ? RequireActivationTicket : '',\n });\n }\n\n let birthDate = moment(userDetails?.ExtendedProperties?.DateOfBirth).format(\n CONSTANTS.DATE_FORMAT_YYYYMMDD,\n );\n this.state = {\n localPasscodeValidation: [],\n message: null,\n updateStatus: null,\n twoFAStatus: null,\n submitForm: {},\n form: {\n username: {\n rules: {\n title: 'username',\n stop: true,\n format: {\n regex: RULES.usernameOptional,\n message: 'Please enter a valid username.',\n },\n },\n },\n password: {\n rules: {\n title: 'password',\n stop: true,\n format: {\n regex: RULES.passwordOptional,\n message: 'Please enter a valid password.',\n },\n isSameAsUsername: {\n message: 'Your username and password cannot be the same.',\n field: 'password',\n comparison: () => {\n return this.state.form.username.value;\n },\n },\n },\n },\n confirmPassword: {\n rules: {\n title: 'confirm password',\n stop: true,\n format: {\n regex: RULES.passwordOptional,\n message: 'Please enter a valid password.',\n },\n compare: {\n message: 'Please ensure the password fields match.',\n field: 'password',\n comparison: () => {\n return this.state.form.password.value;\n },\n },\n },\n },\n memorableNumber: {\n rules: {\n title: 'passcode',\n stop: true,\n format: {\n regex: RULES.memorableNumberOptional,\n message: 'Please enter a valid passcode.',\n },\n isSequential: {\n message: 'Your passcode cannot include sequential numbers.',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n isAllSame: {\n message:\n 'Your passcode cannot be the same number repeated six times.',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n isDoB: {\n message: 'Your passcode cannot be your date of birth.',\n field: 'memorableNumber',\n comparison: () => {\n return birthDate;\n },\n },\n },\n },\n confirmMemorableNumber: {\n rules: {\n title: 'confirm passcode',\n stop: true,\n format: {\n regex: RULES.memorableNumberOptional,\n message: 'Please enter a valid passcode.',\n },\n compare: {\n message: 'Please ensure the passcode fields match.',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n },\n },\n },\n };\n resetUpdateSecurityDetails();\n stateUtility.setGlobalValue({ storage: storage.name });\n }\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n if (form[name]) {\n form = Validate.input(name, value, form);\n }\n this.setState({\n ...this.state,\n form,\n });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n if (form[name] && e.target.value) {\n form = Validate.input(name, value, form, true);\n }\n this.setState({\n ...this.state,\n form,\n });\n };\n\n submit = e => {\n e.preventDefault();\n const { updateCredentials } = this.props;\n let { form, message = {}, submitForm = {} } = this.state;\n let {\n username,\n password,\n confirmPassword,\n memorableNumber,\n confirmMemorableNumber,\n } = form;\n let localValues = [];\n if (form.username.value) {\n const usernameRules = { username };\n submitForm = { ...submitForm, ...usernameRules };\n } else {\n delete submitForm.username;\n }\n\n if (form.password.value) {\n const passwordRules = { password };\n const confirmPasswordRules = { confirmPassword };\n submitForm = { ...submitForm, ...passwordRules, ...confirmPasswordRules };\n form = Validate.input('password', form.password.value, form, true);\n form = Validate.input(\n 'confirmPassword',\n form.confirmPassword.value,\n form,\n true,\n );\n } else {\n delete submitForm.password;\n delete submitForm.confirmPassword;\n }\n\n if (form.memorableNumber.value) {\n const memorableNumberRules = { memorableNumber };\n const confirmMemorableNumberRules = {\n confirmMemorableNumber,\n };\n submitForm = {\n ...submitForm,\n ...memorableNumberRules,\n ...confirmMemorableNumberRules,\n };\n form = Validate.input(\n 'memorableNumber',\n form.memorableNumber.value,\n form,\n true,\n );\n form = Validate.input(\n 'confirmMemorableNumber',\n form.confirmMemorableNumber.value,\n form,\n true,\n );\n const checkAllSame = sharedUtility.checkAllSame(\n form.memorableNumber.value,\n )\n ? 'AllSame'\n : '';\n const isSequential = sharedUtility.isSequential(\n form.memorableNumber.value,\n )\n ? 'Sequential'\n : '';\n if (checkAllSame) {\n localValues.push(checkAllSame);\n }\n if (isSequential) {\n localValues.push(isSequential);\n }\n } else {\n delete submitForm.memorableNumber;\n delete submitForm.confirmMemorableNumber;\n }\n\n if (Object.keys(submitForm).length === 0) {\n message = 'MustHaveCredential';\n this.setState({\n ...this.state,\n form,\n submitForm,\n message,\n });\n window.scrollTo(0, 0);\n return;\n } else {\n message = null;\n }\n submitForm = Validate.form(submitForm);\n this.setState({\n ...this.state,\n form,\n submitForm,\n message,\n localPasscodeValidation: localValues,\n });\n if (!submitForm.approved || localValues.length) {\n window.scrollTo(0, 0);\n return;\n }\n\n const request = {\n Username: form.username.value,\n CredentialValues: [],\n ExtendedProperties: null,\n };\n\n if (form.password.value) {\n request.CredentialValues.push({\n Name: 'Password',\n Value: form.password.value,\n Context: 'string',\n });\n }\n\n if (form.memorableNumber.value) {\n request.CredentialValues.push({\n Name: 'Pin',\n Value: form.memorableNumber.value,\n Context: 'string',\n });\n }\n\n updateCredentials(request);\n this.setState({\n ...this.state,\n form,\n submitForm,\n message,\n });\n if (!submitForm.approved || localValues.length) {\n window.scrollTo(0, 0);\n return;\n }\n };\n\n static getDerivedStateFromProps = nextProps => {\n const {\n resetUpdateSecurityDetails,\n updateSecurityDetails,\n setupcredentialsActivate,\n updateState,\n } = nextProps;\n\n if (\n updateSecurityDetails &&\n updateSecurityDetails.Status === 'RequireActivation'\n ) {\n resetUpdateSecurityDetails();\n updateState({\n RequireActivationTicket:\n updateSecurityDetails && updateSecurityDetails.RequireActivationTicket\n ? updateSecurityDetails.RequireActivationTicket\n : '',\n });\n\n setupcredentialsActivate({\n RequireActivationTicket:\n updateSecurityDetails && updateSecurityDetails.RequireActivationTicket\n ? updateSecurityDetails.RequireActivationTicket\n : '',\n });\n }\n if (updateSecurityDetails && updateSecurityDetails.Status) {\n if (updateSecurityDetails.Status === 'Success') {\n resetUpdateSecurityDetails();\n }\n return { updateStatus: updateSecurityDetails.Status };\n }\n\n return null;\n };\n\n componentWillUnmount = () => {\n // Call reducer function to clear error in redux store\n const { resetComponentState, updateSecurityDetailsReceive } = this.props;\n\n updateSecurityDetailsReceive({});\n resetComponentState();\n };\n\n getErrors = () => {\n const { updateSecurityDetails = {} } = this.props;\n let errors = [];\n let fieldErrors = {};\n if (\n updateSecurityDetails &&\n updateSecurityDetails.ExtendedProperties &&\n updateSecurityDetails.ExtendedProperties.IdentityResponse &&\n updateSecurityDetails.ExtendedProperties.IdentityResponse.CredentialErrors\n ) {\n updateSecurityDetails.ExtendedProperties.IdentityResponse.CredentialErrors.forEach(\n element => {\n switch (element) {\n case 'Known':\n fieldErrors.password = element;\n return errors.push(\n \n \n \n \n \n \n \n \n \n
\n );\n }\n return null;\n }\n}\n\nUpdateSecurityDetails.propTypes = {\n retrievedUserName: PropTypes.object,\n updateCredentials: PropTypes.any,\n updateSecurityDetails: PropTypes.any,\n updateSecurityDetailsReceive: PropTypes.func,\n login: PropTypes.any,\n resetUpdateSecurityDetails: PropTypes.func,\n setupcredentialsActivate: PropTypes.func,\n stateData: PropTypes.any,\n location: PropTypes.any,\n urlParams: PropTypes.any,\n resetComponentState: PropTypes.func,\n userDetails: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const {\n authenticationDefinition,\n custombrandAuthenticationDefinition,\n userManagementDefinition,\n } = state;\n return {\n ...authenticationDefinition,\n ...custombrandAuthenticationDefinition,\n ...userManagementDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n // Combine reducer functions\n {\n ...mapDispatchToProps,\n ...brandUpdateDispatch,\n },\n )(UpdateSecurityDetails),\n storage.name,\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass UpdateSecurityDetailsSuccess extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n - \n
- \n
- \n
- \n
- \n
- \n
\n \n
- \n
- \n
- \n
- \n
\n \n \n
\n \n \n
\n );\n }\n}\n\nUpdateSecurityDetailsSuccess.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(UpdateSecurityDetailsSuccess);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { PrivateRoute, NoMatch, sharedUtility } from '@myie/interact-dom';\nimport UpdateSecurityDetails from './UpdateSecurityDetails';\nimport UpdateSecurityDetailsSuccess from './UpdateSecurityDetailsSuccess';\nimport { Alert } from 'reactstrap';\n\nclass UpdateSecurityDetailsIndex extends React.Component {\n componentDidMount() {\n sharedUtility.setUrl('/update-security-details/retrieve');\n }\n\n render() {\n const { error } = this.props;\n let re = new RegExp('^/update-security-details[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n \n
\n \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nUpdateSecurityDetailsIndex.propTypes = {\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default UpdateSecurityDetailsIndex;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Switch, Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { appUtility } from '@myie/interact-dom';\nimport { Session } from '@myie/interact';\n\nclass SignedOut extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n window.sessionStorage.removeItem('timeoutMessage');\n clearInterval(window.sessionStorage.getItem('timeoutID'));\n appUtility.setTimeoutMessage('');\n Session.abandon();\n userLogout();\n }\n\n componentDidMount() {\n const { userLogout } = this.props;\n clearInterval(window.sessionStorage.getItem('timeoutID'));\n Session.abandon();\n userLogout();\n }\n\n constructor(props) {\n super(props);\n let signoutMessage = window.sessionStorage.getItem('timeoutMessage');\n if (!signoutMessage) {\n signoutMessage = appUtility.getTimeoutMessage();\n }\n let error;\n if (signoutMessage) {\n error = signoutMessage;\n }\n this.state = { error: error };\n }\n\n render() {\n const { error } = this.state;\n return (\n \n
\n );\n }\n}\n\nSignedOut.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(SignedOut);\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport Registration from './registration';\nimport SignIn from './sign-in';\nimport ForgottenUsername from './forgotten-username';\nimport ForgottenPassword from './forgotten-password';\nimport UpdateSecurityDetailsIndex from './update-security-details/';\nimport SignedOut from './signed-out/SignedOut';\n\nconst Routes = [\n \n \n
\n \n \n \n
\n \n {messageList.map(Conversation => (\n \n \n {Conversation.HasUnreadMessages ? (\n \n {Conversation.Reason.search(\n CONSTANTS.AUTO_GENERATED_MESSAGE,\n ) !== -1 ? (\n
\n );\n } else {\n return (\n \n
\n
\n \n {selectedData.relatedAccountObj ? (\n \n \n \n ) : (\n ''\n )}\n \n \n ) : (\n false\n )}\n\n {replyMessageStatus.Conversation.Reason ? (\n \n \n ) : (\n false\n )}\n\n
\n
\n \n
\n \n {FormatBody(replyMessageStatus.Conversation.Messages[0].Body)}\n
\n\n $[phone].`}\n />\n\n {replyMessageStatus.ResponseStatus === 'Success'\n ? this.renderSuccessContent()\n : false}\n
\n );\n }\n}\n\nConfirmation.propTypes = {\n replyMessageStatus: PropTypes.any,\n resetContactOptions: PropTypes.any,\n resetReply: PropTypes.any,\n resetUserDetails: PropTypes.any,\n selectedData: PropTypes.any,\n setStage: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Confirmation);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport SendNewMessage from './SendNewMessage';\nimport Confirmation from './Confirmation';\nimport { mapDispatchToProps as mapDispatchToPropsAccounts } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapDispatchToPropsMessaging } from '@myie/interact-messaging-twoway';\nimport { Content } from '@myie/interact-dom';\nimport { Utility } from '@myie/interact';\nimport { withRouter } from 'react-router-dom';\nimport { storage } from './../storageName';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\n\nclass NewMessage extends React.Component {\n constructor(props) {\n super(props);\n const { urlParams, refreshUrl } = this.props;\n const stateList = ['New', 'Confirmation'];\n const hasStage = stateList.find(element => element === urlParams.pageStage);\n let stage =\n this.props.stateData &&\n this.props.stateData.url &&\n this.props.stateData.url.pageStage &&\n this.props.urlParams &&\n this.props.urlParams.pageStage\n ? this.props.urlParams.pageStage\n : 'New';\n if (!hasStage) {\n stage = 'New';\n refreshUrl();\n }\n //const { resetReply } = props;\n this.state = {\n stage: stage,\n data: {},\n };\n //resetReply();\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { replyMessageStatus, match, accounts, updateUrl } = nextProps;\n const { data } = prevState;\n\n if (replyMessageStatus && replyMessageStatus.ResponseStatus) {\n if (\n prevState.stage === 'New' &&\n prevState.data &&\n prevState.data.message\n ) {\n let stateData = {\n url: {\n pageStage: 'Confirmation',\n },\n };\n updateUrl(stateData);\n return {\n ...prevState,\n stage: 'Confirmation',\n };\n }\n return null;\n }\n if (match.params.id && accounts) {\n const account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n if (match.params.subject) {\n data['subject'] = match.params.subject;\n }\n if (match.params && match.params.subject === '5') {\n data['relatedAccount'] = null;\n } else {\n data['relatedAccount'] = account.AccountKey.Key;\n data['relatedAccountObj'] = account;\n }\n\n return {\n ...prevState,\n data: data,\n };\n }\n return null;\n }\n\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n componentWillUnmount = () => {\n const { resetReply } = this.props;\n resetReply();\n };\n\n saveData = (name, value) => {\n const { data } = this.state;\n data[name] = value;\n this.setState({ ...this.state, data });\n };\n\n currentStage = (accounts = []) => {\n const { data, stage } = this.state;\n const { replyMessageStatus } = this.props;\n switch (stage) {\n case 'New': {\n return (\n \n \n
\n \n
\n \n {Conversation.Reason.search(CONSTANTS.AUTO_GENERATED_MESSAGE) !==\n -1 ? (\n
\n \n {Conversation.Reason.search(CONSTANTS.AUTO_GENERATED_MESSAGE) ===\n -1 ? (\n \n \n \n ) : (\n ''\n )}\n \n \n ) : (\n ''\n )}\n\n \n {messages.map((item, index) => {\n return (\n \n {Conversation.Reason.search(\n CONSTANTS.AUTO_GENERATED_MESSAGE,\n ) !== -1 ? (\n \n
\n ) : (\n \n
\n )}\n\n \n );\n })}\n \n {messageCount > size && (\n \n \n \n \n {attachments &&\n attachments.map(item => {\n return (\n \n \n {item.Key}\n \n );\n })}\n \n \n ) : (\n ''\n )}\n
\n );\n }\n}\n\nViewConversation.propTypes = {\n allMessages: PropTypes.any,\n baseUrl: PropTypes.any,\n fetchAllMessagesIfNeeded: PropTypes.any,\n history: PropTypes.any,\n match: PropTypes.any,\n viewConversation: PropTypes.any,\n getMessageAttachments: PropTypes.func,\n resetMessageAttachments: PropTypes.func,\n isFetching: PropTypes.any,\n messageAttachments: PropTypes.any,\n viewMessage: PropTypes.any,\n accounts: PropTypes.object,\n fetchAccountsIfNeeded: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const {\n messagingTwowayDefinition,\n accountsDefinition,\n custombrandMessageAttachmentDefinition,\n } = state;\n return {\n ...messagingTwowayDefinition,\n ...accountsDefinition,\n ...custombrandMessageAttachmentDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToPropsMessaging,\n ...mapDispatchToPropsAccounts,\n ...mapDispatchToPropsAttachments,\n },\n)(ViewConversation);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Row, Col, Form, Button } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapDispatchToProps as mapDispatchToPropsAccounts } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapDispatchToPropsMessaging } from '@myie/interact-messaging-twoway';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport {\n TextArea,\n Content,\n FormattedDate,\n AppMeta,\n CONSTANTS,\n Markdown,\n Pagination,\n} from '@myie/interact-dom';\nimport { Validate } from '@myie/interact';\nimport PropTypes from 'prop-types';\nimport FormatBody from '../../FormatBody';\nimport messagingUtility from './../../utility';\nimport { RULES } from '../../../shared/constants/rules';\n\nclass ReplyConversation extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n stage: 'View',\n message: null,\n offset: 0,\n size: 5,\n data: {},\n form: {\n message: {\n rules: {\n stop: true,\n required: {\n message:\n 'You have not reached the minimum amount of text in your message',\n },\n format: {\n regex: RULES.messageBody,\n message: 'Please enter a valid message.',\n },\n },\n },\n },\n };\n }\n\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n onBlur = e => {\n let { form } = this.state;\n const { name, value } = e.target;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n submit = e => {\n e.preventDefault();\n const { replyConversation, viewMessage } = this.props;\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n return;\n }\n if (viewMessage) {\n const request = {\n AccountKey: viewMessage.Conversation.AccountKey\n ? viewMessage.Conversation.AccountKey\n : null,\n ConversationKey: viewMessage.Conversation.ConversationKey,\n MessageBody: form.message.value,\n ExtendedProperties: {},\n };\n replyConversation(request);\n }\n };\n\n getPreviousPage = (Offset, Size) => {\n const previousOffset = Offset - Size;\n if (previousOffset >= 0) {\n this.setState({ ...this.state, offset: previousOffset });\n }\n };\n\n getNextPage = (Offset, Size, TotalConversationsCount) => {\n const nextOffset = Offset + Size;\n if (nextOffset <= TotalConversationsCount) {\n this.setState({ ...this.state, offset: nextOffset });\n }\n };\n\n // select current stag\n render() {\n const { viewMessage } = this.props;\n const { form, offset, size } = this.state;\n let Conversation;\n\n let messages = [];\n let messageCount = 0;\n if (!viewMessage) {\n return null;\n } else {\n Conversation = viewMessage.Conversation;\n }\n\n if (Conversation && Conversation.Messages) {\n messageCount = Conversation.Messages.length;\n if (messageCount > size) {\n messages = Conversation.Messages.slice(offset, offset + size);\n } else {\n messages = Conversation.Messages;\n }\n }\n\n return (\n \n {Conversation.Reason.search(CONSTANTS.AUTO_GENERATED_MESSAGE) !==\n -1 ? (\n
\n \n
\n ) : (\n \n
\n )}\n\n {FormatBody(item.Body)}
\n\n {Conversation.Reason.search(CONSTANTS.AUTO_GENERATED_MESSAGE) ===\n -1 ? (\n \n \n
\n {Conversation.Reason.search('hasattachments') !== -1 ? (\n \n \n
\n \n \n \n ) : (\n ''\n )}\n \n \n {\n return (\n 750 -\n (this.state.form.message.value\n ? this.state.form.message.value.length\n : 0)\n );\n },\n },\n }}\n copytext=\"You have $[counter] characters remaining.\"\n />\n }\n />\n\n \n {messages.map((item, index) => {\n return (\n \n {Conversation.Reason.search(\n CONSTANTS.AUTO_GENERATED_MESSAGE,\n ) !== -1 ? (\n \n
\n ) : (\n \n
\n )}\n\n \n );\n })}\n \n {messageCount > size && (\n
\n );\n }\n}\n\nReplyConversation.propTypes = {\n accounts: PropTypes.object,\n fetchAccountsIfNeeded: PropTypes.func,\n baseUrl: PropTypes.any,\n history: PropTypes.any,\n match: PropTypes.any,\n replyConversation: PropTypes.any,\n setReplyStage: PropTypes.any,\n viewMessage: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { messagingTwowayDefinition, accountsDefinition } = state;\n return {\n ...messagingTwowayDefinition,\n ...accountsDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToPropsMessaging, ...mapDispatchToPropsAccounts },\n)(ReplyConversation);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapDispatchToProps as mapDispatchToPropsAccounts } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapDispatchToPropsMessaging } from '@myie/interact-messaging-twoway';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { FormattedDate, Content, AppMeta, Markdown } from '@myie/interact-dom';\nimport FormatBody from '../../FormatBody';\nimport messagingUtility from './../../utility';\nclass ReplyConfirmation extends React.Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n render() {\n const { replyMessageStatus } = this.props;\n let Conversation;\n\n let messages = [];\n if (!replyMessageStatus) {\n return null;\n } else {\n Conversation = replyMessageStatus.Conversation;\n }\n\n if (Conversation && Conversation.Messages) {\n messages = Conversation.Messages;\n }\n\n return (\n \n
\n \n
\n ) : (\n \n
\n )}\n\n \n {FormatBody(item.Body)}\n
\n\n \n \n
\n \n \n {replyMessageStatus &&\n replyMessageStatus.ResponseStatus === 'Success' ? (\n \n \n ) : (\n ''\n )}\n {replyMessageStatus &&\n replyMessageStatus.ResponseStatus === 'Failed' ? (\n \n \n ) : (\n ''\n )}\n
\n\n \n {messages.map((item, index) => {\n return (\n
\n \n \n \n
\n {FormatBody(item.Body)}\n
\n );\n })}\n \n \n
\n {FormatBody(item.Body)}\n \n \n
\n \n {alert ? { alert } : ''}\n {this.currentStage()}\n
\n );\n }\n}\n\nReplyIndex.propTypes = {\n accounts: PropTypes.any,\n allMessages: PropTypes.any,\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n history: PropTypes.any,\n initializeMoveMoney: PropTypes.any,\n match: PropTypes.any,\n replyMessageStatus: PropTypes.any,\n retrievedUserName: PropTypes.object,\n transfer: PropTypes.any,\n refreshUrl: PropTypes.any,\n stateData: PropTypes.any,\n urlParams: PropTypes.any,\n updateUrl: PropTypes.any,\n viewConversation: PropTypes.any,\n\n viewMessage: PropTypes.any,\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ReplyIndex),\n storage.name,\n);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Row, Col, Button } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-messaging-twoway';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\n\nclass DeleteConversation extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n stage: 'View',\n message: null,\n };\n }\n\n confirmDelete = () => {\n const { deleteConversation, viewMessage } = this.props;\n const request = {\n ConversationKey: viewMessage.Conversation.ConversationKey,\n ProductType: 'string',\n ConversationProperties: [\n {\n Name: 'Deleted',\n Value: true,\n },\n ],\n ExtendedProperties: {},\n };\n deleteConversation(request);\n };\n\n // select current stag\n render() {\n const { viewMessage, match } = this.props;\n\n let Conversation;\n\n if (!viewMessage) {\n return null;\n } else {\n Conversation = viewMessage.Conversation;\n }\n\n return (\n \n \n
\n );\n }\n}\n\nDeleteConversation.propTypes = {\n baseUrl: PropTypes.any,\n deleteConversation: PropTypes.any,\n history: PropTypes.any,\n match: PropTypes.any,\n setReplyStage: PropTypes.any,\n viewMessage: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(DeleteConversation);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Row, Col, Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-messaging-twoway';\nimport { Content, Switch } from '@myie/interact-dom';\n\nclass DeleteConfirmation extends React.Component {\n render() {\n const { deleteMessageStatus, viewMessage } = this.props;\n let Conversation;\n\n if (!deleteMessageStatus) {\n return null;\n }\n if (viewMessage) {\n Conversation = viewMessage.Conversation;\n }\n\n let alertId;\n if (deleteMessageStatus) {\n switch (deleteMessageStatus.ResponseStatus) {\n case 'Success':\n alertId = 'messaging-twoway-delete-successful';\n break;\n case 'Failed':\n alertId = 'messaging-twoway-delete-request-error';\n break;\n default:\n alertId = 'messaging-twoway-delete-unknown-error';\n break;\n }\n }\n\n return (\n \n \n \n
\n \n \n
\n \n {alert ? { alert } : ''}\n {this.currentStage()}\n
\n );\n }\n}\n\nDeleteIndex.propTypes = {\n accounts: PropTypes.any,\n allMessages: PropTypes.any,\n deleteMessageStatus: PropTypes.any,\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n history: PropTypes.any,\n initializeMoveMoney: PropTypes.any,\n match: PropTypes.any,\n retrievedUserName: PropTypes.object,\n transfer: PropTypes.any,\n viewConversation: PropTypes.any,\n viewMessage: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(DeleteIndex);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport View from './View';\nimport ReplyIndex from './Reply';\nimport DeleteIndex from './Delete';\nimport { Alert } from 'reactstrap';\nimport { Route, Switch } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps as mapDispatchToPropsAccounts } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapDispatchToPropsMessaging } from '@myie/interact-messaging-twoway';\nimport { NoMatch } from '@myie/interact-dom';\n\nclass Conversation extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n stage: 'View',\n message: null,\n data: {},\n };\n }\n\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n componentWillUnmount() {\n const { resetReply } = this.props;\n resetReply();\n }\n\n render() {\n const { error } = this.props;\n\n return (\n \n \n \n
\n );\n }\n}\n\nMessagingTwoway.propTypes = {\n location: PropTypes.object,\n resetMessages: PropTypes.any,\n};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(MessagingTwoway);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { Badge } from 'reactstrap';\nimport { Content } from '@myie/interact-dom';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-messaging-twoway';\nimport { Session } from '@myie/interact';\n\nclass SummaryMenuItems extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n newMessageCount: 0,\n };\n }\n timeoutID = null;\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { newMessageCount } = nextProps;\n\n if (\n newMessageCount &&\n newMessageCount.Count !== prevState.newMessageCount\n ) {\n return {\n ...prevState,\n newMessageCount: newMessageCount.Count,\n };\n } else {\n return null;\n }\n }\n\n componentDidMount() {\n const { getNewMessageCount } = this.props;\n let request = {\n Type: 'New',\n ExtendedProperties: {},\n };\n getNewMessageCount(request);\n this.startTimer();\n }\n\n componentWillUnmount() {\n clearInterval(this.timeoutID);\n }\n\n startTimer = () => {\n this.timeoutID = setInterval(this.updateCount, 120000);\n };\n\n clearTimer = () => {\n clearInterval(this.timeoutID);\n };\n\n updateCount = () => {\n const { getNewMessageCount } = this.props;\n if (!Session.isAuthenticated()) {\n this.clearTimer();\n } else {\n let request = {\n Type: 'New',\n ExtendedProperties: {},\n };\n getNewMessageCount(request);\n }\n };\n\n hideMenu = () => {\n this.setState({ removeClass: !this.state.removeClass });\n };\n\n render() {\n const { newMessageCount } = this.state;\n return (\n Morton Road
Darlington
County Durham
DL1 4PT',\n externalHomeURL: 'https://www.darlington.co.uk/darlingtonline/',\n termsAndConditionsURL:\n 'https://www.darlington.co.uk/darlingtonline-terms-and-conditions',\n privacyPolicyURL: 'https://www.darlington.co.uk/privacy',\n savingsTermsAndConditionsURL:\n 'https://www.darlington.co.uk/wp-content/uploads/2022/05/Darlingtonline-TCs.pdf',\n FSCSURL: 'https://www.darlington.co.uk/fscs',\n helpURL: 'https://www.darlington.co.uk/help-and-contact/',\n sidebarAdvertURL: 'https://www.darlington.co.uk/',\n registerURL: 'https://www.darlington.co.uk',\n signInURL: 'https://www.darlington.co.uk',\n cashISAFormURL:\n 'https://www.darlington.co.uk/cash-isa-transfer-authority-form',\n externalApplyHomeURL: 'https://www.darlington.co.uk/',\n savingsAccountsPage: 'https://www.darlington.co.uk/savings-accounts/',\n minimumAge: '18',\n sortcode: '40-05-30',\n accountNumber: '14575881',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\n\nclass Colours extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n testdata: '',\n };\n }\n\n //Convert RGB code to hex\n rgbToHex = rgb => {\n rgb = rgb.match(\n /^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i,\n );\n return rgb && rgb.length === 4\n ? '#' +\n ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) +\n ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2) +\n ('0' + parseInt(rgb[3], 10).toString(16)).slice(-2)\n : '';\n };\n\n //Create an array of the colours from the css, and combine the hext and rgb into a string\n componentDidMount() {\n const colourPanels = document.querySelectorAll('div[class^=\"brand-color\"]');\n\n let list = [];\n for (let i = 0; i < colourPanels.length; i++) {\n let colourPanel = colourPanels[i];\n const style = getComputedStyle(colourPanel, null);\n const RGBBackgroundColor = style.backgroundColor;\n const HexBackgroundColour = this.rgbToHex(RGBBackgroundColor);\n const backgroundColourCombination = function() {\n return (\n
\n {RGBBackgroundColor}
{HexBackgroundColour}\n
{this.state.testdata[i]}
\n ,\n );\n }*/\n\n return (\n \n Defined within{' '}\n \n sass/abstracts/colours.scss\n \n
Main Colours
\n\n {typeof this.state.testdata[0] === 'function'\n ? this.state.testdata[0]()\n : this.state.testdata[0]}\n
\n Primary color\n \n \n {typeof this.state.testdata[1] === 'function'\n ? this.state.testdata[1]()\n : this.state.testdata[1]}\n
\n Primary-color 10%\n \n \n {typeof this.state.testdata[2] === 'function'\n ? this.state.testdata[2]()\n : this.state.testdata[2]}\n
\n Primary color 25%\n \n \n {typeof this.state.testdata[3] === 'function'\n ? this.state.testdata[3]()\n : this.state.testdata[3]}\n
\n Primary color 50%\n \n \n {typeof this.state.testdata[4] === 'function'\n ? this.state.testdata[4]()\n : this.state.testdata[4]}\n
\n Primary color 75%\n \n \n {typeof this.state.testdata[5] === 'function'\n ? this.state.testdata[5]()\n : this.state.testdata[5]}\n
\n Secondary color\n \n \n {typeof this.state.testdata[6] === 'function'\n ? this.state.testdata[6]()\n : this.state.testdata[6]}\n
\n Secondary color 10%\n \n \n {typeof this.state.testdata[7] === 'function'\n ? this.state.testdata[7]()\n : this.state.testdata[7]}\n
\n Secondary color 25%\n \n \n {typeof this.state.testdata[8] === 'function'\n ? this.state.testdata[8]()\n : this.state.testdata[8]}\n
\n Secondary color 50%\n \n \n {typeof this.state.testdata[9] === 'function'\n ? this.state.testdata[9]()\n : this.state.testdata[9]}\n
\n Secondary color 75%\n \n \n {typeof this.state.testdata[10] === 'function'\n ? this.state.testdata[10]()\n : this.state.testdata[10]}\n
\n Default (Tertiary) color\n \n \n {typeof this.state.testdata[11] === 'function'\n ? this.state.testdata[11]()\n : this.state.testdata[11]}\n
\n Default (Tertiary) color 10%\n \n \n {typeof this.state.testdata[12] === 'function'\n ? this.state.testdata[12]()\n : this.state.testdata[12]}\n
\n Default (Tertiary) color 25%\n \n \n {typeof this.state.testdata[13] === 'function'\n ? this.state.testdata[13]()\n : this.state.testdata[13]}\n
\n Default (Tertiary) color 50%\n \n \n {typeof this.state.testdata[14] === 'function'\n ? this.state.testdata[14]()\n : this.state.testdata[14]}\n
\n Default (Tertiary) color 75%\n \n Text Colours
\n\n {typeof this.state.testdata[15] === 'function'\n ? this.state.testdata[15]()\n : this.state.testdata[15]}\n
\n Text color\n \n \n {' '}\n {typeof this.state.testdata[16] === 'function'\n ? this.state.testdata[16]()\n : this.state.testdata[16]}\n
\n Text color 10%\n \n \n {typeof this.state.testdata[17] === 'function'\n ? this.state.testdata[17]()\n : this.state.testdata[17]}\n
\n Text color 25%\n \n \n {typeof this.state.testdata[18] === 'function'\n ? this.state.testdata[18]()\n : this.state.testdata[18]}\n
\n Text color 50%\n \n \n {typeof this.state.testdata[19] === 'function'\n ? this.state.testdata[19]()\n : this.state.testdata[19]}\n
\n Text color 75%\n \n \n {typeof this.state.testdata[20] === 'function'\n ? this.state.testdata[20]()\n : this.state.testdata[20]}\n
\n Alt Text color\n \n \n {typeof this.state.testdata[21] === 'function'\n ? this.state.testdata[21]()\n : this.state.testdata[21]}\n
\n Disabled text color\n \n \n {typeof this.state.testdata[22] === 'function'\n ? this.state.testdata[22]()\n : this.state.testdata[22]}\n
\n Link color\n \n \n {typeof this.state.testdata[23] === 'function'\n ? this.state.testdata[23]()\n : this.state.testdata[23]}\n
\n Link color (hover)\n \n \n {typeof this.state.testdata[24] === 'function'\n ? this.state.testdata[24]()\n : this.state.testdata[24]}\n
\n Link color (disabled)\n \n Alert Colours
\n\n {typeof this.state.testdata[25] === 'function'\n ? this.state.testdata[25]()\n : this.state.testdata[25]}\n
\n Success color\n \n \n {typeof this.state.testdata[26] === 'function'\n ? this.state.testdata[26]()\n : this.state.testdata[26]}\n
\n Info color\n \n \n {typeof this.state.testdata[27] === 'function'\n ? this.state.testdata[27]()\n : this.state.testdata[27]}\n
\n Warning color\n \n \n {typeof this.state.testdata[28] === 'function'\n ? this.state.testdata[28]()\n : this.state.testdata[28]}\n
\n Danger color\n \n Heading level 1 - used for page titles
\nHeading level 2
\nHeading level 3
\nHeading level 4
\nHeading level 5
\nHeading level 6
\n\n\n This is a normal paragraph. On static pages, it’s designed for\n readability and optimising the number of characters per line.{' '}\n This is an inline link and{' '}\n \n this is the link state on hover\n \n .\n
\n\n This is a lead paragraph for text that requires more emphasis. It\n might be used as a longer-form tagline or subheading for a page or\n content section. It may have a slightly larger font size and\n line-height.\n
\n\n Only use bold in small amounts at a time, too much\n together and it might not have the desired effect.\n
\n\n Smaller text is used in various places around the site.\n
\n\n Defined within{' '}\n \n sass/components/typography.scss\n \n
- \n
- Font: \n
- Calibri, Arial, Open Sans; \n
- Font Light: \n
- Calibri, Arial, Open Sans; \n
- Font Italic: \n
- \n Calibri, Arial, Open Sans;\n \n
- Font SemiBold: \n
- Calibri, Arial, Open Sans; \n
- Font Bold: \n
- \n Calibri, Arial, Open Sans;\n \n
\n Defined within{' '}\n \n sass/components/typography.scss\n \n
\n There is a component made for the unordered lists{' '}\n defined within reactstrap. To see an interactive technical\n specification for this component, go to{' '}\n \n https://reactstrap.github.io/components/listgroup/\n \n .\n
\nUnstyled list
\n- \n
- Cras justo odio \n
- Dapibus ac facilisis in \n
- Morbi leo risus \n
- Porta ac consectetur ac \n
- Vestibulum at eros \n
Bullet list
\n- \n
- Cras justo odio \n
- Dapibus ac facilisis in \n
- Morbi leo risus \n
- Porta ac consectetur ac \n
- Vestibulum at eros \n
Check list
\n- \n
- Cras justo odio \n
- Dapibus ac facilisis in \n
- Morbi leo risus \n
- Porta ac consectetur ac \n
- Vestibulum at eros \n
Ordered list
\n- \n
- Cras justo odio \n
- Dapibus ac facilisis in \n
- Morbi leo risus \n
- Porta ac consectetur ac \n
- Vestibulum at eros \n
Description list - vertical
\nDescription list using columns
\nDescription list using dl-horizontal
\n- \n
- Balance due \n
- £2300.13 \n
- Minimum \n
- £100.00 \n
Description list reversed
\n\n Defined within{' '}\n \n sass/components/badges.scss\n \n
\n There is a component made for the side link defined\n within shared/components/sideLink.js. There is no\n interactive technical guide for this. To see its usage, go to{' '}\n styleguide/components/Badges.js.\n
Image Links
\n\n
\n \n Nav bar
\n\n \n \n \n
\n \n \n \n
\n - \n
- \n
\n Defined within{' '}\n \n sass/components/pagination.scss\n \n
\n There is a component made for pagination defined\n within shared/components/Pagination.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n Defined within{' '}\n \n sass/components/alerts.scss\n \n
\n There is a component made for the alerts defined\n within reactstrap. To see an interactive technical specification for\n this component, go to{' '}\n \n https://reactstrap.github.io/components/alerts/\n \n .\n
\nThis is a button to click
\n \nThis is a button to click
\n \n \nThis is a button to click
\n \n\n Defined within{' '}\n \n sass/components/tabs.scss\n \n
\n There is a component made for tabs defined within{' '}\n demo/account-type-savings.js and{' '}\n demo/account-type-loan.js. There is no interactive\n technical guide for this. To see its usage, go to{' '}\n styleguide/components/Tabs.js.\n
\n \n Please note this is a very complicated set of components, so it is\n advisable to look at the example before building your own.\n \n
\n\n \n\n Defined within{' '}\n \n sass/components/tables.scss\n \n
\n There is a component made for tables defined within\n reactstrap. To see an interactive technical specification for this\n component, go to{' '}\n \n https://reactstrap.github.io/components/tables/\n \n .\n
\nTable Columns
\n| Date | \nType | \nPayee | \nAmount | \n
|---|---|---|---|
| 08 May 2014 | \nOne-off Payment | \nNatwest | \n£100.00 | \n
| 10 Jun 2014 | \nTransfer | \nCurrent Account | \n£pound;500.00 | \n
| 05 Aug 2014 | \nDirect debit Electricity bill | \nBritish Gas | \n£120.00 | \n
Table Rows
\n| Payee | \nJo Bloggs | \nCurrent Account | \n
|---|---|---|
| Payee | \nJane Doe | \nSavings Account | \n
| Payee | \nJohn Smith | \nLoan Account | \n
\n Defined within{' '}\n \n sass/components/forms.scss\n \n
\n NB: Every form element requires a label. If for some\n reason you wish to hide the label, you need to add copy text for the\n label and add this to the component:\n
\n labelClassName='sr-only'\n
Standard Inputs
\nText Boxes
\n\n There is a component made for text boxes defined\n within shared/components/Text.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n
Drop Down
\n\n There is a component made for select boxes{' '}\n defined within shared/components/DropDown.js. To see\n an interactive technical specification for this component,{' '}\n click here.\n
\n
Text Area
\n\n There is a component made for text areas defined\n within shared/components/TextArea.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n
Date Pickers
\nDate
\n\n There is a component made for{' '}\n single box date pickers defined within{' '}\n shared/components/Date.js. To see an interactive\n technical specification for this component,{' '}\n click here.\n
\n This component uses shared/components/Date.js.\n
\n
Radios and Checkboxes
\nRadios
\n\n There is a component made for radios defined\n within shared/components/Radio.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n All radios must be wrapped in a{' '}\n <RadioGroup></RadioGroup> tag.\n
\n If you want to float radio buttons in a row, pass the variable{' '}\n groupClassName='not-stacked'. You may need\n to add some max widths to the radios if they are very long.\n
\n
RadioButton
\n\n There is a component made for radio buttons{' '}\n defined within shared/components/Check.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n All radios must be wrapped in a{' '}\n <RadioGroup></RadioGroup> tag, and legend\n copy text will need to be added.\n
\n
Check boxes
\n\n There is a component made for check boxes defined\n within shared/components/Check.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n All check boxes must be wrapped in a{' '}\n <CheckboxGroup></CheckboxGroup> tag.\n
\n If you want to float check boxes in a row, pass the variable{' '}\n groupClassName='not-stacked'. You may need\n to add some max widths to the radios if they are very long.\n
\n
Bespoke Inputs
\nCurrency
\n\n There is a component made for currency inputs{' '}\n defined within shared/components/Currency.js. To see\n an interactive technical specification for this component,{' '}\n click here.\n
\n This component uses{' '}\n shared/components/FormattedCurrency.js to return the\n currency. To see or edit a full list of currencies, go to{' '}\n shared/components/symbols.js.\n
\n
InputMask
\n\n There is a component made for input masks defined\n within shared/components/InputMask.js. It can be\n configured for various values, but is mainly used for sortcodes,\n as below. To see an interactive technical specification for this\n component, click here.\n
\n
\n \n
\n \n
Numeric
\n\n There is a component made for numeric inputs{' '}\n defined within shared/components/Numeric.js. To see\n an interactive technical specification for this component,{' '}\n click here.\n
\n Defined within{' '}\n \n sass/components/cards.scss\n \n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n \n \n This is a file upload label\n *\n \n \n
\n );\n }\n}\n\nStyleguideIndex.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n i18n: PropTypes.any,\n colours: PropTypes.any,\n};\n\nexport default StyleguideIndex;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport Styleguide from './Styleguide';\n//import { PrivateRoute } from '@myie/interact-dom';\n\nconst Routes = [\n // Styleguide
\nColours
\nFonts & Typography
\nLists
\nBadges
\nButtons
\nBreadcrumbs
\nPagination
\nAlerts
\nCards
\nTabs
\nTables
\nInputs
\n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n \n )}\n {mode === 'edit' &&\n (systemDownStatus?.shouldBlock ? (\n systemDownStatus.msg\n ) : (\n \n {systemDownStatus.msg}\n \n \n ))}\n
\n );\n }\n}\n\nView.propTypes = {\n contactOptions: PropTypes.object,\n fetchContactOptionsIfNeeded: PropTypes.func,\n fetchUserDetailsIfNeeded: PropTypes.func,\n resetContactOptions: PropTypes.any,\n setUserDetailSuccess: PropTypes.any,\n userManagementSuccess: PropTypes.any,\n userManagementActivate: PropTypes.any,\n resetUserDetails: PropTypes.any,\n setupUserDetails: PropTypes.any,\n resetPreferences: PropTypes.any,\n resetUserManagement: PropTypes.func,\n resetActivation: PropTypes.func,\n setupUserManagementActivate: PropTypes.func,\n resetComponentState: PropTypes.func,\n stateData: PropTypes.any,\n userDetails: PropTypes.object,\n urlParams: PropTypes.object,\n error: PropTypes.any,\n match: PropTypes.object,\n systemDownStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const { userManagementDefinition, customUserManagementDefinition } = state;\n return {\n ...userManagementDefinition,\n ...customUserManagementDefinition,\n };\n};\n\nexport default loadStateHOC(\n checkDownTime(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...brandUserManagementDispatch },\n )(View),\n ),\n storage.name,\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Text } from '@myie/interact-dom';\n\nclass AboutYou extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n message: null,\n submitForm: {},\n userDetails: null,\n yourTitle: null,\n firstName: null,\n lastName: null,\n };\n }\n\n render() {\n const { aboutYouData, aboutYouForm, onChange, onBlur } = this.props;\n\n return (\n \n
\n \n \n
\n \n
\n\n \n
\n
\n {mode === 'edit' && (\n \n )}\n {mode === 'edit' && (\n \n
\n \n \n
\n );\n }\n}\n\nAboutYou.propTypes = {\n onEvent: PropTypes.any,\n saveData: PropTypes.any,\n setForm: PropTypes.any,\n userDetails: PropTypes.any,\n aboutYouForm: PropTypes.any,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n aboutYouData: PropTypes.object,\n};\n\nexport default AboutYou;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Content, Markdown, RadioGroup, Radio } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass EditMarketingPreferences extends React.Component {\n onChangePreferences = e => {\n const { name, value } = e.target;\n\n const { updateMarketingPreferences } = this.props;\n\n updateMarketingPreferences(name, value);\n };\n render() {\n const { marketingPreferencesForm } = this.props;\n\n return (\n \n \n
\n );\n }\n}\n\nAdditionalDetails.propTypes = {\n contactOptions: PropTypes.object,\n fetchContactOptionsIfNeeded: PropTypes.func,\n fetchUserDetailsIfNeeded: PropTypes.func,\n resetContactOptions: PropTypes.any,\n setUserDetailSuccess: PropTypes.any,\n userManagementActivate: PropTypes.any,\n resetUserDetails: PropTypes.any,\n resetPreferences: PropTypes.any,\n resetUserManagement: PropTypes.func,\n setupUserDetails: PropTypes.func,\n userDetails: PropTypes.object,\n error: PropTypes.any,\n match: PropTypes.object,\n systemDownStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const {\n userManagementDefinition,\n customUserManagementDefinition,\n twoFactorDefinition,\n } = state;\n return {\n ...userManagementDefinition,\n ...customUserManagementDefinition,\n ...twoFactorDefinition,\n };\n};\n\nexport default checkDownTime(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...brandUserManagementDispatch },\n )(AdditionalDetails),\n);\n","import React from 'react';\n//import PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Success extends React.Component {\n render() {\n return (\n \n \n
\n \n \n
\n );\n }\n}\n\nSuccess.propTypes = {};\n\nexport default Success;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Switch, Redirect } from 'react-router-dom';\nimport { PrivateRoute } from '@myie/interact-dom';\nimport View from './View';\nimport AdditionalDetails from './AdditionalDetails';\nimport Success from './Success';\n\nclass PersonalDetails extends Component {\n render() {\n if (\n this.props.location.pathname.match(\n new RegExp('^/personal-details[/]{0,1}$'),\n )\n ) {\n return \n \n
\n \n \n \n
\n );\n }\n}\n\nPersonalDetails.propTypes = {\n location: PropTypes.object,\n};\n\nexport default PersonalDetails;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport PersonalDetails from './PersonalDetails';\n//import ManageStatementsIndex from './ManageStatements';\n\nconst Routes = [\n \n \n {hasNominatedAccount &&\n DocumentUploadStatus !==\n CONSTANTS.NOMINATED_ACC_DOC_UPLOAD_STATUS_PENDING &&\n DecisionStatus !== CONSTANTS.NOMINATED_ACC_DECISION_STATUS &&\n isAccountModeTransact && (\n \n \n \n \n )}\n {this.getMakePaymentLink(accounts, allProducts)}\n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n
\n );\n }\n}\n\nMoveMoneyIndex.propTypes = {\n accounts: PropTypes.any,\n getUserDetails: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n getAllProducts: PropTypes.func,\n allProducts: PropTypes.array,\n getNominatedAccountStatus: PropTypes.func,\n nominatedAccountStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const {\n accountsDefinition,\n userManagementDefinition,\n custombrandSavingsServicingDefinition,\n customUserManagementDefinition,\n } = state;\n return {\n ...accountsDefinition,\n ...userManagementDefinition,\n ...custombrandSavingsServicingDefinition,\n ...customUserManagementDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...userManagementDispatch,\n ...mapSavingsServicingDispatchToProps,\n ...brandUserManagementDispatch,\n },\n)(MoveMoneyIndex);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport MoveMoneyIndex from './MoveMoneyIndex';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-accounts';\nimport { Alert } from 'reactstrap';\nimport PropTypes from 'prop-types';\n\nclass MoveMoney extends React.Component {\n render() {\n const { error } = this.props;\n let re = new RegExp('^/move-money[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n \n {RegisteredServiceItems.map(sb => (\n \n { \n ))}\n {accounts && accounts.Accounts && savingsAccountAvailable ? (\n \n { \n \n ) : (\n ''\n )}\n \n
\n );\n }\n}\n\nServicesIndex.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n userDetails: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition } = state;\n return {\n ...accountsDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ServicesIndex);\n","import React from 'react';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport ServicesIndex from './ServicesIndex';\nimport { Alert } from 'reactstrap';\nimport PropTypes from 'prop-types';\n\nclass Services extends React.Component {\n render() {\n const { error } = this.props;\n let re = new RegExp('^/details[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nServices.propTypes = {\n error: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default Services;\n","import React from 'react';\nimport Services from './Services';\nimport { Route } from 'react-router-dom';\n\nconst Routes = [\n {withdrawalRule.message && (\n
\n )}\n \n
\n \n \n );\n }\n}\n\nTransferForm.propTypes = {\n account: PropTypes.object,\n setStateDynamic: PropTypes.func,\n saveData: PropTypes.any,\n accountForm: PropTypes.any,\n callAccountValidations: PropTypes.func,\n data: PropTypes.any,\n onCancelled: PropTypes.func,\n onSubmit: PropTypes.func,\n toAccount: PropTypes.any,\n isFetching: PropTypes.any,\n};\n\nexport default TransferForm;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport {\n //CONSTANTS,\n DropDown,\n} from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport TransferForm from './TransferForm';\n\nclass Create extends Component {\n constructor(props) {\n super(props);\n this.state = {\n account: null,\n toAccount: null,\n };\n }\n\n submitForm = form => {\n const { submitForm } = this.props;\n submitForm('ReviewTransfer', form);\n };\n\n accountOptions(prefix, item, index, extendedId) {\n return (\n Test Widget:
\nTest Widget:
\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n this.onClick(e, callback)}\\r\\n />\\r\\n \\r\\n \\r\\n \\r\\n {children}\\r\\n\\r\\n {error && error.message ? (\\r\\n \\r\\n {error.message}\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n {response.ResponseStatus === 'InvalidPostcodeFormat' ? (\\r\\n \\r\\n {i18n.t('common:AddressLookup.invalidPostcodeFormat', {\\r\\n defaultValue: `You have entered an invalide postcode format.`,\\r\\n })}\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n {response.ResponseStatus === 'NotFound' ? (\\r\\n \\r\\n {i18n.t('common:AddressLookup.notFound', {\\r\\n defaultValue: `No Address has been found for entered Postcode.`,\\r\\n })}\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n {response.ResponseStatus === 'Failed' ? (\\r\\n \\r\\n {i18n.t('common:AddressLookup.failed', {\\r\\n defaultValue: `Postcode lookup is currently unavailable.`,\\r\\n })}\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n {addressComponents.length === 1 ? (\\r\\n \\r\\n {i18n.t('common:AddressLookup.singleAddress', {\\r\\n defaultValue: `A single Address has been found.`,\\r\\n })}\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n {addressComponents.length > 1 ? (\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nAddressLookup.propTypes = {\\r\\n /**\\r\\n * Callback function\\r\\n */\\r\\n callback: PropTypes.func,\\r\\n /**\\r\\n * Children of the component\\r\\n */\\r\\n children: PropTypes.element.isRequired,\\r\\n /**\\r\\n * Description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Group style class name\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * The address ID\\r\\n */\\r\\n id: PropTypes.number.isRequired,\\r\\n /**\\r\\n * The address label\\r\\n */\\r\\n label: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label style class name\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * The address sub label\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n};\\r\\n\\r\\nexport default AddressLookup;\\r\\n\",\"examples\":[]},{\"name\":\"AuthButton.js\",\"description\":\"AuthButton component\",\"props\":{\"history\":{\"type\":{\"name\":\"object\"},\"required\":false,\"description\":\"Used for routing\"},\"url\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Used for redirecting\"},\"userLogout\":{\"type\":{\"name\":\"func\"},\"required\":true,\"description\":\"Used to logout current session\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { connect } from 'react-redux';\\r\\nimport { Button } from 'reactstrap';\\r\\nimport { withRouter } from 'react-router-dom';\\r\\nimport { mapDispatchToProps } from '@myie/interact-shared';\\r\\nimport { FormattedDate, Value } from '@myie/interact-dom';\\r\\nimport { Trans } from 'react-i18next';\\r\\nimport i18n from 'i18next';\\r\\nimport { Session } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * AuthButton component\\r\\n */\\r\\nclass AuthIndicator extends React.Component {\\r\\n render() {\\r\\n const { history, userLogout, url } = this.props;\\r\\n const customer = Session.customer();\\r\\n return Session.isAuthenticated() ? (\\r\\n \\r\\n \\r\\n {i18n.t('common:AddressLookup.multipleAddresses', {\\r\\n defaultValue: `Multiple Addresses have been found please select your address.`,\\r\\n })}\\r\\n \\r\\n \\r\\n {addressComponents} \\r\\n \\r\\n
\\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n \\r\\n Hi \\r\\n {\\r\\n clearInterval(window.sessionStorage.getItem('timeoutID'));\\r\\n Session.abandon();\\r\\n userLogout();\\r\\n history.push(url);\\r\\n }}\\r\\n >\\r\\n {i18n.t('common:welcome.signOut', {\\r\\n defaultValue: 'Sign out',\\r\\n })}\\r\\n \\r\\n
\\r\\n ) : (\\r\\n ''\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nAuthIndicator.propTypes = {\\r\\n /**\\r\\n * Used for routing\\r\\n */\\r\\n history: PropTypes.object,\\r\\n /**\\r\\n * Used for redirecting\\r\\n */\\r\\n url: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Used to logout current session\\r\\n */\\r\\n userLogout: PropTypes.func.isRequired,\\r\\n};\\r\\n\\r\\nconst AuthButton = withRouter(\\r\\n connect(\\r\\n null,\\r\\n mapDispatchToProps,\\r\\n )(AuthIndicator),\\r\\n);\\r\\n\\r\\nexport default AuthButton;\\r\\n\",\"examples\":[]},{\"name\":\"Check.js\",\"description\":\"Check box component\",\"props\":{\"checked\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"if check box is ticked\"},\"children\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"element\"},{\"name\":\"array\"}]},\"required\":false,\"description\":\"Any children of the component\"},\"className\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"checkbox description\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"is checkbox disabled?\"},\"field\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"input field\"},\"groupClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"\"},\"id\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"checkbox id?\"},\"label\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"\"},\"required\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"should show errors\"},\"showErrors\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Should show errors?\"},\"subLabel\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"\"},\"suffix\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"\"},\"validation\":{\"type\":{\"name\":\"object\"},\"required\":false,\"description\":\"Validation\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Input, Label } from 'reactstrap';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\nimport { Validate } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * Check box component\\r\\n */\\r\\nclass Check extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n showErrors = true,\\r\\n validation = {},\\r\\n children,\\r\\n id,\\r\\n disabled,\\r\\n required,\\r\\n checked,\\r\\n field,\\r\\n className = '',\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n label,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n suffix = '',\\r\\n ...rest\\r\\n } = props;\\r\\n const { value = '', state = {} } = validation;\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {showErrors ?\\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n {position && position.startsWith('!') ? (\\r\\n \\r\\n {symbol} \\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n inputOverride(event, dp, onBlur)}\\r\\n onChange={event => inputOverride(event, dp, onChange)}\\r\\n invalid={Validate.isInvalid(state)}\\r\\n valid={Validate.isValid(state)}\\r\\n id={id}\\r\\n name={fieldName}\\r\\n value={value}\\r\\n type=\\\"text\\\"\\r\\n inputMode={dp === 0 ? 'numeric' : 'decimal'}\\r\\n pattern={pattern}\\r\\n required={required}\\r\\n disabled={disabled}\\r\\n {...rest}\\r\\n />\\r\\n {position && position.endsWith('!') ? (\\r\\n \\r\\n {symbol} \\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n {suffix.length > 0 ?
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nCurrency.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Currency code\\r\\n */\\r\\n code: PropTypes.string,\\r\\n /**\\r\\n * Currency description\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Input disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * decimal places\\r\\n */\\r\\n dp: PropTypes.number,\\r\\n /**\\r\\n * Maximum number of digits\\r\\n */\\r\\n maxDigits: PropTypes.number,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Currency ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Style class name for input group\\r\\n */\\r\\n inputGroupClassName: PropTypes.string,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * onBlur function\\r\\n */\\r\\n onBlur: PropTypes.func.isRequired,\\r\\n /**\\r\\n * onChange function\\r\\n */\\r\\n onChange: PropTypes.func.isRequired,\\r\\n /**\\r\\n * Input required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Currency;\\r\\n\",\"examples\":[{\"name\":\"CurrencyExampleGBP\",\"description\":\"Currency GBP example\",\"code\":\"import React from 'react';\\r\\nimport { Currency } from '@myie/interact-dom';\\r\\nimport { Row, Col, FormGroup } from 'reactstrap';\\r\\n\\r\\n/** Currency GBP example */\\r\\nclass CurrencyExampleGBP extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n form: {\\r\\n amount: {\\r\\n value: 1500,\\r\\n },\\r\\n },\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { form } = this.state;\\r\\n const value = e.target.value;\\r\\n form.amount.value = value;\\r\\n this.setState({ form });\\r\\n };\\r\\n\\r\\n render() {\\r\\n const currencyCode = 'GBP';\\r\\n const { form } = this.state;\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?\\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {suffix.length > 0 ?
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nDate.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Style class name for InputGroup\\r\\n */\\r\\n className: PropTypes.string,\\r\\n /**\\r\\n * Date description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Input disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Date ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * onBlur function\\r\\n */\\r\\n onBlur: PropTypes.func.isRequired,\\r\\n /**\\r\\n * onChange function\\r\\n */\\r\\n onChange: PropTypes.func.isRequired,\\r\\n /**\\r\\n * Input required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Date;\\r\\n\",\"examples\":[{\"name\":\"DateExample\",\"description\":\"Date example\",\"code\":\"import React from 'react';\\r\\nimport { Date } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Date example */\\r\\nclass DateExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n };\\r\\n }\\r\\n\\r\\n onChangeDate = e => {\\r\\n const { value } = e.target;\\r\\n this.setState({ value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?click Here to close the modal
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n {children}\\r\\n \\r\\n {suffix.length > 0 ?
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nDropDown.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.array.isRequired,\\r\\n /**\\r\\n * Date description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * DropDown disabled or not\\r\\n */\\r\\n disabled: PropTypes.any,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * DropDown ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * DropDown required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default DropDown;\\r\\n\",\"examples\":[{\"name\":\"DropDownExample\",\"description\":\"Dropdown example\",\"code\":\"import React from 'react';\\r\\nimport { DropDown } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Dropdown example */\\r\\nclass DropDownExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { value } = e.target;\\r\\n this.setState({ value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {showErrors ?\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nGoogleTagManager.propTypes = {\\r\\n additionalEvents: PropTypes.object,\\r\\n dataLayerName: PropTypes.string,\\r\\n gtmId: PropTypes.string.isRequired,\\r\\n previewVariables: PropTypes.string,\\r\\n scheme: PropTypes.string,\\r\\n scriptId: PropTypes.string,\\r\\n};\\r\\n\\r\\nexport default GoogleTagManager;\\r\\n\",\"examples\":[]},{\"name\":\"IfAuthenticated.js\",\"description\":\"IfAuthenticated component\\r\\nwill display the content only if the session is authenticated\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Session } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * IfAuthenticated component\\r\\n * will display the content only if the session is authenticated\\r\\n */\\r\\nclass IfAuthenticated extends React.Component {\\r\\n render() {\\r\\n const { children } = this.props;\\r\\n if (Session.isAuthenticated()) {\\r\\n return <>{children};\\r\\n } else return null;\\r\\n }\\r\\n}\\r\\n\\r\\nIfAuthenticated.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n};\\r\\n\\r\\nexport default IfAuthenticated;\\r\\n\",\"examples\":[]},{\"name\":\"InputMask.js\",\"description\":\"Date component\\r\\nwill display an input field\\r\\ninput will be formatted with the passing mask\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Date description text\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Is input disabled?\"},\"field\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"array\"}]},\"required\":true,\"description\":\"Input field names\"},\"groupClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for group\"},\"id\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Date ID\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"mask\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Any character can be escaped with a backslash\"},\"maskChar\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Character to cover unfilled parts of the mask\"},\"onBlur\":{\"type\":{\"name\":\"func\"},\"required\":true,\"description\":\"onBlur function\"},\"onChange\":{\"type\":{\"name\":\"func\"},\"required\":true,\"description\":\"onChange function\"},\"required\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Input required or not\"},\"showErrors\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Show errors or not\"},\"subLabel\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Sub label text\"},\"suffix\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Suffix text\"},\"validation\":{\"type\":{\"name\":\"object\"},\"required\":false,\"description\":\"Input validation\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Input, Label } from 'reactstrap';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\nimport { Validate } from '@myie/interact';\\r\\nimport InputMask from 'react-input-mask';\\r\\n\\r\\n/**\\r\\n * Date component\\r\\n * will display an input field\\r\\n * input will be formatted with the passing mask\\r\\n */\\r\\nclass Mask extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n id,\\r\\n children,\\r\\n disabled,\\r\\n required,\\r\\n validation = {},\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n mask,\\r\\n field,\\r\\n label,\\r\\n maskChar,\\r\\n showErrors = true,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n suffix = '',\\r\\n ...rest\\r\\n } = props;\\r\\n const { value = '', state = {} } = validation;\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n return (\\r\\n {gtm.noScriptAsReact()}
\\r\\n \\r\\n {gtm.scriptAsReact()}\\r\\n
\\r\\n \\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n {() => (\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nMask.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Date description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Is input disabled?\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Date ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * Any character can be escaped with a backslash\\r\\n */\\r\\n mask: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Character to cover unfilled parts of the mask\\r\\n */\\r\\n maskChar: PropTypes.string,\\r\\n /**\\r\\n * onBlur function\\r\\n */\\r\\n onBlur: PropTypes.func.isRequired,\\r\\n /**\\r\\n * onChange function\\r\\n */\\r\\n onChange: PropTypes.func.isRequired,\\r\\n /**\\r\\n * Input required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Mask;\\r\\n\",\"examples\":[{\"name\":\"CheckExample\",\"description\":\"Mask example\",\"code\":\"import React from 'react';\\r\\nimport { Mask } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Mask example */\\r\\nclass MaskExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n form: {\\r\\n sortcode: {},\\r\\n },\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { value } = e.target;\\r\\n const { form } = this.state;\\r\\n form.sortcode.value = value;\\r\\n this.setState({ ...this.state, form });\\r\\n };\\r\\n\\r\\n render() {\\r\\n const { form } = this.state;\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?\\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n inputOverride(event, dp, onBlur)}\\r\\n onChange={event => inputOverride(event, dp, onChange)}\\r\\n invalid={Validate.isInvalid(state)}\\r\\n valid={Validate.isValid(state)}\\r\\n id={id}\\r\\n name={fieldName}\\r\\n value={value}\\r\\n disabled={disabled}\\r\\n required={required}\\r\\n type=\\\"text\\\"\\r\\n inputMode={dp === 0 ? 'numeric' : 'decimal'}\\r\\n pattern={pattern}\\r\\n {...rest}\\r\\n />\\r\\n {suffix.length > 0 ?
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nNumeric.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.array]),\\r\\n /**\\r\\n * Numeric description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Input disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * decimal places\\r\\n */\\r\\n dp: PropTypes.number,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Numeric ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * onBlur function\\r\\n */\\r\\n onBlur: PropTypes.func.isRequired,\\r\\n /**\\r\\n * onChange function\\r\\n */\\r\\n onChange: PropTypes.func.isRequired,\\r\\n /**\\r\\n * Input required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Numeric;\\r\\n\",\"examples\":[{\"name\":\"NumericExample\",\"description\":\"Numeric example\",\"code\":\"import React from 'react';\\r\\nimport { Numeric } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Numeric example */\\r\\nclass NumericExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { value } = e.target;\\r\\n this.setState({ value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?\\r\\n Page {currentPage} of {totalPages}\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n {label} {subLabel.length > 0 ? {subLabel} : ''}\\r\\n {description.length > 0 ? (\\r\\n {description}\\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n {children}\\r\\n {suffix.length > 0 ?
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nRadio.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.any,\\r\\n /**\\r\\n * Class name\\r\\n */\\r\\n className: PropTypes.string,\\r\\n /**\\r\\n * Description for radio\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Boolean flag whether radio is disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * Field name\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Class name\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Radio id\\r\\n */\\r\\n id: PropTypes.any.isRequired,\\r\\n /**\\r\\n * Radio label\\r\\n */\\r\\n label: PropTypes.any.isRequired,\\r\\n /**\\r\\n * Class name for the label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * Whether radio is required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Set value for radio\\r\\n */\\r\\n setValue: PropTypes.any,\\r\\n /**\\r\\n * Value for radio\\r\\n */\\r\\n value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).isRequired,\\r\\n /**\\r\\n * Sub label for radio\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix for radio\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Validation object\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Radio;\\r\\n\",\"examples\":[{\"name\":\"RadioExample\",\"description\":\"Radio Button example\",\"code\":\"import React from 'react';\\r\\nimport { Radio } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Radio Button example */\\r\\nclass RadioExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n };\\r\\n }\\r\\n\\r\\n onChangeRadioButton = e => {\\r\\n const { value } = e.target;\\r\\n this.setState({ value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n\\r\\n \\r\\n \\r\\n inputOverride(event, dp, onBlur)}\\r\\n onChange={event => inputOverride(event, dp, onChange)}\\r\\n id={id}\\r\\n name={fieldName}\\r\\n value={value}\\r\\n type=\\\"range\\\"\\r\\n step={step}\\r\\n {...rest}\\r\\n />\\r\\n \\r\\n {withInput ? (\\r\\n inputOverride(event, dp, onBlur)}\\r\\n onChange={event => inputOverride(event, dp, onChange)}\\r\\n invalid={Validate.isInvalid(state)}\\r\\n valid={Validate.isValid(state)}\\r\\n id={`${id}-input`}\\r\\n name={fieldName}\\r\\n value={value}\\r\\n disabled={disabled}\\r\\n required={required}\\r\\n type=\\\"number\\\"\\r\\n step={step}\\r\\n {...rest}\\r\\n />\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n
\\r\\n {suffix.length > 0 ?
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nSlider.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Date description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Input disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * decimal places\\r\\n */\\r\\n dp: PropTypes.number,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Slider ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Style class name for input\\r\\n */\\r\\n inputClassName: PropTypes.string,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * onBlur function\\r\\n */\\r\\n onBlur: PropTypes.func.isRequired,\\r\\n /**\\r\\n * onChange function\\r\\n */\\r\\n onChange: PropTypes.func.isRequired,\\r\\n /**\\r\\n * Input required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n withInput: PropTypes.any,\\r\\n};\\r\\n\\r\\nexport default Slider;\\r\\n\",\"examples\":[]},{\"name\":\"Text.js\",\"description\":\"\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Text description text\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Text input disabled or not\"},\"field\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"array\"}]},\"required\":true,\"description\":\"Input field names\"},\"groupClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for group\"},\"id\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Date ID\"},\"inputGroupClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for input group\"},\"inputPrefix\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"A prefix for the input\"},\"inputSuffix\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"A suffix for the input\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"maxLength\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"Maximum character limit\"},\"required\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Input required or not\"},\"showErrors\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Show errors or not\"},\"subLabel\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Sub label text\"},\"suffix\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Suffix text\"},\"validation\":{\"type\":{\"name\":\"object\"},\"required\":false,\"description\":\"Input validation\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport {\\r\\n Input,\\r\\n Label,\\r\\n InputGroup,\\r\\n InputGroupAddon,\\r\\n InputGroupText,\\r\\n} from 'reactstrap';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\nimport { Validate } from '@myie/interact';\\r\\n\\r\\nclass Text extends React.Component {\\r\\n attachAddons(input, inputPrefix, inputSuffix, inputGroupClassName, id) {\\r\\n const items = [];\\r\\n if (inputPrefix || inputSuffix) {\\r\\n if (inputPrefix) {\\r\\n items.push(\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?\\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n {this.attachAddons(\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nText.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Text description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * Text input disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Date ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Style class name for input group\\r\\n */\\r\\n inputGroupClassName: PropTypes.string,\\r\\n /**\\r\\n * A prefix for the input\\r\\n */\\r\\n inputPrefix: PropTypes.string,\\r\\n /**\\r\\n * A suffix for the input\\r\\n */\\r\\n inputSuffix: PropTypes.string,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * Maximum character limit\\r\\n */\\r\\n maxLength: PropTypes.any,\\r\\n /**\\r\\n * Input required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Text;\\r\\n\",\"examples\":[{\"name\":\"TextExample\",\"description\":\"Text example 1\",\"code\":\"import React from 'react';\\r\\nimport { Text } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Text example 1 */\\r\\nclass TextExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { value } = e.target;\\r\\n this.setState({ value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?\\r\\n {label || subLabel || description ? (\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nTextArea.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * TextArea description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * TextArea disabled or not\\r\\n */\\r\\n disabled: PropTypes.bool,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * TextArea ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n /**\\r\\n * TextArea required or not\\r\\n */\\r\\n required: PropTypes.bool,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Sub label text\\r\\n */\\r\\n subLabel: PropTypes.string,\\r\\n /**\\r\\n * Suffix text\\r\\n */\\r\\n suffix: PropTypes.string,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default TextArea;\\r\\n\",\"examples\":[{\"name\":\"TextAreaExample\",\"description\":\"Text Area Example\",\"code\":\"import React from 'react';\\r\\nimport { TextArea } from '@myie/interact-dom';\\r\\nimport { FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Text Area Example */\\r\\nclass TextAreaExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: '',\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { value } = e.target;\\r\\n this.setState({ value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?click Here to close the modal
\n \n\n
\n );\n let upcomingMsg = (\n \n
\n );\n if (moduleName === CONSTANTS.COMPONENT_QUICK_TRANSFER) {\n showMsg = false;\n }\n if (moduleName === CONSTANTS.COMPONENT_ACCOUNT_LIST) {\n moduleReadOnly = true;\n upcomingMsg = (\n \n
\n );\n onGoingMsg = (\n \n
\n );\n }\n return { showMsg, moduleReadOnly, onGoingMsg, upcomingMsg };\n };\n\n getDownTimeStatus = ({\n CurrentDowntimeStatus,\n BatchStartTime,\n BatchEndTime,\n }) => {\n const {\n showMsg,\n moduleReadOnly,\n onGoingMsg,\n upcomingMsg,\n } = this.getComponentProps(BatchStartTime, BatchEndTime);\n switch (CurrentDowntimeStatus) {\n case 'ONGOING':\n return {\n msg: showMsg ? onGoingMsg : null,\n shouldBlock: !moduleReadOnly,\n };\n case 'UPCOMING':\n return {\n msg: showMsg ? upcomingMsg : null,\n shouldBlock: false,\n };\n default:\n return { msg: null, shouldBlock: false };\n }\n };\n\n render() {\n const { systemMessages = {}, ...rest } = this.props;\n const status = this.getDownTimeStatus(systemMessages);\n\n return \n //
\n //
\n //
\n
\n \n
\n
\n \n
\n {diffMonth}\n
\n {diffDays}\n
\n {pageMode !== 'detail' ? (\n \n \n \n \n \n \n \n
\n );\n }\n}\n\nLinks.propTypes = {\n mode: PropTypes.any,\n pageMode: PropTypes.any,\n status: PropTypes.number,\n accountKey: PropTypes.any,\n accountName: PropTypes.any,\n loopIndex: PropTypes.any,\n accountType: PropTypes.string,\n accountStatus: PropTypes.string,\n account: PropTypes.any,\n};\n\nexport default Links;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Card, Row, Col, CardBody, CardHeader, CardFooter } from 'reactstrap';\nimport Balance from './Balance';\nimport Interest from './Interest';\nimport Overview from './Overview';\nimport Links from './Links';\nimport { Content, CONSTANTS } from '@myie/interact-dom';\n\nclass SavingsSummary extends React.Component {\n render() {\n let colSize = this.props.mode === 1 ? 12 : 6;\n\n const { account, loopIndex, status, pageMode = 'summary' } = this.props;\n const zeroBalance =\n account.ExtendedProperties &&\n account.ExtendedProperties.AvailableBalance === 0;\n const zeroInterest = !account.ExtendedProperties.Aer;\n\n const isClosed =\n account.AccountStatus === 'Closed' ||\n account.ExtendedProperties?.AccountMode === CONSTANTS.ACCOUNT_CLOSED;\n const hideBalance = zeroBalance && isClosed ? true : false;\n const hideInterest = zeroInterest && isClosed ? true : false;\n const accountType =\n account.ExtendedProperties && account.ExtendedProperties.AccountType\n ? account.ExtendedProperties.AccountType\n : '';\n\n return (\n \n {account.AccountName}\n
\n ) : (\n\n {account.AccountName}\n
\n )}\n\n
\n
\n \n
\n \n {keyTabs && product ? (\n \n \n \n \n ) : (\n ''\n )}\n \n
\n );\n }\n}\n\nSavingsDetails.propTypes = {\n account: PropTypes.any,\n accounts: PropTypes.object,\n documents: PropTypes.object,\n fetchSavingsAccountIfNeeded: PropTypes.any,\n fetchSavingsAccountTransactions: PropTypes.any,\n fetchSavingsAccountTransactionsIfNeeded: PropTypes.any,\n fetchDocumentsIfNeeded: PropTypes.func,\n loopIndex: PropTypes.number,\n getInterestHistory: PropTypes.any,\n interestHistory: PropTypes.any,\n updateUrl: PropTypes.any,\n location: PropTypes.any,\n isFetching: PropTypes.any,\n tabInit: PropTypes.any,\n keyTabs: PropTypes.any,\n activeKeyTab: PropTypes.any,\n urlParams: PropTypes.any,\n range: PropTypes.any,\n downloadlinkUrl: PropTypes.any,\n savedTransactions: PropTypes.array,\n saveTransactions: PropTypes.func,\n changeTab: PropTypes.any,\n getDownloadlinkUrl: PropTypes.func,\n getAllProducts: PropTypes.func,\n allProducts: PropTypes.array,\n};\n\nconst mapStateToProps = state => {\n const {\n accountsDefinition,\n custombrandAccountsDefinition,\n custombrandSavingsServicingDefinition,\n } = state;\n return {\n ...accountsDefinition,\n ...custombrandAccountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n tabNavHOC(\n withRouter(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapAccountsDispatchToProps,\n ...brandAccountsMapDispatch,\n ...mapSavingsServicingDispatchToProps,\n },\n )(SavingsDetails),\n ),\n ),\n storage.name,\n);\n","export const storage = {\n name: 'accountTypeSavings',\n};\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as brandAccountsMapDispatch } from '@myie/interact-brand-accounts';\nimport { Utility } from '@myie/interact';\n\nclass Messages extends React.Component {\n constructor(props) {\n super(props);\n const { maturityAlertVisibleArray } = this.props;\n this.state = {\n alertVisibleArray:\n maturityAlertVisibleArray && maturityAlertVisibleArray.length\n ? maturityAlertVisibleArray\n : [],\n };\n }\n\n closeAlert = () => {\n const { account } = this.props;\n let { alertVisibleArray } = this.state;\n let { saveMaturityMessageArray, maturityAlertVisibleArray } = this.props;\n Utility.hexEncode(account.AccountKey.Key);\n let availability;\n if (maturityAlertVisibleArray) {\n availability = maturityAlertVisibleArray.find(\n element => element === Utility.hexEncode(account.AccountKey.Key),\n );\n }\n\n if (!availability) {\n alertVisibleArray.push(Utility.hexEncode(account.AccountKey.Key));\n }\n saveMaturityMessageArray(alertVisibleArray);\n this.setState({ ...this.state, alertVisibleArray: alertVisibleArray });\n };\n\n render() {\n return null;\n }\n}\n\nMessages.propTypes = {\n maturityAlertVisibleArray: PropTypes.any,\n fetchSystemMessagesIfNeeded: PropTypes.any,\n maturityMessageArray: PropTypes.any,\n saveMaturityMessageArray: PropTypes.any,\n systemMessages: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n accounts: PropTypes.any,\n alertVisibleArray: PropTypes.any,\n account: PropTypes.object,\n loopIndex: PropTypes.any,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandAccountsDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandAccountsDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...brandAccountsMapDispatch, ...mapDispatchToProps },\n)(Messages);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Col } from 'reactstrap';\nimport { FormattedCurrency, Content } from '@myie/interact-dom';\n\nclass Balance extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n transactions: 0,\n };\n }\n\n render() {\n const { props } = this;\n const { account, outstandingAmount } = props;\n\n return (\n \n {pageMode !== 'detail' ? (\n \n
\n );\n }\n}\n\nLinks.propTypes = {\n mode: PropTypes.any,\n pageMode: PropTypes.any,\n status: PropTypes.number,\n accountKey: PropTypes.any,\n accountName: PropTypes.any,\n loopIndex: PropTypes.any,\n accountType: PropTypes.string,\n accountStatus: PropTypes.string,\n account: PropTypes.any,\n};\n\nexport default Links;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Card, Row, Col, CardBody, CardHeader, CardFooter } from 'reactstrap';\nimport Balance from './Balance';\nimport Overview from './Overview';\nimport Links from './Links';\nimport { Content, CONSTANTS } from '@myie/interact-dom';\nclass MortgageSummary extends React.Component {\n render() {\n let colSize = this.props.mode === 1 ? 12 : 6;\n\n const { account, loopIndex, status, pageMode } = this.props;\n const { ExtendedProperties: { CurrentBalance } = {} } = account;\n\n let nextPayments = {};\n\n let tabAccounts = account.ExtendedProperties.SubAccounts\n ? account.ExtendedProperties.SubAccounts\n : [];\n\n if (tabAccounts.length) {\n tabAccounts.forEach(element => {\n const { ExtendedProperties: { NextPaymentDate } = {} } = element;\n nextPayments[NextPaymentDate] = nextPayments[NextPaymentDate]\n ? nextPayments[NextPaymentDate] +\n element.ExtendedProperties.NextPaymentAmount\n : element.ExtendedProperties.NextPaymentAmount;\n });\n }\n\n const hideAmount =\n account.AccountStatus === 'Closed' ||\n account.ExtendedProperties?.AccountMode === CONSTANTS.ACCOUNT_CLOSED\n ? true\n : false;\n const accountType =\n account.ExtendedProperties && account.ExtendedProperties.AccountType\n ? account.ExtendedProperties.AccountType\n : '';\n\n return (\n \n {account.AccountName}\n
\n ) : (\n\n {account.AccountName}\n
\n )}\n\n
\n
\n \n {keyTabs ? (\n \n {' '}\n \n \n ) : (\n ''\n )}\n \n
\n );\n }\n}\n\nMortgageDetails.propTypes = {\n account: PropTypes.any,\n accounts: PropTypes.object,\n documents: PropTypes.object,\n tabInit: PropTypes.object,\n activeKeyTab: PropTypes.object,\n fetchSavingsAccountIfNeeded: PropTypes.any,\n fetchSavingsAccountTransactions: PropTypes.any,\n fetchSavingsAccountTransactionsIfNeeded: PropTypes.any,\n fetchDocumentsIfNeeded: PropTypes.func,\n loopIndex: PropTypes.number,\n getInterestHistory: PropTypes.any,\n interestHistory: PropTypes.any,\n updateUrl: PropTypes.any,\n location: PropTypes.any,\n isFetching: PropTypes.any,\n urlParams: PropTypes.any,\n range: PropTypes.any,\n changeTab: PropTypes.any,\n keyTabs: PropTypes.any,\n downloadlinkUrl: PropTypes.any,\n savedTransactions: PropTypes.array,\n saveTransactions: PropTypes.func,\n getDownloadlinkUrl: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandAccountsDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandAccountsDefinition,\n };\n};\n\nexport default loadStateHOC(\n tabNavHOC(\n withRouter(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapAccountsDispatchToProps,\n ...brandAccountsMapDispatch,\n },\n )(MortgageDetails),\n ),\n ),\n storage.name,\n);\n","export const storage = {\n name: 'accountTypeMortgage',\n};\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as brandAccountsMapDispatch } from '@myie/interact-brand-accounts';\nimport { Utility } from '@myie/interact';\n\nclass Messages extends React.Component {\n constructor(props) {\n super(props);\n const { maturityAlertVisibleArray } = this.props;\n this.state = {\n alertVisibleArray:\n maturityAlertVisibleArray && maturityAlertVisibleArray.length\n ? maturityAlertVisibleArray\n : [],\n };\n }\n\n closeAlert = () => {\n const { account } = this.props;\n let { alertVisibleArray } = this.state;\n let { saveMaturityMessageArray, maturityAlertVisibleArray } = this.props;\n Utility.hexEncode(account.AccountKey.Key);\n let availability;\n if (maturityAlertVisibleArray) {\n availability = maturityAlertVisibleArray.find(\n element => element === Utility.hexEncode(account.AccountKey.Key),\n );\n }\n\n if (!availability) {\n alertVisibleArray.push(Utility.hexEncode(account.AccountKey.Key));\n }\n saveMaturityMessageArray(alertVisibleArray);\n this.setState({ ...this.state, alertVisibleArray: alertVisibleArray });\n };\n\n render() {\n return null;\n }\n}\n\nMessages.propTypes = {\n maturityAlertVisibleArray: PropTypes.any,\n fetchSystemMessagesIfNeeded: PropTypes.any,\n maturityMessageArray: PropTypes.any,\n saveMaturityMessageArray: PropTypes.any,\n systemMessages: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n accounts: PropTypes.any,\n alertVisibleArray: PropTypes.any,\n account: PropTypes.object,\n loopIndex: PropTypes.any,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandAccountsDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandAccountsDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...brandAccountsMapDispatch, ...mapDispatchToProps },\n)(Messages);\n","/* eslint-disable no-mixed-spaces-and-tabs, prettier/prettier */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert } from 'reactstrap';\nimport { Markdown, CONSTANTS } from '@myie/interact-dom';\nimport { SavingsSummary } from '@myie/interact-account-type-savings-dom';\nimport { MortgageSummary } from '@myie/interact-account-type-mortgage-dom';\n\n\nclass LocalAccountSummary extends React.Component {\nrender() {\n// eslint-disable-next-line no-unused-vars\nconst { account, loopIndex, mode } = this.props\nswitch (account.ExtendedProperties.AccountType) {\n\t\tcase CONSTANTS.ACCOUNT_TYPE_SAVINGS:\n return (\n
\n
\n \n \n
\n \n \n
\n {systemDownStatus.msg}\n {messages}\n\n \n \n {children.length === 0 && !isAccountFetching ? (\n \n
\n );\n }\n}\n\nAccountsList.propTypes = {\n acc: PropTypes.object,\n accounts: PropTypes.object,\n history: PropTypes.any,\n urlParams: PropTypes.any,\n mode: PropTypes.any,\n iframe: PropTypes.any,\n userDetails: PropTypes.any,\n nominatedAccountStatus: PropTypes.any,\n setListMode: PropTypes.any,\n setStatusMode: PropTypes.any,\n updateUrl: PropTypes.any,\n status: PropTypes.any,\n viewGoalDetails: PropTypes.object,\n isAccountFetching: PropTypes.bool,\n systemDownStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const {\n custombrandSavingsServicingDefinition,\n accountsDefinition,\n userManagementDefinition,\n customUserManagementDefinition,\n } = state;\n return {\n ...custombrandSavingsServicingDefinition,\n ...accountsDefinition,\n isAccountFetching: accountsDefinition.isFetching,\n ...userManagementDefinition,\n ...customUserManagementDefinition,\n };\n};\n\nexport default loadStateHOC(\n checkDownTime(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(AccountsList),\n { moduleName: 'AccountsList' },\n ),\n storage.name,\n);\n","export const storage = {\n name: 'accountsList',\n};\n","/* eslint-disable no-mixed-spaces-and-tabs, prettier/prettier */\n\nimport React from 'react';\nimport PropTypes from 'prop-types'\nimport { Alert } from 'reactstrap'\nimport { Markdown, CONSTANTS } from '@myie/interact-dom';\nimport { SavingsDetails } from '@myie/interact-account-type-savings-dom';\nimport { MortgageDetails } from '@myie/interact-account-type-mortgage-dom';\n\n\nclass LocalAccountDetails extends React.Component {\nrender() {\n// eslint-disable-next-line no-unused-vars\nconst { account, loopIndex, mode, accounts } = this.props\nswitch (account.ExtendedProperties.AccountType) {\n\t\tcase CONSTANTS.ACCOUNT_TYPE_SAVINGS: return (\n
\n \n \n {statusToggle} {gridToggle}\n
\n \n \n
\n\n \n
\n
\n
\n {accounts ? (\n \n \n \n {account ? (\n \n \n \n \n {customer.Username ? customer.Name : ''}\n \n\n \n {account &&\n account.ExtendedProperties &&\n account.ExtendedProperties.NominatedAccountNumber\n ? account.ExtendedProperties.NominatedAccountNumber\n : ''}\n \n
\n \n \n ) : null}\n \n ) : (\n ''\n )}\n
\n );\n }\n}\n\nNominatedAccount.propTypes = {\n fetchAccountsIfNeeded: PropTypes.any,\n accounts: PropTypes.any,\n match: PropTypes.any,\n history: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(NominatedAccount);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport AccountsList from './AccountsList';\nimport AccountDetailsTemplate from './AccountDetailsTemplate';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as brandUserManagementDispatch } from '@myie/interact-user-management';\nimport { mapDispatchToProps as servicingMapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { mapDispatchToProps as userManagementDispatch } from '@myie/interact-brand-user-management';\nimport { Session } from '@myie/interact';\nimport { Alert } from 'reactstrap';\nimport NominatedAccount from './NominatedAccount';\n\nclass Accounts extends React.Component {\n constructor(props) {\n super(props);\n localStorage.removeItem('firstLogin');\n this.state = {\n called: false,\n accountCalled: false,\n };\n }\n componentDidMount() {\n const {\n fetchAccountsIfNeeded,\n getUserDetails,\n getIframe,\n getNominatedAccountStatus,\n isAccountFetching,\n } = this.props;\n //***Shold be removed from the code.\n const retrievedUserName = Session.customer();\n getUserDetails({ userName: retrievedUserName.Username });\n getIframe({ Category: 'NominatedAccount' });\n if (!isAccountFetching) {\n fetchAccountsIfNeeded();\n }\n const request = {\n userName: retrievedUserName.Username,\n Category: 'NominatedAccount',\n attempt: 1,\n };\n getNominatedAccountStatus(request);\n }\n\n static getDerivedStateFromProps(props, state) {\n const { accounts, isFetching, viewGoals } = props;\n\n let keys = [];\n if (accounts && accounts.Accounts && !isFetching && !state.called) {\n accounts.Accounts.forEach(account => {\n keys.push(account.AccountKey);\n });\n\n viewGoals({\n AccountKeys: keys,\n });\n return {\n called: true,\n accountCalled: true,\n };\n }\n if (accounts && !state.accountCalled) {\n return {\n accountCalled: true,\n };\n }\n return null;\n }\n\n render() {\n const { error } = this.props;\n const re = new RegExp('^/accounts[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n $[phone].`}\n />\n
\n - \n
- \n
- \n
\n \n this.changeUrl()}\n >\n
\n \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nAccounts.propTypes = {\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n location: PropTypes.any,\n match: PropTypes.any,\n account: PropTypes.any,\n userDetails: PropTypes.object,\n getUserDetails: PropTypes.any,\n viewGoals: PropTypes.func,\n accounts: PropTypes.object,\n viewGoalDetails: PropTypes.object,\n getIframe: PropTypes.func,\n nominatedAccountStatus: PropTypes.object,\n isFetching: PropTypes.any,\n getNominatedAccountStatus: PropTypes.func,\n resetViewGoals: PropTypes.func,\n isAccountFetching: PropTypes.bool,\n};\nconst mapStateToProps = state => {\n const {\n custombrandSavingsServicingDefinition,\n accountsDefinition,\n userManagementDefinition,\n } = state;\n return {\n ...custombrandSavingsServicingDefinition,\n ...userManagementDefinition,\n ...accountsDefinition,\n isAccountFetching: accountsDefinition.isFetching,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...servicingMapDispatchToProps,\n ...brandUserManagementDispatch,\n ...userManagementDispatch,\n },\n)(Accounts);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-messaging-twoway';\nimport { Transfer } from '@myie/interact-widget-quick-transfer-dom';\nimport {\n HelpContactSidebar,\n LinkTag,\n Content,\n Markdown,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass SummarySideBar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nSummarySideBar.propTypes = {\n i18n: PropTypes.any,\n newMessageCount: PropTypes.object,\n};\n\nexport default connect(mapStateToProps)(SummarySideBar);\n\n/*export default ('accounts')(\n connect(mapStateToProps)(SummarySideBar),\n); */\n","import SummarySidebar from './SummarySideBar';\nimport DetailSidebar from './DetailSideBar';\n\nconst AccountsSidebars = [\n {\n url: '/accounts/list',\n Sidebar: SummarySidebar,\n },\n {\n url: '/accounts/details/',\n Sidebar: DetailSidebar,\n },\n];\n\nexport default AccountsSidebars;\n","import React from 'react';\nimport { SelectAccounts } from '@myie/interact-widget-select-account-dom';\nimport { Session } from '@myie/interact';\n\nconst DetailSideBar = () => {\n return (\n \n );\n};\n\nexport default DetailSideBar;\n","import SummaryMenuItems from './SummaryMenuItems';\n\nconst AccountsMenuItems = [\n {\n url: '/accounts',\n menuItem: SummaryMenuItems,\n },\n];\n\nexport default AccountsMenuItems;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Content } from '@myie/interact-dom';\n\nclass SummaryMenuItems extends React.Component {\n constructor(props) {\n super(props);\n this.state = { removeClass: false };\n }\n\n hideMenu = () => {\n this.setState({ removeClass: !this.state.removeClass });\n };\n\n render() {\n let menuClass = ['nav-link'];\n if (this.state.addClass) {\n menuClass.push('green');\n }\n return (\n \n \n
\n \n {this.getBackButton(match.params.page)}\n
\n \n
\n \n - \n
\n
\n \n \n
\n \n \n
\n \n\n - \n
\n \n
\n
\n \n \n \n
\n \n \n
\n
\n \n {this.getBackButton(match && match.params ? match.params.page : '')}\n
\n \n
\n \n {this.getBackButton(match && match.params ? match.params.page : '')}\n
\n \n {this.getBackButton(match.params.page)}\n
\n \n {this.getBackButton(match.params.page)}\n
\n \n
\n \n - \n
\n \n
\n \n \n
\n \n\n - \n
\n \n
\n
\n \n \n \n
\n \n \n
\n
\n \n {this.getBackButton(match.params.page)}\n
\n \n {this.getBackButton(match.params.page)}\n
\n \n \n
\n
\n );\n }\n}\n\nViewNominatedAccount.propTypes = {\n nominatedAccountDetails: PropTypes.object,\n match: PropTypes.any,\n history: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { userManagementDefinition } = state;\n return {\n ...userManagementDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...brandUserManagementDispatch,\n },\n)(ViewNominatedAccount);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\nimport { Button } from 'reactstrap';\n\nclass AddNominatedAccountScreen extends Component {\n changeUrl = () => {\n const { match, history } = this.props;\n\n if (match.params && (match.params.page || match.params.id)) {\n switch (match.params.page) {\n case 'account-details':\n {\n let url = `/accounts/details/${match.params.id}`;\n history.push(url);\n }\n break;\n case 'summary':\n history.push('/accounts/list');\n break;\n case 'moveMoney':\n history.push('/move-money/index');\n break;\n case 'myDetails':\n history.push('/details/index');\n break;\n default:\n }\n }\n };\n\n getContent = page => {\n switch (page) {\n case 'summary':\n return (\n \n \n
\n \n \n
\n \n {this.getBackButton(match.params.page)}\n
\n \n
\n {this.getBackButton(match.params.page)}\n
\n \n
\n \n \n {Description}{' '}\n {Pending &&\n this.props.productType !== CONSTANTS.ACCOUNT_TYPE_MORTGAGE\n ? '(Pending)'\n : ''}{' '}\n
\n \n \n \n \n
\n
\n \n * \n
\n
\n \n \n {transaction.ExtendedProperties &&\n transaction.ExtendedProperties.Type && (\n \n )}\n \n \n \n
\n );\n })}\n - \n {documentList}\n
\n {transaction.Description.charAt(0).toUpperCase() +\n transaction.Description.slice(1).toLowerCase()}\n
\n \n \n {error}\n\n updateStage(e, 'ReviewPayment')}\n >\n
\n );\n }\n}\n\nMakePayment.propTypes = {\n account: PropTypes.any,\n accounts: PropTypes.any,\n error: PropTypes.any,\n form: PropTypes.any,\n info: PropTypes.any,\n isFetching: PropTypes.any,\n match: PropTypes.any,\n onBlur: PropTypes.any,\n onChange: PropTypes.any,\n onChangeAccount: PropTypes.any,\n referrer: PropTypes.any,\n updateStage: PropTypes.any,\n};\n\nexport default MakePayment;\n","import React from 'react';\nimport { Row, Col, Form, Button } from 'reactstrap';\nimport { FormattedCurrency, Content } from '@myie/interact-dom';\nimport { Alert } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nconst ReviewPayment = props => {\n const {\n form,\n updateStage,\n error,\n submit,\n account,\n referrer = '/accounts',\n } = props;\n\n return (\n \n \n \n
\n \n \n \n {error}\n \n ) : (\n ''\n )}\n \n
\n );\n};\n\nReviewPayment.propTypes = {\n account: PropTypes.any,\n error: PropTypes.any,\n form: PropTypes.any,\n info: PropTypes.any,\n referrer: PropTypes.any,\n submit: PropTypes.any,\n updateStage: PropTypes.any,\n};\n\nexport default ReviewPayment;\n","import React from 'react';\nimport { Button, Form } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Content } from '@myie/interact-dom';\nconst url = require('url');\n\nclass CompletePayment extends React.Component {\n constructor(props) {\n super(props);\n this.formRef = React.createRef();\n this.iframeRef = React.createRef();\n }\n\n componentDidMount() {\n // use this for posting to iframe\n try {\n this.formRef.current.submit();\n } catch (e) {\n // add code here to trap issues\n }\n }\n\n iframeLoaded = e => {\n const { submit, referrer, history } = this.props;\n try {\n const href = this.iframeRef.current.contentWindow.location.href;\n const search = this.iframeRef.current.contentWindow.location.search;\n if (href.indexOf('3ds-success.html') >= 0) {\n submit(e, search);\n } else if (href.indexOf('3ds-cancel.html') >= 0) {\n history.push(referrer);\n }\n } catch (e) {\n // usually means it iframe is cross-domain, so not our site\n }\n };\n\n render() {\n const { props } = this;\n const {\n updateStage,\n //submit,\n error,\n referrer = '/accounts',\n payment,\n } = props;\n let urlParsed = null;\n let params = null;\n if (payment.ThreeDSecureUrl) {\n urlParsed = url.parse(payment.ThreeDSecureUrl);\n params = urlParsed.query.split(',');\n }\n\n return (\n \n {error}\n\n \n {/* used for post method */}\n {urlParsed && (\n \n {params.map(param => {\n return (\n \n );\n })}\n \n )}\n {payment.ResponseStatus === 'PerformThreeDSecure' ? (\n \n ) : (\n ''\n )}\n \n updateStage(e, 'MakePayment')}\n >\n {payment.ResponseStatus !== 'PerformThreeDSecure' ? (\n
\n );\n }\n}\n\nCompletePayment.propTypes = {\n error: PropTypes.any,\n history: PropTypes.any,\n payment: PropTypes.any,\n referrer: PropTypes.string,\n submit: PropTypes.any,\n updateStage: PropTypes.any,\n};\n\nexport default CompletePayment;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Row, Col } from 'reactstrap';\nimport { FormattedCurrency, Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\n\nconst SuccessfulPayment = props => {\n const { account, form, referrer = '/accounts', payment } = props;\n return (\n \n \n
\n ) : (\n ''\n )}\n \n \n \n
\n
\n );\n};\n\nSuccessfulPayment.propTypes = {\n account: PropTypes.any,\n form: PropTypes.any,\n info: PropTypes.any,\n payment: PropTypes.any,\n referrer: PropTypes.any,\n};\n\nexport default SuccessfulPayment;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BreadcrumbItem } from 'reactstrap';\nimport { Content } from '@myie/interact-dom';\n\nclass PaymentBreadcrumbs extends React.Component {\n render() {\n const { stage } = this.props;\n\n return (\n \n
\n \n
\n \n
\n \n - \n
\n
\n
\n \n {this.renderStage(stage, error)}\n \n \n \n
\n );\n }\n}\nexport default Savings;\n","import React from 'react';\nimport { Col, Row } from 'reactstrap';\nimport { Content, FormattedCurrency } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\n\nconst WithdrawalAccount = ({ account, noticePeriod }) => {\n const {\n ExtendedProperties: { AvailableBalance, PendingBalance } = {},\n } = account;\n const balance = AvailableBalance + PendingBalance;\n\n return (\n \n
\n {account && withdrawalRule && !withdrawalRule.isPermitted && (\n \n
\n )}\n \n
\n \n \n \n
\n \n );\n }\n}\n\nWithdrawalForm.propTypes = {\n account: PropTypes.object,\n setStateDynamic: PropTypes.any,\n actionDate: PropTypes.any,\n noticeExpiryDate: PropTypes.any,\n saveData: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n onSubmit: PropTypes.func,\n};\n\nexport default WithdrawalForm;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport WithdrawalAccount from '../../shared/WithdrawalAccount';\nimport { RedirectByAccountDropdown } from '@myie/interact-accounts-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport WithdrawalForm from './WithdrawalForm';\n\nclass Create extends Component {\n constructor(props) {\n super(props);\n const { allProducts, getAllProducts } = this.props;\n if (!allProducts) {\n getAllProducts({\n checkLimitExceeded: false,\n isShortApply: false,\n });\n }\n }\n\n submitForm = (form, isSubmit = false) => {\n const { submitForm } = this.props;\n submitForm('ReviewNotice', form, isSubmit);\n };\n\n render() {\n const {\n account,\n fromAccounts,\n onChangeAccount,\n onCancelled,\n actionDate,\n noticeExpiryDate,\n isFetching,\n setStateDynamic,\n saveData,\n allProducts,\n } = this.props;\n\n if (!allProducts) {\n return null;\n }\n const product = allProducts.find(\n product =>\n product.Product_Code === account.ExtendedProperties.ProductCode,\n );\n\n const noticePeriod =\n product && product.Notice_Period_Days ? product.Notice_Period_Days : 0;\n\n return (\n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n );\n }\n}\n\nCreateNotice.propTypes = {\n accounts: PropTypes.any,\n withdrawalAccount: PropTypes.object,\n isFetching: PropTypes.bool,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n resetMakeWithdrawal: PropTypes.func,\n makeaWithdraw: PropTypes.func,\n holidays: PropTypes.any,\n account: PropTypes.any,\n urlParams: PropTypes.any,\n stateData: PropTypes.any,\n refreshUrl: PropTypes.any,\n updateUrl: PropTypes.any,\n resetComponentState: PropTypes.func,\n makeWithdrawResponse: PropTypes.any,\n getAllProducts: PropTypes.func,\n allProducts: PropTypes.array,\n systemDownStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n checkDownTime(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n )(CreateNotice),\n ),\n storage.name,\n);\n","export const storage = {\n name: 'noticeToWithdraw',\n};\n","import React, { Component } from 'react';\nimport { Row, Col, Card, CardBody } from 'reactstrap';\nimport {\n Content,\n FormattedDate,\n FormattedCurrency,\n CONSTANTS,\n} from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport moment from 'moment';\nclass NoticeToWithdraw extends Component {\n onCancelHandler = () => {\n const { onCancel, loopIndex } = this.props;\n onCancel(loopIndex);\n };\n\n validateWithdrawalDate = withdrawalDate => {\n let today = moment().format('YYYY-MM-DD');\n return moment(today).isBefore(moment(withdrawalDate));\n };\n\n render() {\n const {\n page,\n withdrawal,\n Index,\n accountKey,\n account: {\n CurrencyCode,\n ExtendedProperties: { NominatedAccountNumber } = {},\n } = {},\n loopIndex,\n paymentMethod,\n } = this.props;\n\n return (\n \n
\n {this.state.stage === 'createNotice' ? (\n - \n
\n
\n \n {\n this.createNotice(noticesList);\n }}\n >\n
\n ) : null}\n {!options.length ? (\n \n \n ) : (\n \n {!createStatus ? (\n \n $[email] or call us on $[phone].`}\n />\n \n ) : null}\n {totalAmountStatus ? (\n \n $[email] or call us on $[phone].`}\n />\n \n ) : null}\n \n {!isFetching && pendingTransactions ? (\n pendingTransactions.length > 0 ? (\n \n \n ) : (\n \n \n \n \n )}\n
\n );\n }\n}\n\nNoticeToWithdrawList.propTypes = {\n accounts: PropTypes.any,\n isFetching: PropTypes.bool,\n selectedAccount: PropTypes.object,\n history: PropTypes.any,\n withdrawalNotices: PropTypes.any,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n fetchSavingsAccountTransactionsIfNeeded: PropTypes.any,\n getListNoticeToWithdraw: PropTypes.func,\n noticesList: PropTypes.array,\n getAllProducts: PropTypes.func,\n allProducts: PropTypes.array,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...savingsMapDispatchToProps,\n ...mapSavingsServicingDispatchToProps,\n },\n)(withRouter(NoticeToWithdrawList));\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { Col, Row } from 'reactstrap';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport {\n Content,\n FormattedCurrency,\n FormattedDate,\n CONSTANTS,\n AppMeta,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\n\nclass CancellationSuccess extends Component {\n componentDidMount() {\n const { resetCancellation } = this.props;\n resetCancellation();\n }\n render() {\n const { account = {}, accountKey, page, selectedNotice } = this.props;\n const { CurrencyCode } = account;\n return (\n \n {this.getBackButton(match.params.page)}\n
\n \n \n
\n \n \n \n
\n \n \n \n
\n );\n }\n}\n\nexport { NoticeToWithdrawals };\n","import React from 'react';\nimport { Col, Row } from 'reactstrap';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Session } from '@myie/interact';\n\nconst NominatedAccount = ({ account }) => {\n const {\n ExtendedProperties: { NominatedAccountNumber, NominatedSortCode } = {},\n } = account;\n const customer = Session.customer();\n return (\n \n \n
\n
\n );\n};\n\nNominatedAccount.propTypes = {\n account: PropTypes.object,\n};\n\nexport default NominatedAccount;\n","import React, { Component } from 'react';\nimport { Form, Button, Row, Col } from 'reactstrap';\nimport {\n Content,\n Markdown,\n FormattedDate,\n Currency as CurrencyInput,\n RULES,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\n\nclass WithdrawalWithClose extends Component {\n constructor(props) {\n super(props);\n const {\n ExtendedProperties: { AvailableBalance } = {},\n } = this.props.account;\n this.state = {\n form: {\n amount: {\n rules: {\n title: 'Amount',\n stop: true,\n required: {\n message: 'Please enter an amount.',\n },\n format: {\n regex: RULES.ammountFormat,\n message: 'Please enter a valid amount.',\n },\n\n minAmountCheck: {\n message: 'Please enter a minimum amount of £1000.',\n comparison: () => {\n if (AvailableBalance < 1000) {\n return null;\n } else {\n return [1000, AvailableBalance];\n }\n },\n },\n minAmountFullBalance: {\n message: 'Please enter your full balance to proceed.',\n comparison: () => {\n return AvailableBalance;\n },\n },\n compareWithAvailableBalance: {\n message: `To close your account and transfer the funds to another ${CONTACTS.companyName} account, please contact our Online Support Team on ${CONTACTS.phone}`,\n comparison: () => {\n const {\n ExtendedProperties: { AvailableBalance } = {},\n } = this.props.account;\n\n return AvailableBalance;\n },\n },\n },\n value: '',\n },\n },\n };\n }\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n updateCurrency = e => {\n let { name, value } = e.target;\n let newValue = value;\n newValue = new Intl.NumberFormat().format(value.replace(/,/g, ''));\n\n // Deal with trailing . or .0 or .n0\n if (value.charAt(value.length - 1) === '.') {\n newValue += '.';\n }\n if (value.slice(value.length - 2) === '.0') {\n newValue += '.0';\n }\n if (\n value.charAt(value.length - 3) === '.' &&\n value.charAt(value.length - 1) === '0'\n ) {\n if (value.charAt(value.length - 2) === '0') {\n newValue += '.0';\n }\n newValue += '0';\n }\n let { form } = this.state;\n form = Validate.input(name, newValue, form, true);\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const { onSubmit } = this.props;\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n\n if (!form.approved) {\n return;\n }\n if (typeof onSubmit === 'function') {\n onSubmit(form);\n }\n\n onSubmit(form);\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form } = this.state;\n form = Validate.input(name, checked ? 'true' : null, form);\n if (checked) {\n form.amount.value = '';\n }\n this.setState({ ...this.state, form });\n };\n\n render() {\n const { onCancelled, account = {}, actionDate } = this.props;\n const { form } = this.state;\n\n return (\n \n
\n \n \n
\n
\n \n
\n \n \n \n
\n \n );\n }\n}\n\nWithdrawalWithClose.propTypes = {\n account: PropTypes.object,\n actionDate: PropTypes.any,\n onCancelled: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport default WithdrawalWithClose;\n","import React from 'react';\nimport { Markdown, Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport NominatedAccount from '../shared/NominatedAccount';\nimport WithdrawalWithClose from '../shared/WithdrawalWithClose';\nimport WithdrawalAccount from '../shared/WithdrawalAccount';\nimport { RedirectByAccountDropdown } from '@myie/interact-accounts-dom';\n\nclass MakePayment extends React.Component {\n constructor(props) {\n super(props);\n const { account = {} } = props;\n this.state = {\n account: account,\n };\n }\n\n submitForm = form => {\n const { submitForm } = this.props;\n submitForm('ReviewPayment', form);\n };\n\n render() {\n const { account } = this.state;\n const {\n accounts = {},\n onChangeAccount,\n onCancelled,\n actionDate,\n } = this.props;\n if (!account) {\n return null;\n }\n return (\n \n
\n \n
\n \n \n \n \n \n ) : (\n ''\n )}\n \n ) : (\n ''\n )}\n
\n {!reference ? (\n
\n \n
\n \n \n \n
\n \n \n
\n \n {stage === 'MakePayment' ? (\n
\n\n {stage !== 'CompletePayment' ? (\n \n
\n ) : (\n ''\n )}\n\n {!isFetching && error ? - \n
\n \n \n
\n );\n }\n}\n\nexport default MakeWithdrawalRoute;\n","export const storage = {\n name: 'transferIntoNewAccount',\n};\n","import React, { Component } from 'react';\nimport { Form, Button, Row, Col } from 'reactstrap';\nimport { Content, Markdown, FormattedDate, Text } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\nimport _ from 'lodash';\nimport { RULES } from '../../../shared/constants/rules';\nimport Amount from '../../shared/inputAmount';\n\nclass TransferForm extends Component {\n constructor(props) {\n super(props);\n const state = this.initialState(props.account, props.data);\n this.state = state;\n }\n\n componentDidUpdate() {\n const { account: propAccount } = this.props;\n const { account: stateAccount } = this.state;\n if (propAccount && propAccount !== stateAccount) {\n this.setState({ ...this.state, account: propAccount });\n }\n }\n\n setAmountRules = ({ amount, withdrawalRule }) => {\n const form = { ...this.state.form, amount };\n this.setState({\n ...this.state,\n amount,\n form,\n withdrawalRule,\n });\n };\n\n initialState = (account, data) => {\n return {\n account: account,\n form: {\n reference: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter a payment reference.',\n },\n format: {\n regex: RULES.paymentReference,\n message: 'Please enter a valid reference.',\n },\n },\n value: data && data['reference'] ? data['reference'] : '',\n },\n payeeName: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter the payee name.',\n },\n format: {\n regex: RULES.payeeName,\n message: 'Please enter a valid payee name.',\n },\n },\n value: data && data['payeeName'] ? data['payeeName'] : '',\n },\n\n payeeAccount: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter your account number.',\n },\n format: {\n regex: RULES.accountNumber,\n message: 'Please enter a valid account number.',\n },\n },\n value: data && data['payeeAccount'] ? data['payeeAccount'] : '',\n },\n },\n };\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n const { data, setStateDynamic } = this.props;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n updateCurrency = e => {\n let { name, value } = e.target;\n const { data, setStateDynamic } = this.props;\n let newValue = value;\n newValue = new Intl.NumberFormat().format(value.replace(/,/g, ''));\n\n // Deal with trailing . or .0 or .n0\n if (value.charAt(value.length - 1) === '.') {\n newValue += '.';\n }\n if (value.slice(value.length - 2) === '.0') {\n newValue += '.0';\n }\n if (\n value.charAt(value.length - 3) === '.' &&\n value.charAt(value.length - 1) === '0'\n ) {\n if (value.charAt(value.length - 2) === '0') {\n newValue += '.0';\n }\n newValue += '0';\n }\n if (newValue === '0') {\n newValue = '';\n }\n let { form } = this.state;\n form = Validate.input(name, newValue, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const {\n onSubmit,\n account,\n callAccountValidations,\n accountForm,\n setStateDynamic,\n } = this.props;\n let validatedAccountForm = Validate.form(accountForm);\n if (!account) {\n callAccountValidations();\n return;\n }\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n setStateDynamic({\n combinedForm: {\n ...form,\n accountFormValidation: validatedAccountForm.accountFormValidation,\n },\n });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n if (typeof onSubmit === 'function') {\n onSubmit(form);\n }\n\n const validatedForm = Validate.form({\n ...form,\n accountFormValidation: validatedAccountForm.accountFormValidation,\n });\n\n setStateDynamic({\n combinedForm: validatedForm,\n });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n if (form && form.approved) {\n onSubmit(form);\n }\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form, amount } = this.state;\n const { data, setStateDynamic } = this.props;\n\n if (checked) {\n form = _.flow([\n Object.entries,\n arr => arr.filter(([key]) => key !== 'amount' && key !== 'approved'),\n Object.fromEntries,\n ])(form);\n } else {\n form = _.flow([\n Object.entries,\n arr => arr.filter(([key]) => key !== 'approved'),\n Object.fromEntries,\n ])(form);\n if (!form.amount) {\n form = { amount, ...form };\n }\n }\n form = Validate.input(name, checked ? 'true' : null, form);\n let combinedForm = form; // Validate.form(form);\n data[name] = checked ? 'true' : null;\n setStateDynamic({\n data,\n combinedForm: combinedForm,\n });\n let validatedForm = Validate.form(form);\n this.setState({ ...this.state, form: validatedForm });\n };\n\n render() {\n const { form, account, withdrawalRule } = this.state;\n const isDisabled = !account || !form || !withdrawalRule?.isPermitted;\n const { data } = this.props;\n return (\n \n
\n )}\n \n \n
\n
\n\n \n
\n \n \n \n
\n \n );\n }\n}\n\nTransferForm.propTypes = {\n account: PropTypes.object,\n saveData: PropTypes.any,\n callAccountValidations: PropTypes.func,\n accountForm: PropTypes.any,\n setStateDynamic: PropTypes.func,\n data: PropTypes.any,\n onCancelled: PropTypes.func,\n onSubmit: PropTypes.func,\n isFetching: PropTypes.any,\n};\n\nexport default TransferForm;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Content, Markdown, DropDown, AppMeta } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport TransferForm from './TransferForm';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Create extends Component {\n constructor(props) {\n super(props);\n this.state = {\n account: null,\n };\n }\n\n submitForm = form => {\n const { submitForm } = this.props;\n submitForm('ReviewTransfer', form);\n };\n\n static getDerivedStateFromProps = (nextProps, stete) => {\n if (nextProps.account && !stete.account) {\n let account;\n if (nextProps.accounts) {\n account = nextProps.account;\n } else {\n account = null;\n }\n return {\n account: account,\n };\n }\n\n return null;\n };\n\n accountOptions(prefix, item, index, extendedId) {\n return (\n \n
\n - \n
- \n
- \n
\n \n \n \n ) : (\n \n \n ) : (\n ''\n )}\n
\n
\n\n \n \n \n \n
\n \n
\n );\n }\n}\n\nCreationSuccess.propTypes = {\n resetCreateNoticeToWithdraw: PropTypes.func,\n match: PropTypes.any,\n account: PropTypes.any,\n toAccount: PropTypes.object,\n urlParams: PropTypes.string,\n data: PropTypes.object,\n};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(CreationSuccess);\n","import React, { Component } from 'react';\nimport { BreadcrumbItem } from 'reactstrap';\nimport { storage } from '../storageName';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Utility } from '@myie/interact';\nimport moment from 'moment';\nimport {\n CONSTANTS,\n sharedUtility,\n stateUtility,\n FormErrorList,\n} from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { accountFilter } from '@myie/interact-savings-servicing-dom';\nimport Create from './Create';\nimport Confirmation from './Confirmation';\nimport queryString from 'query-string';\nimport CreationSuccess from './CreationSuccess';\nimport dateValidation from './../../utility';\nimport loadStateHOC from '../../../shared/stateManager/loadStateHOC';\nimport checkDownTime from '../../../shared/HO_components/checkDownTime';\nimport { Validate } from '@myie/interact';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\n\nclass CreateTransfer extends Component {\n constructor(props) {\n super(props);\n sharedUtility.setUrl('/transfer-to-another/create/moveMoney');\n this.state = this.initialState(this.state);\n const { allProducts, getAllProducts } = this.props;\n if (!allProducts) {\n getAllProducts({\n checkLimitExceeded: false,\n isShortApply: false,\n });\n }\n }\n\n initialState = state => {\n const { accounts } = this.props;\n const {\n urlParams,\n refreshUrl,\n stateData,\n externalTransferMoney,\n } = this.props;\n const stateList = ['createTransfer', 'ReviewTransfer', 'CompleteNotice'];\n if (\n stateData &&\n stateData.request &&\n urlParams &&\n urlParams.twoFa &&\n urlParams.twoFa === 'active'\n ) {\n const request = stateData.request;\n externalTransferMoney(request);\n }\n\n const hasStage = stateList.find(element => element === urlParams.pageStage);\n let stage =\n stateData &&\n stateData.url &&\n stateData.url.pageStage &&\n this.props.urlParams &&\n this.props.urlParams.pageStage\n ? this.props.urlParams.pageStage\n : 'createTransfer';\n if (!hasStage) {\n stage = 'createTransfer';\n refreshUrl();\n }\n let account;\n if (accounts) {\n if (stateData && stateData.From) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === stateData.From;\n });\n }\n } else {\n account = null;\n }\n stateUtility.setGlobalValue({ storage: storage.name });\n return {\n account: account,\n stage: stage,\n combinedForm: {},\n withdrawDate: moment(),\n accountForm: {\n accountFormValidation: {\n rules: {\n stop: true,\n required: {\n message: 'Please select an account to transfer from.',\n },\n },\n value: state && state.account ? state.account.AccountKey.Key : '',\n },\n },\n data:\n this.props.stateData && this.props.stateData.formData\n ? this.props.stateData.formData\n : {},\n form: {},\n };\n };\n\n componentWillUnmount() {\n const { resetExternalTransfer } = this.props;\n resetExternalTransfer();\n }\n\n componentDidMount() {\n const { resetExternalTransfer, fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n resetExternalTransfer();\n }\n\n setStateDynamic = list => {\n this.setState({ ...this.state, ...list });\n };\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = (nextProps, state) => {\n const { externalTransfer = {}, stateData, updateUrl } = nextProps;\n let newForm = state.accountForm;\n if (\n externalTransfer &&\n externalTransfer.ResponseStatus === 1 &&\n state.stage !== 'CompleteNotice'\n ) {\n let stateData = {\n formData: state.data,\n url: {\n pageStage: 'CompleteNotice',\n },\n };\n updateUrl(stateData);\n return {\n stage: 'CompleteNotice',\n };\n }\n if (nextProps.accounts && !state.account) {\n let account;\n if (nextProps.accounts) {\n if (stateData && stateData.From) {\n account = nextProps.accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === stateData.From;\n });\n newForm = Validate.input(\n 'accountFormValidation',\n account.AccountKey.Key,\n newForm,\n );\n }\n } else {\n account = null;\n }\n return {\n account: account,\n accountForm: newForm,\n };\n }\n\n return null;\n };\n\n componentDidUpdate(prevProps) {\n const { match, accounts } = this.props;\n if (accounts && prevProps.accounts !== accounts) {\n const account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n this.setState({ ...this.state, account });\n }\n }\n\n // change the stage of the form\n setStage = stage => {\n this.setState({ ...this.state, stage, message: null });\n };\n\n setForm = form => {\n this.setState({ ...this.state, form, message: null });\n };\n callAccountValidations = () => {\n const { account, accountForm, combinedForm } = this.state;\n window.scrollTo(0, 0);\n if (!account) {\n let newAccountForm = Validate.form(accountForm);\n this.setState({\n ...this.state,\n accountForm: newAccountForm,\n combinedForm: {\n ...combinedForm,\n ...newAccountForm,\n },\n });\n return;\n }\n };\n\n //update the stage in state\n submitForm = (stage, form) => {\n if (stage === 'createTransfer') {\n const { resetMakeWithdrawal } = this.props;\n resetMakeWithdrawal();\n }\n let stateData = {\n formData: this.state.data,\n url: {\n pageStage: stage,\n },\n };\n this.props.updateUrl(stateData);\n this.setState({ ...this.state, stage, form, message: null });\n };\n\n getActionDate = account => {\n const { holidays } = this.props;\n let numberOfDays = '';\n if (account.ExtendedProperties.AccountType === CONSTANTS.REGULAR_SAVINGS) {\n let segments = account.AccountName.split(/\\s+/);\n numberOfDays = parseInt(segments[0]);\n }\n\n const NumberOfDays = numberOfDays === 0 ? 0 : numberOfDays;\n let days = [];\n if (holidays) {\n days = holidays.split(',');\n }\n let date = moment(new Date())\n .utc()\n .add(NumberOfDays, 'days')\n .format('YYYY-MM-DD');\n\n while (\n dateValidation.isWeekEnd(date) ||\n dateValidation.isHoliday(date, days)\n ) {\n let createdDate = moment(date).format('YYYY-MM-DD');\n date = moment(createdDate)\n .add(1, 'days')\n .format('YYYY-MM-DD');\n }\n\n return date;\n };\n\n onSubmitWithdrawal = () => {\n const { account, data, stage } = this.state;\n const { externalTransferMoney } = this.props;\n\n let request = {\n AccountKey: account.AccountKey,\n FromSociety: account.ExtendedProperties.Society,\n FromSubAccountId: account.ExtendedProperties.SubAccountNumber,\n TargetAccountNumber: data.payeeAccount,\n TargetPayeeName: data.payeeName,\n TargetSubAccountId: '1',\n PaymentReference: data.reference,\n Amount: data.amount,\n ShouldCloseAccount: false,\n };\n\n let stateData = {\n formData: this.state.data,\n request: request,\n url: {\n pageStage: stage,\n },\n };\n this.props.updateUrl(stateData);\n externalTransferMoney(request);\n };\n\n // common onChangeAccount function\n onChangeAccount = e => {\n const { accounts, updateState } = this.props;\n let { accountForm, combinedForm } = this.state;\n let newForm = accountForm;\n\n const { value } = e.target;\n if (accounts && accounts.Accounts && value !== '') {\n const account = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n newForm = Validate.input('accountFormValidation', value, newForm);\n let object = {};\n object.From = Utility.hexEncode(account.AccountKey.Key);\n updateState(object);\n this.setState({\n account,\n accountForm: newForm,\n combinedForm: { ...combinedForm, ...newForm },\n });\n }\n };\n // save the data for the request from several forms\n saveData = (name, value) => {\n const { data } = this.state;\n data[name] = value;\n this.setState({ ...this.state, data, message: null });\n };\n\n // select current stage\n currentStage = (account, options) => {\n const { accounts = {} } = this.props;\n switch (this.state.stage) {\n case 'createTransfer':\n return (\n \n \n \n \n )}\n \n \n \n ) : (\n ''\n )}\n
\n
\n \n {data && data['payeeName'] ? data['payeeName'] : ''}\n
\n\n {data && data['payeeAccount'] ? data['payeeAccount'] : ''}\n
\n \n\n
\n \n \n
\n \n {systemDownStatus.msg}\n \n
\n );\n } else {\n return null;\n }\n }\n}\n\nCreateTransfer.propTypes = {\n accounts: PropTypes.any,\n updateState: PropTypes.func,\n withdrawalAccount: PropTypes.object,\n isFetching: PropTypes.bool,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n resetMakeWithdrawal: PropTypes.func,\n makeaWithdraw: PropTypes.func,\n holidays: PropTypes.any,\n account: PropTypes.any,\n urlParams: PropTypes.any,\n stateData: PropTypes.any,\n refreshUrl: PropTypes.any,\n updateUrl: PropTypes.any,\n location: PropTypes.any,\n resetExternalTransfer: PropTypes.any,\n externalTransferMoney: PropTypes.any,\n systemDownStatus: PropTypes.object,\n getAllProducts: PropTypes.func,\n allProducts: PropTypes.array,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n checkDownTime(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n )(CreateTransfer),\n ),\n storage.name,\n);\n","import React, { Component } from 'react';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport { Switch, Route } from 'react-router-dom';\nimport CreateTranfer from './CreateTranfer/CreateTransfer';\n\nclass TransferToAnother extends Component {\n render() {\n return (\n \n
\n {this.state.stage === 'createTransfer' ? (\n - \n
\n \n \n
\n );\n }\n}\n\nexport { TransferToAnother };\n","import React, { Component } from 'react';\nimport { Form, Button } from 'reactstrap';\nimport {\n Content,\n DropDown,\n FormattedCurrency,\n Check,\n CONSTANTS,\n} from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\nimport Amount from '../../shared/inputAmount';\n\nclass TransferForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState(props.account, props.data);\n }\n\n componentDidUpdate() {\n const { account } = this.props;\n\n if (!this.state.account && this.props.account) {\n let state = this.initialState(this.props.account, this.props.data);\n\n this.setState({\n ...state,\n });\n }\n if (\n this.state.account &&\n this.props.account &&\n account.AccountKey.Key !== this.state.account.AccountKey.Key\n ) {\n let state = this.initialState(this.props.account, this.props.data);\n\n this.setState({\n ...state,\n });\n }\n }\n\n initialState = (account, data) => {\n let balance = 0;\n if (account) {\n const {\n ExtendedProperties: { AvailableBalance, PendingBalance } = {},\n } = account;\n balance = AvailableBalance + PendingBalance;\n }\n return {\n account: account,\n form: {\n closeAccount: {\n rules: {\n stop: true,\n title: 'Close Account',\n maxAmountCheckCheckbox: {\n message:\n 'You cannot withdraw your full balance and close the account since your full balance exceeds the max limit of £25,000. Please specify an amount less than or equal to your full balance in the \"Amount to withdraw\" field',\n comparison: () => {\n return [CONSTANTS.TWENTY_FIVE_THOUSAND, balance];\n },\n },\n conditionalCheck: {\n balance: balance,\n message:\n 'You have decided to withdraw your full balance. Please confirm that you are happy to close the account.',\n comparison: () => {\n const value = this.state.form.amount\n ? this.state.form.amount.value\n : 'NA';\n\n return value;\n },\n },\n },\n value: data && data['closeAccount'] ? data['closeAccount'] : null,\n },\n purposeOptions: {\n rules: {\n stop: true,\n required: {\n message: 'Please select your purpose of withdrawal.',\n },\n },\n value: data && data['purposeOptions'] ? data['purposeOptions'] : '',\n },\n },\n };\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n const { accountForm, data, setStateDynamic } = this.props;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...accountForm,\n ...form,\n },\n });\n\n this.setState({ ...this.state, form });\n };\n\n updateCurrency = e => {\n let { name, value } = e.target;\n const { accountForm, data, setStateDynamic } = this.props;\n let newValue = value;\n newValue = new Intl.NumberFormat().format(value.replace(/,/g, ''));\n\n // Deal with trailing . or .0 or .n0\n if (value.charAt(value.length - 1) === '.') {\n newValue += '.';\n }\n if (value.slice(value.length - 2) === '.0') {\n newValue += '.0';\n }\n if (\n value.charAt(value.length - 3) === '.' &&\n value.charAt(value.length - 1) === '0'\n ) {\n if (value.charAt(value.length - 2) === '0') {\n newValue += '.0';\n }\n newValue += '0';\n }\n if (newValue === '0') {\n newValue = '';\n }\n let { form } = this.state;\n form = Validate.input(name, newValue, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...accountForm,\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const {\n onSubmit,\n account,\n callAccountValidations,\n accountForm,\n setStateDynamic,\n } = this.props;\n let { form } = this.state;\n let validatedAccountForm = Validate.form(accountForm);\n\n if (!account || !validatedAccountForm.approved) {\n callAccountValidations();\n return;\n }\n\n let newForm = form;\n if (form.closeAccount.value) {\n newForm = {\n closeAccount: form.closeAccount,\n purposeOptions: form.purposeOptions,\n };\n }\n newForm = Validate.form(newForm);\n this.setState({ ...this.state, form: newForm });\n setStateDynamic(\n {\n combinedForm: { ...validatedAccountForm, ...newForm },\n },\n true,\n );\n if (!newForm.approved) {\n window.scrollTo(0, 0);\n return;\n }\n if (typeof onSubmit === 'function') {\n onSubmit(newForm, true);\n }\n onSubmit(newForm, true);\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form, amount } = this.state;\n\n if (checked) {\n form = {\n closeAccount: form.closeAccount,\n purposeOptions: form.purposeOptions,\n };\n } else {\n if (!form.amount) {\n form = {\n amount: amount,\n closeAccount: form.closeAccount,\n purposeOptions: form.purposeOptions,\n };\n }\n }\n form = Validate.input(name, checked ? 'true' : null, form);\n this.props.saveData(name, checked ? 'true' : null);\n this.setState({ ...this.state, form });\n };\n\n setAmountRules = ({ amount, withdrawalRule }) => {\n const form = { ...this.state.form, amount };\n this.setState({\n ...this.state,\n amount,\n form,\n withdrawalRule,\n });\n };\n\n render() {\n const { form, withdrawalRule } = this.state;\n const {\n withdrawPermitted,\n maxWithdrawals,\n data,\n account,\n nominatedAccount,\n } = this.props;\n let code = '';\n let balance = 'NaN';\n if (account) {\n const {\n CurrencyCode,\n ExtendedProperties: { AvailableBalance, PendingBalance } = {},\n } = account;\n code = CurrencyCode;\n balance = AvailableBalance + PendingBalance;\n }\n const isDisabled =\n (withdrawalRule && !withdrawalRule.isPermitted) ||\n !account ||\n !nominatedAccount;\n if (account && !withdrawPermitted) {\n return (\n \n
\n );\n }\n return (\n \n
\n )}\n {balance !== 'NaN' ? (\n \n
\n ) : (\n ''\n )}\n {!form || (form && !form.closeAccount.value) ? (\n \n \n \n
\n \n );\n }\n}\n\nTransferForm.propTypes = {\n account: PropTypes.object,\n accountForm: PropTypes.any,\n setStateDynamic: PropTypes.func,\n combineForm: PropTypes.any,\n saveData: PropTypes.any,\n data: PropTypes.any,\n callAccountValidations: PropTypes.func,\n onCancelled: PropTypes.func,\n onSubmit: PropTypes.func,\n isFetching: PropTypes.any,\n withdrawPermitted: PropTypes.bool,\n maxWithdrawals: PropTypes.number,\n nominatedAccount: PropTypes.object,\n};\n\nexport default TransferForm;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport {\n Content,\n Markdown,\n Check,\n DropDown,\n LinkTag,\n AppMeta,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { CONSTANTS } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { Redirect } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport TransferForm from './TransferForm';\nimport checkDownTime from '../../../shared/HO_components/checkDownTime';\nimport moment from 'moment';\n\nclass Create extends Component {\n submitForm = (form, isSubmit = false) => {\n const { submitForm } = this.props;\n submitForm('ReviewTransfer', form, isSubmit);\n };\n\n accountOptions(prefix, item, index, extendedId) {\n return (\n \n $[phone].`}\n />\n
\n - \n
- \n
- \n
\n
\n )}\n {account &&\n NominatedAccount &&\n !isFetching &&\n Object.keys(account).length ? (\n \n
\n - \n
- \n
- \n
- \n
\n \n \n \n )}\n \n\n \n \n ) : (\n ''\n )}\n
\n
\n \n \n \n \n
\n \n \n \n \n )}\n \n\n \n \n ) : (\n ''\n )}\n
\n
\n \n
\n \n \n
\n \n \n
\n \n
\n );\n }\n}\n\nNominatedTransfer.propTypes = {\n accounts: PropTypes.any,\n withdrawalAccount: PropTypes.object,\n isFetching: PropTypes.bool,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n resetMakeWithdrawal: PropTypes.func,\n makeaWithdraw: PropTypes.func,\n holidays: PropTypes.any,\n account: PropTypes.any,\n getUserDetails: PropTypes.func,\n urlParams: PropTypes.any,\n stateData: PropTypes.any,\n refreshUrl: PropTypes.any,\n updateUrl: PropTypes.any,\n makeWithdrawResponse: PropTypes.any,\n resetComponentState: PropTypes.any,\n updateState: PropTypes.any,\n userDetails: PropTypes.any,\n allProducts: PropTypes.array,\n getAllProducts: PropTypes.func,\n getNominatedAccountStatus: PropTypes.func,\n nominatedAccountStatus: PropTypes.object,\n fetchSavingsAccountTransactions: PropTypes.func,\n getNominatedAccount: PropTypes.func,\n linkedNominatedAccount: PropTypes.object,\n resetNominatedAccount: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const {\n accountsDefinition,\n custombrandSavingsServicingDefinition,\n customUserManagementDefinition,\n } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n ...customUserManagementDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapSavingsServicingDispatchToProps,\n ...userManagementDispatch,\n ...mapSavingDispatchToProps,\n },\n )(NominatedTransfer),\n storage.name,\n);\n","export const storage = {\n name: 'nominatedAccount',\n};\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\n\nclass CreationSuccess extends Component {\n componentDidMount() {\n const { resetCreateNoticeToWithdraw } = this.props;\n resetCreateNoticeToWithdraw();\n }\n\n render() {\n const { match } = this.props;\n return (\n \n
\n {this.state.stage === 'createTransfer' ? (\n - \n
\n \n \n
\n \n \n
\n \n \n \n
\n );\n }\n}\n\nexport { NominatedAccount };\n","import React, { Component } from 'react';\nimport { Form, Button } from 'reactstrap';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Validate } from '@myie/interact';\nimport Amount from '../../shared/inputAmount';\n\nclass TransferForm extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState(props.account, props.data);\n }\n\n initialState = () => {\n return {\n form: {},\n };\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n const { accountForm, data, setStateDynamic } = this.props;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...accountForm,\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n updateCurrency = e => {\n let { name, value } = e.target;\n const { accountForm, data, setStateDynamic } = this.props;\n let newValue = value;\n newValue = new Intl.NumberFormat().format(value.replace(/,/g, ''));\n\n // Deal with trailing . or .0 or .n0\n if (value.charAt(value.length - 1) === '.') {\n newValue += '.';\n }\n if (value.slice(value.length - 2) === '.0') {\n newValue += '.0';\n }\n if (\n value.charAt(value.length - 3) === '.' &&\n value.charAt(value.length - 1) === '0'\n ) {\n if (value.charAt(value.length - 2) === '0') {\n newValue += '.0';\n }\n newValue += '0';\n }\n if (newValue === '0') {\n newValue = '';\n }\n let { form } = this.state;\n form = Validate.input(name, newValue, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...accountForm,\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const {\n onSubmit,\n callAccountValidations,\n toAccount,\n account,\n accountForm,\n setStateDynamic,\n } = this.props;\n let validatedAccountForm = Validate.form(accountForm);\n if (!toAccount || !account) {\n callAccountValidations();\n return;\n }\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n setStateDynamic({\n combinedForm: { ...validatedAccountForm, ...form },\n });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n if (typeof onSubmit === 'function') {\n onSubmit(form);\n }\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n const { accountForm, data, setStateDynamic } = this.props;\n let { form, amount } = this.state;\n\n if (!form.amount) {\n form = {\n amount: amount,\n closeAccount: false,\n };\n }\n\n form = Validate.input(name, checked ? 'true' : null, form);\n this.props.saveData(name, checked ? 'true' : null);\n data[name] = checked ? 'true' : null;\n setStateDynamic({\n data,\n combinedForm: {\n ...accountForm,\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n setAmountRules = ({ amount, withdrawalRule }) => {\n const form = { ...this.state.form, amount };\n this.setState({\n ...this.state,\n amount,\n form,\n withdrawalRule,\n });\n };\n\n render() {\n const { account = {}, data, toAccount } = this.props;\n const { form, withdrawalRule } = this.state;\n const isDisabled = withdrawalRule && !withdrawalRule.isPermitted;\n\n return (\n \n {withdrawalRule.message && (\n
\n )}\n \n
\n \n \n \n
\n \n );\n }\n}\n\nTransferForm.propTypes = {\n account: PropTypes.object,\n saveData: PropTypes.any,\n toAccount: PropTypes.any,\n data: PropTypes.any,\n accountForm: PropTypes.any,\n setStateDynamic: PropTypes.func,\n callAccountValidations: PropTypes.func,\n onCancelled: PropTypes.func,\n onSubmit: PropTypes.func,\n isFetching: PropTypes.any,\n withdrawalRule: PropTypes.object,\n};\n\nexport default TransferForm;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Content, Markdown, DropDown } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport TransferForm from './TransferForm';\n\nclass Create extends Component {\n constructor(props) {\n super(props);\n const { allProducts, getAllProducts } = this.props;\n this.state = {\n account: null,\n toAccount: null,\n };\n if (!allProducts) {\n getAllProducts({\n checkLimitExceeded: false,\n isShortApply: false,\n });\n }\n }\n\n submitForm = form => {\n const { submitForm } = this.props;\n submitForm('ReviewTransfer', form);\n };\n\n accountOptions(prefix, item, index, extendedId) {\n return (\n \n
\n - \n
- \n
- \n
\n \n \n \n )}\n \n
\n
\n\n \n \n \n \n \n
\n \n
\n );\n }\n}\n\nCreationSuccess.propTypes = {\n resetCreateNoticeToWithdraw: PropTypes.func,\n match: PropTypes.any,\n account: PropTypes.any,\n toAccount: PropTypes.object,\n urlParams: PropTypes.string,\n data: PropTypes.object,\n};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(CreationSuccess);\n","import React, { Component } from 'react';\nimport { BreadcrumbItem } from 'reactstrap';\nimport { storage } from './../storageName';\nimport { Redirect } from 'react-router-dom';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Utility } from '@myie/interact';\nimport moment from 'moment';\nimport { CONSTANTS, FormErrorList } from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapMoveMoneyDispatchToProps } from '@myie/interact-move-money';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport Create from './Create';\nimport Confirmation from './Confirmation';\nimport CreationSuccess from './CreationSuccess';\nimport dateValidation from './../../utility';\nimport loadStateHOC from '../../../shared/stateManager/loadStateHOC';\nimport checkDownTime from '../../../shared/HO_components/checkDownTime';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Validate } from '@myie/interact';\nimport {\n accountFilter,\n accountsEligibleToTranfer,\n} from '@myie/interact-savings-servicing-dom';\n\nclass CreateTransfer extends Component {\n constructor(props) {\n super(props);\n const { allProducts, getAllProducts } = this.props;\n this.state = this.initialState(this.state);\n if (!allProducts) {\n getAllProducts({\n checkLimitExceeded: false,\n isShortApply: false,\n });\n }\n }\n\n initialState = state => {\n const { accounts } = this.props;\n const { urlParams, refreshUrl, stateData } = this.props;\n const stateList = ['createTransfer', 'ReviewTransfer', 'Completed'];\n const hasStage = stateList.find(element => element === urlParams.pageStage);\n let stage =\n stateData &&\n stateData.url &&\n stateData.url.pageStage &&\n this.props.urlParams &&\n this.props.urlParams.pageStage\n ? this.props.urlParams.pageStage\n : 'createTransfer';\n if (!hasStage) {\n stage = 'createTransfer';\n refreshUrl();\n }\n let account = null;\n let toAccount = null;\n if (accounts) {\n if (stateData && stateData.From) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === stateData.From;\n });\n }\n if (stateData && stateData.To) {\n toAccount = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === stateData.To;\n });\n }\n }\n return {\n account: account,\n toAccount: toAccount,\n stage: stage,\n combinedForm: {},\n accountForm: {\n accountFormValidation: {\n rules: {\n stop: true,\n required: {\n message: 'Please select an account to transfer from.',\n },\n },\n value: state && state.account ? state.account.AccountKey.Key : '',\n },\n toAccountFormValidation: {\n rules: {\n stop: true,\n required: {\n message: 'Please select an account to transfer to.',\n },\n },\n value: state && state.toAccount ? state.toAccount.AccountKey.Key : '',\n },\n },\n withdrawDate: moment(),\n data:\n this.props.stateData && this.props.stateData.formData\n ? this.props.stateData.formData\n : {},\n form: {},\n };\n };\n\n componentWillUnmount() {\n const { initializeMoveMoney } = this.props;\n initializeMoveMoney();\n }\n\n componentDidMount() {\n const { initializeMoveMoney, fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n initializeMoveMoney();\n }\n\n componentDidUpdate(prevProps) {\n const { account, toAccount } = this.state;\n const { accounts } = this.props;\n if (accounts && prevProps.accounts !== accounts) {\n let updatedAccount, updatedToAccount;\n if (account && Object.keys(account).length) {\n updatedAccount = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === account.AccountKey.Key;\n });\n }\n if (toAccount && Object.keys(toAccount).length) {\n updatedToAccount = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === toAccount.AccountKey.Key;\n });\n }\n\n this.setState({\n ...this.state,\n account: updatedAccount,\n toAccount: updatedToAccount,\n });\n }\n }\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = (nextProps, state) => {\n const {\n makeWithdrawResponse = {},\n transfer,\n updateUrl,\n urlParams,\n } = nextProps;\n let { accountForm } = state;\n if (\n transfer &&\n transfer.ResponseStatus &&\n transfer.ResponseStatus === 'Completed' &&\n state.stage !== 'Completed'\n ) {\n let stateData = {\n url: {\n pageStage: 'Completed',\n },\n };\n if (urlParams.page && urlParams.page === 'account') {\n stateData.url.page = 'account';\n }\n updateUrl(stateData);\n return { stage: 'Completed' };\n }\n if (\n makeWithdrawResponse &&\n makeWithdrawResponse.ResponseStatus === 'Success'\n ) {\n return {\n stage: 'CompleteNotice',\n };\n }\n let newForm = accountForm;\n if (nextProps.accounts && !state.account) {\n let account = null;\n let toAccount = null;\n const { stateData } = nextProps;\n if (nextProps.accounts) {\n if (stateData && stateData.To) {\n toAccount = nextProps.accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === stateData.To;\n });\n newForm = Validate.input(\n 'toAccountFormValidation',\n toAccount.AccountKey.Key,\n newForm,\n );\n }\n if (stateData && stateData.From) {\n account = nextProps.accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === stateData.From;\n });\n newForm = Validate.input(\n 'accountFormValidation',\n account.AccountKey.Key,\n newForm,\n );\n }\n } else {\n account = null;\n toAccount = null;\n }\n return {\n account: account,\n toAccount: toAccount,\n accountForm: newForm,\n };\n }\n\n return null;\n };\n\n // change the stage of the form\n setStage = stage => {\n this.setState({ ...this.state, stage, message: null });\n };\n\n setForm = form => {\n this.setState({ ...this.state, form, message: null });\n };\n\n //update the stage in state\n\n callAccountValidations = () => {\n const { toAccount, accountForm, combinedForm, account } = this.state;\n window.scrollTo(0, 0);\n if (!toAccount || !account) {\n let form = Validate.form(accountForm);\n this.setState({\n ...this.state,\n accountForm: form,\n combinedForm: {\n ...combinedForm,\n ...form,\n },\n });\n return;\n }\n };\n submitForm = (stage, form) => {\n if (stage === 'createTransfer') {\n const { initializeMoveMoney } = this.props;\n initializeMoveMoney();\n }\n let stateData = {\n formData: this.state.data,\n url: {\n pageStage: stage,\n },\n };\n this.props.updateUrl(stateData);\n this.setState({ ...this.state, stage, form, message: null });\n };\n\n getActionDate = account => {\n const { holidays } = this.props;\n let numberOfDays = '';\n if (account.ExtendedProperties.AccountType === CONSTANTS.REGULAR_SAVINGS) {\n let segments = account.AccountName.split(/\\s+/);\n numberOfDays = parseInt(segments[0]);\n }\n\n const NumberOfDays = numberOfDays === 0 ? 0 : numberOfDays;\n let days = [];\n if (holidays) {\n days = holidays.split(',');\n }\n let date = moment(new Date())\n .utc()\n .add(NumberOfDays, 'days')\n .format('YYYY-MM-DD');\n\n while (\n dateValidation.isWeekEnd(date) ||\n dateValidation.isHoliday(date, days)\n ) {\n let createdDate = moment(date).format('YYYY-MM-DD');\n date = moment(createdDate)\n .add(1, 'days')\n .format('YYYY-MM-DD');\n }\n\n return date;\n };\n\n onSubmitWithdrawal = () => {\n const { account, toAccount, data } = this.state;\n const { transferMoney } = this.props;\n\n let formCloseAccount = false;\n let request;\n\n request = {\n SourceKey: account.AccountKey,\n TargetKey: toAccount.AccountKey,\n Amount: data['amount'].replace(/,/g, ''),\n ExtendedProperties: {\n ShouldCloseAccount: formCloseAccount,\n Society: account.ExtendedProperties.Society,\n FromSubAccountId: account.ExtendedProperties.SubAccountNumber,\n ToSubAccountId: toAccount.ExtendedProperties.SubAccountNumber,\n },\n };\n\n transferMoney(request);\n };\n\n // common onChangeAccount function\n onChangeFromAccount = e => {\n const { accounts, updateState } = this.props;\n const { value } = e.target;\n let { accountForm, combinedForm } = this.state;\n let newForm = accountForm;\n if (accounts && accounts.Accounts) {\n const account = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n if (!account) {\n return;\n }\n newForm = Validate.input('accountFormValidation', value, newForm);\n let object = {};\n object.From = Utility.hexEncode(account.AccountKey.Key);\n updateState(object);\n newForm = Validate.input('toAccountFormValidation', '', newForm, true);\n this.setState({\n account,\n toAccount: null,\n accountForm: newForm,\n combinedForm: { ...combinedForm, ...newForm },\n });\n }\n };\n // save the data for the request from several forms\n saveData = (name, value) => {\n const { data } = this.state;\n data[name] = value;\n this.setState({ ...this.state, data, message: null });\n };\n // common onChangeAccount function\n onChangeToAccount = e => {\n const { accounts, updateState } = this.props;\n const { value } = e.target;\n let { accountForm, combinedForm } = this.state;\n let newForm = accountForm;\n if (accounts && accounts.Accounts) {\n const toAccount = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n if (!toAccount) {\n return;\n }\n newForm = Validate.input('toAccountFormValidation', value, newForm);\n let object = {};\n object.To = Utility.hexEncode(toAccount.AccountKey.Key);\n updateState(object);\n this.setState({\n toAccount,\n accountForm: newForm,\n combinedForm: { ...combinedForm, ...newForm },\n });\n }\n };\n\n setStateDynamic = list => {\n this.setState({ ...this.state, ...list });\n };\n\n // select current stage\n currentStage = (account, fromAccounts, toAccounts) => {\n const { accounts = {}, match } = this.props;\n const { toAccount } = this.state;\n\n switch (this.state.stage) {\n case 'createTransfer':\n return (\n \n \n \n \n )}\n \n {closeOption ? (\n \n \n ) : (\n ''\n )}\n
\n
\n {toAccount.AccountName}
\n{toAccount.AccountNumber}
\n{toAccount.SortCode}
\n \n\n
\n \n {urlParams && urlParams === 'account' ? (\n \n \n
\n \n
\n );\n }\n}\n\nCreateTransfer.propTypes = {\n accounts: PropTypes.any,\n updateState: PropTypes.any,\n withdrawalAccount: PropTypes.object,\n isFetching: PropTypes.bool,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n initializeMoveMoney: PropTypes.func,\n transferMoney: PropTypes.func,\n holidays: PropTypes.any,\n transfer: PropTypes.any,\n account: PropTypes.any,\n urlParams: PropTypes.any,\n stateData: PropTypes.any,\n refreshUrl: PropTypes.any,\n updateUrl: PropTypes.any,\n getAllProducts: PropTypes.func,\n allProducts: PropTypes.array,\n systemDownStatus: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const {\n accountsDefinition,\n custombrandSavingsServicingDefinition,\n moveMoneyDefinition,\n } = state;\n return {\n ...moveMoneyDefinition,\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n checkDownTime(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapMoveMoneyDispatchToProps,\n ...mapSavingsServicingDispatchToProps,\n },\n )(CreateTransfer),\n ),\n storage.name,\n);\n","export const storage = {\n name: 'internalTransfer',\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\n\nclass MaxAccounts extends Component {\n render() {\n return (\n \n );\n }\n}\n\nMaxAccounts.propTypes = {\n resetCreateNoticeToWithdraw: PropTypes.func,\n match: PropTypes.any,\n account: PropTypes.any,\n toAccount: PropTypes.object,\n urlParams: PropTypes.string,\n data: PropTypes.object,\n};\n\nexport default MaxAccounts;\n","import React, { Component } from 'react';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport { Switch, Route } from 'react-router-dom';\nimport CreateTranfer from './CreateTranfer/CreateTransfer';\nimport MaxAccounts from './CreateTranfer/MaxAccounts';\n\nclass TransferRoute extends Component {\n render() {\n return (\n \n
\n {this.state.stage === 'createTransfer' ? (\n - \n
\n \n \n
\n );\n }\n}\n\nexport { TransferRoute };\n","import React, { Component } from 'react';\nimport { Form, Button } from 'reactstrap';\nimport { withRouter } from 'react-router-dom';\nimport { Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { FormErrorList } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport PropTypes from 'prop-types';\nimport { Redirect } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps as mapSavingDispatchToProps } from '@myie/interact-account-type-savings';\nimport { RedirectByAccountDropdown } from '@myie/interact-accounts-dom';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { Validate, Utility } from '@myie/interact';\nimport Amount from '../../shared/inputAmount';\nclass Create extends Component {\n constructor(props) {\n super(props);\n this.state = { form: {} };\n }\n\n getContent = page => {\n switch (page) {\n case 'summary':\n return (\n \n {account && (\n \n )}\n {this.getBackButton(this.props.match?.params?.page)}\n
\n \n Worldpay iframe goes here
\n\n\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n {this.currentStage(account)}\n - \n
\n \n \n
\n );\n }\n}\n\nexport { MakeADepositRoute };\n","export const storage = {\n name: 'shortApply',\n};\n","import React from 'react';\n\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { Content, CONSTANTS, AppMeta } from '@myie/interact-dom';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { ApplyAccountSummaryComponent } from '@myie/interact-savings-servicing-dom';\nimport PropTypes from 'prop-types';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass ShortApplyList extends React.Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n render() {\n const { allProducts, setStateDynamic } = this.props;\n if (!allProducts) {\n return null;\n }\n let shortApplyAvailable = false;\n if (allProducts && allProducts.length > 0) {\n allProducts.forEach(product => {\n if (product.Display_For_Short_Apply === 'Y') {\n shortApplyAvailable = true;\n }\n });\n }\n\n return (\n \n
\n );\n }\n}\n\nShortApplyList.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n updateUrl: PropTypes.func,\n getAllProducts: PropTypes.any,\n allProducts: PropTypes.any,\n setStage: PropTypes.func,\n setStateDynamic: PropTypes.func,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n)(ShortApplyList);\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { storage } from './storageName';\nimport ShortApplyList from './ShortApplyList';\nimport { mapDispatchToProps as accountsDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as userManagementDispatches } from '@myie/interact-user-management';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\n\nclass OptionOneAndThree extends Component {\n constructor(props) {\n super(props);\n this.timeoutID = null;\n this.state = {\n message: '',\n disabled: false,\n };\n }\n\n componentDidMount() {\n const {\n getAllProducts,\n fetchUserDetailsIfNeeded,\n fetchAccountsIfNeeded,\n } = this.props;\n let request = {\n ExtendedProperties: {},\n };\n fetchUserDetailsIfNeeded(request);\n fetchAccountsIfNeeded();\n getAllProducts({\n checkLimitExceeded: true,\n isShortApply: true,\n });\n }\n\n componentWillUnmount() {\n const { resetShortapply } = this.props;\n resetShortapply();\n }\n\n render() {\n return (\n - \n
- \n
- \n
- \n
- \n
\n \n
\n \n \n
\n \n {systemDownStatus.msg}\n
\n );\n }\n}\n\nShortApplyApplication.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n onSubmit: PropTypes.func,\n setStage: PropTypes.func,\n userDetails: PropTypes.any,\n updateUrl: PropTypes.func,\n setStateDynamic: PropTypes.any,\n formData: PropTypes.any,\n selectedProduct: PropTypes.any,\n data: PropTypes.any,\n setShortapply: PropTypes.func,\n systemDownStatus: PropTypes.object,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default checkDownTime(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n )(ShortApplyApplication),\n);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Row, Col } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { withRouter } from 'react-router-dom';\n\nclass DecisionSuccessISA extends Component {\n setupSecurity = () => {\n const { history, formData, preserveDataforSecurityDetails } = this.props;\n let stateData = {\n formData: {\n b_day: formData['personalDetails'].b_day,\n },\n };\n\n preserveDataforSecurityDetails(stateData);\n\n let url = `/security-details/retrieve`;\n history.push(url);\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n componentWillUnmount() {\n const { resetSaveShortApply } = this.props;\n resetSaveShortApply();\n }\n\n render() {\n const { saveShortApplyResponse, selectedProduct } = this.props;\n const {\n ExtendedProperties: [\n { Value: bankAccountValue },\n { Value: sortCodeValue },\n ] = {},\n } = saveShortApplyResponse;\n const { Account_Mode, Deposits_Allowed } = selectedProduct;\n let showAdditionalLinks =\n Account_Mode === 'transact'\n ? Deposits_Allowed === 'ISA Subscriptions' || Deposits_Allowed === 'Yes'\n ? true\n : false\n : false;\n return (\n \n \n
\n \n
\n \n - \n
\n \n \n \n \n \n \n $[phone] or send us a message. You can change your contact preferences, email or home phone number by visiting My Details.`}\n />\n \n ) : (\n ''\n )}\n \n {/* \n \n
\n */}\n \n \n \n \n {CONSTANTS &&\n CONSTANTS.DEPOSIT_METHOD.map((item, index) => {\n return this.dropdownOptions(\n item,\n index,\n 'depositMethod',\n );\n })}\n \n \n \n $[phone].`}\n />\n {/* \n \n {CONSTANTS &&\n CONSTANTS.INTEREST_DESTINATION.map((item, index) => {\n return this.dropdownOptions(\n item,\n index,\n 'interestPaymentLocation',\n );\n })}\n */}\n {selectedProduct &&\n selectedProduct.Interest_Frequency &&\n selectedProduct.Interest_Frequency !== 'both' ? (\n \n \n \n {CONSTANTS &&\n CONSTANTS.INTEREST_PAYMENT_FREQUENCY.map(\n (item, index) => {\n return this.dropdownOptions(\n item,\n index,\n 'interestPaymentFrequency',\n );\n },\n )}\n \n )}\n \n \n
\n \n \n
\n \n
\n \n \n
\n
\n \n \n
\n
\n - \n {userDetails &&\n userDetails?.ExtendedProperties?.MarketingPreference\n ?.Email === 'True' ? (\n
- \n
\n \n ) : (\n ''\n )}\n {userDetails &&\n userDetails?.ExtendedProperties?.MarketingPreference\n ?.Phone === 'True' ? (\n - \n
\n \n ) : (\n ''\n )}\n {userDetails &&\n userDetails?.ExtendedProperties?.MarketingPreference\n ?.Post === 'True' ? (\n - \n
\n \n ) : (\n ''\n )}\n
\n
\n \n
\n \n {userDetails &&\n userDetails.ExtendedProperties &&\n userDetails.ExtendedProperties.ClientAddress ? (\n \n {userDetails.ExtendedProperties.ClientAddress\n .Address1 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address1\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address2 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address2\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address3 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address3\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address4 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address4\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address5 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address5\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .AddressPC !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .AddressPC\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .AddressCountry !== null\n ? userDetails.ExtendedProperties.ClientAddress\n .AddressCountry\n : null}\n \n ) : (\n ''\n )}\n
\n \n
\n
\n
\n
\n
\n
\n
\n ) : (\n ''\n )}\n\n {form.detailsCorrect &&\n form.detailsCorrect.value &&\n form.detailsCorrect.value === 'no' ? (\n \n \n \n
\n \n \n
\n \n
\n {showAdditionalLinks && (\n <>\n \n \n \n
\n \n \n
\n \n {showAdditionalLinks && (\n <>\n \n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n );\n }\n}\n\nShortApplyApplication.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n onSubmit: PropTypes.func,\n setStage: PropTypes.func,\n userDetails: PropTypes.any,\n setStateDynamic: PropTypes.any,\n formData: PropTypes.any,\n selectedProduct: PropTypes.any,\n data: PropTypes.any,\n saveShortApply: PropTypes.func,\n updateUrl: PropTypes.func,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n)(ShortApplyApplication);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Link } from 'react-router-dom';\n\nclass ApplicationSuccess extends Component {\n componentDidMount() {\n const { resetCreateNoticeToWithdraw } = this.props;\n resetCreateNoticeToWithdraw();\n }\n\n render() {\n const { account = {}, savingshortapply } = this.props;\n if (!account) {\n return null;\n }\n\n return (\n \n
\n \n \n
\n \n - \n
\n \n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n \n ) : (\n ''\n )}\n
\n
\n \n \n
\n
\n - \n {userDetails &&\n userDetails?.ExtendedProperties?.MarketingPreference\n ?.Email === 'True' ? (\n
- \n
\n \n ) : (\n ''\n )}\n {userDetails &&\n userDetails?.ExtendedProperties?.MarketingPreference\n ?.Phone === 'True' ? (\n - \n
\n \n ) : (\n ''\n )}\n {userDetails &&\n userDetails?.ExtendedProperties?.MarketingPreference\n ?.Post === 'True' ? (\n - \n
\n \n ) : (\n ''\n )}\n
\n
\n \n
\n \n {userDetails &&\n userDetails.ExtendedProperties &&\n userDetails.ExtendedProperties.ClientAddress ? (\n \n {userDetails.ExtendedProperties.ClientAddress\n .Address1 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address1\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address2 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address2\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address3 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address3\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address4 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address4\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .Address5 !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .Address5\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .AddressPC !== null ? (\n \n {\n userDetails.ExtendedProperties.ClientAddress\n .AddressPC\n }\n
\n \n ) : null}\n {userDetails.ExtendedProperties.ClientAddress\n .AddressCountry !== null\n ? userDetails.ExtendedProperties.ClientAddress\n .AddressCountry\n : null}\n \n ) : (\n ''\n )}\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n $[phone].`}\n />\n \n {/*
\n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n
\n \n
\n \n \n
\n \n {error ? {error} : ''}\n \n \n
\n );\n }\n}\n\nShortApply.propTypes = {\n error: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ShortApply);\n","import React from 'react';\nimport { Card, CardColumns, CardBody } from 'reactstrap';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps, mapStateToProps } from '@myie/interact-accounts';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, SideLink, CONSTANTS } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass MoneyToolsIndex extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n isEligible: false,\n eligibleCheck: false,\n };\n }\n\n componentDidUpdate() {\n const { accounts } = this.props;\n const { eligibleCheck } = this.state;\n if (accounts && !eligibleCheck) {\n this.checkGoalEligibility(accounts.Accounts);\n }\n }\n\n checkGoalEligibility = (accounts = []) => {\n let acct;\n for (let index = 0; index < accounts.length; index++) {\n acct = accounts[index];\n if (\n acct.AccountStatus &&\n (acct.AccountStatus.toLowerCase() !== 'closed' &&\n acct.ExtendedProperties?.AccountMode !== CONSTANTS.ACCOUNT_CLOSED)\n ) {\n if (\n acct.ExtendedProperties.SavingsGoal === 'Y' ||\n acct.ExtendedProperties.HasSavingsGoals\n ) {\n //this.isEligible = true;\n this.setState({ isEligible: true, eligibleCheck: true });\n }\n // else if (acct.ExtendedProperties.HasSavingsGoals) {\n // this.isEligible = true;\n // break;\n // } else {\n // this.isEligible = false;\n // }\n }\n }\n };\n\n render() {\n const { isEligible } = this.state;\n\n return (\n \n \n {isEligible ? ( //availability\n \n \n \n \n ) : (\n ''\n )}\n\n {/* \n \n \n */}\n \n
\n );\n }\n}\n\nMoneyToolsIndex.propTypes = {\n accounts: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(MoneyToolsIndex);\n","import moment from 'moment';\nconst progressLogic = (function() {\n const getGoalStatus = (balance, goalAmount, monthlyAmount, targetDate) => {\n const targetAmount = parseInt(goalAmount.toString().replace(/,/g, ''));\n const monthlyPayment = parseInt(monthlyAmount.toString().replace(/,/g, ''));\n let date = moment(targetDate);\n let today = moment();\n const diff = date.diff(today, 'months');\n\n let calculatedAmount = monthlyPayment + balance;\n\n if (diff > 0 && balance < targetAmount) {\n calculatedAmount = diff * monthlyPayment + balance;\n }\n\n if (balance === 0) {\n return 'started';\n }\n if (balance >= targetAmount) {\n return 'complete';\n }\n if (calculatedAmount >= goalAmount) {\n return 'on-target';\n }\n if (calculatedAmount < goalAmount) {\n return 'behind';\n }\n };\n\n return {\n getGoalStatus: getGoalStatus,\n };\n})();\n\nexport default progressLogic;\n","import React, { Component } from 'react';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport progressLogic from '../../progressLogic';\nimport { Link } from 'react-router-dom';\n\nclass GoalNotice extends Component {\n render() {\n const { goal = {}, account, isEligibleToAddNewGoal = true } = this.props;\n if (!goal) {\n return null;\n }\n\n const { ExtendedProperties: { AvailableBalance } = {} } = account;\n let balance = AvailableBalance;\n\n if (\n account.ExtendedProperties.AvailableBalance &&\n account.ExtendedProperties.PendingBalance\n ) {\n balance =\n account.ExtendedProperties.AvailableBalance +\n account.ExtendedProperties.PendingBalance;\n }\n\n const goalStatus = progressLogic.getGoalStatus(\n balance, //amount you have saved\n goal.Amount, //amount left to save\n goal.Monthly, //number of months left?\n goal.TargetDate, //need to save by this date\n );\n if (goalStatus === 'started') {\n return (\n \n \n \n \n )}\n
\n );\n }\n if (goalStatus === 'on-target') {\n return (\n \n \n {barGroups}\n \n
\n );\n }\n}\n\nProgress.propTypes = {\n goal: PropTypes.object,\n account: PropTypes.object,\n};\n\nexport default Progress;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col, Card, CardHeader, CardBody, CardFooter } from 'reactstrap';\nimport GoalNotice from './GoalNotice';\nimport Progress from './Progress';\nimport { Utility } from '@myie/interact';\nimport { Link } from 'react-router-dom';\nimport {\n Content,\n Icon,\n FormattedCurrency,\n FormattedDate,\n CONSTANTS,\n Markdown,\n} from '@myie/interact-dom';\n\nclass Goal extends Component {\n render() {\n const { goal = {}, accounts, AccountKey, hideButtons = false } = this.props;\n\n let account = null;\n\n if (accounts && accounts.Accounts) {\n account = accounts.Accounts.find(function(element) {\n if (element) {\n return element.AccountKey.Key === AccountKey;\n }\n return false;\n });\n }\n\n if (!goal || !accounts || !AccountKey || !account) {\n return null;\n }\n\n const {\n ExtendedProperties: { AvailableBalance, PendingBalance } = {},\n } = account;\n\n return (\n \n
\n \n
\n ) : (\n ''\n )}\n \n \n
\n\n
\n );\n }\n}\n\nSuccess.propTypes = {\n deleteGoal: PropTypes.any,\n getBackButton: PropTypes.func,\n page: PropTypes.string,\n goal: PropTypes.any,\n account: PropTypes.object,\n PendingBalance: PropTypes.any,\n AvailableBalance: PropTypes.any,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n null,\n)(Success);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Confirmation extends React.Component {\n deletThiseGoal = () => {\n const { deleteGoal } = this.props;\n deleteGoal();\n };\n\n render() {\n const { goal, getBackButton, page } = this.props;\n return (\n \n \n
\n \n
\n );\n }\n}\n\nConfirmation.propTypes = {\n deleteGoal: PropTypes.any,\n getBackButton: PropTypes.func,\n page: PropTypes.string,\n goal: PropTypes.any,\n};\n\nexport default Confirmation;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Button } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { stateUtility, Content } from '@myie/interact-dom';\nimport { storage } from './storageName';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport Delete from './Delete';\nimport { Utility } from '@myie/interact';\nimport loadStateHOC from '../../../../shared/stateManager/loadStateHOC';\nimport Confirmation from './Confirmation';\n\nclass DeleteGoal extends Component {\n constructor(props) {\n super(props);\n const { match, stateData, urlParams } = this.props;\n const stateList = ['delete', 'confirm'];\n\n const hasStage = stateList.find(element =>\n element === urlParams ? urlParams.pageStage : '',\n );\n let stage =\n stateData &&\n stateData.url &&\n stateData.url.pageStage &&\n props.urlParams &&\n props.urlParams.pageStage\n ? props.urlParams.pageStage\n : 'delete';\n if (!hasStage) {\n stage = 'delete';\n }\n if (match && match.params && match.params.replace) {\n stage = 'selectGoal';\n }\n // const data = stateData && stateData.formData ? stateData.formData : {};\n stateUtility.setGlobalValue({ storage: storage.name });\n this.state = {\n stage: stage,\n };\n }\n\n // save the data for the request from several forms\n saveData = (name, value) => {\n const { data } = this.state;\n data[name] = value;\n this.setState({ ...this.state, data, message: null });\n };\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps(props, state) {\n const {\n accounts,\n match,\n viewGoalDetails,\n viewGoals,\n isFetching,\n deleteGoalDetails,\n } = props;\n if (deleteGoalDetails && deleteGoalDetails.ResponseStatus) {\n return {\n stage: 'confirm',\n };\n }\n let account;\n let keys = [];\n\n if (\n accounts &&\n accounts.Accounts &&\n !viewGoalDetails &&\n !isFetching &&\n !state.called\n ) {\n if (match && match.params.id) {\n account = accounts.Accounts.find(function(element) {\n if (element) {\n return (\n Utility.hexEncode(element.AccountKey.Key) === match.params.id\n );\n }\n return false;\n });\n if (account) {\n keys.push(account.AccountKey);\n }\n viewGoals({\n AccountKeys: keys,\n });\n return {\n called: true,\n };\n }\n }\n return null;\n }\n\n changeUrl = () => {\n const { match, history } = this.props;\n\n switch (match.params.page) {\n case 'goal-list':\n history.push('/money-tools/savings-goals/view');\n break;\n case 'detail':\n case 'account-details':\n {\n let url = `/accounts/details/${match.params.id}`;\n history.push(url);\n }\n break;\n case 'summary':\n history.push('/accounts/list');\n break;\n default:\n }\n };\n\n getContent = page => {\n switch (page) {\n case 'summary':\n return (\n {getBackButton(page)}
\n {this.currentStage()}
;\n }\n}\n\nDeleteGoal.propTypes = {\n accounts: PropTypes.any,\n isFetching: PropTypes.bool,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n createGoalDetails: PropTypes.func,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n deleteGoals: PropTypes.func,\n resetCreateGoals: PropTypes.any,\n viewGoalDetails: PropTypes.any,\n stateData: PropTypes.any,\n urlParams: PropTypes.func,\n account: PropTypes.any,\n resetDeleteGoals: PropTypes.func,\n deleteGoalDetails: PropTypes.any,\n viewGoals: PropTypes.func,\n updateUrl: PropTypes.func,\n resetViewGoals: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n )(withRouter(DeleteGoal)),\n storage.name,\n);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col, Button } from 'reactstrap';\n\nimport {\n Content,\n Markdown,\n FormattedCurrency,\n CONSTANTS,\n FormattedDate,\n} from '@myie/interact-dom';\n\nclass ReviewAndSubmit extends Component {\n submitForm = () => {\n const { submit } = this.props;\n submit();\n };\n\n edit = () => {\n const { setStateDynamic, updateUrl } = this.props;\n let stateData = {\n formData: this.props.formData,\n url: {\n pageStage: 'goalDetails',\n },\n };\n updateUrl(stateData);\n setStateDynamic({\n stage: 'goalDetails',\n });\n };\n\n render() {\n const { account, page, getBackButton, goalName } = this.props;\n const { formData = {} } = this.props;\n const monthlyAmount = formData['monthlyAmount']\n .toString()\n .replace(/,/g, '');\n\n return (\n \n this.submitForm()}\n color=\"primary\"\n >\n this.edit()}\n color=\"light\"\n >\n
\n \n
\n \n
- \n
- \n
- \n
- \n
\n
\n \n\n {mode === 'add' ? (\n changeGoalType()}\n color=\"light\"\n >\n
\n \n \n {mode === 'add' ? (\n
\n {getBackButton(page)}
\n \n
\n );\n }\n}\n\nEditGoal.propTypes = {\n options: PropTypes.any,\n accounts: PropTypes.any,\n withdrawalAccount: PropTypes.object,\n isFetching: PropTypes.bool,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n createGoalDetails: PropTypes.func,\n match: PropTypes.any,\n updateUrl: PropTypes.func,\n fetchAccountsIfNeeded: PropTypes.func,\n location: PropTypes.any,\n deleteGoals: PropTypes.func,\n updateGoals: PropTypes.func,\n resetCreateGoals: PropTypes.any,\n viewGoalDetails: PropTypes.any,\n account: PropTypes.any,\n updateGoalDetails: PropTypes.object,\n preservedSavingsGoalState: PropTypes.any,\n updateState: PropTypes.func,\n resetPreserveGoalState: PropTypes.func,\n resetUpdateGoals: PropTypes.func,\n deleteGoalDetails: PropTypes.any,\n urlParams: PropTypes.object,\n viewGoals: PropTypes.func,\n stateData: PropTypes.object,\n preserveGoalState: PropTypes.func,\n formData: PropTypes.object,\n resetViewGoals: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n )(withRouter(EditGoal)),\n storage.name,\n);\n","export const storage = {\n name: 'editGoals',\n};\n","import React, { Component } from 'react';\nimport { Content, AppMeta, CONSTANTS } from '@myie/interact-dom';\nimport { withRouter } from 'react-router-dom';\nimport { Link } from 'react-router-dom';\nimport { Utility } from '@myie/interact';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Button } from 'reactstrap';\nimport Goal from './viewGoals/Goal';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\n\nclass ReplaceGoal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n called: false,\n };\n }\n\n componentDidMount() {\n const { fetchAccountsIfNeeded, resetCreateGoals } = this.props;\n fetchAccountsIfNeeded();\n\n resetCreateGoals();\n }\n\n static getDerivedStateFromProps(props, state) {\n const { accounts, match, viewGoalDetails, viewGoals, isFetching } = props;\n let account;\n let keys = [];\n if (\n accounts &&\n accounts.Accounts &&\n !viewGoalDetails &&\n !isFetching &&\n !state.called\n ) {\n if (match && match.params.id) {\n account = accounts.Accounts.find(function(element) {\n if (element) {\n return (\n Utility.hexEncode(element.AccountKey.Key) === match.params.id\n );\n }\n return false;\n });\n if (account) {\n keys.push(account.AccountKey);\n }\n viewGoals({\n AccountKeys: keys,\n });\n return {\n called: true,\n };\n }\n }\n return null;\n }\n\n changeUrl = page => {\n const { match, history } = this.props;\n\n switch (page) {\n case 'goal-list':\n history.push('/money-tools/savings-goals/view');\n break;\n case 'detail':\n case 'account-details':\n {\n let url = `/accounts/details/${match.params.id}`;\n history.push(url);\n }\n break;\n case 'summary':\n history.push('/accounts/list');\n break;\n default:\n }\n };\n\n getContent = page => {\n switch (page) {\n case 'summary':\n return (\n \n
\n {this.currentStage()}\n - \n
\n \n \n
\n \n {this.getlinks(goal)}\n {getBackButton(page)}\n
\n \n
\n {stage === 'addNewGoal' ? (\n
\n );\n }\n}\n\nAddANewGoal.propTypes = {\n accounts: PropTypes.any,\n withdrawalAccount: PropTypes.object,\n isFetching: PropTypes.bool,\n preserveGoalState: PropTypes.func,\n updateUrl: PropTypes.func,\n history: PropTypes.any,\n onCreate: PropTypes.func,\n stateData: PropTypes.object,\n urlParams: PropTypes.object,\n createGoalDetails: PropTypes.object,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n createGoals: PropTypes.func,\n makeaWithdraw: PropTypes.func,\n resetCreateGoals: PropTypes.any,\n holidays: PropTypes.any,\n preservedSavingsGoalState: PropTypes.any,\n resetPreserveGoalState: PropTypes.any,\n updateState: PropTypes.func,\n getAllProducts: PropTypes.func,\n location: PropTypes.any,\n viewGoalDetails: PropTypes.any,\n getDepositProducts: PropTypes.func,\n allProducts: PropTypes.any,\n account: PropTypes.any,\n setBackPageMode: PropTypes.func,\n backPageMode: PropTypes.string,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, custombrandSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...custombrandSavingsServicingDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n )(withRouter(AddANewGoal)),\n storage.name,\n);\n","import React, { Component } from 'react';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport { Switch, Route } from 'react-router-dom';\nimport ViewGoals from './viewGoals/ViewGoals';\nimport Delete from './deleteGoal/';\nimport GoalDetailsForm from './editGoal/';\nimport ReplaceGoal from './ReplaceGoal';\nimport AddANewGoal from './addANewGoal/AddANewGoal';\n\nclass SavingsGoalsRoutes extends Component {\n render() {\n return (\n \n
\n\n {this.currentStage(account)}\n - \n
{itemName}
\n{itemName}
\n{itemName}
\n \n{itemName}
\n \n\n this.onClick(e)}\n className={`${\n isOpen\n ? 'd-flex expand-button chevron up'\n : 'd-flex expand-button chevron down'\n }`}\n id={`cat-index-${categoryIndex}`}\n >\n {categoryName}\n \n
\n {isOpen ? (\n {categoryDescription}
\n ) : null}\n {this.getCategoryItemAddContent(category, categoryType)}\n {items}\n{incomeAndExpenditure.description}
\n \n
\n
\n \n
\n \n
\n
\n \n \n
\n \n
\n \n
\n \n $[phone], $[openTimes].`}\n />\n\n
\n );\n }\n}\n\nNoDestinations.propTypes = {\n userLogout: PropTypes.any,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(NoDestinations);\n","export const returnPath = origin => {\n switch (origin) {\n case 'editUserDetails':\n return '/personal-details/edit';\n case 'editSecurityDetails':\n return '/details/index';\n case 'transferIntoNewAccount':\n return '/transfer-to-another/create/moveMoney';\n case 'accountsList':\n return '/accounts/list';\n case 'EditnominatedAccountDetails':\n case 'nominatedAccountDetails':\n return '/nominated-account-for-withdrawals';\n default:\n return '';\n }\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Validate, Session } from '@myie/interact';\nimport { connect } from 'react-redux';\nimport { Button } from 'reactstrap';\nimport {\n Radio,\n RadioGroup,\n Content,\n Markdown,\n stateUtility,\n BackToButton,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { TwoFactor } from '@myie/interact';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\nimport { mapDispatchToProps as brandUserManagementDispatch } from '@myie/interact-brand-user-management';\nimport { Link, withRouter } from 'react-router-dom';\n//import _ from 'lodash';\nimport NoDestinations from './NoDestinations';\nimport { returnPath } from './ReturnPages';\nclass Destinations extends React.Component {\n constructor(props) {\n super(props);\n this.state = this.initiateState(props);\n }\n\n initiateState = props => {\n const { setDestination, page, setResend } = props;\n\n const storage = stateUtility.getPageState();\n const storageName =\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '';\n\n let stateData = stateUtility.getComponentState(storageName);\n if (\n stateData &&\n stateData.url &&\n stateData.url.twoFa &&\n stateData.url.twoFa === 'active'\n ) {\n if (stateData.destination) {\n setDestination(stateData.destination);\n }\n if (page === 'resend') {\n setResend();\n }\n }\n return {\n storageName,\n form: {\n destination: {\n rules: {\n required: true,\n },\n },\n },\n disabled: false,\n };\n };\n\n componentDidMount() {\n const { getDestinations, destinations } = this.props;\n if (!destinations || !destinations.Destinations) {\n getDestinations({\n ChallengeKey: TwoFactor.getKey(),\n });\n }\n }\n\n componentWillUnmount() {\n const { resetDestinations } = this.props;\n resetDestinations();\n }\n\n continue = e => {\n e.preventDefault();\n this.setState({ disabled: true });\n const {\n sendChallenge,\n setDestination,\n page,\n setResend,\n history,\n } = this.props;\n\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({\n ...this.state,\n form,\n });\n if (!form.approved) {\n this.setState({ disabled: false });\n return;\n }\n if (page === 'resend') {\n setResend();\n }\n const selectedDestination = form.destination.value;\n setDestination(selectedDestination);\n const request = {\n Destination: selectedDestination,\n ChallengeKey: TwoFactor.getKey(),\n };\n sendChallenge(request);\n this.setState({ disabled: false });\n const storage = stateUtility.getPageState();\n\n let stateData = {\n destination: selectedDestination,\n twoFapage: page,\n destinationReq: request,\n url: {\n twoFa: 'active',\n twoFaDestination: 'active',\n },\n };\n\n if (storage && storage.global && storage.global.storage) {\n let page = storage[storage.global.storage];\n if (page && page.url && page.url.pageStage) {\n stateData.url.pageStage = page.url.pageStage;\n }\n }\n\n stateUtility.directlyUpdateUrl(\n stateData,\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '',\n history,\n );\n };\n\n cancel = () => {\n if (localStorage.getItem('firstLogin')) {\n window.location.href = CONTACTS.externalHomeURL;\n return null;\n }\n\n const { finishTwoFactor, history } = this.props;\n const { storageName } = this.state;\n const returnTo = returnPath(storageName);\n finishTwoFactor({});\n if (Session.isAuthenticated() && returnTo) {\n stateUtility.resetComponentState(storageName);\n history.push(returnTo);\n }\n };\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n getErrorMessage = () => {\n const { form } = this.state;\n\n let message = null;\n if (form.destination.state && Validate.isInvalid(form.destination.state)) {\n message = (\n \n \n
\n \n
\n
\n );\n }\n\n return message;\n };\n\n render() {\n const { destinations, error } = this.props;\n const { mobNumberNotFound } = this.state;\n\n if (error) {\n return \n
\n
\n - \n
\n \n
\n \n this.setRetry()}\n id=\"try-again\"\n >\n \n \n
\n \n this.retry()}\n id=\"try-again\"\n >\n \n \n
\n \n {this.props.isAuthenticated ? (\n \n \n
\n \n
\n );\n }\n}\n\nError.propTypes = {\n finishTwoFactor: PropTypes.any,\n status: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Error);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TwoFactor } from '@myie/interact';\nimport { Validate, Session } from '@myie/interact';\nimport { Alert, Button } from 'reactstrap';\nimport {\n Text,\n Content,\n Markdown,\n FormErrorList,\n stateUtility,\n BackToButton,\n} from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { Link, withRouter } from 'react-router-dom';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\nimport { mapDispatchToProps as brandUserManagementDispatch } from '@myie/interact-brand-user-management';\nimport { returnPath } from './ReturnPages';\nimport { RULES } from '../shared/constants/rules';\nimport { CONTACTS } from '@myie/interact-local-dom';\nclass CodeForm extends React.Component {\n constructor(props) {\n super(props);\n const storage = stateUtility.getPageState();\n const storageName =\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '';\n this.state = {\n storageName,\n count: 0,\n form: {\n code: {\n rules: {\n title: 'Code',\n stop: true,\n required: {\n message: 'Please enter your authentication code.',\n },\n format: {\n regex: RULES.activationCode2,\n message: 'Please enter a valid authentication code.',\n },\n },\n },\n },\n };\n }\n\n getInitialState = () => {\n let state = {\n code: {\n rules: {\n title: 'Code',\n stop: true,\n required: {\n message: 'Please enter your authentication code.',\n },\n format: {\n regex: RULES.activationCode2,\n message: 'Please enter a valid authentication code.',\n },\n },\n },\n };\n\n return state;\n };\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form);\n this.setState({ ...this.state, form });\n };\n\n removeCode = () => {\n let { form } = this.state;\n form.code.value = '';\n form.code.state.dirty = false;\n form.code.state.approval = {};\n this.setState({ ...this.state, form });\n };\n\n sendAnothercode = () => {\n const {\n sendChallenge,\n selectedDestination,\n setCodeResendStatus,\n } = this.props;\n const initialFormState = this.getInitialState();\n setCodeResendStatus(true);\n const request = {\n Destination: selectedDestination,\n ChallengeKey: TwoFactor.getKey(),\n };\n sendChallenge(request);\n this.setState({ ...this.state, form: initialFormState });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n cancel = () => {\n if (localStorage.getItem('firstLogin')) {\n window.location.href = CONTACTS.externalHomeURL;\n return null;\n }\n\n const { finishTwoFactor, history } = this.props;\n const { storageName } = this.state;\n const returnTo = returnPath(storageName);\n finishTwoFactor({});\n if (Session.isAuthenticated() && returnTo) {\n stateUtility.resetComponentState(storageName);\n history.push(returnTo);\n }\n };\n\n continue = e => {\n e.preventDefault();\n const { addCount, history } = this.props;\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({\n ...this.state,\n form,\n });\n\n if (!form.approved) {\n return;\n }\n TwoFactor.setStatus('');\n addCount();\n TwoFactor.replay(form.code.value);\n const storage = stateUtility.getPageState();\n\n let stateData = {\n url: { twoFaStatus: 'finished' },\n };\n if (storage && storage.global && storage.global.storage) {\n let page = storage[storage.global.storage];\n if (page && page.url && page.url.pageStage) {\n stateData.url.pageStage = page.url.pageStage;\n }\n }\n\n stateUtility.directlyUpdateUrl(\n stateData,\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '',\n history,\n );\n stateUtility.setPageState(\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '',\n 'twoFaStatus',\n 'finished',\n );\n this.removeCode();\n };\n\n render() {\n const { form, storageName } = this.state;\n const { failed, selectedDestination, count } = this.props;\n\n return (\n \n \n
\n \n {count === 1 && failed ? (\n \n \n ) : (\n ''\n )}\n {failed && count !== 1 ? (\n \n \n ) : (\n ''\n )}\n
\n );\n }\n}\n\nCodeForm.propTypes = {\n failed: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n sendChallenge: PropTypes.any,\n count: PropTypes.any,\n selectedDestination: PropTypes.string,\n retry: PropTypes.func,\n setCodeResendStatus: PropTypes.func,\n setRequestCount: PropTypes.any,\n resetActivation: PropTypes.func,\n history: PropTypes.any,\n addCount: PropTypes.func,\n location: PropTypes.any,\n pathname: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { twoFactorDefinition, customUserManagementDefinition } = state;\n return {\n ...twoFactorDefinition,\n ...customUserManagementDefinition,\n };\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...brandUserManagementDispatch },\n )(CodeForm),\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BreadcrumbItem } from 'reactstrap';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport CodeForm from './CodeForm';\n\nclass Code extends React.Component {\n render() {\n const { setCodeResendStatus, addCount, count } = this.props;\n return (\n \n
\n );\n }\n}\n\nCode.propTypes = {\n failed: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n sendChallenge: PropTypes.any,\n selectedDestination: PropTypes.string,\n retry: PropTypes.func,\n setCodeResendStatus: PropTypes.func,\n reSet: PropTypes.any,\n addCount: PropTypes.any,\n count: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { twoFactorDefinition, custombrandAuthenticationDefinition } = state;\n return {\n ...twoFactorDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Code);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Button } from 'reactstrap';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { mapDispatchToProps as mapSharedDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Session } from '@myie/interact';\n\nclass ExceededRequests extends React.Component {\n componentWillUnmount() {\n this.cancel();\n }\n\n cancel = () => {\n const { userLogout } = this.props;\n Session.abandon();\n userLogout();\n };\n\n render() {\n return (\n \n
\n - \n
\n {this.props.isAuthenticated ? (\n \n \n
\n \n
\n
\n
\n
\n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n\n \n
\n \n
\n );\n }\n}\n\nexport default withRouter(contentContainer(App));\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker === null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType !== null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","/* eslint-disable no-mixed-spaces-and-tabs, prettier/prettier */\nimport {\n Session,\n Connection,\n Settings,\n TwoFactor,\n Utility,\n} from '@myie/interact';\nimport uuid from 'uuid';\nimport { createUserManager } from 'redux-oidc';\n\n// set global local to current browser language\n\nconst Config = async function() {\n // update with google tag manager id\n Settings.gtmId = 'GTM-53BH7TB';\n Settings.iegtmId = 'GTM-MZK9ZD6';\n Settings.ticketExpiry = 10;\n Settings.sessionExpiry = 10;\n // using a common root as default\n let root = 'https://app.qa-darlington.com';\n let site = `${window.location.protocol}//${window.location.hostname}${\n window.location.hostname.toLowerCase() !== 'localhost'\n ? ''\n : ':' + window.location.port\n }`;\n\n const client_id = '';\n const client_secret = '';\n\n const REACT_APP_AUTH_URL = 'https://auth.qa-darlington.com';\n const IDENTITY_ISSUER_URL = 'https://cognito-idp.eu-west-2.amazonaws.com/eu-west-2_P7V3VUMUD';\n\n let cms = \"https://content.qa-darlington.com\"; // CMU API url not CMU editor\n let auth_url = REACT_APP_AUTH_URL;\n let identity_url = IDENTITY_ISSUER_URL;\n\n // Check which environment\n let envname = window.location.hostname;\n let env = '.prod';\n \n if (envname.includes('test-')) {\n env = '.test';\n } else if (envname.includes('qa-')) {\n env = '.qa';\n } else if (envname.includes('uat-')) {\n env = '.uat';\n }\n\n if (envname.includes('editor')) {\n env = '-cmu' + env;\n }\n \n let response = await fetch('/DeploymentConfig/config' + env + '.json'); // fetch file from website location, fixed random name\n \n if (response) {\n try {\n const configuration = await response.json(); // extract json\n cms = configuration.cms || cms;\n root = configuration.root || root;\n auth_url = configuration.auth_url || auth_url;\n identity_url = configuration.identity_url || identity_url;\n Settings.gtmId = configuration.gtmId || Settings.gtmId;\n Settings.iegtmId = configuration.iegtmId || Settings.iegtmId;\n Settings.ticketExpiry =\n configuration.ticketExpiry || Settings.ticketExpiry;\n Settings.sessionExpiry =\n configuration.sessionExpiry || Settings.sessionExpiry;\n Settings.client_id =\n configuration.client_id || client_id;\n Settings.client_secret =\n configuration.client_secret || client_secret;\n } catch (e) {\n //Ignore error but fetch another filename to indicate error to the observant user!\n response = await fetch('/static/css/2.2d7364-2.css');\n }\n }\n\n const IDENTITY_CONFIG = {\n authority: auth_url,\n client_id: Settings.client_id,\n redirect_uri: `${site}/signin-oidc`,\n silent_redirect_uri: `${site}/silentrenew`,\n post_logout_redirect_uri: `${site}/logout/callback`,\n audience: '',\n response_type: 'code', //\"id_token token\",\n automaticSilentRenew: false,\n loadUserInfo: false,\n scope: 'openid profile email aws.cognito.signin.user.admin',\n acr_values: 'Level3',\n ui_locales: 'nb',\n filterProtocolClaims: false,\n revokeAccessTokenOnSignout: false,\n userInfoJwtIssuer: 'RS256',\n client_secret: Settings.client_secret,\n metadata: {\n issuer: identity_url,\n jwks_uri: identity_url + '/.well-known/jwks.json',\n authorization_endpoint: auth_url + '/oauth2/authorize',\n token_endpoint: auth_url + '/oauth2/token',\n userinfo_endpoint: auth_url + '/oauth2/userInfo',\n end_session_endpoint:\n auth_url +\n `/logout?client_id=${Settings.client_id}&redirect_uri=${site}/signin-oidc&response_type=code`,\n check_session_iframe: auth_url + '/connect/checksession',\n revocation_endpoint: auth_url + '/connect/revocation',\n introspection_endpoint: auth_url + '/connect/introspect',\n },\n };\n \n Settings.userManager = createUserManager(\n IDENTITY_CONFIG,\n () => true,\n false,\n '/callback',\n );\n\n // using common set of services\n\n Settings.cmsAvailable = true;\n\n Connection.config(\n {\n cmscontent: `${cms}/content/`,\n savingsservicing: `${root}/savingsservicing/`, \n utility: `${root}/utility/`,\n accounts: `${root}/accounts/`,\n updateuserdetails: `${root}/updateuserdetails/`,\n updateadditionaldetails: `${root}/updateadditionaldetails/`,\n noticetowithdraw: `${root}/noticetowithdraw/`,\n movemoney: `${root}/movemoney/`,\n apply: `${root}/apply/`,\n usermanagement: `${root}/usermanagement/`,\n webauthentication: `${root}/webauthentication/`,\n cardservicing: `${root}/cardservicing/`,\n paybycard: `${root}/paybycard/`,\n loanservicing: `${root}/loanservicing/`,\n '2fa': `${root}/2fa/`,\n alerts: `${root}/alerts/`,\n messaging: `${root}/messaging/`,\n custombrand: `${root}/customdar/`,\n getonboardingapp: `${root}/customdar/v1.0/getonboardingapp/`,\n getlinkurl: `${root}/customdar/v1.0/getlinkurl/`,\n onboarding: `${root}/customdar/v1.0/onboarding/`,\n serverRoot: `${root}`,\n pfm: `${root}/pfm/`,\n },\n {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n 'x-brand-code': 'dar',\n 'x-channel-type': 'WEB',\n 'x-device-type': 'WEB',\n 'x-client-version': '5.2',\n 'x-device-language': 'en-gb',\n 'x-request-id': function() {\n return uuid.v4();\n },\n 'x-session-ticket': function() {\n return Session.ticket();\n },\n 'x-challenge-key': function() {\n var key = TwoFactor.getKey();\n var value = TwoFactor.getValue();\n if (key && value) {\n return key;\n }\n return null;\n },\n 'x-challenge-code': function() {\n var key = TwoFactor.getKey();\n var value = TwoFactor.getValue();\n if (key && value) {\n return value;\n }\n return null;\n },\n },\n );\n\n Connection.cmuHeaders = function() {\n return {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n authorization: window.sessionStorage.getItem('mgr_access_token')\n ? window.sessionStorage.getItem('mgr_access_token')\n : null,\n };\n };\n\n Session.config(\n function(ticket, customer) {\n if (!ticket || !customer) {\n window.sessionStorage.removeItem('ticket');\n } else {\n window.sessionStorage.setItem(\n 'ticket',\n Utility.hexEncode(JSON.stringify({ ticket, customer })),\n );\n }\n },\n function() {\n const ticket = window.sessionStorage.getItem('ticket');\n if (ticket) {\n return JSON.parse(Utility.hexDecode(ticket)).customer;\n }\n return null;\n },\n function() {\n const ticket = window.sessionStorage.getItem('ticket');\n if (ticket) {\n return JSON.parse(Utility.hexDecode(ticket)).ticket;\n }\n return null;\n },\n );\n};\n\nexport default Config;\n","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\nimport React from 'react';\nimport { render } from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport { createStore, applyMiddleware, compose } from 'redux';\nimport { persistStore, persistReducer } from 'redux-persist';\nimport storage from 'redux-persist/lib/storage/session';\nimport { PersistGate } from 'redux-persist/integration/react';\nimport { Provider } from 'react-redux';\nimport thunk from 'redux-thunk';\nimport { createLogger } from 'redux-logger';\nimport reducer from './reducers';\nimport { Settings } from '@myie/interact';\nimport secureFetch from './lib/secure-fetch/secureFetch';\nimport App from './App';\n//import registerServiceWorker from './registerServiceWorker';\nimport * as serviceWorker from './serviceWorker';\nimport './styling.css';\nimport { loadUser, OidcProvider } from 'redux-oidc';\n\n// apply configuration\nimport Config from './config.local.js';\n\n// Wrap global fetch function with a check to ensure the original\n// session is the same when the response returns.\n// eslint-disable-next-line no-global-assign\nfetch = secureFetch(fetch);\n\nconst persistConfig = {\n key: 'persistedState',\n storage,\n blacklist: [\n //'accountsDefinition',\n 'cmsDefinition',\n 'twoFactorDefinition',\n 'payByCardDefinition',\n ],\n};\n\nconst middleware = [thunk];\nif (process.env.NODE_ENV === 'notset') {\n // Set to development to enable logging in dev\n middleware.push(createLogger());\n}\n\nconst composeEnhancers =\n typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({\n // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...\n })\n : compose;\n\nconst persistedReducer = persistReducer(persistConfig, reducer);\n\nconst enhancer = composeEnhancers(\n applyMiddleware(...middleware),\n // other store enhancers if any\n);\n\n(async () => {\n await Config();\n\n const store = createStore(persistedReducer, enhancer);\n const persistor = persistStore(store);\n loadUser(store, Settings.userManager);\n render(\n