{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 var rules = {};\n var 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 var 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 {showErrors ? (\n{suffix}
}\n \n );\n }\n}\n\nRadio.propTypes = {\n managedContent: PropTypes.func.isRequired,\n contentValue: PropTypes.func.isRequired,\n /**\n * Any children of the component\n */\n children: PropTypes.any,\n /**\n * Class name\n */\n className: PropTypes.string,\n /**\n * Description for radio\n */\n description: PropTypes.string,\n /**\n * Boolean flag whether radio is disabled or not\n */\n disabled: PropTypes.bool,\n /**\n * Field name\n */\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\n /**\n * Class name\n */\n groupClassName: PropTypes.string,\n /**\n * Radio id\n */\n id: PropTypes.any.isRequired,\n /**\n * Radio label\n */\n label: PropTypes.any.isRequired,\n /**\n * Class name for the label\n */\n labelClassName: PropTypes.string,\n /**\n * Whether radio is required or not\n */\n required: PropTypes.bool,\n /**\n * Set value for radio\n */\n setValue: PropTypes.any,\n /**\n * Value for radio\n */\n value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).isRequired,\n /**\n * Sub label for radio\n */\n subLabel: PropTypes.string,\n /**\n * Suffix for radio\n */\n suffix: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * Validation object\n */\n validation: PropTypes.object,\n};\n\nexport default contentManaged(Radio);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'reactstrap';\nimport { HasErrors } from './Errors';\nimport contentManaged, { ContentType } from '../HO_components/contentManaged';\n\n/**\n * RadioButton component\n */\nclass RadioButton extends React.Component {\n constructor(props) {\n super(props);\n const { label, managedContent } = props;\n managedContent({\n label: { defaultValue: label },\n });\n }\n\n render() {\n const { props } = this;\n\n const {\n validation = {},\n value: setValue,\n children,\n id,\n field,\n contentValue,\n managedContent,\n ...rest\n } = props;\n if (!managedContent()) return '';\n Object.keys(managedContent()).forEach(k => {\n delete rest[k];\n });\n const { value = '' } = validation;\n const label = contentValue(ContentType.Text, 'label');\n var fieldName =\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\n return (\n{children}
\n {suffix && {suffix}
}\n {showErrors && field ? (\n{suffix}
}\n {children}\n {showErrors ? (\n{suffix}
: ''}\n {children}\n {showErrors ? (\n{suffix}
}\n {children}\n {showErrors ? (\n{suffix}
: ''}\n {showErrors ? (\n{suffix}
}\n {children}\n {showErrors ? (\n{suffix}
}\n {children}\n {showErrors ? (\n{suffix}
}\n {children}\n {showErrors ? (\n{suffix}
}\n {children}\n {showErrors ? (\n{suffix}
: ''}\n {showErrors ? (\n\n {gtm.scriptAsReact()}\n
\n \n getPreviousPage(Offset, Size)}\n disabled={currentPage === 1 ? true : false}\n >\n {previous}\n \n \n getNextPage(Offset, Size, Total)}\n disabled={currentPage === totalPages ? true : false}\n >\n {next}\n \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 next: PropTypes.any,\n previous: PropTypes.any,\n subLabel: PropTypes.any,\n};\n\nexport default contentManaged(Pagination);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col, Card } from 'reactstrap';\nimport { Icon, Content } from '@myie/interact-dom';\n\nclass FeaturesAdvert1 extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n testdata: '',\n };\n }\n\n render() {\n return (\n {text}
\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\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 \n
\n );\n};\n\nNoMatch.propTypes = {\n location: 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
\n \n
\n \n
\n \n \n
\n );\n }\n}\n\nNetworkError.propTypes = {\n history: PropTypes.any,\n};\n\nexport default NetworkError;\n","import React from 'react';\nimport { Content } from '@myie/interact-dom';\n\nconst MinusGlyph = () => {\n return (\n <>\n \n
\n \n \n
\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{this.state.testdata[0]}
\n \n {this.state.testdata[1]}
\n \n {this.state.testdata[2]}
\n \n {this.state.testdata[3]}
\n \n {this.state.testdata[4]}
\n \n {this.state.testdata[5]}
\n \n Text and Links
\n{this.state.testdata[6]}
\n \n {this.state.testdata[7]}
\n \n {this.state.testdata[8]}
\n \n {this.state.testdata[9]}
\n \n {this.state.testdata[10]}
\n \n {this.state.testdata[11]}
\n \n Shades and Light Colours
\n\n {this.state.testdata[12]}\n
\n \n \n {this.state.testdata[13]}\n
\n \n \n {this.state.testdata[14]}\n
\n \n \n {this.state.testdata[15]}\n
\n \n \n {this.state.testdata[16]}\n
\n \n {this.state.testdata[17]}
\n \n \n {this.state.testdata[18]}\n
\n \n \n {this.state.testdata[19]}\n
\n \n \n {this.state.testdata[20]}\n
\n \n \n {this.state.testdata[21]}\n
\n \n \n {this.state.testdata[22]}\n
\n \n {this.state.testdata[23]}
\n \n {this.state.testdata[30]}
\n \n {this.state.testdata[31]}
\n \n {this.state.testdata[32]}
\n \n {this.state.testdata[33]}
\n \n {this.state.testdata[34]}
\n \n {this.state.testdata[35]}
\n \n Supporting colours
\n\n {this.state.testdata[24]}\n
\n \n \n {this.state.testdata[25]}\n
\n \n \n {this.state.testdata[26]}\n
\n \n \n {this.state.testdata[27]}\n
\n \n {this.state.testdata[28]}
\n \n {this.state.testdata[29]}
\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
- Open Sans, sans-serif; \n
- Font Light: \n
- Open Sans, sans-serif; \n
- Font Italic: \n
- \n Open Sans, sans-serif;\n \n
- Font SemiBold: \n
- Open Sans, sans-serif; \n
- Font Bold: \n
- \n Open Sans, sans-serif;\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
\nBullet list
\nCheck list
\nOrdered 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 react
\nDescription list 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
Side Link
\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 \n\n Defined within{' '}\n \n sass/components/progress-bars.scss\n \n
\n There is a component made for the progress bars{' '}\n defined within reactstrap. To see an interactive technical\n specification for this component, go to{' '}\n \n https://reactstrap.github.io/components/progress/\n \n .{' '}\n
\n \n \n \n \n \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
Slider
\n\n There is a component made for range sliders{' '}\n defined within shared/components/Slider.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{' '}\n shared/components/FormattedDate.js.\n
\n
DatePicker
\n\n There is a component made for{' '}\n dropdown date pickers defined within{' '}\n shared/components/DatePicker.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n This component uses{' '}\n shared/components/FormattedDate.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, and legend\n copy text will need to be added.\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 <RadioGroup></RadioGroup> tag, and legend\n copy text will need to be added.\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
AddressLookup
\n\n There is a component made for address look up{' '}\n defined within shared/components/AddressLookup.js. To\n see an interactive technical specification for this component,{' '}\n click here.\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
Value
\n\n There is a component made for printed values{' '}\n defined within shared/components/Value.js. To see an\n interactive technical specification for this component,{' '}\n click here.\n
\n There are no
\n
Form Text
\n\n Defined within{' '}\n \n sass/components/side-widgets.scss\n \n
\n There is a component made for the various adverts are\n defined within:\n
\n shared/components/FeaturesAdvert1.js\n
\n shared/components/FeaturesAdvert2.js\n
\n shared/components/FeaturesAdvert3.js\n
\n shared/components/HelpAdvert1.js\n
\n shared/components/HelpAdvert2.js\n
\n shared/components/TravelInsuranceAdvert1.js\n
\n Defined within{' '}\n \n sass/components/modals.scss\n \n
\n There is a component made for modals defined within{' '}\n shared/components/Dialog.js. To see an interactive\n technical specification for this component,{' '}\n click here\n
click Here to close the modal
\n \n\n \n {toggleData[1] ? \n {toggleData[2] ? \n {toggleData[4] ? \n {toggleData[5] ? \n {toggleData[6] ? \n {toggleData[7] ? \n {toggleData[8] ? \n {toggleData[9] ? \n {toggleData[10] ? \n {toggleData[11] ? \n {toggleData[12] ? \n {toggleData[13] ? \n {toggleData[14] ? \n {toggleData[15] ? \n {toggleData[16] ?
\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 Styleguide from './Styleguide';\nimport { PrivateRoute } from '@myie/interact-dom';\n\nconst Routes = [\n Styleguide
\n\n this.toggleDescription(1)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[1] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[1] ?
\n \n
\n \n Colours
\n\n this.toggleDescription(2)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[2] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[2] ?
\n \n
\n \n Fonts & Typography
\n\n this.toggleDescription(4)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[4] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[4] ?
\n \n
\n \n Lists
\n\n this.toggleDescription(5)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[5] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[5] ?
\n \n
\n \n Badges
\n\n this.toggleDescription(6)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[6] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[6] ?
\n \n
\n \n Buttons
\n\n this.toggleDescription(7)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[7] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[7] ?
\n \n
\n \n Breadcrumbs
\n\n this.toggleDescription(8)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[8] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[8] ?
\n \n
\n \n Pagination
\n\n this.toggleDescription(9)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[9] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[9] ?
\n \n
\n \n Alerts
\n\n this.toggleDescription(10)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[10] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[10] ?
\n \n
\n \n Progress Bars
\n\n this.toggleDescription(11)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[11] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[11] ?
\n \n
\n \n Tabs
\n\n this.toggleDescription(12)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[12] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[12] ?
\n \n
\n \n Tables
\n\n this.toggleDescription(13)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[13] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[13] ?
\n \n
\n \n Inputs
\n\n this.toggleDescription(14)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[14] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[14] ?
\n \n
\n \n Adverts
\n\n this.toggleDescription(15)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[15] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[15] ?
\n \n
\n \n Sidebar Widgets
\n\n this.toggleDescription(16)}\n className={`w-100 text-left mr-2 accordion-trigger info-${\n toggleData[16] ? 'open' : 'closed'\n }`}\n >\n
\n \n {toggleData[16] ?
\n \n
\n \n Modals
\n\n
\n \n
Test Widget:
\n\n \n
\n {replyMessageStatus && (\n \n \"\n value={replyMessageStatus.ResponseStatus}\n defaultText=\"An unknown error occured please check your accounts befor retrying.\"\n contents={{\n Success: {\n defaultValue:\n 'Your message has been sent. See details below.',\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\nConfirmation.propTypes = {\n initializeMoveMoney: PropTypes.any,\n replyMessageStatus: PropTypes.any,\n resetData: PropTypes.any,\n resetReply: PropTypes.any,\n transactionData: PropTypes.any,\n transfer: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Confirmation);\n","import React from 'react';\nimport TransferWidgetTest from './MessageWidgetTest';\nimport Confirmation from './Confirmation';\nimport { PrivateRoute } from '@myie/interact-dom';\n\nconst Routes = [\n \n
\n {replyMessageStatus && (\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 SavingsServicingRoutes } from '@myie/interact-savings-servicing-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'\n\n\nconst AvailableRoutes = [];\n\nAvailableRoutes.push(AccountsRoutes)\nAvailableRoutes.push(AuthenticationRoutes)\nAvailableRoutes.push(ServicesRoutes)\nAvailableRoutes.push(StyleguideRoutes)\nAvailableRoutes.push(MessagingTwowayRoutes)\nAvailableRoutes.push(SavingsServicingRoutes)\nAvailableRoutes.push(WidgetSelectAccountRoutes)\nAvailableRoutes.push(WidgetSendMessageRoutes)\nAvailableRoutes.push(DocumentsRoutes)\nAvailableRoutes.push(UserManagementRoutes)\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 PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport React from 'react';\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 { startTwoFactor, continueTwoFactor, finishTwoFactor } = props;\n const { status, headers } = response;\n const lastRequestTime = new Date().getTime();\n window.sessionStorage.setItem('lastRequestTime', lastRequestTime);\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 } else {\n continueTwoFactor(headers.get('x-challenge-status'));\n }\n\n break;\n default:\n // all other errors\n if (!debug) {\n window.location.replace('/network-error');\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';\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 } = this.props;\n const defaultTitle = `Cambridge & Counties Bank`;\n return (\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 {children}\n
\n )}\n{bespokeTitle}
\n ) : (\n{this.content(items)}
\n )}\n{bespokeTitle}
\n ) : (\n{this.content(items)}
\n )}\n{bespokeTitle}
\n ) : (\n{this.content(items)}
\n )}\n- {items}
- {items}
\n
\n \n
\n \n event.preventDefault()}\n >\n \n
\n \n \n );\n }\n}\n\nPersonalDetails.propTypes = {\n saveData: PropTypes.any,\n setStage: PropTypes.any,\n verify: PropTypes.any,\n disableForm: PropTypes.bool,\n isFetching: PropTypes.bool,\n message: PropTypes.string,\n accountdetails: PropTypes.object,\n resetTokenAccount: PropTypes.func,\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...ccbAuthenticationDispatch,\n },\n)(PersonalDetails);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Button, Form, Row, Col, Spinner } from 'reactstrap';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { mapDispatchToProps as mapDispatchToProps_shared } from '@myie/interact-shared';\nimport { Text, Switch, Content } from '@myie/interact-dom';\nimport { Alert } from 'reactstrap';\nimport { Validate } from '@myie/interact';\n\nclass SecurityDetails extends React.Component {\n constructor(props) {\n super(props);\n const { history, resetRegistration } = this.props;\n this.state = {\n history,\n resetRegistration,\n form: {\n username: {\n rules: {\n title: 'username',\n stop: true,\n required: {\n message: 'Please enter a username',\n },\n range: {\n min: 6,\n max: 23,\n message:\n 'Your username must be at least 6 characters, and no more than 23 characters',\n },\n format: {\n regex: /^[^\\s$&+,/:;=?%#<>{}^~[\\]`\\\\]{6,23}$/,\n message:\n 'Your username contains one or more of these invalid symbols $&+,/:;=?%#<>{}^~[]` or spaces. Please remove them and try again',\n },\n },\n },\n confirmUsername: {\n rules: {\n title: 'confirm username',\n stop: true,\n required: {\n message: 'Please confirm your username',\n },\n format: {\n regex: /^[^\\s$&+,/:;=?%#<>{}^~[\\]`\\\\]{6,23}$/,\n message:\n 'Your username contains one or more of these invalid symbols $&+,/:;=?%#<>{}^~[]` or spaces. Please remove them and try again',\n },\n compare: {\n message: 'Please ensure the username fields match',\n field: 'username',\n comparison: () => {\n return this.state.form.username.value;\n },\n },\n },\n },\n password: {\n rules: {\n title: 'password',\n stop: true,\n required: {\n message: 'Please enter a password',\n },\n format: {\n regex: /^(?=(.*[a-z]){1,})(?=(.*[A-Z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s$).{10,50}$/,\n message: 'Please enter valid a password',\n },\n },\n },\n confirmPassword: {\n rules: {\n title: 'confirm password',\n stop: true,\n required: {\n message: 'Please confirm your password',\n },\n format: {\n regex: /^(?=(.*[a-z]){1,})(?=(.*[A-Z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s$).{10,50}$/,\n message: 'Please enter valid a 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: 'memorable number',\n stop: true,\n required: {\n message: 'Please enter your memorable number',\n },\n format: {\n regex: /^[0-9]{6}$/,\n message: 'Please enter a valid memorable number',\n },\n },\n },\n confirmMemorableNumber: {\n rules: {\n title: 'confirm memorable number',\n stop: true,\n required: {\n message: 'Please confirm your memorable number',\n },\n format: {\n regex: /^[0-9]{6}$/,\n message: 'Please enter a valid memorable number',\n },\n compare: {\n message: 'Please ensure the memorable number fields match',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n },\n },\n // EmailAddress: {\n // rules: {\n // title: 'EmailAddress',\n // stop: true,\n // required: {\n // message: 'Please enter Email address',\n // },\n // ccbEmail: {\n // message: 'Please enter a valid Email address',\n // },\n // },\n // },\n // MobileNumber: {\n // rules: {\n // title: 'MobileNumber',\n // stop: true,\n // format: {\n // regex: /^$|^(?=^(\\D*(\\d\\D*){11,}$))[0+][0-9\\s]{10,16}$/,\n // message: 'Please enter a valid Mobile number',\n // },\n // },\n // value: '',\n // },\n },\n };\n }\n componentDidMount = () => {\n this.props.timeout.startTimer();\n };\n\n componentWillUnmount = () => {\n this.props.timeout.clearTimer();\n };\n\n resetStage = () => {\n let { resetRegistration } = this.props;\n resetRegistration();\n };\n\n onChange = e => {\n const { name, value } = e.target;\n var { 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 var { 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 var { form } = this.state;\n const { setCredentials, registration } = this.props;\n form = Validate.form(form);\n const lastUsername = form.username.value;\n this.setState({ ...this.state, form, lastUsername });\n if (!form.approved) {\n return;\n }\n let birthDay;\n if (this.props.formData) {\n birthDay = this.props.formData.b_day ? this.props.formData.b_day : '';\n }\n\n const request = {\n Ticket: registration.Ticket,\n Username: form.username.value,\n CredentialValues: [\n {\n Name: 'Password',\n Value: form.password.value,\n Context: '',\n },\n {\n Name: 'Pin',\n Value: form.memorableNumber.value,\n Context: '',\n },\n ],\n TermsAndConditionsDocumentVersion: '1.0',\n ExtendedProperties: {\n IdentityRequest: {\n // email: form.EmailAddress.value,\n // mobileTelephone: form.MobileNumber.value.replace(/\\s/g, ''),\n DateOfBirth: birthDay,\n },\n },\n };\n setCredentials(request);\n };\n\n getErrors() {\n const { credentialsSetup = {} } = this.props;\n let errors = [];\n if (\n credentialsSetup.ExtendedProperties &&\n credentialsSetup.ExtendedProperties.IdentityResponse &&\n credentialsSetup.ExtendedProperties.IdentityResponse.CredentialErrors\n ) {\n credentialsSetup.ExtendedProperties.IdentityResponse.CredentialErrors.forEach(\n element => {\n switch (element) {\n case 'Dob':\n return errors.push(\n \n
\n \n \n \n
\n \n );\n }\n}\n\nSecurityDetails.propTypes = {\n history: PropTypes.any,\n registration: PropTypes.any,\n resetRegistration: PropTypes.any,\n credentialsSetup: PropTypes.any,\n setCredentials: PropTypes.any,\n timeout: PropTypes.any,\n setStage: PropTypes.any,\n formData: PropTypes.any,\n isFetching: PropTypes.bool,\n disableForm: PropTypes.bool,\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapDispatchToProps_shared,\n },\n)(SecurityDetails);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Breadcrumb, BreadcrumbItem, Alert } from 'reactstrap';\nimport { mapDispatchToProps as mapDispatchToProps_shared } from '@myie/interact-shared';\nimport { mapDispatchToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps as ccbAuthenticationDispatch } from '@myie/interact-ccb-authentication';\nimport { Redirect } from 'react-router-dom';\nimport PersonalDetails from '../shared/PersonalDetails';\n// import PersonalDetailsActivation from './PersonalDetailsActivation';\n// import ActivationCode from './activation-code/ActivationCode';\nimport SecurityDetails from './SecurityDetails';\nimport { Session } from '@myie/interact';\nimport {\n TimeOut,\n Markdown,\n Content,\n Switch,\n AppMeta,\n} from '@myie/interact-dom';\nimport queryString from 'query-string';\n\nclass Register extends React.Component {\n constructor(props) {\n super(props);\n let stage = 'PersonalDetails';\n // if (props.match) {\n // const { id } = props.match.params;\n // if (id === 'activate') {\n // stage = 'PersonalDetailsActivate';\n // }\n // }\n if (props?.location) {\n const { token } = queryString.parse(props?.location.search);\n if (token) {\n props.getTokenAccount({ AccountTokenId: token });\n }\n }\n this.state = {\n stage: stage,\n message: null,\n data: {},\n fetching: false,\n };\n }\n\n componentWillUnmount() {\n const { resetActivation } = this.props;\n resetActivation();\n }\n\n componentDidMount() {\n let stage;\n if (this.props.match) {\n const { id } = this.props.match.params;\n if (id) {\n stage = id;\n }\n }\n if (stage !== 'activate') {\n return \n
\n );\n case 'SecurityDetails':\n return (\n \n
\n );\n case 'PersonalDetailsActivate':\n return (\n \n
\n );\n\n default:\n }\n };\n\n render() {\n const {\n registration = {},\n credentialsSetup = {},\n activationCheck = {},\n } = this.props;\n let { stage } = this.state;\n if (Session.isAuthenticated()) {\n Session.abandon(null);\n }\n const isNonSignatoryUser = registration?.ExtendedProperties?.IdentityResponse?.CredentialErrors?.includes(\n 'NonSignatory',\n );\n if (isNonSignatoryUser) {\n return \n {stageId === 'activate' ? (\n <>\n \n
\n \n \n ) : null}\n\n {this.currentStage(message)}\n
\n );\n }\n}\n\nRegister.propTypes = {\n credentialsSetup: PropTypes.object,\n history: PropTypes.any,\n register: PropTypes.any,\n activationCheck: PropTypes.any,\n registrationcheck: PropTypes.any,\n registration: PropTypes.object,\n showTimeoutModal: PropTypes.any,\n userLogout: PropTypes.any,\n isFetching: PropTypes.bool,\n resetActivation: PropTypes.any,\n match: PropTypes.any,\n tokenAccountDetails: PropTypes.object,\n getTokenAccount: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { authenticationDefinition, customccbAuthenticationDefinition } = state;\n return {\n ...authenticationDefinition,\n ...customccbAuthenticationDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapDispatchToProps_shared,\n ...ccbAuthenticationDispatch,\n },\n)(Register);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, ContactNumber } from '@myie/interact-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 {/* \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\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, LinkTag } from '@myie/interact-dom';\nclass Success extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n render() {\n return (\n \n
\n \n
\n \n
\n \n
\n \n \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 { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, ContactNumber } 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
\n \n \n
\n\n
\n );\n }\n}\n\nUnsuccessful.propTypes = {\n userLogout: PropTypes.any,\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 { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown } from '@myie/interact-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
\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 { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, Markdown, ContactNumber } from '@myie/interact-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 \n \n \n
\n \n \n
\n \n
\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';\n\nimport { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { Content, Markdown, ContactNumber } from '@myie/interact-dom';\n\nAccessDenied.propTypes = {};\n\nfunction AccessDenied() {\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n );\n}\n\nexport default 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 './Register';\nimport Blocked from './Blocked';\nimport Success from './Success';\nimport Unsuccessful from './Unsuccessful';\nimport AccountAlreadyExists from './AccountAlreadyExists';\nimport NotAllowed from './NotAllowed';\nimport AccessDenied from '../shared/AccessDenied';\n\nimport { NoMatch } 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 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 var re = new RegExp('^/registration[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n
\n \n
\n \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\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 { Alert } from 'reactstrap';\n\nclass UserNameReminder extends React.Component {\n render() {\n return (\n \n \n
\n \n \n
\n );\n }\n}\n\nUserNameReminder.propTypes = {\n username: PropTypes.any,\n};\n\nexport default UserNameReminder;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Breadcrumb, BreadcrumbItem } from 'reactstrap';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-authentication';\nimport { Redirect } from 'react-router-dom';\nimport PersonalDetails from '../shared/PersonalDetails';\nimport UserNameReminder from './UserNameReminder';\nimport { Switch, Content, AppMeta } from '@myie/interact-dom';\nimport { Session } from '@myie/interact';\n\nclass Retrieve extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n stage: 'PersonalDetails',\n message: null,\n data: {},\n };\n }\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = prevProps => {\n const { retrivedUserName = {}, resetForgottenUN } = prevProps;\n if (retrivedUserName.Status === 'IdentifyAndVerifyFailed') {\n resetForgottenUN();\n return {\n stage: 'PersonalDetails',\n message: 'IdentifyAndVerifyFailed',\n };\n }\n if (retrivedUserName.Status === 'NotRegistered') {\n resetForgottenUN();\n return {\n data: {},\n stage: 'PersonalDetails',\n message: 'NotRegistered',\n };\n }\n return null;\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 // change the stage of the form\n setStage = stage => {\n this.setState({ ...this.state, stage, message: null });\n };\n\n // verify the identification and verfication entries\n verify = () => {\n const { data } = this.state;\n const { retrieveUserName } = this.props;\n\n // personal data\n const request = {\n Entries: [\n {\n Type: 'firstName',\n Value: data.firstname,\n },\n {\n Type: 'lastName',\n Value: data.lastname,\n },\n {\n Type: 'dateOfBirth',\n Value: data.b_day,\n },\n {\n Type: 'postCode',\n Value: data.postcode,\n },\n {\n Type: 'accountNumber',\n Value: data.account_number,\n },\n ],\n ExtendedProperties: {},\n };\n retrieveUserName(request);\n };\n\n // select current stage\n currentStage = () => {\n switch (this.state.stage) {\n case 'PersonalDetails':\n return (\n \n
\n \n \n
\n \n \n
\n
\n );\n }\n}\n\nRetrieve.propTypes = {\n retrieveUserName: PropTypes.any,\n retrivedUserName: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Retrieve);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, ContactNumber } from '@myie/interact-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 \n \n \n \n \n
\n \n \n
\n \n
\n \n
\n\n \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 { Redirect, Route, Switch } from 'react-router-dom';\n\nimport Register from './Retrieve';\nimport Blocked from './Blocked';\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 var re = new RegExp('^/forgotten-username[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n
\n \n
\n\n \n
\n
\n \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\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 { HelpContactSidebar } from '@myie/interact-dom';\n\nclass RegistrationSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nRegistrationSidebar.propTypes = {};\n\nexport default RegistrationSidebar;\n","import React from 'react';\nimport { HelpContactSidebar } from '@myie/interact-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 } from '@myie/interact-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';\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';\n\nclass UpdateSecurityDetailsSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default UpdateSecurityDetailsSidebar;\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 UpdateOrganisationDetailsSidebar from './update-organisation-details/Sidebar';\nimport SignedOutSidebar from './signed-out/Sidebar';\n\nconst AuthenticationSidebars = [\n { url: '/registration/', Sidebar: RegistrationSidebar },\n { url: '/forgotten-username/', Sidebar: ForgottenNameSidebar },\n { url: '/sign-in/', Sidebar: null },\n { url: '/signed-out', Sidebar: SignedOutSidebar },\n { url: '/forgotten-password/', Sidebar: ForgottenPasswordSidebar },\n { url: '/update-security-details', Sidebar: UpdateSecurityDetailsSidebar },\n {\n url: '/update-organisation-details',\n Sidebar: UpdateOrganisationDetailsSidebar,\n },\n];\n\nexport default AuthenticationSidebars;\n","import React from 'react';\nimport { HelpContactSidebar } from '@myie/interact-dom';\n\nclass SignedOutSidebar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default SignedOutSidebar;\n","import UpdateSecurityDetailsServiceItems from './UpdateSecurityDetailsServiceItems';\nimport UpdateOrganisationDetailsServiceItems from './UpdateOrganisationDetailsServiceItems';\n\nconst AuthenticationServiceItems = [\n {\n name: 'update-security-details-service-item',\n serviceItem: UpdateSecurityDetailsServiceItems,\n },\n {\n name: 'update-organisation-details-service-item',\n serviceItem: UpdateOrganisationDetailsServiceItems,\n },\n];\n\nexport default AuthenticationServiceItems;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Media } from 'reactstrap';\nimport { Markdown, Icon } from '@myie/interact-dom';\n\nclass UpdateSecurityDetails extends React.Component {\n render() {\n return (\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};\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, Breadcrumb, Card } 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 { mapDispatchToProps as mapSharedDispatchToProps } from '@myie/interact-shared';\nimport { mapDispatchToProps as ccbAuthenticationDispatch } from '@myie/interact-ccb-authentication';\nimport { Session, Validate, Utility } from '@myie/interact';\nimport { Content, Switch, Text, AppMeta } from '@myie/interact-dom';\n\nclass UpdateLogin extends React.Component {\n constructor(props) {\n super(props);\n if (!props.login) {\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;\n this.state = {\n numberStatus: '',\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 the 3 digits requested above',\n template: {\n position: pin[0] + 1,\n },\n },\n format: {\n regex: /^[0-9]{1}$/,\n message: 'Please enter a valid memorable number',\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 the 3 digits requested above',\n template: {\n position: pin[1] + 1,\n },\n },\n format: {\n regex: /^[0-9]{1}$/,\n message: 'Please enter a valid memorable number',\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 the 3 digits requested above',\n template: {\n position: pin[2] + 1,\n },\n },\n format: {\n regex: /^[0-9]{1}$/,\n message: 'Please enter a valid memorable number',\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 credentialsActivate,\n isFetching,\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 if (login) {\n if (\n login.Status === 'RequireActivation' &&\n !isFetching &&\n !prevState.activationSent\n ) {\n if (login.RequireActivationTicket) {\n setupcredentialsActivate({\n RequireActivationTicket:\n login && login.RequireActivationTicket\n ? login.RequireActivationTicket\n : '',\n });\n return {\n activationSent: true,\n };\n }\n }\n if (prevState.count === 3 && 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 (prevState.count === 3 && prevState.numberStatus === 'warning') {\n return null;\n }\n return {\n numberStatus: login.Status,\n };\n }\n return null;\n };\n\n componentDidMount = () => {\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 var { 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 var { 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 var { 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 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\n render() {\n const { rememberme, remembermeUsername, credentialsActivate } = this.props;\n if (!this.props.login) {\n return \n
\n \n \n \n \n \n \n \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 remembermeUsername: PropTypes.string,\n isFetching: PropTypes.bool,\n credentialsActivate: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { authenticationDefinition, customccbAuthenticationDefinition } = state;\n return {\n ...authenticationDefinition,\n ...customccbAuthenticationDefinition,\n };\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapSharedDispatchToProps,\n ...ccbAuthenticationDispatch,\n },\n )(UpdateLogin),\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, ContactNumber } from '@myie/interact-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 \n \n \n \n \n
\n \n \n \n
\n \n
\n \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 { Redirect, Route, Switch } from 'react-router-dom';\nimport { TimeOut } from '@myie/interact-dom';\n\nimport Create from './Create';\nimport Update from './Update';\nimport Blocked from './Blocked';\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';\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 setReferrer(from);\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 } = this.props;\n const { rememberme, username } = this.state;\n var 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
\n \n \n
\n \n \n \n
\n ) : (\n ''\n )}\n {this.state.stage === 'Security' ? (\n \n
\n ) : (\n ''\n )}\n
\n );\n }\n}\nRetrieve.propTypes = {\n forgottenPasswordDetails: PropTypes.object,\n history: PropTypes.any,\n resetForgotten: 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 { authenticationDefinition, customccbAuthenticationDefinition } = state;\n return {\n ...authenticationDefinition,\n ...customccbAuthenticationDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps_shared,\n ...ccbAuthenticationDispatch,\n ...authenticationDispatch,\n },\n)(Retrieve);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps } from '@myie/interact-authentication';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { Content, ContactNumber } from '@myie/interact-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 )}\n {this.state.stage === 'Security' ? (\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\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 } 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 \n
\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 Success from './Success';\n\nimport { NoMatch } 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 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 var re = new RegExp('^/forgotten-password[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n
\n\n \n
\n \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\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","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert, Button, Form, Row, Col } from 'reactstrap';\nimport { Link, Redirect } from 'react-router-dom';\nimport {\n mapDispatchToProps,\n mapStateToProps,\n} from '@myie/interact-authentication';\n// Add additional CCB reducer function for clearing error state on dismount\nimport { mapDispatchToProps as ccbUpdateDispatch } from '@myie/interact-ccb-authentication';\nimport { Text, Switch, Content, Markdown, AppMeta } from '@myie/interact-dom';\nimport { Validate, Session } from '@myie/interact';\n\nclass UpdateSecurityDetails extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n message: null,\n submitForm: {},\n form: {\n username: {\n rules: {\n title: 'username',\n stop: true,\n range: {\n min: 6,\n max: 23,\n message:\n 'Your username must be at least 6 characters, and no more than 23 characters',\n },\n format: {\n regex: /^[^\\s$&+,/:;=?%#<>{}^~[\\]`\\\\]{6,23}$/,\n message:\n 'Your username contains one or more of these invalid symbols $&+,/:;=?%#<>{}^~[]` or spaces. Please remove them and try again',\n },\n },\n },\n password: {\n rules: {\n title: 'password',\n stop: true,\n format: {\n regex: /^(?=(.*[a-z]){1,})(?=(.*[A-Z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s$).{10,50}$/,\n message: 'Please enter valid a password',\n },\n },\n },\n confirmPassword: {\n rules: {\n title: 'confirm password',\n stop: true,\n format: {\n regex: /^(?=(.*[a-z]){1,})(?=(.*[A-Z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s$).{10,50}$/,\n message: 'Please enter valid a password',\n },\n compare: {\n message:\n 'Your passwords do not match. Please check and try again.',\n field: 'password',\n comparison: () => {\n return this.state.form.password.value;\n },\n },\n },\n },\n memorableNumber: {\n rules: {\n title: 'memorable number',\n stop: true,\n required: {\n message: 'Please enter your memorable number',\n },\n format: {\n regex: /^[0-9]{6}$/,\n message: 'Please enter a valid memorable number',\n },\n },\n },\n confirmMemorableNumber: {\n rules: {\n title: 'confirm memorable number',\n stop: true,\n required: {\n message: 'Please confirm your memorable number',\n },\n format: {\n regex: /^[0-9]{6}$/,\n message: 'Please enter a valid memorable number',\n },\n compare: {\n message: 'Please ensure the memorable number fields match',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n },\n },\n },\n };\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 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 } 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 return;\n } else {\n message = null;\n }\n submitForm = Validate.form(submitForm);\n if (!submitForm.approved) {\n this.setState({\n ...this.state,\n form,\n submitForm,\n message,\n });\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 };\n\n componentWillUnmount = () => {\n // Call CCB reducer function to clear error in redux store\n this.props.updateSecurityDetailsReceive({});\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 'Dob':\n fieldErrors.memorableNumber = element;\n return errors.push(\n \n \n
\n {errorMsgObj.errorMsg}\n \n \n */}\n\n \n
\n\n \n
\n\n \n
\n {message ? (\n \n
\n );\n }\n}\n\nUpdateSecurityDetails.propTypes = {\n retrivedUserName: PropTypes.object,\n updateCredentials: PropTypes.any,\n updateSecurityDetails: PropTypes.any,\n updateSecurityDetailsReceive: PropTypes.func,\n login: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n // Combine reducer functions\n {\n ...mapDispatchToProps,\n ...ccbUpdateDispatch,\n },\n)(UpdateSecurityDetails);\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';\n\nclass UpdateSecurityDetailsSuccess extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n {errorMsgObj.errorMsg}\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 } from '@myie/interact-dom';\nimport UpdateSecurityDetails from './UpdateSecurityDetails';\nimport UpdateSecurityDetailsSuccess from './UpdateSecurityDetailsSuccess';\nimport { Alert } from 'reactstrap';\n\nclass UpdateSecurityDetailsIndex extends React.Component {\n render() {\n const { error } = this.props;\n var re = new RegExp('^/update-security-details[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n
\n \n \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\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 { Row, Col } from 'reactstrap';\nimport { Content } from '@myie/interact-dom';\n\nclass OrganisationDetails extends React.Component {\n render() {\n const { organisation } = this.props;\n return (\n <>\n \n
\n \n
\n \n
\n
\n
\n
\n
\n \n
\n \n
\n \n );\n }\n}\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(UpdateOrganisationDetails);\n\nUpdateOrganisationDetails.propTypes = {\n account: PropTypes.any,\n loopIndex: PropTypes.any,\n mode: PropTypes.any,\n brandProductType: PropTypes.any,\n organisationfetch: PropTypes.any,\n organisationDetailsFetch: PropTypes.any,\n organisation: PropTypes.any,\n isFetching: PropTypes.bool,\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';\n\nclass UpdateOrganisationDetailsSuccess 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\nUpdateOrganisationDetailsSuccess.propTypes = {\n userLogout: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(UpdateOrganisationDetailsSuccess);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport UpdateOrganisationDetails from './UpdateOrganisationDetails';\nimport UpdateOrganisationDetailsSuccess from './UpdateOrganisationDetailsSuccess';\nimport { Alert } from 'reactstrap';\n\nclass OrganisationDetailsIndex extends React.Component {\n render() {\n const { error } = this.props;\n var re = new RegExp('^/update-organisation-details[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n
\n \n \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\n \n \n
\n );\n }\n}\n\nOrganisationDetailsIndex.propTypes = {\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default OrganisationDetailsIndex;\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 {\n Switch,\n Content,\n Markdown,\n AppMeta,\n LinkTag,\n} from '@myie/interact-dom';\n\nclass SignedOut extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n window.sessionStorage.removeItem('timeoutMessage');\n userLogout();\n }\n\n constructor(props) {\n super(props);\n let signoutMessage = window.sessionStorage.getItem('timeoutMessage');\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 }\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 UpdateOrganisationDetails from './update-organisation-details/';\nimport SignedOut from './signed-out/SignedOut';\n\nconst Routes = [\n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n
\n );\n } else {\n return (\n \n
\n \n \n {messageList.map(Conversation => (\n \n \n {messagingUtility.stripEndQuotes(Conversation.Reason)}\n \n \n
\n \n
\n
\n {selectedData.relatedAccountObj ? (\n \n '\n : '')}\n \n ) : (\n ''\n )}\n \n
\n ) : (\n false\n )}\n \n
\n
\n \n );\n };\n\n render() {\n const { replyMessageStatus } = this.props;\n\n let alertId = null;\n if (replyMessageStatus) {\n switch (replyMessageStatus.ResponseStatus) {\n case 'Success':\n alertId = 'new-message-success';\n break;\n case 'Failed':\n alertId = 'new-message-failure';\n break;\n default:\n alertId = 'new-message-unknown';\n break;\n }\n }\n\n return (\n \n
\n \n \n \n
\n
\n \n \n
\n \n {FormatBody(replyMessageStatus.Conversation.Messages[0].Body)}\n
\n\n \n \"\n value={replyMessageStatus.ResponseStatus}\n defaultText=\"An unknown error occured. Please check your accounts before retrying.\"\n contents={{\n Success: {\n defaultValue:\n 'Your message has been sent. See details below.',\n },\n Failed: {\n defaultValue: 'Your message was not sent. Try again.',\n },\n }}\n />\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';\n\nclass NewMessage extends React.Component {\n constructor(props) {\n super(props);\n const { resetReply } = props;\n this.state = {\n stage: 'New',\n data: {},\n };\n resetReply();\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { replyMessageStatus, match, accounts } = nextProps;\n const { data } = prevState;\n\n if (replyMessageStatus && replyMessageStatus.ResponseStatus) {\n if (prevState.stage === 'Confirmation') {\n return {\n data: {},\n stage: 'New',\n };\n }\n if (\n prevState.stage === 'New' &&\n prevState.data &&\n prevState.data.message\n ) {\n return {\n ...prevState,\n stage: 'Confirmation',\n };\n }\n return {\n ...prevState,\n stage: 'New',\n };\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\n data['relatedAccount'] = account.AccountKey.Key;\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 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 {messagingUtility.stripEndQuotes(\n replyMessageStatus.Conversation.Reason,\n )}\n
\n {replyMessageStatus && (\n\n \n
\n \n
\n ) : (\n ''\n )}\n {accounts ? this.currentStage(accounts) : false}\n \n );\n }\n}\n\nNewMessage.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n replyMessageStatus: PropTypes.any,\n resetReply: PropTypes.any,\n match: 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)(withRouter(NewMessage));\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Row, Col, 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 { Utility } from '@myie/interact';\nimport PropTypes from 'prop-types';\nimport { FormattedDate, Value, Content, AppMeta } from '@myie/interact-dom';\nimport FormatBody from '../FormatBody';\n\nclass ViewConversation extends React.Component {\n constructor(props) {\n super(props);\n const {\n match,\n allMessages,\n history,\n viewMessage,\n viewConversation,\n } = this.props;\n let conversation;\n this.state = {\n stage: 'View',\n message: null,\n data: {\n accountTypeField: 'All',\n accountField: 'All',\n },\n };\n if (allMessages) {\n if (!viewMessage) {\n conversation = allMessages.Conversations.find(function(element) {\n if (element) {\n return (\n Utility.hexEncode(element.ConversationKey.Key) === match.params.id\n );\n }\n return false;\n });\n\n let request = {\n ConversationKey: conversation.ConversationKey,\n ProductType: 'string',\n ExtendedProperties: {},\n };\n viewConversation(request);\n }\n } else {\n const newUrl = '/messaging-twoway/view';\n history.push(newUrl);\n }\n }\n\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n return {\n ...prevState,\n allMessages: nextProps.allMessages ? nextProps.allMessages : null,\n };\n }\n\n isConversationClosed = Conversation => {\n let closed = false;\n if (Conversation) {\n if (Conversation.ConversationProperties) {\n let convProperties = Conversation.ConversationProperties;\n convProperties.forEach(convProp => {\n if (convProp.Name === 'Closed') {\n if (convProp.Value === 'True') {\n closed = true;\n }\n }\n });\n }\n }\n return closed;\n };\n\n executeAction = e => {\n const value = e.target.value;\n\n const { history, match } = this.props;\n let newUrl;\n switch (value) {\n case 'Reply':\n newUrl =\n '/messaging-twoway/message/' +\n value.toLowerCase() +\n '/' +\n match.params.id;\n history.push(newUrl);\n break;\n case 'Delete':\n newUrl =\n '/messaging-twoway/message/' +\n value.toLowerCase() +\n '/' +\n match.params.id;\n history.push(newUrl);\n break;\n default:\n }\n };\n // select current stage\n render() {\n const { viewMessage, accounts } = this.props;\n let Conversation;\n let supportActions = [];\n let messages = [];\n let accountSuffix = '';\n if (!viewMessage) {\n return (\n \n
\n \n {messages.length > 1 ?
\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 viewMessage: PropTypes.any,\n accounts: PropTypes.object,\n fetchAccountsIfNeeded: PropTypes.func,\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)(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 { TextArea, Content } from '@myie/interact-dom';\nimport { Validate } from '@myie/interact';\nimport PropTypes from 'prop-types';\nimport { FormattedDate, AppMeta } from '@myie/interact-dom';\nimport FormatBody from '../../FormatBody';\nimport messagingUtility from './../../utility';\n\nclass ReplyConversation extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n stage: 'View',\n message: null,\n data: {},\n form: {\n message: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter a message',\n },\n format: {\n regex: /^[^\\s](.|[\\r\\n]){1,750}$/,\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 // select current stag\n render() {\n const { viewMessage, accounts } = this.props;\n const { form } = this.state;\n let Conversation,\n accountSuffix = '';\n\n let messages = [];\n if (!viewMessage) {\n return null;\n } else {\n Conversation = viewMessage.Conversation;\n }\n\n if (Conversation && Conversation.Messages) {\n messages = Conversation.Messages;\n }\n\n if (\n Conversation &&\n Conversation.AccountNumber &&\n accounts &&\n accounts.Accounts &&\n accounts.Accounts.length\n ) {\n let account = accounts.Accounts.find(\n a => a.AccountNumber === Conversation.AccountNumber,\n );\n if (account && account.AccountStatus === 'Closed') {\n accountSuffix = ' \n {messages.length > 1 ?
\n \n {messages.map((item, index) => {\n return (\n
\n \n \n {item.Sender.SenderType !== 'User'\n ? `${item.Sender.SenderType}`\n : ''}{' '}\n \n
\n
\n );\n })}\n \n {item.Sender.SenderType !== 'User'\n ? `${item.Sender.SenderType}`\n : ''}{' '}\n \n
\n \n {FormatBody(item.Body)}\n
\n \n \n \n
\n \n \n
\n \n
\n \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, Alert } 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 { FormattedDate, Content, Switch, AppMeta } from '@myie/interact-dom';\nimport FormatBody from '../../FormatBody';\nimport messagingUtility from './../../utility';\nclass ReplyConfirmation extends React.Component {\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n render() {\n const { replyMessageStatus, accounts } = this.props;\n let Conversation,\n accountSuffix = '';\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 if (\n Conversation &&\n Conversation.AccountNumber &&\n accounts &&\n accounts.Accounts &&\n accounts.Accounts.length\n ) {\n let account = accounts.Accounts.find(\n a => a.AccountNumber === Conversation.AccountNumber,\n );\n if (account && account.AccountStatus === 'Closed') {\n accountSuffix = ' \n
\n \n
\n {messages.map((item, index) => {\n return (\n
\n \n \n {item.Sender.SenderType !== 'User'\n ? `${item.Sender.SenderType}`\n : ''}{' '}\n \n
\n
\n );\n })}\n \n {item.Sender.SenderType !== 'User'\n ? `${item.Sender.SenderType}`\n : ''}{' '}\n \n
\n {FormatBody(item.Body)}
\n\n \n \n
\n \n \n {replyMessageStatus &&\n replyMessageStatus.ResponseStatus === 'Success' ? (\n <>\n {' '}\n {messages.length > 1 ? (\n
\n {replyMessageStatus && (\n \n {messages.map((item, index) => {\n return (\n
\n \n \n {item.Sender.SenderType !== 'User'\n ? `${item.Sender.SenderType}`\n : ''}{' '}\n \n
\n {FormatBody(item.Body)}\n
\n );\n })}\n \n {item.Sender.SenderType !== 'User'\n ? `${item.Sender.SenderType}`\n : ''}{' '}\n \n
\n {FormatBody(item.Body)}\n \n \n
\n \n );\n }\n}\n\nReplyConfirmation.propTypes = {\n accounts: PropTypes.object,\n fetchAccountsIfNeeded: PropTypes.func,\n replyMessageStatus: PropTypes.any,\n transactionData: PropTypes.any,\n transfer: 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)(ReplyConfirmation);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Alert } from 'reactstrap';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-messaging-twoway';\nimport ReplyConversation from './Reply';\nimport { Utility } from '@myie/interact';\nimport ReplyConfirmation from './Confirmation';\n\nimport PropTypes from 'prop-types';\n\nclass ReplyIndex extends React.Component {\n constructor(props) {\n super(props);\n const {\n match,\n allMessages,\n history,\n viewMessage,\n viewConversation,\n } = this.props;\n let conversation;\n this.state = {\n stage: 'Reply',\n message: null,\n data: {},\n };\n if (allMessages) {\n if (!viewMessage) {\n conversation = allMessages.Conversations.find(function(element) {\n if (element) {\n return (\n Utility.hexEncode(element.ConversationKey.Key) === match.params.id\n );\n }\n return false;\n });\n\n let request = {\n ConversationKey: conversation.ConversationKey,\n ProductType: 'string',\n ExtendedProperties: {},\n };\n viewConversation(request);\n }\n } else {\n const newUrl = '/messaging-twoway/view';\n history.push(newUrl);\n }\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.replyMessageStatus && prevState.stage === 'Reply') {\n return { ...prevState, stage: 'Confirmation' };\n } else return null;\n }\n\n // save the data for the request from several forms\n saveReplyData = (name, value) => {\n const { data } = this.state;\n data[name] = value;\n this.setState({ ...this.state, data, message: null });\n };\n\n // change the stage of the form\n setReplyStage = stage => {\n const { data } = this.state;\n this.setState({ ...this.state, stage, data, message: null });\n };\n\n // select current stage\n currentStage = () => {\n const { stage } = this.state;\n const { match } = this.props;\n\n switch (stage) {\n case 'Reply':\n return (\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 retrivedUserName: PropTypes.object,\n transfer: PropTypes.any,\n viewConversation: PropTypes.any,\n viewMessage: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ReplyIndex);\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
\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
\n \n
\n {deleteMessageStatus && (\n \n \n
\n \n );\n }\n}\n\nDeleteConfirmation.propTypes = {\n deleteMessageStatus: PropTypes.any,\n transactionData: PropTypes.any,\n transfer: PropTypes.any,\n viewMessage: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(DeleteConfirmation);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { Row, Col, Alert } from 'reactstrap';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-messaging-twoway';\nimport DeleteConversation from './Delete';\nimport ReplyConfirmation from './Confirmation';\nimport { Utility } from '@myie/interact';\nimport PropTypes from 'prop-types';\n\nclass DeleteIndex extends React.Component {\n constructor(props) {\n super(props);\n const {\n viewConversation,\n viewMessage,\n history,\n match,\n allMessages,\n } = this.props;\n let conversation;\n this.state = {\n stage: 'Delete',\n message: null,\n data: {},\n };\n\n if (allMessages) {\n if (!viewMessage) {\n conversation = allMessages.Conversations.find(function(element) {\n if (element) {\n return (\n Utility.hexEncode(element.ConversationKey.Key) === match.params.id\n );\n }\n return false;\n });\n\n let request = {\n ConversationKey: conversation.ConversationKey,\n ProductType: 'string',\n ExtendedProperties: {},\n };\n viewConversation(request);\n }\n } else {\n const newUrl = '/messaging-twoway/view';\n history.push(newUrl);\n }\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.deleteMessageStatus && prevState.stage === 'Delete') {\n return { ...prevState, stage: 'Confirmation' };\n } else return null;\n }\n\n // save the data for the request from several forms\n saveReplyData = (name, value) => {\n const { data } = this.state;\n data[name] = value;\n this.setState({ ...this.state, data, message: null });\n };\n\n // change the stage of the form\n setReplyStage = stage => {\n const { data } = this.state;\n this.setState({ ...this.state, stage, data, message: null });\n };\n\n // select current stage\n currentStage = () => {\n const { stage } = this.state;\n const { match } = this.props;\n\n switch (stage) {\n case 'Delete':\n return (\n \n \n {alert ?
\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 retrivedUserName: 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 }\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 render() {\n const { newMessageCount } = this.state;\n return (\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 \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
\n \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, Alert } 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 );\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 { Breadcrumb, 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 \n \n \n
\n \n \n );\n }\n}\n\nPaymentBreadcrumbs.propTypes = {\n stage: PropTypes.any,\n};\n\nexport default PaymentBreadcrumbs;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport update from 'immutability-helper';\nimport MakePayment from './MakePayment';\nimport ReviewPayment from './ReviewPayment';\nimport CompletePayment from './CompletePayment';\nimport SuccessfulPayment from './SuccessfulPayment';\nimport PaymentBreadcrumbs from './PaymentBreadcrumbs';\nimport { Validate, Utility } from '@myie/interact';\nimport { mapDispatchToProps as mapDispatchToPropsPayment } from '@myie/interact-pay-by-card';\nimport { mapDispatchToProps as mapDispatchToPropsAccounts } from '@myie/interact-accounts';\nimport { Content, Switch } from '@myie/interact-dom';\n\nclass PayByCard extends React.Component {\n constructor(props) {\n super(props);\n this.state = this.initialState();\n }\n\n initialState = () => {\n const { accounts, match } = this.props;\n let account;\n if (accounts) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n } else {\n account = null;\n }\n return {\n account: account,\n stage: 'MakePayment',\n form: {\n amount: {\n rules: {\n title: 'Amount',\n stop: true,\n required: true,\n currency: true,\n },\n },\n cardNumber: {\n rules: {\n title: 'Card number',\n stop: true,\n required: true,\n cc: {\n message: 'Please enter a valid credit card number',\n },\n },\n },\n expiryDate: {\n rules: {\n title: 'Expiry date',\n stop: true,\n required: true,\n cardExpiryDate: {\n message: 'must be in MM/YY format',\n },\n expiryDate: {},\n },\n },\n securityCode: {\n rules: {\n title: 'CVV',\n stop: true,\n required: true,\n securityCode: {\n message: 'must be 3 digits',\n },\n },\n },\n paymentType: {\n value: 'specific',\n rules: {\n title: 'Payment selection',\n required: true,\n },\n },\n },\n };\n };\n\n // initialise when component umounts\n componentDidMount() {\n const { resetPayByCard, fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n resetPayByCard();\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 // reset payment detail when component unmounts\n componentWillUnmount() {\n const { resetPayByCard } = this.props;\n this.setState({ ...this.state, stage: 'MakePayment' });\n resetPayByCard();\n }\n\n // common onChangeAccount function\n onChangeAccount = e => {\n const { resetPayByCard, fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n resetPayByCard();\n const { value } = e.target;\n if (this.props && this.props.accounts && this.props.accounts.Accounts) {\n const account = this.props.accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n this.setState({ ...this.initialState(), account });\n }\n };\n\n // common onChange function\n onChange = e => {\n const { name, value } = e.target;\n var { form } = this.state;\n form = Validate.input(name, value, form);\n\n this.setState({ ...this.state, form });\n };\n\n // common onBlur function\n onBlur = e => {\n const { name, value } = e.target;\n var { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n // update the stage in state\n updateStage = (e, stageId) => {\n e.preventDefault();\n\n if (stageId === 'MakePayment') {\n const { resetPayByCard } = this.props;\n resetPayByCard();\n }\n const state = this.state;\n const stage = update(this.state.stage, { $set: stageId });\n this.setState({ ...state, stage });\n };\n\n // validation for payment entry form in state\n validateStage = (e, stageId) => {\n e.preventDefault();\n var { form } = this.state;\n form = Validate.form(form);\n\n if (!form.approved) {\n this.setState({ ...this.state, form });\n return;\n }\n\n if (stageId === 'MakePayment') {\n const { resetPayByCard } = this.props;\n resetPayByCard();\n }\n const stage = update(this.state.stage, { $set: stageId });\n this.setState({ ...this.state, stage, form });\n };\n\n // submit from review page\n submitMake = e => {\n e.preventDefault();\n const { makePayByCard } = this.props;\n var { form, account } = this.state;\n var request = {\n AccountKey: account.AccountKey,\n Amount: form.amount.value - 0,\n CurrencyCode: account.CurrencyCode,\n CardNumber: form.cardNumber.value,\n CardHoldersName: null,\n ExpiryDate: form.expiryDate.value,\n Address: {},\n PostCode: null,\n SecurityCode: form.securityCode.value,\n PaymentType: form.paymentType.value,\n ProductType: account.ProductType,\n SaveCardDetails: false,\n ExtendedProperties: null,\n };\n makePayByCard(request);\n };\n\n // get error text for payment ResponseStatus\n errorText = () => {\n const { payment } = this.props;\n let error = payment ? (\n \n
\n
\n \n
\n \n {this.renderStage(stage, error)}\n \n );\n }\n}\n\nPayByCard.propTypes = {\n accounts: PropTypes.object,\n completePayByCard: PropTypes.any,\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n history: PropTypes.any,\n isFetching: PropTypes.any,\n makePayByCard: PropTypes.any,\n match: PropTypes.any,\n payment: PropTypes.any,\n referrer: PropTypes.string,\n resetPayByCard: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { payByCardDefinition, accountsDefinition } = state;\n return {\n ...payByCardDefinition,\n ...accountsDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToPropsPayment,\n ...mapDispatchToPropsAccounts,\n },\n)(PayByCard);\n","import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport PayByCard from './PayByCard';\n\nclass Savings extends React.Component {\n render() {\n return (\n \n \n \n
\n );\n }\n}\nexport default Savings;\n","import React from 'react';\nimport { Col, Row } from 'reactstrap';\nimport { Content, FormattedCurrency, FormattedDate } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\n\nconst WithdrawalAccount = ({ account, withdrawDate }) => {\n const { ExtendedProperties: { NoticePeriodInDays } = {} } = account;\n\n const noticePeriod = NoticePeriodInDays ? `${NoticePeriodInDays} Days` : '';\n\n return (\n \n \n
\n
\n );\n};\n\nWithdrawalAccount.propTypes = {\n account: PropTypes.object,\n withdrawDate: PropTypes.any,\n};\n\nexport default WithdrawalAccount;\n","import React from 'react';\nimport { Col, Row } from 'reactstrap';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\n\nconst NominatedAccount = ({ account }) => {\n const {\n ExtendedProperties: { NominatedAccountNumber, NominatedSortCode } = {},\n } = account;\n\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 Text,\n Markdown,\n Currency as CurrencyInput,\n Check,\n} from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\n\nclass WithdrawalWithClose extends Component {\n constructor(props) {\n super(props);\n\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: /^\\d+(,\\d{3})*\\.?\\d*$/,\n message: 'Please enter a valid amount',\n },\n minAmountCheck: {\n message: 'Please enter an amount greater than zero',\n comparison: () => {\n return 0.01;\n },\n },\n compareWithAvailableBalance: {\n message: 'Please enter an amount less than available balance',\n comparison: () => {\n const { account: { RemainingAllowance = 0 } = {} } = this.props;\n return RemainingAllowance;\n },\n },\n },\n value: '',\n },\n reference: {\n rules: {\n title: 'Reference',\n stop: true,\n format: {\n regex: /^[a-zA-Z- .\\d/&]{0,18}$/,\n message: 'Please enter a valid reference',\n },\n },\n value: '',\n },\n closeAccount: {\n rules: {\n title: 'Close Account',\n },\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 var { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n updatCurrency = e => {\n let { name, value } = e.target;\n let newValue = value;\n\n if (newValue !== '') {\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 var { 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 if (!form.closeAccount.value) {\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 var { form } = this.state;\n form = Validate.input(name, checked ? 'true' : null, form);\n if (checked) {\n form.amount.value = '';\n form.reference.value = '';\n }\n this.setState({ ...this.state, form });\n };\n\n render() {\n const { onCancelled, account = {} } = this.props;\n const { form } = this.state;\n\n return (\n \n
\n \n \n \n
\n \n );\n }\n}\n\nWithdrawalWithClose.propTypes = {\n account: PropTypes.object,\n onCancelled: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport default WithdrawalWithClose;\n","import React, { Component } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport WithdrawalAccount from '../../shared/WithdrawalAccount';\nimport NominatedAccount from '../../shared/NominatedAccount';\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-ccb-savings-servicing';\nimport WithdrawalWithClose from '../../shared/WithdrawalWithClose';\n\nclass Create extends Component {\n submitForm = form => {\n const { submitForm } = this.props;\n submitForm('ReviewNotice', form);\n };\n\n render() {\n const {\n account,\n accounts = {},\n onChangeAccount,\n onCancelled,\n actionDate,\n isFetching,\n } = this.props;\n\n return (\n <>\n \n
\n \n
\n\n \n
\n \n
\n
\n \n \n \n
\n \n );\n }\n}\n\nConfirmation.propTypes = {\n match: PropTypes.any,\n history: PropTypes.any,\n createNoticeParam: PropTypes.any,\n error: PropTypes.any,\n isFetching: PropTypes.any,\n createResponse: PropTypes.any,\n onSubmitWithdrawal: PropTypes.any,\n createNoticeToWithdraw: PropTypes.func,\n account: PropTypes.any,\n setStage: PropTypes.any,\n form: PropTypes.any,\n actionDate: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(Confirmation));\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\nimport { Utility } from '@myie/interact';\n\nclass CreationSuccess extends Component {\n componentDidMount() {\n const { resetCreateNoticeToWithdraw } = this.props;\n resetCreateNoticeToWithdraw();\n }\n\n render() {\n const { account = {} } = this.props;\n if (!account) {\n return null;\n }\n\n return (\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};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(CreationSuccess);\n","import moment from 'moment';\nconst dateValidation = (function() {\n const isWeekEnd = date => {\n let day = moment(date).day();\n if (day === 6 || day === 0) {\n return true;\n }\n return false;\n };\n\n const isHoliday = (date, days) => {\n const found = days.find(element => element === date);\n if (found) {\n return true;\n }\n return false;\n };\n\n return {\n isWeekEnd: isWeekEnd,\n isHoliday: isHoliday,\n };\n})();\n\nexport default dateValidation;\n","import React, { Component } from 'react';\nimport { BreadcrumbItem, Breadcrumb } from 'reactstrap';\nimport { withRouter } from 'react-router-dom';\nimport { Content } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Utility } from '@myie/interact';\nimport moment from 'moment';\nimport { AppMeta } from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport Create from './Create';\nimport Confirmation from './Confirmation';\nimport CreationSuccess from './CreationSuccess';\nimport dateValidation from './../../utility';\n\nclass CreateNotice extends Component {\n constructor(props) {\n super(props);\n this.state = this.initialState();\n }\n\n initialState = () => {\n const { accounts, match } = this.props;\n let account;\n if (accounts) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n } else {\n account = null;\n }\n return {\n account: account,\n stage: 'createNotice',\n withdrawDate: moment(),\n form: {},\n };\n };\n\n componentWillUnmount() {\n const { resetMakeWithdrawal } = this.props;\n resetMakeWithdrawal();\n }\n\n componentDidMount() {\n const { resetMakeWithdrawal, fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n resetMakeWithdrawal();\n }\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = nextProps => {\n const { makeWithdrawResponse = {} } = nextProps;\n\n if (\n makeWithdrawResponse &&\n makeWithdrawResponse.ResponseStatus === 'Success'\n ) {\n return {\n stage: 'CompleteNotice',\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\n //update the stage in state\n submitForm = (stage, form) => {\n if (stage === 'createNotice') {\n const { resetMakeWithdrawal } = this.props;\n resetMakeWithdrawal();\n }\n\n this.setState({ ...this.state, stage, form, message: null });\n };\n\n getActionDate = account => {\n const { holidays } = this.props;\n const { ExtendedProperties: { NoticePeriodInDays } = {} } = account;\n const NumberOfDays = NoticePeriodInDays === 0 ? 0 : NoticePeriodInDays;\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, form } = this.state;\n const { makeaWithdraw } = this.props;\n let formCloseAccount = form.closeAccount.value;\n let request = {\n AccountKey: account.AccountKey,\n WithdrawalInformation: {\n ActionDate: this.getActionDate(account),\n Amount: form.amount.value.replace(/,/g, ''),\n CloseAccount: false,\n PaymentReference: form.reference.value ? form.reference.value : null,\n },\n };\n if (formCloseAccount) {\n request = {\n AccountKey: account.AccountKey,\n WithdrawalInformation: {\n ActionDate: this.getActionDate(account),\n CloseAccount: true,\n },\n };\n }\n\n makeaWithdraw(request);\n };\n\n // common onChangeAccount function\n onChangeAccount = e => {\n const { resetMakeWithdrawal, fetchAccountsIfNeeded, accounts } = this.props;\n fetchAccountsIfNeeded();\n resetMakeWithdrawal();\n const { value } = e.target;\n if (accounts && accounts.Accounts) {\n const account = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n this.setState({ ...this.initialState(), account });\n }\n };\n // select current stage\n currentStage = account => {\n const { accounts = {} } = this.props;\n const actionDate = this.getActionDate(account);\n switch (this.state.stage) {\n case 'createNotice':\n return (\n \n {stage === 'createNotice' ? (\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};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, customccbSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...customccbSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n)(withRouter(CreateNotice));\n","import React, { Component } from 'react';\nimport { Row, Col } from 'reactstrap';\nimport { Content, FormattedDate, FormattedCurrency } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nclass NoticeToWithdraw extends Component {\n onCancelHandler = () => {\n const { onCancel, loopIndex } = this.props;\n onCancel(loopIndex);\n };\n\n render() {\n const {\n withdrawal,\n index,\n accountKey,\n account: {\n CurrencyCode,\n ExtendedProperties: {\n NominatedAccountNumber,\n NominatedSortCode,\n NominatedAccountName,\n } = {},\n } = {},\n loopIndex,\n } = this.props;\n\n const { ExtendedProperties: { Cancellable } = {} } = withdrawal;\n\n return (\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n ) : (\n ''\n )}\n\n {stage === 'ReviewNotice' ? (\n <>\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n ) : (\n ''\n )}\n\n {stage === 'CompleteNotice' ? (\n <>\n \n
\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 );\n }\n}\n\nNoticeToWithdraw.propTypes = {\n withdrawal: PropTypes.any,\n account: PropTypes.any,\n onCancel: PropTypes.func,\n loopIndex: PropTypes.any,\n index: PropTypes.any,\n accountKey: PropTypes.any,\n};\n\nexport default NoticeToWithdraw;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Fade } from 'reactstrap';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Content } from '@myie/interact-dom';\nimport NoticeToWithdraw from './NoticeToWithdraw';\nimport { Utility } from '@myie/interact';\nimport { RedirectByAccountDropdown } from '@myie/interact-accounts-dom';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as savingsMapDispatchToProps } from '@myie/interact-account-type-savings';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\n\nclass NoticeToWithdrawList extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n initialState = () => {\n const { accounts, match } = this.props;\n let account;\n if (accounts) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n } else {\n account = null;\n }\n return {\n account: account,\n range: this.setInitialRange(this.props),\n };\n };\n\n setInitialRange = props => {\n if (props.range) {\n return props.range;\n }\n const to = moment\n .utc()\n .startOf('day')\n .toISOString();\n const from = moment\n .utc()\n .subtract(12, 'months')\n .add(1, 'day')\n .startOf('day')\n .toISOString();\n return {\n To: to,\n From: from,\n Latest: true,\n };\n };\n\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n componentDidUpdate(prevProps, prevState) {\n const { match, accounts } = this.props;\n const { fetchSavingsAccountTransactionsIfNeeded, isFetching } = this.props;\n if (\n this.state.account &&\n prevState.account !== this.state.account &&\n !isFetching\n ) {\n fetchSavingsAccountTransactionsIfNeeded({\n AccountKey: this.state.account.AccountKey,\n Range: this.state.range,\n });\n }\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 onChangeAccount = e => {\n const { fetchAccountsIfNeeded, accounts } = this.props;\n fetchAccountsIfNeeded();\n const { value } = e.target;\n if (accounts && accounts.Accounts) {\n const account = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n this.setState({ ...this.initialState(), account });\n }\n };\n\n getTransactions = (transactions, account, accountKey) => {\n let list = [];\n if (\n transactions &&\n transactions.Transactions &&\n transactions.Transactions.length > 0\n ) {\n transactions.Transactions.forEach((transaction, index) => {\n if (transaction.ExtendedProperties.Type === 'PendingTransaction') {\n list.push(\n \n
\n \n
\n\n \n
\n \n ) : (\n {allNotices} \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};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...savingsMapDispatchToProps },\n)(withRouter(NoticeToWithdrawList));\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content } from '@myie/interact-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 { accountKey } = this.props;\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\nCancellationSuccess.propTypes = {\n resetCancellation: PropTypes.func,\n accountKey: PropTypes.any,\n};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(CancellationSuccess);\n","import React, { Component } from 'react';\nimport { Content, FormattedCurrency, FormattedDate } from '@myie/interact-dom';\nimport { Col, Row } from 'reactstrap';\nimport { Button } from 'reactstrap';\nimport { Link, withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport { Utility } from '@myie/interact';\nimport Currency from 'react-currency-formatter';\n\nclass Cancel extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n accounts: [],\n selectedAccountKey: null,\n selectedAccount: {},\n selectedTransaction: {},\n disabled: false,\n };\n }\n\n onConfirmCancellation = () => {\n if (this.state.disabled) {\n return;\n }\n this.setState({ disabled: true });\n const { cancelNoticeToWithdraw, identifier, account = {} } = this.props;\n const { transactions: { Transactions = [] } = {} } = account;\n let transaction = Transactions.find(\n element => element.TransactionIdentifier === identifier,\n );\n cancelNoticeToWithdraw({\n AccountKey: account && account.AccountKey,\n TransactionIdentifier: transaction.TransactionIdentifier,\n });\n };\n\n render() {\n const { AccountKey: { Key } = {} } = this.props.account;\n const accountKey = Key && Utility.hexEncode(Key);\n\n const { account = {}, identifier } = this.props;\n const {\n CurrencyCode,\n RemainingAllowance,\n ExtendedProperties: {\n NominatedAccountNumber,\n NominatedSortCode,\n NominatedAccountName,\n } = {},\n } = account;\n let transaction = {};\n\n const { transactions: { Transactions = [] } = {} } = account;\n\n transaction = Transactions.find(\n element => element.TransactionIdentifier === identifier,\n );\n\n return (\n <>\n \n \n
\n
\n\n \n \n \n
\n \n );\n }\n}\n\nCancel.propTypes = {\n match: PropTypes.any,\n accounts: PropTypes.any,\n cancellationResponse: PropTypes.any,\n message: PropTypes.any,\n history: PropTypes.any,\n account: PropTypes.any,\n identifier: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n cancelNoticeToWithdraw: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, customccbSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...customccbSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n)(withRouter(Cancel));\n","import React, { Component } from 'react';\nimport { AppMeta, Content } from '@myie/interact-dom';\nimport { BreadcrumbItem, Breadcrumb } from 'reactstrap';\nimport { withRouter } from 'react-router-dom';\nimport { Utility } from '@myie/interact';\nimport PropTypes from 'prop-types';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport CancellationSuccess from './CancellationSuccess';\nimport Cancel from './Cancel';\nimport moment from 'moment';\n\nclass CancelNoticeToWithdrawView extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n initialState = () => {\n const { accounts, match } = this.props;\n let account;\n if (accounts) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n } else {\n account = null;\n }\n return {\n account: account,\n stage: 'ConfirmCancel',\n withdrawDate: moment(),\n form: {},\n identifier: match.params.referenceNo,\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 cancellationResponse = {},\n accounts = {},\n fetchSavingsAccountTransactions,\n isFetching,\n } = nextProps;\n\n const setInitialRange = props => {\n if (props.range) {\n return props.range;\n }\n const to = moment\n .utc()\n .startOf('day')\n .toISOString();\n const from = moment\n .utc()\n .subtract(12, 'months')\n .add(1, 'day')\n .startOf('day')\n .toISOString();\n return {\n To: to,\n From: from,\n Latest: true,\n };\n };\n if (\n accounts &&\n state.account &&\n !state.account.transactions &&\n !isFetching\n ) {\n fetchSavingsAccountTransactions({\n AccountKey: state.account.AccountKey,\n Range: setInitialRange(nextProps),\n });\n }\n\n if (cancellationResponse && cancellationResponse.Success) {\n return {\n stage: 'Success',\n };\n }\n\n return null;\n };\n\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n }\n\n onConfirmCancellation = () => {\n const { cancelNoticeToWithdraw } = this.props;\n const { selectedAccount, selectedTransaction } = this.state;\n cancelNoticeToWithdraw({\n AccountKey: selectedAccount && selectedAccount.AccountKey,\n TransactionIdentifier: selectedTransaction.TransactionIdentifier,\n });\n };\n\n // select current stage\n currentStage = account => {\n const { accounts = {} } = this.props;\n const { AccountKey: { Key } = {} } = account;\n const accountKey = Key && Utility.hexEncode(Key);\n\n switch (this.state.stage) {\n case 'ConfirmCancel':\n return (\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n ) : (\n ''\n )}\n {stage === 'Success' ? (\n <>\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n ) : (\n ''\n )}\n\n {this.currentStage(account)}\n \n );\n }\n}\n\nCancelNoticeToWithdrawView.propTypes = {\n match: PropTypes.any,\n accounts: PropTypes.any,\n cancellationResponse: PropTypes.any,\n message: PropTypes.any,\n history: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n cancelNoticeToWithdraw: PropTypes.func,\n fetchSavingsAccountTransactionsIfNeeded: PropTypes.func,\n isFetching: PropTypes.any,\n referenceNo: PropTypes.any,\n range: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, customccbSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...customccbSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapSavingsServicingDispatchToProps },\n)(withRouter(CancelNoticeToWithdrawView));\n","import React, { Component } from 'react';\nimport { PrivateRoute, NoMatch } from '@myie/interact-dom';\nimport { Switch, Route } from 'react-router-dom';\nimport CreateNotice from './CreateNoticeToWithdraw/CreateNotice';\nimport NoticeToWithdrawList from './ListNoticeToWithdraws';\nimport CancelNoticeToWithdrawView from './CancelNoticeToWithdraw';\n\nclass NoticeToWithdrawals extends Component {\n render() {\n return (\n \n \n \n
\n );\n }\n}\n\nexport { NoticeToWithdrawals };\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 }\n}\n\nConfirmation.propTypes = {\n history: PropTypes.any,\n withdrawalParam: PropTypes.any,\n error: PropTypes.any,\n isFetching: PropTypes.any,\n makeWithdrawResponse: PropTypes.any,\n makeaWithdraw: PropTypes.func,\n account: PropTypes.any,\n form: PropTypes.any,\n setStage: PropTypes.any,\n onSubmitWithdrawal: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { customccbSavingsServicingDefinition } = state;\n return {\n ...customccbSavingsServicingDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(Confirmation));\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content, FormattedCurrency } from '@myie/interact-dom';\nimport { Col, Row } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport Currency from 'react-currency-formatter';\n\nclass WithdrawalSuccess extends Component {\n componentDidMount() {\n const { resetMakeWithdrawal } = this.props;\n resetMakeWithdrawal();\n }\n render() {\n const { form = {}, account = {} } = this.props;\n let amount =\n form && form.amount && form.amount.value ? form.amount.value : '';\n const closeOption = form.closeAccount.value;\n const {\n CurrencyCode,\n Balance,\n ExtendedProperties: {\n NominatedAccountNumber,\n NominatedSortCode,\n NominatedAccountName,\n } = {},\n } = account;\n return (\n <>\n \n
\n \n
\n \n
\n \n );\n }\n}\n\nWithdrawalSuccess.propTypes = {\n match: PropTypes.any,\n resetMakeWithdrawal: PropTypes.func,\n account: PropTypes.any,\n form: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { customccbSavingsServicingDefinition } = state;\n return {\n ...customccbSavingsServicingDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(WithdrawalSuccess);\n","import React from 'react';\nimport { BreadcrumbItem, Breadcrumb, Alert } from 'reactstrap';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport { Utility } from '@myie/interact';\nimport moment from 'moment';\nimport MakePayment from './MakePayment';\nimport Confirmation from './Confirmation';\nimport WithdrawalSuccess from './WithdrawalSuccess';\n\nclass MakeWithdrawal extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n initialState = () => {\n const { accounts, match } = this.props;\n let account;\n if (accounts) {\n account = accounts.Accounts.find(function(element) {\n return Utility.hexEncode(element.AccountKey.Key) === match.params.id;\n });\n } else {\n account = null;\n }\n return {\n account: account,\n stage: 'MakePayment',\n actionDate: moment(new Date())\n .utc()\n .format('YYYY-MM-DD'),\n form: {},\n };\n };\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = nextProps => {\n const { makeWithdrawResponse = {} } = nextProps;\n\n if (\n makeWithdrawResponse &&\n makeWithdrawResponse.ResponseStatus === 'Success'\n ) {\n return {\n stage: 'CompletePayment',\n };\n }\n\n return null;\n };\n\n componentDidMount() {\n const { resetMakeWithdrawal, fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\n resetMakeWithdrawal();\n }\n\n componentWillUnmount() {\n const { resetMakeWithdrawal } = this.props;\n resetMakeWithdrawal();\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 // common onChangeAccount function\n onChangeAccount = e => {\n const { resetMakeWithdrawal, fetchAccountsIfNeeded, accounts } = this.props;\n fetchAccountsIfNeeded();\n resetMakeWithdrawal();\n const { value } = e.target;\n if (accounts && accounts.Accounts) {\n const account = accounts.Accounts.find(function(element) {\n return element.AccountKey.Key === value;\n });\n this.setState({ ...this.initialState(), 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\n onCancelleWithdrawal = () => {\n const { history } = this.props;\n history.push('/accounts/list');\n };\n\n //update the stage in state\n submitForm = (stage, form) => {\n if (stage === 'MakePayment') {\n const { resetMakeWithdrawal } = this.props;\n resetMakeWithdrawal();\n }\n\n this.setState({ ...this.state, stage, form, message: null });\n };\n\n onCancelleWithdrawal = () => {\n const { history } = this.props;\n history.push('/accounts/list');\n };\n\n onSubmitWithdrawal = () => {\n const { account, form } = this.state;\n const { makeaWithdraw } = this.props;\n let formCloseAccount = form.closeAccount.value;\n let request = {\n AccountKey: account.AccountKey,\n WithdrawalInformation: {\n ActionDate: this.state.actionDate,\n Amount: form.amount.value.replace(/,/g, ''),\n CloseAccount: false,\n PaymentReference: form.reference.value ? form.reference.value : null,\n },\n };\n if (formCloseAccount) {\n request = {\n AccountKey: account.AccountKey,\n WithdrawalInformation: {\n ActionDate: this.state.actionDate,\n CloseAccount: true,\n },\n };\n }\n\n makeaWithdraw(request);\n };\n\n // select current stage\n currentStage = () => {\n const { accounts = {} } = this.props;\n const { account = {} } = this.state;\n switch (this.state.stage) {\n case 'MakePayment':\n return (\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n ) : (\n ''\n )}\n\n {stage === 'ReviewPayment' ? (\n <>\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n ) : (\n ''\n )}\n\n {stage === 'CompletePayment' ? (\n <>\n \n
\n \n \n \n \n \n \n \n \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: 'shortApply',\n};\n","import React, { Fragment } from 'react';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-ccb-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 renderOutput = () => {\n const { allProducts } = this.props;\n let output = [];\n let shortApplyAvailable = false;\n if (allProducts) {\n allProducts.forEach(product => {\n if (product.Display_For_Short_Apply === 'Y') {\n shortApplyAvailable = true;\n }\n });\n }\n if (shortApplyAvailable) {\n output.push(\n \n \n
\n \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 isFetching: PropTypes.any,\n};\nconst mapStateToProps = state => {\n const { accountsDefinition, customccbSavingsServicingDefinition } = state;\n return {\n ...accountsDefinition,\n ...customccbSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapSavingsServicingDispatchToProps,\n },\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 userManagementDispatches } from '@myie/interact-user-management';\nimport { mapDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\nimport { mapDispatchToProps as ccbOrganisationDispatches } from '@myie/interact-ccb-organisation';\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 { getAllProducts, allProducts } = this.props;\n if (!allProducts) {\n getAllProducts({\n checkLimitExceeded: true,\n isShortApply: true,\n });\n }\n }\n\n componentWillUnmount() {\n const { resetShortapply } = this.props;\n resetShortapply();\n }\n\n render() {\n return (\n \n \n \n
\n {organisationList?.length > 0 && (\n \n \n {organisationList?.length &&\n organisationList.map((item, index) => {\n return this.organisationDropdownOption(\n item,\n index,\n 'organisationSource',\n );\n })}\n \n )}\n\n {this.state.selectedOrganisationDetails && (\n \n \n {CorrespondenceAddress?.Street}\n
\n \n ) : null}\n {CorrespondenceAddress?.District ? (\n \n {CorrespondenceAddress?.District}\n
\n \n ) : null}\n {CorrespondenceAddress?.Town ? (\n \n {CorrespondenceAddress?.Town}\n
\n \n ) : null}\n {CorrespondenceAddress?.County ? (\n \n {CorrespondenceAddress?.County}\n
\n \n ) : null}\n {CorrespondenceAddress?.Postcode ? (\n \n {CorrespondenceAddress?.Postcode}\n
\n \n ) : null}\n \n \n \n {RegisteredAddress?.Street}\n
\n \n ) : null}\n {RegisteredAddress?.District ? (\n \n {RegisteredAddress?.District}\n
\n \n ) : null}\n {RegisteredAddress?.Town ? (\n \n {RegisteredAddress?.Town}\n
\n \n ) : null}\n {RegisteredAddress?.County ? (\n \n {RegisteredAddress?.County}\n
\n \n ) : null}\n {RegisteredAddress?.Postcode ? (\n \n {RegisteredAddress?.Postcode}\n
\n \n ) : null}\n \n \n
\n )}\n \n \n \n {CONSTANTS &&\n CONSTANTS.DEPOSIT_SOURCE.map((item, index) => {\n return this.dropdownOptions(item, index, 'depositSource');\n })}\n \n \n \n {CONSTANTS &&\n CONSTANTS.DEPOSIT_METHOD.map((item, index) => {\n return this.dropdownOptions(item, index, 'depositMethod');\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 updateUrl: PropTypes.func,\n setStateDynamic: PropTypes.any,\n formData: PropTypes.any,\n selectedProduct: PropTypes.any,\n data: PropTypes.any,\n setShortapply: PropTypes.func,\n organisationDetails: PropTypes.any,\n organisation: PropTypes.any,\n organisationDetailsFetch: PropTypes.func,\n organisationfetch: PropTypes.func,\n isFetching: PropTypes.bool,\n};\nconst mapStateToProps = state => {\n const {\n accountsDefinition,\n customccbSavingsServicingDefinition,\n customccbOrganisationDefinition,\n } = state;\n return {\n ...accountsDefinition,\n ...customccbSavingsServicingDefinition,\n ...customccbOrganisationDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapSavingsServicingDispatchToProps,\n ...ccbOrganisationDispatches,\n },\n)(ShortApplyApplication);\n","const appUtility = (function() {\n const getPayload = (\n formData,\n reviewForm,\n selectedProduct,\n userDetails,\n selectedOrganisationDetails,\n ) => {\n let accountDetails = null;\n const details = selectedOrganisationDetails;\n const obj = {\n Application: {\n DepositFundsOption: formData?.depositSource ?? '',\n ProductTypeCode: selectedProduct?.Product_Code,\n DepositAmount: {\n Amount: formData?.depositAmount.toString().replace(/,/g, ''),\n ExtendedProperties: [{}, {}, {}],\n },\n PayInterestIntoAnotherAccount: accountDetails?.interestPaymentLocation,\n InterestPaymentFrequency: selectedProduct?.Interest_Frequency,\n DOB: userDetails?.ExtendedProperties?.DateOfBirth,\n ExtendedProperties: [\n { Name: 'FirstName', Value: userDetails.FirstName },\n { Name: 'LastName', Value: userDetails.Surname },\n {\n Name: 'ChangedDetails',\n Value: formData.organisationDetailsChangedInput ?? '',\n },\n {\n Name: 'OrganisationDetailsChanged',\n Value: formData.orgDetailsChanged === 'yes' ? 'true' : 'false',\n },\n {\n Name: 'OrganisationName',\n Value: details?.FullName ?? '',\n },\n {\n Name: 'OrganisationEmail',\n Value: details?.ContactDetails?.Email ?? '',\n },\n {\n Name: 'CustomerId',\n Value: formData?.organisationSource ?? '',\n },\n {\n Name: 'DepositMeans',\n Value: formData?.depositMethod ?? '',\n },\n {\n Name: 'FCSCConfirmation',\n Value: reviewForm?.informationConfirm.value ? 'true' : 'false',\n },\n ],\n },\n ExtendedProperties: [\n {\n Name: 'ApplicationType',\n Value: 'ShortApply',\n },\n ],\n };\n\n return obj;\n };\n\n return {\n getPayload: getPayload,\n };\n})();\n\nexport default appUtility;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-accounts';\nimport { Validate } from '@myie/interact';\nimport { Row, Col, Form, Button, BreadcrumbItem, Spinner } from 'reactstrap';\nimport {\n Content,\n FormErrorList,\n FormattedCurrency,\n Check,\n Markdown,\n} from '@myie/interact-dom';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport PropTypes from 'prop-types';\nimport requestPayload from '../shortApply/requestPayload';\nimport { mapDispatchToProps as ccbOrganisationDispatches } from '@myie/interact-ccb-organisation';\nimport { mapDispatchToProps as userManagementDispatches } from '@myie/interact-user-management';\nclass ShortApplyApplication extends React.Component {\n constructor(props) {\n super(props);\n this.state = this.initialState(props);\n }\n\n initialState = props => {\n const { selectedProduct } = props;\n let data = null;\n const formItems = {\n accuracyConfirm: {\n rules: {\n required: {\n message:\n 'You cannot proceed without opening and reading the Account Terms & Conditions, Summary Box & Tariff of Charges. Please tick the box to authorise the application.',\n },\n },\n value: false,\n },\n informationConfirm: {\n rules: {\n required: {\n message:\n 'You cannot proceed without opening and reading the Information Sheet & Exclusions List. Please tick the box to authorise the application.',\n },\n },\n value: false,\n },\n };\n\n if (\n selectedProduct &&\n selectedProduct.InterestPaymentFrequency &&\n selectedProduct.InterestPaymentFrequency === 'both'\n ) {\n formItems.interestPaymentFrequency = {\n rules: {\n stop: true,\n required: {\n message:\n 'Please tell us when you would like us to pay your interest.',\n },\n },\n value: data ? data.interestPaymentFrequency : '',\n };\n }\n return {\n data: data ? data : {},\n form: formItems,\n };\n };\n\n dropdownOptionValue(item, value) {\n let keys = Object.keys(item);\n if (keys[0] === value) {\n return item[keys[0]];\n }\n }\n\n componentDidUpdate() {\n this.initialState(this.props);\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n const { fetchUserDetailsIfNeeded } = this.props;\n let request = {\n ExtendedProperties: {},\n };\n fetchUserDetailsIfNeeded(request);\n }\n\n updateCurrency = e => {\n let { name, value } = e.target;\n const { data } = this.state;\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\n this.setState({ ...this.state, form });\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, checked } = e.target;\n let { form } = this.state;\n form = Validate.input(name, checked, form);\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const { userDetails } = this.props;\n let {\n saveShortApply,\n selectedProduct,\n formData,\n updateUrl,\n selectedOrganisationDetails,\n } = this.props;\n let { form } = this.state;\n\n form = Validate.form(form);\n if (form.approved) {\n let request = requestPayload.getPayload(\n formData,\n form,\n selectedProduct,\n userDetails,\n selectedOrganisationDetails,\n );\n saveShortApply(request);\n let stateData = {\n formData: formData,\n };\n updateUrl(stateData);\n } else {\n window.scrollTo(0, 0);\n this.setState({ form });\n }\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form, data } = this.state;\n\n form = Validate.input(name, checked ? 'true' : null, form);\n data[name] = checked ? 'true' : null;\n\n this.setState({ ...this.state, form, data });\n };\n\n dropdownOptions(item, index, name) {\n let keys = Object.keys(item);\n return (\n \n );\n }\n\n changeDetails = () => {\n const { formData, updateUrl, setStateDynamic } = this.props;\n setStateDynamic({\n stage: 'apply',\n });\n let stateData = {\n formData: formData,\n url: {\n pageStage: 'apply',\n },\n };\n setStateDynamic({ stage: 'apply' });\n updateUrl(stateData);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n changeStage = () => {\n const { setStateDynamic } = this.props;\n setStateDynamic({ stage: 'list' });\n };\n\n render() {\n const {\n selectedProduct,\n formData,\n userDetails,\n selectedOrganisationDetails,\n isFetching,\n } = this.props;\n const details = selectedOrganisationDetails;\n let { CorrespondenceAddress = null, RegisteredAddress = null } =\n details || {};\n if (!userDetails) {\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 {isFetching && (\n <>\n \n
\n \n \n {CorrespondenceAddress?.Street}\n
\n \n ) : null}\n {CorrespondenceAddress?.District ? (\n \n {CorrespondenceAddress?.District}\n
\n \n ) : null}\n {CorrespondenceAddress?.Town ? (\n \n {CorrespondenceAddress?.Town}\n
\n \n ) : null}\n {CorrespondenceAddress?.County ? (\n \n {CorrespondenceAddress?.County}\n
\n \n ) : null}\n {CorrespondenceAddress?.Postcode ? (\n \n {CorrespondenceAddress?.Postcode}\n
\n \n ) : null}\n \n \n \n {RegisteredAddress?.Street}\n
\n \n ) : null}\n {RegisteredAddress?.District ? (\n \n {RegisteredAddress?.District}\n
\n \n ) : null}\n {RegisteredAddress?.Town ? (\n \n {RegisteredAddress?.Town}\n
\n \n ) : null}\n {RegisteredAddress?.County ? (\n \n {RegisteredAddress?.County}\n
\n \n ) : null}\n {RegisteredAddress?.Postcode ? (\n \n {RegisteredAddress?.Postcode}\n
\n \n ) : null}\n \n \n
\n \n
\n Account Terms & Conditions, the Summary Box and the Tariff of Charges (together the Agreement) being presented to me electronically. That I have full legal authority to enter into the Agreement on behalf of the organisation I represent, and I have read and understand the Agreement and agree to be bound by its terms.\\n\\nI agree that the savings product will be provided subject to the Agreement, as specified and amended from time to time.\\n\\nI understand that the Agreement is legally binding and is enforceable under the laws of England and Wales.\\n\\nI confirm that I am eligible to apply for this savings account and that the information provided as part of the account opening is true and accurate.\\n\\nI confirm that the organisation I represent authorise you to act on the instructions of the signatories (as set out to you in the Terms & Conditions) and you will not be responsible if the organisation suffers a loss as a result of you acting on the authority and instructions of the signatories. I confirm that the signatories are authorised to act on behalf of the organisation and will tell you immediately in writing if the signatories are to be changed or removed;\\n\\nWe are covered by the Financial Services Compensation Scheme (FSCS). The FSCS can pay compensation to depositors if a bank is unable to meet its financial obligations.\\n\\nFor the current level of cover, further details and to view/download the Information Sheet & Exclusions list, please visit our site at www.ccbank.co.uk/fscs.`}\n />\n 0344 225 3939 or email savings@ccbank.co.uk.`}\n />\n 0800 678 1100 or visit www.fscs.org.uk.`}\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 organisation: PropTypes.any,\n fetchUserDetailsIfNeeded: PropTypes.func,\n selectedOrganisationDetails: PropTypes.object,\n isFetching: PropTypes.bool,\n};\nconst mapStateToProps = state => {\n const {\n accountsDefinition,\n customccbSavingsServicingDefinition,\n customccbOrganisationDefinition,\n userManagementDefinition,\n } = state;\n return {\n ...accountsDefinition,\n ...customccbOrganisationDefinition,\n ...userManagementDefinition,\n ...customccbSavingsServicingDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapSavingsServicingDispatchToProps,\n ...ccbOrganisationDispatches,\n ...userManagementDispatches,\n },\n)(ShortApplyApplication);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-ccb-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { AppMeta, Content, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Row, Col } from 'reactstrap';\n\nclass ApplicationSuccess extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\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 \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 Savings from './Savings';\nimport { NoticeToWithdrawals } from './NoticeToWithdrawal/Routes';\nimport MakeWithdrawalRoute from './MakeWithdrawal/Routes';\nimport { Route } from 'react-router-dom';\nimport ShortApply from './shortApply/ShortApply';\n\nconst Routes = [\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n
\n );\n }\n}\n\nAboutYou.propTypes = {\n userDetails: PropTypes.object,\n};\n\nexport default AboutYou;\n","import React from 'react';\nimport { Row, Col } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport { Content } from '@myie/interact-dom';\n\nclass YourAddress extends React.Component {\n render() {\n const { userDetails } = this.props;\n\n let houseNameFlatNumber = '';\n let houseNumber = '';\n let addressLine1 = '';\n let addressLine2 = '';\n let townCity = '';\n let county = '';\n let postcode = '';\n\n if (userDetails && userDetails.CorrespondenceAddress) {\n houseNameFlatNumber = userDetails.CorrespondenceAddress.BuildingName;\n houseNumber = userDetails.CorrespondenceAddress.BuildingNumber;\n addressLine1 = userDetails.CorrespondenceAddress.Street;\n addressLine2 = userDetails.CorrespondenceAddress.AddressLine2;\n townCity = userDetails.CorrespondenceAddress.PostTown;\n county = userDetails.CorrespondenceAddress.County;\n postcode = userDetails.CorrespondenceAddress.PostCode;\n }\n\n return (\n \n
\n \n \n
\n \n
\n
\n );\n }\n}\n\nYourAddress.propTypes = {\n userDetails: PropTypes.object,\n};\n\nexport default YourAddress;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-user-management';\n\nimport AboutYou from './AboutYou';\nimport YourAddress from './YourAddress';\n//import CorrespondenceAddress from './CorrespondenceAddress';\n//import ContactPreferences from './ContactPreferences';\nimport { Content } from '@myie/interact-dom';\n\nclass View extends React.Component {\n constructor(props) {\n super(props);\n const { resetUserDetails, resetContactOptions } = this.props;\n resetUserDetails();\n resetContactOptions();\n }\n\n componentDidMount() {\n const {\n fetchUserDetailsIfNeeded,\n fetchContactOptionsIfNeeded,\n } = this.props;\n let request = {\n ExtendedProperties: {},\n };\n fetchUserDetailsIfNeeded(request);\n fetchContactOptionsIfNeeded(request);\n }\n\n render() {\n const { userDetails /* contactOptions */ } = this.props;\n\n return (\n \n
\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 resetUserDetails: PropTypes.any,\n userDetails: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(View);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\n\nimport { Text, Content, Markdown } from '@myie/interact-dom';\n\nclass AboutYou extends React.Component {\n constructor(props) {\n super(props);\n const { setForm } = this.props;\n this.state = {\n message: null,\n submitForm: {},\n userDetails: null,\n yourTitle: null,\n firstName: null,\n middleNames: null,\n lastName: null,\n aboutYouForm: {\n EmailAddress: {\n rules: {\n title: 'EmailAddress',\n stop: true,\n required: {\n message: 'Please enter a email.',\n },\n email: {\n message: 'Please enter a valid email.',\n },\n },\n },\n ConfirmEmailAddress: {\n rules: {\n title: 'ConfirmEmailAddress',\n stop: true,\n required: {\n message: 'Please enter a email.',\n },\n email: {\n message: 'Please enter a valid email.',\n },\n compare: {\n message: \"Email address doesn't match\",\n field: 'EmailAddress',\n comparison: () => {\n return this.state.aboutYouForm.EmailAddress.value;\n },\n },\n },\n },\n HomeNumber: {\n rules: {\n title: 'HomeNumber',\n stop: true,\n required: {\n message: 'Please enter a home number.',\n },\n phone: {\n message: 'Please enter a valid home number.',\n },\n },\n },\n WorkNumber: {\n rules: {\n title: 'WorkNumber',\n stop: true,\n required: {\n message: 'Please enter a work number.',\n },\n phone: {\n message: 'Please enter a valid work number.',\n },\n },\n },\n MobileNumber: {\n rules: {\n title: 'MobileNumber',\n stop: true,\n required: {\n message: 'Please enter a mobile number.',\n },\n phone: {\n message: 'Please enter a valid mobile number.',\n },\n },\n },\n },\n };\n setForm('aboutYouForm', this.state.aboutYouForm);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { aboutYouForm, userDetails } = nextProps;\n\n if (aboutYouForm && aboutYouForm !== prevState.aboutYouForm) {\n return {\n ...prevState,\n aboutYouForm,\n };\n }\n\n //Set userDetails\n\n if (aboutYouForm && userDetails !== prevState.userDetails) {\n aboutYouForm.EmailAddress.value = userDetails.EmailAddress;\n aboutYouForm.ConfirmEmailAddress.value = userDetails.EmailAddress;\n aboutYouForm.HomeNumber.value = userDetails.HomeNumber;\n aboutYouForm.WorkNumber.value = userDetails.WorkNumber;\n aboutYouForm.MobileNumber.value = userDetails.MobileNumber;\n return {\n ...prevState,\n yourTitle: userDetails.Title,\n firstName: userDetails.FirstName,\n middleNames: userDetails.MiddleName,\n lastName: userDetails.Surname,\n aboutYouForm,\n userDetails,\n };\n } else {\n return null;\n }\n }\n\n //Override OnEvent if needed\n onChange = e => {\n const { onEvent } = this.props;\n onEvent('aboutYouForm', e);\n };\n\n //Override OnEvent if needed\n onBlur = e => {\n const { onEvent } = this.props;\n onEvent('aboutYouForm', e);\n };\n\n render() {\n let {\n aboutYouForm,\n yourTitle,\n firstName,\n middleNames,\n lastName,\n } = this.state;\n\n return (\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};\n\nexport default AboutYou;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { Text, Content } from '@myie/interact-dom';\n\nclass YourAddress extends React.Component {\n constructor(props) {\n super(props);\n const { setForm } = this.props;\n this.state = {\n userDetails: null,\n message: null,\n submitForm: {},\n yourAddressForm: {\n BuildingName: {\n rules: {\n title: 'BuildingName',\n stop: true,\n buildingNameNumberValidate: {\n message: 'Please enter a house name or flat number.',\n field: 'BuildingNumber',\n comparison: () => {\n return this.state.yourAddressForm.BuildingNumber.value;\n },\n },\n },\n },\n BuildingNumber: {\n rules: {\n title: 'BuildingNumber',\n stop: true,\n buildingNameNumberValidate: {\n message: 'Please enter a house number.',\n field: 'BuildingName',\n comparison: () => {\n return this.state.yourAddressForm.BuildingName.value;\n },\n },\n },\n },\n AddressLine1: {\n rules: {\n title: 'AddressLine1',\n stop: true,\n required: {\n message: 'Please enter address line 1.',\n },\n },\n },\n AddressLine2: {\n rules: {\n title: 'AddressLine2',\n stop: true,\n },\n },\n PostTown: {\n rules: {\n title: 'townCity',\n stop: true,\n required: {\n message: 'Please enter town/city.',\n },\n },\n },\n County: {\n rules: {\n title: 'country',\n stop: true,\n required: {\n message: 'Please enter country.',\n },\n country: {\n message: 'Please enter a valid country name.',\n },\n },\n },\n PostCode: {\n rules: {\n title: 'postCode',\n stop: true,\n required: {\n message: 'Please enter postcode.',\n },\n postcode: {\n message:\n 'Please enter your postcode in a valid UK postcode format.',\n },\n },\n },\n },\n };\n setForm('yourAddressForm', this.state.yourAddressForm);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { yourAddressForm, userDetails } = nextProps;\n\n if (yourAddressForm && yourAddressForm !== prevState.yourAddressForm) {\n return {\n ...prevState,\n yourAddressForm,\n };\n }\n\n //Set userDetails\n if (\n yourAddressForm &&\n userDetails !== prevState.userDetails &&\n userDetails.Address\n ) {\n yourAddressForm.BuildingName.value = userDetails.Address.BuildingName;\n yourAddressForm.BuildingNumber.value = userDetails.Address.BuildingNumber;\n yourAddressForm.AddressLine1.value = userDetails.Address.AddressLine1;\n yourAddressForm.AddressLine2.value = userDetails.Address.AddressLine2;\n yourAddressForm.PostTown.value = userDetails.Address.PostTown;\n yourAddressForm.County.value = userDetails.Address.County;\n yourAddressForm.PostCode.value = userDetails.Address.PostCode;\n return {\n ...prevState,\n yourAddressForm,\n userDetails,\n };\n } else {\n return null;\n }\n }\n\n onChange = e => {\n const { onEvent } = this.props;\n onEvent('yourAddressForm', e);\n };\n\n onChangeNameNumber = e => {\n const { addressOnEvent } = this.props;\n addressOnEvent('yourAddressForm', e);\n };\n\n onBlur = e => {\n const { onEvent } = this.props;\n onEvent('yourAddressForm', e);\n };\n\n submit = e => {\n e.preventDefault();\n };\n\n render() {\n let { yourAddressForm } = this.state;\n return (\n \n );\n }\n}\n\nYourAddress.propTypes = {\n addressOnEvent: PropTypes.any,\n onEvent: PropTypes.any,\n saveData: PropTypes.any,\n saveDataAddress: PropTypes.any,\n setForm: PropTypes.any,\n setFormValidations: PropTypes.any,\n userDetails: PropTypes.any,\n yourAddressForm: PropTypes.any,\n};\n\nexport default YourAddress;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { Text, Content, Markdown } from '@myie/interact-dom';\n\nclass CorrespondenceAddress extends React.Component {\n constructor(props) {\n super(props);\n const { setForm } = this.props;\n this.state = {\n message: null,\n submitForm: {},\n correspondenceAddressForm: {\n BuildingName: {\n rules: {\n title: 'BuildingName',\n stop: true,\n buildingNameNumberValidate: {\n message: 'Please enter a house name or flat number.',\n field: 'BuildingNumber',\n comparison: () => {\n return this.state.correspondenceAddressForm.BuildingNumber\n .value;\n },\n },\n },\n },\n BuildingNumber: {\n rules: {\n title: 'BuildingNumber',\n stop: true,\n buildingNameNumberValidate: {\n message: 'Please enter a house number.',\n field: 'BuildingName',\n comparison: () => {\n return this.state.correspondenceAddressForm.BuildingName.value;\n },\n },\n },\n },\n AddressLine1: {\n rules: {\n title: 'AddressLine1',\n stop: true,\n required: {\n message: 'Please enter address line 1.',\n },\n },\n },\n AddressLine2: {\n rules: {\n title: 'AddressLine2',\n stop: true,\n },\n },\n PostTown: {\n rules: {\n title: 'townCity',\n stop: true,\n required: {\n message: 'Please enter town/city.',\n },\n },\n },\n County: {\n rules: {\n title: 'County',\n stop: true,\n required: {\n message: 'Please enter County.',\n },\n country: {\n message: 'Please enter a valid County name.',\n },\n },\n },\n PostCode: {\n rules: {\n title: 'postCode',\n stop: true,\n required: {\n message: 'Please enter postcode.',\n },\n postcode: {\n message:\n 'Please enter your postcode in a valid UK postcode format.',\n },\n },\n },\n },\n };\n setForm('correspondenceAddressForm', this.state.correspondenceAddressForm);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { correspondenceAddressForm, userDetails } = nextProps;\n\n if (\n correspondenceAddressForm &&\n correspondenceAddressForm !== prevState.correspondenceAddressForm\n ) {\n return {\n ...prevState,\n correspondenceAddressForm,\n };\n }\n\n //Set userDetails\n if (\n correspondenceAddressForm &&\n userDetails !== prevState.userDetails &&\n userDetails.Address\n ) {\n correspondenceAddressForm.BuildingName.value =\n userDetails.Address.BuildingName;\n correspondenceAddressForm.BuildingNumber.value =\n userDetails.Address.BuildingNumber;\n correspondenceAddressForm.AddressLine1.value =\n userDetails.Address.AddressLine1;\n correspondenceAddressForm.AddressLine2.value =\n userDetails.Address.AddressLine2;\n correspondenceAddressForm.PostTown.value = userDetails.Address.PostTown;\n correspondenceAddressForm.County.value = userDetails.Address.County;\n correspondenceAddressForm.PostCode.value = userDetails.Address.PostCode;\n return {\n ...prevState,\n correspondenceAddressForm,\n userDetails,\n };\n } else {\n return null;\n }\n }\n\n onChange = e => {\n const { onEvent } = this.props;\n onEvent('correspondenceAddressForm', e);\n };\n\n onChangeNameNumber = e => {\n const { addressOnEvent } = this.props;\n addressOnEvent('correspondenceAddressForm', e);\n };\n\n onBlur = e => {\n const { onEvent } = this.props;\n onEvent('correspondenceAddressForm', e);\n };\n\n submit = e => {\n e.preventDefault();\n };\n\n render() {\n let { correspondenceAddressForm } = this.state;\n return (\n \n );\n }\n}\n\nCorrespondenceAddress.propTypes = {\n addressOnEvent: PropTypes.any,\n correspondenceAddressForm: PropTypes.any,\n onEvent: PropTypes.any,\n saveDataAddressC: PropTypes.any,\n setForm: PropTypes.any,\n userDetails: PropTypes.any,\n};\n\nexport default CorrespondenceAddress;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Check, Content } from '@myie/interact-dom';\nimport { Validate } from '@myie/interact';\n\nclass ContactPreferences extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n message: null,\n contactOptions: null,\n submitForm: {},\n form: {},\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n return {\n ...prevState,\n contactOptions: nextProps.contactOptions\n ? nextProps.contactOptions.Options\n : null,\n };\n }\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n if (Object.hasOwnProperty.call(form, name)) {\n form = Validate.input(name, value, form);\n }\n this.setState({\n ...this.state,\n form,\n });\n };\n\n componentDidMount() {\n this.setState({ contactOptions: null });\n }\n\n onChangeContactOptions = e => {\n const { name, value } = e.target;\n const { contactOptions } = this.state;\n const { saveDataContactOptions } = this.props;\n let newContactOptions = contactOptions;\n newContactOptions.forEach(Option => {\n if (Option.Type === name) {\n Option.Value = !Option.Value;\n }\n });\n saveDataContactOptions(name, value);\n this.setState({ contactOptions: newContactOptions });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n if (Object.hasOwnProperty.call(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 };\n\n getContactOptionLabels = contactOptions => {\n const label = [\n {\n Type: 'Email',\n name: 'Email',\n },\n {\n Type: 'Mobile',\n name: 'Mobile',\n },\n {\n Type: 'TextMessage',\n name: 'Text Messages (SMS)',\n },\n {\n Type: 'Post',\n name: 'Post',\n },\n {\n Type: 'OffersFromTheBank',\n name: 'Bank related offers',\n },\n {\n Type: 'OffersFromSelectedPartners',\n name: 'Third party offers',\n },\n ];\n\n let contactListOption = [];\n let otherOptions = [];\n contactOptions.forEach(item => {\n let lebelItem = label.find(label => label.Type === item.Type);\n item.name = lebelItem.name;\n if (\n item.Type === 'OffersFromTheBank' ||\n item.Type === 'OffersFromSelectedPartners'\n ) {\n otherOptions.push(item);\n } else {\n contactListOption.push(item);\n }\n });\n\n return {\n contactListOption: contactListOption,\n otherOptions: otherOptions,\n };\n };\n\n render() {\n const { contactOptions } = this.state;\n if (!contactOptions) {\n return null;\n }\n const newOptions = this.getContactOptionLabels(contactOptions);\n return (\n <>\n \n
\n \n
\n {/* \n
\n \n
\n\n \n \n );\n }\n}\n\nContactPreferences.propTypes = {\n contactOptions: PropTypes.any,\n saveDataContactOptions: PropTypes.any,\n};\n\nexport default ContactPreferences;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { Content, Switch } from '@myie/interact-dom';\n\nclass Confirmation extends React.Component {\n renderDoneButton = () => {\n return (\n \n \n \"\n value={updateUserDetailSuccess.ResponseStatus}\n defaultText=\"An unknown error occured please check your accounts before retrying.\"\n contents={{\n Success: {\n defaultValue: 'You have updated your personal details',\n },\n Failed: {\n defaultValue:\n 'An error occured while trying to process your request',\n },\n }}\n />\n \n ) : null}\n {this.renderDoneButton()}\n
\n );\n }\n}\n\nConfirmation.propTypes = {\n resetContactOptions: PropTypes.any,\n resetUserDetails: PropTypes.any,\n setStage: PropTypes.any,\n updateUserDetailSuccess: PropTypes.any,\n};\n\nexport default Confirmation;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert, Form, Button } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { Validate } from '@myie/interact';\nimport {\n mapStateToProps,\n mapDispatchToProps,\n} from '@myie/interact-user-management';\nimport AboutYou from './AboutYou';\nimport YourAddress from './YourAddress';\nimport CorrespondenceAddress from './CorrespondenceAddress';\nimport ContactPreferences from './ContactPreferences';\nimport Confirmation from './Confirmation';\nimport approve from 'approvejs';\nimport { Content } from '@myie/interact-dom';\n\nconst buildingNameNumberValidate = {\n expects: ['comparison', 'field'],\n message: 'Please enter a date greater than payment start date',\n validate: function(value, pars) {\n const { comparison } = pars;\n\n if (typeof comparison === 'function') {\n if (value.length > 0) {\n return true;\n } else {\n return comparison().length > 0;\n }\n }\n\n if (value.length > 0) {\n return true;\n } else {\n return comparison().length > 0;\n }\n },\n};\n\napprove.addTest(buildingNameNumberValidate, 'buildingNameNumberValidate');\n\nclass Edit extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n userDetails: null,\n contactOptions: null,\n message: null,\n stage: 'Edit',\n aboutYouForm: null, // Form is defined by child component\n yourAddressForm: null, // Form is defined by child component\n correspondenceAddressForm: null, // Form is defined by child component\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { userDetails, contactOptions, updateUserDetailSuccess } = nextProps;\n\n if (updateUserDetailSuccess && updateUserDetailSuccess.ResponseStatus) {\n return {\n ...prevState,\n stage: 'Success',\n };\n }\n\n if (userDetails && contactOptions) {\n return {\n ...prevState,\n userDetails,\n contactOptions,\n };\n } else {\n return null;\n }\n }\n\n componentDidMount() {\n const {\n fetchUserDetailsIfNeeded,\n fetchContactOptionsIfNeeded,\n } = this.props;\n let request = {\n ExtendedProperties: {},\n };\n fetchUserDetailsIfNeeded(request);\n fetchContactOptionsIfNeeded(request);\n }\n\n setForm = (form, data) => {\n this.setState({ [form]: data });\n };\n\n onEvent = (form, e) => {\n const { name, value } = e.target;\n let childForm = this.state[form];\n childForm = Validate.input(name, value, childForm, true);\n this.setState({\n ...this.state,\n [form]: childForm,\n });\n };\n\n addressOnEvent = (form, e) => {\n const { name, value } = e.target;\n let childForm = this.state[form];\n childForm = Validate.input(name, value, childForm, true);\n if (name === 'BuildingNumber') {\n childForm = Validate.input(\n 'BuildingName',\n childForm.BuildingName.value,\n childForm,\n true,\n );\n }\n if (name === 'BuildingName') {\n childForm = Validate.input(\n 'BuildingNumber',\n childForm.BuildingNumber.value,\n childForm,\n true,\n );\n }\n\n this.setState({\n ...this.state,\n [form]: childForm,\n });\n };\n\n saveDataContactOptions = (name, value) => {\n const { contactOptions } = this.state;\n contactOptions[name] = value;\n this.setState({ ...this.state, contactOptions, message: null });\n };\n\n submitData = () => {\n let {\n userDetails,\n aboutYouForm,\n yourAddressForm,\n correspondenceAddressForm,\n contactOptions,\n } = this.state;\n const { updateUserDetails } = this.props;\n let userDetailsRequest = {\n Title: userDetails.Title,\n MiddleName: userDetails.MiddleName,\n Surname: userDetails.Surname,\n EmailAddress: aboutYouForm.EmailAddress.value,\n PrimaryContactNumber: userDetails.PrimaryContactNumber,\n Postcode: userDetails.Postcode,\n LastUpdated: userDetails.Surname,\n HomeNumber: userDetails.HomeNumber,\n WorkNumber: userDetails.WorkNumber,\n MobileNumber: userDetails.MobileNumber,\n Address: {\n Organisation: 'userDetails.Address.Organisation',\n PoBox: 'userDetails.Address.PoBox',\n SuiteNumber: 'userDetails.Address.SuiteNumber',\n FlatNumber: 'userDetails.Address.FlatNumber',\n BuildingNumber: yourAddressForm.BuildingNumber.value,\n BuildingName: yourAddressForm.BuildingName.value,\n AddressLine1: yourAddressForm.AddressLine1.value,\n AddressLine2: yourAddressForm.AddressLine2.value,\n Street: 'userDetails.Address.Street',\n VillageOrDistrict: 'userDetails.Address.VillageOrDistrict',\n TownOrCity: 'userDetails.Address.TownOrCity',\n PostTown: yourAddressForm.PostTown.value,\n Country: yourAddressForm.County.Country,\n PostCode: yourAddressForm.County.PostCode,\n CheckedPostCode: 'userDetails.Address.CheckedPostCode',\n HomeStatus: 'userDetails.Address.HomeStatus',\n },\n CorrespondenceAddress: {\n Organisation: 'userDetails.Address.Organisation',\n PoBox: 'userDetails.Address.PoBox',\n SuiteNumber: 'userDetails.Address.SuiteNumber',\n FlatNumber: 'userDetails.Address.FlatNumber',\n BuildingNumber: correspondenceAddressForm.BuildingNumber.value,\n BuildingName: correspondenceAddressForm.BuildingName.value,\n AddressLine1: correspondenceAddressForm.AddressLine1.value,\n AddressLine2: correspondenceAddressForm.AddressLine2.value,\n Street: 'userDetails.Address.Street',\n VillageOrDistrict: 'userDetails.Address.VillageOrDistrict',\n TownOrCity: 'userDetails.Address.TownOrCity',\n PostTown: correspondenceAddressForm.PostTown.value,\n Country: correspondenceAddressForm.County.Country,\n PostCode: correspondenceAddressForm.County.PostCode,\n CheckedPostCode: 'userDetails.Address.CheckedPostCode',\n HomeStatus: 'userDetails.Address.HomeStatus',\n },\n ExtendedProperties: {},\n };\n let contactOptionsRequest = {\n Options: contactOptions.Options,\n ExtendedProperties: {},\n };\n updateUserDetails(userDetailsRequest, contactOptionsRequest);\n };\n\n submit = e => {\n e.preventDefault();\n let {\n aboutYouForm,\n yourAddressForm,\n correspondenceAddressForm,\n } = this.state;\n aboutYouForm = Validate.form(aboutYouForm);\n yourAddressForm = Validate.form(yourAddressForm);\n correspondenceAddressForm = Validate.form(correspondenceAddressForm);\n this.setState({\n ...this.state,\n aboutYouForm,\n yourAddressForm,\n correspondenceAddressForm,\n });\n if (\n !aboutYouForm.approved ||\n !yourAddressForm.approved ||\n !correspondenceAddressForm.approved\n ) {\n return;\n }\n this.submitData();\n };\n\n render() {\n let {\n message,\n userDetails,\n contactOptions,\n aboutYouForm,\n yourAddressForm,\n correspondenceAddressForm,\n } = this.state;\n const { updateUserDetailSuccess } = this.props;\n const { stage } = this.state;\n let alert;\n if (!userDetails) {\n return null;\n }\n if (message) {\n alert = (\n \n
\n {updateUserDetailSuccess ? (\n {title}
\n\n \n
\n {alert ? alert : ''}\n \n
\n );\n }\n }\n}\n\nEdit.propTypes = {\n contactOptions: PropTypes.any,\n fetchContactOptionsIfNeeded: PropTypes.any,\n fetchUserDetailsIfNeeded: PropTypes.any,\n history: PropTypes.any,\n resetContactOptions: PropTypes.any,\n resetUserDetails: PropTypes.any,\n setContactOptions: PropTypes.any,\n setUserDetails: PropTypes.any,\n updateUserDetails: PropTypes.any,\n userDetails: PropTypes.any,\n updateUserDetailSuccess: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Edit);\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 Edit from './Edit';\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 {alert ? alert : ''}\n \n \n
\n \n \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
\n \n {RegisteredServiceItems.map(sb => (\n \n { \n ))}\n \n
\n );\n }\n}\n\nServicesIndex.propTypes = {\n accounts: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n};\n\nexport default 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 var re = new RegExp('^/services[/]{0,1}$');\n if (this.props.location.pathname.match(re)) {\n return \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\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 \n {accounts && accounts.Accounts && accounts.Accounts.length > 0\n ? accounts.Accounts.map((account, index) => {\n // status === 1 means only show closed accounts\n if (\n account.AccountStatus !== 'Closed' &&\n this.props.status === 1\n ) {\n return null;\n }\n // Ccb have asked not to see closed accounts in sidebar\n if (\n account.AccountStatus === 'Closed' /*&& !this.props.status*/\n ) {\n return null;\n }\n\n return (\n \n \n {account.AccountName}\n \n \n
\n );\n }\n}\n\nSelectAccounts.propTypes = {\n accounts: PropTypes.any,\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n i18n: PropTypes.any,\n isFetching: PropTypes.any,\n location: PropTypes.any,\n status: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition } = state;\n return {\n ...accountsDefinition,\n };\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n { ...mapDispatchToPropsAccounts },\n )(SelectAccounts),\n);\n","import React from 'react';\nimport SelectAccounts from './SelectAccounts';\n\nclass SelectAccountsTest extends React.Component {\n render() {\n return (\n <>\n Test Widget:
\n\n {message}\n
\n \n );\n }\n}\n\nCustomAlert.propTypes = {\n alertVisibleArray: PropTypes.any,\n closeAlert: PropTypes.any,\n index: PropTypes.any,\n message: PropTypes.any,\n};\n\nexport default CustomAlert;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport CustomAlert from './CustomAlert';\nimport { mapDispatchToProps as mapDispatchToPropsAccounts } from '@myie/interact-messaging-system';\n\nclass SystemMessage extends React.Component {\n constructor(props) {\n super(props);\n const {\n fetchSystemMessagesIfNeeded,\n alertVisibleArray,\n messageArray,\n } = this.props;\n const request = { ExtendedProperties: {} };\n fetchSystemMessagesIfNeeded(request);\n this.state = {\n alertVisibleArray:\n alertVisibleArray && alertVisibleArray.length ? alertVisibleArray : [],\n messages: messageArray && messageArray.length ? messageArray : [],\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { systemMessages, saveSytemMessageArray } = nextProps;\n let { alertVisibleArray, messages } = prevState;\n if (systemMessages && !alertVisibleArray.length && !messages.length) {\n return systemMessages.SystemMessages.map((message, index) => {\n alertVisibleArray[index] = true;\n messages[index] = message.Body;\n saveSytemMessageArray(alertVisibleArray, messages);\n return {\n ...prevState,\n ...alertVisibleArray,\n ...messages,\n };\n });\n } else {\n return null;\n }\n }\n\n closeAlert = index => {\n let { alertVisibleArray, messages } = this.state;\n let { saveSytemMessageArray } = this.props;\n alertVisibleArray[index] = false;\n saveSytemMessageArray(alertVisibleArray, messages);\n this.setState({ ...this.state, alertVisibleArray: alertVisibleArray });\n };\n\n renderAlerts = (alertVisibleArray, messages) => {\n return messages.map((message, index) => {\n return (\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
\n \n
\n \n {transactions\n .filter((i, index) => index < 3)\n .map((transaction, index) => (\n \n \n \n ))}\n \n
\n );\n } else {\n if (\n account.transactions &&\n account.transactions.Transactions.length === 0\n ) {\n //No Transaction\n return (\n \n
\n \n
\n );\n } else {\n return null;\n }\n }\n }\n}\n\nTransactions.propTypes = {\n account: PropTypes.any,\n fetchSavingsAccountTransactionsIfNeeded: PropTypes.func,\n loopIndex: PropTypes.number,\n isFetching: PropTypes.bool,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Transactions);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-account-type-savings';\nimport MaturityDetails from './MaturityDetails';\nimport Transactions from './Transactions';\nimport moment from 'moment';\n\nclass Overview extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n range: this.setInitialRange(props),\n };\n }\n\n setInitialRange(props) {\n if (props.range) {\n return props.range;\n }\n const to = moment\n .utc()\n .startOf('day')\n .toISOString();\n const from = moment\n .utc()\n .subtract(40, 'years')\n .add(1, 'day')\n .startOf('day')\n .toISOString();\n return {\n To: to,\n From: from,\n Latest: true,\n };\n }\n\n accountType = () => {\n let { account, loopIndex } = this.props;\n switch (account.BrandProductType) {\n case 'EASY_ACCESS':\n return \n
\n \n
\n );\n }\n}\n\nLinks.propTypes = {\n accountKey: PropTypes.any,\n loopIndex: PropTypes.any,\n BrandProductType: PropTypes.string,\n accountStatus: PropTypes.string,\n};\n\nexport default Links;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Card, Row, Col } from 'reactstrap';\nimport Balance from './Balance';\nimport Overview from './Overview';\nimport Links from './Links';\nimport { Content } from '@myie/interact-dom';\nimport moment from 'moment';\n\nclass SavingsSummary extends React.Component {\n render() {\n var colSize = this.props.mode === 1 ? 12 : 6;\n\n const { account, loopIndex, status } = this.props;\n return (\n {account.AccountName}
\n )}\n\n
\n
\n
\n {account.ExtendedProperties.CompanyName\n ? account.ExtendedProperties.CompanyName\n : ''}\n
\n {account.AccountStatus !== 'Closed' ? (\n\n
\n\n \n {account.AccountStatus === 'Closed' ? (\n ''\n ) : (\n <>\n \n {account.AccountStatus !== 'Closed' ? (\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 location: PropTypes.any,\n range: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { accountsDefinition, customccbAccountsDefinition } = state;\n return {\n ...accountsDefinition,\n ...customccbAccountsDefinition,\n };\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n {\n ...mapDispatchToProps,\n ...mapAccountsDispatchToProps,\n ...ccbAccountsMapDispatch,\n },\n )(SavingsDetails),\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 } from '@myie/interact-dom';\nimport { SavingsSummary } from '@myie/interact-account-type-savings-dom';\n\n\nclass AccountSummary extends React.Component {\nrender() {\n// eslint-disable-next-line no-unused-vars\nconst { account, loopIndex, mode } = this.props\nswitch (account.ProductType) {\n\t\tcase \"Savings\": return ({account.AccountName}
\n \n )}\n\n {`${account.AccountNumber} ${account.SortCode}`}\n
\n\n {account.ExtendedProperties.CompanyName\n ? account.ExtendedProperties.CompanyName\n : ''}\n
\n\n
\n\n
\n
\n \n
\n \n
\n\n \n \n {children}\n \n \n
\n );\n }\n}\n\nAccountsList.propTypes = {\n acc: PropTypes.object,\n accounts: PropTypes.object,\n history: PropTypes.any,\n isFetching: PropTypes.any,\n mode: PropTypes.any,\n setListMode: PropTypes.any,\n setStatusMode: PropTypes.any,\n status: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(AccountsList);\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 } from '@myie/interact-dom';\nimport { SavingsDetails } from '@myie/interact-account-type-savings-dom';\n\n\nclass AccountDetails extends React.Component {\nrender() {\n// eslint-disable-next-line no-unused-vars\nconst { account, loopIndex, mode } = this.props\nswitch (account.ProductType) {\n\t\tcase \"Savings\": return (\n
\n \n \n
\n \n \n
\n\n
\n
\n \n
\n \n
\n \n
\n\n
\n );\n }\n}\n\nNominatedAccount.propTypes = {\n fetchAccountsIfNeeded: PropTypes.any,\n accounts: PropTypes.any,\n match: 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 { mapStateToProps, mapDispatchToProps } from '@myie/interact-accounts';\nimport { Alert } from 'reactstrap';\nimport NominatedAccount from './NominatedAccount';\n\nclass Accounts extends React.Component {\n componentDidMount() {\n const { fetchAccountsIfNeeded } = this.props;\n fetchAccountsIfNeeded();\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
\n \n
\n
\n
\n \n \n
\n \n {error ? (\n \n {error}\n \n ) : (\n ''\n )}\n \n \n
\n );\n }\n}\n\nAccounts.propTypes = {\n error: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Accounts);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Markdown, SideLink } from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { mapStateToProps } from '@myie/interact-messaging-twoway';\nimport { HelpContactSidebar } from '@myie/interact-dom';\nimport { Session } from '@myie/interact';\nimport { SystemMessage } from '@myie/interact-widget-system-message-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 render() {\n return (\n \n \n {transaction.Description}\n
\n \n \n
\n \n \n
\n \n \n * Please note re printing: formatting in some browsers may not\n fully work – please contact us if you need help.\n
\n \n\n\n
- {transactions}
\n
\n - \n {documentList}\n
\n {transaction.Description.charAt(0).toUpperCase() +\n transaction.Description.slice(1).toLowerCase()}\n
\n \n \n \n
\n \n );\n }\n}\n\nNoDestinations.propTypes = {\n error: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n resetChallenge: PropTypes.any,\n resetDestinations: PropTypes.any,\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 { Radio, RadioGroup, Content, Markdown } from '@myie/interact-dom';\nimport { stateUtility } from '../shared';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { TwoFactor } from '@myie/interact';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\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 isDestinationValid = number => {\n return /^\\d+$/.test(number.substring(number.length - 3));\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 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 );\n }\n}\n\nFailed.propTypes = {\n finishTwoFactor: PropTypes.any,\n resetChallenge: PropTypes.any,\n resetDestinations: PropTypes.any,\n retry: PropTypes.func,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Failed);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\nclass ExpiredCode extends React.Component {\n cancel = e => {\n const { finishTwoFactor } = this.props;\n e.preventDefault();\n finishTwoFactor();\n };\n\n render() {\n return (\n <>\n \n \n
\n \n );\n }\n}\n\nExpiredCode.propTypes = {\n error: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n reSet: PropTypes.any,\n failed: PropTypes.any,\n challenge: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ExpiredCode);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\n\nclass ExpiredChallenge extends React.Component {\n render() {\n return (\n <>\n \n \n
\n \n );\n }\n}\n\nExpiredChallenge.propTypes = {\n error: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n resetChallenge: PropTypes.any,\n resetDestinations: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ExpiredChallenge);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Alert } from 'reactstrap';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass ExceededAttempts extends React.Component {\n goBackHome = e => {\n const { finishTwoFactor } = this.props;\n e.preventDefault();\n finishTwoFactor();\n };\n\n render() {\n return (\n <>\n \n \n
\n \n );\n }\n}\n\nExceededAttempts.propTypes = {\n finishTwoFactor: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ExceededAttempts);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Content } from '@myie/interact-dom';\nimport { Button } from 'reactstrap';\n\nclass Error extends React.Component {\n cancel = e => {\n const { finishTwoFactor } = this.props;\n e.preventDefault();\n finishTwoFactor();\n };\n\n render() {\n const { status } = this.props;\n return (\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 { Text, Content, Markdown } from '@myie/interact-dom';\nimport { stateUtility, FormErrorList } from '../shared';\nimport { connect } from 'react-redux';\nimport { Link, withRouter } from 'react-router-dom';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\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 One Time Passcode.',\n },\n format: {\n regex: RULES.activationCode2,\n message: 'Please enter a valid One Time Passcode.',\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 One Time Passcode.',\n },\n format: {\n regex: RULES.activationCode2,\n message: 'Please enter a valid One Time Passcode.',\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 modfiyDestination = destination => {\n return destination.substring(destination.length - 3).toString();\n };\n\n render() {\n const { form } = this.state;\n const { failed, selectedDestination, count, isFetching } = this.props;\n return (\n \n \n
\n \n {count === 1 && failed ? (\n \n \n ) : (\n ''\n )}\n {failed && count !== 1 ? (\n \n OTP. Please check and try again.\"\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 isFetching: PropTypes.bool,\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 },\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 { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Content, Markdown } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\n\nclass ExceededRequests extends React.Component {\n retry = e => {\n const { resetDestinations, resetChallenge } = this.props;\n e.preventDefault();\n resetDestinations();\n resetChallenge();\n };\n\n cancel = e => {\n const { finishTwoFactor } = this.props;\n e.preventDefault();\n finishTwoFactor();\n };\n\n render() {\n return (\n <>\n \n
\n - \n
\n \n
\n \n );\n }\n}\n\nExceededRequests.propTypes = {\n finishTwoFactor: PropTypes.any,\n resetChallenge: PropTypes.any,\n resetDestinations: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ExceededRequests);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\nimport { connect } from 'react-redux';\nimport { Button } from 'reactstrap';\nimport { Radio, RadioGroup, Content } from '@myie/interact-dom';\nimport { TwoFactor } from '@myie/interact';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { mapDispatchToProps as mapDispatchToProps_auth } from '@myie/interact-authentication';\nimport { Link } from 'react-router-dom';\nimport NoDestinations from './NoDestinations';\n\nclass DestinationAuth extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\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 { sendChallenge, setDestination, page, setResend } = this.props;\n if (page === 'resend') {\n setResend();\n }\n var { 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 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 };\n\n cancel = () => {\n const { finishTwoFactor } = this.props;\n finishTwoFactor({});\n };\n\n onChange = e => {\n const { name, value } = e.target;\n var { 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 {failed && (\n \n \n )}\n \n
\n );\n }\n}\n\nCodeFormAuth.propTypes = {\n failed: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n sendChallenge: PropTypes.any,\n selectedDestination: PropTypes.string,\n retry: PropTypes.func,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(CodeFormAuth);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Content } from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport CodeFormAuth from './CodeFormAuth';\n\nclass CodeAuth extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nCodeAuth.propTypes = {\n failed: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n sendChallenge: PropTypes.any,\n selectedDestination: PropTypes.string,\n retry: PropTypes.func,\n reSet: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(CodeAuth);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Session } from '@myie/interact';\nimport { mapDispatchToProps } from '@myie/interact-two-factor';\nimport SelectDestination from './SelectDestination';\nimport Failed from './Failed';\nimport ExpiredCode from './ExpiredCode';\nimport ExpiredChallenge from './ExpiredChallenge';\nimport ExceededAttempts from './ExceededAttempts';\nimport Error from './Error';\nimport Code from './Code';\nimport ExceededRequests from './ExceededRequests';\nimport { mapDispatchToProps as mapDispatchToProps_auth } from '@myie/interact-authentication';\nimport SelectForgotttenDestination from './SelectDestinationAuth';\nimport CodeAuth from './CodeAuth';\n\nclass TwoFactorFlow extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n selectedDestination: null,\n newCodeRequested: false,\n localStatus: false,\n count: 0,\n isForgottenPasswordDetails: false,\n };\n this.reSetTwoFactor();\n }\n\n static getDerivedStateFromProps = nextProps => {\n const { status } = nextProps;\n\n if (status === 'FAILED') {\n return {\n localStatus: 'FAILED',\n };\n }\n\n return null;\n };\n\n componentDidMount() {\n const { forgottenPasswordDetails, resetForgottenPassword } = this.props;\n if (forgottenPasswordDetails) {\n this.setState({ ...this.state, isForgottenPasswordDetails: true }, () => {\n resetForgottenPassword();\n });\n }\n }\n\n addCount = () => {\n let { count } = this.state;\n const { status } = this.props;\n if (status !== 'FAILED') {\n return {\n count: 1,\n };\n } else {\n this.setState({\n ...this.state,\n count: count + 1,\n });\n }\n };\n\n setDestination = selectedDestination => {\n this.setState({ ...this.state, selectedDestination });\n };\n\n setCodeResendStatus = newCodeRequested => {\n this.setState({ ...this.state, newCodeRequested });\n };\n reSetTwoFactor = () => {\n const { resetDestinations, resetChallenge } = this.props;\n resetDestinations();\n resetChallenge();\n };\n\n reSet = () => {\n this.setState({ ...this.state, selectedDestination: null });\n this.reSetTwoFactor();\n };\n\n render() {\n const { status, challenge = {} } = this.props;\n const {\n selectedDestination,\n newCodeRequested,\n localStatus,\n time,\n count,\n addCounter,\n } = this.state;\n const isAuthenticated = Session.isAuthenticated();\n\n if (localStatus === 'FAILED' && status !== 'EXCEEDED') {\n if (this.state.isForgottenPasswordDetails) {\n return (\n \n \n \n
\n ) : null}\n \n
\n \n
\n \n \n \n {Session.isAuthenticated() ? (\n \n \n \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
\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 */\n\nimport Config from './config.env.js';\n\nexport default Config;","/* 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.ticketExpiry = 20;\n Settings.sessionExpiry = 20;\n // using a common root as default\n let root = 'https://ccb-qa-app.ccbank-dev.co.uk';\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.ccbank-dev.co.uk';\n const IDENTITY_ISSUER_URL = 'https://cognito-idp.eu-west-2.amazonaws.com/eu-west-2_P7V3VUMUD';\n\n let cms = \"https://qa-content.ccbank-dev.co.uk\";\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('.qa.cam')) {\n env = '.qanew';\n } else if (envname.includes('.uat.cam')) {\n env = '.uatnew';\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.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/no-config-error.txt');\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 utility: `${root}/utility/`,\n accounts: `${root}/accounts/`,\n movemoney: `${root}/movemoney/`,\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 customccb: `${root}/customccb/`,\n },\n {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n 'x-brand-code': 'ccb',\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;","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 { 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.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 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 enhancer = composeEnhancers(\n applyMiddleware(...middleware),\n // other store enhancers if any\n);\n\n(async () => {\n await Config();\n const store = createStore(reducer, enhancer);\n loadUser(store, Settings.userManager);\n render(\n