\n
{\n e.preventDefault();\n this.closeDrawer();\n }} />\n
{\n const data = e.target.dataset;\n if (data.close) {\n this.closeDrawer();\n }\n }}>\n {children}\n
\n
\n \n ) : null),\n ];\n return (\n
\n );\n }\n}\n\nMenuDrawer.propTypes = {\n children: PropTypes.node,\n iconColor: PropTypes.string,\n};\n\nMenuDrawer.defaultProps = {\n iconColor: '#000',\n};\n\nexport default MenuDrawer;\n","import MenuDrawer from './MenuDrawer';\n\nexport default MenuDrawer;\n","import React from 'react';\nimport {createBrowserHistory} from 'history';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {formatUrl} from './util';\n\nconst history = createBrowserHistory();\nconst HistoryContext = React.createContext(history);\n\nexport const withHistory = Component => function HistoryComponent(props) {\n return (\n
\n {history => \n );\n};\n\nexport const showIfLocation = Component => {\n class Sub extends React.Component {\n isPath() {\n const {path, history} = this.props;\n const regex = new RegExp(path);\n return regex && regex.test(history.location.pathname);\n }\n componentDidMount() {\n const {history} = this.props;\n this.unlisten = history.listen(location => {\n this.forceUpdate();\n });\n }\n componentWillUnmount() {\n this.unlisten();\n }\n render() {\n return this.isPath()\n ?
\n : null;\n }\n }\n Sub.propTypes = {\n path: PropTypes.string,\n history: PropTypes.object,\n };\n return withHistory(Sub);\n};\n\nconst mapStateToProps = state => {\n return {\n clientName: state.clientName,\n };\n};\n\nexport const Link = connect(mapStateToProps, {})(({to, clientName, children, ...props}) => {\n return (\n
\n {history => (\n {\n e.preventDefault();\n history.push(formatUrl(clientName,to));\n }}\n {...props}\n >\n {\n children && (React.isValidElement(children) ? React.cloneElement(children) : children)\n }\n \n )}\n \n );\n});\n\nLink.propTypes = {\n to: PropTypes.string,\n children: PropTypes.any,\n clientName: PropTypes.string,\n};\n","import React, {useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport DestinationMenu from 'components/DestinationMenu';\nimport CustomDestinationInput from 'components/CustomDestinationInput';\nimport './index.css';\nimport {connect} from 'react-redux';\nimport MenuDrawer from 'components/MenuDrawer';\nimport configMenuActions from 'actions/configMenuActions';\nimport {showIfLocation, Link} from 'SimpleHistory';\nimport 'assets/breadcrumbs-divider.png';\nimport {CLIENTS_LOGO_MAPPINGS} from '../../config/constants';\n\nconst Links = () => (\n
\n HOME\n \n SHOP \n SERVICES \n MARKETPLACE \n NEWS \n POLICY \n CONTACT US \n CART\n \n \n);\n\nconst Outer = ({\n children,\n configMenu: {\n advanced,\n bank,\n method,\n country,\n currency,\n webAppEnabled,\n source,\n },\n onSelectedBank,\n onSelectedMethod,\n onSelectedCountry,\n onSelectedCurrency,\n setWebAppEnabled,\n setAdvancedConfig,\n setSourceAccount,\n clientName,\n}) => {\n const logo = CLIENTS_LOGO_MAPPINGS[clientName];\n useEffect(() => {\n window.document.getElementById('tokenWebAppIframe').addEventListener('DOMNodeInserted', () => {\n window.document.getElementById('tokenWebAppIframe').focus();\n }, false );\n }, []);\n\n const destinationMenu = advanced ?
: (\n
\n );\n return (\n
\n
\n \n
\n
\n \n
\n {destinationMenu}\n
\n
\n \n \n \n
\n
\n {children}\n \n
\n );\n};\n\nOuter.propTypes = {\n children: PropTypes.node,\n onSelectedBank: PropTypes.func.isRequired,\n onSelectedMethod: PropTypes.func.isRequired,\n onSelectedCountry: PropTypes.func.isRequired,\n onSelectedCurrency: PropTypes.func.isRequired,\n setWebAppEnabled: PropTypes.func.isRequired,\n setAdvancedConfig: PropTypes.func.isRequired,\n setSourceAccount: PropTypes.func.isRequired,\n configMenu: PropTypes.object.isRequired,\n clientName: PropTypes.string,\n};\n\nOuter.contextTypes = {\n store: PropTypes.object,\n};\n\nconst mapStateToProps = state => ({\n configMenu,\n}) => ({\n configMenu,\n clientName: state.clientName,\n});\n\nconst mapDispatchToProps = dispatch => ({\n onSelectedBank: bank => {\n if (!bank) return;\n dispatch(configMenuActions.changeBank(bank));\n },\n onSelectedMethod: method => {\n if (!method) return;\n dispatch(configMenuActions.changeMethod(method));\n },\n onSelectedCountry: country => {\n if (!country) return;\n dispatch(configMenuActions.changeCountry(country));\n },\n onSelectedCurrency: currency => {\n if (!currency) return;\n dispatch(configMenuActions.changeCurrency(currency));\n },\n setWebAppEnabled: webAppEnabled => dispatch(configMenuActions.setWebAppEnabled(webAppEnabled)),\n setAdvancedConfig: () => dispatch(configMenuActions.setAdvancedConfig()),\n setSourceAccount: (account, scheme, bankId) => dispatch(configMenuActions.setSourceAccount(account, scheme, bankId)),\n});\n\nexport default showIfLocation(connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Outer));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {FormattedNumber} from 'react-intl';\nimport cart from 'actions/cartActions';\nimport {currencySymbols, productCatalog} from 'config/constants';\nimport './StoreFront.css';\nimport {getCurrency} from 'reducers';\nimport {Link, showIfLocation} from 'SimpleHistory';\nimport {CLIENTS_URL_MAPPINGS} from '../../config/constants';\nimport {formatUrl} from '../../util';\n\nclass StoreFront extends React.Component {\n constructor(props) {\n super(props);\n this.items = productCatalog;\n }\n componentDidMount() {\n const {store} = this.context;\n this.isUnmounted = false;\n this.unsubscribe = store.subscribe(() => {\n if (!this.isUnmounted) {\n this.forceUpdate();\n }\n });\n }\n componentWillUnmount() {\n this.isUnmounted = true;\n this.unsubscribe();\n }\n\n onAddToCart(item) {\n const {store} = this.context;\n store.dispatch(cart.insert(item));\n this.props.history.push(formatUrl(this.props.clientName, '/cart'));\n }\n render() {\n const currency = currencySymbols[this.props.currency];\n const thumbs = this.items.map( item => {\n const boundAddToCart = this.onAddToCart.bind(this, item);\n const style = {\n thumb: {\n backgroundImage: `url(${item.thumb})`,\n },\n };\n return (\n
\n \n
\n
\n
Add to cart \n
\n \n
\n
\n
\n {currency}
\n
{item.title}
\n