\n {item.Product_Name}\n ,\n );\n }\n });\n return output;\n }\n\n render() {\n const { form } = this.state;\n const { allDepositProducts } = this.props;\n // const products = [\n // {\n // Notes:\n // 'SHOW_IN_JOURNEY=TRUEPUBLIC_ID=90_day_notice
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=FALSE
SHOW_IN_SAVINGS_GOALS=TRUE
AER=0.95%
PUBLIC_ID=90_day_notice
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=FALSE
SHOW_IN_SAVINGS_GOALS=TRUE
AER=0.95%
SHOW_IN_JOURNEY =TRUE
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=TRUE
SHOW_IN_EARLYREINVEST=TRUE
AER=1.10%
PUBLIC_ID=120_day_notice
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=FALSE
SHOW_IN_SAVINGS_GOALS=TRUE
AER=1.05%
',\n // ProductName: '120 Day Notice Account (Issue 1)',\n // AccountTypeCode: 'ISA',\n // minimumAge: 18,\n // TermsAndConditions:\n // 'https://www.darlington.co.uk/wp-content/uploads/2022/05/Darlingtonline-TCs.pdf',\n // InterestPaymentFrequency: 'Yearly',\n // MinimumOperatingBalance: 200,\n // MaximumOperatingBalance: 3000,\n // InterestRate: '1.05',\n // EncodedKey:\n // 'Ly84QkFna0FBQUJrWm1OaGNHbDBZV3lBQUFBQUFEaWxqdk84UEhaeXUraWxBVUxnREZvQ2ZmZ0RjQ29pVm5jTEF5dTQ2UUpUbUtPd3BwTmhHYUliek45RjdycGxiQzFwTHMxQkFHTnhpK2llaXhhYjVYL1dYZlAyc0VLWkxsZisvY1Jzblo5K05VaEsvQTBZR2VSdmtyTkZjOWpHVlk5MnR3SEJWQkVaeU1lWjh2RnFuMHRHZUIrd080eUFJOHB3YUdNcmxRMFFBQUFBNU84TnVRSnhxcmNLRmRGTjlQa2JVb0FBQUFCMTBJQmxFMWo0TTBHbkRzaEZzeHhGclBub21RYnBWZ213a0h2SVRzeHpKZXU0L0E2ekZDa21qTGdwRlFoZllqZ0UrNHFwUk5haUtYU3RkS0h0SzdrWHhMY29tVUtBOHdYRWNMczZjdjcxYzNvWnZheTgwWHZXOGpYc3IxZGJwTkxNcmIzY1VRRjNLMDBTSU5XbC9SWWxna1Uxak5sWGprTVBqR1Q4YTg2UGFnPT0=',\n // Product_Code: 'S00022',\n // },\n // {\n // Notes:\n // 'SHOW_IN_JOURNEY=TRUEPUBLIC_ID=1_YrFixed1_Iss_3
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=TRUE
SHOW_IN_EARLYREINVEST=TRUE
AER=1.45%
',\n // ProductName: '1 Year Fixed Rate Deposit (Issue 3)',\n // AccountTypeCode: 'Cash ISA',\n // TermsAndConditions:\n // 'https://www.darlington.co.uk/wp-content/uploads/2022/05/Darlingtonline-TCs.pdf',\n // InterestPaymentFrequency: 'Yearly',\n // minimumAge: 18,\n // MinimumOperatingBalance: 200,\n // MaximumOperatingBalance: 3000,\n // InterestRate: '1.45',\n // EncodedKey:\n // 'Ly84QkFna0FBQUJrWm1OaGNHbDBZV3lBQUFBQVgydTFCZjRUbkhvR1Q2aG14eDhFM09SYnAwU0N6UFhqTFRIYUladGhMckRuRzd4VDIrZjVTejA3QWhUK1pJUVBVQWIycWpMQndpdmtFamFxVjV5TDlWT2RYYmhUNytHc3pNOUJZc3BYU0k1dXprMGtlaS9hWVBqdGo4VGR4dnd1U0NqTE4raGREVGJ1dnV2clpxZlVtOTFCZ3RIWHpyS3lLaW10cEZFZ281SVFBQUFBQ01NNGRxRnpqWWJNSTJ2bWF4V3duNEFBQUFERTYxazAzdlRJY25hSGUyM0F0VDhFM1hTdFVVSHVVNnIvbmUzTGJiWjRrRWR0RTJKL0NxSE9XMXBYZGNqeitjRWpZYmFLYWFzRFJHdmFhVlhaVCtUUmlvc0VSYURjL2ZlbDEySCthczlNRW0xZkd1U1Vvb2pqa201WE1JRFlXYjkxSk1IVXVic2JQRmxaRTFoWXBWNjUySFdOZVNjT1pCcmFodFFMS05HaytRPT0=',\n // Product_Code: 'S00022',\n // },\n // {\n // Notes:\n // 'SHOW_IN_JOURNEY=FALSEPUBLIC_ID=Easy_access_account
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=FALSE
SHOW_IN_SAVINGS_GOALS=FALSE
AER=0.75%
JOURNEY_DISPLAY_NAME=\"Easy Access Account (Issue 1)\"
',\n // ProductName: '7 Day Notice Account',\n // AccountTypeCode: '',\n // TermsAndConditions:\n // 'https://dbs.createdbyhush.digital/wp-content/uploads/2021/08/Summary-Box-7-Day-Notice.pdf',\n // InterestPaymentFrequency: 'Yearly',\n // minimumAge: 18,\n // MinimumOperatingBalance: 200,\n // MaximumOperatingBalance: 3000,\n // InterestRate: '0.75',\n // EncodedKey:\n // 'Ly84QkFna0FBQUJrWm1OaGNHbDBZV3lBQUFBQW9oaHlJcE5DVjhEc2h4TDNqYWFKa2N0dnN3dEFhbUIzQkdpZWtwRGQ3UWdDMnVuZlI1enNmcFB2SHBaR0JaVzVTajRnN2NpTmV5a2o0bEhPNHlxdU4yeGJVdDgyYitnMk90RGZnVUhzaWc5SkI5Sm1pZGt5UTBSbUcrQ3pHeW85LzdzR3ZJbTJmQjZqRUp3eTZOZHJQa2w5K0FFRGZsOGxGeDBsSGp4YUVPc1FBQUFBMWczamFyeHNGTDJaTEZFcmloRFhISUFBQUFDUTRhdWZjazdjS3JUZmVIT0krNXpmMmFyZkprRWsxczNZaDAwTnVvWDhFRWozRXlMM05SSWlSaWNvSXJmUjF5NlR2TDB6ZTdjYXhXRUVjNGdiRzNobUMvenhVOTBOMXdEYnVtNC9FbVVzTURlYVU1Nll1bkk1VHAzcU9jWUtnak1SUjl0Ylk5cG5rN0h6Z0Q4UTB4aDZjTjA1V1M4QjlzUnpEd1VMZzVFaFRBPT0=',\n // Product_Code: 'S00023',\n // },\n // {\n // Notes:\n // 'SHOW_IN_JOURNEY=FALSE
PUBLIC_ID=
SHOW_IN_SHORTAPPLY=TRUE
SHOW_IN_MATURITY=TRUE
SHOW_IN_EARLYREINVEST=FALSE
AER=1.40%
',\n // ProductName: '1 Year Fixed Rate Deposit (Loyalty Issue 1)',\n // AccountTypeCode: '',\n // TermsAndConditions:\n // 'https://www.darlington.co.uk/wp-content/uploads/2022/05/Darlingtonline-TCs.pdf',\n // InterestPaymentFrequency: 'both',\n // minimumAge: 18,\n // MinimumOperatingBalance: 200,\n // MaximumOperatingBalance: 3000,\n // InterestRate: '1.40',\n // EncodedKey:\n // 'Ly84QkFna0FBQUJrWm1OaGNHbDBZV3lBQUFBQU5UZjdtTVB0aEJwM2hqaU1LcHZJMm05cldtTkdBNDlWcDRpRDJHZURNS0pOc0hpYlVYcjEzemtDZzlKcHZPVWticHYvR2pZWXc3dklJbmZWaENhblFmSktTTXUreU5qYUJ4aHpSc2MxYjhmbjZpdU9Yb0R3NzNhUXNMVFNVUVlDZ1Uya3R2T0RuUXJjN2kwbTgyQlpUaXBiY2dWcGdQWndvemdoa3Nnd0hXSVFBQUFBcHAvdzJNRmppenA1Mjhjc2lqczJ5WUFBQUFCaTh4NHU2dWh3R2owVDN3RXJNZHZYRzBETGt5U0tQRkFwMzFsVlAwWTVyWVNxTkl5ZVY0aWhSeENBN2R6L0FiNkx3S2NZcGo4RVQyNG52MUNjWVBzdStWUlJVVmZtVUR1ZTdjak1pMU02K1Azd0UvWERLVzNlajJZU25jR0hDdjlEV3ZDRDdGSlA0b0dnMFRPVURsQjh1OWtIemE4T2IwMHNGZTExU2ZDelh3PT0=',\n // Product_Code: 'S00099',\n // },\n // ];\n if (!allDepositProducts) {\n return null;\n }\n return (\n \n
\n
\n \n {this.buildDropdownOptions()}\n \n \n {form && form.productOptions.value ? (\n \n \n
\n \n \n \n \n );\n }\n}\n\nAERAbbreviation.propTypes = {\n items: PropTypes.string,\n};\n\nexport default AERAbbreviation;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\n\nclass Colours extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n testdata: '',\n };\n }\n\n //Convert RGB code to hex\n rgbToHex = rgb => {\n rgb = rgb.match(\n /^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i,\n );\n return rgb && rgb.length === 4\n ? '#' +\n ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) +\n ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2) +\n ('0' + parseInt(rgb[3], 10).toString(16)).slice(-2)\n : '';\n };\n\n //Create an array of the colours from the css, and combine the hext and rgb into a string\n componentDidMount() {\n const colourPanels = document.querySelectorAll('div[class^=\"brand-color\"]');\n\n let list = [];\n for (let i = 0; i < colourPanels.length; i++) {\n let colourPanel = colourPanels[i];\n const style = getComputedStyle(colourPanel, null);\n const RGBBackgroundColor = style.backgroundColor;\n const HexBackgroundColour = this.rgbToHex(RGBBackgroundColor);\n const backgroundColourCombination = function() {\n return (\n \n {RGBBackgroundColor}
\n );\n };\n\n list.push(backgroundColourCombination);\n }\n\n this.setState({\n testdata: list,\n });\n }\n\n render() {\n /* This will eventually dynamically cycle through the colours so manual html below wont be needed, but it doesn't work yet.\n \n let items = [];\n\n for (let i = 0; i < this.state.testdata.length; i++) {\n let a = i + 1;\n let classNameVariable = 'brand-color-' + a;\n items.push(\n {this.state.testdata[i]}
\n ,\n );\n }*/\n\n return (\n \n \n Defined within{' '}\n \n sass/abstracts/colours.scss \n \n
\n Main Colours \n \n \n {typeof this.state.testdata[0] === 'function'\n ? this.state.testdata[0]()\n : this.state.testdata[0]}\n
\n Primary color\n \n \n {typeof this.state.testdata[1] === 'function'\n ? this.state.testdata[1]()\n : this.state.testdata[1]}\n
\n Primary-color 10%\n \n \n {typeof this.state.testdata[2] === 'function'\n ? this.state.testdata[2]()\n : this.state.testdata[2]}\n
\n Primary color 25%\n \n \n {typeof this.state.testdata[3] === 'function'\n ? this.state.testdata[3]()\n : this.state.testdata[3]}\n
\n Primary color 50%\n \n \n {typeof this.state.testdata[4] === 'function'\n ? this.state.testdata[4]()\n : this.state.testdata[4]}\n
\n Primary color 75%\n \n
\n \n \n {typeof this.state.testdata[5] === 'function'\n ? this.state.testdata[5]()\n : this.state.testdata[5]}\n
\n Secondary color\n \n \n {typeof this.state.testdata[6] === 'function'\n ? this.state.testdata[6]()\n : this.state.testdata[6]}\n
\n Secondary color 10%\n \n \n {typeof this.state.testdata[7] === 'function'\n ? this.state.testdata[7]()\n : this.state.testdata[7]}\n
\n Secondary color 25%\n \n \n {typeof this.state.testdata[8] === 'function'\n ? this.state.testdata[8]()\n : this.state.testdata[8]}\n
\n Secondary color 50%\n \n \n {typeof this.state.testdata[9] === 'function'\n ? this.state.testdata[9]()\n : this.state.testdata[9]}\n
\n Secondary color 75%\n \n
\n \n \n {typeof this.state.testdata[10] === 'function'\n ? this.state.testdata[10]()\n : this.state.testdata[10]}\n
\n Default (Tertiary) color\n \n \n {typeof this.state.testdata[11] === 'function'\n ? this.state.testdata[11]()\n : this.state.testdata[11]}\n
\n Default (Tertiary) color 10%\n \n \n {typeof this.state.testdata[12] === 'function'\n ? this.state.testdata[12]()\n : this.state.testdata[12]}\n
\n Default (Tertiary) color 25%\n \n \n {typeof this.state.testdata[13] === 'function'\n ? this.state.testdata[13]()\n : this.state.testdata[13]}\n
\n Default (Tertiary) color 50%\n \n \n {typeof this.state.testdata[14] === 'function'\n ? this.state.testdata[14]()\n : this.state.testdata[14]}\n
\n Default (Tertiary) color 75%\n \n
\n Text Colours \n \n \n {typeof this.state.testdata[15] === 'function'\n ? this.state.testdata[15]()\n : this.state.testdata[15]}\n
\n Text color\n \n \n {' '}\n {typeof this.state.testdata[16] === 'function'\n ? this.state.testdata[16]()\n : this.state.testdata[16]}\n
\n Text color 10%\n \n \n {typeof this.state.testdata[17] === 'function'\n ? this.state.testdata[17]()\n : this.state.testdata[17]}\n
\n Text color 25%\n \n \n {typeof this.state.testdata[18] === 'function'\n ? this.state.testdata[18]()\n : this.state.testdata[18]}\n
\n Text color 50%\n \n \n {typeof this.state.testdata[19] === 'function'\n ? this.state.testdata[19]()\n : this.state.testdata[19]}\n
\n Text color 75%\n \n
\n \n \n {typeof this.state.testdata[20] === 'function'\n ? this.state.testdata[20]()\n : this.state.testdata[20]}\n
\n Alt Text color\n \n \n {typeof this.state.testdata[21] === 'function'\n ? this.state.testdata[21]()\n : this.state.testdata[21]}\n
\n Disabled text color\n \n \n {typeof this.state.testdata[22] === 'function'\n ? this.state.testdata[22]()\n : this.state.testdata[22]}\n
\n Link color\n \n \n {typeof this.state.testdata[23] === 'function'\n ? this.state.testdata[23]()\n : this.state.testdata[23]}\n
\n Link color (hover)\n \n \n {typeof this.state.testdata[24] === 'function'\n ? this.state.testdata[24]()\n : this.state.testdata[24]}\n
\n Link color (disabled)\n \n
\n Alert Colours \n \n \n {typeof this.state.testdata[25] === 'function'\n ? this.state.testdata[25]()\n : this.state.testdata[25]}\n
\n Success color\n \n \n {typeof this.state.testdata[26] === 'function'\n ? this.state.testdata[26]()\n : this.state.testdata[26]}\n
\n Info color\n \n \n {typeof this.state.testdata[27] === 'function'\n ? this.state.testdata[27]()\n : this.state.testdata[27]}\n
\n Warning color\n \n \n {typeof this.state.testdata[28] === 'function'\n ? this.state.testdata[28]()\n : this.state.testdata[28]}\n
\n Danger color\n \n
\n \n );\n }\n}\n\nColours.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Colours;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nclass Typography 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 \n Heading level 1 - used for page titles \n Heading level 2 \n Heading level 3 \n Heading level 4 \n Heading level 5 \n Heading 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 );\n }\n}\n\nTypography.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Typography;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nclass Fonts 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 \n \n Defined within{' '}\n \n sass/components/typography.scss \n \n
\n \n Font: \n Calibri, Arial, Open Sans; \n Font Light: \n Calibri, Arial, Open Sans; \n Font Italic: \n \n Calibri, Arial, Open Sans; \n \n Font SemiBold: \n Calibri, Arial, Open Sans; \n Font Bold: \n \n Calibri, Arial, Open Sans; \n \n \n \n );\n }\n}\n\nFonts.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Fonts;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { Link } from 'react-router-dom';\n\nclass Lists 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 \n \n Defined within{' '}\n \n sass/components/typography.scss \n \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 \n Unstyled 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 \n \n Bullet list \n \n Cras justo odio \n Dapibus ac facilisis in \n Morbi leo risus \n Porta ac consectetur ac \n Vestibulum at eros \n \n \n Check list \n \n Cras justo odio \n Dapibus ac facilisis in \n Morbi leo risus \n Porta ac consectetur ac \n Vestibulum at eros \n \n \n
\n \n Ordered list \n \n Cras justo odio \n Dapibus ac facilisis in \n Morbi leo risus \n Porta ac consectetur ac \n Vestibulum at eros \n \n \n
\n \n Description list - vertical \n \n
\n \n Description list using columns \n \n
\n \n
\n \n Description list using dl-horizontal \n \n Balance due \n £2300.13 \n Minimum \n £100.00 \n \n \n Description list reversed \n \n
\n \n
\n \n );\n }\n}\n\nLists.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Lists;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { SideLink, Content } from '@myie/interact-dom';\n\nclass Badges 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 \n \n Defined within{' '}\n \n sass/components/badges.scss \n \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
\n \n Image Links \n \n
\n \n Nav bar \n \n \n
\n \n
\n \n \n Messages{' '}\n \n \n \n 3\n \n \n \n \n \n \n
\n \n );\n }\n}\n\nBadges.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Badges;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Row, Col, Button, ButtonGroup } from 'reactstrap';\n\nclass Buttons 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 \n );\n }\n}\n\nButtons.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Buttons;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BreadcrumbItem } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport { Content } from '@myie/interact-dom';\n\nclass Badges 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 \n \n Defined within{' '}\n \n sass/components/breadcrumbs.scss \n \n
\n \n There is a component made for the breadcrumb defined\n within reactstrap. To see an interactive technical specification for\n this component, go to{' '}\n
\n \n
\n \n \n \n Payment details\n \n \n \n \n Review\n \n \n \n \n Confirmation\n \n \n
\n \n );\n }\n}\n\nBadges.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Badges;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Pagination } from '@myie/interact-dom';\nimport { Link } from 'react-router-dom';\n\nclass PaginationStyleguide extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n testdata: '',\n };\n }\n\n getPreviousPage = () => {};\n\n getNextPage = () => {};\n\n render() {\n return (\n \n );\n }\n}\n\nPaginationStyleguide.propTypes = {\n items: PropTypes.string,\n};\n\nexport default PaginationStyleguide;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert, Button } from 'reactstrap';\nimport { Link } from 'react-router-dom';\n\nclass AlertsStyleguide extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n visible: true,\n };\n\n this.onDismiss = this.onDismiss.bind(this);\n }\n\n onDismiss() {\n this.setState({ visible: false });\n }\n\n render() {\n return (\n \n \n Defined within{' '}\n \n sass/components/alerts.scss \n \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 \n This is a button to click
\n Primary button example \n \n \n This is a button to click
\n Secondary button example \n \n \n This is a warning alert with{' '}\n Button link example .\n \n \n This is a button to click
\n Light button example \n \n \n );\n }\n}\n\nAlertsStyleguide.propTypes = {\n items: PropTypes.string,\n};\n\nexport default AlertsStyleguide;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Fade, Nav, NavLink, NavItem, TabContent, TabPane } from 'reactstrap';\nimport { TabNavigation } from '@myie/interact-dom';\n\nclass Tabs extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n tablist: TabNavigation.init(1),\n testdata: '',\n };\n }\n\n setTab(e) {\n e.preventDefault();\n const current = e.target.href.substring(e.target.href.indexOf('#') + 1);\n this.setState({ ...this.state, activeTab: current });\n }\n\n render() {\n const { activeTab, tablist } = this.state;\n\n return (\n \n \n Defined within{' '}\n \n sass/components/tabs.scss \n \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 \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 this.setTab(e)}\n innerRef={tablist.refs.tabs[0]}\n onKeyDown={e => tablist.tabKeyDown(e, 0, tablist.refs)}\n >\n Transactions\n \n \n \n this.setTab(e)}\n innerRef={tablist.refs.tabs[1]}\n onKeyDown={e => tablist.tabKeyDown(e, 1, tablist.refs)}\n >\n Downloads\n \n \n \n \n \n \n tablist.panelKeyDown(e, 0, tablist.refs)}\n >\n This is a panel\n \n \n \n \n \n tablist.panelKeyDown(e, 1, tablist.refs)}\n >\n And another panel\n \n \n \n \n \n );\n }\n}\n\nTabs.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Tabs;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Table } from 'reactstrap';\nimport { Link } from 'react-router-dom';\n\nclass Tables 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 \n \n Defined within{' '}\n \n sass/components/tables.scss \n \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 Table Columns \n \n Manage statements table \n \n \n Date \n Type \n Payee \n Amount \n \n \n \n \n 08 May 2014 \n One-off Payment \n Natwest \n £100.00 \n \n \n 10 Jun 2014 \n Transfer \n Current Account \n £pound;500.00 \n \n \n 05 Aug 2014 \n Direct debit Electricity bill \n British Gas \n £120.00 \n \n \n
\n Table Rows \n \n Description of table for accessibility purposes \n \n \n Payee \n Jo Bloggs \n Current Account \n \n \n Payee \n Jane Doe \n Savings Account \n \n \n Payee \n John Smith \n Loan Account \n \n \n
\n \n );\n }\n}\n\nTables.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Tables;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Form, Button } from 'reactstrap';\nimport {\n Text,\n DropDown,\n TextArea,\n Radio,\n RadioButton,\n Date,\n Check,\n Currency,\n Numeric,\n AddressLookupQAS,\n RadioGroup,\n Mask,\n CheckboxGroup,\n} from '@myie/interact-dom';\n\nimport { Validate } from '@myie/interact';\nimport { Link } from 'react-router-dom';\n\nclass Inputs extends React.Component {\n constructor(props) {\n super(props);\n // Define the initial state:\n this.state = {\n testdata: '',\n form: {\n textInput: {\n rules: {\n title: 'Text Input',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n textInput2: {\n rules: {\n title: 'Text Input',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n DropDownInput: {\n rules: {\n title: 'type of account',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n DropDownInput2: {\n rules: {\n title: 'type of account',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n textAreaInput: {\n rules: {\n title: 'Enter your reply',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n textAreaInput2: {\n rules: {\n title: 'Enter your reply',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n sliderInput: {\n rules: {\n title: 'Slider Input',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n sliderInput2: {\n rules: {\n title: 'Slider Input',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n },\n },\n dateInput: {\n rules: {\n title: 'date',\n stop: true,\n required: {\n trans: () => 'Please select a date.',\n },\n date: {\n format: 'dmy',\n trans: () => 'Please enter a valid date.',\n },\n greaterThanToday: {\n trans: () => 'Please enter a date later than today.',\n },\n },\n },\n dateInput2: {\n rules: {\n title: 'date',\n stop: true,\n required: {\n trans: () => 'Please select a date.',\n },\n date: {\n format: 'dmy',\n trans: () => 'Please enter a valid date.',\n },\n greaterThanToday: {\n trans: () => 'Please enter a date later than today.',\n },\n },\n },\n datePickerInput: {\n rules: {\n title: 'bday',\n stop: true,\n required: {\n trans: () => 'Please tell us your date of birth.',\n },\n date: {\n format: 'ymd',\n trans: () => 'Please select a valid date of birth.',\n },\n },\n },\n datePickerInput2: {\n rules: {\n title: 'bday',\n stop: true,\n required: {\n trans: () => 'Please tell us your date of birth.',\n },\n date: {\n format: 'ymd',\n trans: () => 'Please select a valid date of birth.',\n },\n },\n },\n radioInput: {\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n radioInput2: {\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n radioInput3: {\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput2: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput3: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput4: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput5: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput6: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n checkInput7: {\n value: false,\n rules: {\n required: {\n trans: () => 'Required',\n },\n },\n },\n currencyInput: {\n rules: {\n title: 'Currency Input',\n stop: true,\n required: true,\n currency: true,\n },\n },\n currencyInput2: {\n rules: {\n title: 'Currency Input',\n stop: true,\n required: true,\n currency: true,\n },\n },\n maskInput: {\n rules: {\n title: 'Mask Input',\n stop: true,\n required: true,\n currency: true,\n },\n },\n maskInput2: {\n rules: {\n title: 'Mask Input',\n stop: true,\n required: true,\n currency: true,\n },\n },\n numericInput: {\n rules: {\n title: 'Numeric Input',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n format: {\n regex: /^([0-2]?[1-9]|3[01]|10|20)$/,\n trans: () => 'Format is Invalid',\n },\n },\n },\n numericInput2: {\n rules: {\n title: 'Numeric Input',\n stop: true,\n required: {\n trans: () => 'Required',\n },\n format: {\n regex: /^([0-2]?[1-9]|3[01]|10|20)$/,\n trans: () => 'Format is Invalid',\n },\n },\n },\n sortcode: {\n rules: {\n stop: true,\n required: {\n trans: () => 'Please enter your sort code',\n },\n sortcode: {\n trans: () => 'Please enter a valid sort code',\n },\n },\n },\n sortcode2: {\n rules: {\n stop: true,\n required: {\n trans: () => 'Please enter your sort code',\n },\n sortcode: {\n trans: () => 'Please enter a valid sort code',\n },\n },\n },\n },\n };\n }\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form);\n this.setState({ ...this.state, form });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form } = this.state;\n form = Validate.input(name, checked ? 'true' : null, form);\n this.setState({ ...this.state, form });\n };\n\n submit = e => {\n e.preventDefault();\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n return;\n }\n };\n\n render() {\n const { form } = this.state;\n const { onChange, onBlur, onClick } = this;\n\n return (\n \n );\n }\n}\n\nInputs.propTypes = {\n i18n: PropTypes.any,\n items: PropTypes.string,\n};\n\nexport default Inputs;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Content, Markdown, CONTACTS } from '@myie/interact-dom';\nimport { Card, Row, Col, CardBody, CardHeader, CardFooter } from 'reactstrap';\n\nclass Modals extends React.Component {\n constructor() {\n super();\n\n // Define the initial state:\n this.state = {\n testdata: '',\n };\n }\n\n render() {\n //const { i18n } = this.props;\n\n return (\n \n \n Defined within{' '}\n \n sass/components/cards.scss \n \n
\n \n \n \n \n \n \n \n \n \n consult our FAQs (opens in a new tab) , contact us on $[email] or $[phone] . Our lines are open $[openTimes].`}\n />\n
\n \n \n \n Send a message\n \n \n \n \n \n \n \n \n \n \n \n \n consult our FAQs (opens in a new tab) , contact us on $[email] or $[phone] . Our lines are open $[openTimes].`}\n />\n
\n \n \n \n Send a message\n \n \n \n \n \n \n \n \n \n \n \n \n consult our FAQs (opens in a new tab) , contact us on $[email] or $[phone] . Our lines are open $[openTimes].`}\n />\n
\n \n \n \n Send a message\n \n \n \n \n \n \n \n \n \n \n \n \n consult our FAQs (opens in a new tab) , contact us on $[email] or $[phone] . Our lines are open $[openTimes].`}\n />\n
\n \n \n \n Send a message\n \n \n \n \n
\n \n );\n }\n}\n\nModals.propTypes = {\n items: PropTypes.string,\n};\n\nexport default Modals;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Colours from './Colours';\nimport Typography from './Typography';\nimport Fonts from './Fonts';\nimport Lists from './components/Lists';\nimport Badges from './components/Badges';\nimport Buttons from './components/Buttons';\nimport Breadcrumbs from './components/Breadcrumbs';\nimport Pagination from './components/Pagination';\nimport Alerts from './components/Alerts';\nimport Tabs from './components/Tabs';\nimport Tables from './components/Tables';\nimport Inputs from './components/Inputs';\nimport Panels from './components/Panels';\nimport { Content } from '@myie/interact-dom';\nimport { Label, Input, FormGroup } from 'reactstrap';\n\nclass StyleguideIndex extends React.Component {\n constructor(props) {\n super(props);\n const toggleData = [];\n toggleData[1] = true;\n this.state = {\n toggleData,\n };\n }\n\n toggleDescription(index) {\n let toggleData = this.state;\n toggleData[index] = !toggleData[index];\n if (toggleData.length > 1) {\n toggleData = toggleData.map((toggleValue, arrayIndex) => {\n return arrayIndex !== index ? false : toggleValue;\n });\n }\n this.setState({\n toggleData,\n });\n }\n\n render() {\n return (\n \n
Styleguide \n
Colours \n
\n
Fonts & Typography \n
\n
\n
Lists \n
\n
Badges \n
\n
Buttons \n
\n
Breadcrumbs \n
\n
Pagination \n
\n
Alerts \n
\n
Cards \n
\n
Tabs \n
\n
Tables \n
\n
Inputs \n
\n \n This is a file upload label\n * \n \n \n \n \n
\n
this.selectAddress(e, address, callback)}\\r\\n >\\r\\n {address.BuildingName} {address.BuildingNumber}{' '}\\r\\n {address.AddressLine1} {address.Postcode}\\r\\n ,\\r\\n );\\r\\n });\\r\\n }\\r\\n return (\\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
\\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 {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 \\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 ? {suffix}
: ''}\\r\\n {showErrors ? \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default CheckExample;\\r\\n\"}]},{\"name\":\"Currency.js\",\"description\":\"Currency component\\r\\nwill display an input field\\r\\nwith decimal places according to the currency,\\r\\nif no currency is given, no decimal places will be added\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"code\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Currency code\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Currency description\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Input disabled or not\"},\"dp\":{\"type\":{\"name\":\"number\"},\"required\":false,\"description\":\"decimal places\"},\"maxDigits\":{\"type\":{\"name\":\"number\"},\"required\":false,\"description\":\"Maximum number of digits\"},\"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\":\"Currency ID\"},\"inputGroupClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for input group\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"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 {\\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\\nimport currency from 'react-currency-formatter';\\r\\nimport symbols from './symbols';\\r\\n\\r\\n/**\\r\\n * Currency component\\r\\n * will display an input field\\r\\n * with decimal places according to the currency,\\r\\n * if no currency is given, no decimal places will be added\\r\\n */\\r\\nclass Currency extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n dp: dpProp = null,\\r\\n code,\\r\\n children,\\r\\n validation = {},\\r\\n inputGroupClassName = '',\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n showErrors = true,\\r\\n id,\\r\\n field,\\r\\n label,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n disabled,\\r\\n required,\\r\\n suffix = '',\\r\\n onChange,\\r\\n onBlur,\\r\\n maxDigits = 10, //Currency Default restricted to 10 digits, make this - false to remove the restriction\\r\\n ...rest\\r\\n } = props;\\r\\n const { value = '', state = {} } = validation;\\r\\n\\r\\n // added this cludge to find position of symbol and decimal places (when not specified) as I didn't want to duplicate the react-currency-formatter code\\r\\n // there may be a better way to do this in the future\\r\\n let position = null;\\r\\n let dp = dpProp;\\r\\n if (code) {\\r\\n position = currency({\\r\\n quantity: 0,\\r\\n currency: code,\\r\\n symbol: '!',\\r\\n decimal: '.',\\r\\n });\\r\\n if (!dp) {\\r\\n //If dp not specified, use decimal places related to the currency\\r\\n let tempExtract =\\r\\n position.replace(' ', '').length - position.indexOf('.') - 1;\\r\\n dp = position.endsWith('!') ? tempExtract - 1 : tempExtract;\\r\\n }\\r\\n }\\r\\n const dpPat = !dp || dp === 0 ? '' : `([.]{1}[0-9]{0,${dp}})?`;\\r\\n const digitPat = !maxDigits ? '*' : `{0,${maxDigits}}`;\\r\\n const pattern = `^[0-9]${digitPat}${dpPat}$`;\\r\\n const inputOverride = (e, dp, func) => {\\r\\n const { target = {} } = e;\\r\\n const { value = '' } = target;\\r\\n if (\\r\\n dp > 0 &&\\r\\n value.indexOf('.') !== -1 &&\\r\\n value.length - value.indexOf('.') > dp + 1\\r\\n ) {\\r\\n return;\\r\\n }\\r\\n const found = value.match(new RegExp(pattern));\\r\\n if (value && !found) {\\r\\n return;\\r\\n }\\r\\n\\r\\n if (value && target.validity && !target.validity.valid) {\\r\\n return;\\r\\n }\\r\\n if (!value || !isNaN(parseFloat(value))) {\\r\\n if (func) {\\r\\n func(e);\\r\\n }\\r\\n }\\r\\n };\\r\\n\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n const symbol = symbols[code] || code;\\r\\n return (\\r\\n \\r\\n {label || subLabel || description ? (\\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 ) : (\\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 ?
{suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?
: ''}\\r\\n
\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default CurrencyExampleGBP;\\r\\n\"},{\"name\":\"CurrencyExampleLKR\",\"description\":\"Currency LKR 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 LKR example */\\r\\nclass CurrencyExampleLKR 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 = 'LKR';\\r\\n const { form } = this.state;\\r\\n return (\\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default CurrencyExampleLKR;\\r\\n\"}]},{\"name\":\"Date.js\",\"description\":\"Date component (calendar date picker)\\r\\nwill display an input field with the calendar icon\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"className\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for InputGroup\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Date description text\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"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\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"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 {\\r\\n Input,\\r\\n Label,\\r\\n InputGroup,\\r\\n InputGroupAddon,\\r\\n InputGroupText,\\r\\n} from 'reactstrap';\\r\\nimport i18n from 'i18next';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\nimport { Validate } from '@myie/interact';\\r\\nimport Datetime from 'react-datetime';\\r\\n\\r\\n/**\\r\\n * Date component (calendar date picker)\\r\\n * will display an input field with the calendar icon\\r\\n */\\r\\nclass Date extends React.Component {\\r\\n render() {\\r\\n const {\\r\\n children,\\r\\n validation = {},\\r\\n className = '',\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n showErrors = true,\\r\\n id,\\r\\n field,\\r\\n label,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n suffix = '',\\r\\n disabled,\\r\\n required,\\r\\n onChange,\\r\\n onBlur,\\r\\n ...rest\\r\\n } = this.props;\\r\\n const { value = '', state = {} } = validation;\\r\\n let fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n\\r\\n const icon =\\r\\n 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjb9TgnoAAAJqUlEQVR4Xu3U3Yqd1xEEUD+MLTFgIXyhR3SIDcEhL6ykLxo2K3VmTs/3Yw1sw/JFU1WfjrbxT9+/f//b/e+f+tf/MXeWn3/++V/pe8XsWfxOM3e3eLyLfxmP2Huvl5eX/6T9xO57ufuIvbvE4x38C3jLly9f/pl2nuXeM9yYcu8t9u8Qj1fzhz/LnWe5M+HWs9x5ljtXi8cr+YOn3HuGGxNfv379d9p8jRtT7l0pHq/kj109kymde4bd1Xtyb7GrZ3KduUM8XsUf2sw1c83ca+w2c8VMM/cau81cM9fMXSUer+KPbOZWZouZR+w1cyuzzdwj9oqZldlm7irxeBV/ZDEj8+WXX375I2Vlr5lbmW3mHrFXzMh8MXOVeLyKP7KYkflmLrFTzCR2ipnk8+fPf7yna76YuUo8XsUfWczIfDOX2ClmEjvFTFL/Z3pP13wxc5V4vIo/spiR+WYusVPMJHaKmWT/B/AGf2QxI/PNXGKnmEnsFDPJ/g/gDf7IYkbmm7nETjGT2ClmEjvNnMwXM1eJxyn/8BNuyfxR7id2jnJf5p/lznvE47P8A72HmzJ/lPuJnaPcl/kp9ybi8S3+AY5wW+aPcj+xc5T7Mv9e7j4jHl/jR49yX+aPcj+xc5T7Mn+E22+Jx0f82Bn8hswf5X5i5yj3Zf4o918Tj4kfOYvfkfmj3E/sHOW+zJ/BbzwSj3L8TH5L5o9yP7FzlPsyfxa/k8SjHD6T35L5o9xP7Bzlvsyfxe8k8bhy9Gx+T+aPcj+xc5T7Mn8mv6V4XDl4Nr8n80e5n9g5yn2ZP5PfUjy2T58+/Z5Gz+Q3Zf4o9xM7R7kv82f69ddff0/fbPHYHLuC35T5o9xP7Bzlvsyfze+t4rE5dAW/KfNHuZ/YOcp9mT+b31vFY3PoCn5T5s/gN2T+KPdl/mx+bxWPzaEr+E2ZP4PfWJk9g9+Q+bP5vVU8Noeu4nebubP4nZXZs/idZu4KfnMVj82hK939bb9XzJzt7u81v7uKx+bQ9jH5rqt4bA5tH5PvuorH5tD2Mfmuq3hsDm0fk++6isfm0PYx+a6reGwOJXa2e/keiZ1VPDaHEjvbvXyPxM4qHptDiZ3tXr5HYmcVj82hxM52L98jsbOKx+ZQYme7l++R2FnFY3MosbPdy/dI7KzisTmU2Nnu5Xskdlbx2BxK7Gz38j0SO6t4bA4ldrZ7+R6JnVU8NocSO9u9fI/Ezioem0OJne1evkdiZxWPzaHEznYv3yOxs4rH5lBiZ7uX75HYWcVjcyixs93L90jsrOKxOZTY2e7leyR2VvHYHErsyPzEy8vLX2dvFveauSn3ipkp92Q+sbOKx+ZQYkfmp9wrZqbca+am3CtmptyT+cTOKh6bQ4kdmZ9yr5iZcq+Zm3KvmJlyT+YTO6t4bA4ldmR+yr1iZsq9Zm7KvWJmyj2ZT+ys4rE5lNiR+Sn3ipkp95q5KfeKmSn3ZD6xs4rH5lBiR+an3Ctmptxr5qbcK2am3JP5xM4qHptDiR2Zn3KvmJlyr5mbcq+YmXJP5hM7q3hsDiV2ZH7KvWJmyr1mbsq9YmbKPZlP7KzisTmU2JH5KfeKmSn3mrkp94qZKfdkPrGzisfmUGJH5qfcK2am3GvmptwrZqbck/nEzioem0OJHZmfcq+YmXKvmZtyr5iZck/mEzureGwOJXZkfsq9YmbKvWZuyr1iZso9mU/srOKxOZTYkfkp94qZKfeauSn3ipkp92Q+sbOKx+ZQYkfmp9wrZqbca+am3CtmptyT+cTOKh6bQ4kdmZ9yr5iZcq+Zm3KvmJlyT+YTO6t4bA4ldrZ7+R6JnVU8NocSO9u9fI/Ezioem0OJne1evkdiZxWPzaHEznYv3yOxs4rH5lBiZ7uX75HYWcVjcyixI/NT7hUzU+41c1PuFTNT7sl8YmcVj82hxI7MT7lXzEy518xNuVfMTLkn84mdVTw2hxI7Mj/lXjEz5V4zN+VeMTPlnswndlbx2BxK7Mj8lHvFzJR7zdyUe8XMlHsyn9hZxWNzKLEj81PuFTNT7jVzU+4VM1PuyXxiZxWPzaHEjsxPuVfMTLnXzE25V8xMuSfziZ1VPDaHEjsyP+VeMTPlXjM35V4xM+WezCd2VvHYHErsyPyUe8XMlHvN3JR7xcyUezKf2FnFY3MosSPzU+4VM1PuNXNT7hUzU+7JfGJnFY/NocSOzE+5V8xMudfMTblXzEy5J/OJnVU8NocSOzI/5V4xM+VeMzflXjEz5Z7MJ3ZW8dgcSuzI/JR7xcyUe83clHvFzJR7Mp/YWcVjcyixI/NT7hUzU+41c1PuFTNT7sl8YmcVj82hxI7MT7lXzEy518xNuVfMTLkn84mdVTw2hxI72718j8TOKh6bQ4md7V6+R2JnFY/NocTOdi/fI7GzisfmUGJnu5fvkdhZxWNzKLGz3cv3SOys4rE5lNiR+Sn3ipkp95q5KfeKmSn3ZD6xs4rH5lBiR+an3Ctmptxr5qbcK2am3JP5xM4qHptDiR2Zn3KvmJlyr5mbcq+YmXJP5hM7q3hsDiV2ZH7KvWJmyr1mbsq9YmbKPZlP7KzisTmU2JH5KfeKmSn3mrkp94qZKfdkPrGzisfmUGJH5qfcK2am3GvmptwrZqbck/nEzioem0OJHZmfcq+YmXKvmZtyr5iZck/mEzureGwOJXZkfsq9YmbKvWZuyr1iZso9mU/srOKxOZTYkfkp94qZKfeauSn3ipkp92Q+sbOKx+ZQYkfmp9wrZqbca+am3CtmptyT+cTOKh6bQ4kdmZ9yr5iZcq+Zm3KvmJlyT+YTO6t4bA4ldmR+yr1iZsq9Zm7KvWJmyj2ZT+ys4rE5lNiR+Sn3ipkp95q5KfeKmSn3ZD6xs4rH5lBiR+an3Ctmptxr5qbcK2am3JP5xM4qHptDiZ3tXr5HYmcVj82hxM52L98jsbOKx+ZQYme7l++R2FnFY3MosbPdy/dI7KzisTmU2Nnu5Xskdlbx2BxK7Gz38j0SO6t4bA4ldrZ7+R6JnVU8NocSO9u9fI/Ezioem0OJne1evkdiZxWPzaHEznYv3yOxs4rH5lBiZ7uX75HYWcVjcyixs93L90jsrOKxOfSIve0evsMj9lbxuHLsEXvbtfz7f8Se4nHl4Gvsbtfw7/01dhWPKwe3j8X3VDzK0e1j8B2TeNRvv/32V/rA9uN6eXn5R3pLxWPiB7Yfm+/3SDw+4ke2H5Pv9pp4fI0f234svtdb4vEt3759+zN9fPv7+EbPisdn+YfY/h6+y0Q8vod/qO1a/v2/z/ef/gt7g1pNDFMnQAAAAABJRU5ErkJggg==';\\r\\n const renderInput = function(props, openCalendar) {\\r\\n return (\\r\\n \\r\\n \\r\\n {label || subLabel || description ? (\\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 ) : (\\r\\n ''\\r\\n )}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {suffix.length > 0 ?
{suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?
: ''}\\r\\n
\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default DateExample;\\r\\n\"}]},{\"name\":\"DatePicker.js\",\"description\":\"Datepicker component\\r\\nwill display Day Month Year dropdowns\",\"props\":{\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Datepicker description text\"},\"disabled\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"pickers 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\":\"Datepicker ID\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"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\"},\"selectedDate\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Selected date value\"},\"showErrors\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Show errors or not\"},\"showFutureDate\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Will show future dates\"},\"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 i18n from 'i18next';\\r\\nimport { InputGroup, Input, Label } from 'reactstrap';\\r\\nimport { Validate } from '@myie/interact';\\r\\nimport moment from 'moment';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\n\\r\\n/**\\r\\n * Datepicker component\\r\\n * will display Day Month Year dropdowns\\r\\n */\\r\\nclass DatePicker extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n daysInMonth: 31,\\r\\n day: false,\\r\\n month: false,\\r\\n year: false,\\r\\n };\\r\\n }\\r\\n\\r\\n componentDidMount() {\\r\\n if (this.props.selectedDate) {\\r\\n let dateArr = this.props.selectedDate.split('-');\\r\\n this.setState({\\r\\n year: dateArr[0],\\r\\n month: dateArr[1],\\r\\n day: dateArr[2],\\r\\n });\\r\\n }\\r\\n }\\r\\n\\r\\n getDaysInMonth = (year, month) => {\\r\\n return moment(year + '-' + month, 'YYYY-MM').daysInMonth();\\r\\n };\\r\\n\\r\\n changeDate = (e, f) => {\\r\\n const { name, value } = e.target;\\r\\n const { field } = this.props;\\r\\n const data = { ...this.state };\\r\\n data[name] = value;\\r\\n if (data.year && data.month) {\\r\\n data.daysInMonth = this.getDaysInMonth(data.year, data.month);\\r\\n data.day = data.day > data.daysInMonth ? null : data.day;\\r\\n }\\r\\n const date = data.year + '-' + data.month + '-' + data.day;\\r\\n f({ target: { name: field, value: date } });\\r\\n this.setState({\\r\\n ...this.state,\\r\\n [name]: data[name],\\r\\n daysInMonth: data.daysInMonth,\\r\\n });\\r\\n };\\r\\n\\r\\n dateOnChange = e => {\\r\\n const { onChange } = this.props;\\r\\n this.renderMonths();\\r\\n this.renderDays();\\r\\n this.renderYears();\\r\\n this.changeDate(e, onChange);\\r\\n };\\r\\n\\r\\n dateOnBlur = e => {\\r\\n const { onBlur, onChange } = this.props;\\r\\n const data = { ...this.state };\\r\\n if (data.day && data.month && data.year) {\\r\\n this.changeDate(e, onBlur);\\r\\n } else {\\r\\n this.changeDate(e, onChange);\\r\\n }\\r\\n };\\r\\n\\r\\n renderDays = () => {\\r\\n let startFrom = moment().format('DD') - 0;\\r\\n let days = [];\\r\\n if (this.props.showFutureDate) {\\r\\n for (let i = startFrom; i <= this.state.daysInMonth; i++) {\\r\\n days.push(\\r\\n \\r\\n {i}\\r\\n ,\\r\\n );\\r\\n }\\r\\n } else {\\r\\n Array.from(Array(this.state.daysInMonth).keys()).map(counter => {\\r\\n let day = counter + 1;\\r\\n days.push(\\r\\n \\r\\n {day}\\r\\n ,\\r\\n );\\r\\n return true;\\r\\n });\\r\\n }\\r\\n return days;\\r\\n };\\r\\n\\r\\n renderMonths = () => {\\r\\n let startFrom = moment().format('MM') - 0;\\r\\n let year = moment().format('YYYY') - 0;\\r\\n let options = [];\\r\\n if (\\r\\n this.props.showFutureDate &&\\r\\n (!this.state.year || year === this.state.year - 0)\\r\\n ) {\\r\\n for (let i = startFrom; i <= moment.months().length - 0; i++) {\\r\\n options.push(\\r\\n \\r\\n {moment.months()[i - 1]}\\r\\n ,\\r\\n );\\r\\n }\\r\\n } else {\\r\\n moment.months().map(month => {\\r\\n options.push(\\r\\n \\r\\n {month}\\r\\n ,\\r\\n );\\r\\n return true;\\r\\n });\\r\\n }\\r\\n this.renderDays();\\r\\n return options;\\r\\n };\\r\\n\\r\\n renderYears = () => {\\r\\n let years = [];\\r\\n const thisYear = new Date().getFullYear();\\r\\n if (this.props.showFutureDate) {\\r\\n Array.from(Array(2).keys()).map(counter => {\\r\\n let year = thisYear + counter;\\r\\n years.push(\\r\\n \\r\\n {year}\\r\\n ,\\r\\n );\\r\\n return true;\\r\\n });\\r\\n } else {\\r\\n Array.from(Array(120).keys()).map(counter => {\\r\\n let year = thisYear - counter - 18;\\r\\n years.push(\\r\\n \\r\\n {year}\\r\\n ,\\r\\n );\\r\\n return true;\\r\\n });\\r\\n }\\r\\n return years;\\r\\n };\\r\\n\\r\\n render() {\\r\\n const {\\r\\n showErrors = true,\\r\\n field,\\r\\n id,\\r\\n validation = {},\\r\\n groupClassName,\\r\\n label,\\r\\n labelClassName,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n disabled,\\r\\n required,\\r\\n suffix = '',\\r\\n } = this.props;\\r\\n const { state = {} } = validation;\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n return (\\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 \\r\\n \\r\\n {i18n.t('common:datePicker.dayLabel', {\\r\\n defaultValue: 'Day',\\r\\n })}\\r\\n \\r\\n \\r\\n \\r\\n {i18n.t('common:datePicker.dayOption', {\\r\\n defaultValue: 'Day',\\r\\n })}\\r\\n \\r\\n {this.renderDays()}\\r\\n \\r\\n \\r\\n {i18n.t('common:datePicker.monthLabel', {\\r\\n defaultValue: 'Month',\\r\\n })}\\r\\n \\r\\n \\r\\n \\r\\n {i18n.t('common:datePicker.monthOption', {\\r\\n defaultValue: 'Month',\\r\\n })}\\r\\n \\r\\n {this.renderMonths()}\\r\\n \\r\\n \\r\\n {i18n.t('common:datePicker.yearLabel', {\\r\\n defaultValue: 'Year',\\r\\n })}\\r\\n \\r\\n \\r\\n \\r\\n {i18n.t('common:datePicker.yearOption', {\\r\\n defaultValue: 'Year',\\r\\n })}\\r\\n \\r\\n {this.renderYears()}\\r\\n \\r\\n \\r\\n {suffix.length > 0 ? {suffix}
: ''}\\r\\n {showErrors ? \\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nDatePicker.propTypes = {\\r\\n /**\\r\\n * Datepicker description text\\r\\n */\\r\\n description: PropTypes.string,\\r\\n /**\\r\\n * pickers 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 * Datepicker 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 * Selected date value\\r\\n */\\r\\n selectedDate: PropTypes.string,\\r\\n /**\\r\\n * Show errors or not\\r\\n */\\r\\n showErrors: PropTypes.bool,\\r\\n /**\\r\\n * Will show future dates\\r\\n */\\r\\n showFutureDate: 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 DatePicker;\\r\\n\",\"examples\":[{\"name\":\"DatePicker\",\"description\":\"DatePicker example\",\"code\":\"import React from 'react';\\r\\nimport { DatePicker } from '@myie/interact-dom';\\r\\nimport { Row, Col, FormGroup } from 'reactstrap';\\r\\n\\r\\n/** DatePicker 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 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 \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default DateExample;\\r\\n\"}]},{\"name\":\"Dialog.js\",\"description\":\"Dialog component\\r\\nwill display a modal\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"isOpen\":{\"type\":{\"name\":\"bool\"},\"required\":true,\"description\":\"Modal is shown or not\"},\"id\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Dialog ID\"},\"title\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Title text\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\\r\\n\\r\\n/**\\r\\n * Dialog component\\r\\n * will display a modal\\r\\n */\\r\\nclass Dialog extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const { isOpen, children, id, title, ...rest } = props;\\r\\n //Accessibility - Role: Dialog and tabindex is set from \\r\\n return (\\r\\n \\r\\n {title} \\r\\n {children} \\r\\n \\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nDialog.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Modal is shown or not\\r\\n */\\r\\n isOpen: PropTypes.bool.isRequired,\\r\\n /**\\r\\n * Dialog ID\\r\\n */\\r\\n id: PropTypes.string,\\r\\n /**\\r\\n * Title text\\r\\n */\\r\\n title: PropTypes.string.isRequired,\\r\\n};\\r\\n\\r\\nexport default Dialog;\\r\\n\",\"examples\":[{\"name\":\"DialogExample\",\"description\":\"Dialog example\",\"code\":\"import React from 'react';\\r\\nimport { Dialog } from '@myie/interact-dom';\\r\\nimport { Row, Col, FormGroup } from 'reactstrap';\\r\\n\\r\\n/** Dialog example */\\r\\nclass DialogExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n value: true,\\r\\n };\\r\\n }\\r\\n\\r\\n onClick = () => {\\r\\n const { value } = this.state;\\r\\n this.setState({ value: !value });\\r\\n };\\r\\n\\r\\n render() {\\r\\n const { value } = this.state;\\r\\n return (\\r\\n \\r\\n \\r\\n click Here to close the modal \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default DialogExample;\\r\\n\"}]},{\"name\":\"DropDown.js\",\"description\":\"DropDown component\\r\\nwill display a dropdown\",\"props\":{\"children\":{\"type\":{\"name\":\"array\"},\"required\":true,\"description\":\"Any children of the component\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Date description text\"},\"disabled\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"DropDown 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\":\"DropDown ID\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"required\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"DropDown 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 { Label, Input } from 'reactstrap';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\nimport { Validate } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * DropDown component\\r\\n * will display a dropdown\\r\\n */\\r\\nclass DropDown extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n children,\\r\\n validation = {},\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n showErrors = true,\\r\\n disabled,\\r\\n required,\\r\\n id,\\r\\n field,\\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 \\r\\n {label || subLabel || description ? (\\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 ) : (\\r\\n ''\\r\\n )}\\r\\n
\\r\\n {children}\\r\\n \\r\\n {suffix.length > 0 ? {suffix}
: ''}\\r\\n {showErrors ? \\r\\n \\r\\n \\r\\n Item 1\\r\\n \\r\\n \\r\\n Item 2\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default DropDownExample;\\r\\n\"}]},{\"name\":\"Errors.js\",\"description\":\"Errors component\\r\\nwill display error message\",\"props\":{\"field\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"array\"}]},\"required\":true,\"description\":\"Field names\"},\"validation\":{\"type\":{\"name\":\"object\"},\"required\":false,\"description\":\"Input validation\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { FormFeedback } from 'reactstrap';\\r\\nimport { Validate } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * HasErrors function\\r\\n * check the given object and\\r\\n * will return true or false\\r\\n */\\r\\nconst HasErrors = validation => {\\r\\n const { state = {} } = validation;\\r\\n const { approval = {}, dirty } = state;\\r\\n if (approval.approved || !approval.failed || !dirty) {\\r\\n return true;\\r\\n }\\r\\n return false;\\r\\n};\\r\\n\\r\\n/**\\r\\n * Errors component\\r\\n * will display error message\\r\\n */\\r\\nclass Errors extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const { validation = {}, field, ...rest } = props;\\r\\n const { state = {} } = validation;\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}-${field[1]}`;\\r\\n const { approval = {}, dirty } = state;\\r\\n const children = [];\\r\\n if (!approval.failed || !dirty) {\\r\\n return '';\\r\\n }\\r\\n const errors = Validate.errors(validation);\\r\\n errors.forEach(error => {\\r\\n var i = 0;\\r\\n children.push(\\r\\n \\r\\n {error.message}\\r\\n ,\\r\\n );\\r\\n });\\r\\n return children.length ? (\\r\\n \\r\\n {children}\\r\\n \\r\\n ) : (\\r\\n ''\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nErrors.propTypes = {\\r\\n /**\\r\\n * Field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default Errors;\\r\\nexport { HasErrors };\\r\\n\",\"examples\":[{\"name\":\"ErrorsExample\",\"description\":\"Errors example\",\"code\":\"import React from 'react';\\r\\nimport { Errors } from '@myie/interact-dom';\\r\\nimport { Validate } from '@myie/interact';\\r\\nimport { Input, FormGroup, Row, Col } from 'reactstrap';\\r\\n\\r\\n/** Errors example */\\r\\nclass ErrorsExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n form: {\\r\\n name: {\\r\\n value: '',\\r\\n state: {},\\r\\n rules: {\\r\\n title: 'Name',\\r\\n required: 'Name is required',\\r\\n },\\r\\n },\\r\\n },\\r\\n };\\r\\n }\\r\\n\\r\\n onChange = e => {\\r\\n const { name, value } = e.target;\\r\\n var { form } = this.state;\\r\\n form = Validate.input(name, value, form);\\r\\n this.setState({ ...this.state, form });\\r\\n };\\r\\n\\r\\n onBlur = e => {\\r\\n const { name, value } = e.target;\\r\\n var { form } = this.state;\\r\\n form = Validate.input(name, value, form, true);\\r\\n this.setState({ ...this.state, form });\\r\\n };\\r\\n\\r\\n render() {\\r\\n return (\\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default ErrorsExample;\\r\\n\"}]},{\"name\":\"FormattedCurrency.js\",\"description\":\"FormattedCurrency component\\r\\nwill format and return currency\",\"props\":{\"fallback\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"\"},\"quantity\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"number\"}]},\"required\":false,\"description\":\"Value to format\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport Currency from 'react-currency-formatter';\\r\\n\\r\\n/**\\r\\n * FormattedCurrency component\\r\\n * will format and return currency\\r\\n */\\r\\nclass FormattedCurrency extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const { quantity, ...rest } = props;\\r\\n const qty = parseFloat(quantity);\\r\\n if ((!qty || isNaN(qty)) && !(qty === 0))\\r\\n return {props.fallback || ''} ;\\r\\n return \\r\\n
\\r\\n );\\r\\n}\\r\\n\"},{\"name\":\"FormattedCurrencyLKR\",\"description\":\"FormattedCurrency example for LKR\",\"code\":\"import React from 'react';\\r\\nimport { FormattedCurrency } from '@myie/interact-dom';\\r\\nimport { Row, Col, FormGroup } from 'reactstrap';\\r\\n\\r\\n/** FormattedCurrency example for LKR */\\r\\nexport default function TextExample() {\\r\\n const currencyCode = 'LKR';\\r\\n const currencyQuantity = 1500;\\r\\n return (\\r\\n \\r\\n
\\r\\n );\\r\\n}\\r\\n\"}]},{\"name\":\"FormattedDate.js\",\"description\":\"FormattedDate component\\r\\nwill format and return date\",\"props\":{\"date\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"instanceOf\",\"value\":\"Date\"}]},\"required\":false,\"description\":\"Date to format\"},\"format\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"A format\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport moment from 'moment';\\r\\nimport { Settings } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * FormattedDate component\\r\\n * will format and return date\\r\\n */\\r\\nclass FormattedDate extends React.Component {\\r\\n render() {\\r\\n const { format = Settings.dateFormat, date } = this.props;\\r\\n const dateStr = moment(date).format(format);\\r\\n return <>{dateStr};\\r\\n }\\r\\n}\\r\\n\\r\\nFormattedDate.propTypes = {\\r\\n /**\\r\\n * Date to format\\r\\n */\\r\\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Date)]),\\r\\n /**\\r\\n * A format\\r\\n */\\r\\n format: PropTypes.string,\\r\\n};\\r\\n\\r\\nexport default FormattedDate;\\r\\n\",\"examples\":[{\"name\":\"FormattedDateExample\",\"description\":\"FormattedDate example\",\"code\":\"import React from 'react';\\r\\nimport { FormattedDate } from '@myie/interact-dom';\\r\\n\\r\\n/** FormattedDate example */\\r\\nclass FormattedDateExample 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
{gtm.noScriptAsReact()}
\\r\\n
\\r\\n {gtm.scriptAsReact()}\\r\\n
\\r\\n
\\r\\n {label || subLabel || description ? (\\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 ) : (\\r\\n ''\\r\\n )}\\r\\n
\\r\\n {() => (\\r\\n {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ? \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default MaskExample;\\r\\n\"}]},{\"name\":\"Numeric.js\",\"description\":\"Numeric component\\r\\nwill display a numeric input feild\",\"props\":{\"children\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"element\"},{\"name\":\"array\"}]},\"required\":false,\"description\":\"Any children of the component\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Numeric description text\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"Input disabled or not\"},\"dp\":{\"type\":{\"name\":\"number\"},\"required\":false,\"description\":\"decimal places\"},\"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\":\"Numeric ID\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"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\\n\\r\\n/**\\r\\n * Numeric component\\r\\n * will display a numeric input feild\\r\\n */\\r\\nclass Numeric extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n dp = 0,\\r\\n children,\\r\\n validation = {},\\r\\n disabled,\\r\\n required,\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n showErrors = true,\\r\\n id,\\r\\n field,\\r\\n label,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n suffix = '',\\r\\n onChange,\\r\\n onBlur,\\r\\n ...rest\\r\\n } = props;\\r\\n const { value = '', state = {} } = validation;\\r\\n const dpPat = !dp || dp === 0 ? '' : `[.]{0,1}[0-9]{0,${dp}}`;\\r\\n const pattern = `^[0-9]*${dpPat}$`;\\r\\n\\r\\n const inputOverride = (e, dp, func) => {\\r\\n const { target = {} } = e;\\r\\n const { value = '' } = target;\\r\\n if (\\r\\n dp > 0 &&\\r\\n value.indexOf('.') !== -1 &&\\r\\n value.length - value.indexOf('.') > dp + 1\\r\\n ) {\\r\\n return;\\r\\n }\\r\\n const found = value.toString().match(new RegExp(pattern));\\r\\n if (value && !found) {\\r\\n return;\\r\\n }\\r\\n\\r\\n if (value && target.validity && !target.validity.valid) {\\r\\n return;\\r\\n }\\r\\n if (!value || !isNaN(parseFloat(value))) {\\r\\n if (func) {\\r\\n func(e);\\r\\n }\\r\\n }\\r\\n };\\r\\n\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n return (\\r\\n \\r\\n {label || subLabel || description ? (\\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 ) : (\\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 ? {suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ? \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default NumericExample;\\r\\n\"},{\"name\":\"NumericExample2\",\"description\":\"Numeric example with Decimal\",\"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 with Decimal */\\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 \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default NumericExample;\\r\\n\"}]},{\"name\":\"Pagination.js\",\"description\":\"Pagination component\\r\\nwill display a pagination bar\",\"props\":{\"Total\":{\"type\":{\"name\":\"number\"},\"required\":true,\"description\":\"Total number of items\"},\"Offset\":{\"type\":{\"name\":\"number\"},\"required\":true,\"description\":\"Offset number\"},\"Size\":{\"type\":{\"name\":\"number\"},\"required\":true,\"description\":\"Number of items per page\"},\"getNextPage\":{\"type\":{\"name\":\"func\"},\"required\":true,\"description\":\"Function to get next data\"},\"getPreviousPage\":{\"type\":{\"name\":\"func\"},\"required\":true,\"description\":\"Function to get previous data\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport i18n from 'i18next';\\r\\nimport { Row, Col, Button } from 'reactstrap';\\r\\n\\r\\n/**\\r\\n * Pagination component\\r\\n * will display a pagination bar\\r\\n */\\r\\nclass Pagination extends React.Component {\\r\\n render() {\\r\\n const { Total, Offset, Size, getNextPage, getPreviousPage } = this.props;\\r\\n\\r\\n const totalPages = Math.ceil(Total / Size);\\r\\n const currentPage = Math.ceil(Offset / Size) + 1;\\r\\n return (\\r\\n \\r\\n getPreviousPage(Offset, Size)}\\r\\n disabled={currentPage === 1 ? true : false}\\r\\n >\\r\\n {i18n.t('common:pagination.previousPageBtn', {\\r\\n defaultValue: 'Previous',\\r\\n })}\\r\\n \\r\\n \\r\\n \\r\\n Page {currentPage} of {totalPages}\\r\\n
\\r\\n \\r\\n getNextPage(Offset, Size, Total)}\\r\\n disabled={currentPage === totalPages ? true : false}\\r\\n >\\r\\n {i18n.t('common:pagination.nextPageBtn', {\\r\\n defaultValue: 'Next',\\r\\n })}\\r\\n \\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nPagination.propTypes = {\\r\\n /**\\r\\n * Total number of items\\r\\n */\\r\\n Total: PropTypes.number.isRequired,\\r\\n /**\\r\\n * Offset number\\r\\n */\\r\\n Offset: PropTypes.number.isRequired,\\r\\n /**\\r\\n * Number of items per page\\r\\n */\\r\\n Size: PropTypes.number.isRequired,\\r\\n /**\\r\\n * Function to get next data\\r\\n */\\r\\n getNextPage: PropTypes.func.isRequired,\\r\\n /**\\r\\n * Function to get previous data\\r\\n */\\r\\n getPreviousPage: PropTypes.func.isRequired,\\r\\n};\\r\\n\\r\\nexport default Pagination;\\r\\n\",\"examples\":[{\"name\":\"PaginationExample\",\"description\":\"Pagination example\",\"code\":\"import React from 'react';\\r\\nimport { Pagination } from '@myie/interact-dom';\\r\\n\\r\\n/** Pagination example */\\r\\nclass PaginationExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n this.state = {\\r\\n Offset: 0,\\r\\n Size: 8,\\r\\n };\\r\\n }\\r\\n\\r\\n getPreviousPage = (Offset, Size) => {\\r\\n const previousOffset = Offset - Size;\\r\\n if (previousOffset >= 0) {\\r\\n this.setState({ ...this.state, Offset: previousOffset });\\r\\n }\\r\\n };\\r\\n\\r\\n getNextPage = (Offset, Size, TotalConversationsCount) => {\\r\\n const nextOffset = Offset + Size;\\r\\n if (nextOffset <= TotalConversationsCount) {\\r\\n this.setState({ ...this.state, Offset: nextOffset });\\r\\n }\\r\\n };\\r\\n\\r\\n render() {\\r\\n const TotalConversationsCount = 17;\\r\\n const { Offset, Size } = this.state;\\r\\n return (\\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 ? {suffix}
: ''}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default RadioExample;\\r\\n\"}]},{\"name\":\"RadioButton.js\",\"description\":\"RadioButton component\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"field\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"array\"}]},\"required\":true,\"description\":\"Input field names\"},\"id\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"RadioButton ID\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"value\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"\"},\"setValue\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"\"},\"validation\":{\"type\":{\"name\":\"object\"},\"required\":false,\"description\":\"Input validation\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Button } from 'reactstrap';\\r\\nimport { HasErrors } from './Errors';\\r\\n\\r\\n/**\\r\\n * RadioButton component\\r\\n */\\r\\nclass RadioButton extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n validation = {},\\r\\n value: setValue,\\r\\n children,\\r\\n id,\\r\\n field,\\r\\n label,\\r\\n ...rest\\r\\n } = props;\\r\\n const { value = '' } = validation;\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n return (\\r\\n \\r\\n {label}\\r\\n {children}\\r\\n \\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nRadioButton.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element,\\r\\n /**\\r\\n * Input field names\\r\\n */\\r\\n field: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\\r\\n /**\\r\\n * RadioButton ID\\r\\n */\\r\\n id: PropTypes.string.isRequired,\\r\\n /**\\r\\n * Label text\\r\\n */\\r\\n label: PropTypes.string,\\r\\n value: PropTypes.any,\\r\\n setValue: PropTypes.any,\\r\\n /**\\r\\n * Input validation\\r\\n */\\r\\n validation: PropTypes.object,\\r\\n};\\r\\n\\r\\nexport default RadioButton;\\r\\n\",\"examples\":[{\"name\":\"RadioButtonExample\",\"description\":\"RadioButton example\",\"code\":\"import React from 'react';\\r\\nimport { RadioButton } from '@myie/interact-dom';\\r\\nimport { Row, Col, FormGroup } from 'reactstrap';\\r\\n\\r\\n/** RadioButton example */\\r\\nclass RadioButtonExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n }\\r\\n\\r\\n render() {\\r\\n return (\\r\\n \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default RadioButtonExample;\\r\\n\"}]},{\"name\":\"RadioGroup.js\",\"description\":\"RadioGroup component\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Date description text\"},\"groupClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for group\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"legend\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"\"},\"subLabel\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Sub label text\"},\"suffix\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Suffix text\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { FormGroup } from 'reactstrap';\\r\\n\\r\\n/**\\r\\n * RadioGroup component\\r\\n */\\r\\nclass RadioGroup extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n legend,\\r\\n children,\\r\\n groupClassName = '',\\r\\n labelClassName = '',\\r\\n subLabel = '',\\r\\n description = '',\\r\\n suffix = '',\\r\\n ...rest\\r\\n } = props;\\r\\n\\r\\n return (\\r\\n \\r\\n \\r\\n {legend} {subLabel.length > 0 ? {subLabel} : ''}\\r\\n {description.length > 0 ? (\\r\\n {description} \\r\\n ) : (\\r\\n ''\\r\\n )}\\r\\n \\r\\n \\r\\n {children}\\r\\n \\r\\n {suffix.length > 0 ? {suffix}
: ''}\\r\\n \\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nRadioGroup.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 * Style class name for group\\r\\n */\\r\\n groupClassName: PropTypes.string,\\r\\n /**\\r\\n * Style class name for label\\r\\n */\\r\\n labelClassName: PropTypes.string,\\r\\n legend: PropTypes.any,\\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\\r\\nexport default RadioGroup;\\r\\n\",\"examples\":[]},{\"name\":\"RoundBadge.js\",\"description\":\"RoundBadge component\\r\\nwill display a rounded badge\",\"props\":{\"children\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Text to display on the badge\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Badge } from 'reactstrap';\\r\\n\\r\\n/**\\r\\n * RoundBadge component\\r\\n * will display a rounded badge\\r\\n */\\r\\nclass RoundBadge extends React.Component {\\r\\n render() {\\r\\n const { children, ...rest } = this.props;\\r\\n return (\\r\\n \\r\\n {children}\\r\\n \\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nRoundBadge.propTypes = {\\r\\n /**\\r\\n * Text to display on the badge\\r\\n */\\r\\n children: PropTypes.string,\\r\\n};\\r\\n\\r\\nexport default RoundBadge;\\r\\n\",\"examples\":[{\"name\":\"RoundBadgeExample\",\"description\":\"RoundBadge example\",\"code\":\"import React from 'react';\\r\\nimport { RoundBadge } from '@myie/interact-dom';\\r\\n\\r\\n/** RoundBadge example */\\r\\nclass RoundBadgeExample extends React.Component {\\r\\n constructor(props) {\\r\\n super(props);\\r\\n }\\r\\n\\r\\n render() {\\r\\n return 10 ;\\r\\n }\\r\\n}\\r\\n\\r\\nexport default RoundBadgeExample;\\r\\n\"}]},{\"name\":\"ScrollToTop.js\",\"description\":\"ScrollToTop component\\r\\nThe given content will be scrolled to the top\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":true,\"description\":\"Any children of the component\"},\"refreshMe\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"If true the content will be forcefully scrolled to the top\"},\"location\":{\"type\":{\"name\":\"shape\",\"value\":{\"pathname\":{\"name\":\"string\",\"required\":true}}},\"required\":true,\"description\":\"Browser address\"}},\"code\":\"import { PureComponent } from 'react';\\r\\nimport { withRouter } from 'react-router';\\r\\nimport PropTypes from 'prop-types';\\r\\n\\r\\n/**\\r\\n * ScrollToTop component\\r\\n * The given content will be scrolled to the top\\r\\n */\\r\\nclass ScrollToTop extends PureComponent {\\r\\n componentDidUpdate(prevProps) {\\r\\n const { location } = this.props;\\r\\n\\r\\n if (location.pathname !== prevProps.location.pathname) {\\r\\n window.scrollTo(0, 0);\\r\\n }\\r\\n }\\r\\n\\r\\n componentDidMount() {\\r\\n if (this.props.refreshMe) {\\r\\n window.scrollTo(0, 0);\\r\\n }\\r\\n }\\r\\n\\r\\n render() {\\r\\n const { children } = this.props;\\r\\n\\r\\n return children;\\r\\n }\\r\\n}\\r\\n\\r\\nScrollToTop.propTypes = {\\r\\n /**\\r\\n * Any children of the component\\r\\n */\\r\\n children: PropTypes.element.isRequired,\\r\\n /**\\r\\n * If true the content will be forcefully scrolled to the top\\r\\n */\\r\\n refreshMe: PropTypes.bool,\\r\\n /**\\r\\n * Browser address\\r\\n */\\r\\n location: PropTypes.shape({\\r\\n pathname: PropTypes.string.isRequired,\\r\\n }).isRequired,\\r\\n};\\r\\n\\r\\nexport default withRouter(ScrollToTop);\\r\\n\",\"examples\":[]},{\"name\":\"Slider.js\",\"description\":\"Slider component\",\"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\":\"Input disabled or not\"},\"dp\":{\"type\":{\"name\":\"number\"},\"required\":false,\"description\":\"decimal places\"},\"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\":\"Slider ID\"},\"inputClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for input\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"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\"},\"withInput\":{\"type\":{\"name\":\"any\"},\"required\":false,\"description\":\"\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\nimport { Input, Label, Col, Row } from 'reactstrap';\\r\\nimport Errors, { HasErrors } from './Errors';\\r\\nimport { Validate } from '@myie/interact';\\r\\n\\r\\n/**\\r\\n * Slider component\\r\\n */\\r\\nclass Slider extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n withInput,\\r\\n dp,\\r\\n children,\\r\\n validation = {},\\r\\n labelClassName = '',\\r\\n inputClassName = '',\\r\\n groupClassName = '',\\r\\n showErrors = true,\\r\\n id,\\r\\n field,\\r\\n label,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n onChange,\\r\\n onBlur,\\r\\n disabled,\\r\\n required,\\r\\n suffix = '',\\r\\n ...rest\\r\\n } = props;\\r\\n const { value = '', state = {} } = validation;\\r\\n\\r\\n const inputOverride = (e, dp, func) => {\\r\\n const { target = {} } = e;\\r\\n const { value = '' } = target;\\r\\n if (\\r\\n dp > 0 &&\\r\\n value.indexOf('.') !== -1 &&\\r\\n value.length - value.indexOf('.') > dp + 1\\r\\n ) {\\r\\n return;\\r\\n }\\r\\n if (!target.validity.valid) {\\r\\n return;\\r\\n }\\r\\n if (!value || !isNaN(parseFloat(value))) {\\r\\n func(e);\\r\\n }\\r\\n };\\r\\n var step = dp <= 0 ? '1' : '.' + '0'.repeat(dp - 1) + '1';\\r\\n var fieldName =\\r\\n typeof field === 'string' ? field : `${field[0]}[${field[1]}]`;\\r\\n return (\\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
\\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 ?
{suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?
: ''}\\r\\n
\\r\\n \\r\\n {inputPrefix}\\r\\n \\r\\n ,\\r\\n );\\r\\n }\\r\\n items.push(input);\\r\\n if (inputSuffix) {\\r\\n items.push(\\r\\n \\r\\n \\r\\n {inputSuffix}\\r\\n \\r\\n ,\\r\\n );\\r\\n }\\r\\n return {items} ;\\r\\n }\\r\\n return input;\\r\\n }\\r\\n\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n inputPrefix,\\r\\n inputSuffix,\\r\\n children,\\r\\n validation = {},\\r\\n disabled,\\r\\n required,\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n inputGroupClassName,\\r\\n showErrors = true,\\r\\n id,\\r\\n field,\\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 \\r\\n {label || subLabel || description ? (\\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 ) : (\\r\\n ''\\r\\n )}\\r\\n {this.attachAddons(\\r\\n
,\\r\\n inputPrefix,\\r\\n inputSuffix,\\r\\n inputGroupClassName,\\r\\n id,\\r\\n )}\\r\\n\\r\\n {suffix.length > 0 ?
{suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?
: ''}\\r\\n
\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default TextExample;\\r\\n\"},{\"name\":\"Textsample\",\"description\":\"Text example 2\",\"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 2 */\\r\\nclass Textsample 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 \\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default Textsample;\\r\\n\"}]},{\"name\":\"TextArea.js\",\"description\":\"TextArea component\\r\\nwill display a text area\",\"props\":{\"children\":{\"type\":{\"name\":\"element\"},\"required\":false,\"description\":\"Any children of the component\"},\"description\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"TextArea description text\"},\"disabled\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"TextArea 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\":\"TextArea ID\"},\"label\":{\"type\":{\"name\":\"string\"},\"required\":true,\"description\":\"Label text\"},\"labelClassName\":{\"type\":{\"name\":\"string\"},\"required\":false,\"description\":\"Style class name for label\"},\"required\":{\"type\":{\"name\":\"bool\"},\"required\":false,\"description\":\"TextArea 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\\n\\r\\n/**\\r\\n * TextArea component\\r\\n * will display a text area\\r\\n */\\r\\nclass TextArea extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const {\\r\\n children,\\r\\n validation = {},\\r\\n labelClassName = '',\\r\\n groupClassName = '',\\r\\n showErrors = true,\\r\\n id,\\r\\n field,\\r\\n label,\\r\\n subLabel = '',\\r\\n description = '',\\r\\n disabled,\\r\\n required,\\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 \\r\\n {label || subLabel || description ? (\\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 ) : (\\r\\n ''\\r\\n )}\\r\\n
\\r\\n {suffix.length > 0 ?
{suffix}
: ''}\\r\\n {children}\\r\\n {showErrors ?
: ''}\\r\\n
\\r\\n
\\r\\n );\\r\\n }\\r\\n}\\r\\n\\r\\nexport default TextAreaExample;\\r\\n\"}]},{\"name\":\"Value.js\",\"description\":\"Value component\\r\\nwill display given values\",\"props\":{\"value\":{\"type\":{\"name\":\"union\",\"value\":[{\"name\":\"string\"},{\"name\":\"number\"}]},\"required\":false,\"description\":\"Value to display\"}},\"code\":\"import React from 'react';\\r\\nimport PropTypes from 'prop-types';\\r\\n\\r\\n/**\\r\\n * Value component\\r\\n * will display given values\\r\\n */\\r\\nclass Value extends React.Component {\\r\\n render() {\\r\\n const { props } = this;\\r\\n\\r\\n const { value, ...rest } = props;\\r\\n if (rest && Object.keys(rest).length) {\\r\\n return {value} ;\\r\\n }\\r\\n return <>{value};\\r\\n }\\r\\n}\\r\\n\\r\\nValue.propTypes = {\\r\\n /**\\r\\n * Value to display\\r\\n */\\r\\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\\r\\n};\\r\\n\\r\\nexport default Value;\\r\\n\",\"examples\":[]}]","import {\n RESET_GET_DEPOSIT_PRODUCTS,\n GET_DEPOSIT_PRODUCTS_REQUEST,\n GET_DEPOSIT_PRODUCTS_SUCCESS,\n GET_DEPOSIT_PRODUCTS_FALIURE,\n RESET_SAVE_APPLY_FOR_LATER,\n GET_SAVE_APPLY_FOR_LATER_REQUEST,\n GET_SAVE_APPLY_FOR_LATER_SUCCESS,\n GET_SAVE_APPLY_FOR_LATER_FALIURE,\n RESUME_APPLICATION_REQUEST,\n RESUME_APPLICATION_FALIURE,\n RESUME_APPLICATION_SUCCESS,\n RESET_RESUME_APPLICATION,\n RESUME_APPLICATION_DATA,\n RESET_RESUME_APPLICATION_DATA,\n RESET_SAVE_LONG_APPLY,\n SAVE_LONG_APPLY_REQUEST,\n SAVE_LONG_APPLY_SUCCESS,\n SAVE_LONG_APPLY_FALIURE,\n SAVE_DATA_FOR_SECURITY,\n RESET_GET_DEPOSIT_PRODUCT,\n GET_DEPOSIT_PRODUCT_REQUEST,\n GET_DEPOSIT_PRODUCT_SUCCESS,\n GET_DEPOSIT_PRODUCT_FALIURE,\n SET_RESUME_APPLICATION_MEMORABLE_WORD,\n RESET_RESUME_APPLICATION_MEMORABLE_WORD,\n RESET_GET_APPLICATION_STATUS,\n GET_APPLICATION_STATUS_REQUEST,\n GET_APPLICATION_STATUS_SUCCESS,\n GET_APPLICATION_STATUS_FALIURE,\n} from '../actions/depositProductsTypes';\n\nconst depositProductsDefinition = (state = {}, action) => {\n switch (action.type) {\n case GET_DEPOSIT_PRODUCT_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n\n case GET_DEPOSIT_PRODUCT_SUCCESS:\n return {\n ...state,\n depositProduct: action.getDepositProductResponse,\n isFetching: action.isFetching,\n };\n case GET_DEPOSIT_PRODUCT_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_GET_DEPOSIT_PRODUCT:\n return {\n ...state,\n depositProduct: null,\n isFetching: false,\n error: null,\n };\n\n //\n case GET_DEPOSIT_PRODUCTS_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n\n case GET_DEPOSIT_PRODUCTS_SUCCESS:\n return {\n ...state,\n allDepositProducts: action.getDepositProductsResponse,\n isFetching: action.isFetching,\n };\n case GET_DEPOSIT_PRODUCTS_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_GET_DEPOSIT_PRODUCTS:\n return {\n ...state,\n savingslongapply: null,\n isFetching: false,\n error: null,\n };\n\n //\n case GET_SAVE_APPLY_FOR_LATER_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n\n case GET_SAVE_APPLY_FOR_LATER_SUCCESS:\n return {\n ...state,\n savedData: action.saveLongApplyForLaterResponse,\n isFetching: action.isFetching,\n };\n case GET_SAVE_APPLY_FOR_LATER_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_SAVE_APPLY_FOR_LATER:\n return {\n ...state,\n savedData: null,\n isFetching: false,\n error: null,\n };\n\n //\n\n case RESUME_APPLICATION_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n\n case RESUME_APPLICATION_SUCCESS:\n return {\n ...state,\n resume: action.resumeResponse,\n isFetching: action.isFetching,\n };\n case RESUME_APPLICATION_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_RESUME_APPLICATION:\n return {\n ...state,\n resume: null,\n isFetching: false,\n error: null,\n };\n\n case RESUME_APPLICATION_DATA:\n return {\n ...state,\n resumeData: action.resumeData,\n isFetching: action.isFetching,\n };\n\n case RESET_RESUME_APPLICATION_DATA:\n return {\n ...state,\n resumeData: null,\n isFetching: false,\n error: null,\n };\n\n case SET_RESUME_APPLICATION_MEMORABLE_WORD:\n return {\n ...state,\n resumeMemorableWord: action.data,\n };\n case RESET_RESUME_APPLICATION_MEMORABLE_WORD:\n return {\n ...state,\n resumeMemorableWord: null,\n };\n //\n case SAVE_LONG_APPLY_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n case SAVE_DATA_FOR_SECURITY:\n return {\n ...state,\n savedDataForSecurity: action.savedDataForSecurity,\n };\n case SAVE_LONG_APPLY_SUCCESS:\n return {\n ...state,\n saveLongApplyData: action.saveLongApplyResponse,\n isFetching: action.isFetching,\n };\n case SAVE_LONG_APPLY_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_SAVE_LONG_APPLY:\n return {\n ...state,\n saveLongApplyData: null,\n isFetching: false,\n error: null,\n };\n\n case GET_APPLICATION_STATUS_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n case GET_APPLICATION_STATUS_SUCCESS:\n return {\n ...state,\n applicationStatus: action.ApplicationStatusResponse,\n isFetching: action.isFetching,\n };\n case GET_APPLICATION_STATUS_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_GET_APPLICATION_STATUS:\n return {\n ...state,\n applicationStatus: null,\n isFetching: false,\n error: null,\n };\n default:\n return state;\n }\n};\n\nexport default depositProductsDefinition;\n","export const RESET_GET_DEPOSIT_PRODUCTS = 'RESET_GET_DEPOSIT_PRODUCTS';\nexport const GET_DEPOSIT_PRODUCTS_REQUEST = 'GET_DEPOSIT_PRODUCTS_REQUEST';\nexport const GET_DEPOSIT_PRODUCTS_SUCCESS = 'GET_DEPOSIT_PRODUCTS_SUCCESS';\nexport const GET_DEPOSIT_PRODUCTS_FALIURE = 'GET_DEPOSIT_PRODUCTS_FALIURE';\n\nexport const RESET_GET_DEPOSIT_PRODUCT = 'RESET_GET_DEPOSIT_PRODUCT';\nexport const GET_DEPOSIT_PRODUCT_REQUEST = 'GET_DEPOSIT_PRODUCT_REQUEST';\nexport const GET_DEPOSIT_PRODUCT_SUCCESS = 'GET_DEPOSIT_PRODUCT_SUCCESS';\nexport const GET_DEPOSIT_PRODUCT_FALIURE = 'GET_DEPOSIT_PRODUCT_FALIURE';\n\nexport const RESET_RESUME_APPLICATION = 'RESET_RESUME_APPLICATION';\nexport const RESUME_APPLICATION_REQUEST = 'RESUME_APPLICATION_REQUEST';\nexport const RESUME_APPLICATION_SUCCESS = 'RESUME_APPLICATION_SUCCESS';\nexport const RESUME_APPLICATION_FALIURE = 'RESUME_APPLICATION_FALIURE';\nexport const RESUME_APPLICATION_DATA = 'RESUME_APPLICATION_DATA';\nexport const RESET_RESUME_APPLICATION_DATA = 'RESET_RESUME_APPLICATION_DATA';\n\nexport const RESET_SAVE_LONG_APPLY = 'RESET_SAVE_LONG_APPLY';\nexport const SAVE_LONG_APPLY_REQUEST = 'SAVE_LONG_APPLY_REQUEST';\nexport const SAVE_LONG_APPLY_SUCCESS = 'SAVE_LONG_APPLY_SUCCESS';\nexport const SAVE_LONG_APPLY_FALIURE = 'SAVE_LONG_APPLY_FALIURE';\n\nexport const RESET_SAVE_APPLY_FOR_LATER = 'RESET_SAVE_APPLY_FOR_LATER';\nexport const GET_SAVE_APPLY_FOR_LATER_REQUEST =\n 'GET_SAVE_APPLY_FOR_LATER_REQUEST';\nexport const GET_SAVE_APPLY_FOR_LATER_SUCCESS =\n 'GET_SAVE_APPLY_FOR_LATER_SUCCESS';\nexport const GET_SAVE_APPLY_FOR_LATER_FALIURE =\n 'GET_SAVE_APPLY_FOR_LATER_FALIURE';\n\nexport const SAVE_DATA_FOR_SECURITY = 'SAVE_DATA_FOR_SECURITY';\n\nexport const SET_RESUME_APPLICATION_MEMORABLE_WORD =\n 'SET_RESUME_APPLICATION_MEMORABLE_WORD';\nexport const RESET_RESUME_APPLICATION_MEMORABLE_WORD =\n 'RESET_RESUME_APPLICATION_MEMORABLE_WORD';\n\nexport const RESET_GET_APPLICATION_STATUS = 'RESET_GET_APPLICATION_STATUS';\nexport const GET_APPLICATION_STATUS_REQUEST = 'GET_APPLICATION_STATUS_REQUEST';\nexport const GET_APPLICATION_STATUS_SUCCESS = 'GET_APPLICATION_STATUS_SUCCESS';\nexport const GET_APPLICATION_STATUS_FALIURE = 'GET_APPLICATION_STATUS_FALIURE';\n","import {\n RESET_GET_ADDRESS_LIST,\n GET_ADDRESS_LIST_REQUEST,\n GET_ADDRESS_LIST_SUCCESS,\n GET_ADDRESS_LIST_FALIURE,\n GET_ADDRESS_REQUEST,\n GET_ADDRESS_SUCCESS,\n GET_ADDRESS_FALIURE,\n} from '../actions/addressLookupTypes';\n\nconst addressLookupDefinition = (state = {}, action) => {\n switch (action.type) {\n case GET_ADDRESS_LIST_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n\n case GET_ADDRESS_LIST_SUCCESS:\n return {\n ...state,\n addressLookupData: action.getAddressListResponse?.result,\n currentAddressIndex: action.currentAddressIndex,\n isFetching: action.isFetching,\n noAddressFound:\n action.getAddressListResponse?.result.confidence === 'No matches'\n ? true\n : false,\n };\n case GET_ADDRESS_LIST_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_GET_ADDRESS_LIST:\n return {\n ...state,\n addressLookupData: null,\n currentAddressIndex: '',\n isFetching: false,\n error: null,\n };\n case GET_ADDRESS_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n };\n\n case GET_ADDRESS_SUCCESS:\n return {\n ...state,\n addressDetails: action.getAddressListResponse?.result,\n currentAddressIndex: action.currentAddressIndex,\n isFetching: action.isFetching,\n };\n case GET_ADDRESS_FALIURE:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n default:\n return state;\n }\n};\n\nexport default addressLookupDefinition;\n","export const RESET_GET_ADDRESS_LIST = 'RESET_GET_ADDRESS_LIST';\nexport const GET_ADDRESS_LIST_REQUEST = 'GET_ADDRESS_LIST_REQUEST';\nexport const GET_ADDRESS_LIST_SUCCESS = 'GET_ADDRESS_LIST_SUCCESS';\nexport const GET_ADDRESS_LIST_FALIURE = 'GET_ADDRESS_LIST_FALIURE';\nexport const GET_ADDRESS_REQUEST = 'GET_ADDRESS_REQUEST';\nexport const GET_ADDRESS_SUCCESS = 'GET_ADDRESS_SUCCESS';\nexport const GET_ADDRESS_FALIURE = 'GET_ADDRESS_FALIURE';\n","import {\n SYSTEM_DOWNTIME_MESSAGE_REQUEST,\n GET_SYSTEM_DOWNTIME_MESSAGE_SUCCESS,\n SYSTEM_DOWNTIME_MESSAGE_FAILURE,\n RESET_SYSTEM_DOWNTIME_NEXT_STEP,\n} from '../actions/systemDowntimeTypes';\nconst systemDowntimeDefinition = (state = {}, action) => {\n switch (action.type) {\n case SYSTEM_DOWNTIME_MESSAGE_REQUEST:\n return {\n ...state,\n isFetching: action.isFetching,\n error: action.error,\n };\n case GET_SYSTEM_DOWNTIME_MESSAGE_SUCCESS:\n return {\n ...state,\n systemDowntime: action.systemMessages,\n nextStep: action.nextStep,\n isFetching: action.isFetching,\n error: action.error,\n };\n case RESET_SYSTEM_DOWNTIME_NEXT_STEP:\n return {\n ...state,\n nextStep: action.nextStep,\n messageArray: action.messageArray,\n };\n case SYSTEM_DOWNTIME_MESSAGE_FAILURE:\n default:\n return state;\n }\n};\n\nexport default systemDowntimeDefinition;\n","export const SYSTEM_DOWNTIME_MESSAGE_REQUEST =\n 'SYSTEM_DOWNTIME_MESSAGE_REQUEST';\nexport const SYSTEM_DOWNTIME_MESSAGE_FAILURE =\n 'SYSTEM_DOWNTIME_MESSAGE_FAILURE';\nexport const RESET_SYSTEM_MESSAGES = 'RESET_SYSTEM_MESSAGES';\nexport const GET_SYSTEM_DOWNTIME_MESSAGE_SUCCESS =\n 'GET_SYSTEM_DOWNTIME_MESSAGE_SUCCESS';\nexport const RESET_SYSTEM_DOWNTIME_NEXT_STEP =\n 'RESET_SYSTEM_DOWNTIME_NEXT_STEP';\n","import depositProductsDefinition from './reducers/depositProductsDefinition';\nimport addressLookupDefinition from './reducers/addressLookupDefinition';\nimport systemDowntimeDefinition from './reducers/systemDowntimeDefinition';\n\nconst longApplyDefinition = (state = {}, action) => {\n let newState = state;\n newState = depositProductsDefinition(newState, action);\n newState = addressLookupDefinition(newState, action);\n newState = systemDowntimeDefinition(newState, action);\n\n return newState;\n};\n\nexport default longApplyDefinition;\n","import { Connection } from '@myie/interact';\n\nimport {\n RESET_GET_DEPOSIT_PRODUCTS,\n GET_DEPOSIT_PRODUCTS_REQUEST,\n GET_DEPOSIT_PRODUCTS_SUCCESS,\n GET_DEPOSIT_PRODUCTS_FALIURE,\n RESET_SAVE_APPLY_FOR_LATER,\n GET_SAVE_APPLY_FOR_LATER_REQUEST,\n GET_SAVE_APPLY_FOR_LATER_SUCCESS,\n GET_SAVE_APPLY_FOR_LATER_FALIURE,\n RESET_RESUME_APPLICATION,\n RESUME_APPLICATION_REQUEST,\n RESUME_APPLICATION_SUCCESS,\n RESUME_APPLICATION_FALIURE,\n RESUME_APPLICATION_DATA,\n RESET_RESUME_APPLICATION_DATA,\n RESET_SAVE_LONG_APPLY,\n SAVE_LONG_APPLY_REQUEST,\n SAVE_DATA_FOR_SECURITY,\n SAVE_LONG_APPLY_SUCCESS,\n SAVE_LONG_APPLY_FALIURE,\n RESET_GET_DEPOSIT_PRODUCT,\n GET_DEPOSIT_PRODUCT_REQUEST,\n GET_DEPOSIT_PRODUCT_SUCCESS,\n GET_DEPOSIT_PRODUCT_FALIURE,\n SET_RESUME_APPLICATION_MEMORABLE_WORD,\n RESET_RESUME_APPLICATION_MEMORABLE_WORD,\n RESET_GET_APPLICATION_STATUS,\n GET_APPLICATION_STATUS_REQUEST,\n GET_APPLICATION_STATUS_SUCCESS,\n GET_APPLICATION_STATUS_FALIURE,\n} from './depositProductsTypes';\n\nexport const resetLongapply = () => ({\n type: RESET_GET_DEPOSIT_PRODUCTS,\n});\n\nexport const getDepositProductsRequest = () => ({\n type: GET_DEPOSIT_PRODUCTS_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const getDepositProductsSuccess = json => ({\n type: GET_DEPOSIT_PRODUCTS_SUCCESS,\n getDepositProductsResponse: json,\n isFetching: false,\n error: null,\n});\n\nexport const getDepositProductsFaliure = error => ({\n type: GET_DEPOSIT_PRODUCTS_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const getDepositProducts = request => dispatch => {\n dispatch(getDepositProductsRequest());\n return fetch(\n //Connection.baseUrl('serverRoot') + '/customdar/' + 'v1.0/getallproducts',\n Connection.baseUrl('custombrand') + 'v1.0/getallproducts',\n {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n },\n )\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getDepositProductsSuccess(json)))\n .catch(error => dispatch(getDepositProductsFaliure(error)));\n};\n\nexport const resetSaveLongApplyForLater = () => ({\n type: RESET_SAVE_APPLY_FOR_LATER,\n});\n\nexport const getSaveLongApplyForLaterRequest = () => ({\n type: GET_SAVE_APPLY_FOR_LATER_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const getSaveLongApplyForLaterSuccess = json => ({\n type: GET_SAVE_APPLY_FOR_LATER_SUCCESS,\n saveLongApplyForLaterResponse: json,\n isFetching: false,\n error: null,\n});\n\nexport const getSaveLongApplyForLaterFaliure = error => ({\n type: GET_SAVE_APPLY_FOR_LATER_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const saveLongApplyForLater = request => dispatch => {\n dispatch(getSaveLongApplyForLaterRequest());\n return fetch(Connection.baseUrl('apply') + 'v1.0/save', {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getSaveLongApplyForLaterSuccess(json)))\n .catch(error => dispatch(getSaveLongApplyForLaterFaliure(error)));\n};\n\nexport const resetResumeApplication = () => ({\n type: RESET_RESUME_APPLICATION,\n});\n\nexport const resumeApplicationRequest = () => ({\n type: RESUME_APPLICATION_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const resumeApplicationSuccess = json => ({\n type: RESUME_APPLICATION_SUCCESS,\n resumeResponse: json,\n isFetching: false,\n error: null,\n});\n\nexport const resumeApplicationFaliure = error => ({\n type: RESUME_APPLICATION_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const resumeApplication = request => dispatch => {\n dispatch(resumeApplicationRequest());\n return fetch(Connection.baseUrl('apply') + 'v1.0/return', {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(resumeApplicationSuccess(json)))\n .catch(error => dispatch(resumeApplicationFaliure(error)));\n};\n\nexport const resumeApplicationData = json => ({\n type: RESUME_APPLICATION_DATA,\n resumeData: json,\n isFetching: false,\n error: null,\n});\n\nexport const resetResumeApplicationData = () => ({\n type: RESET_RESUME_APPLICATION_DATA,\n});\n\nexport const setResumeApplicationMemorableWord = data => ({\n type: SET_RESUME_APPLICATION_MEMORABLE_WORD,\n data,\n});\n\nexport const resetResumeApplicationMemorableWord = () => ({\n type: RESET_RESUME_APPLICATION_MEMORABLE_WORD,\n});\n\n////\nexport const resetSaveLongApply = () => ({\n type: RESET_SAVE_LONG_APPLY,\n});\n\nexport const saveLongApplyRequest = () => ({\n type: SAVE_LONG_APPLY_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const saveLongApplySuccess = json => ({\n type: SAVE_LONG_APPLY_SUCCESS,\n saveLongApplyResponse: json,\n isFetching: false,\n error: null,\n});\n\nexport const saveLongApplyFaliure = error => ({\n type: SAVE_LONG_APPLY_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const saveLongApply = request => dispatch => {\n dispatch(resumeApplicationRequest());\n //return fetch(Connection.baseUrl('serverRoot') + '/apply/v1.0/savings', {\n return fetch(Connection.baseUrl('apply') + 'v1.0/savings', {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(saveLongApplySuccess(json)))\n .catch(error => dispatch(saveLongApplyFaliure(error)));\n};\n\nexport const preserveDataforSecurityDetails = json => ({\n type: SAVE_DATA_FOR_SECURITY,\n savedDataForSecurity: json,\n});\n\nexport const resetGetDepositProduct = () => ({\n type: RESET_GET_DEPOSIT_PRODUCT,\n});\n\nexport const getDepositProductRequest = () => ({\n type: GET_DEPOSIT_PRODUCT_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const getDepositProductSuccess = json => ({\n type: GET_DEPOSIT_PRODUCT_SUCCESS,\n getDepositProductResponse: json,\n isFetching: false,\n error: null,\n});\n\nexport const getDepositProductFaliure = error => ({\n type: GET_DEPOSIT_PRODUCT_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const getDepositProduct = request => dispatch => {\n dispatch(getDepositProductsRequest());\n return fetch(\n // Connection.baseUrl('serverRoot') + '/customdar/' + 'v1.0/getproduct',\n Connection.baseUrl('custombrand') + 'v1.0/getproduct',\n {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n },\n )\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getDepositProductSuccess(json)))\n .catch(error => dispatch(getDepositProductFaliure(error)));\n};\n\nexport const getApplicationStatusRequest = () => ({\n type: GET_APPLICATION_STATUS_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const getApplicationStatusFailure = error => ({\n type: GET_APPLICATION_STATUS_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const getApplicationStatusSuccess = json => ({\n type: GET_APPLICATION_STATUS_SUCCESS,\n ApplicationStatusResponse: json,\n isFetching: false,\n error: null,\n});\n\nexport const resetGetApplicationStatus = () => ({\n type: RESET_GET_APPLICATION_STATUS,\n ApplicationStatusResponse: null,\n isFetching: false,\n error: null,\n});\n\nexport const getApplicationStatus = request => dispatch => {\n dispatch(getApplicationStatusRequest());\n return fetch(Connection.baseUrl('apply') + '/v1.0/getonboardingdecision', {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify(request),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => {\n dispatch(getApplicationStatusSuccess(json));\n })\n .catch(error => dispatch(getApplicationStatusFailure(error)));\n};\n","import { Connection } from '@myie/interact';\n\nimport {\n RESET_GET_ADDRESS_LIST,\n GET_ADDRESS_LIST_REQUEST,\n GET_ADDRESS_LIST_SUCCESS,\n GET_ADDRESS_LIST_FALIURE,\n GET_ADDRESS_REQUEST,\n GET_ADDRESS_SUCCESS,\n GET_ADDRESS_FALIURE,\n} from './addressLookupTypes';\nexport const resetGetAddressList = () => ({\n type: RESET_GET_ADDRESS_LIST,\n});\n\nexport const getAddressListRequest = () => ({\n type: GET_ADDRESS_LIST_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const getAddressListSuccess = (json, request) => ({\n type: GET_ADDRESS_LIST_SUCCESS,\n getAddressListResponse: json,\n currentAddressIndex: request.addressIndex,\n isFetching: false,\n error: null,\n});\n\nexport const getAddressListFaliure = error => ({\n type: GET_ADDRESS_LIST_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const getAddressRequest = () => ({\n type: GET_ADDRESS_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const getAddressSuccess = (json, request) => ({\n type: GET_ADDRESS_SUCCESS,\n getAddressListResponse: json,\n currentAddressIndex: request.addressIndex,\n isFetching: false,\n error: null,\n});\n\nexport const getAddressFaliure = error => ({\n type: GET_ADDRESS_FALIURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const getAddressList = request => dispatch => {\n dispatch(getAddressListRequest());\n return fetch(Connection.baseUrl('custombrand') + 'v1.0/address/search', {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify({\n country_iso: 'GBR',\n components: { unspecified: [request.value] },\n datasets: ['gb-address'],\n max_suggestions: 25,\n }),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getAddressListSuccess(json, request)))\n .catch(error => dispatch(getAddressListFaliure(error)));\n};\n\nexport const getAddress = (request, selectGetAddress) => dispatch => {\n dispatch(getAddressRequest());\n fetch(Connection.baseUrl('custombrand') + 'v1.0/address/format', {\n method: 'post',\n headers: Connection.headers(),\n body: JSON.stringify({\n url: request,\n }),\n })\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => {\n dispatch(resetGetAddressList());\n dispatch(getAddressSuccess(json, request));\n selectGetAddress();\n })\n .catch(error => dispatch(getAddressFaliure(error)));\n};\n","import { Connection } from '@myie/interact';\nimport {\n SYSTEM_DOWNTIME_MESSAGE_REQUEST,\n SYSTEM_DOWNTIME_MESSAGE_FAILURE,\n GET_SYSTEM_DOWNTIME_MESSAGE_SUCCESS,\n RESET_SYSTEM_DOWNTIME_NEXT_STEP,\n} from './systemDowntimeTypes';\n\nexport const commonSystemMsgRequest = () => ({\n type: SYSTEM_DOWNTIME_MESSAGE_REQUEST,\n isFetching: true,\n error: null,\n});\n\nexport const commonSystemMsgFailure = error => ({\n type: SYSTEM_DOWNTIME_MESSAGE_FAILURE,\n isFetching: false,\n error: error.message,\n});\n\nexport const getSystemMessagesSuccess = (json, nextStep) => ({\n type: GET_SYSTEM_DOWNTIME_MESSAGE_SUCCESS,\n systemMessages: json,\n nextStep,\n isFetching: false,\n error: null,\n});\n\nexport const resetNextStepFormSubmit = () => ({\n type: RESET_SYSTEM_DOWNTIME_NEXT_STEP,\n nextStep: null,\n isFetching: false,\n error: null,\n});\n\nexport const isSystemReadOnly = (nextStep = null) => dispatch => {\n dispatch(commonSystemMsgRequest());\n return fetch(\n Connection.baseUrl('custombrand') + `v1.0/checkSystemDowntime/`,\n {\n method: 'post',\n headers: Connection.headers(),\n },\n )\n .then(response => Connection.errored(response))\n .then(response => response.json())\n .then(json => dispatch(getSystemMessagesSuccess(json, nextStep)))\n .catch(error => dispatch(commonSystemMsgFailure(error)));\n};\n","import * as depositProducts from './actions/depositProducts';\nimport * as addressLookup from './actions/addressLookup';\nimport * as systemDowntime from './actions/systemDowntime';\n\nconst mapDispatchToProps = {\n ...depositProducts,\n ...addressLookup,\n ...systemDowntime,\n};\n\nexport default mapDispatchToProps;\n","import longApplyDefinition from './reducer';\nimport mapStateToProps from './mapStateToProps';\nimport mapDispatchToProps from './mapDispatchToProps';\n\nexport { longApplyDefinition, mapStateToProps, mapDispatchToProps };\n","import React from 'react';\nimport { Check } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** Check example */\nclass CheckExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: false,\n };\n }\n\n onChange = () => {\n const { value } = this.state;\n this.setState({ value: !value });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default CheckExample;\n","import React from 'react';\nimport { Currency } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** Currency GBP example */\nclass CurrencyExampleGBP extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n form: {\n amount: {\n value: 1500,\n },\n },\n };\n }\n\n onChange = e => {\n const { form } = this.state;\n const value = e.target.value;\n form.amount.value = value;\n this.setState({ form });\n };\n\n render() {\n const currencyCode = 'GBP';\n const { form } = this.state;\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default CurrencyExampleGBP;\n","import React from 'react';\nimport { Currency } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** Currency LKR example */\nclass CurrencyExampleLKR extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n form: {\n amount: {\n value: 1500,\n },\n },\n };\n }\n\n onChange = e => {\n const { form } = this.state;\n const value = e.target.value;\n form.amount.value = value;\n this.setState({ form });\n };\n\n render() {\n const currencyCode = 'LKR';\n const { form } = this.state;\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default CurrencyExampleLKR;\n","import React from 'react';\nimport { Date } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Date example */\nclass DateExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChangeDate = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default DateExample;\n","import React from 'react';\nimport { Dialog } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** Dialog example */\nclass DialogExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: true,\n };\n }\n\n onClick = () => {\n const { value } = this.state;\n this.setState({ value: !value });\n };\n\n render() {\n const { value } = this.state;\n return (\n \n \n \n click Here to close the modal \n \n \n \n
\n );\n }\n}\n\nexport default DialogExample;\n","import React from 'react';\nimport { DropDown } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Dropdown example */\nclass DropDownExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n Item 1\n \n \n Item 2\n \n \n \n \n
\n );\n }\n}\n\nexport default DropDownExample;\n","import React from 'react';\nimport { Errors } from '@myie/interact-dom';\nimport { Validate } from '@myie/interact';\nimport { Input, FormGroup, Row, Col } from 'reactstrap';\n\n/** Errors example */\nclass ErrorsExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n form: {\n name: {\n value: '',\n state: {},\n rules: {\n title: 'Name',\n required: 'Name is required',\n },\n },\n },\n };\n }\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form);\n this.setState({ ...this.state, form });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default ErrorsExample;\n","import React from 'react';\nimport { FormattedCurrency } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** FormattedCurrency example for GBP */\nexport default function TextExample() {\n const currencyCode = 'GBP';\n const currencyQuantity = 1500;\n return (\n \n \n \n \n
\n );\n}\n","import React from 'react';\nimport { FormattedCurrency } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** FormattedCurrency example for LKR */\nexport default function TextExample() {\n const currencyCode = 'LKR';\n const currencyQuantity = 1500;\n return (\n \n \n \n \n
\n );\n}\n","import React from 'react';\nimport { FormattedDate } from '@myie/interact-dom';\n\n/** FormattedDate example */\nclass FormattedDateExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return \n \n \n \n
\n );\n }\n}\n\nexport default MaskExample;\n","import React from 'react';\nimport { Numeric } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Numeric example */\nclass NumericExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default NumericExample;\n","import React from 'react';\nimport { Numeric } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Numeric example with Decimal */\nclass NumericExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default NumericExample;\n","import React from 'react';\nimport { Pagination } from '@myie/interact-dom';\n\n/** Pagination example */\nclass PaginationExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n Offset: 0,\n Size: 8,\n };\n }\n\n getPreviousPage = (Offset, Size) => {\n const previousOffset = Offset - Size;\n if (previousOffset >= 0) {\n this.setState({ ...this.state, Offset: previousOffset });\n }\n };\n\n getNextPage = (Offset, Size, TotalConversationsCount) => {\n const nextOffset = Offset + Size;\n if (nextOffset <= TotalConversationsCount) {\n this.setState({ ...this.state, Offset: nextOffset });\n }\n };\n\n render() {\n const TotalConversationsCount = 17;\n const { Offset, Size } = this.state;\n return (\n \n \n \n \n \n
\n );\n }\n}\n\nexport default RadioExample;\n","import React from 'react';\nimport { RadioButton } from '@myie/interact-dom';\nimport { Row, Col, FormGroup } from 'reactstrap';\n\n/** RadioButton example */\nclass RadioButtonExample extends React.Component {\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default RadioButtonExample;\n","import React from 'react';\nimport { RoundBadge } from '@myie/interact-dom';\n\n/** RoundBadge example */\nclass RoundBadgeExample extends React.Component {\n render() {\n return 10 ;\n }\n}\n\nexport default RoundBadgeExample;\n","import React from 'react';\nimport { Text } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Text example 1 */\nclass TextExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default TextExample;\n","import React from 'react';\nimport { Text } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Text example 2 */\nclass Textsample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n
\n );\n }\n}\n\nexport default Textsample;\n","import React from 'react';\nimport { TextArea } from '@myie/interact-dom';\nimport { FormGroup, Row, Col } from 'reactstrap';\n\n/** Text Area Example */\nclass TextAreaExample extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: '',\n };\n }\n\n onChange = e => {\n const { value } = e.target;\n this.setState({ value });\n };\n\n render() {\n return (\n \n \n \n \n \n
\n );\n }\n}\n\nexport default TextAreaExample;\n","export const RULES = {\n //Logins\n username: /^(?=.*\\d)(?=.*[A-Z])(?!.*[^a-zA-Z0-9])(.{6,23})$/,\n memorableNumber: /^[0-9]{6}$/,\n password: /^(?=(.*[a-z]){1,})(?=(.*[A-Z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s$).{8,50}$/,\n usernameOptional: /^$|^(?=.*\\d)(?=.*[A-Z])(?!.*[^a-zA-Z0-9])(.{6,23})$/,\n passwordOptional: /^$|^(?=(.*[a-z]){1,})(?=(.*[A-Z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s$).{8,50}$/,\n memorableNumberOptional: /^$|[0-9]{6}$/,\n activationCode: /^[a-zA-Z]{2}[0-9]{4}$/,\n activationCode2: /^[0-9]{6}$/,\n passCode: /^[0-9]{1}$/,\n\n //Account Details\n accountHolderName: /^[a-zA-Z- ]{1,30}$/,\n accountNumber: /^[0-9]{8}$/,\n accountNumber2: /^[0-9]{8,8}$/,\n sortCode: /^[0-9]{2}-[0-9]{2}-[0-9]{2}$/,\n payeeName: /^[a-zA-Z0-9]{1,18}$/,\n paymentReference: /^[a-zA-Z0-9]{1,30}$/,\n withdrawalReference: /^[a-zA-Z- .\\d/&]{0,18}$/,\n ammountFormat: /^\\d+(,\\d{3})*\\.?\\d*$/,\n ammountFormat2: /^\\d*(,\\d+)*\\.?\\d*$/,\n dateFormat: /^[^\\s].{9}$/,\n\n //Personal Details\n firstName: /^[a-zA-Z- ']{2,15}$/,\n middleName: /^$|^[a-zA-Z- ']{2,30}$/,\n lastName: /^[a-zA-Z- ']{2,35}$/,\n nationalInsuranceNumber: /^(?!BGbg)(?!GBgb)(?!NKnk)(?!KNkn)(?!TNtn)(?!NTnt)(?!ZZzz)(?:[A-CEGHJ-PR-TW-Za-ceghj-pr-tw-z][A-CEGHJ-NPR-TW-Za-ceghj-npr-tw-z])(?:\\d){6}([A-Da-d])$/,\n mobilePhoneNumber: /^[0|+]{1}7\\d{3}(\\s)?\\d{3}(\\s)?\\d{3}$/,\n daytimePhoneNumber: /^$|^\\s*[0|+]{1}(([+]\\s?\\d[-\\s]?\\d|0)?\\s?\\d([-\\s]?\\d){9}|[(]\\s?\\d([-\\s]?\\d)+\\s*[)]([-\\s]?\\d)+)\\s*$/,\n eveningPhoneNumber: /^$|^\\s*[0|+]{1}(([+]\\s?\\d[-\\s]?\\d|0)?\\s?\\d([-\\s]?\\d){9}|[(]\\s?\\d([-\\s]?\\d)+\\s*[)]([-\\s]?\\d)+)\\s*$/,\n emailAddress: /^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+){0,320}/,\n dateNotBefore1900: /^([12][09]\\d{2}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01]))/,\n\n //Address Details\n flatNumber: /^[a-zA-Z0-9- ]{0,40}$/,\n houseName: /^[a-zA-Z0-9- ]{0,40}$/,\n houseNumber: /^[a-zA-Z0-9- ]{0,6}$/,\n street: /^[a-zA-Z0-9- .]{2,40}$/,\n village: /^$|^[^-\\s][a-zA-Z0-9- .]{2,40}$/,\n town: /^[^-\\s][a-zA-Z0-9- .]{2,30}$/,\n county: /^$|^[a-zA-Z0-9- .]{2,25}$/,\n postcode: /^[a-zA-Z]{1,2}[0-9][0-9A-Za-z]{0,1} {0,1}[0-9][A-Za-z]{2}$/,\n\n //Your Finances\n TaxIdentification: /^[a-zA-Z0-9]*$/,\n\n //Messages\n messageBody: /^[^\\s].{0,750}$/,\n\n //Savings Goals\n savingsGoalName: /^[a-zA-Z- ]/,\n};\n","import _ from 'lodash';\nimport queryString from 'query-string';\n\nconst stateUtility = (function() {\n // const addOtherParamsToUrl = passedParams => {\n // const params = Object.keys(passedParams);\n // let strings = '/';\n // params.forEach(param => {\n // if (\n // passedParams[param] &&\n // passedParams[param].search('propState') === -1\n // ) {\n // strings = `${strings}/${passedParams[param]}`;\n // }\n // });\n\n // return strings;\n // };\n\n // const updateFormData = (data, formData) => {\n // let newFormData = formData;\n // const keys = Object.keys(data);\n // keys.forEach(key => {\n // if (newFormData[key]) {\n // newFormData[key] = data[key];\n // } else {\n // newFormData[`${key}`] = data[key];\n // }\n // });\n\n // return newFormData;\n // };\n\n const setPageState = (storageName, obj, formData) => {\n let currenObj = {};\n currenObj = JSON.parse(window.sessionStorage.getItem('pageState'));\n if (!currenObj) {\n currenObj = {};\n }\n if (currenObj && currenObj[storageName]) {\n currenObj[storageName][`${formData}`] = obj;\n } else {\n currenObj[`${storageName}`] = {};\n let thisObj = currenObj;\n thisObj[storageName][`${formData}`] = obj;\n }\n window.sessionStorage.setItem('pageState', JSON.stringify(currenObj));\n };\n\n const setGlobalValue = data => {\n let currenObj = JSON.parse(window.sessionStorage.getItem('pageState'));\n if (!currenObj) {\n currenObj = {};\n }\n if (currenObj['global']) {\n let currentValues = currenObj['global'];\n const keys = Object.keys(data);\n keys.forEach(key => {\n if (currentValues[key]) {\n currentValues[key] = data[key];\n } else {\n currentValues[`${key}`] = data[key];\n }\n });\n currenObj['global'] = currentValues;\n } else {\n currenObj['global'] = data;\n }\n window.sessionStorage.setItem('pageState', JSON.stringify(currenObj));\n };\n\n const directlyUpdateUrl = (data, storage, history) => {\n if (!storage) {\n return null;\n }\n\n if (!data && !_.isEmpty(data.url)) {\n data.url = {};\n }\n\n const keys = Object.keys(data);\n keys.forEach(key => {\n setPageState(storage, data[key], key);\n });\n const newUrl = queryString.stringifyUrl({\n url: history.location.pathname,\n query: data.url,\n });\n history.push(newUrl);\n };\n\n const getPageState = () => {\n const data = JSON.parse(window.sessionStorage.getItem('pageState'));\n return data;\n };\n\n const getComponentState = storageName => {\n let currenObj = {};\n const Obj = JSON.parse(window.sessionStorage.getItem('pageState'));\n if (!Obj) {\n currenObj = {};\n }\n if (Obj && storageName && Obj[storageName]) {\n currenObj = Obj[storageName];\n }\n return currenObj;\n };\n\n const resetComponentState = storageName => {\n const Obj = JSON.parse(window.sessionStorage.getItem('pageState'));\n\n if (Obj && Obj[storageName]) {\n delete Obj[storageName];\n }\n window.sessionStorage.setItem('pageState', JSON.stringify(Obj));\n };\n\n // const generateUrl = (path, strings, urlData) => {\n // let newUrlString = '';\n // let splitedUrl = path.split(':');\n // let removeLastString = splitedUrl[0].slice(0, -1);\n // let urlParam = urlData;\n // urlParam.propState = true;\n // newUrlString = `${removeLastString}${strings}${JSON.stringify(urlParam)}`;\n // return newUrlString;\n // };\n\n return {\n //addOtherParamsToUrl: addOtherParamsToUrl,\n directlyUpdateUrl: directlyUpdateUrl,\n //updateFormData: updateFormData,\n setGlobalValue: setGlobalValue,\n //generateUrl: generateUrl,\n setPageState: setPageState,\n getPageState: getPageState,\n getComponentState: getComponentState,\n resetComponentState: resetComponentState,\n };\n})();\n\nexport default stateUtility;\n","var map = {\n\t\"./Check/CheckExample\": 244,\n\t\"./Check/CheckExample.js\": 244,\n\t\"./Currency/CurrencyExampleGBP\": 245,\n\t\"./Currency/CurrencyExampleGBP.js\": 245,\n\t\"./Currency/CurrencyExampleLKR\": 246,\n\t\"./Currency/CurrencyExampleLKR.js\": 246,\n\t\"./Date/DateExample\": 247,\n\t\"./Date/DateExample.js\": 247,\n\t\"./Dialog/DialogExample\": 248,\n\t\"./Dialog/DialogExample.js\": 248,\n\t\"./DropDown/DropDownExample\": 249,\n\t\"./DropDown/DropDownExample.js\": 249,\n\t\"./Errors/ErrorsExample\": 250,\n\t\"./Errors/ErrorsExample.js\": 250,\n\t\"./FormattedCurrency/FormattedCurrencyGBP\": 251,\n\t\"./FormattedCurrency/FormattedCurrencyGBP.js\": 251,\n\t\"./FormattedCurrency/FormattedCurrencyLKR\": 252,\n\t\"./FormattedCurrency/FormattedCurrencyLKR.js\": 252,\n\t\"./FormattedDate/FormattedDateExample\": 253,\n\t\"./FormattedDate/FormattedDateExample.js\": 253,\n\t\"./FormattedDate/FormattedDateExampleWithFormat\": 254,\n\t\"./FormattedDate/FormattedDateExampleWithFormat.js\": 254,\n\t\"./InputMask/CheckExample\": 255,\n\t\"./InputMask/CheckExample.js\": 255,\n\t\"./Numeric/NumericExample\": 256,\n\t\"./Numeric/NumericExample.js\": 256,\n\t\"./Numeric/NumericExample2\": 257,\n\t\"./Numeric/NumericExample2.js\": 257,\n\t\"./Pagination/PaginationExample\": 258,\n\t\"./Pagination/PaginationExample.js\": 258,\n\t\"./Radio/RadioExample\": 259,\n\t\"./Radio/RadioExample.js\": 259,\n\t\"./RadioButton/RadioButtonExample\": 260,\n\t\"./RadioButton/RadioButtonExample.js\": 260,\n\t\"./RoundBadge/RoundBadgeExample\": 261,\n\t\"./RoundBadge/RoundBadgeExample.js\": 261,\n\t\"./Text/TextExample\": 262,\n\t\"./Text/TextExample.js\": 262,\n\t\"./Text/Textsample\": 263,\n\t\"./Text/Textsample.js\": 263,\n\t\"./TextArea/TextAreaExample\": 264,\n\t\"./TextArea/TextAreaExample.js\": 264\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 517;","/* eslint-disable no-mixed-spaces-and-tabs, prettier/prettier */\n\nimport { cmsDefinition } from '@myie/interact-cms'\nimport { sharedDefinition } from '@myie/interact-shared'\nimport { twoFactorDefinition } from '@myie/interact-two-factor'\nimport { messagingSystemDefinition } from '@myie/interact-messaging-system'\n\n\nconst interactReducers = { cmsDefinition, sharedDefinition, twoFactorDefinition, messagingSystemDefinition }\n\nexport default interactReducers\n","import { combineReducers } from 'redux';\nimport interactReducers from './interactReducers';\nimport { custombrandAuthenticationDefinition } from '@myie/interact-brand-authentication';\nimport { longApplyDefinition } from '@myie/interact-brand-savings-servicing';\n\nconst includeCustombrandReducers = {\n ...interactReducers,\n longApplyDefinition,\n custombrandAuthenticationDefinition,\n};\n\nconst appReducer = combineReducers({ ...includeCustombrandReducers });\n\nconst rootReducer = (state, action) => {\n if (action.type === 'USER_LOGOUT') {\n state = { cmsDefinition: state.cmsDefinition };\n }\n return appReducer(state, action);\n};\nexport default rootReducer;\n","import { Session } from '@myie/interact';\n\nconst NO_SESSION = 'no session';\nconst getSessionTicket = session => {\n try {\n if (session && session.ticket && session.ticket()) {\n return session.ticket();\n }\n } catch (error) {\n // assume no session\n }\n return NO_SESSION;\n};\n\nconst secureFetch = previousFetch => {\n return (url, options) => {\n const savedSession = getSessionTicket(Session);\n\n try {\n return Promise.resolve(\n previousFetch(url, options).then(response => {\n const currentSession = getSessionTicket(Session);\n if (savedSession === NO_SESSION || savedSession === currentSession) {\n return Promise.resolve(response);\n } else {\n return Promise.resolve({});\n }\n }),\n );\n } catch (err) {\n return Promise.reject(err);\n }\n };\n};\n\nexport default secureFetch;\n","import React, { Component } from 'react';\nimport { HelpContactSidebar } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass DefaultSidebar extends Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default DefaultSidebar;\n","/* eslint-disable no-mixed-spaces-and-tabs, prettier/prettier */\nimport { LongApplySidebars } from '@myie/interact-long-apply-dom'\n\nconst RegisteredSidebars = []\n\nLongApplySidebars.forEach(sb => {\n\tRegisteredSidebars.push(sb)\n}); \n\nexport default RegisteredSidebars","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport DefaultSidebar from './DefaultSidebar';\nimport { withRouter } from 'react-router-dom';\nimport RegisteredSidebars from './CustomSidebars';\nimport queryString from 'query-string';\n\nconst HasSidebar = props => {\n const pathname = props.location.search;\n const urlPath = props.location.pathname;\n let Sidebar = DefaultSidebar;\n const { location } = props;\n const currentState = queryString.parse(location.search);\n\n RegisteredSidebars.forEach(sb => {\n const searchUrl = urlPath.search(sb.url);\n if (urlPath && searchUrl > -1) {\n Sidebar = sb.Sidebar;\n } else {\n if (pathname && pathname.endsWith(sb.url)) {\n if (\n currentState.pageStage === sb.url ||\n currentState.subStage === sb.url\n ) {\n Sidebar = sb.Sidebar;\n }\n }\n }\n });\n\n if (Sidebar !== null) {\n return true;\n } else {\n return false;\n }\n};\n\nclass Sidebar extends Component {\n render() {\n const pathname = this.props.location.search;\n const urlPath = this.props.location.pathname;\n let Sidebar = DefaultSidebar;\n const { location } = this.props;\n const currentState = queryString.parse(location.search);\n\n RegisteredSidebars.forEach(sb => {\n const searchUrl = urlPath.search(sb.url);\n if (urlPath && searchUrl > -1) {\n Sidebar = sb.Sidebar;\n } else {\n if (pathname && pathname.endsWith(sb.url)) {\n if (\n currentState.pageStage === sb.url ||\n currentState.subStage === sb.url\n ) {\n Sidebar = sb.Sidebar;\n }\n }\n }\n });\n\n if (Sidebar !== null) {\n return { ;\n};\n\nexport default Home;\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, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass NoDestinations extends React.Component {\n componentWillUnmount() {\n const { userLogout } = this.props;\n userLogout();\n }\n\n render() {\n return (\n \n
\n \n
\n
\n
$[phone], $[openTimes].`}\n />\n\n \n \n
\n \n \n
\n \n );\n }\n\n return message;\n };\n\n render() {\n const { destinations, error, page, mobNumberNotFound } = this.props;\n const { form, storageName } = this.state;\n const numbers = [];\n\n if (error) {\n return \n
\n );\n }\n if (\n mobNumberNotFound ||\n !destinations.Destinations ||\n destinations.Destinations.length === 0\n ) {\n return \n \n \n );\n }\n}\n\nDestinations.propTypes = {\n destinations: PropTypes.any,\n history: PropTypes.any,\n error: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n getDestinations: PropTypes.any,\n resetDestinations: PropTypes.any,\n sendChallenge: PropTypes.any,\n page: PropTypes.any,\n mobNumberNotFound: PropTypes.any,\n setMobNumberNotFound: PropTypes.any,\n setDestination: PropTypes.func,\n setResend: PropTypes.any,\n resetActivation: PropTypes.func,\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 )(Destinations),\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BreadcrumbItem } from 'reactstrap';\nimport { Validate } from '@myie/interact';\nimport { connect } from 'react-redux';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { TwoFactor } from '@myie/interact';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport NoDestinations from './NoDestinations';\nimport Destinations from './Destinations';\n\nclass SelectDestination extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n mobNumberNotFound: false,\n };\n }\n\n componentDidMount() {\n const { getDestinations } = this.props;\n getDestinations({\n ChallengeKey: TwoFactor.getKey(),\n });\n }\n\n componentWillUnmount() {\n const { resetDestinations } = this.props;\n resetDestinations();\n }\n\n setMobNumberNotFound = () => {\n this.setState({ ...this.state, mobNumberNotFound: true });\n };\n\n cancel = () => {\n const { finishTwoFactor } = this.props;\n finishTwoFactor({});\n };\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n getErrorMessage = () => {\n const { form } = this.state;\n\n let message = null;\n if (form.destination.state && Validate.isInvalid(form.destination.state)) {\n message = (\n \n
\n );\n }\n\n 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 if (\n mobNumberNotFound ||\n !destinations.Destinations ||\n destinations.Destinations.length === 0\n ) {\n return \n \n \n\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n\n \n );\n }\n}\n\nSelectDestination.propTypes = {\n destinations: PropTypes.any,\n error: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n getDestinations: PropTypes.any,\n resetDestinations: PropTypes.any,\n sendChallenge: PropTypes.any,\n setDestination: PropTypes.func,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(SelectDestination);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Button } from 'reactstrap';\nimport { Content, AppMeta } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass Failed extends React.Component {\n retry = e => {\n const { retry } = this.props;\n e.preventDefault();\n retry();\n };\n\n render() {\n return (\n \n \n \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 { Link } from 'react-router-dom';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Button } from 'reactstrap';\nimport { withRouter } from 'react-router-dom';\nimport { Content, Markdown, LinkTag, stateUtility } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport SelectDestination from './SelectDestination';\n\nclass ExpiredCode extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n mobNumberNotFound: false,\n sendCode: false,\n retry: false,\n };\n }\n\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 setMobNumberNotFound = () => {\n this.setState({ ...this.state, mobNumberNotFound: true });\n };\n\n setResend = () => {\n this.setState({ ...this.state, sendCode: true });\n };\n\n setRetry = () => {\n const { resetChallenge, history } = this.props;\n resetChallenge();\n const storage = stateUtility.getPageState();\n let stateData = {\n destination: null,\n twoFapage: 'active',\n destinationReq: null,\n url: {\n twoFa: 'active',\n },\n };\n\n stateUtility.directlyUpdateUrl(\n stateData,\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '',\n history,\n );\n this.setState({ ...this.state, retry: true });\n };\n render() {\n const { setDestination } = this.props;\n\n return (\n \n {!this.state.retry ? (\n \n \n \n $[email], or call us on $[phone] . Our telephone lines are open $[openTimes].`}\n />\n \n this.setRetry()}\n id=\"try-again\"\n >\n \n \n
\n \n ) : (\n ''\n )}\n\n {this.state.retry ? (\n \n \n ) : (\n ''\n )}\n \n );\n }\n}\n\nExpiredCode.propTypes = {\n error: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n resetChallenge: PropTypes.any,\n resetDestinations: PropTypes.any,\n setDestination: PropTypes.any,\n selectedDestination: PropTypes.any,\n reSet: PropTypes.any,\n status: PropTypes.any,\n failed: PropTypes.any,\n challenge: PropTypes.any,\n history: PropTypes.any,\n isAuthenticated: PropTypes.bool,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(ExpiredCode));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { withRouter } from 'react-router-dom';\nimport { Button } from 'reactstrap';\nimport { Content, Markdown, LinkTag, stateUtility } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass ExpiredChallenge extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n mobNumberNotFound: false,\n sendCode: false,\n retry: false,\n };\n }\n\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 setMobNumberNotFound = () => {\n this.setState({ ...this.state, mobNumberNotFound: true });\n };\n\n setResend = () => {\n this.setState({ ...this.state, sendCode: true });\n };\n\n retry = () => {\n const {\n history,\n finishTwoFactor,\n resetDestinations,\n resetChallenge,\n } = this.props;\n finishTwoFactor();\n resetDestinations();\n resetChallenge();\n const storage = stateUtility.getPageState();\n let stateData = {\n destination: null,\n destinationReq: null,\n url: {},\n };\n\n stateUtility.directlyUpdateUrl(\n stateData,\n storage && storage.global && storage.global.storage\n ? storage.global.storage\n : '',\n history,\n );\n // history.push(sharedUtility.getUrl());\n };\n\n setRetry = () => {\n const { resetChallenge } = this.props;\n resetChallenge();\n this.setState({ ...this.state, retry: true });\n };\n render() {\n return (\n \n {!this.state.retry ? (\n \n \n \n $[phone]. Our lines are open $[openTimes].`}\n />\n \n this.retry()}\n id=\"try-again\"\n >\n \n \n
\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 setDestination: PropTypes.any,\n selectedDestination: PropTypes.any,\n reSet: PropTypes.any,\n status: PropTypes.any,\n failed: PropTypes.any,\n challenge: PropTypes.any,\n history: PropTypes.any,\n isAuthenticated: PropTypes.bool,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(ExpiredChallenge));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { Content, Markdown, LinkTag } from '@myie/interact-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 $[email], or call us on $[phone] . Our telephone lines are open $[openTimes].`}\n />\n \n {this.props.isAuthenticated ? (\n \n \n
\n \n );\n }\n}\n\nExceededAttempts.propTypes = {\n finishTwoFactor: PropTypes.any,\n isAuthenticated: PropTypes.bool,\n contacts: PropTypes.object,\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 \n \n
\n
\n {count === 1 && failed ? (\n
\n \n ) : (\n ''\n )}\n {failed && count !== 1 ? (\n
\n \n ) : (\n ''\n )}\n
\n\n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n \n \n $[email], or call us on $[phone] . Our telephone lines are open $[openTimes].`}\n />\n \n {this.props.isAuthenticated ? (\n \n \n
\n \n );\n }\n}\n\nExceededRequests.propTypes = {\n finishTwoFactor: PropTypes.any,\n resetChallenge: PropTypes.any,\n resetDestinations: PropTypes.any,\n isAuthenticated: PropTypes.bool,\n contacts: PropTypes.object,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ExceededRequests);\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';\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 };\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 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 if (localStatus === 'FAILED') {\n return (\n \n {inProgress ? (\n \n {children} \n \n );\n }\n}\n\nTwoFactorModal.propTypes = {\n children: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n inProgress: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(TwoFactorModal);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport TwoFactorFlow from './TwoFactorFlow';\nimport { connect } from 'react-redux';\nimport { mapStateToProps, mapDispatchToProps } from '@myie/interact-two-factor';\nimport { withRouter } from 'react-router-dom';\n\nclass TwoFactorPages extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n location: '',\n };\n }\n componentDidMount() {\n this.updateLocation();\n }\n\n componentDidUpdate() {\n this.updateLocation();\n }\n\n updateLocation = () => {\n this.unlisten = this.props.history.listen(location => {\n this.event = { eventupdate: location, test: 'test' };\n });\n const location = this.props.location;\n if (location !== this.state.location) {\n this.setState({ location });\n }\n };\n\n render() {\n const { inProgress, children } = this.props;\n //TwoFactorFlow is displayed overlapping the main content. So it's categorized as a dialog rather than the page content in terms of accessibility.\n return (\n \n {inProgress ? (\n \n \n {children}\n \n \n );\n }\n}\n\nTwoFactorPages.propTypes = {\n children: PropTypes.any,\n finishTwoFactor: PropTypes.any,\n inProgress: PropTypes.any,\n history: PropTypes.any,\n location: PropTypes.any,\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(withRouter(TwoFactorPages));\n","import React from 'react';\nimport { HelpContactSidebar } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass TwoFactorSideBar extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default TwoFactorSideBar;\n","import React from 'react';\nimport { Settings } from '@myie/interact';\nimport PropTypes from 'prop-types';\nimport { Content } from '@myie/interact-dom';\n\nclass SignIn extends React.Component {\n constructor(props) {\n super(props);\n const { state } = this.props.location;\n this.state = { referer: state && state.referer ? state.referer : null };\n }\n\n signinRedirect = () => {\n localStorage.setItem('redirectUri', this.state.referer);\n Settings.userManager.signinRedirect({});\n };\n\n render() {\n this.signinRedirect();\n return (\n \n
\n );\n }\n}\n\nSignIn.propTypes = {\n location: PropTypes.any,\n};\n\nexport default SignIn;\n","import * as React from 'react';\nimport { Settings } from '@myie/interact';\nimport { Content } from '@myie/interact-dom';\n\nclass SignOut extends React.Component {\n logout = () => {\n Settings.userManager.signoutRedirect({\n id_token_hint: localStorage.getItem('id_token'),\n });\n Settings.userManager.signoutRedirectCallback().then(() => {\n localStorage.clear();\n window.sessionStorage.clear();\n window.location.replace('/');\n });\n window.localStorage.clear();\n window.sessionStorage.clear();\n Settings.userManager.clearStaleState();\n };\n render() {\n this.logout();\n return (\n \n
\n );\n }\n}\n\nexport default SignOut;\n","import React from 'react';\nimport { Settings } from '@myie/interact';\nimport { Content } from '@myie/interact-dom';\n\nclass Callback extends React.Component {\n signinRedirectCallback = () => {\n Settings.userManager\n .signinRedirectCallback()\n .then(user => {\n this.user = user;\n //Session.set(user.id_token, user.profile);\n window.sessionStorage.setItem('mgr_id_token', user.id_token);\n window.sessionStorage.setItem('mgr_access_token', user.access_token);\n window.sessionStorage.setItem('mgr_refresh_token', user.refresh_token);\n\n this.navigateToScreen();\n })\n .catch(err => {\n //console.log(err);\n if (err.message === 'No state in response') {\n Settings.userManager.signinRedirect({}); //TODO: If the sign in process start from Oauth provider web site then getting state error then need to be call authorise again because of client secret\n }\n });\n };\n\n navigateToScreen = () => {\n const redirectUri = localStorage.getItem('redirectUri')\n ? localStorage.getItem('redirectUri')\n : '/';\n\n window.location.replace(redirectUri);\n };\n\n render() {\n this.signinRedirectCallback();\n return (\n \n
\n );\n }\n}\n\nexport default Callback;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Session, Connection } from '@myie/interact';\nimport { Route, Redirect, withRouter } from 'react-router-dom';\nimport { sessionTimer } from '@myie/interact-dom';\nimport { mapDispatchToProps } from '@myie/interact-shared';\nimport { mapDispatchToProps as mapDispatchToProps2FA } from '@myie/interact-two-factor';\n\nclass PrivateRoute extends React.Component {\n constructor(props) {\n super(props);\n const { location } = props;\n this.state = { pathname: location.pathname };\n }\n\n componentWillUnmount() {}\n\n componentDidMount() {\n if (Session.isAuthenticated()) {\n sessionTimer(this.props, true);\n }\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n if (\n Session.isAuthenticated() &&\n prevState.pathname !== nextProps.location.pathname &&\n nextProps.computedMatch.url === nextProps.location.pathname\n ) {\n const lastRequestTime = new Date().getTime();\n window.sessionStorage.setItem('lastRequestTime', lastRequestTime);\n fetch(Connection.baseUrl('utility') + `v1.0/ping`, {\n method: 'get',\n headers: Connection.headers(),\n });\n return { ...prevState, pathname: nextProps.location.pathname };\n }\n return null;\n }\n\n render() {\n const { component: Component, render, ...rest } = this.props;\n if (Session.isAuthenticated()) {\n if (render) {\n return (\n \n
\n );\n }\n}\n\nSignOutCallback.propTypes = {\n userManager: PropTypes.any,\n};\n\nexport default SignOutCallback;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\n\nimport {\n SignOut,\n Callback,\n SignOutCallback,\n SignIn,\n} from '@myie/interact-manager-dom';\n\nconst Routes = [\n \n \n \n
\n
\n
\n \n \n \n
\n \n
\n
\n
\n );\n }\n}\n\nAcquire.propTypes = {\n history: PropTypes.any,\n location: PropTypes.any,\n children: PropTypes.any,\n};\n\nexport default withRouter(Acquire);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Settings } from '@myie/interact';\nimport { Switch, Route, withRouter } from 'react-router-dom';\nimport {\n Switch as MessageSwitch,\n Content,\n NoMatch,\n NetworkError,\n GoogleTagManager,\n TimeOutModal,\n AppMeta,\n ScrollToTop,\n} from '@myie/interact-dom';\nimport { Interceptor, LongApplyLaunchPage } from '@myie/interact-local-dom';\nimport { Routes as StyleguideRoutes } from '@myie/interact-styleguide-dom';\nimport { Routes as LongApplyRoutes } from '@myie/interact-long-apply-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Sidebar, HasSidebar } from '@myie/interact-widget-sidebar-dom';\nimport { Container } from 'reactstrap';\nimport Home from './Home';\nimport { TwoFactorPages } from '@myie/interact-two-factor-dom';\nimport { HelmetProvider } from 'react-helmet-async';\nimport { Routes as cmuRoutes } from '@myie/interact-manager-dom';\nimport Header from './Header';\nimport Footer from './Footer';\n\nclass Acquire extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n location: '',\n };\n }\n\n componentDidMount() {\n this.updateLocation();\n }\n\n componentDidUpdate() {\n this.updateLocation();\n }\n\n updateLocation = () => {\n this.unlisten = this.props.history.listen(location => {\n this.event = { eventupdate: location, test: 'test' };\n });\n const location = this.props.location;\n if (location !== this.state.location) {\n this.setState({ location });\n }\n };\n\n faqClick = e => {\n if (navigator.userAgent.includes('Firefox')) {\n e.preventDefault();\n window.open(CONTACTS.HelpURL);\n return false;\n }\n return true;\n };\n\n render() {\n const localProps = { contacts: CONTACTS };\n const nomatchProps = { contacts: CONTACTS, location: this.props.location };\n return (\n \n \n \n \n
\n
\n
\n
\n
\n
\n \n \n \n \n \n \n \n {HasSidebar(this.props) ? (\n \n
\n
\n
\n
\n
\n \n );\n }\n}\n\nAcquire.propTypes = {\n history: PropTypes.any,\n location: PropTypes.any,\n children: PropTypes.any,\n};\n\nexport default withRouter(Acquire);\n","import React, { Component } from 'react';\nimport { contentContainer } from '@myie/interact-dom';\nimport { Acquire } from '@myie/interact-acquire-dom';\nimport { withRouter } from 'react-router-dom';\n\nclass App extends Component {\n render() {\n return (\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.iegtmId = 'GTM-MZK9ZD6';\n Settings.ticketExpiry = 10;\n Settings.sessionExpiry = 10;\n // using a common root as default\n let root = 'https://dar-qa-app.darapital-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 let connectRoot = 'https://connect.qa-darlington.com';\n const client_id = '';\n const client_secret = '';\n\n const REACT_APP_AUTH_URL = 'https://auth.qa-darlington.com';\n const IDENTITY_ISSUER_URL = 'https://cognito-idp.eu-west-2.amazonaws.com/eu-west-2_P7V3VUMUD';\n\n let cms = \"https://content.qa-darlington.com\"; // CMU API url not CMU editor\n let auth_url = REACT_APP_AUTH_URL;\n let identity_url = IDENTITY_ISSUER_URL;\n\n // Check which environment\n let envname = window.location.hostname;\n let env = '.prod';\n \n if (envname.includes('test-')) {\n env = '.test';\n } else if (envname.includes('qa-')) {\n env = '.qa';\n } else if (envname.includes('uat-')) {\n env = '.uat';\n }\n\n if (envname.includes('editor')) {\n env = '-cmu' + env;\n }\n \n let response = await fetch('/DeploymentConfig/config' + env + '.json'); // fetch file from website location, fixed random name\n \n if (response) {\n try {\n const configuration = await response.json(); // extract json\n cms = configuration.cms || cms;\n root = configuration.root || root;\n auth_url = configuration.auth_url || auth_url;\n identity_url = configuration.identity_url || identity_url;\n Settings.gtmId = configuration.gtmId || Settings.gtmId;\n Settings.iegtmId = configuration.iegtmId || Settings.iegtmId;\n Settings.ticketExpiry =\n configuration.ticketExpiry || Settings.ticketExpiry;\n Settings.sessionExpiry =\n configuration.sessionExpiry || Settings.sessionExpiry;\n Settings.client_id =\n configuration.client_id || client_id;\n Settings.client_secret =\n configuration.client_secret || client_secret;\n connectRoot = configuration.connectRoot || connectRoot;\n } catch (e) {\n //Ignore error but fetch another filename to indicate error to the observant user!\n response = await fetch('/static/css/2.2d7364-2.css');\n }\n }\n\n const IDENTITY_CONFIG = {\n authority: auth_url,\n client_id: Settings.client_id,\n redirect_uri: `${site}/signin-oidc`,\n silent_redirect_uri: `${site}/silentrenew`,\n post_logout_redirect_uri: `${site}/logout/callback`,\n audience: '',\n response_type: 'code', //\"id_token token\",\n automaticSilentRenew: false,\n loadUserInfo: false,\n scope: 'openid profile email aws.cognito.signin.user.admin',\n acr_values: 'Level3',\n ui_locales: 'nb',\n filterProtocolClaims: false,\n revokeAccessTokenOnSignout: false,\n userInfoJwtIssuer: 'RS256',\n client_secret: Settings.client_secret,\n metadata: {\n issuer: identity_url,\n jwks_uri: identity_url + '/.well-known/jwks.json',\n authorization_endpoint: auth_url + '/oauth2/authorize',\n token_endpoint: auth_url + '/oauth2/token',\n userinfo_endpoint: auth_url + '/oauth2/userInfo',\n end_session_endpoint:\n auth_url +\n `/logout?client_id=${Settings.client_id}&redirect_uri=${site}/signin-oidc&response_type=code`,\n check_session_iframe: auth_url + '/connect/checksession',\n revocation_endpoint: auth_url + '/connect/revocation',\n introspection_endpoint: auth_url + '/connect/introspect',\n },\n };\n \n Settings.userManager = createUserManager(\n IDENTITY_CONFIG,\n () => true,\n false,\n '/callback',\n );\n\n // using common set of services\n\n Settings.cmsAvailable = true;\n\n Connection.config(\n {\n cmscontent: `${cms}/content/`,\n savingsservicing: `${root}/savingsservicing/`, \n utility: `${root}/utility/`,\n apply: `${root}/apply/`,\n accounts: `${root}/accounts/`,\n updateuserdetails: `${root}/updateuserdetails/`,\n updateadditionaldetails: `${root}/updateadditionaldetails/`,\n noticetowithdraw: `${root}/noticetowithdraw/`,\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 custombrand: `${root}/customdar/`,\n serverRoot: root,\n connectsignin: `${connectRoot}/sign-in/step-1`,\n connectregister: `${connectRoot}/registration/register`,\n },\n {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n 'x-brand-code': 'dar',\n 'x-channel-type': 'WEB',\n 'x-device-type': 'WEB',\n 'x-client-version': '5.2',\n 'x-device-language': 'en-gb',\n 'x-request-id': function() {\n return uuid.v4();\n },\n 'x-session-ticket': function() {\n return Session.ticket();\n },\n 'x-challenge-key': function() {\n var key = TwoFactor.getKey();\n var value = TwoFactor.getValue();\n if (key && value) {\n return key;\n }\n return null;\n },\n 'x-challenge-code': function() {\n var key = TwoFactor.getKey();\n var value = TwoFactor.getValue();\n if (key && value) {\n return value;\n }\n return null;\n },\n },\n );\n\n Connection.cmuHeaders = function() {\n return {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n authorization: window.sessionStorage.getItem('mgr_access_token')\n ? window.sessionStorage.getItem('mgr_access_token')\n : null,\n };\n };\n\n Session.config(\n function(ticket, customer) {\n if (!ticket || !customer) {\n window.sessionStorage.removeItem('ticket');\n } else {\n window.sessionStorage.setItem(\n 'ticket',\n Utility.hexEncode(JSON.stringify({ ticket, customer })),\n );\n }\n },\n function() {\n const ticket = window.sessionStorage.getItem('ticket');\n if (ticket) {\n return JSON.parse(Utility.hexDecode(ticket)).customer;\n }\n return null;\n },\n function() {\n const ticket = window.sessionStorage.getItem('ticket');\n if (ticket) {\n return JSON.parse(Utility.hexDecode(ticket)).ticket;\n }\n return null;\n },\n );\n};\n\nexport default Config;\n","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\nimport React from 'react';\nimport { render } from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport { createStore, applyMiddleware, compose } from 'redux';\nimport { persistStore, persistReducer } from 'redux-persist';\nimport storage from 'redux-persist/lib/storage/session';\nimport { PersistGate } from 'redux-persist/integration/react';\nimport { Provider } from 'react-redux';\nimport thunk from 'redux-thunk';\nimport { createLogger } from 'redux-logger';\nimport reducer from './reducers';\nimport { Settings } from '@myie/interact';\nimport secureFetch from './lib/secure-fetch/secureFetch';\nimport App from './App';\n//import registerServiceWorker from './registerServiceWorker';\nimport * as serviceWorker from './serviceWorker';\nimport './styling.css';\nimport { loadUser, OidcProvider } from 'redux-oidc';\n\n// apply configuration\nimport Config from './config.js';\n\n// Wrap global fetch function with a check to ensure the original\n// session is the same when the response returns.\n// eslint-disable-next-line no-global-assign\nfetch = secureFetch(fetch);\n\nconst persistConfig = {\n key: 'persistedState',\n storage,\n blacklist: [\n 'accountsDefinition',\n 'cmsDefinition',\n 'twoFactorDefinition',\n 'payByCardDefinition',\n ],\n};\n\nconst middleware = [thunk];\nif (process.env.NODE_ENV === 'notset') {\n // Set to development to enable logging in dev\n middleware.push(createLogger());\n}\n\nconst composeEnhancers =\n typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__\n ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({\n // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...\n })\n : compose;\n\nconst persistedReducer = persistReducer(persistConfig, reducer);\n\nconst enhancer = composeEnhancers(\n applyMiddleware(...middleware),\n // other store enhancers if any\n);\n\n(async () => {\n await Config();\n\n const store = createStore(persistedReducer, enhancer);\n const persistor = persistStore(store);\n loadUser(store, Settings.userManager);\n render(\n \n \n \n \n \n \n \n ,\n document.getElementById('root'),\n );\n})();\n\n//registerServiceWorker();\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport stateUtility from './stateUtility';\nimport queryString from 'query-string';\nimport _ from 'lodash';\n// TODO: use connect HOC to connect to CMS data in store\n\nfunction loadStateHOC(Component, storageName) {\n class StateManagedComponent extends React.Component {\n constructor(props) {\n super(props);\n const { location } = props;\n const currentState = queryString.parse(location.search);\n const definition = stateUtility.getComponentState(storageName);\n let url = {};\n let formData = {};\n if (definition) {\n formData = definition;\n }\n\n if (currentState && !_.isEmpty(currentState)) {\n url = currentState;\n } else {\n url = {};\n if (definition && definition.excludePaths) {\n if (!definition.excludePaths.includes(this.props.location.pathname)) {\n stateUtility.resetComponentState(storageName);\n formData = stateUtility.getComponentState(storageName);\n }\n } else {\n stateUtility.resetComponentState(storageName);\n formData = stateUtility.getComponentState(storageName);\n }\n }\n\n this.state = { stateData: formData, urlParams: url };\n }\n\n //Update urls with the state and form objects.\n updateUrl = (data, url = null) => {\n const { history } = this.props;\n let path = url;\n if (!url) {\n path = history.location.pathname;\n }\n if (data && !data.url) {\n data.url = {};\n }\n // let strings;\n // strings = stateUtility.addOtherParamsToUrl(match.params);\n this.updateState(data);\n\n //const newUrl = stateUtility.generateUrl(match.path, strings, data.url);\n const newUrl = queryString.stringifyUrl({\n url: path,\n query: data.url,\n });\n history.push(newUrl);\n };\n\n refreshUrl = () => {\n const { history } = this.props;\n const newUrl = queryString.stringifyUrl({\n url: history.location.pathname,\n query: {},\n });\n\n history.push(newUrl);\n this.setState({ urlParams: {} });\n };\n\n updateState = data => {\n const keys = Object.keys(data);\n keys.forEach(key => {\n stateUtility.setPageState(storageName, data[key], key);\n });\n const definition = stateUtility.getComponentState(storageName);\n this.setState({ stateData: definition, urlParams: definition.url });\n };\n\n resetComponentState = () => {\n stateUtility.resetComponentState(storageName);\n const definition = stateUtility.getComponentState(storageName);\n this.setState({ stateData: definition, urlParams: {} });\n };\n\n render() {\n // eslint-disable-next-line no-unused-vars\n const { ...rest } = this.props;\n const { stateData, urlParams } = this.state;\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nAccountDescription.propTypes = {\n selectedProduct: PropTypes.any,\n};\n\nexport default AccountDescription;\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport { Link, Redirect } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\nimport {\n Content,\n Check,\n Markdown,\n RadioGroup,\n Radio,\n LinkTag,\n AppMeta,\n FormErrorList,\n SystemDowntimeBanner,\n} from '@myie/interact-dom';\nimport { Button, Form, Alert } from 'reactstrap';\nimport { CONSTANTS } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport AccountDescription from './apply-pages/page-components/AccountDescription';\n\nclass Eligibility extends Component {\n constructor(props) {\n super(props);\n let validations = {\n existingMember: {\n rules: {\n required: {\n message: `Please tell us if you are an existing member of ${CONTACTS.companyName}.`,\n },\n },\n },\n residentsConfirm: {\n rules: {\n required: {\n message:\n 'Please confirm that you are a resident in the UK and pay tax in the UK.',\n },\n },\n value: false,\n },\n confirmSummary: {\n rules: {\n required: {\n message: 'Please agree to the Terms and Conditions.',\n },\n },\n value: false,\n },\n privacyPolicyConfirm: {\n rules: {\n required: {\n message: 'Please read the Privacy Notice.',\n },\n },\n value: false,\n },\n fscsConfirm: {\n rules: {\n required: {\n message: 'Please read the FSCS information sheet.',\n },\n },\n value: false,\n },\n };\n const required = {\n message:\n 'Please tell us if you want to transfer your ISA to this new account.',\n };\n\n this.state = {\n transferYourIsa: required,\n selectedProduct: false,\n validations: validations,\n form: null,\n };\n }\n\n static getDerivedStateFromProps = (nextProps, thisState) => {\n const { allDepositProducts, match, depositProduct } = nextProps;\n const { selectedProduct, validations } = thisState;\n let newForm = null;\n let product = null;\n let accountType = '';\n\n if (depositProduct && depositProduct.Product && !selectedProduct) {\n if (allDepositProducts && allDepositProducts.length) {\n allDepositProducts.forEach(element => {\n if (match.params && match.params.id === element.Product_Code) {\n product = element;\n accountType = CONSTANTS.ACCOUNT_TYPE_CODE.find(element => {\n return product.Account_Type_Code === element;\n });\n }\n });\n\n if (accountType) {\n newForm = {\n existingMember: validations.existingMember,\n isThisTheOnlyIsa: {\n rules: {\n required: {\n message:\n 'Please tell us if this is the only ISA you have opened or funded in the current tax year.',\n },\n },\n value: '',\n },\n transferYourIsa: {\n rules: {},\n value: '',\n },\n residentsConfirm: validations.residentsConfirm,\n confirmSummary: validations.confirmSummary,\n privacyPolicyConfirm: validations.privacyPolicyConfirm,\n fscsConfirm: validations.fscsConfirm,\n };\n } else {\n newForm = validations;\n }\n\n return {\n form: newForm,\n selectedProduct: product,\n };\n }\n }\n\n return null;\n };\n\n onChange = e => {\n const { name, checked, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, checked ? value : null, form);\n this.setState({ ...this.state, form });\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n form = Validate.input(name, value, form, true);\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n let { form, selectedProduct } = this.state;\n const { match, history } = this.props;\n const accountType = CONSTANTS.ACCOUNT_TYPE_CODE.find(element => {\n return selectedProduct.Account_Type_Code === element;\n });\n let newform = Validate.form(form);\n if (!newform.approved) {\n window.scrollTo(0, 0);\n this.setState({ form: newform });\n } else if (match.params && match.params.id) {\n if (form.existingMember.value === 'no') {\n if (accountType) {\n if (\n !form.transferYourIsa.value ||\n (form.transferYourIsa.value && form.transferYourIsa.value === 'yes')\n ) {\n let url = `/long-apply/apply/${match.params.id}`;\n history.push(url);\n }\n } else {\n if (\n !form.existingMember.value ||\n (form.existingMember.value && form.existingMember.value === 'no')\n ) {\n let url = `/long-apply/apply/${match.params.id}`;\n history.push(url);\n }\n }\n }\n\n this.setState({ ...this.state, form: newform });\n }\n };\n\n componentDidMount() {\n const {\n getDepositProducts,\n getDepositProduct,\n match,\n resetResumeApplicationData,\n resetResumeApplicationMemorableWord,\n isSystemReadOnly,\n } = this.props;\n\n resetResumeApplicationData();\n resetResumeApplicationMemorableWord();\n getDepositProducts({\n checkLimitExceeded: true,\n isLongApply: true,\n });\n getDepositProduct({\n ProductId: match.params.id,\n AccountType: 2,\n OnlineAccountOnly: false,\n IncludeLimitExceeded: true,\n });\n isSystemReadOnly();\n window.scrollTo(0, 0);\n }\n\n onEvent = e => {\n const { name, value } = e.target;\n let { form, transferYourIsa } = this.state;\n form = Validate.input(name, value, form, true);\n if (name === 'isThisTheOnlyIsa' && value === 'no') {\n form.transferYourIsa.rules = {\n required: transferYourIsa,\n };\n }\n if (name === 'isThisTheOnlyIsa' && value === 'yes') {\n form.transferYourIsa.rules = {};\n form = Validate.input('transferYourIsa', '', form, true);\n\n //transferYourIsa should have no value\n }\n this.setState({ ...this.state, form });\n };\n\n resume = () => {\n const { updateUrl, formData, resumeApplication } = this.props;\n let stateData = {\n formData: formData,\n url: {\n pageStage: formData.stage,\n },\n };\n\n updateUrl(stateData);\n resumeApplication(formData.stage);\n };\n\n render() {\n const { form, selectedProduct } = this.state;\n const {\n depositProduct,\n allDepositProducts,\n systemDowntime,\n isFetching,\n } = this.props;\n if (\n systemDowntime &&\n systemDowntime.CurrentDowntimeStatus ===\n CONSTANTS.SYSTEM_DOWNTIME_STATUS_ONGOING\n ) {\n return \n
\n );\n }\n\n if (!selectedProduct) {\n return (\n \n
\n
$[phone]. Our lines are open $[openTimes].`}\n />\n \n \n \n \n
\n \n \n );\n }\n}\n\nEligibility.propTypes = {\n match: PropTypes.any,\n history: PropTypes.any,\n account: PropTypes.any,\n selectedProduct: PropTypes.any,\n getDepositProducts: PropTypes.any,\n depositProduct: PropTypes.object,\n allDepositProducts: PropTypes.any,\n form: PropTypes.any,\n setStage: PropTypes.any,\n getDepositProduct: PropTypes.func,\n setStateDynamic: PropTypes.any,\n contacts: PropTypes.object,\n resumeApplication: PropTypes.func,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n resetResumeApplicationData: PropTypes.func,\n isSystemReadOnly: PropTypes.func,\n systemDowntime: PropTypes.object,\n resetResumeApplicationMemorableWord: PropTypes.func,\n isFetching: PropTypes.bool,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Eligibility);\n","import React, { Component } from 'react';\nimport { Markdown } from '@myie/interact-dom';\n\nclass ContactFooter extends Component {\n render() {\n return (\n Contact us `}\n />\n );\n }\n}\n\nContactFooter.propTypes = {};\n\nexport default ContactFooter;\n","import React, { Component } from 'react';\nimport { Button, Row, Col } from 'reactstrap';\nimport {\n Content,\n Markdown,\n Check,\n FormErrorList,\n FormattedCurrency,\n FormattedDate,\n CONSTANTS,\n} from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport _ from 'lodash';\nimport AccountDescription from './page-components/AccountDescription';\nimport ContactFooter from './page-components/ContactFooter';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Validate } from '@myie/interact';\n\nclass Confirmation extends Component {\n constructor(props) {\n super(props);\n\n this.interestFrequencyMapper = {\n MO: 'Monthly',\n YE: 'Yearly',\n };\n this.state = this.initialState(props);\n }\n\n componentDidUpdate() {\n this.submitFormAfterDowntimeCheck();\n }\n\n submitFormAfterDowntimeCheck() {\n const {\n onSubmit,\n setStage,\n systemDowntime,\n nextStep,\n resetNextStepFormSubmit,\n } = this.props;\n\n if (\n systemDowntime &&\n systemDowntime.CurrentDowntimeStatus &&\n systemDowntime.CurrentDowntimeStatus !==\n CONSTANTS.SYSTEM_DOWNTIME_STATUS_ONGOING &&\n nextStep &&\n nextStep === CONSTANTS.NEXT_STEP_FORM_SUBMIT\n ) {\n resetNextStepFormSubmit();\n\n setStage('reviewAndSubmit');\n if (typeof onSubmit === 'function') {\n onSubmit();\n }\n }\n }\n\n initialState = props => {\n const { formData } = props;\n let data = null;\n if ('reviewAndSubmit' in formData) {\n data = formData['reviewAndSubmit'];\n }\n return {\n data: data ? data : {},\n form: {\n accuracyConfirm: {\n rules: {\n required: {\n message:\n 'Please confirm that the information you have provided is accurate.',\n },\n },\n value: data ? !!data.accuracyConfirm : false,\n },\n },\n };\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const { isSystemReadOnly } = this.props;\n let { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n isSystemReadOnly(CONSTANTS.NEXT_STEP_FORM_SUBMIT);\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 onChange = e => {\n const { name, checked, value } = e.target;\n let { form, data } = this.state;\n form = Validate.input(name, checked ? value : null, form);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n saveForLater = () => {\n const { setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n ...formData,\n reviewAndSubmit: data,\n stage: 'reviewAndSubmit',\n },\n url: {\n pageStage: 'saveForLater',\n },\n };\n\n updateUrl(stateData);\n setStage('saveForLater');\n };\n\n submit = () => {\n if (this.state.disabled) {\n return;\n }\n this.setState({ disabled: true });\n };\n\n backToPrevious = stage => {\n const { updateUrl } = this.props;\n const formData =\n this.props.stateData && this.props.stateData.formData\n ? this.props.stateData.formData\n : {};\n if (formData) {\n if (stage in formData) {\n let stateData = {\n formData: {\n ...formData,\n },\n url: {\n pageStage: stage,\n },\n };\n updateUrl(stateData);\n this.setState({ ...this.state, stage: stage });\n }\n }\n };\n\n extractTitle = titleCode => {\n let title = titleCode;\n\n // Find the title array entry with the given code\n let titleObject = CONSTANTS.TITLES.find(\n t => Object.keys(t)[0] === titleCode,\n );\n\n // Extract title text\n if (titleObject) {\n title = titleObject[Object.keys(titleObject)[0]];\n }\n return title;\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 === 'Failed'\n ) {\n return {\n message: 'failed',\n disabled: false,\n };\n }\n\n return null;\n };\n\n setStage = stage => {\n const { setStage } = this.props;\n setStage(stage);\n };\n\n render() {\n const { form } = this.state;\n const { formData, selectedProduct, isFetching } = this.props;\n let personalDetails = null;\n let address1 = null;\n let address2 = null;\n let address3 = null;\n let addressDetails = null;\n let yourFinances = null;\n let accountPreferences = null;\n let lookupAddress = null;\n let lookupFirstPrevAddress = null;\n let lookupSecondPrevAddress = null;\n if ('personalDetails' in formData) {\n personalDetails = formData['personalDetails'];\n }\n if ('addressDetails' in formData) {\n addressDetails = formData['addressDetails'];\n if (addressDetails.form) {\n address1 = formData['addressDetails'].form;\n }\n if (!_.isEmpty(addressDetails.form1)) {\n address2 = formData['addressDetails'].form1;\n }\n if (!_.isEmpty(addressDetails.form2)) {\n address3 = formData['addressDetails'].form2;\n }\n if (addressDetails.lookupForm) {\n lookupAddress = formData['addressDetails'].lookupForm;\n }\n if (\n addressDetails.lookupFormPrevious1 &&\n !_.isEmpty(addressDetails.lookupFormPrevious1)\n ) {\n lookupFirstPrevAddress = formData['addressDetails'].lookupFormPrevious1;\n }\n if (\n addressDetails.lookupFormPrevious2 &&\n !_.isEmpty(addressDetails.lookupFormPrevious2)\n ) {\n lookupSecondPrevAddress =\n formData['addressDetails'].lookupFormPrevious2;\n }\n }\n if ('yourFinances' in formData) {\n yourFinances = formData['yourFinances'];\n }\n if ('accountPreferences' in formData) {\n accountPreferences = formData['accountPreferences'];\n }\n\n return (\n \n );\n }\n}\n\nConfirmation.propTypes = {\n account: PropTypes.any,\n setStage: PropTypes.any,\n isFetching: PropTypes.bool,\n setStateDynamic: PropTypes.any,\n formData: PropTypes.object,\n selectedProduct: PropTypes.object,\n saveData: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n updateUrl: PropTypes.func,\n onSubmit: PropTypes.func,\n stateData: PropTypes.any,\n isSystemReadOnly: PropTypes.func,\n systemDowntime: PropTypes.object,\n nextStep: PropTypes.string,\n resetNextStepFormSubmit: PropTypes.func,\n};\n\nexport default Confirmation;\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport { Col, Row } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport {\n Content,\n FormattedCurrency,\n FormattedDate,\n AppMeta,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-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 { data = {}, account = {}, actionDate } = this.props;\n let amount = data && data['amount'] ? data['amount'] : '';\n const closeOption = data['closeAccount'] ? data['closeAccount'] : false;\n const {\n ExtendedProperties: { AvailableBalance, PendingBalance } = {},\n } = account;\n const balance = AvailableBalance + PendingBalance;\n\n const {\n CurrencyCode,\n //ExtendedProperties: {\n //NominatedAccountNumber,\n //NominatedSortCode,\n //} = {},\n } = account;\n\n if (!account) {\n return null;\n }\n\n return (\n \n \n {account.AccountNumber} \n \n {/*\n {NominatedAccountNumber}, {NominatedSortCode}\n \n */}\n \n \n )}\n \n
\n {closeOption ? (\n \n \n
\n \n );\n }\n}\n\nCreationSuccess.propTypes = {\n resetCreateNoticeToWithdraw: PropTypes.func,\n match: PropTypes.any,\n account: PropTypes.any,\n data: PropTypes.any,\n actionDate: PropTypes.any,\n};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(CreationSuccess);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Content, Text } from '@myie/interact-dom';\n\nclass ContactDetails extends Component {\n onChange = e => {\n const { onChange } = this.props;\n onChange(e);\n };\n\n render() {\n const { form } = this.props;\n return (\n \n \n );\n }\n}\n\nContactDetails.propTypes = {\n onChange: PropTypes.func,\n form: PropTypes.object,\n};\n\nexport default ContactDetails;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Content,\n RadioGroup,\n Radio,\n CONSTANTS,\n Markdown,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass ContactPreferences extends Component {\n onChangePreferences = e => {\n const { updateMarketingPreferences } = this.props;\n updateMarketingPreferences(e);\n };\n\n render() {\n const { form } = this.props;\n return (\n \n \n \n \n Privacy Policy for more information.`}\n />\n \n );\n }\n}\n\nContactPreferences.propTypes = {\n marketingPreferences: PropTypes.object,\n form: PropTypes.object,\n updateMarketingPreferences: PropTypes.func,\n};\n\nexport default ContactPreferences;\n","import React, { Component } from 'react';\nimport { Form, Button } from 'reactstrap';\nimport {\n Content,\n Text,\n Radio,\n DropDown,\n Date,\n Check,\n RadioGroup,\n CONSTANTS,\n FormErrorList,\n RULES,\n} from '@myie/interact-dom';\nimport ContactDetails from './contact-components/ContactDetails';\nimport _ from 'lodash';\nimport ContactPreferences from './contact-components/ContactPreferences';\nimport ContactFooter from './page-components/ContactFooter';\n\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\n\nclass PersonalDetails extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState(props);\n }\n\n initialState = props => {\n const { formData } = props;\n let data = null;\n if ('personalDetails' in formData) {\n data = formData['personalDetails'];\n }\n return {\n data: data ? data : {},\n form: {\n title: {\n rules: {\n stop: true,\n required: {\n message: 'Please tell us your title.',\n },\n },\n value: data ? data.title : '',\n },\n firstName: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter your first name.',\n },\n format: {\n regex: RULES.firstName,\n message: 'Please enter a valid first name.',\n },\n },\n value: data ? data.firstName : '',\n },\n middleName: {\n rules: {\n stop: true,\n format: {\n regex: RULES.middleName,\n message: 'Please enter a valid middle name.',\n },\n },\n value: data ? data.middleName : '',\n },\n lastName: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter your last name.',\n },\n format: {\n regex: RULES.lastName,\n message: 'Please enter a valid last name.',\n },\n },\n value: data ? data.lastName : '',\n },\n gender: {\n rules: {\n required: {\n message: 'Please tell us your gender.',\n },\n },\n value: data ? data.gender : '',\n },\n b_day: {\n rules: {\n title: 'bday',\n stop: true,\n required: {\n message: 'Please tell us your date of birth.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n minAge18: {\n message: 'You must be 18 years or older to apply.',\n },\n },\n value: data ? data.b_day : '',\n },\n maritalStatus: {\n rules: {\n stop: true,\n required: {\n message: 'Please tell us your marital status.',\n },\n },\n value: data ? data.maritalStatus : '',\n },\n nationality: {\n rules: {\n stop: true,\n required: {\n message: 'Please select your nationality.',\n },\n },\n value: data ? data.nationality : '',\n },\n nationalInsuranceNumber: {\n rules: {\n stop: true,\n required: {\n message: 'Please tell us your National Insurance Number.',\n },\n format: {\n regex: RULES.nationalInsuranceNumber,\n message: 'Please provide a valid National Insurance Number.',\n },\n },\n value: data ? data.nationalInsuranceNumber : '',\n },\n confirmUK: {\n rules: {\n required: {\n message: 'Please confirm that you are a UK resident.',\n },\n },\n value: data ? !!data.confirmUK : false,\n },\n mobilePhoneNumber: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter your mobile phone number.',\n },\n format: {\n regex: RULES.mobilePhoneNumber,\n message: 'Please enter a valid mobile number.',\n },\n },\n value: data ? data.mobilePhoneNumber : '',\n },\n daytimePhoneNumber: {\n rules: {\n stop: true,\n format: {\n regex: RULES.daytimePhoneNumber,\n message: 'Please enter a valid daytime phone number.',\n },\n },\n value: data && data.daytimePhoneNumber ? data.daytimePhoneNumber : '',\n },\n eveningPhoneNumber: {\n rules: {\n stop: true,\n format: {\n regex: RULES.eveningPhoneNumber,\n message: 'Please enter a evening phone number.',\n },\n },\n value: data && data.eveningPhoneNumber ? data.eveningPhoneNumber : '',\n },\n emailAddress: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter your email address.',\n },\n format: {\n regex: RULES.emailAddress,\n message: 'Please enter a valid email address.',\n },\n },\n value: data ? data.emailAddress : '',\n },\n confirmEmailAddress: {\n rules: {\n stop: true,\n required: {\n message: 'Please confirm your email address.',\n },\n format: {\n regex: RULES.emailAddress,\n message: 'Please enter a valid email address.',\n },\n compare: {\n message: 'Email addresses do not match.',\n field: 'EmailAddress',\n comparison: () => {\n return this.state.form.emailAddress.value;\n },\n },\n },\n value: data ? data.confirmEmailAddress : '',\n },\n contactPreferences: {\n rules: {\n title: 'contact preferences',\n stop: true,\n required: {\n message: 'Please select how you would like us to contact you.',\n },\n },\n value: data ? data.contactPreferences : '',\n },\n },\n };\n };\n\n componentDidUpdate() {\n const { formData } = this.props;\n const { data } = this.state;\n\n if (\n !_.isEmpty(formData['personalDetails']) &&\n JSON.stringify(data) !== JSON.stringify(formData['personalDetails'])\n ) {\n const state = this.initialState(this.props);\n this.setState({ ...state });\n }\n }\n\n saveForLater = () => {\n const { setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n ...formData,\n personalDetails: data,\n stage: 'personalDetails',\n },\n url: {\n pageStage: 'saveForLater',\n },\n };\n\n updateUrl(stateData);\n setStage('saveForLater');\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateMarketingPreferences = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const { onSubmit, setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n personalDetails: data,\n ...formData,\n },\n url: {\n pageStage: 'addressDetails',\n },\n };\n\n updateUrl(stateData);\n window.scrollTo(0, 0);\n setStage('addressDetails');\n if (typeof onSubmit === 'function') {\n onSubmit(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 {item[keys[0]]}\n \n );\n }\n\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n render() {\n const { form } = this.state;\n\n return (\n \n \n \n \n \n {CONSTANTS &&\n CONSTANTS.TITLES.map((item, index) => {\n return this.dropdownOptions(item, index, 'title');\n })}\n \n \n \n \n {CONSTANTS &&\n CONSTANTS.MARITAL_STATUS_CODE.map((item, index) => {\n return this.dropdownOptions(item, index, 'maritalStatus');\n })}\n \n \n \n {CONSTANTS &&\n CONSTANTS.NATIONALITY.map((item, index) => {\n return this.dropdownOptions(item, index, 'nationality');\n })}\n \n \n \n \n \n \n \n \n
\n \n \n );\n }\n}\n\nPersonalDetails.propTypes = {\n setStage: PropTypes.func,\n setStateDynamic: PropTypes.any,\n formData: PropTypes.any,\n saveData: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n updateUrl: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport default PersonalDetails;\n","import { RULES } from '../../../shared/constants/rules';\n\nexport const form = {\n currentFlatNumber: {\n rules: {\n title: 'currentFlatNumber',\n stop: true,\n required: {\n message: 'Please enter a flat number, house number or house name.',\n },\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n },\n value: '',\n },\n currentHouseName: {\n rules: {\n title: 'currentHouseName',\n stop: true,\n format: {\n regex: RULES.houseName,\n message: 'Please enter a valid house name.',\n },\n },\n value: '',\n },\n currentHouseNumber: {\n rules: {\n title: 'currentHouseNumber',\n stop: true,\n format: {\n regex: RULES.houseNumber,\n message: 'Please enter a valid house number.',\n },\n },\n value: '',\n },\n currentStreet: {\n rules: {\n title: 'currentStreet',\n stop: true,\n required: {\n message: 'Please enter a street name.',\n },\n format: {\n regex: RULES.street,\n message: 'Please enter a valid street name.',\n },\n },\n value: '',\n },\n currentVillage: {\n rules: {\n title: 'currentVillage',\n stop: true,\n format: {\n regex: RULES.village,\n message: 'Please enter a valid village or district.',\n },\n },\n value: '',\n },\n currentTown: {\n rules: {\n title: 'currentTown',\n stop: true,\n required: {\n message: 'Please enter a town or city.',\n },\n format: {\n regex: RULES.town,\n message: 'Please enter a valid town or city.',\n },\n },\n value: '',\n },\n currentCounty: {\n rules: {\n title: 'currentCounty',\n stop: true,\n format: {\n regex: RULES.county,\n message: 'Please enter a valid county.',\n },\n },\n value: '',\n },\n currentPostcode: {\n rules: {\n title: 'currentPostcode',\n stop: true,\n required: {\n message: 'Please enter a postcode.',\n },\n format: {\n regex: RULES.postcode,\n message: 'Please enter a valid postcode.',\n },\n },\n value: '',\n },\n // currentHomeowner: {\n // rules: {\n // title: 'currentHomeowner',\n // stop: true,\n // required: {\n // message: 'Please tell us if you are the homeowner.',\n // },\n // },\n // value: '',\n // },\n\n currentAddressLivingSince: {\n rules: {\n title: 'currentAddressLivingSince',\n stop: true,\n\n required: {\n message: 'Please tell us the date you started living at this address.',\n },\n pastFormatLiving: {\n message: 'Please select a date in the past.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n },\n value: '',\n },\n};\n\nexport const lookupForm = {\n addressInput: {\n rules: {\n title: 'addressInput',\n stop: true,\n required: {\n message: 'Please select an address.',\n },\n },\n value: '',\n },\n // currentHomeowner: {\n // rules: {\n // title: 'currentHomeowner',\n // stop: true,\n // required: {\n // message: 'Please tell us if you are the homeowner.',\n // },\n // },\n // value: '',\n // },\n currentAddressLivingSince: {\n rules: {\n title: 'currentAddressLivingSince',\n stop: true,\n\n required: {\n message: 'Please tell us the date you started living at this address.',\n },\n pastFormatLiving: {\n message: 'Please select a date in the past.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n },\n value: '',\n },\n};\n\nexport const lookupFormPrevious1 = {\n addressInput: {\n rules: {\n title: 'addressInput',\n stop: true,\n required: {\n message: 'Please select an address.',\n },\n },\n value: '',\n },\n // previousHomeownerform1: {\n // rules: {\n // title: 'previousHomeownerform1',\n // stop: true,\n // required: {\n // message: 'Please tell us if you were the homeowner.',\n // },\n // },\n // value: '',\n // },\n\n previousAddressLivingSinceform1: {\n rules: {\n title: 'previousAddressLivingSinceform1',\n stop: true,\n\n required: {\n message: 'Please tell us the date you started living at this address.',\n },\n pastFormatLiving: {\n message: 'Please select a date in the past.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n },\n value: '',\n },\n};\n\nexport const lookupFormPrevious2 = {\n addressInput: {\n rules: {\n title: 'addressInput',\n stop: true,\n required: {\n message: 'Please select an address.',\n },\n },\n value: '',\n },\n // previousHomeownerform2: {\n // rules: {\n // title: 'previousHomeownerform2',\n // stop: true,\n // required: {\n // message: 'Please tell us if you were the homeowner.',\n // },\n // },\n // value: '',\n // },\n\n previousAddressLivingSinceform2: {\n rules: {\n title: 'previousAddressLivingSinceform2',\n stop: true,\n\n required: {\n message: 'Please tell us the date you started living at this address.',\n },\n pastFormatLiving: {\n message: 'Please select a date in the past.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n },\n value: '',\n },\n};\n\nexport const PreviousAddressForm1 = {\n previousUKAddressform1: {\n rules: {\n required: {\n message: `Please tell us if this is a UK address.`,\n },\n },\n },\n previousFlatNumberform1: {\n rules: {\n title: 'previousFlatNumberform1',\n stop: true,\n required: {\n message: 'Please enter a flat number, house number or house name.',\n },\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n },\n value: '',\n },\n previousHouseNameform1: {\n rules: {\n title: 'previousHouseNameform1',\n stop: true,\n format: {\n regex: RULES.houseName,\n message: 'Please enter a valid house name.',\n },\n },\n value: '',\n },\n previousHouseNumberform1: {\n rules: {\n title: 'previousHouseNumberform1',\n stop: true,\n format: {\n regex: RULES.houseNumber,\n message: 'Please enter a valid house number.',\n },\n },\n value: '',\n },\n previousStreetform1: {\n rules: {\n title: 'previousStreetform1',\n stop: true,\n required: {\n message: 'Please enter a street name.',\n },\n format: {\n regex: RULES.street,\n message: 'Please enter a valid street name.',\n },\n },\n value: '',\n },\n previousVillageform1: {\n rules: {\n title: 'previousVillageform1',\n stop: true,\n format: {\n regex: RULES.village,\n message: 'Please enter a valid village or district.',\n },\n },\n value: '',\n },\n previousTownform1: {\n rules: {\n title: 'previousTownform1',\n stop: true,\n required: {\n message: 'Please enter a town or city.',\n },\n format: {\n regex: RULES.town,\n message: 'Please enter a valid town or city.',\n },\n },\n value: '',\n },\n previousCountyform1: {\n rules: {\n title: 'previousCountyform1',\n stop: true,\n format: {\n regex: RULES.county,\n message: 'Please enter a valid county.',\n },\n },\n value: '',\n },\n previousPostcodeform1: {\n rules: {\n title: 'previousPostcodeform1',\n stop: true,\n },\n value: '',\n },\n\n previousCountryform1: {\n rules: {\n title: 'previousCountryform1',\n stop: true,\n },\n value: '',\n },\n\n previousPostZipcodeform1: {\n rules: {\n title: 'previousPostZipcodeform1',\n stop: true,\n },\n value: '',\n },\n // previousHomeownerform1: {\n // rules: {\n // title: 'previousHomeownerform1',\n // stop: true,\n // required: {\n // message: 'Please tell us if you were the homeowner.',\n // },\n // },\n // value: '',\n // },\n previousAddressLivingSinceform1: {\n rules: {\n title: 'previousAddressLivingSinceform1',\n stop: true,\n\n required: {\n message: 'Please tell us the date you started living at this address.',\n },\n pastFormatLiving: {\n message: 'Please select a date in the past.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n },\n value: '',\n },\n};\n\nexport const PreviousAddressForm2 = {\n previousUKAddressform2: {\n rules: {\n required: {\n message: `Please tell us if this is a UK address.`,\n },\n },\n },\n previousFlatNumberform2: {\n rules: {\n title: 'previousFlatNumberform2',\n stop: true,\n required: {\n message: 'Please enter a flat number, house number or house name.',\n },\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n },\n value: '',\n },\n previousHouseNameform2: {\n rules: {\n title: 'previousHouseNameform2',\n stop: true,\n format: {\n regex: RULES.houseName,\n message: 'Please enter a valid house name.',\n },\n },\n value: '',\n },\n previousHouseNumberform2: {\n rules: {\n title: 'previousHouseNumberform2',\n stop: true,\n format: {\n regex: RULES.houseNumber,\n message: 'Please enter a valid house number.',\n },\n },\n value: '',\n },\n previousStreetform2: {\n rules: {\n title: 'previousStreetform2',\n stop: true,\n required: {\n message: 'Please enter a street name.',\n },\n format: {\n regex: RULES.street,\n message: 'Please enter a valid street name.',\n },\n },\n value: '',\n },\n previousVillageform2: {\n rules: {\n title: 'previousVillageform2',\n stop: true,\n format: {\n regex: RULES.village,\n message: 'Please enter a valid village or district.',\n },\n },\n value: '',\n },\n previousTownform2: {\n rules: {\n title: 'previousTownform2',\n stop: true,\n required: {\n message: 'Please enter a town or city.',\n },\n format: {\n regex: RULES.town,\n message: 'Please enter a valid town or city.',\n },\n },\n value: '',\n },\n previousCountyform2: {\n rules: {\n title: 'previousCountyform2',\n stop: true,\n format: {\n regex: RULES.county,\n message: 'Please enter a valid county.',\n },\n },\n value: '',\n },\n previousPostcodeform2: {\n rules: {\n title: 'previousPostcodeform2',\n stop: true,\n },\n value: '',\n },\n\n previousCountryform2: {\n rules: {\n title: 'previousCountryform2',\n stop: true,\n },\n value: '',\n },\n\n previousPostZipcodeform2: {\n rules: {\n title: 'previousPostZipcodeform2',\n stop: true,\n },\n value: '',\n },\n\n previousAddressLivingSinceform2: {\n rules: {\n title: 'previousAddressLivingSinceform2',\n stop: true,\n\n required: {\n message: 'Please tell us the date you started living at this address.',\n },\n pastFormatLiving: {\n message: 'Please select a date in the past.',\n },\n format: {\n regex: RULES.dateNotBefore1900,\n message: 'Please enter a valid date.',\n },\n },\n value: '',\n },\n};\n","import moment from 'moment';\nconst applyPagesUtility = (function() {\n const getTimeDiff = date => {\n let dateofvisit = moment(date);\n let today = moment();\n\n let diff = moment(today, 'YYYY-MM-DD HH:mm:ss').diff(\n moment(dateofvisit, 'YYYY-MM-DD HH:mm:ss'),\n 'days',\n );\n return diff;\n };\n\n const saveAccount = account => {\n window.sessionStorage.setItem('account', account);\n };\n\n const getAccount = () => {\n return window.sessionStorage.getItem('account');\n };\n return {\n getTimeDiff: getTimeDiff,\n saveAccount: saveAccount,\n getAccount: getAccount,\n };\n})();\n\nexport default applyPagesUtility;\n","import React, { Component } from 'react';\nimport { /*Content, */ Text } from '@myie/interact-dom';\n\nimport PropTypes from 'prop-types';\n\nclass CurrentAddress extends Component {\n onChange = e => {\n this.updateForm(e);\n };\n\n render() {\n const { props } = this;\n const { form } = this.props;\n const { addressId } = props;\n\n return (\n \n />\n //\n }\n \n );\n }\n}\n\nCurrentAddress.propTypes = {\n addressId: PropTypes.string.isRequired,\n addressLabel: PropTypes.string.isRequired,\n onChangeHouseDetails: PropTypes.func,\n form: PropTypes.object,\n onChangeFlatNumber: PropTypes.func,\n data: PropTypes.any,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n};\n\nexport default CurrentAddress;\n","import React, { Component } from 'react';\nimport { Date } from '@myie/interact-dom';\n\nimport PropTypes from 'prop-types';\n\nclass ResidentialStatus extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n initialState = () => {};\n\n render() {\n const { form, addressId, addressLabel, formName } = this.props;\n // let legendValue = '';\n // let cmsTagValue = '';\n\n // if (formName === 'current') {\n // legendValue = 'Are you the homeowner?';\n // cmsTagValue = 'LABEL:Are-you-the-homeowner';\n // } else {\n // legendValue = 'Were you the homeowner?';\n // cmsTagValue = 'LABEL:Were-you-the-homeowner';\n // }\n\n const formNameValue = formName === 'current' ? '' : formName;\n return (\n \n {/* \n
\n );\n }\n}\n\nResidentialStatus.propTypes = {\n account: PropTypes.object,\n setStateDynamic: PropTypes.any,\n actionDate: PropTypes.any,\n onChangeDate: PropTypes.func,\n saveData: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n onSubmit: PropTypes.func,\n addressId: PropTypes.string.isRequired,\n addressLabel: PropTypes.string.isRequired,\n form: PropTypes.object,\n formName: PropTypes.any,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n};\n\nexport default ResidentialStatus;\n","import React, { Component } from 'react';\nimport { AddressLookupQAS } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\n\nclass AddressLookupContainer extends Component {\n constructor(props) {\n super(props);\n this.state = this.initialState(props);\n }\n\n initialState = () => {\n return {\n data: {},\n };\n };\n\n componentDidUpdate() {}\n\n onChangeAddressSearchInput = (inputValue, addressIndex) => {\n if (inputValue && inputValue.trim().length > 3) {\n const { getAddressList } = this.props;\n getAddressList({ value: inputValue, addressIndex: addressIndex });\n }\n };\n\n render() {\n const {\n addressLookupData,\n resetGetAddressList,\n getAddress,\n addressDetails,\n noAddressFound,\n isResumedApplication,\n } = this.props;\n return (\n \n {item[keys[0]]}\n \n );\n }\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n onChangeDate = e => {\n const { name, value } = e.target;\n let { form, formIndex, data } = this.state;\n let { updateState, showManualAddress } = this.props;\n let generatedForm = {};\n let form1 = this.props.form1;\n let form2 = this.props.form2;\n let lookupFormPrevious1 = this.props.lookupFormPrevious1;\n let lookupFormPrevious2 = this.props.lookupFormPrevious2;\n let data1 = this.props.data1;\n let data2 = this.props.data2;\n let lookupDataPrevious1 = this.props.lookupDataPrevious1;\n let lookupDataPrevious2 = this.props.lookupDataPrevious2;\n\n if (formIndex === 'form1') {\n if (showManualAddress) {\n form = Validate.input(name, value, form1, true);\n data = data1;\n } else {\n form = Validate.input(name, value, lookupFormPrevious1, true);\n data = lookupDataPrevious1;\n }\n }\n\n if (formIndex === 'form2') {\n if (showManualAddress) {\n form = Validate.input(name, value, form2, true);\n data = data2;\n } else {\n form = Validate.input(name, value, lookupFormPrevious2, true);\n data = lookupDataPrevious2;\n }\n }\n if (!data) {\n data = {};\n }\n data[name] = value;\n this.setState({ ...this.state, form, data });\n let year = parseInt(value.substr(0, 4));\n if (year > 1000 && formIndex === 'form1') {\n //check !form2 && date logic\n let dateofvisit = moment(value);\n let today = moment();\n\n let diff = moment(today, 'YYYY-MM-DD HH:mm:ss').diff(\n moment(dateofvisit, 'YYYY-MM-DD HH:mm:ss'),\n 'days',\n );\n const totalDiff = diff;\n if (totalDiff < 1095) {\n generatedForm = {\n ...(showManualAddress\n ? {\n form1: form,\n data1: data,\n form2: { ...PreviousAddressForm2 },\n data2,\n lookupFormPrevious2: lookupFormPrevious2\n ? lookupFormPrevious2\n : lookupFormPrevious2Object,\n lookupDataPrevious2: {},\n }\n : {\n lookupFormPrevious1: form,\n lookupDataPrevious1: data,\n lookupFormPrevious2: lookupFormPrevious2\n ? lookupFormPrevious2\n : lookupFormPrevious2Object,\n lookupDataPrevious2: {},\n ...(!form2 && { form2: { ...PreviousAddressForm2 }, data2 }),\n }),\n needSecondPrevAddress: true,\n };\n }\n if (totalDiff >= 1095) {\n generatedForm = {\n ...(showManualAddress\n ? { form1: form, data1: data, form2: null, data2: {} }\n : {\n lookupFormPrevious1: form,\n lookupDataPrevious1: data,\n lookupFormPrevious2: lookupFormPrevious2Object,\n lookupDataPrevious2: {},\n }),\n needSecondPrevAddress: false,\n };\n }\n } else {\n switch (formIndex) {\n case 'form1':\n generatedForm = {\n ...(showManualAddress\n ? { form1: form, data1: data, form2: null, data2: {} }\n : {\n lookupFormPrevious1: form,\n lookupDataPrevious1: data,\n lookupFormPrevious2: null,\n lookupDataPrevious2: {},\n }),\n needSecondPrevAddress: false,\n };\n break;\n case 'form2':\n generatedForm = {\n ...(showManualAddress\n ? { form2: form, data2: data }\n : { lookupFormPrevious2: form, lookupDataPrevious2: data }),\n };\n break;\n default:\n }\n }\n\n updateState(generatedForm);\n };\n\n onChangeFlatNumber = e => {\n const { name, value } = e.target;\n let { form, data, formIndex } = this.state;\n const { addressId } = this.props;\n if (\n !form[`${addressId}HouseName${formIndex}`].value &&\n !form[`${addressId}HouseNumber${formIndex}`].value &&\n !value\n ) {\n form = this.addFlatNumberValidation(form);\n } else {\n form = this.removeFlatNumberValidation(form);\n }\n\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n this.updateState(form, data);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n\n form = Validate?.input(name, value, form, true);\n if (!data) {\n data = {};\n }\n\n data[name] = value;\n this.setState({ ...this.state, form, data });\n this.updateState(form, data);\n };\n\n removeFlatNumberValidation = form => {\n const { formIndex } = this.state;\n const { addressId } = this.props;\n let newForm = form;\n let flatNumber = {\n rules: {\n title: `${addressId}FlatNumber${formIndex}`,\n stop: true,\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n },\n value: form[`${addressId}FlatNumber${formIndex}`].value,\n };\n newForm[`${addressId}FlatNumber${formIndex}`] = flatNumber;\n return newForm;\n };\n\n onChangeHouseDetails = e => {\n const { name, value } = e.target;\n const { addressId } = this.props;\n let { form, data, formIndex } = this.state;\n if (value) {\n form = this.removeFlatNumberValidation(form);\n }\n form = Validate.input(name, value, form, true);\n if (\n !form[`${addressId}HouseName${formIndex}`].value &&\n !form[`${addressId}HouseNumber${formIndex}`].value\n ) {\n form = this.addFlatNumberValidation(form);\n }\n\n form = Validate.input(\n `${addressId}FlatNumber${formIndex}`,\n form[`${addressId}FlatNumber${formIndex}`].value,\n form,\n true,\n );\n data[name] = value;\n this.setState({ ...this.state, form, data });\n this.updateState(form, data);\n };\n\n addFlatNumberValidation = form => {\n const { formIndex } = this.state;\n const { addressId } = this.props;\n let newForm = form;\n newForm[`${addressId}FlatNumber${formIndex}`].rules = {\n title: `${addressId}FlatNumber${formIndex}`,\n stop: true,\n required: {\n message:\n 'Please enter a flat number, house number, house name or street name.',\n },\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n };\n return newForm;\n };\n\n addUkAddress = UKaddress => {\n const { form, formIndex } = this.state;\n const { addressId } = this.props;\n let newForm = form;\n if (UKaddress === 'yes') {\n newForm[`${addressId}Postcode${formIndex}`] = {};\n newForm[`${addressId}Postcode${formIndex}`].rules = {\n title: `${addressId}Postcode${formIndex}`,\n stop: true,\n required: {\n message: 'Please enter a postcode.',\n },\n format: {\n regex: RULES.postcode,\n message: 'Please enter a valid postcode.',\n },\n };\n newForm = _.omit(newForm, [\n `${addressId}PostZipcode${formIndex}`,\n `${addressId}Country${formIndex}`,\n ]);\n } else {\n newForm[`${addressId}PostZipcode${formIndex}`] = {};\n newForm[`${addressId}PostZipcode${formIndex}`].rules = {\n title: `${addressId}PostZipcode${formIndex}`,\n stop: true,\n };\n\n newForm[`${addressId}Country${formIndex}`] = {};\n newForm[`${addressId}Country${formIndex}`].rules = {\n title: `${addressId}Country${formIndex}`,\n stop: true,\n required: {\n message: 'Please select a country.',\n },\n };\n\n newForm = _.omit(newForm, [`${addressId}Postcode${formIndex}`]);\n }\n\n return newForm;\n };\n\n onChangeUkAddress = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n form = this.addUkAddress(value);\n form = Validate.input(name, value, form, true);\n if (!data) {\n data = {};\n }\n data[name] = value;\n this.setState({ ...this.state, form, data });\n this.updateState(form, data);\n };\n\n render() {\n const { props } = this;\n const { form, formIndex } = this.state;\n if (!form) {\n return null;\n }\n const { addressTitle, addressId, addressLabel, groupClassName } = props;\n return (\n \n \n \n \n \n {form[`${addressId}UKAddress${formIndex}`].value === 'yes' ? (\n \n \n \n {CONSTANTS &&\n CONSTANTS.COUNTRYLIST.map((item, index) => {\n return this.dropdownOptions(item, index, 'country');\n })}\n \n \n )}\n \n ) : (\n ''\n )}\n \n ) : (\n \n \n );\n }\n}\n\nPreviousAddress.propTypes = {\n addressTitle: PropTypes.string.isRequired,\n addressId: PropTypes.string.isRequired,\n addressLabel: PropTypes.string.isRequired,\n lookupFormPrevious1: PropTypes.object,\n lookupFormPrevious2: PropTypes.object,\n groupClassName: PropTypes.any,\n onChangeHouseDetails: PropTypes.func,\n form1: PropTypes.object,\n form: PropTypes.object,\n onChangeFlatNumber: PropTypes.func,\n data: PropTypes.any,\n updateState: PropTypes.func,\n form2: PropTypes.object,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n showManualAddress: PropTypes.any,\n formIndex: PropTypes.string,\n lookupForm: PropTypes.any,\n formData: PropTypes.any,\n onSelectAddress: PropTypes.any,\n addressInput: PropTypes.any,\n onChangeDate: PropTypes.func,\n lookupDataPrevious1: PropTypes.object,\n lookupDataPrevious2: PropTypes.object,\n data1: PropTypes.object,\n data2: PropTypes.object,\n toggleManualAddress: PropTypes.func,\n};\n\nexport default PreviousAddress;\n","import React, { Component } from 'react';\nimport { Content } from '@myie/interact-dom';\nimport { Button } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport CurrentAddress from './CurrentAddress';\nimport PreviousAddress from './PreviousAddress';\nimport ResidentialStatus from './ResidentialStatus';\nimport AddressLookupContainer from '../AddressLookupContainer';\n\nclass AddressContainer extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n initialState = () => {};\n showManualAddressCurrent = () => {\n const { toggleManualAddress } = this.props;\n toggleManualAddress('current');\n };\n showManualAddressForm1 = () => {\n const { toggleManualAddress } = this.props;\n toggleManualAddress('form1');\n };\n showManualAddressForm2 = () => {\n const { toggleManualAddress } = this.props;\n toggleManualAddress('form2');\n };\n render() {\n const {\n addressTitle,\n addressId,\n addressLabel,\n groupClassName,\n form1,\n form2,\n needFirstPrevAddress,\n needSecondPrevAddress,\n } = this.props;\n\n return (\n \n \n \n {addressTitle}\n \n\n {this.props.showManualAddress ? (\n \n \n \n ) : (\n ''\n )}\n\n {needSecondPrevAddress ? (\n \n \n ) : (\n ''\n )}\n \n );\n }\n}\n\nAddressContainer.propTypes = {\n onChangeDate: PropTypes.func,\n setStateDynamic: PropTypes.any,\n actionDate: PropTypes.any,\n saveData: PropTypes.func,\n updateState: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n lookupFormPrevious1: PropTypes.object,\n lookupFormPrevious2: PropTypes.object,\n onChangeFlatNumber: PropTypes.func,\n onChangeHouseDetails: PropTypes.func,\n addressTitle: PropTypes.string.isRequired,\n addressId: PropTypes.string.isRequired,\n addressLabel: PropTypes.string.isRequired,\n groupClassName: PropTypes.any,\n form: PropTypes.object,\n form1: PropTypes.object,\n form2: PropTypes.object,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n showManualAddress: PropTypes.any,\n showManualAddressPrevious1: PropTypes.bool,\n showManualAddressPrevious2: PropTypes.bool,\n lookupForm: PropTypes.any,\n formData: PropTypes.any,\n onSelectAddress: PropTypes.any,\n addressInput: PropTypes.any,\n lookupDataPrevious1: PropTypes.object,\n lookupDataPrevious2: PropTypes.object,\n data1: PropTypes.object,\n data2: PropTypes.object,\n toggleManualAddress: PropTypes.func,\n needFirstPrevAddress: PropTypes.bool,\n needSecondPrevAddress: PropTypes.bool,\n isResumedApplication: PropTypes.bool,\n};\n\nexport default AddressContainer;\n","import React, { Component } from 'react';\nimport { Form, Button } from 'reactstrap';\nimport { Content, FormErrorList, RULES, Markdown } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport _ from 'lodash';\nimport { Validate } from '@myie/interact';\nimport {\n form as formObject,\n lookupForm as lookupFormObject,\n lookupFormPrevious1 as lookupFormPrevious1Object,\n lookupFormPrevious2 as lookupFormPrevious2Object,\n PreviousAddressForm1,\n PreviousAddressForm2,\n} from './address-components/addressForm';\nimport applyPagesUtility from './utility';\nimport AddressContainer from './address-components/AddressContainer';\nimport ContactFooter from './page-components/ContactFooter';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass AddressDetails extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState(props);\n }\n\n componentDidUpdate() {\n const { formData } = this.props;\n const { data, data1, data2, setFormData } = this.state;\n\n if (\n formData &&\n !setFormData &&\n formData['addressDetails'] &&\n !_.isEmpty(formData['addressDetails']) &&\n (JSON.stringify(data) !==\n JSON.stringify(formData['addressDetails'].form) ||\n JSON.stringify(data1) !==\n JSON.stringify(formData['addressDetails'].form1) ||\n JSON.stringify(data2) !==\n JSON.stringify(formData['addressDetails'].form2))\n ) {\n const initState = this.initialState(this.props);\n this.setState({ ...initState, setFormData: true });\n window.scrollTo(0, 0);\n }\n }\n\n removeFlatNumberValidation = form => {\n let newForm = form;\n let currentFlatNumber = {\n rules: {\n title: 'currentFlatNumber',\n stop: true,\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n },\n value: form.currentFlatNumber.value,\n };\n newForm.currentFlatNumber = currentFlatNumber;\n return newForm;\n };\n\n addFlatNumberValidation = form => {\n let newForm = form;\n newForm.currentFlatNumber.rules = {\n title: 'currentFlatNumber',\n stop: true,\n required: {\n message: 'Please enter a flat number, house number or house name.',\n },\n format: {\n regex: RULES.flatNumber,\n message: 'Please enter a valid flat number.',\n },\n };\n return newForm;\n };\n\n initialState = props => {\n const { formData, isResumedApplication } = props;\n let data = null;\n let data1 = null;\n let data2 = null;\n let lookupData = null;\n\n let lookupDataPrevious1 = null;\n let lookupDataPrevious2 = null;\n let isFirstPrevAddressNeeded = false;\n let isSecondPrevAddressNeeded = false;\n\n if ('addressDetails' in formData) {\n if (!_.isEmpty(formData['addressDetails'].lookupForm)) {\n lookupData = formData['addressDetails'].lookupForm;\n }\n if (!_.isEmpty(formData['addressDetails'].lookupFormPrevious1)) {\n lookupDataPrevious1 = formData['addressDetails'].lookupFormPrevious1;\n }\n if (!_.isEmpty(formData['addressDetails'].lookupFormPrevious2)) {\n lookupDataPrevious2 = formData['addressDetails'].lookupFormPrevious2;\n }\n if (!_.isEmpty(formData['addressDetails'].form)) {\n data = formData['addressDetails'].form;\n }\n if (!_.isEmpty(formData['addressDetails'].form1)) {\n data1 = formData['addressDetails'].form1;\n }\n if (!_.isEmpty(formData['addressDetails'].form2)) {\n data2 = formData['addressDetails'].form2;\n }\n if (formData['addressDetails'].needFirstPrevAddress) {\n isFirstPrevAddressNeeded = true;\n }\n if (formData['addressDetails'].needSecondPrevAddress) {\n isSecondPrevAddressNeeded = true;\n }\n }\n let form = formObject;\n let lookupForm = _.cloneDeep(lookupFormObject);\n let lookupFormPrevious1 = _.cloneDeep(lookupFormPrevious1Object);\n let lookupFormPrevious2 = _.cloneDeep(lookupFormPrevious2Object);\n if (data) {\n if (data.currentFlatNumber) {\n form.currentFlatNumber.value = data.currentFlatNumber;\n }\n if (data.currentHouseName) {\n form.currentHouseName.value = data.currentHouseName;\n }\n if (data.currentHouseNumber) {\n form.currentHouseNumber.value = data.currentHouseNumber;\n }\n if (data.currentStreet) {\n form.currentStreet.value = data.currentStreet;\n }\n if (data.currentVillage) {\n form.currentVillage.value = data.currentVillage;\n }\n if (data.currentTown) {\n form.currentTown.value = data.currentTown;\n }\n if (data.currentCounty) {\n form.currentCounty.value = data.currentCounty;\n }\n if (data.currentPostcode) {\n form.currentPostcode.value = data.currentPostcode;\n }\n\n // if (data.currentHomeowner) {\n // form.currentHomeowner.value = data.currentHomeowner;\n // }\n if (data.currentAddressLivingSince) {\n form.currentAddressLivingSince.value = data.currentAddressLivingSince;\n }\n }\n\n if (lookupData) {\n lookupForm.addressInput.value = lookupData.addressInput;\n lookupForm.currentAddressLivingSince.value =\n lookupData.currentAddressLivingSince;\n }\n\n if (lookupDataPrevious1) {\n lookupFormPrevious1.addressInput.value = lookupDataPrevious1.addressInput;\n lookupFormPrevious1.previousAddressLivingSinceform1.value =\n lookupDataPrevious1.previousAddressLivingSinceform1;\n }\n\n if (lookupDataPrevious2) {\n lookupFormPrevious2.addressInput.value = lookupDataPrevious2.addressInput;\n lookupFormPrevious2.previousAddressLivingSinceform2.value =\n lookupDataPrevious2.previousAddressLivingSinceform2;\n }\n\n const form1 = this.generateInitialform(data1, 'form1');\n const form2 = this.generateInitialform(data2, 'form2');\n\n return {\n setFormData: false,\n data: data ? data : {},\n data1: data1 ? data1 : {},\n data2: data2 ? data2 : {},\n lookupData: lookupData ? lookupData : {},\n lookupDataPrevious1: lookupDataPrevious1 ? lookupDataPrevious1 : {},\n lookupDataPrevious2: lookupDataPrevious2 ? lookupDataPrevious2 : {},\n form,\n form1,\n form2,\n lookupForm,\n lookupFormPrevious1,\n lookupFormPrevious2,\n showManualAddress: isResumedApplication\n ? formData?.Address?.Address?.ManualAddress\n : formData['addressDetails'] && !formData['addressDetails'].lookupForm\n ? true\n : false,\n showManualAddressPrevious1: isResumedApplication\n ? formData?.PreviousAddresses &&\n formData.PreviousAddresses[0].Address.ManualAddress\n : formData['addressDetails'] &&\n !formData['addressDetails'].lookupFormPrevious1 &&\n !_.isEmpty(formData['addressDetails'].form1)\n ? true\n : false,\n showManualAddressPrevious2: isResumedApplication\n ? formData?.PreviousAddresses &&\n formData?.PreviousAddresses[1].Address?.ManualAddress\n : formData['addressDetails'] &&\n !formData['addressDetails'].lookupFormPrevious2 &&\n !_.isEmpty(formData['addressDetails'].form2)\n ? true\n : false,\n needFirstPrevAddress: isFirstPrevAddressNeeded,\n needSecondPrevAddress: isSecondPrevAddressNeeded,\n };\n };\n\n generateInitialform = (data, formName) => {\n let form = null;\n if (formName === 'form1') {\n form = PreviousAddressForm1;\n }\n if (formName === 'form2') {\n form = PreviousAddressForm2;\n }\n\n if (data) {\n if (data[`previousUKAddress${formName}`]) {\n form[`previousUKAddress${formName}`].value =\n data[`previousUKAddress${formName}`];\n }\n if (data[`previousUKAddress${formName}`] === 'yes') {\n form[`previousPostcode${formName}`] = {};\n form[`previousPostcode${formName}`].rules = {\n title: `previousPostcode${formName}`,\n stop: true,\n required: {\n message: 'Please enter a postcode.',\n },\n format: {\n regex: RULES.postcode,\n message: 'Please enter a valid postcode.',\n },\n };\n if (data[`previousPostcode${formName}`]) {\n form[`previousPostcode${formName}`].value =\n data[`previousPostcode${formName}`];\n }\n\n form[`previousCountry${formName}`] = {\n rules: {\n title: 'previousCountryform2',\n stop: true,\n },\n value: '',\n };\n } else {\n form[`previousPostcode${formName}`] = {\n rules: {\n title: 'previousCountryform1',\n stop: true,\n },\n value: '',\n };\n\n form[`previousCountry${formName}`] = {\n rules: {\n title: `previousCountry${formName}`,\n stop: true,\n required: {\n message: 'Please select a country.',\n },\n },\n value: data[`previousCountry${formName}`],\n };\n\n form[`previousPostZipcode${formName}`].rules = {\n title: `previousPostZipcode${formName}`,\n stop: true,\n };\n if (data[`previousPostZipcode${formName}`]) {\n form[`previousPostZipcode${formName}`].value =\n data[`previousPostZipcode${formName}`];\n }\n }\n if (data[`previousFlatNumber${formName}`]) {\n form[`previousFlatNumber${formName}`].value =\n data[`previousFlatNumber${formName}`];\n }\n if (data[`previousHouseName${formName}`]) {\n form[`previousHouseName${formName}`].value =\n data[`previousHouseName${formName}`];\n }\n if (data[`previousHouseNumber${formName}`]) {\n form[`previousHouseNumber${formName}`].value =\n data[`previousHouseNumber${formName}`];\n }\n if (data[`previousStreet${formName}`]) {\n form[`previousStreet${formName}`].value =\n data[`previousStreet${formName}`];\n }\n if (data[`previousVillage${formName}`]) {\n form[`previousVillage${formName}`].value =\n data[`previousVillage${formName}`];\n }\n if (data[`previousTown${formName}`]) {\n form[`previousTown${formName}`].value = data[`previousTown${formName}`];\n }\n if (data[`previousCounty${formName}`]) {\n form[`previousCounty${formName}`].value =\n data[`previousCounty${formName}`];\n }\n if (data[`previousPostcode${formName}`]) {\n form[`previousPostcode${formName}`].value =\n data[`previousPostcode${formName}`];\n }\n\n // if (data[`previousHomeowner${formName}`]) {\n // form[`previousHomeowner${formName}`].value =\n // data[`previousHomeowner${formName}`];\n // }\n if (data[`previousAddressLivingSince${formName}`]) {\n form[`previousAddressLivingSince${formName}`].value =\n data[`previousAddressLivingSince${formName}`];\n }\n } else {\n return null;\n }\n\n return form;\n };\n\n onSelectAddress = (\n name = 'addressInput',\n value = '',\n addressIndex = 'current',\n ) => {\n let {\n lookupForm,\n lookupFormPrevious1,\n lookupFormPrevious2,\n lookupData,\n lookupDataPrevious1,\n lookupDataPrevious2,\n } = this.state;\n if (addressIndex === 'current') {\n lookupForm = Validate.input(name, value, lookupForm, true);\n lookupData = { ...lookupData, addressInput: value };\n this.setState({ ...this.state, lookupForm, lookupData });\n }\n if (addressIndex === 'form1') {\n lookupFormPrevious1 = Validate.input(\n name,\n value,\n lookupFormPrevious1,\n true,\n );\n lookupDataPrevious1 = { ...lookupDataPrevious1, addressInput: value };\n this.setState({\n ...this.state,\n lookupFormPrevious1,\n lookupDataPrevious1,\n });\n }\n if (addressIndex === 'form2') {\n lookupFormPrevious2 = Validate.input(\n name,\n value,\n lookupFormPrevious2,\n true,\n );\n lookupDataPrevious2 = { ...lookupDataPrevious2, addressInput: value };\n this.setState({\n ...this.state,\n lookupFormPrevious2,\n lookupDataPrevious2,\n });\n }\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n onChangeDate = e => {\n const { name, value } = e.target;\n let {\n form,\n form1,\n form2,\n data,\n data1,\n data2,\n lookupForm,\n lookupData,\n showManualAddress,\n lookupDataPrevious1,\n lookupDataPrevious2,\n lookupFormPrevious1,\n lookupFormPrevious2,\n } = this.state;\n if (showManualAddress) {\n form = Validate.input(name, value, form, true);\n data[name] = value;\n } else {\n lookupForm = Validate.input(name, value, lookupForm, true);\n lookupData[name] = value;\n }\n\n let isFirstPrevAddressNeeded = false;\n let isSecondPrevAddressNeeded = this.state.needSecondPrevAddress;\n let year = moment(value).year();\n if (year > 1000) {\n let diff = applyPagesUtility.getTimeDiff(value);\n if (diff < 1095) {\n if (!form1) {\n form1 = { ...PreviousAddressForm1 };\n }\n if (!lookupFormPrevious1) {\n lookupFormPrevious1 = { ...lookupFormPrevious1Object };\n }\n\n isFirstPrevAddressNeeded = true;\n }\n if (diff >= 1095) {\n form1 = null;\n form2 = null;\n data1 = {};\n data2 = {};\n lookupFormPrevious1 = null;\n lookupFormPrevious2 = null;\n lookupDataPrevious1 = {};\n lookupDataPrevious2 = {};\n\n isFirstPrevAddressNeeded = false;\n isSecondPrevAddressNeeded = false;\n }\n } else {\n form1 = null;\n form2 = null;\n data1 = {};\n data2 = {};\n lookupFormPrevious1 = null;\n lookupFormPrevious2 = null;\n lookupDataPrevious1 = {};\n lookupDataPrevious2 = {};\n\n isFirstPrevAddressNeeded = false;\n isSecondPrevAddressNeeded = false;\n }\n this.setState({\n ...this.state,\n form,\n form1,\n form2,\n data,\n data1,\n data2,\n lookupForm,\n lookupData,\n lookupFormPrevious1,\n lookupFormPrevious2,\n lookupDataPrevious1,\n lookupDataPrevious2,\n needFirstPrevAddress: isFirstPrevAddressNeeded,\n needSecondPrevAddress: isSecondPrevAddressNeeded,\n });\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form, data, showManualAddress, lookupForm } = this.state;\n if (showManualAddress) {\n form = Validate.input(name, value, form, true);\n } else {\n lookupForm = Validate.input(name, value, lookupForm, true);\n }\n data[name] = value;\n this.setState({ ...this.state, form, lookupForm });\n };\n\n // onSelectAddress = (name = 'addressInput', value = '') => {\n // let { lookupForm, lookupData } = this.state;\n // lookupForm = Validate.input(name, value, lookupForm, true);\n // lookupData = { addressInput: value };\n // this.setState({ ...this.state, lookupForm, lookupData });\n // };\n\n onChangeFlatNumber = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n if (\n !form.currentHouseName.value &&\n !form.currentHouseNumber.value &&\n !value\n ) {\n form = this.addFlatNumberValidation(form);\n } else {\n form = this.removeFlatNumberValidation(form);\n }\n\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form });\n };\n\n onChangeHouseDetails = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n if (value) {\n form = this.removeFlatNumberValidation(form);\n }\n form = Validate.input(name, value, form, true);\n if (!form.currentHouseName.value && !form.currentHouseNumber.value) {\n form = this.addFlatNumberValidation(form);\n }\n form = Validate.input(\n 'currentFlatNumber',\n form.currentFlatNumber.value,\n form,\n true,\n );\n data[name] = value;\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const {\n onSubmit,\n setStage,\n formData,\n updateUrl,\n isResumedApplication,\n } = this.props;\n let {\n form,\n lookupForm,\n lookupData,\n data,\n data1,\n data2,\n form1,\n form2,\n showManualAddressPrevious1,\n showManualAddressPrevious2,\n lookupFormPrevious1,\n lookupFormPrevious2,\n showManualAddress,\n lookupDataPrevious1,\n lookupDataPrevious2,\n needFirstPrevAddress,\n needSecondPrevAddress,\n } = this.state;\n let updatedFormData = _.cloneDeep(formData);\n if (showManualAddress) {\n form = Validate.form(form);\n } else if (lookupForm) {\n lookupForm = Validate.form(lookupForm);\n }\n\n if (needFirstPrevAddress) {\n if (showManualAddressPrevious1 && form1) {\n form1 = Validate.form(form1);\n } else {\n lookupFormPrevious1 = Validate.form(lookupFormPrevious1);\n }\n }\n\n if (needSecondPrevAddress) {\n if (showManualAddressPrevious2 && form2) {\n form2 = Validate.form(form2);\n } else {\n lookupFormPrevious2 = Validate.form(lookupFormPrevious2);\n }\n }\n\n this.setState({\n ...this.state,\n form,\n form1,\n form2,\n lookupForm,\n lookupFormPrevious2,\n lookupFormPrevious1,\n });\n if (!form.approved && showManualAddress) {\n window.scrollTo(0, 0);\n return;\n } else if (lookupForm && !lookupForm.approved && !showManualAddress) {\n window.scrollTo(0, 0);\n return;\n }\n if (needFirstPrevAddress) {\n if (form1 && !form1.approved && showManualAddressPrevious1) {\n window.scrollTo(0, 0);\n return;\n } else if (\n lookupFormPrevious1 &&\n !lookupFormPrevious1.approved &&\n !showManualAddressPrevious1\n ) {\n window.scrollTo(0, 0);\n return;\n }\n }\n if (needSecondPrevAddress) {\n if (form2 && !form2.approved && showManualAddressPrevious2) {\n window.scrollTo(0, 0);\n return;\n } else if (\n lookupFormPrevious2 &&\n !lookupFormPrevious2.approved &&\n !showManualAddressPrevious2\n ) {\n window.scrollTo(0, 0);\n return;\n }\n }\n if (isResumedApplication) {\n if (updatedFormData?.Address?.Address) {\n updatedFormData.Address.Address.ManualAddress = showManualAddress;\n }\n\n if (updatedFormData?.PreviousAddresses[0]?.Address) {\n updatedFormData.PreviousAddresses[0].Address.ManualAddress = showManualAddressPrevious1;\n }\n\n if (updatedFormData?.PreviousAddresses[1]?.Address) {\n updatedFormData.PreviousAddresses[1].Address.ManualAddress = showManualAddressPrevious2;\n }\n }\n let stateData = {\n formData: {\n ...updatedFormData,\n addressDetails: {\n form: data,\n form1: data1,\n form2: data2,\n ...(!showManualAddress && { lookupForm: lookupData }),\n ...(!showManualAddressPrevious1 && {\n lookupFormPrevious1: lookupDataPrevious1,\n }),\n ...(!showManualAddressPrevious2 && {\n lookupFormPrevious2: lookupDataPrevious2,\n }),\n needFirstPrevAddress,\n needSecondPrevAddress,\n },\n },\n url: {\n pageStage: 'yourFinances',\n },\n };\n window.scrollTo(0, 0);\n updateUrl(stateData);\n setStage('yourFinances');\n if (typeof onSubmit === 'function') {\n onSubmit(form);\n }\n };\n\n setStage = () => {\n const { setStage } = this.props;\n setStage('personalDetails');\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form, amount } = this.state;\n const { data, setStateDynamic } = this.props;\n\n if (checked) {\n form = {\n closeAccount: form.closeAccount,\n };\n } else {\n if (!form.amount) {\n form = {\n amount: amount,\n closeAccount: form.closeAccount,\n };\n }\n }\n form = Validate.input(name, checked ? 'true' : null, form);\n data[name] = checked ? 'true' : null;\n setStateDynamic({\n data,\n combinedForm: {\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n updateState = formObject => {\n this.setState({ ...this.state, ...formObject, setFormData: true });\n };\n\n saveForLater = () => {\n const { setStage, updateUrl, formData, isResumedApplication } = this.props;\n let {\n form,\n lookupForm,\n lookupData,\n data,\n data1,\n data2,\n form1,\n form2,\n showManualAddressPrevious1,\n showManualAddressPrevious2,\n lookupFormPrevious1,\n lookupFormPrevious2,\n showManualAddress,\n lookupDataPrevious1,\n lookupDataPrevious2,\n needFirstPrevAddress,\n needSecondPrevAddress,\n } = this.state;\n let updatedFormData = _.cloneDeep(formData);\n if (showManualAddress) {\n form = Validate.form(form);\n } else if (lookupForm) {\n lookupForm = Validate.form(lookupForm);\n }\n\n if (needFirstPrevAddress) {\n if (showManualAddressPrevious1 && form1) {\n form1 = Validate.form(form1);\n } else {\n lookupFormPrevious1 = Validate.form(lookupFormPrevious1);\n }\n }\n\n if (needSecondPrevAddress) {\n if (showManualAddressPrevious2 && form2) {\n form2 = Validate.form(form2);\n } else {\n lookupFormPrevious2 = Validate.form(lookupFormPrevious2);\n }\n }\n\n this.setState({\n ...this.state,\n form,\n form1,\n form2,\n lookupForm,\n lookupFormPrevious2,\n lookupFormPrevious1,\n });\n\n if (!form.approved && showManualAddress) {\n window.scrollTo(0, 0);\n return;\n } else if (lookupForm && !lookupForm.approved && !showManualAddress) {\n window.scrollTo(0, 0);\n return;\n }\n\n if (needFirstPrevAddress) {\n if (form1 && !form1.approved && showManualAddressPrevious1) {\n window.scrollTo(0, 0);\n return;\n } else if (\n lookupFormPrevious1 &&\n !lookupFormPrevious1.approved &&\n !showManualAddressPrevious1\n ) {\n window.scrollTo(0, 0);\n return;\n }\n }\n if (needSecondPrevAddress) {\n if (form2 && !form2.approved && showManualAddressPrevious2) {\n window.scrollTo(0, 0);\n return;\n } else if (\n lookupFormPrevious2 &&\n !lookupFormPrevious2.approved &&\n !showManualAddressPrevious2\n ) {\n window.scrollTo(0, 0);\n return;\n }\n }\n if (isResumedApplication) {\n if (updatedFormData?.Address?.Address) {\n updatedFormData.Address.Address.ManualAddress = showManualAddress;\n }\n\n if (updatedFormData?.PreviousAddresses[0]?.Address) {\n updatedFormData.PreviousAddresses[0].Address.ManualAddress = showManualAddressPrevious1;\n }\n\n if (updatedFormData?.PreviousAddresses[1]?.Address) {\n updatedFormData.PreviousAddresses[1].Address.ManualAddress = showManualAddressPrevious2;\n }\n }\n let stateData = {\n formData: {\n ...updatedFormData,\n addressDetails: {\n form: data,\n form1: data1,\n form2: data2,\n ...(!showManualAddress && { lookupForm: lookupData }),\n ...(!showManualAddressPrevious1 && {\n lookupFormPrevious1: lookupDataPrevious1,\n }),\n ...(!showManualAddressPrevious2 && {\n lookupFormPrevious2: lookupDataPrevious2,\n }),\n needFirstPrevAddress,\n needSecondPrevAddress,\n },\n stage: 'addressDetails',\n },\n url: {\n pageStage: 'saveForLater',\n },\n };\n\n updateUrl(stateData);\n setStage('saveForLater');\n };\n\n getErrorCount = validations => {\n if (!validations) {\n return 0;\n }\n let keys = Object.keys(validations);\n let errors = [];\n let items = 0;\n\n keys.forEach(key => {\n if (typeof validations[key] !== 'boolean') {\n errors = Validate.errors(validations[key]);\n }\n if (key !== 'approved' && errors.length > 0) {\n items = items + 1;\n }\n });\n return items;\n };\n\n activatePreviousAddressForm = (date, form) => {\n let { data } = this.state;\n\n if (data && date) {\n let year = moment(date).year();\n if (year > 1000) {\n let diff = applyPagesUtility.getTimeDiff(date);\n if (!form && diff < 1095) {\n form = { ...form };\n }\n }\n }\n return form;\n };\n\n resetUnSelectedAddressInput = defaultState => {\n if (\n defaultState.lookupForm?.addressInput &&\n !_.isObject(defaultState.lookupForm.addressInput.value)\n ) {\n defaultState.lookupForm.addressInput.value = '';\n }\n if (\n defaultState.lookupData?.addressInput &&\n !_.isObject(defaultState.lookupData.addressInput)\n ) {\n defaultState.lookupData = {};\n }\n\n if (\n defaultState.lookupFormPrevious1?.addressInput &&\n !_.isObject(defaultState.lookupFormPrevious1.addressInput.value)\n ) {\n defaultState.lookupFormPrevious1.addressInput.value = '';\n }\n if (\n defaultState.lookupDataPrevious1?.addressInput &&\n !_.isObject(defaultState.lookupDataPrevious1.addressInput)\n ) {\n defaultState.lookupDataPrevious1 = {};\n }\n\n if (\n defaultState.lookupFormPrevious2?.addressInput &&\n !_.isObject(defaultState.lookupFormPrevious2.addressInput.value)\n ) {\n defaultState.lookupFormPrevious2.addressInput.value = '';\n }\n if (\n defaultState.lookupDataPrevious2?.addressInput &&\n !_.isObject(defaultState.lookupDataPrevious2.addressInput)\n ) {\n defaultState.lookupDataPrevious2.addressInput = {};\n }\n };\n\n resetPrevForm = (formIndex, defaultState) => {\n if (formIndex === 'form1' && !defaultState.form1) {\n defaultState.form1 = { ...PreviousAddressForm1 };\n } else if (formIndex === 'form2' && !defaultState.form2) {\n defaultState.form2 = { ...PreviousAddressForm2 };\n }\n\n let prevAddressFlag = false;\n let secondPrevAddressFlag = false;\n if (formIndex === 'current') {\n if (defaultState.showManualAddress === true) {\n if (defaultState.lookupForm.currentAddressLivingSince.value !== '') {\n prevAddressFlag = this.isPreviousAddressRequired(\n defaultState.lookupForm.currentAddressLivingSince.value,\n );\n defaultState.needFirstPrevAddress = prevAddressFlag;\n if (prevAddressFlag === true) {\n if (defaultState.showManualAddressPrevious1) {\n secondPrevAddressFlag = this.isPreviousAddressRequired(\n defaultState.form1.previousAddressLivingSinceform1.value,\n );\n } else {\n secondPrevAddressFlag = this.isPreviousAddressRequired(\n defaultState.lookupFormPrevious1.previousAddressLivingSinceform1\n .value,\n );\n }\n\n defaultState.needSecondPrevAddress = secondPrevAddressFlag;\n } else {\n defaultState.needSecondPrevAddress = false;\n }\n } else {\n defaultState.needFirstPrevAddress = false;\n defaultState.needSecondPrevAddress = false;\n }\n } else {\n if (defaultState.form.currentAddressLivingSince.value !== '') {\n prevAddressFlag = this.isPreviousAddressRequired(\n defaultState.form.currentAddressLivingSince.value,\n );\n defaultState.needFirstPrevAddress = prevAddressFlag;\n if (prevAddressFlag === true) {\n if (defaultState.showManualAddressPrevious1) {\n secondPrevAddressFlag = this.isPreviousAddressRequired(\n defaultState.form1.previousAddressLivingSinceform1.value,\n );\n } else {\n secondPrevAddressFlag = this.isPreviousAddressRequired(\n defaultState.lookupFormPrevious1.previousAddressLivingSinceform1\n .value,\n );\n }\n\n defaultState.needSecondPrevAddress = secondPrevAddressFlag;\n } else {\n defaultState.needSecondPrevAddress = false;\n }\n } else {\n defaultState.needFirstPrevAddress = false;\n defaultState.needSecondPrevAddress = false;\n }\n }\n } else if (formIndex === 'form1') {\n if (defaultState.showManualAddressPrevious1 === true) {\n if (\n defaultState.lookupFormPrevious1.previousAddressLivingSinceform1\n .value !== ''\n ) {\n prevAddressFlag = this.isPreviousAddressRequired(\n defaultState.lookupFormPrevious1.previousAddressLivingSinceform1\n .value,\n );\n defaultState.needSecondPrevAddress = prevAddressFlag;\n } else {\n defaultState.needSecondPrevAddress = false;\n }\n } else {\n if (defaultState.form1.previousAddressLivingSinceform1.value !== '') {\n prevAddressFlag = this.isPreviousAddressRequired(\n defaultState.form1.previousAddressLivingSinceform1.value,\n );\n defaultState.needSecondPrevAddress = prevAddressFlag;\n } else {\n defaultState.needSecondPrevAddress = false;\n }\n }\n }\n };\n isPreviousAddressRequired = value => {\n let output = false;\n let year = moment(value).year();\n if (year > 1000) {\n let diff = applyPagesUtility.getTimeDiff(value);\n if (diff < 1095) {\n output = true;\n }\n if (diff >= 1095) {\n output = false;\n }\n }\n return output;\n };\n toggleManualAddress = formIndex => {\n let defaultState = this.state;\n this.resetUnSelectedAddressInput(defaultState);\n this.resetPrevForm(formIndex, defaultState);\n switch (formIndex) {\n case 'current':\n this.setState(\n prevState => {\n defaultState.showManualAddress = !prevState.showManualAddress;\n return {\n ...defaultState,\n };\n },\n () => {\n //window.scrollTo(0, 0);\n },\n );\n break;\n case 'form1': {\n this.setState(\n prevState => {\n defaultState.showManualAddressPrevious1 = !prevState.showManualAddressPrevious1;\n return {\n ...defaultState,\n };\n },\n () => {\n //window.scrollTo(0, 0);\n },\n );\n break;\n }\n\n case 'form2':\n this.setState(\n prevState => {\n defaultState.showManualAddressPrevious2 = !prevState.showManualAddressPrevious2;\n return {\n ...defaultState,\n };\n },\n () => {\n // window.scrollTo(0, 0);\n },\n );\n break;\n default:\n }\n // let defaultState = this.initialState(this.props);\n // const { data } = this.state;\n // const form = this.activatePreviousAddressForm(\n // data.currentAddressLivingSince,\n // form,\n // );\n };\n\n render() {\n const {\n form,\n form1,\n form2,\n lookupForm,\n showManualAddressPrevious1,\n lookupFormPrevious1,\n lookupFormPrevious2,\n showManualAddressPrevious2,\n showManualAddress,\n needFirstPrevAddress,\n needSecondPrevAddress,\n } = this.state;\n let form1Count = 0;\n let form2Count = 0;\n let form3Count = 0;\n let lookupFormCount = 0;\n let lookupFormPrevious1FormCount = 0;\n let lookupFormPrevious2FormCount = 0;\n\n form1Count = showManualAddress ? this.getErrorCount(form) : 0;\n form2Count =\n form1 && showManualAddressPrevious1 ? this.getErrorCount(form1) : 0;\n form3Count =\n form2 && showManualAddressPrevious2 ? this.getErrorCount(form2) : 0;\n lookupFormCount =\n lookupForm && !showManualAddress ? this.getErrorCount(lookupForm) : 0;\n lookupFormPrevious1FormCount =\n lookupFormPrevious1 && !showManualAddressPrevious1\n ? this.getErrorCount(lookupFormPrevious1)\n : 0;\n lookupFormPrevious2FormCount =\n lookupFormPrevious2 && !showManualAddressPrevious2\n ? this.getErrorCount(lookupFormPrevious2)\n : 0;\n let totalErrors =\n form1Count +\n form2Count +\n form3Count +\n lookupFormCount +\n lookupFormPrevious1FormCount +\n lookupFormPrevious2FormCount;\n\n return (\n \n );\n }\n}\n\nAddressDetails.propTypes = {\n account: PropTypes.object,\n setStage: PropTypes.func,\n formData: PropTypes.object,\n updateUrl: PropTypes.func,\n setStateDynamic: PropTypes.any,\n actionDate: PropTypes.any,\n saveData: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n onSubmit: PropTypes.func,\n //addressId: PropTypes.string.isRequired,\n onChangeDate: PropTypes.func,\n //addressLabel: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n isResumedApplication: PropTypes.bool,\n};\n\nexport default AddressDetails;\n","import React, { Component } from 'react';\nimport { Row, Col } from 'reactstrap';\nimport { DropDown, Text, CONSTANTS } from '@myie/interact-dom';\n\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\n\nclass TaxIDComponent extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n initialState = () => {\n const data = this.props.data;\n\n return {\n form: {\n title: {\n rules: {\n stop: true,\n required: {\n message: 'Please select title.',\n },\n },\n value: '',\n },\n closeAccount: {\n rules: {\n title: 'Close Account',\n },\n value: data && data['closeAccount'] ? data['closeAccount'] : null,\n },\n },\n };\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n const { data, setStateDynamic } = this.props;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n setStateDynamic({\n data,\n combinedForm: {\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const { setStateDynamic, onSubmit } = this.props;\n let { form, amount } = this.state;\n\n if (form.closeAccount.value) {\n form = {\n closeAccount: form.closeAccount,\n };\n } else {\n if (!form.amount) {\n form = {\n amount: amount,\n closeAccount: form.closeAccount,\n };\n }\n }\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n setStateDynamic({\n combinedForm: { ...form },\n });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n if (typeof onSubmit === 'function') {\n onSubmit(form);\n }\n };\n\n onClick = e => {\n const { name, checked } = e.target;\n let { form, amount } = this.state;\n const { data, setStateDynamic } = this.props;\n\n if (checked) {\n form = {\n closeAccount: form.closeAccount,\n };\n } else {\n if (!form.amount) {\n form = {\n amount: amount,\n closeAccount: form.closeAccount,\n };\n }\n }\n form = Validate.input(name, checked ? 'true' : null, form);\n data[name] = checked ? 'true' : null;\n setStateDynamic({\n data,\n combinedForm: {\n ...form,\n },\n });\n this.setState({ ...this.state, form });\n };\n\n dropdownOptions(item, index) {\n let keys = Object.keys(item);\n const { idCountry } = this.props;\n return (\n \n {item[keys[0]]}\n \n );\n }\n\n render() {\n const { props } = this;\n const {\n validationCountry,\n validationTax,\n cmsTagCountry,\n labelCountry,\n idCountry,\n labelTax,\n cmsTagTax,\n fieldTax,\n idTax,\n fieldCountry,\n USResident,\n } = props;\n //const { form } = this.state;\n let countryList = [];\n if (CONSTANTS && CONSTANTS.COUNTRYLIST) {\n countryList = CONSTANTS.COUNTRYLIST.sort(function(a, b) {\n if (Object.keys(a)[1] < Object.keys(b)[1]) {\n return -1;\n }\n if (Object.keys(a)[1] > Object.keys(b)[1]) {\n return 1;\n }\n return 0;\n });\n }\n\n return (\n \n \n \n \n {countryList.map((item, index, idCountry) => {\n return this.dropdownOptions(item, index, idCountry);\n })}\n \n \n
\n \n );\n }\n}\n\nTaxIDComponent.propTypes = {\n USResident: PropTypes.any,\n setStateDynamic: PropTypes.any,\n data: PropTypes.any,\n onSubmit: PropTypes.func,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n validationCountry: PropTypes.any,\n validationTax: PropTypes.any,\n cmsTagCountry: PropTypes.any,\n labelCountry: PropTypes.any,\n idCountry: PropTypes.string,\n labelTax: PropTypes.any,\n cmsTagTax: PropTypes.any,\n onchangeCountry: PropTypes.func,\n fieldTax: PropTypes.any,\n idTax: PropTypes.any,\n fieldCountry: PropTypes.any,\n};\n\nexport default TaxIDComponent;\n","import React, { Component } from 'react';\nimport { Form, Row, Col, Button } from 'reactstrap';\nimport {\n Content,\n Radio,\n RadioGroup,\n FormErrorList,\n RULES,\n} from '@myie/interact-dom';\nimport _ from 'lodash';\nimport TaxIDComponent from './finance-components/TaxIDComponent';\nimport ContactFooter from './page-components/ContactFooter';\n\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\n\nclass YourFinances extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState(props);\n }\n\n initialState = props => {\n const { formData } = props;\n\n let data = {\n USCitizen: '',\n OtherTaxResident: '',\n TaxCountry1: '',\n TaxIdentification1: '',\n TaxCountry2: '',\n TaxIdentification2: '',\n TaxCountry3: '',\n TaxIdentification3: '',\n TaxCountry4: '',\n TaxIdentification4: '',\n };\n if ('yourFinances' in formData) {\n data = formData['yourFinances'];\n }\n let otherTaxResidentValue = data\n ? data.OtherTaxResident === 'yes'\n ? 'yes'\n : data.OtherTaxResident === 'no'\n ? 'no'\n : ''\n : '';\n let usCitizenValue = data\n ? data.USCitizen === 'yes'\n ? 'yes'\n : data.USCitizen === 'no'\n ? 'no'\n : ''\n : '';\n const newState = {\n data: data,\n form: {\n USCitizen: {\n rules: {\n required: {\n message: 'Please tell us if you are a US citizen.',\n },\n },\n value: usCitizenValue,\n },\n OtherTaxResident: {\n rules: {\n required: {\n message:\n 'Please tell us if you are a resident for tax purposes in any other country or territory other than the UK.',\n },\n },\n value: otherTaxResidentValue,\n },\n TaxCountry1: {\n rules: {\n stop: true,\n },\n value: data && data.TaxCountry1 ? data.TaxCountry1 : '',\n },\n TaxCountry2: {\n rules: {\n stop: true,\n },\n value: data && data.TaxCountry2 ? data.TaxCountry2 : '',\n },\n TaxCountry3: {\n rules: {\n stop: true,\n },\n value: data && data.TaxCountry3 ? data.TaxCountry3 : '',\n },\n TaxCountry4: {\n rules: {\n stop: true,\n },\n value: data && data.TaxCountry4 ? data.TaxCountry4 : '',\n },\n TaxIdentification1: {\n rules: {\n stop: true,\n format: {\n regex: RULES.TaxIdentification,\n message: 'Please enter a valid tax identification number.',\n },\n },\n value: data && data.TaxIdentification1 ? data.TaxIdentification1 : '',\n },\n TaxIdentification2: {\n rules: {\n stop: true,\n format: {\n regex: RULES.TaxIdentification,\n message: 'Please enter a valid tax identification number.',\n },\n },\n value: data && data.TaxIdentification2 ? data.TaxIdentification2 : '',\n },\n TaxIdentification3: {\n rules: {\n stop: true,\n format: {\n regex: RULES.TaxIdentification,\n message: 'Please enter a valid tax identification number.',\n },\n },\n value: data && data.TaxIdentification3 ? data.TaxIdentification3 : '',\n },\n TaxIdentification4: {\n rules: {\n stop: true,\n format: {\n regex: RULES.TaxIdentification,\n message: 'Please enter a valid tax identification number.',\n },\n },\n value: data && data.TaxIdentification4 ? data.TaxIdentification4 : '',\n },\n },\n };\n\n return { ...newState };\n };\n\n componentDidUpdate() {\n const { formData } = this.props;\n const { data } = this.state;\n\n if (\n !_.isEmpty(formData['yourFinances']) &&\n JSON.stringify(data) !== JSON.stringify(formData['yourFinances'])\n ) {\n const newState = this.initialState(this.props);\n this.setState(state => {\n return { state, ...newState };\n });\n }\n }\n\n saveForLater = () => {\n const { setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n ...formData,\n yourFinances: data,\n stage: 'yourFinances',\n },\n url: {\n pageStage: 'saveForLater',\n },\n };\n\n updateUrl(stateData);\n setStage('saveForLater');\n };\n\n onChange = e => {\n this.updateForm(e);\n };\n\n onBlur = e => {\n this.updateForm(e);\n };\n\n onchangeCountry = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n form = Validate.input(name, value, form, true);\n form = this.changeTaxRules(name, form, value);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n changeTaxRules = (name, form, value) => {\n switch (name) {\n case 'TaxCountry1':\n if (value) {\n form.TaxIdentification1.rules = {\n ...form.TaxIdentification1.rules,\n required: {\n message: 'Please enter your American Tax identification Number.',\n },\n };\n } else {\n form.TaxIdentification1.rules = {\n stop: form.TaxIdentification1.rules.stop,\n format: form.TaxIdentification1.rules.format,\n };\n }\n form = Validate.input('TaxIdentification1', '', form, true);\n break;\n case 'TaxCountry2':\n if (value) {\n form.TaxIdentification2.rules = {\n ...form.TaxIdentification2.rules,\n required: {\n message:\n 'Please enter your first alternative Tax identification Number.',\n },\n };\n } else {\n form.TaxIdentification2.rules = {\n stop: form.TaxIdentification2.rules.stop,\n format: form.TaxIdentification2.rules.format,\n };\n }\n form = Validate.input('TaxIdentification2', '', form, true);\n break;\n case 'TaxCountry3':\n if (value) {\n form.TaxIdentification3.rules = {\n ...form.TaxIdentification3.rules,\n required: {\n message:\n 'Please enter your second alternative Tax identification Number.',\n },\n };\n } else {\n form.TaxIdentification3.rules = {\n stop: form.TaxIdentification3.rules.stop,\n format: form.TaxIdentification3.rules.format,\n };\n }\n form = Validate.input('TaxIdentification3', '', form, true);\n break;\n case 'TaxCountry4':\n if (value) {\n form.TaxIdentification4.rules = {\n ...form.TaxIdentification4.rules,\n required: {\n message:\n 'Please enter your third alternative Tax identification Number.',\n },\n };\n } else {\n form.TaxIdentification4.rules = {\n stop: form.TaxIdentification4.rules.stop,\n format: form.TaxIdentification4.rules.format,\n };\n }\n form = Validate.input('TaxIdentification4', '', form, true);\n break;\n default:\n }\n if (\n (name === 'TaxCountry2' ||\n name === 'TaxCountry3' ||\n name === 'TaxCountry4') &&\n value\n ) {\n form.TaxCountry2 = {\n rules: {\n stop: true,\n },\n value: form.TaxCountry2?.value,\n };\n form = Validate.input('TaxCountry2', form.TaxCountry2?.value, form, true);\n }\n\n if (\n !form.TaxCountry2.value &&\n !form.TaxCountry3.value &&\n !form.TaxCountry4.value &&\n !value\n ) {\n form.TaxCountry2.rules = {\n ...form.TaxCountry2.rules,\n required: {\n message: 'Please select at least one other country you pay tax in.',\n },\n };\n form = Validate.input('TaxCountry2', '', form, true);\n }\n return form;\n };\n\n onchangeRadio = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n\n if (name === 'OtherTaxResident' && value === 'yes') {\n form.TaxCountry2.rules = {\n ...form.TaxCountry2.rules,\n required: {\n message: 'Please select at least one other country you pay tax in.',\n },\n };\n }\n\n if (name === 'OtherTaxResident' && value === 'no') {\n form.TaxCountry2.rules = {\n stop: true,\n };\n form.TaxIdentification2.rules = {\n stop: form.TaxIdentification2.rules.stop,\n format: form.TaxIdentification2.rules.format,\n };\n\n for (let index = 2; index < 5; index++) {\n data[`TaxCountry${index}`] = '';\n data[`TaxIdentification${index}`] = '';\n form = Validate.input(`TaxCountry${index}`, '', form, true);\n form = Validate.input(`TaxIdentification${index}`, '', form, true);\n }\n }\n\n if (name === 'USCitizen' && value === 'yes') {\n data['TaxCountry1'] = 'US';\n form = Validate.input('TaxCountry1', 'US', form, true);\n form.TaxIdentification1.rules = {\n ...form.TaxIdentification1.rules,\n required: {\n message:\n 'Please enter the Tax identification number of the country where you are resident.',\n },\n };\n }\n\n if (name === 'USCitizen' && value === 'no') {\n form.TaxIdentification1.rules = {\n stop: form.TaxIdentification1.rules.stop,\n format: form.TaxIdentification1.rules.format,\n };\n data['TaxCountry1'] = '';\n data['TaxIdentification1'] = '';\n form = Validate.input('TaxCountry1', '', form, true);\n form = Validate.input('TaxIdentification1', '', form, true);\n }\n\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n updateForm = e => {\n const { name, value } = e.target;\n let { form, data } = this.state;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n const { onSubmit, setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n ...formData,\n yourFinances: data,\n },\n url: {\n pageStage: 'accountPreferences',\n },\n };\n\n updateUrl(stateData);\n window.scrollTo(0, 0);\n setStage('accountPreferences');\n if (typeof onSubmit === 'function') {\n onSubmit(form);\n }\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n setStage = () => {\n const { setStage } = this.props;\n setStage('addressDetails');\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 render() {\n const { form } = this.state;\n\n return (\n \n \n \n \n \n {form?.USCitizen.value === 'yes' ||\n form?.OtherTaxResident.value === 'yes' ? (\n \n \n * \n \n \n ) : (\n ''\n )}\n \n \n \n \n \n \n
\n \n \n );\n }\n}\n\nYourFinances.propTypes = {\n account: PropTypes.object,\n setStage: PropTypes.func,\n setStateDynamic: PropTypes.any,\n actionDate: PropTypes.any,\n formData: PropTypes.any,\n saveData: PropTypes.func,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n updateUrl: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport default YourFinances;\n","import React, { Component } from 'react';\nimport { Form, Button, Row, Col } from 'reactstrap';\nimport {\n Content,\n Markdown,\n DropDown,\n CONSTANTS,\n Currency,\n FormErrorList,\n RULES,\n} from '@myie/interact-dom';\nimport _ from 'lodash';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport ContactFooter from './page-components/ContactFooter';\nimport PropTypes from 'prop-types';\nimport { Validate } from '@myie/interact';\n\nclass AccountPreferences extends Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState(props);\n }\n\n initialState = props => {\n const { formData, selectedProduct } = props;\n let data = null;\n if ('accountPreferences' in formData) {\n data = formData['accountPreferences'];\n }\n const formItems = {\n depositMethod: {\n rules: {\n stop: true,\n required: {\n message:\n 'Please tell us how you will be making your initial deposit.',\n },\n },\n value: data ? data.depositMethod : '',\n },\n\n depositAmount: {\n rules: {\n stop: true,\n required: {\n message: 'Please enter an initial deposit amount.',\n },\n format: {\n regex: RULES.ammountFormat,\n message: 'Please enter a valid amount.',\n },\n minAmountCheckWithInputValue: {\n message: ` The minimum amount you can have in this type of account is £${selectedProduct.Minimum_Operating_Balance}.`,\n comparison: () => {\n return selectedProduct.Minimum_Operating_Balance;\n },\n },\n maxAmountCheckWithInputValue: {\n message: `The maximum amount you can have in this type of account is £${selectedProduct.Maximum_Operating_Balance}.`,\n comparison: () => {\n return selectedProduct.Maximum_Operating_Balance;\n },\n },\n maxDepositMonthly: {\n message: `The maximum amount you can deposit monthly is £${selectedProduct.Maximum_monthly_deposit}.`,\n comparison: () => {\n return '' + selectedProduct.Maximum_monthly_deposit;\n },\n },\n maxDepositYearly: {\n message: `The maximum amount you can deposit yearly is £${selectedProduct.Maximum_yearly_deposit}.`,\n comparison: () => {\n return '' + selectedProduct.Maximum_yearly_deposit;\n },\n },\n },\n value: data ? data.depositAmount : '',\n },\n\n // interestPaymentLocation: {\n // rules: {\n // stop: true,\n // required: {\n // message:\n // 'Please tell us where you would like us to pay your interest to.',\n // },\n // },\n // value: data ? data.interestPaymentLocation : '',\n // },\n };\n\n if (\n selectedProduct &&\n selectedProduct.Interest_Frequency &&\n selectedProduct.Interest_Frequency === '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 componentDidUpdate() {\n const { formData } = this.props;\n const { data } = this.state;\n\n if (\n !_.isEmpty(formData['accountPreferences']) &&\n JSON.stringify(data) !== JSON.stringify(formData['accountPreferences'])\n ) {\n const newState = this.initialState(this.props);\n this.setState({ ...newState });\n }\n }\n\n setStage = () => {\n const { setStage } = this.props;\n setStage('yourFinances');\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n saveForLater = () => {\n const { setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n ...formData,\n accountPreferences: data,\n stage: 'accountPreferences',\n },\n url: {\n pageStage: 'saveForLater',\n },\n };\n\n updateUrl(stateData);\n setStage('saveForLater');\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, value } = e.target;\n let { form, data } = this.state;\n form = Validate.input(name, value, form, true);\n data[name] = value;\n this.setState({ ...this.state, form, data });\n };\n\n onSubmitHandler = e => {\n e.preventDefault();\n\n const { onSubmit, setStage, updateUrl, formData } = this.props;\n let { form, data } = this.state;\n\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n let stateData = {\n formData: {\n accountPreferences: data,\n ...formData,\n },\n url: {\n pageStage: 'reviewAndSubmit',\n },\n };\n\n updateUrl(stateData);\n window.scrollTo(0, 0);\n setStage('reviewAndSubmit');\n if (typeof onSubmit === 'function') {\n onSubmit(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 {item[keys[0]]}\n \n );\n }\n\n render() {\n const currencyCode = 'GBP';\n const { selectedProduct } = this.props;\n const { form } = this.state;\n\n return (\n \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 $[phone].`}\n />\n {/* \n \n {CONSTANTS &&\n CONSTANTS.INTEREST_DESTINATION.map((item, index) => {\n return this.dropdownOptions(\n item,\n index,\n 'interestPaymentLocation',\n );\n })}\n */}\n {selectedProduct &&\n selectedProduct.Interest_Frequency &&\n selectedProduct.Interest_Frequency !== 'both' ? (\n \n \n \n {CONSTANTS &&\n CONSTANTS.INTEREST_PAYMENT_FREQUENCY.map((item, index) => {\n return this.dropdownOptions(\n item,\n index,\n 'interestPaymentFrequency',\n );\n })}\n \n )}\n \n \n \n \n \n \n
\n \n \n );\n }\n}\n\nAccountPreferences.propTypes = {\n account: PropTypes.object,\n setStage: PropTypes.func,\n setStateDynamic: PropTypes.any,\n actionDate: PropTypes.any,\n formData: PropTypes.any,\n saveData: PropTypes.func,\n selectedProduct: PropTypes.object,\n onCancelled: PropTypes.func,\n data: PropTypes.any,\n updateUrl: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport default AccountPreferences;\n","import _ from 'lodash';\nimport { CONSTANTS } from '@myie/interact-dom';\nconst appUtility = (function() {\n const getPayload = (data, isSaveForLater = false) => {\n const { formData, selectedProduct } = data;\n let personalDetails = null;\n\n let currentAddress = null;\n let lookupAddress = null;\n\n let firstPrevAddress = null;\n let lookupFirstPrevAddress = null;\n\n let secondPrevAddress = null;\n let lookupSecondPrevAddress = null;\n\n let financeDetails = null;\n let accountDetails = null;\n\n if ('addressDetails' in formData) {\n if (\n formData['addressDetails'].lookupForm &&\n !_.isEmpty(formData['addressDetails'].lookupForm)\n ) {\n lookupAddress = formData['addressDetails'].lookupForm.addressInput;\n } else if (!_.isEmpty(formData['addressDetails'].form)) {\n currentAddress = formData['addressDetails'].form;\n }\n\n if (\n formData['addressDetails'].lookupFormPrevious1 &&\n !_.isEmpty(formData['addressDetails'].lookupFormPrevious1)\n ) {\n lookupFirstPrevAddress =\n formData['addressDetails'].lookupFormPrevious1.addressInput;\n } else if (!_.isEmpty(formData['addressDetails'].form1)) {\n firstPrevAddress = formData['addressDetails'].form1;\n }\n\n if (\n formData['addressDetails'].lookupFormPrevious2 &&\n !_.isEmpty(formData['addressDetails'].lookupFormPrevious2)\n ) {\n lookupSecondPrevAddress =\n formData['addressDetails'].lookupFormPrevious2.addressInput;\n } else if (!_.isEmpty(formData['addressDetails'].form2)) {\n secondPrevAddress = formData['addressDetails'].form2;\n }\n }\n\n if ('personalDetails' in formData) {\n personalDetails = formData.personalDetails;\n }\n\n if ('yourFinances' in formData) {\n financeDetails = formData.yourFinances;\n }\n\n if ('accountPreferences' in formData) {\n accountDetails = formData.accountPreferences;\n }\n\n let addressPayload_default = {\n FlatNumber: '',\n BuildingNumber: '',\n BuildingName: '',\n Street: '',\n VillageOrDistrict: '',\n TownOrCity: '',\n County: '',\n Country: CONSTANTS.COUNTRY_CODE_UK,\n PostCode: '',\n ManualAddress: false,\n UKAddress: true,\n ExtendedProperties: [{}, {}, {}],\n };\n\n let addressPayload_current = _.cloneDeep(addressPayload_default);\n let addressPayload_firstPrev = _.cloneDeep(addressPayload_default);\n let addressPayload_secondPrev = _.cloneDeep(addressPayload_default);\n\n const buildAddressPayload = () => {\n /*-------------Building Current address----------------*/\n if (currentAddress) {\n addressPayload_current.FlatNumber = currentAddress?.currentFlatNumber\n ? currentAddress?.currentFlatNumber\n : '';\n addressPayload_current.BuildingNumber = currentAddress?.currentHouseNumber\n ? currentAddress?.currentHouseNumber\n : '';\n addressPayload_current.BuildingName = currentAddress?.currentHouseName\n ? currentAddress?.currentHouseName\n : '';\n addressPayload_current.Street = currentAddress?.currentStreet\n ? currentAddress?.currentStreet\n : '';\n addressPayload_current.VillageOrDistrict = currentAddress?.currentVillage\n ? currentAddress?.currentVillage\n : '';\n addressPayload_current.TownOrCity = currentAddress?.currentTown\n ? currentAddress?.currentTown\n : '';\n addressPayload_current.County = currentAddress?.currentCounty\n ? currentAddress?.currentCounty\n : '';\n addressPayload_current.Country = CONSTANTS.COUNTRY_CODE_UK;\n addressPayload_current.PostCode = currentAddress?.currentPostcode\n ? currentAddress?.currentPostcode\n : '';\n addressPayload_current.ManualAddress = true;\n\n // BFPO address mapping\n addressPayload_current.AddressLine1 = `${currentAddress?.currentFlatNumber ||\n ''} ${currentAddress?.currentStreet || ''}`;\n addressPayload_current.AddressLine2 = currentAddress?.currentTown || '';\n addressPayload_current.AddressLine3 =\n currentAddress?.currentCounty || '';\n addressPayload_current.AddressPC =\n currentAddress?.currentPostcode || '';\n addressPayload_current.AddressCountry = CONSTANTS.COUNTRY_CODE_UK;\n } else if (lookupAddress) {\n addressPayload_current.BuildingName = lookupAddress.address_line_1;\n addressPayload_current.Street = lookupAddress.address_line_2;\n\n addressPayload_current.VillageOrDistrict = lookupAddress.address_line_3;\n addressPayload_current.TownOrCity = lookupAddress.locality;\n addressPayload_current.PostCode = lookupAddress.postal_code;\n addressPayload_current.Country =\n lookupAddress?.country === 'UNITED KINGDOM'\n ? CONSTANTS.COUNTRY_CODE_UK\n : lookupAddress?.country;\n addressPayload_current.County = lookupAddress.region;\n addressPayload_current.ManualAddress = false;\n\n // BFPO address mapping\n addressPayload_current.AddressLine1 = lookupAddress.address_line_1;\n addressPayload_current.AddressLine2 = lookupAddress.address_line_2;\n addressPayload_current.AddressLine3 = lookupAddress.address_line_3;\n addressPayload_current.AddressPC = lookupAddress.postal_code;\n addressPayload_current.AddressCountry = CONSTANTS.COUNTRY_CODE_UK;\n }\n\n /*-------------Building First previous address----------------*/\n if (firstPrevAddress) {\n let PostCode = '';\n if (firstPrevAddress.previousUKAddressform1 === 'yes') {\n PostCode = firstPrevAddress.previousPostcodeform1;\n addressPayload_firstPrev.UKAddress = true;\n } else {\n PostCode = firstPrevAddress.previousPostZipcodeform1;\n addressPayload_firstPrev.UKAddress = false;\n }\n addressPayload_firstPrev.FlatNumber = firstPrevAddress.previousFlatNumberform1\n ? firstPrevAddress.previousFlatNumberform1\n : '';\n addressPayload_firstPrev.BuildingNumber = firstPrevAddress.previousHouseNumberform1\n ? firstPrevAddress.previousHouseNumberform1\n : '';\n addressPayload_firstPrev.BuildingName = firstPrevAddress.previousHouseNameform1\n ? firstPrevAddress.previousHouseNameform1\n : '';\n addressPayload_firstPrev.Street = firstPrevAddress.previousStreetform1\n ? firstPrevAddress.previousStreetform1\n : '';\n addressPayload_firstPrev.VillageOrDistrict = firstPrevAddress.previousVillageform1\n ? firstPrevAddress.previousVillageform1\n : '';\n addressPayload_firstPrev.TownOrCity = firstPrevAddress.previousTownform1\n ? firstPrevAddress.previousTownform1\n : '';\n addressPayload_firstPrev.County = firstPrevAddress.previousCountyform1\n ? firstPrevAddress.previousCountyform1\n : '';\n addressPayload_firstPrev.Country =\n firstPrevAddress.previousUKAddressform1 === 'yes'\n ? CONSTANTS.COUNTRY_CODE_UK\n : firstPrevAddress.previousCountryform1;\n addressPayload_firstPrev.PostCode = PostCode;\n addressPayload_firstPrev.ManualAddress = true;\n\n // BFPO address mapping\n addressPayload_firstPrev.AddressLine1 = `${firstPrevAddress.previousFlatNumberform1 ||\n ''} ${firstPrevAddress.previousStreetform1 || ''}`;\n addressPayload_firstPrev.AddressLine2 =\n firstPrevAddress.previousTownform1 || '';\n addressPayload_firstPrev.AddressLine3 =\n firstPrevAddress.previousCountyform1 || '';\n addressPayload_firstPrev.AddressPC = PostCode;\n addressPayload_firstPrev.AddressCountry =\n firstPrevAddress.previousUKAddressform1 === 'yes'\n ? CONSTANTS.COUNTRY_CODE_UK\n : firstPrevAddress.previousCountryform1;\n } else if (lookupFirstPrevAddress) {\n addressPayload_firstPrev.AddressLine1 =\n lookupFirstPrevAddress.address_line_1;\n addressPayload_firstPrev.BuildingName =\n lookupFirstPrevAddress.address_line_1;\n addressPayload_firstPrev.Street = lookupFirstPrevAddress.address_line_2;\n addressPayload_firstPrev.AddressLine2 =\n lookupFirstPrevAddress.address_line_2;\n addressPayload_firstPrev.VillageOrDistrict =\n lookupFirstPrevAddress.address_line_3;\n addressPayload_firstPrev.PostTown = lookupFirstPrevAddress.locality;\n addressPayload_firstPrev.PostCode = lookupFirstPrevAddress.postal_code;\n addressPayload_firstPrev.Country =\n lookupFirstPrevAddress.country === 'UNITED KINGDOM'\n ? CONSTANTS.COUNTRY_CODE_UK\n : lookupFirstPrevAddress?.country;\n addressPayload_firstPrev.County = lookupFirstPrevAddress.region;\n addressPayload_firstPrev.ManualAddress = false;\n\n // BFPO address mapping\n addressPayload_firstPrev.AddressLine1 =\n lookupFirstPrevAddress.address_line_1;\n addressPayload_firstPrev.AddressLine2 =\n lookupFirstPrevAddress.address_line_2;\n addressPayload_firstPrev.AddressLine3 =\n lookupFirstPrevAddress.address_line_3;\n addressPayload_firstPrev.AddressPC = lookupFirstPrevAddress.postal_code;\n addressPayload_firstPrev.AddressCountry =\n lookupFirstPrevAddress.country === 'UNITED KINGDOM'\n ? CONSTANTS.COUNTRY_CODE_UK\n : lookupFirstPrevAddress?.country;\n }\n\n /*-------------Building Second previous address----------------*/\n if (secondPrevAddress) {\n let PostCode = '';\n if (secondPrevAddress.previousUKAddressform2 === 'yes') {\n PostCode = secondPrevAddress.previousPostcodeform2;\n addressPayload_secondPrev.UKAddress = true;\n } else {\n PostCode = secondPrevAddress.previousPostZipcodeform2;\n addressPayload_secondPrev.UKAddress = false;\n }\n addressPayload_secondPrev.FlatNumber = secondPrevAddress.previousFlatNumberform2\n ? secondPrevAddress.previousFlatNumberform2\n : '';\n addressPayload_secondPrev.BuildingNumber = secondPrevAddress.previousHouseNumberform2\n ? secondPrevAddress.previousHouseNumberform2\n : '';\n addressPayload_secondPrev.BuildingName = secondPrevAddress.previousHouseNameform2\n ? secondPrevAddress.previousHouseNameform2\n : '';\n addressPayload_secondPrev.Street = secondPrevAddress.previousStreetform2\n ? secondPrevAddress.previousStreetform2\n : '';\n addressPayload_secondPrev.VillageOrDistrict = secondPrevAddress.previousVillageform2\n ? secondPrevAddress.previousVillageform2\n : '';\n addressPayload_secondPrev.TownOrCity = secondPrevAddress.previousTownform2\n ? secondPrevAddress.previousTownform2\n : '';\n addressPayload_secondPrev.County = secondPrevAddress.previousCountyform2\n ? secondPrevAddress.previousCountyform2\n : '';\n addressPayload_secondPrev.Country =\n secondPrevAddress.previousUKAddressform2 === 'yes'\n ? CONSTANTS.COUNTRY_CODE_UK\n : secondPrevAddress.previousCountryform2;\n addressPayload_secondPrev.PostCode = PostCode;\n addressPayload_secondPrev.ManualAddress = true;\n\n // BFPO address mapping\n addressPayload_secondPrev.AddressLine1 = `${secondPrevAddress.previousFlatNumberform2 ||\n ''} ${secondPrevAddress.previousStreetform2 || ''}`;\n addressPayload_secondPrev.AddressLine2 =\n secondPrevAddress.previousTownform2 || '';\n addressPayload_secondPrev.AddressLine3 =\n secondPrevAddress.previousCountyform2 || '';\n addressPayload_secondPrev.AddressPC = PostCode;\n addressPayload_secondPrev.AddressCountry =\n secondPrevAddress.previousUKAddressform2 === 'yes'\n ? CONSTANTS.COUNTRY_CODE_UK\n : secondPrevAddress.previousCountryform2;\n } else if (lookupSecondPrevAddress) {\n addressPayload_secondPrev.AddressLine1 =\n lookupSecondPrevAddress.address_line_1;\n addressPayload_secondPrev.BuildingName =\n lookupSecondPrevAddress.address_line_1;\n addressPayload_secondPrev.AddressLine2 =\n lookupSecondPrevAddress.address_line_2;\n addressPayload_secondPrev.Street =\n lookupSecondPrevAddress.address_line_2;\n addressPayload_secondPrev.VillageOrDistrict =\n lookupSecondPrevAddress.address_line_3;\n addressPayload_secondPrev.PostTown = lookupSecondPrevAddress.locality;\n addressPayload_secondPrev.PostCode =\n lookupSecondPrevAddress.postal_code;\n addressPayload_secondPrev.Country =\n lookupSecondPrevAddress.country === 'UNITED KINGDOM'\n ? CONSTANTS.COUNTRY_CODE_UK\n : lookupSecondPrevAddress?.country;\n addressPayload_secondPrev.County = lookupSecondPrevAddress.region;\n addressPayload_secondPrev.ManualAddress = false;\n\n // BFPO address mapping\n addressPayload_secondPrev.AddressLine1 =\n lookupSecondPrevAddress.address_line_1;\n addressPayload_secondPrev.AddressLine2 =\n lookupSecondPrevAddress.address_line_2;\n addressPayload_secondPrev.AddressLine3 =\n lookupSecondPrevAddress.address_line_3;\n addressPayload_secondPrev.AddressPC =\n lookupSecondPrevAddress.postal_code;\n addressPayload_secondPrev.AddressCountry =\n lookupSecondPrevAddress.country === 'UNITED KINGDOM'\n ? CONSTANTS.COUNTRY_CODE_UK\n : lookupSecondPrevAddress?.country;\n }\n };\n\n buildAddressPayload();\n\n const obj = {\n status: data?.status,\n Application: {\n stage:\n formData && formData['stage'] ? formData['stage'] : 'personalDetails',\n ApplicationNumber:\n formData && formData['savedProductCode']\n ? formData['savedProductCode']\n : null,\n DepositFundsOption: accountDetails?.depositMethod,\n ProductTypeCode: selectedProduct?.Product_Code,\n DepositAmount: {\n Amount: accountDetails?.depositAmount,\n ExtendedProperties: [{}, {}, {}],\n },\n PayInterestIntoAnotherAccount: accountDetails?.interestPaymentLocation,\n InterestPaymentFrequency: accountDetails?.interestPaymentFrequency\n ? accountDetails?.interestPaymentFrequency\n : selectedProduct?.Interest_Frequency,\n Applicants: [\n {\n Address: {\n Address: addressPayload_current,\n TimeInAddress: {\n FromDate:\n currentAddress && currentAddress?.currentAddressLivingSince\n ? currentAddress?.currentAddressLivingSince\n : formData['addressDetails']?.lookupForm\n ?.currentAddressLivingSince,\n ExtendedProperties: [{}, {}, {}],\n },\n ExtendedProperties: [\n {\n ...(isSaveForLater && {\n needFirstPrevAddress:\n formData['addressDetails']?.needFirstPrevAddress,\n }),\n },\n {\n ...(isSaveForLater && {\n needSecondPrevAddress:\n formData['addressDetails']?.needSecondPrevAddress,\n }),\n },\n\n {},\n ],\n },\n PreviousAddresses: [\n {\n Address: addressPayload_firstPrev,\n TimeInAddress: {\n FromDate:\n firstPrevAddress &&\n firstPrevAddress?.previousAddressLivingSinceform1\n ? firstPrevAddress?.previousAddressLivingSinceform1\n : formData['addressDetails']?.lookupFormPrevious1\n ?.previousAddressLivingSinceform1,\n ExtendedProperties: [{}, {}, {}],\n },\n ExtendedProperties: [{}, {}, {}],\n },\n {\n Address: addressPayload_secondPrev,\n TimeInAddress: {\n FromDate:\n secondPrevAddress &&\n secondPrevAddress?.previousAddressLivingSinceform2\n ? secondPrevAddress?.previousAddressLivingSinceform2\n : formData['addressDetails']?.lookupFormPrevious2\n ?.previousAddressLivingSinceform2,\n ExtendedProperties: [{}, {}, {}],\n },\n ExtendedProperties: [{}, {}, {}],\n },\n ],\n CorrespondenceDetails: {\n AllowContactByPost:\n personalDetails?.contactPreferences ===\n CONSTANTS.CONTACT_PREFERENCE_POST\n ? true\n : false,\n AllowContactByEmail:\n personalDetails?.contactPreferences ===\n CONSTANTS.CONTACT_PREFERENCE_EMAIL\n ? true\n : false,\n EmailAddress: personalDetails?.emailAddress,\n PhoneNumbers: [\n {\n Number: personalDetails?.mobilePhoneNumber,\n FullNumber: personalDetails?.mobilePhoneNumber,\n Type: 'MOBILE',\n ExtendedProperties: [{}, {}, {}],\n },\n {\n Number: personalDetails?.daytimePhoneNumber\n ? personalDetails?.daytimePhoneNumber\n : '',\n FullNumber: personalDetails?.daytimePhoneNumber\n ? personalDetails?.daytimePhoneNumber\n : '',\n Type: 'DAYTIME',\n ExtendedProperties: [{}, {}, {}],\n },\n {\n Number: personalDetails?.eveningPhoneNumber\n ? personalDetails?.eveningPhoneNumber\n : '',\n FullNumber: personalDetails?.eveningPhoneNumber\n ? personalDetails?.eveningPhoneNumber\n : '',\n Type: 'EVENING',\n ExtendedProperties: [{}, {}, {}],\n },\n ],\n ExtendedProperties: [\n {\n Name: 'PreferredContactMethod',\n Value: personalDetails?.contactPreferences,\n },\n ],\n },\n BirthDetails: {\n DateOfBirth: personalDetails?.b_day,\n ExtendedProperties: [{}, {}, {}],\n },\n IsPrimaryApplicant: true,\n Title: personalDetails?.title,\n FirstName: personalDetails?.firstName,\n MiddleName: personalDetails?.middleName,\n LastName: personalDetails?.lastName,\n Gender:\n personalDetails?.gender && personalDetails.gender === 'male'\n ? 'M'\n : 'F',\n MaritalStatus: personalDetails?.maritalStatus,\n NationalInsuranceNumber: personalDetails?.nationalInsuranceNumber,\n Country: personalDetails?.confirmUK\n ? CONSTANTS.COUNTRY_CODE_UK\n : '',\n CountryOfResidence: personalDetails?.confirmUK\n ? CONSTANTS.COUNTRY_CODE_UK\n : '',\n CountryOfNationality: personalDetails?.nationality,\n IsUKResident: personalDetails?.confirmUK,\n\n TaxInformation: {\n AdditionalOverseasTaxInformation: [\n {\n TaxResidenceCountry: financeDetails?.TaxCountry1\n ? financeDetails?.TaxCountry1\n : '',\n TaxpayerIdentificationNumber: financeDetails?.TaxIdentification1\n ? financeDetails?.TaxIdentification1\n : '',\n ExtendedProperties: [{}, {}, {}],\n },\n {\n TaxResidenceCountry: financeDetails?.TaxCountry2\n ? financeDetails?.TaxCountry2\n : '',\n TaxpayerIdentificationNumber: financeDetails?.TaxIdentification2\n ? financeDetails?.TaxIdentification2\n : '',\n ExtendedProperties: [{}, {}, {}],\n },\n {\n TaxResidenceCountry: financeDetails?.TaxCountry3\n ? financeDetails?.TaxCountry3\n : '',\n TaxpayerIdentificationNumber: financeDetails?.TaxIdentification3\n ? financeDetails?.TaxIdentification3\n : '',\n ExtendedProperties: [{}, {}, {}],\n },\n {\n TaxResidenceCountry: financeDetails?.TaxCountry4\n ? financeDetails?.TaxCountry4\n : '',\n TaxpayerIdentificationNumber: financeDetails?.TaxIdentification4\n ? financeDetails?.TaxIdentification4\n : '',\n ExtendedProperties: [{}, {}, {}],\n },\n ],\n ExtendedProperties: [{}, {}, {}],\n },\n ExtendedProperties: [{}, {}, {}],\n },\n ],\n ExtendedProperties: [{}, {}, {}],\n },\n ExtendedProperties: [\n {\n Name: 'ApplicationType',\n Value: 'LongApply',\n },\n ],\n };\n\n return obj;\n };\n\n return {\n getPayload: getPayload,\n };\n})();\n\nexport default appUtility;\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Button } from 'reactstrap';\nimport { Content, Text, RULES, FormErrorList } from '@myie/interact-dom';\nimport { Validate } from '@myie/interact';\nimport appUtility from '../../apply-pages/requestPayload';\n\nclass SaveForm extends Component {\n constructor(props) {\n super(props);\n this.state = this.initialState();\n window.scrollTo(0, 0);\n if (this.props.isResumedApplication) {\n this.submitApplication();\n }\n }\n initialState = () => {\n return {\n form: {\n password: {\n rules: {\n title: 'password',\n stop: true,\n required: {\n message: 'Please enter a password.',\n },\n format: {\n regex: RULES.password,\n message: 'Please enter a valid 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: RULES.password,\n message: 'Please enter a valid password.',\n },\n compare: {\n message: 'Please ensure the password fields match.',\n\n field: 'password',\n comparison: () => {\n return this.state.form.password.value;\n },\n },\n },\n },\n },\n };\n };\n\n submitApplication = () => {\n const {\n saveLongApplyForLater,\n formData,\n longApplyStage,\n selectedProduct,\n resumeMemorableWord,\n isResumedApplication,\n } = this.props;\n\n const { form } = this.state;\n let stateData = {\n formData: formData,\n longApplyStage: longApplyStage,\n productCode: selectedProduct ? selectedProduct.Product_Code : '',\n };\n\n let application = appUtility.getPayload(\n {\n formData: formData,\n selectedProduct,\n },\n true,\n );\n\n const request = {\n Lastname: formData?.personalDetails?.lastName,\n MemorableWord:\n isResumedApplication && resumeMemorableWord\n ? resumeMemorableWord\n : formData && form?.password?.value\n ? form?.password?.value\n : null,\n Application: JSON.stringify(application),\n Type: 'SaveAndReturn',\n BookMark: null,\n Ticket: {\n Signature: null,\n Data: {\n Reference:\n formData && formData['savedProductCode']\n ? formData['savedProductCode']\n : null,\n Token: null,\n UserId: '{00000000-0000-0000-0000-000000000000}',\n Timestamp: new Date().toUTCString(),\n Type: null,\n },\n },\n ExtendedProperties: [\n {\n Name: 'OriginalFormData',\n Value: JSON.stringify(stateData),\n },\n ],\n CloseApplication: false,\n };\n saveLongApplyForLater(request);\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 onSubmitHandler = e => {\n e.preventDefault();\n var { form } = this.state;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n this.submitApplication();\n };\n\n resumeForm = () => {\n const { updateUrl, formData, resumeForm } = this.props;\n let stateData = {\n formData: formData,\n url: {\n pageStage: formData.stage,\n },\n };\n resumeForm(formData.stage);\n updateUrl(stateData);\n };\n\n render() {\n const { form = {} } = this.state;\n if (this.props.isResumedApplication) {\n return null;\n } else {\n return (\n \n \n );\n }\n }\n}\n\nSaveForm.propTypes = {\n match: PropTypes.any,\n updateUrl: PropTypes.func,\n resetMakeWithdrawal: PropTypes.func,\n account: PropTypes.any,\n form: PropTypes.any,\n selectedProduct: PropTypes.object,\n longApplyStage: PropTypes.string,\n formData: PropTypes.object,\n savedData: PropTypes.object,\n resumeForm: PropTypes.func,\n saveLongApplyForLater: PropTypes.func,\n resumeMemorableWord: PropTypes.string,\n isResumedApplication: PropTypes.bool,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(SaveForm);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content, Markdown, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass SaveSuccess extends Component {\n resume = () => {\n const { updateUrl, formData, resumeForm } = this.props;\n let stateData = {\n formData: formData,\n url: {\n pageStage: 'resumeApplication',\n },\n };\n const { resetSaveLongApplyForLater } = this.props;\n resetSaveLongApplyForLater();\n updateUrl(stateData);\n resumeForm('resumeApplication');\n };\n\n componentWillUnmount() {\n const { resetSaveLongApplyForLater } = this.props;\n window.scrollTo(0, 0);\n resetSaveLongApplyForLater();\n }\n\n // componentDidMount() {\n // const { formData, updateUrl } = this.props;\n // let stateData = {\n // formData: {\n // ...formData,\n // referenceNumber: formData.referenceNumber,\n // },\n // url: {\n // pageStage: 'saveForLater',\n // },\n // };\n\n // updateUrl(stateData);\n // }\n\n render() {\n const { formData, savedData } = this.props;\n if (!formData) {\n return null;\n }\n const savedReferenceNumber =\n savedData &&\n savedData.Ticket &&\n savedData.Ticket.Data &&\n savedData.Ticket.Data.Reference\n ? savedData.Ticket.Data.Reference\n : '';\n return (\n \n $[referenceNumber] and your password on the \"Resume application\" page.`}\n />\n \n
\n \n \n \n
\n \n );\n }\n}\n\nSaveSuccess.propTypes = {\n match: PropTypes.any,\n resetSaveLongApplyForLater: PropTypes.func,\n account: PropTypes.any,\n savedData: PropTypes.any,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n resumeForm: PropTypes.func,\n form: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(SaveSuccess);\n","import React from 'react';\nimport { Content, AppMeta, Markdown } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport { Utility } from '@myie/interact';\nimport SaveForm from './SaveForm';\nimport SaveSuccess from './SaveSuccess';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Alert } from 'reactstrap';\n\nconst META_TITLE = {\n SaveForm: 'Save your application',\n SaveSuccess: 'Save successful',\n};\n\nclass SaveIndex extends React.Component {\n constructor(props) {\n super(props);\n const { urlParams, refreshUrl } = props;\n const stateList = ['saveForLater', 'SaveSuccess', 'Failed'];\n const hasStage = stateList.find(element => element === urlParams.pageStage);\n let stage =\n this.props.stateData &&\n this.props.stateData.url &&\n this.props.stateData.url.pageStage &&\n this.props.urlParams &&\n this.props.urlParams.pageStage\n ? this.props.urlParams.pageStage\n : 'saveForLater';\n let subStage =\n this.props.stateData &&\n this.props.stateData.url &&\n this.props.stateData.url.pageStage &&\n this.props.urlParams &&\n this.props.urlParams.pageStage &&\n this.props.urlParams.subStage\n ? this.props.urlParams.subStage\n : stage;\n if (!hasStage) {\n stage = 'saveForLater';\n refreshUrl();\n } else {\n stage = subStage;\n }\n this.state = {\n stage: stage,\n };\n }\n\n componentWillUnmount() {\n const { resetSaveLongApplyForLater } = this.props;\n resetSaveLongApplyForLater();\n window.scrollTo(0, 0);\n }\n\n initialState = () => {\n return {\n stage: 'saveForLater',\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 { savedData = {}, updateUrl, formData } = nextProps;\n const savedReferenceNumber =\n savedData &&\n savedData.Ticket &&\n savedData.Ticket.Data &&\n savedData.Ticket.Data.Reference\n ? savedData.Ticket.Data.Reference\n : '';\n if (\n savedData &&\n savedData.Status === 'Success' &&\n state.stage !== 'SaveSuccess'\n ) {\n let stateData = {\n formData: {\n ...formData,\n referenceNumber: savedReferenceNumber,\n },\n url: {\n pageStage: 'saveForLater',\n subStage: 'SaveSuccess',\n },\n };\n\n updateUrl(stateData);\n return {\n stage: 'SaveSuccess',\n };\n }\n\n if (\n savedData &&\n savedData.Status === 'failed' &&\n state.stage !== 'Failed'\n ) {\n let stateData = {\n formData: {\n ...formData,\n referenceNumber: savedReferenceNumber,\n },\n url: {\n pageStage: 'saveForLater',\n subStage: 'Failed',\n },\n };\n\n updateUrl(stateData);\n return {\n stage: 'Failed',\n };\n }\n\n return null;\n };\n\n resumeForm = stage => {\n const { setStage } = this.props;\n setStage(stage);\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 // select current stage\n currentStage = () => {\n const { savedData = {}, updateUrl, formData, selectedProduct } = this.props;\n switch (this.state.stage) {\n case 'saveForLater':\n return (\n \n \n {stage === 'saveForLater' && !isResumedApplication ? (\n \n {savedData?.Status === 'Invalid' && (\n \n \n )}\n {this.currentStage()}\n \n );\n }\n}\n\nSaveIndex.propTypes = {\n accounts: PropTypes.object,\n match: PropTypes.any,\n longApplyStage: PropTypes.string,\n error: PropTypes.any,\n resetSaveLongApplyForLater: PropTypes.func,\n selectedProduct: PropTypes.object,\n savedData: PropTypes.object,\n setStage: PropTypes.func,\n stateData: PropTypes.object,\n formData: PropTypes.object,\n refreshUrl: PropTypes.func,\n updateUrl: PropTypes.func,\n urlParams: PropTypes.object,\n isFetching: PropTypes.any,\n isResumedApplication: PropTypes.bool,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\n\nexport default connect(\n mapStateToProps,\n { ...mapSavingsServicingDispatchToProps },\n)(withRouter(SaveIndex));\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Button } from 'reactstrap';\nimport {\n Content,\n Text,\n RULES,\n FormErrorList,\n LinkTag,\n} from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Validate } from '@myie/interact';\n\nclass ResumeForm extends Component {\n constructor(props) {\n super(props);\n this.state = this.initialState();\n window.scrollTo(0, 0);\n }\n initialState = () => {\n return {\n form: {\n reference: {\n rules: {\n title: 'Reference ',\n stop: true,\n required: {\n message: 'Please enter a reference number.',\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: RULES.password,\n message: 'Please enter a valid password.',\n },\n },\n },\n },\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 onSubmitHandler = e => {\n e.preventDefault();\n var { form } = this.state;\n const { resumeApplication, setResumeApplicationMemorableWord } = this.props;\n form = Validate.form(form);\n this.setState({ ...this.state, form });\n if (!form.approved) {\n window.scrollTo(0, 0);\n return;\n }\n\n let request = {\n Reference: form.reference.value,\n MemorableWord: form.password.value,\n ExtendedProperties: [],\n };\n setResumeApplicationMemorableWord(form.password.value);\n resumeApplication(request);\n };\n\n render() {\n const { form = {} } = this.state;\n\n return (\n \n \n );\n }\n}\n\nResumeForm.propTypes = {\n match: PropTypes.any,\n resetMakeWithdrawal: PropTypes.func,\n account: PropTypes.any,\n form: PropTypes.any,\n longApplyStage: PropTypes.string,\n formData: PropTypes.object,\n resumeApplication: PropTypes.func,\n setResumeApplicationMemorableWord: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(ResumeForm);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport { Button } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, Markdown, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass SaveExpired extends Component {\n resume = () => {\n const { updateUrl, formData, resumeApplication } = this.props;\n let stateData = {\n formData: formData,\n url: {\n pageStage: formData.stage,\n },\n };\n\n updateUrl(stateData);\n resumeApplication(formData.stage);\n };\n setStage = () => {\n const { setStateDynamic, resetResumeApplication } = this.props;\n resetResumeApplication();\n setStateDynamic({ stage: 'ResumeForm' });\n };\n render() {\n return (\n \n $[phone]. Our lines are open $[openTimes].`}\n />\n \n \n \n
\n \n );\n }\n}\n\nSaveExpired.propTypes = {\n match: PropTypes.any,\n resetSaveLongApplyForLater: PropTypes.func,\n account: PropTypes.any,\n savedData: PropTypes.any,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n setStateDynamic: PropTypes.func,\n resetResumeApplication: PropTypes.func,\n resumeApplication: PropTypes.func,\n form: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(SaveExpired);\n","import React from 'react';\nimport { Content, AppMeta, Switch } from '@myie/interact-dom';\nimport PropTypes from 'prop-types';\nimport { withRouter, Redirect } from 'react-router-dom';\nimport { mapDispatchToProps as mapSavingsServicingDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport SaveForm from './ResumeForm';\nimport SaveExpired from '../responses/Expired';\nimport { storage } from '../storageName';\nimport loadStateHOC from '../../../shared/stateManager/loadStateHOC';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport stateUtility from '../../../shared/stateManager/stateUtility';\n\nconst META_TITLE = {\n ResumeForm: 'Resume Application',\n SaveSuccess: 'Application Saved',\n Failed: 'Resume Application Failed',\n};\n\nconst META_DESCRIPTION = {\n ResumeForm: 'Enter your details to resume your application.',\n SaveSuccess: 'Your application has been saved.',\n Failed: 'Unfortunately we were unable to retrieve your application.',\n};\n\nclass ResumeIndex extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = this.initialState();\n }\n\n componentDidUpdate() {\n const { history, resume } = this.props;\n if (this.state.stage === 'Success' && resume?.Application) {\n const application = resume.Application\n ? JSON.parse(resume.Application)\n : {};\n history.push(\n `/long-apply/apply/${application.Application.ProductTypeCode}`,\n );\n }\n }\n\n componentDidMount() {\n const {\n resetSaveLongApplyForLater,\n resetResumeApplicationData,\n resetResumeApplication,\n resetSaveLongApply,\n resetResumeApplicationMemorableWord,\n } = this.props;\n window.scrollTo(0, 0);\n stateUtility.resetComponentState('longApply');\n resetResumeApplication();\n resetSaveLongApplyForLater();\n resetResumeApplicationData();\n resetSaveLongApply();\n resetResumeApplicationMemorableWord();\n }\n\n componentWillUnmount() {\n const { resetSaveLongApplyForLater, resetResumeApplication } = this.props;\n resetSaveLongApplyForLater();\n resetResumeApplication();\n }\n\n setStateDynamic = list => {\n this.setState({ ...this.state, ...list });\n };\n\n initialState = () => {\n return {\n stage: 'ResumeForm',\n message: '',\n };\n };\n\n // these response status force the form to be reset and switched back to the first page\n static getDerivedStateFromProps = (nextProps, thisState) => {\n const { stage, message } = thisState;\n const {\n resume,\n updateUrl,\n resumeApplicationData,\n resetResumeApplication,\n } = nextProps;\n\n if (\n resume &&\n (resume.Status === 'Failed' || resume.Status === 'Expired') &&\n stage !== 'Failed'\n ) {\n let stateData = {\n formData: null,\n url: {\n pageStage: 'Failed',\n },\n };\n resetResumeApplication();\n updateUrl(stateData);\n return {\n stage: 'Failed',\n message: '',\n };\n }\n if (resume && resume.Status === 'Success' && stage !== 'Success') {\n const application = resume.Application\n ? JSON.parse(resume.Application)\n : {};\n\n if (\n !application?.Application?.ApplicationNumber &&\n resume?.Ticket?.Data?.Reference\n )\n application.Application.ApplicationNumber =\n resume.Ticket.Data.Reference;\n\n resumeApplicationData(application);\n\n return {\n stage: 'Success',\n message: '',\n };\n }\n\n if (resume && resume.Status === 'Invalid' && message !== 'Invalid') {\n return {\n message: 'Invalid',\n };\n }\n\n if (\n resume &&\n resume.Status === 'InvalidCredentials' &&\n message !== 'InvalidCredentials'\n ) {\n return {\n message: 'Invalid',\n };\n }\n\n if (\n resume &&\n resume.Status === 'AlreadySubmitted' &&\n message !== 'AlreadySubmitted'\n ) {\n return {\n message: 'AlreadySubmitted',\n };\n }\n\n if (\n resume &&\n resume.Status === 'ProductUnavailable' &&\n stage !== 'LimitExceeded'\n ) {\n return {\n stage: 'LimitExceeded',\n };\n }\n\n return null;\n };\n\n // select current stage\n currentStage = () => {\n const { savedData = {}, resume } = this.props;\n switch (this.state.stage) {\n case 'ResumeForm':\n return \n \n );\n }\n}\n\nResumeIndex.propTypes = {\n accounts: PropTypes.object,\n resume: PropTypes.object,\n resetResumeApplication: PropTypes.func,\n match: PropTypes.any,\n error: PropTypes.any,\n resetSaveLongApplyForLater: PropTypes.func,\n savedData: PropTypes.object,\n isFetching: PropTypes.any,\n history: PropTypes.object,\n resetResumeApplicationData: PropTypes.func,\n resetSaveLongApply: PropTypes.func,\n resetResumeApplicationMemorableWord: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n { ...mapSavingsServicingDispatchToProps },\n )(withRouter(ResumeIndex)),\n storage.name,\n);\n","export const storage = {\n name: 'longApplySaveAndResume',\n};\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, Markdown, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Row, Col, Button } from 'reactstrap';\nimport { withRouter } from 'react-router-dom';\nimport { Connection } from '@myie/interact';\n\nclass DecisionSuccessISA extends Component {\n setupSecurity = () => {\n const { history, formData, preserveDataforSecurityDetails } = this.props;\n let stateData = {\n formData: {\n b_day: formData['personalDetails'].b_day,\n },\n };\n\n preserveDataforSecurityDetails(stateData);\n\n let url = `/security-details/retrieve`;\n history.push(url);\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n componentWillUnmount() {\n const { resetSaveLongApply } = this.props;\n resetSaveLongApply();\n }\n\n render() {\n const { saveLongApplyData } = this.props;\n return (\n \n \n \n
\n \n \n
\n \n \n Cash ISA Transfer Form (Opens in a new window) for each cash ISA you wish to transfer. If you don't have access to a printer you can complete the copy of the form that we will send you in your welcome pack.`}\n />\n \n \n \n \n https://www.gov.uk/individual-savings-accounts/transferring-your-isa (Opens in a new window) .`}\n />\n $[phone] or email us at $[email] . Our operating hours are $[openTimes].`}\n />\n \n \n {this.props.registration?.Status === 'Success' ? (\n {\n this.setupSecurity();\n }}\n color=\"primary\"\n >\n \n
\n \n );\n }\n}\n\nDecisionSuccessISA.propTypes = {\n history: PropTypes.any,\n account: PropTypes.any,\n savedData: PropTypes.any,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n preserveDataforSecurityDetails: PropTypes.func,\n resetSaveLongApply: PropTypes.func,\n saveLongApplyData: PropTypes.object,\n form: PropTypes.any,\n registration: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition, custombrandAuthenticationDefinition } = state;\n return {\n ...longApplyDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\n\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(DecisionSuccessISA),\n);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, LinkTag, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { Row, Col } from 'reactstrap';\n\nclass DecisionReferred extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n componentWillUnmount() {\n const { resetSaveLongApply } = this.props;\n resetSaveLongApply();\n }\n\n render() {\n const { saveLongApplyData } = this.props;\n return (\n \n $[phone]. Our lines are open $[openTimes].`}\n />\n \n \n
\n \n \n
\n \n );\n }\n}\n\nDecisionReferred.propTypes = {\n match: PropTypes.any,\n account: PropTypes.any,\n savedData: PropTypes.any,\n updateUrl: PropTypes.func,\n resetSaveLongApply: PropTypes.func,\n formData: PropTypes.object,\n saveLongApplyData: PropTypes.object,\n form: PropTypes.any,\n applicationStatus: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(DecisionReferred);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, LinkTag, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass DecisionDeclined extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n render() {\n return (\n \n $[phone] and a member of staff will help. `}\n />\n \n \n
\n \n );\n }\n}\n\nDecisionDeclined.propTypes = {\n match: PropTypes.any,\n account: PropTypes.any,\n savedData: PropTypes.any,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n form: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(DecisionDeclined);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { stateUtility, LinkTag } from '@myie/interact-dom';\nimport { Row, Col, Button } from 'reactstrap';\nimport { withRouter } from 'react-router-dom';\nimport { Connection } from '@myie/interact';\n\nclass DecisionSuccessNonISA extends Component {\n setupSecurity = () => {\n const { history, formData, preserveDataforSecurityDetails } = this.props;\n let stateData = {\n formData: {\n b_day: formData['personalDetails'].b_day,\n },\n };\n\n preserveDataforSecurityDetails(stateData);\n\n stateUtility.setPageState(\n 'securityDetails',\n stateData.formData,\n 'formData',\n );\n let url = `/security-details/retrieve`;\n history.push(url);\n };\n\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n componentWillUnmount() {\n const { resetSaveLongApply } = this.props;\n resetSaveLongApply();\n }\n\n render() {\n const { saveLongApplyData } = this.props;\n return (\n \n \n \n
\n \n \n
\n \n \n \n {this.props.registration?.Status === 'Success' ? (\n {\n this.setupSecurity();\n }}\n color=\"primary\"\n >\n \n
\n \n );\n }\n}\n\nDecisionSuccessNonISA.propTypes = {\n history: PropTypes.any,\n account: PropTypes.any,\n resetSaveLongApply: PropTypes.func,\n savedData: PropTypes.any,\n saveLongApplyData: PropTypes.object,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n form: PropTypes.any,\n preserveDataforSecurityDetails: PropTypes.func,\n registration: PropTypes.object,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition, custombrandAuthenticationDefinition } = state;\n return {\n ...longApplyDefinition,\n ...custombrandAuthenticationDefinition,\n };\n};\nexport default withRouter(\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(DecisionSuccessNonISA),\n);\n","import React, { Component } from 'react';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { AppMeta, Content, LinkTag, Markdown } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\n\nclass RequestFailed extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n }\n\n render() {\n return (\n \n $[phone]. Our lines are open $[openTimes].`}\n />\n\n \n \n
\n \n );\n }\n}\n\nRequestFailed.propTypes = {\n match: PropTypes.any,\n account: PropTypes.any,\n savedData: PropTypes.any,\n updateUrl: PropTypes.func,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(RequestFailed);\n","import React, { Component } from 'react';\nimport { BreadcrumbItem } from 'reactstrap';\nimport _ from 'lodash';\nimport { storage } from './storageName';\nimport PropTypes from 'prop-types';\nimport {\n Content,\n AppMeta,\n CONSTANTS,\n Iframe,\n SystemDowntimeBanner,\n} from '@myie/interact-dom';\nimport { connect } from 'react-redux';\nimport Confirmation from './Confirmation';\nimport CreationSuccess from './CreationSuccess';\nimport PersonalDetails from './PersonalDetails';\nimport AddressDetails from './AddressDetails';\nimport YourFinances from './YourFinances';\nimport AccountPreferences from './AccountPreferences';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport loadStateHOC from '../../shared/stateManager/loadStateHOC';\nimport { SaveIndex, ResumeIndex } from '../save-and-resume/index';\nimport DecisionSuccessISA from './application-responses/DecisionSuccessISA';\nimport Referred from './application-responses/Referred';\nimport Declined from './application-responses/Declined';\nimport DecisionSuccessNonISA from './application-responses/DecisionSuccessNonISA';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\nimport { mapDispatchToProps as mapDispatchToPropsAuthentication } from '@myie/interact-brand-authentication';\nimport { Redirect } from 'react-router-dom';\nimport requestPayload from './requestPayload';\nimport applyPagesUtility from './utility';\nimport RequestFailed from './application-responses/RequestFailed';\nclass ApplyIndex extends Component {\n constructor(props) {\n super(props);\n this.timeoutID = null;\n this.state = this.initialState(props);\n }\n\n initialState = props => {\n const { updateUrl } = props;\n const {\n urlParams,\n refreshUrl,\n resetSaveLongApply,\n resumeData = null,\n resetResumeApplicationData,\n resetResumeApplicationMemorableWord,\n resetGetApplicationStatus,\n } = props;\n const stateList = [\n 'personalDetails',\n 'addressDetails',\n 'yourFinances',\n 'accountPreferences',\n 'reviewAndSubmit',\n 'saveForLater',\n 'resumeApplication',\n 'applySuccess',\n 'referredDocumentPending',\n 'Decline',\n 'Refer',\n 'RequestFailed',\n ];\n let stage;\n let data = {};\n //let data =\n if (resumeData) {\n stage = resumeData?.Application?.stage;\n data = resumeData?.Application.Applicants[0];\n let stateData = {\n formData: {\n ...data,\n savedProductCode: resumeData?.Application?.ApplicationNumber,\n personalDetails: {\n title: data.Title,\n firstName: data.FirstName,\n middleName: data.MiddleName,\n lastName: data.LastName,\n gender: data.Gender === 'M' ? 'male' : 'female',\n b_day: data.BirthDetails.DateOfBirth,\n maritalStatus: data.MaritalStatus,\n nationality: data.CountryOfNationality,\n nationalInsuranceNumber: data.NationalInsuranceNumber,\n confirmUK: data.IsUKResident,\n mobilePhoneNumber: data?.CorrespondenceDetails?.PhoneNumbers?.find(\n number => number.Type === 'MOBILE',\n )?.Number,\n daytimePhoneNumber: data?.CorrespondenceDetails?.PhoneNumbers?.find(\n number => number.Type === 'DAYTIME',\n )?.Number,\n eveningPhoneNumber: data?.CorrespondenceDetails?.PhoneNumbers?.find(\n number => number.Type === 'EVENING',\n )?.Number,\n emailAddress: data?.CorrespondenceDetails?.EmailAddress,\n confirmEmailAddress: data?.CorrespondenceDetails?.EmailAddress,\n contactPreferences: data?.CorrespondenceDetails?.AllowContactByEmail\n ? CONSTANTS.CONTACT_PREFERENCE_EMAIL\n : CONSTANTS.CONTACT_PREFERENCE_POST,\n },\n addressDetails: {\n lookupForm:\n !data.Address.Address.ManualAddress &&\n data.Address.TimeInAddress?.FromDate\n ? {\n addressInput: {\n address_line_1: data.Address.Address.AddressLine1,\n address_line_2: data.Address.Address.AddressLine2,\n address_line_3: data.Address.Address.AddressLine3,\n country: data.Address.Address.Country,\n locality: data.Address.Address.PostTown,\n postal_code: data.Address.Address.PostCode,\n region: data.Address.Address.VillageOrDistrict,\n },\n currentAddressLivingSince:\n data.Address.TimeInAddress?.FromDate,\n }\n : {},\n lookupFormPrevious1:\n data.PreviousAddresses[0].Address.PostCode &&\n !data.PreviousAddresses[0].Address.ManualAddress\n ? {\n addressInput: {\n address_line_1:\n data.PreviousAddresses[0].Address.AddressLine1,\n address_line_2:\n data.PreviousAddresses[0].Address.AddressLine2,\n address_line_3:\n data.PreviousAddresses[0].Address.AddressLine3,\n country: data.PreviousAddresses[0].Address.Country,\n locality: data.PreviousAddresses[0].Address.PostTown,\n postal_code: data.PreviousAddresses[0].Address.PostCode,\n region:\n data.PreviousAddresses[0].Address.VillageOrDistrict,\n },\n previousAddressLivingSinceform1:\n data.PreviousAddresses[0].TimeInAddress?.FromDate,\n }\n : {},\n lookupFormPrevious2:\n data.PreviousAddresses[1].Address.PostCode &&\n !data.PreviousAddresses[1].Address.ManualAddress\n ? {\n addressInput: {\n address_line_1:\n data.PreviousAddresses[1].Address.AddressLine1,\n address_line_2:\n data.PreviousAddresses[1].Address.AddressLine2,\n address_line_3:\n data.PreviousAddresses[1].Address.AddressLine3,\n country: data.PreviousAddresses[1].Address.Country,\n locality: data.PreviousAddresses[1].Address.PostTown,\n postal_code: data.PreviousAddresses[1].Address.PostCode,\n region:\n data.PreviousAddresses[1].Address.VillageOrDistrict,\n },\n previousAddressLivingSinceform2:\n data.PreviousAddresses[1].TimeInAddress?.FromDate,\n }\n : {},\n form: data.Address.Address.ManualAddress\n ? {\n currentFlatNumber: data.Address.Address.FlatNumber,\n currentHouseName: data.Address.Address.BuildingName,\n currentHouseNumber: data.Address.Address.BuildingNumber,\n currentStreet: data.Address.Address.Street,\n currentVillage: data.Address.Address.VillageOrDistrict,\n currentTown: data.Address.Address.TownOrCity,\n currentCounty: data.Address.Address.County,\n currentPostcode: data.Address.Address.PostCode,\n currentAddressLivingSince:\n data.Address.TimeInAddress?.FromDate,\n }\n : {},\n form1: data.PreviousAddresses[0].Address.ManualAddress\n ? {\n previousFlatNumberform1:\n data.PreviousAddresses[0].Address.FlatNumber,\n currentHouseNameform1:\n data.PreviousAddresses[0].Address.BuildingName,\n previousHouseNumberform1:\n data.PreviousAddresses[0].Address.BuildingNumber,\n previousStreetform1: data.PreviousAddresses[0].Address.Street,\n previousVillageform1:\n data.PreviousAddresses[0].Address.VillageOrDistrict,\n previousTownform1:\n data.PreviousAddresses[0].Address.TownOrCity,\n previousCountyform1: data.PreviousAddresses[0].Address.County,\n previousPostcodeform1:\n data.PreviousAddresses[0].Address.PostCode,\n previousAddressLivingSinceform1:\n data.PreviousAddresses[0].TimeInAddress?.FromDate,\n previousUKAddressform1: data.PreviousAddresses[0].Address\n .UKAddress\n ? 'yes'\n : 'no',\n previousPostZipcodeform1:\n data.PreviousAddresses[0].Address.PostCode,\n previousCountryform1:\n data.PreviousAddresses[0].Address.Country,\n }\n : {},\n form2: data.PreviousAddresses[1].Address.ManualAddress\n ? {\n previousFlatNumberform2:\n data.PreviousAddresses[1].Address.FlatNumber,\n previousHouseNameform2:\n data.PreviousAddresses[1].Address.BuildingName,\n previousHouseNumberform2:\n data.PreviousAddresses[1].Address.BuildingNumber,\n previousStreetform2: data.PreviousAddresses[1].Address.Street,\n previousVillageform2:\n data.PreviousAddresses[1].Address.VillageOrDistrict,\n previousTownform2:\n data.PreviousAddresses[1].Address.TownOrCity,\n previousCountyform2: data.PreviousAddresses[1].Address.County,\n previousPostcodeform2:\n data.PreviousAddresses[1].Address.PostCode,\n previousAddressLivingSinceform2:\n data.PreviousAddresses[1].TimeInAddress?.FromDate,\n previousUKAddressform2: data.PreviousAddresses[1].Address\n .UKAddress\n ? 'yes'\n : 'no',\n previousPostZipcodeform2:\n data.PreviousAddresses[1].Address.PostCode,\n previousCountryform2:\n data.PreviousAddresses[1].Address.Country,\n }\n : {},\n needFirstPrevAddress:\n data.Address.ExtendedProperties[0].needFirstPrevAddress,\n needSecondPrevAddress:\n data.Address.ExtendedProperties[1].needSecondPrevAddress,\n },\n yourFinances: {\n USCitizen: data.TaxInformation.AdditionalOverseasTaxInformation[0]\n .TaxResidenceCountry\n ? 'yes'\n : 'no',\n OtherTaxResident:\n !!data.TaxInformation.AdditionalOverseasTaxInformation[1]\n .TaxResidenceCountry ||\n !!data.TaxInformation.AdditionalOverseasTaxInformation[2]\n .TaxResidenceCountry ||\n !!data.TaxInformation.AdditionalOverseasTaxInformation[3]\n .TaxResidenceCountry\n ? 'yes'\n : 'no',\n TaxCountry1:\n data.TaxInformation.AdditionalOverseasTaxInformation[0]\n .TaxResidenceCountry,\n TaxIdentification1:\n data.TaxInformation.AdditionalOverseasTaxInformation[0]\n .TaxpayerIdentificationNumber,\n TaxCountry2:\n data.TaxInformation.AdditionalOverseasTaxInformation[1]\n .TaxResidenceCountry,\n TaxIdentification2:\n data.TaxInformation.AdditionalOverseasTaxInformation[1]\n .TaxpayerIdentificationNumber,\n TaxCountry3:\n data.TaxInformation.AdditionalOverseasTaxInformation[2]\n .TaxResidenceCountry,\n TaxIdentification3:\n data.TaxInformation.AdditionalOverseasTaxInformation[2]\n .TaxpayerIdentificationNumber,\n TaxCountry4:\n data.TaxInformation.AdditionalOverseasTaxInformation[3]\n .TaxResidenceCountry,\n TaxIdentification4:\n data.TaxInformation.AdditionalOverseasTaxInformation[3]\n .TaxpayerIdentificationNumber,\n },\n accountPreferences: {\n depositMethod: resumeData?.Application?.DepositFundsOption,\n depositAmount: resumeData?.Application?.DepositAmount?.Amount,\n },\n },\n url: {\n pageStage: stage,\n },\n };\n updateUrl(stateData);\n } else {\n const hasStage = stateList.find(\n element => element === urlParams.pageStage,\n );\n stage =\n this.props.stateData &&\n this.props.stateData.url &&\n this.props.stateData.url.pageStage &&\n this.props.urlParams &&\n this.props.urlParams.pageStage\n ? this.props.urlParams.pageStage\n : 'personalDetails';\n if (!hasStage) {\n stage = 'personalDetails';\n resetSaveLongApply();\n resetGetApplicationStatus();\n refreshUrl();\n }\n data =\n this.props.stateData && this.props.stateData.formData\n ? this.props.stateData.formData\n : {};\n resetResumeApplicationData();\n resetResumeApplicationMemorableWord();\n }\n\n return {\n selectedProduct: null,\n stage: stage,\n data: data,\n responseStatus: null,\n isPolling: false,\n };\n };\n\n componentDidUpdate(prevProps) {\n if (\n this.props.resumeData?.Application?.ApplicationNumber !==\n prevProps?.resumeData?.Application?.ApplicationNumber\n ) {\n this.setState({ ...this.initialState(this.props) });\n }\n if (\n this.props.saveLongApplyData &&\n ((this.props.saveLongApplyData.Status === 'Pending' &&\n !this.props.applicationStatus) ||\n (this.props.applicationStatus &&\n this.props.applicationStatus.DocumentUploadStatus !==\n CONSTANTS.STATUS_COMPLETE)) &&\n !this.state.isPolling\n ) {\n this.startTimer();\n }\n if (\n this.props.applicationStatus &&\n this.props.applicationStatus.DocumentUploadStatus ===\n CONSTANTS.STATUS_COMPLETE &&\n (this.props.applicationStatus.DecisionStatus ===\n CONSTANTS.STATUS_REFERRED ||\n this.props.applicationStatus.DecisionStatus ===\n CONSTANTS.STATUS_DECLINE ||\n this.props.applicationStatus.DecisionStatus === CONSTANTS.STATUS_ACCEPT)\n ) {\n this.clearTimer();\n }\n }\n\n static getDerivedStateFromProps = (nextProps, thisState) => {\n const {\n allDepositProducts,\n match,\n updateUrl,\n stateData,\n depositProduct,\n register,\n saveLongApplyData,\n applicationStatus,\n } = nextProps;\n const { selectedProduct, stage } = thisState;\n\n let product = null;\n if (depositProduct && depositProduct.Product && !selectedProduct) {\n if (allDepositProducts && allDepositProducts.length) {\n allDepositProducts.forEach(element => {\n if (match.params && match.params.id === element.Product_Code) {\n product = element;\n }\n });\n return {\n selectedProduct: product,\n };\n }\n }\n\n if (\n saveLongApplyData &&\n ((saveLongApplyData.Status === 'Pending' && !applicationStatus) ||\n (applicationStatus &&\n applicationStatus.DocumentUploadStatus !==\n CONSTANTS.STATUS_COMPLETE)) &&\n stage !== 'Refer'\n ) {\n let data = {\n formData: {\n ...stateData.formData,\n },\n url: {\n pageStage: 'Refer',\n },\n };\n\n updateUrl(data);\n return {\n stage: 'Refer',\n };\n }\n\n if (\n saveLongApplyData &&\n saveLongApplyData.Status === 'Decline' &&\n stage !== 'Decline'\n ) {\n let data = {\n formData: {\n ...stateData.formData,\n },\n url: {\n pageStage: 'Decline',\n },\n };\n\n updateUrl(data);\n return {\n stage: 'Decline',\n };\n }\n\n if (\n saveLongApplyData &&\n saveLongApplyData.Status === 'Failed' &&\n stage !== 'RequestFailed'\n ) {\n let data = {\n formData: {\n ...stateData.formData,\n },\n url: {\n pageStage: 'RequestFailed',\n },\n };\n\n updateUrl(data);\n return {\n stage: 'RequestFailed',\n };\n }\n\n if (\n saveLongApplyData &&\n ((saveLongApplyData.Status === 'Referred' && !applicationStatus) ||\n (applicationStatus &&\n applicationStatus.DocumentUploadStatus ===\n CONSTANTS.STATUS_COMPLETE &&\n (applicationStatus.DecisionStatus === CONSTANTS.STATUS_REFERRED ||\n applicationStatus.DecisionStatus === CONSTANTS.STATUS_DECLINE))) &&\n stage !== 'referredWithDocs'\n ) {\n let data = {\n formData: {\n ...stateData.formData,\n },\n url: {\n pageStage: 'referredWithDocs',\n },\n };\n\n updateUrl(data);\n return {\n stage: 'referredWithDocs',\n isPolling: false,\n };\n }\n\n if (\n saveLongApplyData &&\n ((saveLongApplyData.Status === 'Accept' && !applicationStatus) ||\n (applicationStatus &&\n applicationStatus.DocumentUploadStatus ===\n CONSTANTS.STATUS_COMPLETE &&\n applicationStatus.DecisionStatus === CONSTANTS.STATUS_ACCEPT)) &&\n stage !== 'applySuccess'\n ) {\n let data = {\n formData: {\n ...stateData.formData,\n },\n url: {\n pageStage: 'applySuccess',\n },\n };\n let accountNumber = saveLongApplyData.ReferenceNumber;\n applyPagesUtility.saveAccount(accountNumber);\n let postCode = stateData?.formData?.addressDetails?.form?.currentPostcode;\n if (!postCode) {\n postCode =\n stateData?.formData?.addressDetails?.lookupForm?.addressInput\n ?.postal_code;\n }\n const request = {\n TermsAndConditionsDocumentVersion: 'v1.0',\n\n Entries: [\n {\n Type: 'firstName',\n Value: stateData?.formData?.personalDetails?.firstName,\n },\n {\n Type: 'lastName',\n Value: stateData?.formData?.personalDetails?.lastName,\n },\n {\n Type: 'dateOfBirth',\n Value: stateData?.formData?.personalDetails?.b_day,\n },\n {\n Type: 'postCode',\n Value: postCode,\n },\n {\n Type: 'accountNumber',\n Value: accountNumber,\n },\n ],\n ExtendedProperties: {},\n };\n\n register(request);\n\n updateUrl(data);\n return {\n stage: 'applySuccess',\n isPolling: false,\n };\n }\n\n return null;\n };\n\n setStateDynamic = list => {\n this.setState({ ...this.state, ...list });\n };\n\n backToPrevious = stage => {\n const { updateUrl } = this.props;\n const formData =\n this.props.stateData && this.props.stateData.formData\n ? this.props.stateData.formData\n : {};\n if (formData) {\n if (stage in formData) {\n let stateData = {\n formData: {\n ...formData,\n },\n url: {\n pageStage: stage,\n },\n };\n updateUrl(stateData);\n this.setState({ ...this.state, stage: stage });\n }\n }\n };\n\n componentDidMount() {\n const {\n getDepositProducts,\n allDepositProducts,\n getDepositProduct,\n match,\n depositProduct,\n resetSaveLongApplyForLater,\n isSystemReadOnly,\n } = this.props;\n resetSaveLongApplyForLater();\n if (!allDepositProducts) {\n getDepositProducts({\n checkLimitExceeded: true,\n isLongApply: true,\n });\n }\n if (!depositProduct || (depositProduct && !depositProduct.Product)) {\n getDepositProduct({\n ProductId: match.params.id,\n });\n }\n\n isSystemReadOnly();\n window.scrollTo(0, 0);\n }\n componentWillUnmount() {\n const { resetSaveLongApply, resetGetApplicationStatus } = this.props;\n resetSaveLongApply();\n resetGetApplicationStatus();\n this.clearTimer && this.clearTimer();\n }\n\n // change the stage of the form\n setStage = stage => {\n this.setState({\n ...this.state,\n stage,\n message: null,\n });\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 this.setState({ ...this.state, stage, form });\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 submitPersonalDetails = () => {};\n submitAddressDetails = () => {};\n submitYourFinances = () => {};\n submitAccountPreferences = () => {};\n submitReviewAndSubmit = () => {\n const { saveLongApply } = this.props;\n const { selectedProduct } = this.state;\n const formData = this.props.stateData.formData;\n const data = formData['personalDetails'];\n const request = requestPayload.getPayload(\n {\n formData: formData,\n status: data.firstName,\n ISA: CONSTANTS.ACCOUNT_TYPE_CODE.find(element => {\n return selectedProduct.Account_Type_Code === element;\n }),\n selectedProduct,\n },\n false,\n );\n saveLongApply(request);\n };\n\n // select current stage\n currentStage = () => {\n const { updateUrl } = this.props;\n const { selectedProduct } = this.state;\n switch (this.state.stage) {\n case 'personalDetails':\n return (\n \n \n );\n case 'addressDetails':\n return (\n \n \n );\n case 'yourFinances':\n return (\n \n \n );\n case 'accountPreferences':\n return (\n \n \n );\n case 'reviewAndSubmit':\n return (\n \n \n );\n default:\n }\n };\n updateApplicatoinStatus = () => {\n const request = {\n ClientApplicationReference: this.props.saveLongApplyData\n .ExtendedProperties[1].Value,\n };\n this.props.getApplicationStatus(request);\n };\n\n startTimer = () => {\n if (!this.state.isPolling) {\n this.timeoutID = setInterval(\n this.updateApplicatoinStatus,\n CONSTANTS.POLLING_INTERVAL_MILLISECONDS,\n );\n this.setState({ isPolling: true });\n }\n };\n clearTimer = () => {\n clearInterval(this.timeoutID);\n };\n render() {\n const { stage, responseStatus, selectedProduct } = this.state;\n const {\n updateUrl,\n resetComponentState,\n depositProduct,\n systemDowntime,\n } = this.props;\n if (depositProduct && !depositProduct.Product) {\n return \n \n
\n \n {stage === 'addressDetails' ||\n stage === 'yourFinances' ||\n stage === 'accountPreferences' ||\n stage === 'reviewAndSubmit' ? (\n this.backToPrevious('personalDetails')}>\n \n \n \n \n \n ) : (\n \n {this.state.stage === 'personalDetails' ? (\n \n \n \n \n
\n )}\n \n \n {stage === 'yourFinances' ||\n stage === 'accountPreferences' ||\n stage === 'reviewAndSubmit' ? (\n this.backToPrevious('addressDetails')}>\n \n \n \n \n \n ) : (\n \n {this.state.stage === 'addressDetails' ? (\n \n \n \n \n
\n )}\n \n \n {stage === 'accountPreferences' || stage === 'reviewAndSubmit' ? (\n this.backToPrevious('yourFinances')}>\n \n \n \n \n \n ) : (\n \n {this.state.stage === 'yourFinances' ? (\n \n \n \n \n
\n )}\n \n \n {stage === 'reviewAndSubmit' ? (\n this.backToPrevious('accountPreferences')}\n >\n \n \n \n \n \n {this.state.stage === 'accountPreferences' ? (\n \n \n \n \n
\n )}\n \n \n {this.state.stage === 'reviewAndSubmit' ? (\n \n \n \n \n \n \n
\n
\n );\n }\n}\n\nApplyIndex.propTypes = {\n accounts: PropTypes.any,\n history: PropTypes.any,\n isFetching: PropTypes.bool,\n allDepositProducts: PropTypes.any,\n onCreate: PropTypes.func,\n match: PropTypes.any,\n fetchAccountsIfNeeded: PropTypes.func,\n account: PropTypes.any,\n urlParams: PropTypes.any,\n stateData: PropTypes.any,\n refreshUrl: PropTypes.any,\n resetSaveLongApplyForLater: PropTypes.func,\n resumeData: PropTypes.object,\n updateUrl: PropTypes.any,\n getDepositProduct: PropTypes.func,\n depositProduct: PropTypes.object,\n resetResumeApplicationData: PropTypes.func,\n getDepositProducts: PropTypes.func,\n saveLongApply: PropTypes.func,\n resetComponentState: PropTypes.func,\n selectedProduct: PropTypes.any,\n resetSaveLongApply: PropTypes.func,\n saveLongApplyData: PropTypes.object,\n systemDowntime: PropTypes.object,\n isSystemReadOnly: PropTypes.func,\n nextStep: PropTypes.string,\n resetNextStepFormSubmit: PropTypes.func,\n resetResumeApplicationMemorableWord: PropTypes.func,\n getApplicationStatus: PropTypes.func,\n resetGetApplicationStatus: PropTypes.func,\n applicationStatus: PropTypes.any,\n};\n\nconst mapStateToProps = state => {\n const { longApplyDefinition } = state;\n return {\n ...longApplyDefinition,\n };\n};\n\nexport default loadStateHOC(\n connect(\n mapStateToProps,\n { ...mapDispatchToProps, ...mapDispatchToPropsAuthentication },\n )(ApplyIndex),\n storage.name,\n);\n","export const storage = {\n name: 'longApply',\n};\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { Content, Markdown, AppMeta, LinkTag } from '@myie/interact-dom';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport { mapDispatchToProps } from '@myie/interact-brand-savings-servicing';\n\nclass TranchExceeded extends Component {\n componentDidMount() {\n window.scrollTo(0, 0);\n this.props.resetGetDepositProduct();\n }\n\n render() {\n return (\n \n $[phone]. Our lines are open $[openTimes].`}\n />\n \n \n
\n \n );\n }\n}\n\nTranchExceeded.propTypes = {\n match: PropTypes.any,\n history: PropTypes.any,\n account: PropTypes.any,\n setStage: PropTypes.any,\n updateUrl: PropTypes.func,\n formData: PropTypes.object,\n resetGetDepositProduct: PropTypes.func,\n};\n\nexport default connect(\n null,\n mapDispatchToProps,\n)(TranchExceeded);\n","import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\nimport { NoMatch, SystemDowntimeBlockedPage } from '@myie/interact-dom';\nimport Eligibility from './Eligibility';\nimport { ApplyIndex } from './apply-pages';\nimport TranchExceeded from './TranchExceeded';\n\nclass LongApplyRoutes extends React.Component {\n render() {\n return (\n \n \n );\n }\n}\nexport default LongApplyRoutes;\n","export const storage = {\n name: 'securityDetails',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Alert, Button, Form } from 'reactstrap';\nimport { Redirect } from 'react-router-dom';\nimport { storage } from './storageName';\nimport queryString from 'query-string';\nimport loadStateHOC from '../shared/stateManager/loadStateHOC';\nimport { mapDispatchToProps } from '@myie/interact-brand-authentication';\nimport {\n Text,\n Switch,\n Content,\n Markdown,\n AppMeta,\n RULES,\n sharedUtility,\n FormErrorList,\n stateUtility,\n} from '@myie/interact-dom';\nimport { Validate } from '@myie/interact';\nimport { CONTACTS } from '@myie/interact-local-dom';\nimport applyPagesUtility from '../long-apply/apply-pages/utility';\nclass UpdateSecurityDetails extends React.Component {\n constructor(props) {\n super(props);\n const {\n resetUpdateSecurityDetails,\n setupcredentialsActivate,\n savedDataForSecurity,\n stateData,\n urlParams,\n } = this.props;\n\n if (\n stateData &&\n stateData.RequireActivationTicket &&\n urlParams &&\n urlParams.twoFa &&\n urlParams.twoFa === 'active'\n ) {\n const RequireActivationTicket = {\n RequireActivationTicket: stateData.RequireActivationTicket,\n ExtendedProperties: null,\n };\n setupcredentialsActivate({\n RequireActivationTicket:\n stateData && RequireActivationTicket ? RequireActivationTicket : '',\n });\n }\n\n this.state = {\n localPasscodeValidation: [],\n message: null,\n updateStatus: null,\n twoFAStatus: null,\n form: {\n username: {\n rules: {\n title: 'username',\n stop: true,\n required: {\n message: 'Please enter a username.',\n },\n format: {\n regex: RULES.usernameOptional,\n message: 'Please enter a valid username.',\n },\n },\n },\n password: {\n rules: {\n title: 'password',\n stop: true,\n required: {\n message: 'Please enter a password.',\n },\n format: {\n regex: RULES.passwordOptional,\n message: 'Please enter a valid password.',\n },\n isSameAsUsername: {\n message: 'Your username and password cannot be the same.',\n field: 'password',\n comparison: () => {\n return this.state.form.username.value;\n },\n },\n },\n },\n confirmPassword: {\n rules: {\n title: 'confirm password',\n stop: true,\n required: {\n message: 'Please enter a password.',\n },\n format: {\n regex: RULES.passwordOptional,\n message: 'Please enter a valid password.',\n },\n compare: {\n message: 'Please ensure the password fields match.',\n field: 'password',\n comparison: () => {\n return this.state.form.password.value;\n },\n },\n },\n },\n memorableNumber: {\n rules: {\n title: 'passcode',\n stop: true,\n required: {\n message: 'Please enter a passcode.',\n },\n format: {\n regex: RULES.memorableNumberOptional,\n message: 'Please enter a valid passcode.',\n },\n isSequential: {\n message: 'Your passcode cannot include sequential numbers.',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n isAllSame: {\n message:\n 'Your passcode cannot be the same number repeated six times.',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n isDoB: {\n message: 'Your passcode cannot be your date of birth.',\n field: 'memorableNumber',\n comparison: () => {\n return savedDataForSecurity.formData.b_day;\n },\n },\n },\n },\n confirmMemorableNumber: {\n rules: {\n title: 'confirm passcode',\n stop: true,\n required: {\n message: 'Please enter a passcode.',\n },\n format: {\n regex: RULES.memorableNumberOptional,\n message: 'Please enter a valid passcode.',\n },\n compare: {\n message: 'Please ensure the passcode fields match.',\n field: 'memorableNumber',\n comparison: () => {\n return this.state.form.memorableNumber.value;\n },\n },\n },\n },\n },\n };\n resetUpdateSecurityDetails();\n stateUtility.setGlobalValue({ storage: storage.name });\n }\n\n onChange = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n if (form[name]) {\n form = Validate.input(name, value, form);\n }\n this.setState({\n ...this.state,\n form,\n });\n };\n\n onBlur = e => {\n const { name, value } = e.target;\n let { form } = this.state;\n if (form[name] && e.target.value) {\n form = Validate.input(name, value, form, true);\n }\n this.setState({\n ...this.state,\n form,\n });\n };\n\n submit = e => {\n e.preventDefault();\n const { setCredentials, registration, savedDataForSecurity } = this.props;\n let { form, message = {} } = this.state;\n\n let localValues = [];\n\n if (form.memorableNumber.value) {\n form = Validate.input(\n 'memorableNumber',\n form.memorableNumber.value,\n form,\n true,\n );\n form = Validate.input(\n 'confirmMemorableNumber',\n form.confirmMemorableNumber.value,\n form,\n true,\n );\n const checkAllSame = sharedUtility.checkAllSame(\n form.memorableNumber.value,\n )\n ? 'AllSame'\n : '';\n const isSequential = sharedUtility.isSequential(\n form.memorableNumber.value,\n )\n ? 'Sequential'\n : '';\n if (checkAllSame) {\n localValues.push(checkAllSame);\n }\n if (isSequential) {\n localValues.push(isSequential);\n }\n }\n\n form = Validate.form(form);\n this.setState({\n ...this.state,\n form,\n message,\n localPasscodeValidation: localValues,\n });\n if (!form.approved || localValues.length) {\n window.scrollTo(0, 0);\n return;\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 AccountId: applyPagesUtility.getAccount(),\n IdentityRequest: {\n DateOfBirth:\n savedDataForSecurity &&\n savedDataForSecurity.formData &&\n savedDataForSecurity.formData.b_day\n ? savedDataForSecurity.formData.b_day\n : '',\n },\n },\n };\n\n setCredentials(request);\n\n this.setState({\n ...this.state,\n form,\n message,\n });\n if (!form.approved || localValues.length) {\n window.scrollTo(0, 0);\n return;\n }\n };\n\n static getDerivedStateFromProps = nextProps => {\n const {\n resetUpdateSecurityDetails,\n resetActivation,\n updateSecurityDetails,\n setupcredentialsActivate,\n credentialsActivate,\n updateState,\n } = nextProps;\n\n if (\n updateSecurityDetails &&\n updateSecurityDetails.Status === 'RequireActivation'\n ) {\n resetUpdateSecurityDetails();\n updateState({\n RequireActivationTicket:\n updateSecurityDetails && updateSecurityDetails.RequireActivationTicket\n ? updateSecurityDetails.RequireActivationTicket\n : '',\n });\n\n setupcredentialsActivate({\n RequireActivationTicket:\n updateSecurityDetails && updateSecurityDetails.RequireActivationTicket\n ? updateSecurityDetails.RequireActivationTicket\n : '',\n });\n }\n if (updateSecurityDetails && updateSecurityDetails.Status) {\n if (updateSecurityDetails.Status === 'Success') {\n resetUpdateSecurityDetails();\n }\n return { updateStatus: updateSecurityDetails.Status };\n }\n if (\n credentialsActivate &&\n credentialsActivate.Status &&\n credentialsActivate.Status === 'Success'\n ) {\n resetUpdateSecurityDetails();\n resetActivation();\n return { twoFAStatus: credentialsActivate.Status };\n }\n return null;\n };\n\n componentWillUnmount = () => {\n // Call reducer function to clear error in redux store\n const { resetComponentState, updateSecurityDetailsReceive } = this.props;\n\n updateSecurityDetailsReceive({});\n resetComponentState();\n };\n\n getErrors = () => {\n const { updateSecurityDetails = {} } = this.props;\n let errors = [];\n let fieldErrors = {};\n if (\n updateSecurityDetails &&\n updateSecurityDetails.ExtendedProperties &&\n updateSecurityDetails.ExtendedProperties.IdentityResponse &&\n updateSecurityDetails.ExtendedProperties.IdentityResponse.CredentialErrors\n ) {\n updateSecurityDetails.ExtendedProperties.IdentityResponse.CredentialErrors.forEach(\n element => {\n switch (element) {\n case 'Known':\n fieldErrors.password = element;\n return errors.push(\n \n choose another password.`}\n />\n ,\n );\n default:\n }\n },\n );\n }\n\n return {\n errorMsg: errors,\n fieldErrors: fieldErrors,\n };\n };\n\n buildErrorMsg = updateSecurityDetails => {\n var errorsExist = false;\n var errorMsg = [];\n\n if (\n updateSecurityDetails &&\n updateSecurityDetails.Status === 'InvalidCredential'\n ) {\n errorMsg = this.getErrors().errorMsg;\n errorsExist = true;\n } else {\n if (\n updateSecurityDetails &&\n updateSecurityDetails.Status &&\n updateSecurityDetails.Status !== '' &&\n updateSecurityDetails.Status !== 'Success'\n ) {\n errorsExist = true;\n\n errorMsg = (\n \n
\n
\n \n {errorMsgObj.errorMsg}\n
\n {message ? (\n
\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 {error ?
{error} : ''}\n
\n \n
\n )}\n {iconImage && (\n