{error}
\n ))\n }\n \n)\n\nUploadErrors.propTypes = {\n title: PropTypes.string.isRequired,\n errors: PropTypes.arrayOf(PropTypes.string),\n visible: PropTypes.bool.isRequired,\n handleOk: PropTypes.func.isRequired,\n handleCancel: PropTypes.func.isRequired\n}\n\nexport default UploadErrors\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Table, Icon } from 'antd'\nimport UploadErrors from './UploadErrors'\n\nclass UploadLogTable extends Component {\n constructor(props) {\n super(props)\n this.state = {\n errors: [],\n visible: false\n }\n }\n\n showModal = (errors) => {\n this.setState({\n errors,\n visible: true\n })\n };\n\n handleOk = (e) => {\n this.setState({\n visible: false\n })\n };\n\n handleCancel = (e) => {\n this.setState({\n visible: false\n })\n }\n\n render() {\n const { uploadLog, getUploadFile, loading } = this.props\n const columns = [\n {\n title: 'ID',\n dataIndex: 'IdUploadLog',\n align: 'center'\n },\n {\n title: 'File',\n align: 'center',\n key: 'action',\n render: row => (\n \n \n
\n )\n }\n}\n\nUploadLogTable.propTypes = {\n getUploadFile: PropTypes.func.isRequired,\n uploadLog: PropTypes.arrayOf(PropTypes.shape()),\n loading: PropTypes.bool.isRequired\n}\n\nexport default UploadLogTable\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport { Pagination } from 'antd'\nimport { DEFAULT_PAGE_SIZE } from 'Constants'\nimport Dragger from './Dragger'\nimport UploadLogTable from './UploadLogTable'\n\nclass UploadPage extends Component {\n componentDidMount() {\n const { uploadLog, getUploadLog } = this.props\n getUploadLog({ page: uploadLog.page, limit: DEFAULT_PAGE_SIZE })\n }\n\n render() {\n const {\n uploadLog,\n getUploadFile,\n getUploadLog,\n loading\n } = this.props\n\n return (\n \n \n { getUploadLog({ page: uploadLog.page, limit: DEFAULT_PAGE_SIZE }) }} />\n getUploadLog({ page, limit })}\n onShowSizeChange={(page, limit) => getUploadLog({ page, limit })}\n defaultPageSize={DEFAULT_PAGE_SIZE}\n hideOnSinglePage\n />\n
\n \n )\n }\n}\n\nUploadPage.propTypes = {\n getUploadFile: PropTypes.func.isRequired,\n getUploadLog: PropTypes.func.isRequired,\n uploadLog: PropTypes.shape(),\n loading: PropTypes.bool.isRequired\n}\n\nexport default UploadPage\n","// Upload\nexport const UPLOAD_STATUS_INIT = 1\nexport const UPLOAD_STATUS_SUCCESS = 2\nexport const UPLOAD_STATUS_FAIL = 3\nexport const UPLOAD_STATUS_UPLOAD_FAIL = 4\n\nexport const UPLOAD_STATUS = {\n [UPLOAD_STATUS_INIT]: 'Init',\n [UPLOAD_STATUS_SUCCESS]: 'Success',\n [UPLOAD_STATUS_FAIL]: 'Fail',\n [UPLOAD_STATUS_UPLOAD_FAIL]: 'Upload fail'\n}\n","import { connect } from 'react-redux'\n\nimport { getUploadLog, getUploadFile } from 'actions/upload'\nimport UploadPage from 'components/pages/Upload/UploadPage'\nimport { logOut } from 'actions/user'\nimport { UPLOAD_STATUS } from 'constants/status'\n\nconst mapStateToProps = ({\n user: {\n loggedIn,\n token,\n userData\n },\n upload: {\n loading,\n uploadLog\n }\n}) => {\n const uploadLogMapped = uploadLog.data.map(log => ({\n key: log.IdUploadLog,\n IdUploadLog: log.IdUploadLog,\n FileName: log.FileName,\n Email: log.User.Email,\n UpdatedAt: (new Date(log.UpdatedAt)).toLocaleString(),\n FkUploadStatus: UPLOAD_STATUS[log.FkUploadStatus],\n Errors: log.Errors\n }))\n\n return {\n loading,\n loggedIn,\n token,\n userData,\n uploadLog: {\n data: uploadLogMapped,\n count: uploadLog.count,\n page: uploadLog.page\n }\n }\n}\n\nconst mapDispatchToProps = {\n logOut,\n getUploadLog,\n getUploadFile\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadPage)\n","import {GET_UPLOAD_LOG, GET_UPLOAD_FILE, SEND_MIGRATION_REQUEST} from './types'\nimport {SUPPLIER_MIGRATION_URL} from \"../Constants\";\n\nexport const getUploadLog = ({ page, limit }) => (\n {\n type: GET_UPLOAD_LOG,\n params: { page, limit },\n request: {\n url: '/upload_log',\n method: 'GET'\n }\n }\n)\n\nexport const getUploadFile = ({ id, fileName }) => (\n {\n type: GET_UPLOAD_FILE,\n params: { id, fileName },\n request: {\n url: '/upload_file',\n method: 'GET',\n type: 'csv'\n }\n }\n)\n\nexport const sendSupplierMigrationRequest = ({sku_list, file, new_supplier, old_supplier, countries, venture, should_copy_stock, should_force_migration}) => (\n {\n type: SEND_MIGRATION_REQUEST,\n params: {sku_list, file, new_supplier, old_supplier, countries, venture, should_copy_stock, should_force_migration},\n request: {\n url: '/migrate-supplier',\n method: 'POST'\n }\n }\n)","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Input, Table, Icon } from 'antd'\n\nconst Search = Input.Search\n\nconst columns = [\n {\n title: 'Sku',\n dataIndex: 'sku',\n align: 'center'\n },\n {\n title: 'Country',\n dataIndex: 'country',\n align: 'center'\n },\n {\n title: 'Warehouse',\n dataIndex: 'warehouse',\n align: 'center'\n },\n {\n title: 'Supplier Identifier',\n dataIndex: 'supplier_identifier',\n align: 'center'\n },\n {\n title: 'Quantity',\n dataIndex: 'quantity',\n align: 'center'\n },\n {\n title: 'Reservation',\n dataIndex: 'reservation',\n align: 'center'\n },\n {\n title: 'Total',\n dataIndex: 'total',\n align: 'center'\n },\n {\n title: 'Is Manual',\n dataIndex: 'is_manual',\n align: 'center',\n render: isManual => (\n isManual ? \n getSkuData(value)}\n enterButton\n />\n
\n \n )\n}\n\nSkuPage.propTypes = {\n getSkuData: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n skuData: PropTypes.arrayOf(PropTypes.shape())\n}\n\nexport default SkuPage\n","import { GET_SKU_DATA } from './types'\n\nexport const getSkuData = sku => (\n {\n type: GET_SKU_DATA,\n params: { sku },\n request: {\n url: '/check-stock',\n method: 'GET'\n }\n }\n)\n","import { connect } from 'react-redux'\n\nimport SkuPage from 'components/pages/SkuPage'\n\nimport * as skuActions from 'actions/sku'\n\nconst mapStateToProps = ({\n sku: {\n loading,\n skuData\n }\n}) => {\n let skuDataProcessed\n if (skuData) {\n skuDataProcessed = skuData.map((s, i) => ({\n key: i + 1,\n sku: s.Sku,\n country: s.Country,\n warehouse: s.Warehouse,\n supplier_identifier: s.SupplierIdentifier,\n quantity: s.HasQuantity ? s.Quantity : '-',\n reservation: s.HasReservation ? s.Reservation : '-',\n total: s.Total,\n is_manual: s.IsManual,\n children: s.Items && s.Items.length > 0\n ? s.Items.map(item => ({\n key: item,\n reservation: item\n })) : undefined\n }))\n } else {\n skuDataProcessed = []\n }\n\n const res = {\n loading,\n skuData: skuDataProcessed\n }\n\n return res\n}\nconst mapDispatchToProps = { ...skuActions }\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SkuPage)\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Table } from 'antd'\n\nconst OOSLogTable = ({ outOfStockList, loading }) => {\n const columns = [\n {\n title: 'Country',\n dataIndex: 'country',\n align: 'center'\n },\n {\n title: 'Type',\n dataIndex: 'is_missing',\n align: 'center'\n },\n {\n title: 'SKU',\n dataIndex: 'sku',\n align: 'center',\n },\n {\n title: 'BOB SOI ID',\n dataIndex: 'bob_id_sales_order_item',\n align: 'center'\n },\n {\n title: 'OMS SOI ID',\n dataIndex: 'id_sales_order_item',\n align: 'center'\n },\n {\n title: 'Order Number',\n dataIndex: 'order_nr',\n align: 'center'\n },\n {\n title: 'OOS At',\n dataIndex: 'oos_at',\n align: 'center'\n }\n ]\n\n return (\n \n getOutOfStockList({ page, limit })}\n onShowSizeChange={(page, limit) => getOutOfStockList({ page, limit })}\n defaultPageSize={DEFAULT_PAGE_SIZE}\n hideOnSinglePage\n />\n
\n \n )\n }\n}\n\nOOSPage.propTypes = {\n getOutOfStockList: PropTypes.func.isRequired,\n outOfStockList: PropTypes.shape(),\n loading: PropTypes.bool.isRequired\n}\n\nexport default OOSPage\n","import { connect } from 'react-redux'\n\nimport { getOutOfStockList } from 'actions/stock'\n\nimport HomePage from 'components/pages/OOS/OOSPage'\n\nconst mapStateToProps = ({\n stock: {\n loading,\n outOfStockList,\n }\n}) => {\n outOfStockList.data.forEach((e) => {\n e.is_missing = e.is_missing ? 'WH OOS' : 'System OOS'\n })\n\n return {\n loading,\n outOfStockList\n }\n}\n\nconst mapDispatchToProps = {\n getOutOfStockList\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(HomePage)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nclass UploadPage extends Component {\n constructor(props) {\n super(props);\n this.state = {\n file: null,\n new_supplier: \"\",\n old_supplier: \"\",\n countries: [],\n venture: '',\n should_copy_stock: false,\n should_force_migration : false,\n sku_list: []\n };\n\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleNewSupplierChange = this.handleNewSupplierChange.bind(this);\n this.handleOldSupplierChange = this.handleOldSupplierChange.bind(this);\n this.handleCountriesChange = this.handleCountriesChange.bind(this);\n this.handleVentureChange = this.handleVentureChange.bind(this);\n this.handleShouldCopyStockChange = this.handleShouldCopyStockChange.bind(this);\n this.handleShouldForceMigrationChange = this.handleShouldForceMigrationChange.bind(this);\n this.handleSkuListChange = this.handleSkuListChange.bind(this);\n this.renderLoading = this.renderLoading.bind(this)\n this.renderError = this.renderError.bind(this)\n }\n\n handleChange(field, event) {\n const value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;\n this.setState({[field]: value});\n }\n\n handleSubmit(event) {\n event.preventDefault();\n this.props.sendSupplierMigrationRequest(this.state)\n }\n\n handleCountriesChange(event) {\n this.setState({countries: event.target.value.split(\",\")})\n }\n\n handleSkuListChange(event) {\n this.setState({sku_list: event.target.value.split(\",\")})\n }\n\n handleOldSupplierChange(event) {\n this.handleChange('old_supplier', event)\n }\n\n handleNewSupplierChange(event) {\n this.handleChange('new_supplier', event)\n }\n\n handleVentureChange(event) {\n this.handleChange('venture', event)\n }\n\n handleShouldCopyStockChange(event) {\n this.setState({should_copy_stock: !!event.target.value});\n }\n\n handleShouldForceMigrationChange(event) {\n this.setState({should_force_migration: !!event.target.value});\n }\n\n renderLoading() {\n if (this.props.loading) {\n return (\n \n
\n
\n )\n }\n }\n\n renderError() {\n if(this.props.error) {\n return (\n Loading
\n \n
\n
\n
\n )\n }\n }\n\n render() {\n return (\n \n \n Error: \n {this.props.errorMessage}\n
\n \n
\n {this.renderLoading()}\n {this.renderError()}\n \n
\n \n )\n }\n}\n\nUploadPage.propTypes = {\n sendSupplierMigrationRequest: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.bool.isRequired,\n errorMessage: PropTypes.string.isRequired\n}\n\nexport default UploadPage\n","import { connect } from 'react-redux'\n\nimport UploadPage from 'components/pages/SupplierMigration/UploadPage'\n\nimport {sendSupplierMigrationRequest} from 'actions/upload'\n\nconst mapStateToProps = (state) => {\n const {loading, error, errorMessage} = state.migration\n return {loading, error, errorMessage}\n}\nconst mapDispatchToProps = { sendSupplierMigrationRequest }\n\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadPage)\n","import {\n HOME_PAGE,\n UPLOAD_PAGE,\n SKU_PAGE,\n OOS_PAGE, MIGRATION_PAGE\n} from 'constants/navigation'\nimport HomePage from 'containers/Home/HomePage'\nimport UploadPage from 'containers/Upload/UploadPage'\nimport SkuPage from 'containers/Sku/SkuPage'\nimport OOSPage from 'containers/Home/OOSPage'\nimport MigrationPage from 'containers/SupplierMigration/MigrationPage'\n\nimport {\n GUEST,\n ADMIN\n} from 'constants/roles'\n\nconst routes = [\n {\n state: HOME_PAGE,\n path: HOME_PAGE,\n component: HomePage,\n caption: 'Dashboard',\n allowedRoles: [\n GUEST,\n ADMIN\n ]\n },\n {\n state: OOS_PAGE,\n path: OOS_PAGE,\n component: OOSPage,\n caption: 'List OOS',\n allowedRoles: [\n GUEST,\n ADMIN\n ]\n },\n {\n state: UPLOAD_PAGE,\n path: UPLOAD_PAGE,\n component: UploadPage,\n caption: 'Upload Stock',\n allowedRoles: [\n ADMIN\n ]\n },\n {\n state: SKU_PAGE,\n path: SKU_PAGE,\n component: SkuPage,\n caption: 'Check Stock',\n allowedRoles: [\n GUEST,\n ADMIN\n ]\n },\n {\n state: MIGRATION_PAGE,\n path: MIGRATION_PAGE,\n component: MigrationPage,\n caption: 'Migration supplier stock',\n allowedRoles: [\n GUEST,\n ADMIN\n ]\n },\n]\n\nexport default routes\n","export const GUEST = 'Guest'\nexport const ADMIN = 'Admin'\n","import routes from 'routing/routes'\n\nexport const getRouteByPath = path => routes.find(route => path === route.path)\n","import React from 'react'\nimport { Menu } from 'antd'\nimport PropTypes from 'prop-types'\nimport { Link } from 'react-router-dom'\n\nimport routes from 'routing/routes'\n\n\nconst DrawerNavigator = ({\n toggleDrawer,\n menuDefault,\n logOut,\n roleName\n}) => {\n const Items = routes.map(route => (\n route.allowedRoles.includes(roleName) ? (\n \n 
\n
\n \n)\n\nHeaderMobile.propTypes = {\n toggleDrawer: PropTypes.func.isRequired\n}\n\nexport default HeaderMobile\n","import React from 'react'\nimport { Menu, Avatar } from 'antd'\nimport PropTypes from 'prop-types'\nimport { Link } from 'react-router-dom'\n\nimport routes from 'routing/routes'\n\nconst SubMenu = Menu.SubMenu\n\nconst HeaderNavigator = ({\n menuDefault,\n picture,\n name,\n logOut,\n roleName\n}) => {\n const Items = routes.map(route => (\n route.allowedRoles.includes(roleName) ? (\n \n \n
\n \n {\n isMobile()\n ? (\n
\n )\n }\n}\n\nMenuPage.propTypes = {\n logOut: PropTypes.func.isRequired,\n location: PropTypes.shape({\n pathname: PropTypes.string.isRequired\n }),\n userData: PropTypes.shape({\n picture: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n 'role-name': PropTypes.string.isRequired\n })\n}\n\nexport default withRouter(MenuPage)\n","export const isMobile = () => /iPhone|iPad|iPod|Android/i.test(navigator.userAgent)\n","import { connect } from 'react-redux'\n\nimport { logOut } from 'actions/user'\n\nimport MenuPage from 'components/pages/Menu/MenuPage'\n\nconst mapStateToProps = ({\n user: {\n loading,\n loggedIn,\n token,\n userData\n }\n}) => ({\n loading,\n loggedIn,\n token,\n userData\n})\n\nconst mapDispatchToProps = {\n logOut\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(MenuPage)\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport { Table, Button, Modal } from 'antd'\nimport { Link } from 'react-router-dom'\n\nconst { confirm } = Modal\n\nclass ApiKeyPage extends Component {\n componentDidMount = () => {\n const { getAllApiKey } = this.props\n getAllApiKey()\n }\n\n showConfirm(apiKey) {\n const { deleteApiKey } = this.props\n confirm({\n title: 'Do you want to delete these items?',\n content: 'When clicked the OK button, the api key will be deleted permanently',\n onOk() {\n deleteApiKey(apiKey)\n },\n onCancel() {},\n })\n }\n\n render() {\n const { loading, apiKeys } = this.props\n const columns = [\n {\n title: 'Service',\n dataIndex: 'apiKey',\n align: 'center',\n width: '10%',\n key: 'service',\n render: row => (\n \n {/* eslint-disable-next-line no-undef */}\n {JSON.parse(atob(row.split('.')[1])).service}\n \n )\n },\n {\n title: 'Api Key',\n dataIndex: 'apiKey',\n align: 'center',\n width: '70%'\n },\n {\n title: 'Role',\n dataIndex: 'role',\n align: 'center',\n width: '10%'\n },\n {\n title: 'Action',\n key: 'action',\n align: 'center',\n width: '10%',\n render: row => (\n \n \n \n )\n }\n ]\n\n return (\n \n \n
\n )\n : (\n \n
\n \n )\n }\n}\n\nApiKeyPage.propTypes = {\n apiKeys: PropTypes.arrayOf(PropTypes.shape()),\n loading: PropTypes.bool.isRequired,\n deleteApiKey: PropTypes.func.isRequired,\n getAllApiKey: PropTypes.func.isRequired\n}\n\nexport default ApiKeyPage\n","import { GET_ALL_API_KEY, DELETE_API_KEY, SET_API_KEY } from './types'\n\nexport const getAllApiKey = () => (\n {\n type: GET_ALL_API_KEY,\n request: {\n url: '/get_key',\n method: 'GET'\n }\n }\n)\n\nexport const deleteApiKey = apiKey => (\n {\n type: DELETE_API_KEY,\n params: { apiKey },\n request: {\n url: '/del_key',\n method: 'DELETE'\n }\n }\n)\n\nexport const setApiKey = params => (\n {\n type: SET_API_KEY,\n params,\n request: {\n url: '/set_key',\n method: 'POST'\n }\n }\n)\n","import { connect } from 'react-redux'\n\nimport ApiKeyPage from 'components/pages/ApiKey/ApiKeyPage'\n\nimport * as keyActions from 'actions/key'\n\nconst mapStateToProps = ({\n key: {\n loading,\n apiKeys\n }\n}) => {\n const keys = apiKeys ? Object.keys(apiKeys).map(key => ({\n 'apiKey': key,\n 'role': apiKeys[key]\n })) : undefined\n\n return {\n loading,\n apiKeys: keys\n }\n}\nconst mapDispatchToProps = { ...keyActions }\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ApiKeyPage)\n","import React, { Component } from 'react'\nimport { withRouter, Link } from 'react-router-dom'\nimport {\n Form,\n Input,\n Icon,\n Button,\n Select\n} from 'antd'\nimport PropTypes from 'prop-types'\n\nimport { API_KEY_PAGE } from 'constants/navigation'\n\nconst FormItem = Form.Item\nconst { Option } = Select\n\nclass SetKeyForm extends Component {\n handleSubmit = (e) => {\n e.preventDefault()\n const { form } = this.props\n const { setApiKey } = this.props\n form.validateFields((err, values) => {\n if (!err) {\n setApiKey(values)\n const { history } = this.props\n history.push(API_KEY_PAGE)\n }\n })\n }\n\n render() {\n const { form } = this.props\n const { getFieldDecorator } = form\n return (\n \n \n \n
\n \n )\n }\n}\n\nSetKeyForm.propTypes = {\n history: PropTypes.shape(),\n setApiKey: PropTypes.func.isRequired,\n form: PropTypes.shape()\n}\n\nexport default withRouter(Form.create()(SetKeyForm))\n","import { connect } from 'react-redux'\n\nimport SetKeyForm from 'components/pages/ApiKey/SetKeyForm'\n\nimport * as keyActions from 'actions/key'\n\nconst mapStateToProps = ({\n key: {\n loading,\n newApiKey\n }\n}) => ({ loading, newApiKey })\nconst mapDispatchToProps = { ...keyActions }\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SetKeyForm)\n","import React from 'react'\n\nconst ErrorPage = () => (\n \n
\n)\n\nexport default ErrorPage\n","import React from 'react'\nimport { Switch, Route } from 'react-router-dom'\nimport ApiKeyPage from 'containers/ApiKey/ApiKeyPage'\nimport SetKeyForm from 'containers/ApiKey/SetKeyForm'\nimport ErrorPage from 'components/pages/ErrorPage'\nimport { withAuthorization } from 'containers/Layout/Authorization'\n\nimport routes from './routes'\n\nexport const Navigator = () => {\n const Routes = routes.map(\n route => (\n \n
\n \n
\n \n
\n Oops! Something went wrong
\n\n 404\n
\nWe are sorry, but the page you requested was not found
\n\n \n \n
\n)\n\nexport default DefaultPage\n","import React, { Component } from 'react'\nimport {\n Layout,\n Form,\n Icon,\n Input,\n Button,\n Divider\n} from 'antd'\nimport PropTypes from 'prop-types'\nimport GoogleLogin from 'react-google-login'\nimport { Redirect, withRouter } from 'react-router-dom'\nimport GoogleButton from 'react-google-button'\nimport logoImage from 'static/logo.png'\nimport logoWhite from 'static/logo-white.png'\nimport { GOOGLE_CLIENT_ID } from 'Constants'\nimport { isLogin } from 'helpers/sso'\nimport 'style/App.css'\n\nimport { HOME_PAGE } from 'constants/navigation'\n\nconst { Header, Content } = Layout\n\nconst FormItem = Form.Item\n\nclass LoginPage extends Component {\n constructor(props) {\n super(props)\n this.state = {\n redirect: false\n }\n this.signUp = this.signUp.bind(this)\n this.loginFormSubmitHandle = this.loginFormSubmitHandle.bind(this);\n this.handleEmailInput = this.handleEmailInput.bind(this);\n }\n\n signUp(res) {\n const { ssoLogIn } = this.props\n\n ssoLogIn({\n tokenId: res.tokenId\n })\n }\n\n handleEmailInput(event) {\n this.setState({email: event.target.value});\n }\n\n loginFormSubmitHandle(event) {\n const { formLogIn } = this.props\n formLogIn(this.state.email)\n event.preventDefault();\n }\n\n render() {\n const { redirect } = this.state\n if (redirect || isLogin()) {\n return (\n \n \n
\n \n
\n \n 
\n
\n \n \n
\n