\n {openShipment._id && (\n
\n\n ID: {openShipment._id.substr(-9)}
\n )}\n\n \n \n \n
\n ,\n notificationContainer\n );\n } else return null;\n}\n\nexport default Notification;\n","import React, { Component } from \"react\";\nimport { Button, Form, Header, Segment } from \"semantic-ui-react\";\nimport {isMobile} from 'react-device-detect';\n\nimport \"./authform.scss\";\n\nexport class AuthForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n username: \"\",\n password: \"\",\n email: \"\",\n isMobile\n };\n this.handleChange = this.handleChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n handleChange(e) {\n this.setState({\n [e.target.name]: e.target.value\n });\n }\n handleSubmit(e) {\n e.preventDefault();\n this.props.onAuth(this.state);\n this.setState({\n username: \"\",\n password: \"\",\n email: \"\"\n });\n }\n componentDidMount() {\n this.setState({isMobile})\n }\n render() {\n const { username, password } = this.state;\n const { isAuthenticated } = this.props;\n\n\n // if (roles !== undefined && currentUser.roles.indexOf('manager') !== -1) {\n // url = `/orders`\n\n // } else {\n // url = `/users/${currentUser.userId}/orders/next`\n\n // }\n const LoginForm = (\n \n {typeof trigger.message === \"object\"\n ? trigger.message.message\n : trigger.message}\n
\n\n
\n );\n\n return (\n \n {/*\n Heads up! The styles below are necessary for the correct render of this example.\n You can do same with CSS, the main idea is that all the elements up to the `Grid`\n below must have a height of 100%.\n */}\n \n\n \n Log-in to your account\n \n \n {/* \n New to us? Sign Up\n */}\n
\n \n {isAuthenticated && this.props.history.push(\"/\")}\n\n {!isAuthenticated && LoginForm}\n
\n );\n }\n}\n","export default __webpack_public_path__ + \"static/media/wyzbox_activation_small.fa858f00.jpg\";","import React, { useState } from 'react'\nimport {connect} from 'react-redux'\nimport {Message,Input,Button} from 'rsuite'\nimport { apiCall } from \"../../../services/api\";\nimport {setAuthorizationToken,setCurrentUser} from '../../../actions/auth'\nimport logo from './wyzbox_activation_small.jpg'\nimport {Alert} from 'rsuite'\nimport lang from '../../../lang/config.json'\n\nconst styles = {\n width: 300,\n marginBottom: 10\n};\n\nconst Shoptetactivation =(props)=>{\n\nconst {activationkey,syslang='CZ',username=null} =props.match.params\nconst[password,setPassword] = useState()\nconst [isLoading,setLoading] = useState(false)\n\nconst handleSubmit =()=>{\n \n const url = `${process.env.REACT_APP_ADDONS_API}/shoptet/newinstall/activation`\n // console.log('decoding key....',url)\n setLoading(true)\n apiCall('post',url,{activationkey,password,syslang})\n .then(resp=>{\n \n localStorage.setItem(`jwtToken`, resp.token);\n setAuthorizationToken(resp.token);\n setCurrentUser(props.user)\n props.history.push(`/eshops/shoptet/${resp.eshopId}`)\n \n })\n .catch(error=>{\n \n setLoading(false)\n Alert.error(`Activation link expired. Reinstall ADDON.`,5000)\n setAuthorizationToken(false)\n localStorage.clear();\n //props.history.push(`/signin`)\n })\n \n}\n\n\n return (\n \n
\n
\n }\n />\n \n \n )\n}\nfunction mapStatetoProps(reduxstate){\n return(\n {\n syslang:reduxstate.user.currentUser.sys_lang,\n user:reduxstate.user.currentUser,\n \n }\n )\n}\nexport default connect(mapStatetoProps,{})(Shoptetactivation)","import React,{useEffect,useState} from 'react'\nimport axios from 'axios'\nimport {Toggle,Button,Divider,Alert} from 'rsuite'\nimport {setAuthorizationToken} from '../../../actions/auth'\nimport {Segment,Label} from 'semantic-ui-react'\nimport {Link} from 'react-router-dom'\nimport lang from '../../../lang/config.json'\nimport {connect} from 'react-redux'\n\n\nconst Shoptetsettings = (props)=>{\n\n const {id} = props.match.params\n const {syslang} =props\n\n const [shoptet_oauthaccesstoken,setOauthToken] =useState()\n const [shoptet_eshopId,setShoptetId] =useState()\n const [businessclient,setBusinessclient] =useState()\n const [webHooks,setWebHooks] = useState([])\n \n const [eshop,setEshop] = useState({\n shoptet_settings:{\n import_orders_all:false,\n import_orders_only_selected_products:false\n }\n })\n\n const [importOrders,setimportOrders]=useState(false)\n \n const [importingProducts, setImportdingproducts] = useState(false)\n \n // eslint-disable-next-line react-hooks/exhaustive-deps\n const getEshop =async ()=>{\n try {\n const eshop = await axios.get(`${process.env.REACT_APP_API}/settings/eshops/${id}`)\n\n setEshop(eshop.data)\n\n } catch (error) {\n Alert.error(error.message)\n }\n }\n\n const getOauth =()=>{\n const authUrl=`${process.env.REACT_APP_API}/settings/eshops/${id}/auth`\n axios.get(authUrl)\n .then(resp=>{\n setOauthToken(resp.data.shoptet_oauthaccesstoken)\n setShoptetId(resp.data.shoptet_eshopId)\n setBusinessclient(resp.data.businessclient)\n })\n .catch(error=>{\n setAuthorizationToken(false)\n localStorage.clear();\n props.history.push(`/`)\n }\n )\n \n }\n\n const getWebhooks =()=>{\n const url=`${process.env.REACT_APP_ADDONS_API}/shoptet/settings/webhooks?shoptet_eshopId=${shoptet_eshopId}&shoptet_oauthaccesstoken=${shoptet_oauthaccesstoken}`\n axios.get(url)\n .then(resp=>{\n setWebHooks(resp.data.data.webhooks)\n resp.data.data.webhooks.length>0?setimportOrders(true):setimportOrders(false)\n })\n .catch(error=>{\n Alert.error(error.message)\n \n })\n }\n \n \n const addOrderWebhooks =()=>{\n const url=`${process.env.REACT_APP_ADDONS_API}/shoptet/settings/webhooks?shoptet_eshopId=${shoptet_eshopId}&shoptet_oauthaccesstoken=${shoptet_oauthaccesstoken}`\n \n const body = {\n data:[\n { event:'order:create',\n url:`${process.env.REACT_APP_ADDONS_API_PROD}/shoptet/webhookevents`},\n { event:'order:update',\n url:`${process.env.REACT_APP_ADDONS_API_PROD}/shoptet/webhookevents`},\n { event:'order:delete',\n url:`${process.env.REACT_APP_ADDONS_API_PROD}/shoptet/webhookevents`}\n ]\n }\n\n axios.post(url,body)\n .then(resp=>{\n \n setWebHooks(resp.data.data.webhooks)\n setimportOrders(true)\n }\n )\n .catch(err=>alert(err.message))\n \n }\n\n const removeOrderWebhooks =()=>{\n for(let i=0;i\n \n
\n \n {lang.settings.eshops.shoptet.activate.landing.title2[syslang]}\n
\n\n
\n setPassword(data)}\n type='password' placeholder={lang.placeholders.password[syslang]}\n style={styles}\n /> \n \n\n \n Ok\n \n
\n ({lang.settings.eshops.shoptet.activate.landing.username[syslang]}: {username})
\n \nloading...
)\n\n return (\n \n {eshop.isActive&&}\n {!eshop.isActive&&}\n \n \n \n \n\n \n \n \n \n \n {\n updateEshop({\n 'shoptet_settings.import_orders_all':!eshop.shoptet_settings.import_orders_all,\n 'shoptet_settings.import_orders_only_selected_products':eshop.shoptet_settings.import_orders_all===false?false:eshop.shoptet_settings.import_orders_only_selected_products,\n })\n }}\n >\n {lang.settings.eshops.shoptet.ordersettings.importallorders[syslang]}\n \n \n \n
\n )\n\n\n \n\n}\nfunction mapStatetoProps(reduxstate){\n return ({\n syslang:reduxstate.user.currentUser.sys_lang\n })\n}\nexport default connect(mapStatetoProps,{})(Shoptetsettings)","//STOCKMOVEMNT ACTIONS\nexport const NEW_ORDER = \"NEW_ORDER\"; //client order trigger\nexport const CANCEL_ORDER = \"CANCEL_ORDER\";\nexport const SHIPPED_OUT = \"SHIPPED_OUT\"; //cargo movement\nexport const SHIPPED_IN = \"SHIPPED_IN\"; //cargo movement\nexport const HANDLING = \"HANDLING\"; //inhouser movement\nexport const DAMAGED = \"DAMAGED\";\nexport const DAMAGED_OUT = \"DAMAGED_OUT\";\nexport const PACKED = \"PACKED\";\nexport const RETURNS = \"RETURNS\";\nexport const MISSING = \"MISSING(-)\";\nexport const SURPLUS = \"SURPLUS(+)\";\n\n//WAREHOUSE\nexport const GET_INVENTORY = \"GET_INVENTORY\";\nexport const GET_WAREHOUSES = \"GET_WAREHOUSES\";\nexport const ADD_PRODUCT = \"ADD_PRODUCT\";\nexport const CREATE_MOVEMENT = \"CREATE_MOVEMENT\";\nexport const GET_STOCKMOVEMENT = \"GET_STOCKMOVEMENT\";\nexport const CREATE_PRODUCT = \"CREATE_PRODUCT\";\nexport const UPDATE_PRODUCT = \"UPDATE_PRODUCT\";\nexport const GET_PRODUCTS = \"GET_PRODUCTS\";\nexport const GET_CLIENT_PRODUCTS = \"GET_CLIENT_PRODUCTS\";\nexport const GET_FILTERED_PRODUCTS = \"GET_FILTERED_PRODUCTS\";\nexport const GET_PRODUCT = \"GET_PRODUCT\";\nexport const GET_STOCKMOVEMENTS = \"GET_STOCKMOVEMENTS\";\nexport const WAREHOUSE_FILTER = \"WAREHOUSE_FILTER\";\nexport const CREATE_PRODUCT_GROUP = \"CREATE_PRODUCT_GROUP\";\nexport const GET_PRODUCT_GROUP = \"GET_PRODUCT_GROUP\";\nexport const GET_PRODUCT_GROUPS = \"GET_PRODUCT_GROUPS\";\nexport const UPDATE_PRODUCT_GROUP = \"UPDATE_PRODUCT_GROUP\";\nexport const DELETE_PRODUCT_GROUP = \"DELETE_PRODUCT_GROUP\";\nexport const ADD_PRODUCTS_PRODUCT_GROUP = \"ADD_PRODUCTS_PRODUCT_GROUP\";\nexport const REMOVE_PRODUCTS_PRODUCT_GROUP = \"REMOVE_PRODUCTS_PRODUCT_GROUP\";\n\n//OUTBOUNT SHIPMENT\nexport const ADD_SHIPMENT = \"ADD_SHIPMENT\";\nexport const GET_SHIPMENTS = \"GET_SHIPMENTS\";\nexport const GET_SHIPMENT = \"GET_SHIPMENT\";\nexport const UPDATE_SHIPMENT = \"UPDATE_SHIPMENT\";\nexport const DELETE_SHIPMENT = \"DELETE_SHIPMENT\";\nexport const ADD_ITEMS_SHIPMENT = \"ADD_ITEMS_SHIPMENT\";\nexport const UPDATE_ITEMS_SHIPMENT = \"UPDATE_ITEMS_SHIPMENT\";\nexport const CLEAR_SHIPMENT_STATE = \"CLEAR_SHIPMENT_STATE\";\nexport const GET_PICKUPS = \"GET_PICKUPS\";\nexport const CREATE_PICKUP = \"CREATE_PICKUP\";\n\n//INBOUND SHIPMENTS\nexport const ADD_INBOUND_SHIPMENT = \"ADD_INBOUND_SHIPMENT\";\nexport const ADD_INBOUND_SHIPMENT_PHOTO = \"ADD_INBOUND_SHIPMENT_PHOTO\";\nexport const DELETE_INBOUND_SHIPMENT = \"DELETE_INBOUND_SHIPMENT\";\nexport const GET_INBOUND_SHIPMENT = \"GET_INBOUND_SHIPMENT\";\nexport const ADD_INBOUND_SHIPMENT_PHOTOS = \"ADD_INBOUND_SHIPMENT_PHOTOS\";\nexport const INBOUND_SHIPMENT_GOODSRECEIVED = \"INBOUND_SHIPMENT_GOODSRECEIVED\";\nexport const GET_INBOUND_SHIPMENTS = \"GET_INBOUND_SHIPMENTS\";\nexport const INBOUND_FILTER = \"INBOUND_FILTER\";\n\n//GOODSRECEIVED\nexport const ADD_GR_DOCUMENTS = \"ADD_GR_DOCUMENTS\";\nexport const UPLOADING_GR_DOCUMENTS = \"UPLOADING_GR_DOCUMENTS\";\n\n//POS\nexport const GET_POS = \"GET_POS\";\nexport const GET_PO = \"GET_PO\";\nexport const UPDATE_PO = \"UPDATE_PO\";\nexport const CREATE_PO = \"CREATE_PO\";\nexport const UPDATE_GR = \"UPDATE_GR\";\nexport const DELETE_PO = \"DELETE_PO\";\nexport const ADD_DOCUMENTS_POS = \"ADD_DOCUMENTS_POS\";\nexport const UPLOADING_PO_DOCUMENTS = \"UPLOADING_PO_DOCUMENTS\";\n\n//Company\nexport const GET_COMPANIES = \"GET_COMPANIES\";\nexport const CREATE_CO = \"CREATE_CO\";\n\n//Notifications\nexport const GET_NOTIFICATIONS = \"GET_NOTIFICATIONS\";\n\n//refund\nexport const GET_REFUND = \"GET_REFUND\";\nexport const CREATE_REFUND = \"CREATE_REFUND\";\nexport const GET_REFUNDS = \"GET_REFUNDS\";\nexport const UPDATE_REFUND = \"UPDATE_REFUND\";\nexport const DELETE_REFUND = \"DELETE_REFUND\";\nexport const SEARCH_REFUNDS = \"SEARCH_REFUNDS\";\nexport const SENDPAYMENT_REFUND = \"SENDPAYMENT_REFUND\";\n\n//Stats\nexport const GET_OFFER_STAT = \"GET_OFFER_STAT\";\nexport const GET_ACTIVE_OFFERS = \"GET_ACTIVE_OFFERS\";\n\n//BUSINESSCLIENTS\nexport const GET_BUSINESSCLIENTS = \"GET_BUSINESSCLIENTS\";\nexport const GET_BUSINESSCLIENT = \"GET_BUSINESSCLIENT\";\nexport const GET_BUSINESSCLIENT_SHIPTOS = \"GET_BUSINESSCLIENT_SHIPTOS\";\nexport const ADD_BUSINESSCLIENT_SHIPTOS = \"ADD_BUSINESSCLIENT_SHIPTOS\";\nexport const CREATE_BUSINESSCLIENT = \"CREATE_BUSINESSCLIENT\";\nexport const UPDATE_BUSINESSCLIENT = \"UPDATE_BUSINESSCLIENT\";\nexport const GET_BUSINESSCLIENT_SETTINGS = \"GET_BUSINESSCLIENT_SETTINGS\";\nexport const CREATE_BUSINESSCLIENT_SETTINGS = \"CREATE_BUSINESSCLIENT_SETTINGS\";\nexport const UPDATE_BUSINESSCLIENT_SETTINGS = \"UPDATE_BUSINESSCLIENT_SETTINGS\";\nexport const CREATE_FULFILMENT_QUOTATION = \"CREATE_FULFILMENT_QUOTATION\";\nexport const CREATE_COURIER_QUOTATION = \"CREATE_COURIER_QUOTATION\";\nexport const GET_FULFILMENT_QUOTATIONS = \"GET_FULFILMENT_QUOTATIONS\";\n\nexport const GET_FULFILMENT_QUOTATION = \"GET_FULFILMENT_QUOTATION\";\nexport const GET_COURIER_QUOTATION = \"GET_COURIER_QUOTATION\";\nexport const DELETE_FULFILMENT_QUOTATIONS = \"DELETE_FULFILMENT_QUOTATIONS\";\nexport const DELETE_COURIER_QUOTATIONS = \"DELETE_COURIER_QUOTATIONS\";\nexport const SET_ACTIVE_FULFILMENT_QUOTATION =\n \"SET_ACTIVE_FULFILMENT_QUOTATION\";\nexport const SET_ACTIVE_COURIER_QUOTATION = \"SET_ACTIVE_COURIER_QUOTATION\";\n\n\n// ORDERS\nexport const UPDATE_ORDERS_FILTERS = \"UPDATE_ORDERS_FILTERS\";\nexport const GET_ORDERS = \"GET_ORDERS\";\nexport const GET_ORDER = \"GET_ORDER\";\nexport const CREATE_ORDER = \"CREATE_ORDER\";\nexport const ADD_ORDER_UPDATES = \"ADD_ORDER_UPDATES\";\nexport const CANCEL_ORDER_UPDATES = \"CANCEL_ORDER_UPDATES\";\nexport const UPDATE_ORDER = \"UPDATE_ORDER\";\nexport const UPDATE_ORDER_ADD_PRODUCT = \"UPDATE_ORDER_ADD_PRODUCT\";\nexport const UPDATE_ORDER_DELETE_PRODUCT = \"UPDATE_ORDER_DELETE_PRODUCT\";\nexport const UPDATE_ORDERS_TOTALS = \"UPDATE_ORDERS_TOTALS\";\n\n//Picking\nexport const GET_PICKINGLIST = \"GET_PICKINGLIST\";\nexport const SELECT_PICKING_ORDERS = \"SELECT_PICKING_ORDERS\";\nexport const CHANGE_COURIER = \"CHANGE_COURIER\";\nexport const SUCCESS_UPDATE_ORDERS_STATUS_PICKING =\n \"SUCCESS_UPDATE_ORDERS_STATUS_PICKING\";\nexport const ADD_NEW_PICKING_LIST = \"ADD_NEW_PICKING_LIST\";\nexport const GET_ALL_PICKING_LISTS = \"GET_ALL_PICKING_LISTS\";\nexport const UPDATE_PICKING_LIST = \"UPDATE_PICKING_LIST\";\nexport const UPADATE_FILTER_PICKING_LIST = \"UPADATE_FILTER_PICKING_LIST\";\n\n// Couriers\nexport const GET_COURIERS = \"GET_COURIERS\";\nexport const GET_COURIER = \"GET_COURIER\";\nexport const GET_COURIERS_BY_COUNTRY = \"GET_COURIERS_BY_COUNTRY\";\nexport const GET_COURIERS_BY_WAREHOUSE = \"GET_COURIERS_BY_WAREHOUSE\";\nexport const UPDATE_COURIER_FILTER = \"UPDATE_COURIER_FILTER\";\nexport const GET_COURIER_QUOTATIONS = \"GET_COURIER_QUOTATIONS\";\n\n//Packing\nexport const ADD_PACKAGES = \"ADD_PACKAGES\";\nexport const GET_PACKER_ORDERS = \"GET_PACKER_ORDERS\";\nexport const GET_PACKER_DRAFT_ORDERS = \"GET_PACKER_DRAFT_ORDERS\";\nexport const SELECT_PACKAGE = \"SELECT_PACKAGE\";\nexport const UPDATE_SELECTED_PACKAGE = \"UPDATE_PACKAGE\";\nexport const PACKED_PACKAGE = \"PACKED_PACKAGE\";\nexport const DRAFT_PACKAGE = \"DRAFT_PACKAGE\";\nexport const REJECT_PACKAGE = \"REJECT_PACKAGE\";\nexport const CLOSE_PACKAGE_ORDER = \"CLOSE_PACKAGE_ORDER\";\nexport const NEXT_PACKAGE_ORDER = \"NEXT_PACKAGE_ORDER\";\nexport const PRINT_AWB_SUCCESS = \"PRINT_AWB_SUCCESS\";\nexport const PRINT_AWB_START = \"PRINT_AWB_START\";\nexport const PRINT_AWB_STOP = \"PRINT_AWB_STOP\";\nexport const ADD_XLS_PRODUCTS = \"ADD_XLS_PRODUCTS\";\n\n// Loading\nexport const START_LOADING = \"START_LOADING\";\nexport const STOP_LOADING = \"STOP_LOADING\";\n\n//BillableServices\nexport const GET_BILLABLE_SERVICES = 'GET_BILLABLE_SERVICES'","import {\n GET_WAREHOUSES,\n GET_STOCKMOVEMENT,\n GET_INVENTORY,\n WAREHOUSE_FILTER\n} from \"./actionTypes\";\n\nimport { apiCall } from \"../services/api\";\nimport {\n Alert\n} from 'rsuite'\n\nimport { addError, removeError } from \"./error\";\n\nexport const searchSku = query => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/warehouse/${query.warehouse_id}/inventory/${query.sku}`;\n\n apiCall(\"post\", url)\n .then(resp => dispatch(getAllInventoryAction(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\n\nexport const getWarehouses = () => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/warehouse`;\n\n apiCall(\"get\", url)\n .then(resp => dispatch(getWarehousesAction(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\n\nconst getWarehousesAction = data => ({\n type: GET_WAREHOUSES,\n data\n});\n\nexport const getStockMovements = ({\n limit,\n skip,\n warehouse_id,\n sku\n}) => dispatch => {\n const url = `${process.env.REACT_APP_API}/warehouse/${warehouse_id}/inventory/${sku}/movement/${skip}/${limit}`;\n apiCall(\"get\", url)\n .then(resp => dispatch(getStockMovementAction(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\nconst getStockMovementAction = data => ({\n type: GET_STOCKMOVEMENT,\n data\n});\n\nexport const getMoveTypes = () => dispatch => {\n dispatch(removeError());\n apiCall(\"get\", `${process.env.REACT_APP_API}/warehouse/movetypes`)\n .then(resp => dispatch(getMoveTypesAction(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\n\n\nconst getMoveTypesAction = movetypes => ({\n type: \"ADD_MOVETYPES\",\n movetypes\n});\n\nexport const getAllInventory = query => {\n const url = `${process.env.REACT_APP_API}/inventorycards/stocks`;\n\n return apiCall(\"post\", url, query)\n .then(resp => (resp))\n .catch(err => Alert.error(err.message));\n};\n\nconst getAllInventoryAction = data => ({\n type: GET_INVENTORY,\n data\n});\n\nexport const uploadPhotos = ({ id, files, removedFiles }) => dispatch => {\n const url = `${process.env.REACT_APP_API}/inventorycards/${id}/photos`;\n\n apiCall(\"post\", url, { files, removedFiles })\n .then(resp => dispatch(getAllInventoryAction(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\n\nexport const updateFilterAction = filter => ({\n type: WAREHOUSE_FILTER,\n filter\n});\n\nexport const updateFilter = filter => (dispatch, getState) => {\n const updateFilterPromise = new Promise((resolve, reject) => {\n resolve(dispatch(updateFilterAction(filter)));\n });\n updateFilterPromise.then(() => {\n const filters = getState().inventory.filters;\n dispatch(getAllInventory(filters));\n });\n};\n\nexport const inventoryCount = query => dispatch => {\n //query : {product,warehouse,quantity_available,quantity_blocked,quantity_damaged}\n\n const url = `${process.env.REACT_APP_API}/warehouse/inventorycount`;\n\n dispatch({ type: \"SUCC_MSG\", data: false });\n apiCall(\"post\", url, query)\n .then(resp => {\n if (resp.status === \"success\") {\n dispatch({ type: \"SUCC_MSG\", data: true });\n }\n })\n .catch(err => dispatch(addError(err.message)));\n};\n\n\n export const getBalanceAtDate = (body) => {\n const url = `${process.env.REACT_APP_API}/inventorycards/stocks_atdate`;\n return apiCall(\"post\", url, body)\n .then((resp) => resp)\n .catch((err) => Alert.error(err.message))\n };","\n\nexport const updateFilters = (newFilter) => {\n return {\n type: \"UPDATE_MAIN_FILTERS\",\n payload: newFilter,\n };\n};\nexport const clearFilters = () => {\n return {\n type: \"CLEAR_MAIN_FILTERS\",\n };\n};\n\n\nexport const setDropList = ({ name, list }) => {\n return {\n type: \"SET_DPOP_LIST\",\n payload: {\n name,\n list,\n },\n };\n};","import React from \"react\";\nimport { Dropdown } from \"semantic-ui-react\";\n\nfunction ItemsPerPage({\n total,\n value=10,\n handleChange,\n options = [10, 20, 30, 50, \"All\"],\n style = {},\n selection = true\n}) {\n // Array of options for Number of items displayed per page\n const optionsItemsPrePage = options.map(nr => ({\n key: nr,\n value: nr,\n text: nr\n }));\n\n return (\n \n {\n if(eshop.isActive) removeOrderWebhooks()\n updateEshop({isActive:!eshop.isActive})\n }}\n > \n \n {lang.settings.eshops.shoptet.eshopconnection[syslang]}\n \n \n
\n \n \n \n \n
\n {lang.settings.eshops.shoptet.title[syslang]}
\n \n{lang.settings.eshops.shoptet.productsettings[syslang]}
\n \n\n
\n \n \n {lang.settings.eshops.shoptet.importallproducts[syslang]} \n \n \n importProducts()}\n\n > {!importingProducts?'Start':'Importing...'} \n \n {/* {importPorudctDone&& - Hotovo! } */}\n
\n \n {lang.settings.eshops.shoptet.updateproducts[syslang]} \n\n getProductUpdates()}\n\n > {!importingProducts?'Start':'updating...'} \n\n
\n {lang.settings.eshops.shoptet.ordersettings.title[syslang]}
\n\n\n {\n if(importOrders) removeOrderWebhooks()\n if(!importOrders) addOrderWebhooks()\n }}\n >\n {lang.settings.eshops.shoptet.ordersettings.importorders[syslang]}\n \n
\n \n {\n updateEshop({\n 'shoptet_settings.import_orders_only_selected_products':!eshop.shoptet_settings.import_orders_only_selected_products,\n 'shoptet_settings.import_orders_all':eshop.shoptet_settings.import_orders_only_selected_products===false?false:eshop.shoptet_settings.import_orders_all,\n })\n }}\n > \n {lang.settings.eshops.shoptet.ordersettings.importordersselected[syslang]} {lang.table.settings[syslang]}\n\n
\n \n {/* \n {\n \n }}\n >\n Import only if \"Goods Available\"\n\n
*/}\n \n \n \n
\n \n \n \n No data
\n\n const tableBody = inventory.map((item, index) => {\n let product = {};\n let url = \"\";\n if (!item.product_details) {\n product = { sku: \"unpaired\", name: \"NA\" };\n url = \"/shipments/inbound/lists/unpaired\";\n } else {\n url = `/products/${item.product_details._id}`;\n product = {\n sku: item.product_details.codes.sku,\n name: item.product_details.name\n };\n }\n\n if (!inventory) {\n return Loading...
;\n }\n if (inventory.length === 0) {\n return (\n \n
\n // \n Filters \n
\n \n \n \n \n\n
\n \n
\n \n \n \n
\n \n
\n );\n }\n\n if (!items.length && !isLoading) {\n return (\n \n \n \n \n }\n desktopComponent={\n setCurrentpage(data.activePage)}\n\n />\n {/* )} */}\n \n
\n // \n Stock Balances \n
\n \n \n {/* */}\n \n \n \n {/* */}\n \n
\n \n \n {/* */}\n\n */}\n
\n \n {\n // if(d.value==products.total) setCurrentpage(1)\n setItemsPerPage(d.value);\n }}\n />\n \n \n
\n \n \n {if(!atDate){\n setDateAt(new Date()) \n setBalanceView(false)\n }\n else {\n setDateAt(atDate)\n // handleGetBalances()\n }\n \n }}\n />\n {filters.warehouse.length===0&&
\n \n\n *select warehouse to activate(beta)
}\n \n {linkBack && (\n \n {header} \n {/* Create New - Button */}\n {linkCreateNew && (\n \n \n \n )}\n {buttons}\n
\n {/* Filters */}\n {filters && (\n \n {linkBack && (\n \n \n {header}\n \n
\n {children}\n \n
\n ));\n\n return (\n \n
\n \n \n 
\n
\n \n \n \n \n {({getRootProps, getInputProps}) => (\n \n < div {\n ...getRootProps({className: 'dropzone'})\n } >\n \n
\n \n \n )}\n \n {/* Drag 'n' drop some files here, or click to select files
\n\n {this.state.files.length>0&& \n \n }\n
*/}\n \n );\n }\n}\n\nfunction mapStateToProps(reduxState){\n return(\n {\n\n }\n )\n}\nexport default connect(mapStateToProps ,{\n uploadDocuments\n})(Previews)","export const countries = [\n \"Albania\",\n \"Algeria\",\n \"America\",\n \"Andorra\",\n \"Angola\",\n \"Antigua\",\n \"Argentina\",\n \"Armenia\",\n \"Australia\",\n \"Austria\",\n \"Azerbaijan\",\n \"Bahamas\",\n \"Bahrain\",\n \"Bangladesh\",\n \"Barbados\",\n \"Belarus\",\n \"Belgium\",\n \"Belize\",\n \"Benin\",\n \"Bhutan\",\n \"Bissau\",\n \"Bolivia\",\n \"Bosnia\",\n \"Botswana\",\n \"Brazil\",\n \"British\",\n \"Brunei\",\n \"Bulgaria\",\n \"Burkina\",\n \"Burma\",\n \"Burundi\",\n \"Cambodia\",\n \"Cameroon\",\n \"Canada\",\n \"Cape Verde\",\n \"Central African Republic\",\n \"Chad\",\n \"Chile\",\n \"China\",\n \"Colombia\",\n \"Comoros\",\n \"Congo\",\n \"Costa Rica\",\n \"Croatia\",\n \"Cuba\",\n \"Cyprus\",\n \"Czech\",\n \"Denmark\",\n \"Djibouti\",\n \"Dominica\",\n \"East Timor\",\n \"Ecuador\",\n \"Egypt\",\n \"El Salvador\",\n \"Emirate\",\n \"England\",\n \"Eritrea\",\n \"Estonia\",\n \"Ethiopia\",\n \"Fiji\",\n \"Finland\",\n \"France\",\n \"Gabon\",\n \"Gambia\",\n \"Georgia\",\n \"Germany\",\n \"Ghana\",\n \"Great Britain\",\n \"Greece\",\n \"Grenada\",\n \"Grenadines\",\n \"Guatemala\",\n \"Guinea\",\n \"Guyana\",\n \"Haiti\",\n \"Herzegovina\",\n \"Holland\",\n \"Honduras\",\n \"Hungary\",\n \"Iceland\",\n \"India\",\n \"Indonesia\",\n \"Iran\",\n \"Iraq\",\n \"Ireland\",\n \"Israel\",\n \"Italy\",\n \"Ivory Coast\",\n \"Jamaica\",\n \"Japan\",\n \"Jordan\",\n \"Kazakhstan\",\n \"Kenya\",\n \"Kiribati\",\n \"Korea\",\n \"Kosovo\",\n \"Kuwait\",\n \"Kyrgyzstan\",\n \"Laos\",\n \"Latvia\",\n \"Lebanon\",\n \"Lesotho\",\n \"Liberia\",\n \"Libya\",\n \"Liechtenstein\",\n \"Lithuania\",\n \"Luxembourg\",\n \"Macedonia\",\n \"Madagascar\",\n \"Malawi\",\n \"Malaysia\",\n \"Maldives\",\n \"Mali\",\n \"Malta\",\n \"Marshall\",\n \"Mauritania\",\n \"Mauritius\",\n \"Mexico\",\n \"Micronesia\",\n \"Moldova\",\n \"Monaco\",\n \"Mongolia\",\n \"Montenegro\",\n \"Morocco\",\n \"Mozambique\",\n \"Myanmar\",\n \"Namibia\",\n \"Nauru\",\n \"Nepal\",\n \"Netherlands\",\n \"New Zealand\",\n \"Nicaragua\",\n \"Niger\",\n \"Nigeria\",\n \"Norway\",\n \"Oman\",\n \"Pakistan\",\n \"Palau\",\n \"Panama\",\n \"Papua\",\n \"Paraguay\",\n \"Peru\",\n \"Philippines\",\n \"Poland\",\n \"Portugal\",\n \"Qatar\",\n \"Romania\",\n \"Russia\",\n \"Rwanda\",\n \"Samoa\",\n \"San Marino\",\n \"Sao Tome\",\n \"Saudi Arabia\",\n \"Scotland\",\n \"Scottish\",\n \"Senegal\",\n \"Serbia\",\n \"Seychelles\",\n \"Sierra Leone\",\n \"Singapore\",\n \"Slovakia\",\n \"Slovenia\",\n \"Solomon\",\n \"Somalia\",\n \"South Africa\",\n \"South Sudan\",\n \"Spain\",\n \"Sri Lanka\",\n \"St Kitts\",\n \"St Lucia\",\n \"Sudan\",\n \"Suriname\",\n \"Swaziland\",\n \"Sweden\",\n \"Switzerland\",\n \"Syria\",\n \"Taiwan\",\n \"Tajikistan\",\n \"Tanzania\",\n \"Thailand\",\n \"Tobago\",\n \"Togo\",\n \"Tonga\",\n \"Trinidad\",\n \"Tunisia\",\n \"Turkey\",\n \"Turkmenistan\",\n \"Tuvalu\",\n \"Uganda\",\n \"Ukraine\",\n \"United Kingdom\",\n \"United States\",\n \"Uruguay\",\n \"USA\",\n \"Uzbekistan\",\n \"Vanuatu\",\n \"Vatican\",\n \"Venezuela\",\n \"Vietnam\",\n \"Wales\",\n \"Welsh\",\n \"Yemen\",\n \"Zambia\",\n \"Zimbabwe\"\n]","import React from \"react\";\nimport { Segment, Header } from \"semantic-ui-react\";\nimport lang from '../../../lang/config.json'\n\nconst StockAvailable = ({ stockTotals = [],user }) => {\n const products = stockTotals.map(item => (\n \n \n \n {lang.products.viewproduct.stockbalances[user.currentUser.sys_lang]}\n\n \n {/* \n \n
\n \n
\n );\n};\n\nexport default StockAvailable;\n","import React from \"react\";\nimport Modal from \"react-responsive-modal\";\nimport {\n Divider,\n Form,\n Button,\n \n Header,\n \n} from \"semantic-ui-react\";\n// import Droparea from '../Dropzone/droparea'\nimport Preview from \"../Uploader/photos\";\nimport { countries } from \"../../countries\";\nimport lang from '../../lang/config.json'\n\nexport class Documents extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showModal: false,\n executeChildMethod: false,\n files: this.props.files || [],\n updated: {\n addedFiles: [],\n removedFiles: []\n }\n };\n\n this.handleClose = this.handleClose.bind(this);\n this.handleSaveForm = this.handleSaveForm.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleAddView = this.handleAddView.bind(this);\n this.uploadFiles = this.uploadFiles.bind(this);\n this.addFilesToState = this.addFilesToState.bind(this);\n }\n addFilesToState(files) {\n this.state.updated.addedFiles.push(files);\n // this.setState({...this.state,\n // updated:{...this.state.updated,addedFiles:files}})\n }\n\n uploadFiles(files) {\n this.props.uploadFiles({\n id: this.props.openShipment._id,\n files\n });\n }\n\n handleAddView() {\n this.setState({ showModal: true });\n }\n\n uploadExecuted() {\n this.setState(prevstate => ({\n executeChildMethod: false,\n showModal: false\n }));\n }\n\n handleSaveForm() {\n this.setState({\n ...this.state,\n executeChildMethod: true,\n updated: {\n client: null,\n seller: null,\n warehouse: null,\n removedFiles: [],\n addedFiles: []\n }\n });\n }\n handleChange(e, props) {\n this.setState({\n [props.name]: props.value\n });\n }\n\n handleClose() {\n this.setState({ showModal: false });\n }\n\n render() {\n const { files, handleAddFiles, handleRemoveFile,user } = this.props;\n\n const items = files.map((item, index) => (\n | {lang.products.viewproduct.warehouse[user.currentUser.sys_lang]} | \n{lang.products.viewproduct.available[user.currentUser.sys_lang]} | \n{lang.products.viewproduct.blocked[user.currentUser.sys_lang]} | \n{lang.products.viewproduct.total[user.currentUser.sys_lang]} | \n
|---|
| # | \nName | \nCountry | \nDescription | \nFile | \nAction | \n
|---|
\n
\n \n );\n\n const { showModal } = this.state;\n\n return (\n \n
\n Add New Document
\n\n {showModal && addModal}\n {/* */}\n */}\n
\n );\n }\n}\n","import React from \"react\";\nimport { Pagination as SemanticPagination } from \"semantic-ui-react\";\n\nfunction Pagination({ currentPage, itemsPerPage, total, updateFilter }) {\n if (total > itemsPerPage)\n return (\n \n Documents (draft) \n \n
\n {/* \n {move.triggerId&&move.triggerId._id&&move.triggredBy == \"Order\" && (\n \n \n {move.triggerId.clientOrderNr}\n \n \n )}\n {move.triggerId&&move.triggerId._id&&move.triggredBy == \"Inboundshipment\" && (\n \n
\n \n \n {tableHeader}\n {tableBody}\n \n\n \n
\n );\n};\n","import React, { useState, useEffect, createRef } from \"react\";\nimport { Icon, Input } from \"semantic-ui-react\";\n\nfunction EditableText({\n placeholder,\n value,\n name,\n handleChange,\n maxWidth,\n editable = true,\n transparentBackground = false\n}) {\n const [isHovered, setHovered] = useState(false);\n const [isEditable, setIsEditable] = useState(false);\n const [text, setText] = useState(value);\n const input = createRef();\n\n useEffect(() => {\n setText(value);\n }, [value]);\n\n const handleEdit = () => {\n setIsEditable(true);\n };\n\n\n\n const hadleInternChange = (e, d) => {\n setText(d.value);\n };\n\n const handleSubmit = () => {\n setIsEditable(false);\n setHovered(false);\n handleChange({ name, value: text });\n };\n\n if (!editable) {\n return (\n \n \n {lang.products.viewproduct.stockmovements[user.currentUser.sys_lang]}\n\n \n
\n {/* \n
\n \n handleDateFromChange(date)}\n placeholder={lang.filters.datepicker.from[user.currentUser.sys_lang]}\n oneTap\n >\n \n \n handleDateToChange(date)}\n placeholder={lang.filters.datepicker.to[user.currentUser.sys_lang]}\n >\n \n
\n {/* \n
\n \n
\n );\n}\n\nexport default ProductInfoGrid;\n","var _style, _g, _g2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgNoImg(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 120 120\",\n style: {\n enableBackground: \"new 0 0 120 120\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _style || (_style = /*#__PURE__*/React.createElement(\"style\", {\n type: \"text/css\"\n }, \"\\n\\t.st0{fill:#EDE4FF;}\\n\\t.st1{fill:#B3B3B3;}\\n\")), _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.2,\n y: 0,\n className: \"st0\",\n width: 120,\n height: 120\n }))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M33.6,52.6h-5.2L18.2,35.9v16.7h-5.2V27.2h5.2l10.2,16.7V27.2h5.2V52.6z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M37.1,43c0-1.9,0.4-3.5,1.1-5c0.7-1.5,1.8-2.6,3.1-3.4c1.4-0.8,2.9-1.2,4.7-1.2c2.5,0,4.6,0.8,6.2,2.3 c1.6,1.6,2.5,3.7,2.7,6.4l0,1.3c0,2.9-0.8,5.2-2.4,7s-3.8,2.6-6.5,2.6s-4.9-0.9-6.5-2.6s-2.4-4.1-2.4-7.1V43z M42.1,43.3 c0,1.8,0.3,3.2,1,4.1c0.7,0.9,1.6,1.4,2.9,1.4c1.2,0,2.2-0.5,2.9-1.4c0.7-0.9,1-2.4,1-4.5c0-1.8-0.3-3.1-1-4.1 c-0.7-1-1.7-1.5-2.9-1.5c-1.2,0-2.2,0.5-2.9,1.4C42.4,39.8,42.1,41.3,42.1,43.3z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M18.5,95.4h-5.2V70h5.2V95.4z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M27.8,76.6l0.2,2.1c1.3-1.6,3.1-2.5,5.4-2.5c2.4,0,4.1,1,5,2.9c1.3-1.9,3.2-2.9,5.7-2.9c2,0,3.6,0.6,4.6,1.8 c1,1.2,1.5,3,1.5,5.4v12.1H45v-12c0-1.1-0.2-1.9-0.6-2.3c-0.4-0.5-1.2-0.7-2.2-0.7c-1.5,0-2.6,0.7-3.1,2.2l0,13h-5v-12 c0-1.1-0.2-1.9-0.6-2.4c-0.4-0.5-1.2-0.7-2.2-0.7c-1.4,0-2.5,0.6-3.1,1.8v13.3h-5V76.6H27.8z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M64.9,95.4c-0.2-0.5-0.4-1-0.5-1.7c-1.2,1.4-2.8,2-4.8,2c-1.8,0-3.4-0.5-4.6-1.6c-1.2-1.1-1.8-2.4-1.8-4 c0-2,0.7-3.5,2.2-4.6c1.5-1.1,3.6-1.6,6.4-1.6h2.3v-1.1c0-0.9-0.2-1.6-0.7-2.1S62.4,80,61.4,80c-0.8,0-1.5,0.2-2,0.6 c-0.5,0.4-0.7,1-0.7,1.7h-5c0-1.1,0.3-2.1,1-3c0.7-0.9,1.6-1.7,2.9-2.2c1.2-0.5,2.6-0.8,4.2-0.8c2.3,0,4.2,0.6,5.5,1.8 c1.4,1.2,2.1,2.8,2.1,4.9v8.2c0,1.8,0.3,3.1,0.8,4.1v0.3H64.9z M60.7,91.9c0.7,0,1.4-0.2,2.1-0.5c0.6-0.3,1.1-0.8,1.4-1.3v-3.2 h-1.9c-2.5,0-3.9,0.9-4,2.6l0,0.3c0,0.6,0.2,1.1,0.7,1.6C59.4,91.7,60,91.9,60.7,91.9z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M72.4,85.9c0-2.9,0.7-5.2,2.1-7c1.4-1.8,3.2-2.7,5.6-2.7c2.1,0,3.7,0.7,4.8,2.1l0.2-1.8h4.6v18.3 c0,1.7-0.4,3.1-1.1,4.3c-0.8,1.2-1.8,2.2-3.2,2.8c-1.4,0.6-3,1-4.8,1c-1.4,0-2.7-0.3-4-0.8c-1.3-0.6-2.3-1.3-3-2.1l2.2-3.1 c1.3,1.4,2.8,2.1,4.6,2.1c1.3,0,2.4-0.4,3.1-1.1c0.7-0.7,1.1-1.7,1.1-3v-1c-1.2,1.3-2.7,2-4.6,2c-2.3,0-4.1-0.9-5.5-2.7 c-1.4-1.8-2.1-4.1-2.1-7.1V85.9z M77.4,86.2c0,1.7,0.3,3.1,1,4c0.7,1,1.6,1.5,2.8,1.5c1.5,0,2.6-0.6,3.3-1.7v-8 c-0.7-1.2-1.8-1.7-3.3-1.7c-1.2,0-2.2,0.5-2.9,1.5C77.8,82.8,77.4,84.3,77.4,86.2z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n className: \"st1\",\n d: \"M102.2,95.8c-2.8,0-5-0.8-6.8-2.5c-1.7-1.7-2.6-4-2.6-6.8V86c0-1.9,0.4-3.6,1.1-5.1c0.7-1.5,1.8-2.6,3.1-3.5 c1.3-0.8,2.9-1.2,4.6-1.2c2.6,0,4.6,0.8,6.1,2.4c1.5,1.6,2.2,3.9,2.2,6.9v2.1h-12c0.2,1.2,0.7,2.2,1.5,3c0.8,0.7,1.9,1.1,3.1,1.1 c1.9,0,3.5-0.7,4.6-2.1l2.5,2.8c-0.8,1.1-1.8,1.9-3.1,2.5C105.2,95.5,103.8,95.8,102.2,95.8z M101.6,80.3c-1,0-1.8,0.3-2.4,1 s-1,1.6-1.2,2.9h7v-0.4c0-1.1-0.3-2-0.9-2.6C103.5,80.6,102.7,80.3,101.6,80.3z\"\n }))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgNoImg);\nexport default __webpack_public_path__ + \"static/media/no-img.2759d332.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport { Segment, Header } from \"semantic-ui-react\";\n\nconst ClientIds = ({client_ids=[]}) => {\n const items = client_ids.map((item,i) => (\n \n \n {lang.products.viewproduct.name[user.currentUser.sys_lang]}\n \n
\n \n \n {lang.products.viewproduct.height[user.currentUser.sys_lang]}\n \n
\n \n \n \n API Settings\n \n {/* \n \n
\n \n
\n );\n};\n\nexport default ClientIds;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Segment } from \"semantic-ui-react\";\n\nimport {\n getProduct,\n updateProduct,\n getMovements,\n pairToOrders\n } from \"../../../actions/product\";\n\nimport Responsive from \"../../Responsive\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\n// import { Label } from \"../label\";\n// import { Websites } from \"../web\";\nimport { Documents } from \"../documents\";\nimport { files } from \"../data\";\nimport StockAvailable from \"./StockAvailable\";\nimport { StockMovements } from \"./StockMovements\";\nimport ProductInfoGrid from \"./ProductInfoGrid\";\nimport lang from '../../../lang/config.json'\n\nimport \"../product.scss\";\nimport { ReactComponent as NoImg } from \"../../../no-img.svg\";\nimport ClientIds from \"./Clientids\";\n\nclass Product extends Component {\n constructor(props) {\n super(props);\n this.state = {\n addLabel: false,\n addFile: false,\n addWebsite: false,\n formHasChanges: false,\n productForm: {\n name: \"\",\n \"codes.sku\": \"\",\n \"codes.barcode\": \"\",\n color: \"\",\n size: \"\",\n \"proprities.weight\": \"\",\n \"proprities.dimentions.height\": \"\",\n \"proprities.dimentions.lenght\": \"\",\n \"proprities.dimentions.width\": \"\"\n }\n };\n this.handleAddView = this.handleAddView.bind(this);\n this.handleFormChange = this.handleFormChange.bind(this);\n this.handleUpdateForm = this.handleUpdateForm.bind(this);\n }\n\n handleUpdateForm() {\n this.setState({\n formHasChanges: false\n });\n this.props.updateProduct(\n this.props.match.params.id,\n this.state.productForm\n );\n }\n\n handleFormChange({ name, value }) {\n this.setState(prevState => ({\n formHasChanges: true,\n productForm: {\n ...prevState.productForm,\n [name]: value\n }\n }));\n }\n\n handleAddView(key) {\n this.setState({ ...this.state, [key]: !this.state[key] });\n }\n\n componentDidMount() {\n const { id } = this.props.match.params;\n this.props.getProduct(id);\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.product !== this.props.product) {\n const { name, codes, color, size, proprities } = this.props.product;\n // const hxlxw = proprities.dimentions\n // ? proprities.dimentions.height\n // ? proprities.dimentions.height\n // : \" \" + \"x\" + proprities.dimentions.lenght\n // ? proprities.dimentions.lenght\n // : \" \" + \"x\" + proprities.dimentions.width\n // ? proprities.dimentions.width\n // : \" \"\n // : \"\";\n if (proprities)\n this.setState({\n productForm: {\n name,\n \"codes.sku\": codes.sku,\n \"codes.barcode\": codes.barcode,\n color,\n size,\n \"proprities.weight\": proprities.weight,\n \"proprities.dimentions.height\": proprities.dimentions && proprities.dimentions.height?proprities.dimentions.height:0,\n \"proprities.dimentions.lenght\": proprities.dimentions&&proprities.dimentions.lenght?proprities.dimentions.lenght:0,\n \"proprities.dimentions.width\": proprities.dimentions&&proprities.dimentions.width?proprities.dimentions.width:0\n }\n });\n }\n }\n\n render() {\n const { formHasChanges } = this.state;\n const { product, stockMovements, stockTotals, getMovements,user,loading } = this.props;\n const panels = [\n {\n key: \"details\",\n title:lang.products.viewproduct.productdocuments[user.currentUser.sys_lang]\n,\n content: {\n content: (\n | # | \nEshop | \nId | \n
|---|
\n \n \n
\n );\n\n \n\n return (\n <>\n \n {formHasChanges && (\n \n )}\n
\n {/* \n
\n \n {product.photos && product.photos.lenght ? (\n 
\n ) : (\n
\n\n \n \n {this.props.product.notPairedOrders > 0 && (\n
\n \n );\n }\n}\nfunction mapsStateToProps(reduxState) {\n return {\n product: reduxState.inventory.openProduct,\n stockMovements: reduxState.inventory.openProduct.stockMovements,\n loading: reduxState.picking.isLoading,\n\n stockTotals: reduxState.inventory.openProduct.stockTotals,\n user:reduxState.user\n };\n}\nexport default connect(mapsStateToProps, {\n getProduct,\n updateProduct,\n getMovements,\n pairToOrders\n})(Product);\n\n","import React, { Component } from \"react\";\n// import {Movementlist} from '../Stockmovement/movementlist'\nimport { connect } from \"react-redux\";\nimport { getStockMovements } from \"../../actions/inventory\";\nimport Product from \"../Product/EditViewProduct/\";\nimport { Segment, Button, Form } from \"semantic-ui-react\";\nimport DatePicker from \"react-datepicker\";\n\nclass Inventorycard extends Component {\n componentWillMount() {\n const { warehouse_id, limit, skip, sku } = this.props.match.params;\n\n this.props.getStockMovements({\n warehouse_id,\n limit,\n skip,\n sku\n });\n }\n render() {\n const { stockMovements } = this.props;\n\n return (\n \n Unpaired orders {this.props.product.notPairedOrders}\n \n this.props.pairToOrders(this.props.match.params.id)\n }\n >\n pair\n \n
\n )}\n \n }\n />\n\n {/* {editMode} */}\n \n {productInfo}\n {/* {documents} */}\n \n \n \n
\n \n \n \n
\n );\n }\n}\nfunction mapStateToProps(reduxState) {\n return {\n stockMovements: reduxState.inventory.stockMovements\n };\n}\n\nexport default connect(mapStateToProps, { getStockMovements })(Inventorycard);\n","import React from \"react\";\nimport Slider from \"react-slick\";\n\nfunction ImageSlider({ images }) {\n \n const settings = {\n dots: true,\n infinite: false,\n speed: 500,\n slidesToShow: 5,\n slidesToScroll: 5,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3,\n infinite: true,\n dots: true\n }\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2,\n initialSlide: 2\n }\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1\n }\n }\n ]\n };\n\n return (\n \n {`<\n
\n {stockMovements.length > 0 && (\n \n {\" \"}\n {stockMovements[0].name} - warehouse:{\" \"}\n {stockMovements[0].warehouse_id.name}\n
\n )}\nProduct Movements
\n\n \n \n
\n {/* \n {/* {images} \n
\n );\n}\n\nexport default ImageSlider;\n","/* eslint-disable default-case */\nimport React, { useReducer, } from \"react\";\nimport { Segment, } from \"semantic-ui-react\";\nimport Img from \"react-image\";\nimport ImgsViewer from \"react-images-viewer\";\nimport ImageSlider from \"./ImageSlider\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nconst initialState = {\n executeChildMethod: false,\n editMode: false,\n // photos: [],\n shipmentOpen: false,\n newShipment: true,\n isLightBoxOpen: false,\n currentImg: 0,\n imgURLs: [],\n hasUpdates: false,\n \n};\n\nfunction reducer(state, action) {\n switch (action.type) {\n\n case \"VIEW_PHOTO\":\n const imageURLs =\n action.payload.files && action.payload.files.length > 0\n ? action.payload.files.map(({ publicurl }) => ({\n src: publicurl\n }))\n : [];\n return {\n ...state,\n imgURLs: imageURLs,\n currentImg: action.payload.index,\n isLightBoxOpen: true,\n updates:{\n ...state.updates,\n removedFiles:[]\n }\n };\n\n case \"GO_TO_NEXT\":\n if (state.currentImg < state.imgURLs.length)\n return { ...state, currentImg: state.currentImg + 1 };\n else return state;\n\n case \"GO_TO_PREVIOUS\":\n if (state.currentImg > 0) return { ...state, currentImg: state.currentImg - 1 };\n else return state;\n\n case \"CLOSE_LIGHTBOX\":\n return { ...state, isLightBoxOpen: false };\n\n }\n}\n\nfunction Images(props) {\n const { openShipment,isLoading } = props;\n const [state, dispatch] = useReducer(reducer, initialState);\n \n\n\n \n const files = openShipment.photos;\n const images =\n files && files.length > 0\n ? files.map((photo, index) => {\n \n return (\n Photos
*/}\n\n\n
\n );\n })\n : [];\n\n return (\n \n \n dispatch({ type: \"VIEW_PHOTO\", payload: { index, files } })\n }\n src={photo.publicurl}\n alt=\"text\"\n />\n \n \n
\n \n {images.length > 0 && (\n dispatch({ type: \"GO_TO_PREVIOUS\" })}\n onClickNext={() => dispatch({ type: \"GO_TO_NEXT\" })}\n onClose={() => dispatch({ type: \"CLOSE_LIGHTBOX\" })}\n showThumbnails={true}\n backdropCloseable={true}\n preloadNextImg={false}\n // customCtrls={['test']}\n // closeBtnTitle={'CLOSE'}\n />\n )}\n \n\n
\n \n
\n )}\n \n {state.imgURLs.length > 0 && (\n \n \n # \n {/* Photos */}\n Product \n IDS \n Description \n Position \n Quantity \n \n \n );\n\n const tableBody = goodsreceived.map((item, index) => {\n let product = {};\n if (!item.product) {\n product = {\n name: \"NA\",\n codes: { sku: \"NA\", barcode: \"NA\", clientsku: \"NA\" }\n };\n } else product = item.product;\n\n return (\n \n {index + 1} \n \n \n \n {product.name}\n \n \n \n \n \n \n Barcode:\n \n {product.codes.barcode || \"\"}\n
\n \n SKU:\n \n {product.codes.sku || \"\"}\n {/*
\n Client:{\" \"}\n {product.codes.clientsku || \"\"} */}\n \n \n \n {item.inventoryCard.description || \"\"}\n \n \n {item.inventoryCard.inhouse_position || \"\"}\n \n \n {item.stockMovement.quantity}\n {item.stockMovement.quantity_damaged\n ? `/${item.stockMovement.quantity_damaged}`\n : \"\"}\n \n \n \n );\n });\n\n return (\n \n
\n );\n};\n\nexport default ItemList;\n","import React, { Component } from \"react\";\nimport { Segment, Header, Form } from \"semantic-ui-react\";\n\nimport ItemList from \"./ItemList\";\n\nclass GoodsReceived extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n openItem: {\n _id: \"\",\n stockMovement: {\n inventory: {\n _id: \"\",\n product: { name: \"\" },\n photos: {\n files: []\n }\n }\n }\n }\n };\n }\n\n\n render() {\n const { goodsreceived=[], updating } = this.props;\n return (\n \n );\n }\n}\n\nexport default (GoodsReceived);\n","import React, { useEffect } from \"react\";\nimport { Segment, Header } from \"semantic-ui-react\";\nimport Images from './Images'\nimport { connect } from \"react-redux\";\n// import Modal from \"react-responsive-modal\";\n\nimport {\n getShipment,\n} from \"../../../actions/inboundshipment\";\n\nimport Responsive from \"../../Responsive\";\nimport CardsList from \"../../CardsList\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\nimport ShipmentInfo from \"./ShipmentInfo\";\n// import Companyform from \"../../CompanyForm\";\n// import Images from \"./Images\";\n// import Items from \"./Items\";\nimport GoodsReceived from \"../Items/GoodsReceived\";\n// import MobileItemCard from \"../Items/MobileItemCard\";\nimport lang from '../../../lang/config.json'\n// import \"../inbound.scss\";\n\nfunction ViewInboundShipment(props) {\n const {\n user,\n getShipment,\n openShipment,\n match,\n isLoading\n } = props;\n \n useEffect(() => getShipment(match.params.id), [getShipment,match.params.id]);\n \n \n\n return (\n <>\n \n \n \n \n\n \n \n );\n}\n\nconst mapStateToProps = reduxState => ({\n openShipment: reduxState.inboundshipments.openShipment,\n isLoading: reduxState.inboundshipments.isLoading,\n user:reduxState.user\n});\n\nexport default connect(mapStateToProps, {\n \n getShipment,\n\n})(ViewInboundShipment);\n","import { GET_COMPANIES, CREATE_CO } from \"./actionTypes\";\nimport { apiCall } from \"../services/api\";\nimport { addError, removeError } from \"./error\";\n\nexport const getCompanies = () => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/company/`;\n\n apiCall(\"get\", url)\n .then(resp => dispatch(getCompaniesAction(resp)))\n .catch(err => console.log(err));\n // .catch(err => dispatch(addError(err.message)))\n};\n\nconst getCompaniesAction = data => ({\n type: GET_COMPANIES,\n data\n});\n\nexport const createCo = data => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/company`;\n apiCall(\"post\", url, data)\n .then(resp => dispatch(createCoAction(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\n\nconst createCoAction = company => ({\n type: CREATE_CO,\n company\n});\n","import React from \"react\";\nimport { Button, Icon, Segment, Form, Header } from \"semantic-ui-react\";\nimport { useState } from \"react\";\nimport { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport { openFilters, closeFilters } from \"../actions/filters\";\n\n// const initialFiltersState = {\n// status: \"Order Ready for picking\",\n// product: [],\n// quantity: \"\",\n// courier: [],\n// dateFrom: null,\n// dateTo: null\n// };\n\nfunction MobileFilters(props) {\n const {\n filtersOpen,\n openFilters,\n closeFilters,\n filters,\n addFilterAndGetItems,\n initialFiltersState,\n children\n } = props;\n\n const [touched, setTouched] = useState(false);\n const [filtersWereApplied, setApplied] = useState(false);\n const [internFilters, setFilters] = useState(initialFiltersState);\n\n useEffect(() => {\n // const { status, product, quantity, courier, dateFrom, dateTo } = filters;\n setFilters(filters);\n }, [filters]);\n\n const handleDropdownChange = (e, { name, value }) => {\n setFilters({ ...internFilters, [name]: value });\n setTouched(true);\n };\n const handleDateChange = dateObj => {\n setFilters({ ...internFilters, ...dateObj });\n setTouched(true);\n };\n const handleApplyFilters = () => {\n addFilterAndGetItems(internFilters);\n setTouched(false);\n closeFilters();\n setApplied(true);\n };\n const handleCancelFilters = () => {\n setTouched(false);\n closeFilters();\n setFilters(initialFiltersState);\n };\n const handleClearAllFilters = () => {\n setApplied(false);\n setFilters(initialFiltersState);\n addFilterAndGetItems(initialFiltersState);\n };\n return (\n <>\n \n {/* color=\"yellow\" inverted secondary */}\n \n Filters\n \n \n\n \n Apply Filters\n \n\n \n \n )}\n \n );\n}\n\nconst mapStateToProps = reduxState => ({\n filtersOpen: reduxState.filters.filtersOpen\n});\n\nexport default connect(mapStateToProps, { openFilters, closeFilters })(\n MobileFilters\n);\n","import React from \"react\";\nimport { Table, Label, Header } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport Moment from \"react-moment\";\n\nexport const statusColor = {\n New: \"red\",\n pending: \"orange\",\n Shipping: \"blue\",\n Delivered: \"green\"\n};\n\nexport const Shipmentlist = ({\n shipments,\n syslang,lang\n}) => {\n if (!shipments.length)\n return (\n \n No Shipments Found\n \n );\n\n const ships_headers = (\n \n \n {/* < Checkbox> */}\n ID \n {lang.table.status[syslang]} \n {lang.table.warehouse[syslang]} \n {/* Client */}\n {lang.table.supplier[syslang]} \n {lang.table.details[syslang]} \n {lang.table.transport[syslang]} \n {lang.table.dates[syslang]} \n {/* Action */}\n \n \n );\n\n const shipments_list = shipments.map((shipment, index) => {\n return (\n \n \n \n {shipment._id.substr(-9)}\n \n \n\n \n \n \n\n \n {shipment.warehouse ? shipment.warehouse.name : \"NA\"}\n \n {/* {shipment.client ? shipment.client.name : \"NA\"} */}\n {shipment.seller ? shipment.seller.name : \"NA\"} \n\n \n {lang.table.nrofpacks[syslang]}: {shipment.nrOfPacks}\n
\n {lang.table.weight[syslang]}: {shipment.weightKg}\n \n\n {shipment.transporter} \n\n \n {lang.table.createdAt[syslang]}{shipment.createdAt} \n
\n {lang.table.updatedAt[syslang]}{shipment.updatedAt} \n \n\n {/* \n {shipment.status !== \"Delivered\" && (\n deleteShipment(shipment._id)}\n />\n )}\n */}\n \n );\n });\n\n return (\n handleDateChange({ dateFrom: date })}\n placeholder={lang.filters.datepicker.from[user.currentUser.sys_lang]}\n />\n\n handleDateChange({ dateTo: date })}\n placeholder={lang.filters.datepicker.to[user.currentUser.sys_lang]}\n />\n \n );\n}\n\nexport default MobileInboundFilters;\n","import React, { Component } from \"react\";\nimport { Segment } from \"semantic-ui-react\";\nimport { DatePicker,SelectPicker } from \"rsuite\";\nimport ProductFilter from '../../Filters/ProductFilter'\n\nclass Filters extends Component {\n render() {\n const {\n warehouses,\n companies,\n filters,\n handleUpdateFilter,\n handleDateChange,\n user,lang\n } = this.props;\n return (\n \n this.onChangePage(activePage)\n }\n />\n )}\n \n
\n \n );\n }\n}\n\nfunction mapStateToProps(reduxState) {\n return {\n inboundshipments: reduxState.inboundshipments.list,\n total: reduxState.inboundshipments.total,\n updating: reduxState.inboundshipments.updating,\n products: reduxState.inventory.products,\n warehouses: reduxState.inventory.warehouses,\n companies: reduxState.companies,\n filters: reduxState.inboundshipments.filters,\n syslang:reduxState.user.currentUser.sys_lang\n }\n}\nexport default connect(mapStateToProps, {\n getShipments,\n getWarehouses,\n getProductList,\n updateFilter,\n getCompanies,\n \n})(ListInboundShipment);\n","import React, { useState } from \"react\";\nimport { Table, Loader, Header,Checkbox,Icon } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport lang from '../../../lang/config.json'\nimport {Dropdown} from 'rsuite'\n// import CreateUpdateTime from \"../../CreateUpdateTime\";\n\n\nfunction ReducedTable({ products, isLoading, itemsPerPage, currentPage,user,updateMultiple }) {\n\n const [selected,setSelected] = useState([])\n const [selectAll,setSelectAll] = useState(false)\n\n const handleCheckbox=({checked,_id})=>{\n if(checked) setSelected([...selected,_id])\n if(!checked) {\n const newList = selected.filter(item=>item!==_id)\n setSelected(newList)\n }\n }\n const handleSelectAll =(checked)=>{\n if(!checked) {\n setSelected([])\n setSelectAll(false)\n }\n if(checked){\n setSelectAll(checked)\n const all = products.map(item=>item._id)\n setSelected(all)}\n \n }\n const tableHeader = (\n \n
\n );\n}\n\n\n\n\nexport default (ShipmentInfo)\n","import React from \"react\";\nimport Img from \"react-image\";\nimport { Table, Button } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\n\nconst ItemList = ({\n goodsreceived,\n handleViewPhotos\n}) => {\n // const files = goodsreceived.stockMovement.inventory.photos.files\n\n const tableHeader = (\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 {openShipment.updatedAt} \n \n
\n \n \n \n {openShipment.createdAt} \n \n
\n \n \n SKU:\n \n {product.codes.sku || \"\"}\n {/*
\n Client:{\" \"}\n {product.codes.clientsku || \"\"} */}\n \n
\n {/* \n
\n\n {filtersOpen && (\n \n {lang.table.weight[syslang]}: {shipment.weightKg}\n
\n {lang.table.updatedAt[syslang]}
\n \n {ships_headers}\n {shipments_list}\n
\n
\n );\n};\n","export const createOptions = arr => {\n return arr.map(item => ({\n text: item.name,\n value: item._id,\n key: item._id\n }));\n};\n","import React from \"react\";\nimport { Dropdown } from \"semantic-ui-react\";\nimport {DatePicker} from \"rsuite\";\n\nimport { shipmentStatusOptions } from \"../../../setup\";\nimport { createOptions } from \"../../../helpers/createOptions\";\nimport ProductFilter from \"../../Filters/ProductFilter\";\n\nfunction MobileInboundFilters(props) {\n const {\n companies,\n warehouses,\n internFilters,\n handleDropdownChange,\n handleDateChange,\n user,\n lang\n } = props;\n\n return (\n <>\n \n \n \n
\n );\n }\n}\n\nexport default Filters;\n","import React, { Component } from \"react\";\nimport { Segment, Dropdown, Pagination } from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\n\nimport {\n getShipments,\n updateFilter,\n} from \"../../../actions/inboundshipment\";\nimport { getWarehouses } from \"../../../actions/inventory\";\nimport { getCompanies } from \"../../../actions/company\";\nimport { getProductList } from \"../../../actions/product\";\n\nimport Responsive from \"../../Responsive\";\nimport MobileFilters from \"../../MobileFilters\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\nimport CardsList from \"../../CardsList\";\nimport { Shipmentlist } from \"./ShipmentTable\";\nimport MobileInboundFilters from \"./MobileInboundFilters\";\n// import MobileItemCard from \"./MobileItemCard\";\nimport Filters from \"./Filters\";\nimport \"../inbound.scss\";\nimport lang from '../../../lang/config.json'\n\nclass ListInboundShipment extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filters: {\n // product: \"\",\n warehouse: \"\",\n status: \"\"\n }\n };\n\n this.handleUpdateFilter = this.handleUpdateFilter.bind(this);\n this.onChangePage = this.onChangePage.bind(this);\n this.updateFiltersAndGetShipment = this.updateFiltersAndGetShipment.bind(\n this\n );\n }\n\n updateFiltersAndGetShipment(filters) {\n const updateFilter = new Promise((resolve, reject) =>\n resolve(this.props.updateFilter(filters))\n );\n updateFilter.then(() => this.props.getShipments(this.props.filters));\n }\n\n onChangePage(page) {\n this.updateFiltersAndGetShipment({ currentPage: page });\n }\n\n handleUpdateFilter({ value, name }) {\n this.updateFiltersAndGetShipment({ [name]: value });\n }\n\n componentDidMount() {\n const { filters } = this.props;\n this.props.getShipments(filters);\n this.props.getWarehouses();\n this.props.getProductList({});\n this.props.getCompanies();\n }\n\n render() {\n const {\n updating,\n total,\n inboundshipments,\n filters,\n companies,\n warehouses,\n products,\n user,\n } = this.props;\n\n const loading = \n {/* {lang.filters.title[user.currentUser.sys_lang]} */}\n
\n\n \n
\n \n handleUpdateFilter({value,name:'warehouse'})}\n searchable={true}\n data={warehouses.map(item=>({label:item.name,value:item._id}))} \n />\n\n \n \n\nhandleUpdateFilter({value:data._id,name:'product'})}\n /> \n
\n \n \n \n {/* Status: */}\n handleUpdateFilter({value,name:'status'})}\n searchable={false}\n data={[{label:\"New\",value:\"New\"},{label:\"Processed\",value:\"Processed\"}]}\n \n \n />\n\n
\n\n \n {/* Seller: */}\n handleUpdateFilter({value,name:'seller'})}\n searchable={true}\n data={companies.map(item=>({label:item.name,value:item._id}))}\n \n \n />\n\n
\n \n {/* Destination: */}\n \n handleUpdateFilter({value,name:'displayView'})}\n searchable={false}\n data={[\n { label: \"10\", key: \"10\", value: 10 },\n { label: \"30\", key: \"30\", value: 30 },\n { label: \"50\", key: \"50\", value: 50 },\n { label: \"All\", key: \"All\", value: 0 }\n ]}\n \n \n />\n
\n handleDateChange({ dateFrom: date })}\n placeholder={lang.filters.datepicker.from[user.currentUser.sys_lang]}\n oneTap\n >\n \n \n handleDateChange({ dateTo: date })}\n placeholder={lang.filters.datepicker.to[user.currentUser.sys_lang]}\n >\n \n
\n \n Loading...
;\n\n if (updating) return { loading };\n\n return (\n <>\n \n }\n />\n\n {/* \n \n */}\n\n {/* \n \n \n
\n }\n />\n \n \n\n \n {businessclient && businessclient.name}\n \n\n
\n \n {shoptet.isAllowed&&
} */}\n \n Shoptet
}\n {!shoptet.isAllowed&&Shoptet
}\n \n \n {size && (\n
\n \n \n {lang.products.list.table.size[user.currentUser.sys_lang]}\n {size}\n
\n )}\n {color && (\n\n {lang.products.list.table.color[user.currentUser.sys_lang]} {color}\n
\n )}\n\n {proprities.weight && (\n
\n )}\n \n {lang.products.list.table.weight[user.currentUser.sys_lang]}{\" \"}\n {proprities.weight}\n
\n )}\n\n {proprities.dimentions && (\n\n \n {lang.products.list.table.dimensions[user.currentUser.sys_lang]}{\" \"}\n {Object.values(proprities.dimentions)\n .filter(d => d)\n .map(d => d + \"cm\")\n .join(\" x \")}\n
\n )}\n\n \n 0?`${lang.products.buttons.importorders[user.currentUser.sys_lang]} ${selected.length>0?selected.length:''}`:lang.products.buttons.selectproduct[user.currentUser.sys_lang]}\n appearance=\"default\">\n \n updateMultiple({ids:selected,query:{allowImportOrders:true}})}>\n\n {lang.products.buttons.allow[user.currentUser.sys_lang]} \n \n updateMultiple({ids:selected,query:{allowImportOrders:false }})}>\n {lang.products.buttons.stop[user.currentUser.sys_lang]}\n \n\n \n \n {!isLoading && products.length === 0 && (\n \n No products found\n \n )}\n {isLoading && products.length === 0 && (\n \n \n {tableHeader}\n \n {tableBody} \n \n )}\n
\n );\n}\n\nexport default ReducedTable;\n","import React from \"react\";\nimport Moment from \"react-moment\";\n\nfunction CreateUpdateTime({ createdAt, updatedAt, newLine = false }) {\n return (\n <>\n Updated: {newLine && }\n
\n \n Created: {newLine &&
}\n
\n {photos.lenght ? 
:
\n \n
\n \n
\n SKU: {codes.sku}\n
\n\n Barcode:{\" \"}\n {codes.barcode}\n
\n\n {size && (\n
\n \n Size: {size}\n
\n )}\n {color && (\n\n Color: {color}\n
\n )}\n\n {proprities.weight && (\n
\n )}\n \n Weight:{\" \"}\n {proprities.weight}g\n
\n )}\n\n {proprities.dimentions && proprities.dimentions.height && (\n\n Height:{\" \"}\n {proprities.dimentions.height}cm\n
\n )}\n {proprities.dimentions && proprities.dimentions.lenght && (\n\n Length:{\" \"}\n {proprities.dimentions.lenght}cm\n
\n )}\n {proprities.dimentions && proprities.dimentions.width && (\n\n Width:{\" \"}\n {proprities.dimentions.width}cm\n
\n )}\n\n {storage.temp && (\n
\n )}\n \n Temperatura:{\" \"}\n {storage.temp} °C\n
\n )}\n {storage.note && (\n\n Note:{\" \"}\n {storage.note}\n
\n )}\n\n {!isLoading && products.length === 0 && (\n \n No products found\n \n )}\n {isLoading && products.length === 0 && (\n \n \n {tableHeader}\n \n {tableBody} \n \n )}\n
\n );\n}\n\nexport default ExpandedTable;\n","import React from \"react\";\nimport { Segment, Label, Divider } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport Moment from \"react-moment\";\n\nimport { ReactComponent as NoImg } from \"../../../no-img.svg\";\n\nfunction MobileExpandedItemCard({ item }) {\n const {\n _id,\n codes,\n name,\n photos,\n createdAt,\n updatedAt,\n proprities,\n size,\n storage,\n color\n } = item;\n\n return (\n \n \n Date:\n
\n \n \n
\n\n \n {photos.lenght ? :
\n\n \n \n {name}\n \n\n
\n \n SKU:\n {codes.sku}\n Barcode:\n \n {codes.barcode}\n \n
\n \n Updated at:{\" \"}\n \n {updatedAt}\n \n
\n Created at:{\" \"}\n\n {createdAt}\n \n
\n\n {(size || color) && (\n <>\n Options:\n \n Created at:{\" \"}\n
\n {size && (\n
\n \n )}\n\n {proprities && (\n <>\n Properties:\n \n Size: {size}\n
\n )}\n {color && (\n\n Color: {color}\n
\n )}\n\n {proprities.weight && (\n
\n \n )}\n\n {storage && (\n <>\n Storage:\n\n \n Weight:{\" \"}\n {proprities.weight}g\n
\n )}\n\n {proprities.dimentions && (\n\n Dimensions:{\" \"}\n {Object.values(proprities.dimentions)\n .filter(d => d)\n .map(d => d + \"cm\")\n .join(\" x \")}\n
\n )}\n\n {storage.temp && (\n
\n \n )}\n\n {/* Courier:\n \n Temperatura:{\" \"}\n {storage.temp} °C\n
\n )}\n {storage.note && (\n\n Note:{\" \"}\n {storage.note}\n
\n )}\n{shipping.courier ? shipping.courier.name : \"\"}
*/}\n\n setTableType(\"reduced\")}\n />\n setTableType(\"expanded\")}\n />\n
\n \n\n \n {products.length > 0 && total > itemsPerPage && (\n
\n \n );\n}\nconst mapStateToProps = reduxState => ({\n products: reduxState.inventory.products,\n total: reduxState.inventory.productsTotal,\n isLoading: reduxState.loading,\n user:reduxState.user\n});\nexport default connect(mapStateToProps, {\n getFilteredProductList,updateMultiple\n})(ProductsList);\n","import { useState, useEffect, useRef } from \"react\";\n\nexport function useProductFilters(\n getProductsCallback,\n initialState = { currentPage: 1, itemsPerPage: 10, searchTerm: \"\" }\n) {\n const [currentPage, setCurrentPage] = useState(initialState.currentPage);\n const [itemsPerPage, setItemsPerPage] = useState(initialState.itemsPerPage);\n const [searchTerm, setSearchTerm] = useState(initialState.searchTerm);\n const [selectedBclients, setBclients] = useState([]);\n const prevSearchRef = useRef(\"\");\n\n useEffect(() => {\n getProductsCallback({\n currentPage,\n itemsPerPage,\n searchTerm,\n selectedBclients\n });\n }, [currentPage, itemsPerPage, selectedBclients]);\n\n useEffect(() => {\n setCurrentPage(1);\n }, [selectedBclients]);\n\n useEffect(() => {\n if (\n searchTerm.length > 2 ||\n (prevSearchRef.current.length > 0 && searchTerm.length === 0)\n ) {\n setCurrentPage(1);\n getProductsCallback({\n currentPage: 1,\n itemsPerPage,\n searchTerm,\n selectedBclients\n });\n }\n prevSearchRef.current = searchTerm;\n }, [searchTerm]);\n\n const handleSearch = (e, { value }) => setSearchTerm(value);\n const handleItemsPerPageChange = (e, { value }) => setItemsPerPage(value);\n const handlePageChange = (e, { activePage }) => setCurrentPage(activePage);\n const handleBussinesclientSelect = (e, { value }) => setBclients(value);\n\n return {\n searchTerm,\n itemsPerPage,\n currentPage,\n selectedBclients,\n handleSearch,\n handleItemsPerPageChange,\n handlePageChange,\n handleBussinesclientSelect\n };\n}\n","import React, { useState } from \"react\";\nimport { Button, Tab, Icon } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\n\nimport Responsive from \"../../Responsive\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\n// import ListPG from \"../../Productgroup/ListPG\";\nimport ProductsList from \"./ProductsList\";\nimport lang from '../../../lang/config.json'\n\nconst linkToTab = {\n product: 0,\n group: 1\n};\n\nfunction ProductsListPage({ match, history,user }) {\n const initialIndex = linkToTab[match.params.activeTab];\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const handleTabChange = (e, { activeIndex }) => {\n history.push(`/products/list/${Object.keys(linkToTab)[activeIndex]}`);\n setActiveIndex(activeIndex);\n };\n\n const panes = [\n {\n menuItem: lang.products.viewproduct.title[user.currentUser.sys_lang],\n render: () => (\n \n \n \n \n {/* \n \n */}\n
\n \n }\n />\n\n \n ![](\"https://react.semantic-ui.com/imgs/wireframe/square-image.png\")
\n
*/}\n\n \n \n \n \n \n \n
\n\n Product Identification
\n\n \n \n
\n\n Product options
\n\n \n \n \n \n
\n\n Description
\n\n \n \n
\n\n Storage
\n\n
\n )}\n {this.state.errMessage && !this.props.id && (\n \n {/*
\n
\n )}\n \n );\n }\n}\nfunction mapsStateToProps(reduxState) {\n return {\n isLoading: reduxState.newproducts.isLoading,\n id: reduxState.newproducts.product._id\n };\n}\nexport default connect(mapsStateToProps, { createProduct })(NewProductForm);\n","export const dataSet = [\n {\n name: \"Shoes\",\n sku: 2306,\n barcode: 12345678,\n color: \"black\",\n size: \"M\",\n weight: \"\"\n }\n];\n\nexport const colNames = [\n { label: \"Name\", value: \"name\" },\n { label: \"SKU\", value: \"sku\" },\n { label: \"Barcode\", value: \"barcode\" },\n { label: \"Color\", value: \"color\" },\n { label: \"Size\", value: \"size\" },\n { label: \"Weight\", value: \"weight\" }\n];\n","import React from \"react\";\nimport { Table, Header, Label, Icon, Button } from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\nimport Dropzone from \"react-dropzone\";\nimport { ExcelRenderer } from \"react-excel-renderer\";\nimport ExportExcel from \"../../ExportExcel\";\n\nimport { uploadProdFromXLS } from \"../../../actions/product\";\nimport { dataSet, colNames } from \"./uploadProductsTemplate\";\nimport \"../../Dropzone/dropzone.scss\";\n\nconst initState = {\n dragContent: \"Drag 'n' drop the file or click here\",\n fileName: \"\",\n formatError: false,\n data: [],\n errors: {}\n};\n\nclass AddProducts extends React.Component {\n constructor(props) {\n super(props);\n this.state = initState;\n\n this.fileHandler = this.fileHandler.bind(this);\n this.removeFile = this.removeFile.bind(this);\n this.handleSaveProducts = this.handleSaveProducts.bind(this);\n }\n\n fileHandler(files) {\n let fileObj = files[0];\n if (!fileObj.name.includes(\".xlsx\")) {\n this.setState({\n formatError: true,\n fileName: \"\",\n data: [],\n dragContent: \"Drag 'n' drop the file or click here\"\n });\n return;\n }\n const requiredKeys = [\"name\", \"codes.sku\", \"codes.barcode\"];\n const keyNames = [\n \"name\",\n \"codes.sku\",\n \"codes.barcode\",\n \"color\",\n \"size\",\n \"proprieties.weight\"\n ];\n\n function mapRows(arr) {\n let data = [];\n let errors = {};\n arr.shift();\n arr.forEach((row, i) => {\n let product = {};\n let productErrs = [];\n for (let j = 0; j < row.length; j++) {\n product[keyNames[j]] = row[j];\n if (requiredKeys.includes(keyNames[j]) && row[j] === undefined) {\n productErrs.push(keyNames[j]);\n }\n }\n data.push(product);\n if (productErrs.length) errors[i] = productErrs;\n });\n return [data, errors];\n }\n ExcelRenderer(fileObj, (err, resp) => {\n if (err) {\n } else {\n const [data, errors] = mapRows(resp.rows);\n this.setState({\n fileName: fileObj.name,\n formatError: false,\n data,\n errors\n });\n }\n });\n }\n\n removeFile() {\n this.setState({ ...initState });\n }\n\n handleSaveProducts() {\n const { businessclient, errors, data } = this.state;\n const products = data.filter((prod, i) => !errors[i]);\n console.log({ products, businessclient });\n this.props.uploadProdFromXLS({ products, businessclient });\n }\n\n render() {\n const { errors } = this.props;\n const { businessclient } = this.state;\n // console.log(this.state);\n\n const tableHeadRow = (\n \n {/*
\n \n 1. Upload a file with products (.xlsx format) \n {/* */}\n\n {!this.state.fileName && (\n this.fileHandler(acceptedFiles)}\n onDragEnter={() =>\n this.setState({ dragContent: \"Drop here ...\" })\n }\n >\n {({ getRootProps, getInputProps }) => (\n \n \n )}\n \n )}\n\n {this.state.fileName && (\n \n\n {/* View Table */}\n \n {this.state.data && this.state.data.length > 0 && (\n \n\n {/* Feedback */}\n {this.state.data &&\n this.state.data.length > 0 &&\n !this.props.status &&\n (!Object.keys(this.state.errors).length ? (\n \n \n ) : (\n \n \n ))}\n\n {/* Save Products */}\n \n 2. Save the added products \n {this.props.status === \"success\" && (\n \n )}\n {this.props.status !== \"success\" && (\n \n Save Products\n \n )}\n \n\n {/* Server Response */}\n {this.props.unsuccessful &&\n this.props.unsuccessful.length > 0 &&\n this.props.status === \"fail\" &&\n this.state.fileName && (\n \n \n )}\n {this.props.status === \"success\" && this.state.fileName && (\n \n \n )}\n
\n );\n }\n}\n\nconst mapStateToProps = reduxState => ({\n unsuccessful:\n // [\n // {\n // name: \"Product\",\n // \"codes.sku\": 252353,\n // error: \"Some error to display \"\n // }\n // ],\n reduxState.newproducts.resp.unsuccessful,\n status: reduxState.newproducts.resp.status,\n isLoading: reduxState.newproducts.isLoading\n});\n\nexport default connect(mapStateToProps, { uploadProdFromXLS })(AddProducts);\n","import React from \"react\";\nimport { Tab } from \"semantic-ui-react\";\n\nimport Responsive from \"../../Responsive\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\nimport NewProductForm from \"./NewProductForm\";\nimport ProductFromExcel from \"./ProductFromExcel\";\n\nimport \"./newproducts.scss\";\n\nfunction NewProducts({ errors }) {\n const panes = [\n {\n menuItem: \"Single Product Form\",\n render: () => (\n \n \n \n \n }\n />\n
\n\n \n \n
\n {this.state.dragContent}
\n\n \n
\n )}\n {this.state.formatError && (\n \n * Must be an Excel file ( .xlsx )\n
\n )}\n\n \n
\n
\n )}\n \n
You can save the products now.\n
\n
The products with missing required information will not\n be saved.\n
If you want to add them too, please fill in the missing\n cells and reupload the file.\n
\n \n
\n
\n \n
\n \n {businessclient && businessclient.name}\n \n
\n
\n );\n } else if (!products.length) {\n return null;\n }\n return (\n \n handleSearch(e, { value: \"\" })\n }}\n iconPosition=\"left\"\n />\n\n {searchTerm.length > 0 && products.length > 0 && (\n
\n\n {searchTerm.length > 0 && (\n \n
\n )}\n \n
\n \n \n
\n\n {viewProducts.length > 0 && (\n\n
\n )}\n
\n \n\n {viewProducts.length > 0 && (\n
\n
\n \n
\n \n );\n}\n\nexport default connect(() => {}, { deleteProductGroup })(CancelOrderModal);\n","import React, { useState, useEffect } from \"react\";\nimport {\n Header,\n Button,\n Loader,\n Table,\n Segment,\n Input\n} from \"semantic-ui-react\";\nimport Moment from \"react-moment\";\n\n// import ProductList from \"./ProductList\";\nimport DeleteGroupModal from \"./DeleteGroupModal\";\n\nfunction ProductGroupInfo(props) {\n const {\n isLoading,\n productGroup,\n updateProductGroup,\n removeProduct,\n history\n } = props;\n const [isModalOpen, setModal] = useState(false);\n const [isEditingTitle, setEditTitle] = useState(false);\n const [title, setTitle] = useState(\"\");\n\n const handleToggleModale = () => setModal(!isModalOpen);\n const handleEditTitle = () => setEditTitle(!isEditingTitle);\n const handleTitleChange = (e, { value }) => setTitle(value);\n const handleSave = () => {\n handleEditTitle();\n updateProductGroup({ id: productGroup._id, name: title });\n console.log(title);\n };\n\n useEffect(() => {\n if (isEditingTitle) setTitle(productGroup.name);\n }, [isEditingTitle]);\n\n const tableBody =\n productGroup.products &&\n productGroup.products.map(({ _id, name, codes = { sku: \"\" } }, index) => (\n Are you sure you want to delete this group?
\n\n \n \n
\n \n
\n );\n } else {\n return (\n \n \n \n
\n\n \n \n \n \n \n )}\n
\n\n \n \n Change name\n \n \n Delete group\n \n
\n\n \n
\n \n Created at:\n \n {productGroup.createdAt} \n
\n \n \n Updated at:\n \n {productGroup.updatedAt} \n
\n\n {/* \n
\n );\n } else {\n return (\n <>\n \n \n {productGroup.name}{\" \"}\n \n - {productGroup.products && productGroup.products.length}{\" \"}\n products\n \n \n
\n \n
\n \n
\n \n
\n \n Other */}\n
\n\n \n );\n}\n\nexport default Tabs;\n","import React from \"react\";\nimport { Icon } from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\n\nimport { updateFilter } from \"../../../actions/orders\";\n\nfunction SortArrows({ updateFilter, filterSort, sortBy }) {\n const handleUp = () => {\n updateFilter({ sort: { [sortBy]: \"up\" } });\n };\n const handleDown = () => {\n updateFilter({ sort: { [sortBy]: \"down\" } });\n };\n\n return (\n - \n {totals.map((tab, i) => {\n if (i < nrOfTabsToDisplay)\n return (\n
- \n
{error}
);\n }\n\n if (items && items.length > 0) {\n products = items.map(item => {\n if (item) {\n \n const {stockAvailable} = item\n\n let name=item.name?item.name:\"Na\"\n const length =name.length\n\n if(length>15) name =`${name.substring(0,15)}...`\n return (\n \n {!stockAvailable &&
\n );\n }\n });\n }\n\n return (\n \n COD Trasffer | {processing.codTransfferId.tranfferNr}
}\n {/* {processing && processing.isOpenUser && (\n open by: {processing.isOpenUser}
\n )}\n \n
\n {errors}\n
*/}\n \n \n \n {tableHeader} \n {!isLoading && orders.length && tableRows} \n \n\n {isLoading && (\n \n
\n \n );\n}\n\nexport default OrdersTable;\n","import React from \"react\";\nimport { Segment, Label, Divider } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport Moment from \"react-moment\";\n\nimport { statusColor } from \"../OrdersTable\";\nimport \"./orders-mobile.scss\";\n\nfunction ItemCard({ item }) {\n const {\n _id,\n clientOrderNr,\n status,\n createdAt,\n updatedAt,\n shipping,\n processing,\n errMsgs,\n items\n } = item;\n\n let products = [];\n if (items && items.length > 0) {\n products = items.map(item => {\n if (item) {\n let name=item.name?item.name:\"Na\"\n const length =name.length\n if(length>15) name =`${name.substring(0,15)}...`\n\n return (\n \n
\n )}\n {error}
);\n }\n\n return (\n \n \n {clientOrderNr}\n
\n\n {createdAt}\n \n \n\n
\n \n
\n \n {processing && processing.isOpenUser && (\n
\n\n open by: {processing.isOpenUser}
\n )}\n {errors}
\n \n {/* Date:\n
\n Courier:\n
\n \n Updated at:{\" \"}\n \n {updatedAt}\n \n
*/}\n {/* Created at:{\" \"}\n\n {createdAt}\n */}\n {/*
*/}\n\n {/* Products: */}\n */}\n {/* Created at:{\" \"}\n
{products}
\n \n Courier:\n
{shipping.courier ? shipping.courier.name : \"\"}
\n\n
\n \n \n handleUpdateFilter({ value, name: \"country\" })\n }\n data={countries.map((item) => ({\n value: item,\n label: item,\n }))}\n value={filters.country}\n />\n\n \n handleUpdateFilter({ value, name: \"courier\" })\n }\n data={couriers.map(({ _id, name }) => ({\n value: _id,\n label: name,\n }))}\n value={filters.courier}\n />\n\n {/* handleUpdateFilter({value:data._id,name:'product'})}\n /> */}\n {/* handleUpdateFilter({value,name:'product'})}\n data={products.map(({ _id, name }) => ({\n value: _id,\n label: name\n\n }))}\n \n /> */}\n
\n \n
\n \n );\n}\n\nexport default Filters;\n","import React from \"react\";\nimport { Button,Pagination} from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\n\nimport { getProductList } from \"../../../actions/product.js\";\nimport { getCouriers } from \"../../../actions/couriers.js\";\nimport {\n getOrders,\n updateFilter,\n removeSuccessMsg\n} from \"../../../actions/orders\";\n\nimport Notification from \"../../Notification\";\nimport MobileFilters from \"../../MobileFilters\";\nimport Responsive from \"../../Responsive\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\nimport Tabs from \"./Tabs\";\nimport OrdersTable from \"./OrdersTable\";\nimport CardsList from \"../../CardsList\";\nimport ItemCard from \"./Mobile/ItemCard\";\nimport MobileOrdersFilters from \"./Mobile/MobileOrdersFilters\";\nimport Filters from \"./Filters\";\n\nimport \"../Order.scss\";\nimport lang from '../../../lang/config.json'\n\nclass OrdersListPage extends React.Component {\n state = {\n checkedItems: [],\n headerIsChecked: false\n };\n\n handleSingleCheck = id => {\n this.setState(prevState => {\n if (prevState.checkedItems.includes(id)) {\n const i = prevState.checkedItems.indexOf(id);\n const len = prevState.checkedItems.length;\n return {\n checkedItems: [\n ...prevState.checkedItems.slice(0, i),\n ...prevState.checkedItems.slice(i + 1, len)\n ]\n };\n } else {\n return {\n checkedItems: [...prevState.checkedItems, id]\n };\n }\n });\n };\n\n handleClearCheckedItems = () => {\n this.setState({ checkedItems: [], headerIsChecked: false });\n };\n\n handleMultipleCheck = () => {\n if (!this.state.headerIsChecked) {\n this.setState({\n checkedItems: this.props.orders.map(el => el._id),\n headerIsChecked: true\n });\n } else {\n this.handleClearCheckedItems();\n }\n };\n\n addFilterAndGetOrders = newfilter => {\n if (this.state.checkedItems.length) this.handleClearCheckedItems();\n this.props.updateFilter(newfilter);\n };\n\n handleUpdateFilter = ({ name, value }) => {\n this.addFilterAndGetOrders({ [name]: value });\n };\n\n handleSearch = (e, { name, value }) => {\n this.addFilterAndGetOrders({ [name]: value, status: \"All\" });\n };\n\n componentDidMount() {\n this.props.getOrders(this.props.filters);\n this.props.getProductList();\n this.props.getCouriers();\n }\n\n componentDidUpdate(prevProps) {\n const keyWithDiffVal =\n prevProps.filters &&\n Object.keys(prevProps.filters).find(key => {\n if (prevProps.filters[key] !== this.props.filters[key]) {\n if (key === \"searchTerm\") {\n return this.props.filters[key].length > 2 ||\n (this.props.filters[key].length === 0 &&\n prevProps.filters[key].length > 0)\n ? true\n : false;\n } else {\n return true;\n }\n } else {\n return false;\n }\n });\n if (keyWithDiffVal) {\n // if filters change\n this.props.getOrders(this.props.filters);\n }\n }\n\n render() {\n const { headerIsChecked, checkedItems } = this.state;\n\n const {\n products,\n couriers,\n filters,\n orders,\n totals,\n isLoading,\n successMsg,\n removeSuccessMsg,\n user\n } = this.props;\n\n let total = 0;\n const nr = totals.find((tab) => tab[0] === filters.status);\n if (nr && nr.length > 0) total = nr[1];\n\n return (\n \n addFilterAndGetOrders({ dateFrom: date })}\n placeholder={lang.filters.datepicker.from[syslang]}\n >\n\n addFilterAndGetOrders({ dateTo: date })}\n placeholder={lang.filters.datepicker.to[syslang]}\n >\n
\n\n {exportmenu}\n\n {/* \n \n
*/}\n \n \n \n \n \n \n \n }\n />\n\n \n \n \n this.handleUpdateFilter( {\n name: \"currentPage\",\n value: activePage,\n })\n }\n />\n )}\n \n
\n );\n }\n}\n\nfunction mapStateToProps(reduxState) {\n return {\n user: reduxState.user,\n orders: reduxState.orders.list,\n filters: reduxState.orders.filters,\n totals: reduxState.orders.totals,\n // updating: reduxState.orders.updating,\n products: reduxState.inventory.products,\n couriers: reduxState.couriers.list,\n isLoading: reduxState.orders.isLoading,\n successMsg: reduxState.orders.successMsg\n };\n}\n\nexport default connect(mapStateToProps, {\n getOrders,\n updateFilter,\n getProductList,\n getCouriers,\n removeSuccessMsg\n})(OrdersListPage);\n","import React from \"react\";\nimport { Table } from \"semantic-ui-react\";\n\nimport Responsive from \"../../Responsive\";\nimport CardsList from \"../../CardsList\";\nimport ProductItem from \"./ProductItem\";\nimport ProductCard from \"./ProductCard\";\n\n\nfunction ProductsList({\n lang,\n user,\n items,\n handleDelete,\n style = {},\n}) {\n\n if (items.length === 0) return null;\n\n const tableRows = items\n .filter(p => p !== null)\n .map((p, i) => (\n hello
\n \n \n \n \n # \n \n {lang.orders.createOrder.producttable.name[user.currentUser.sys_lang]} \n {/* SKU */}\n {lang.orders.createOrder.producttable.quantity[user.currentUser.sys_lang]} \n {lang.orders.createOrder.producttable.price[user.currentUser.sys_lang]} \n {lang.orders.createOrder.producttable.actions[user.currentUser.sys_lang]} \n \n \n {tableRows} \n \n
\n }\n />\n );\n}\n\nexport default ProductsList;\n","import React,{useState} from \"react\";\nimport { Form } from \"semantic-ui-react\";\nimport ProductFilter from '../../Filters/ProductFilter'\nimport {Input} from 'rsuite'\nimport \"./productlist.scss\";\n\nconst AddProduct=(props)=>{\n\n const [state,setState]=useState({\n _id: \"\",\n name:'',\n quantity: 0,\n price:0,\n })\n\n \n const handleSubmit = () => {\n const prodToAdd = {\n product: state._id,\n name: state.name,\n quantity: Number(state.quantity),\n price: Number(state.price),\n \n };\n props.handleAddProduct(prodToAdd);\n setState({ _id: \"\", quantity: 0,price:0,name:'' });\n };\n\n\n const {\n style = { marginBottom: \"1em\" },\n // productsDisabled = false,\n user,\n lang\n } = props;\n\n \n return (\n // \n {displayHeader && (\n <>\n {/* {header} */}\n \n {header}\n \n \n )}\n\n \n \n \n \n\n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default Adress;\n","import React from \"react\";\nimport { Form} from \"semantic-ui-react\";\n\nclass CompanyForm extends React.Component {\n render() {\n const { companyName, phone, taxId, handleChange,lang,user } = this.props;\n return (\n \n
\n );\n }\n}\n\nexport default CompanyForm;\n","import React from \"react\";\nimport { Form, Header, Divider, Checkbox, Dropdown } from \"semantic-ui-react\";\n\nimport Adress from \"./Adress.jsx\";\n// import ClientForm from \"./ClientForm\";\nimport CompanyForm from \"./CompanyForm\";\nimport { countries } from \"../../../countries\";\n// import ClientFilter from \"../../Filters/ClientFilter\";\n\nconst optionsCountries = [\n { key: \"No country\", value: null, text: \"\" },\n ...countries.map((c) => ({ key: c, value: c, text: c })),\n];\n\nclass ClientInfoForm extends React.Component {\n render() {\n const {\n isAdressAsShipping,\n validationErrors = {},\n handleChange,\n handleCheck,\n handleAdressCheck,user,lang\n } = this.props;\n\n return (\n \n );\n }\n}\n\nexport default ClientInfoForm;\n","import React from \"react\";\nimport { Icon, Button, Divider, Header, Segment } from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\n\nimport { createOrder } from \"../../../actions/orders\";\nimport ProductsList from \"../ProductsList/ProductsList\";\nimport AddProduct from \"../ProductsList/AddProduct\";\nimport ClientInfoForm from \"./ClientInfoForm\";\n\nimport lang from '../../../lang/config.json'\n\nconst sh = \"shipping.shipTo.\";\n\nclass CreateOrder extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isAdressAsShipping: false,\n [sh + \"client.isCompany\"]: null,\n [sh + \"client.companyName\"]: null,\n [sh + \"client.taxId\"]: null,\n [sh + \"client.firstName\"]: null,\n [sh + \"client.lastName\"]: null,\n [sh + \"client.phone\"]: null,\n [sh + \"client.country\"]: null,\n [sh + \"client.province\"]: null,\n [sh + \"client.city\"]: null,\n [sh + \"client.street\"]: null,\n [sh + \"client.postcode\"]: null,\n [sh + \"client.streetNr\"]: null,\n [sh + \"country\"]: null,\n [sh + \"province\"]: null,\n [sh + \"city\"]: null,\n [sh + \"street\"]: null,\n [sh + \"postcode\"]: null,\n [sh + \"streetNr\"]: null,\n [sh + \"phone\"]: null,\n items: [],\n 'payment.COD.amount':0,\n businessclient: \"\",\n clientOrderNr: \"\",\n validationErrors: {\n sh_country: false,\n sh_city: false,\n sh_street: false,\n sh_postcode: false,\n },\n validationErrMsg: \"\",\n };\n this.handleCreateOrder = this.handleCreateOrder.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleCheck = this.handleCheck.bind(this);\n this.handleAdressCheck = this.handleAdressCheck.bind(this);\n this.handleAddProduct = this.handleAddProduct.bind(this);\n this.handleDeleteProduct = this.handleDeleteProduct.bind(this);\n }\n\n handleChange(e, { name, value }) {\n const adressFields = [\n \"country\",\n \"province\",\n \"city\",\n \"street\",\n \"streetNr\",\n \"postcode\",\n \"phone\"\n ];\n const adressField = adressFields.find(\n (f) => name === `shipping.shipTo.client.${f}`\n );\n const shippingAdressField = adressFields.find(\n (f) => name === `shipping.shipTo.${f}`\n );\n let adressHandling = {};\n if (this.state.isAdressAsShipping) {\n if (adressField) {\n adressHandling = { isAdressAsShipping: false };\n } else if (shippingAdressField) {\n adressHandling = {\n [`shipping.shipTo.client.${shippingAdressField}`]: value,\n };\n }\n }\n this.setState((state) => ({\n [name]: value,\n ...adressHandling,\n validationErrors: {\n ...state.validationErrors,\n sh_country:\n state.validationErrors.sh_country &&\n name === \"shipping.shipTo.country\"\n ? true\n : false,\n sh_city: state[sh + \"city\"] === \"\" ? true : false,\n sh_street: state[sh + \"street\"] === \"\" ? true : false,\n sh_postcode: state[sh + \"postcode\"] === \"\" ? true : false,\n },\n }));\n }\n\n handleCheck(e, { name, value }) {\n if (name === sh + \"client.isCompany\") {\n this.setState({\n [name]: !value,\n [sh + \"client.isCompany\"]: null,\n [sh + \"client.companyName\"]: null,\n [sh + \"client.taxId\"]: null,\n [sh + \"client.phone\"]: null,\n [sh + \"client.country\"]: null,\n [sh + \"client.province\"]: null,\n [sh + \"client.city\"]: null,\n [sh + \"client.street\"]: null,\n [sh + \"client.postcode\"]: null,\n [sh + \"client.streetNr\"]: null,\n });\n } else {\n this.setState({ [name]: !value });\n }\n }\n\n handleAdressCheck(e, { value }) {\n if (value) {\n this.setState((s) => ({\n isAdressAsShipping: !value,\n }));\n } else {\n this.setState((s) => ({\n isAdressAsShipping: !value,\n \"shipping.shipTo.client.country\": s[sh + \"country\"],\n \"shipping.shipTo.client.province\": s[sh + \"province\"],\n \"shipping.shipTo.client.city\": s[sh + \"city\"],\n \"shipping.shipTo.client.street\": s[sh + \"street\"],\n \"shipping.shipTo.client.postcode\": s[sh + \"postcode\"],\n \"shipping.shipTo.client.streetNr\": s[sh + \"streetNr\"],\n }));\n }\n }\n\n\n handleAddProduct = (newProduct) => {\n this.setState((state) => {\n const newProducts = [...state.items, newProduct];\n return { items: newProducts };\n });\n };\n\n handleDeleteProduct = (id) => {\n this.setState((state) => {\n return {\n items: state.items.filter((p) => p.product !== id),\n };\n });\n };\n\n handleCreateOrder() {\n if (\n !this.state[sh + \"country\"] ||\n !this.state[sh + \"city\"] ||\n !this.state[sh + \"street\"] ||\n !this.state[sh + \"postcode\"]\n ) {\n this.setState((state) => ({\n validationErrors: {\n ...state.validationErrors,\n sh_country: !state[sh + \"country\"] ? true : false,\n sh_city: !state[sh + \"city\"] ? true : false,\n sh_street: !state[sh + \"street\"] ? true : false,\n sh_postcode: !state[sh + \"postcode\"] ? true : false,\n },\n validationErrMsg:\n \"Order was not created. Please fill in all the required fields\",\n }));\n return;\n }\n\n const query = {\n [sh + \"client.isCompany\"]: this.state[sh + \"client.isCompany\"],\n [sh + \"client.companyName\"]: this.state[sh + \"client.companyName\"],\n [sh + \"client.taxId\"]: this.state[sh + \"client.taxId\"],\n [sh + \"client.firstName\"]: this.state[sh + \"client.firstName\"],\n [sh + \"client.lastName\"]: this.state[sh + \"client.lastName\"],\n [sh + \"client.phone\"]: this.state[sh + \"client.phone\"],\n [sh + \"client.country\"]: this.state[sh + \"client.country\"],\n [sh + \"client.province\"]: this.state[sh + \"client.province\"],\n [sh + \"client.city\"]: this.state[sh + \"client.city\"],\n [sh + \"client.street\"]: this.state[sh + \"client.street\"],\n [sh + \"client.postcode\"]: this.state[sh + \"client.postcode\"],\n [sh + \"client.streetNr\"]: this.state[sh + \"client.streetNr\"],\n [sh + \"country\"]: this.state[sh + \"country\"],\n [sh + \"province\"]: this.state[sh + \"province\"],\n [sh + \"city\"]: this.state[sh + \"city\"],\n [sh + \"street\"]: this.state[sh + \"street\"],\n [sh + \"postcode\"]: this.state[sh + \"postcode\"],\n [sh + \"streetNr\"]: this.state[sh + \"streetNr\"],\n [sh + \"phone\"]: this.state[sh + \"phone\"],\n items: this.state.items,\n businessclient: this.state.businessclient,\n clientOrderNr: this.state.clientOrderNr,\n isAdressAsShipping: this.state.isAdressAsShipping,\n 'payment.COD.amount':this.state['payment.COD.amount']\n };\n this.props.createOrder(query, this.props.history);\n }\n\n render() {\n const { validationErrMsg, items, businessclient } = this.state;\n const {user}=this.props\n return (\n \n \n {validationErrMsg && (\n {lang.orders.createOrder.title[user.currentUser.sys_lang]} \n \n \n\n {/* \n \n */}\n
\n );\n }\n}\n\nconst mapStateToProps = (reduxState) => ({\n orders: reduxState.receivedOrders,\n user:reduxState.user,\n \n});\n\nexport default connect(mapStateToProps, { createOrder })(CreateOrder);\n\n// export default CreateOrder;\n","import React from \"react\";\nimport { Timeline,Divider } from \"rsuite\";\nimport Moment from \"react-moment\";\n\nfunction Services({ services }) {\n if (!services || !services.length) return {validationErrMsg}
\n )}\n \n {/* \n Create new order\n */}\n \n
\n {/* \n \n {lang.orders.createOrder.addproductdivider[user.currentUser.sys_lang]}\n \n
*/}\n\n {/* \n
\n \n {lang.orders.createOrder.saveButton[user.currentUser.sys_lang]}\n\n \n\n \n \n \n
\n \n
;\n\n let total =0\n \n for (let i=0; i\n
\n Services
\n0
\n No service provided.
\n\n
\n
{serviceType.name} - {amount.toFixed(2)} {currency}
\n \n \n \n \n );\n items.push(item);\n }\n return items;\n };\n\n return (\n \n {timelineItems()} \n\n \n
)\n}\n\nexport default Services;\n","import React from \"react\";\nimport { Button, TextArea,Form } from \"semantic-ui-react\";\n\nfunction Orderinstructions({ handleAddInstruction,lang,user }) {\n\n const [addInstructionClicked, setaddInstructionClicked] = React.useState(false);\n const [instruction, setInstructions] = React.useState(null);\n\n return (\n \n
\n Services
\n{total.toFixed(2)} {services[0].currency}
\n \n {/* */}\n \n \n\n {addInstructionClicked && (\n <>\n \n {\n setaddInstructionClicked(false);\n setInstructions(null);\n }}\n >\n {lang.orders.createOrder.cancelbutton[user.currentUser.sys_lang]}\n \n\n {\n setaddInstructionClicked(false);\n setInstructions(null);\n handleAddInstruction(instruction);\n \n }}\n >\n {lang.orders.viewOrder.addinstructionsbutton[user.currentUser.sys_lang]} \n \n \n \n \n )}\n
\n \n \n );\n}\nexport default Orderinstructions;\n","import {\n NEXT_PACKAGE_ORDER,\n ADD_PACKAGES,\n GET_PACKER_ORDERS,\n GET_PACKER_DRAFT_ORDERS,\n PRINT_AWB_SUCCESS,\n PRINT_AWB_START,\n PRINT_AWB_STOP\n} from \"./actionTypes\";\nimport { apiCall } from \"../services/api\";\nimport { addError, removeError } from \"./error\";\n\nconst startLoading = () => ({\n type: \"START_LOADING\"\n});\n\nconst stopLoading = () => ({\n type: \"STOP_LOADING\"\n});\n\nexport const getAllOrders = ({ currentPage, itemsPerPage }) => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/packer/orders/?currentPage=${currentPage}&itemsPerPage=${itemsPerPage}`;\n dispatch(startLoading());\n apiCall(\"get\", url)\n .then(resp => dispatch({ type: GET_PACKER_ORDERS, payload: resp }))\n .catch(err => {\n dispatch(addError(err));\n dispatch(stopLoading());\n });\n};\n\nexport const getDraftOrders = () => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/packer/orders/draft`;\n dispatch(startLoading());\n\n apiCall(\"get\", url)\n .then(resp => dispatch({ type: GET_PACKER_DRAFT_ORDERS, payload: resp }))\n .catch(err => {\n dispatch(addError(err));\n dispatch(stopLoading());\n });\n};\n\nexport const getPackerOrder = id => dispatch => {\n const url = `${process.env.REACT_APP_API}/packer/orders/${id}`;\n dispatch(startLoading());\n dispatch(removeError());\n apiCall(\"get\", url)\n .then(resp => dispatch(openOrder(resp.foundOrder)))\n .catch(err => {\n dispatch(addError(err));\n dispatch(stopLoading());\n });\n};\n\nexport const getNextOrder = ({ history, orderId }) => dispatch => {\n const url = `${process.env.REACT_APP_API}/packer/orders/get/nextorder/?id=${orderId}`;\n dispatch(startLoading());\n dispatch(removeError());\n apiCall(\"get\", url)\n .then(resp => {\n if (resp.foundOrder !== \"No orders.\") {\n dispatch(openOrder(resp.foundOrder));\n history.push(`/packer/orders/${resp.foundOrder._id}`);\n } else {\n dispatch(stopLoading());\n dispatch(addError(\"No Orders.\"));\n history.push(`/packer/orders`);\n }\n })\n\n .catch(err => {\n dispatch(stopLoading());\n dispatch(addError(err.message));\n });\n};\n\nexport const orderAction = ({ action, rejectReason, orderId }) => dispatch => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/packer/orders/${orderId}`;\n apiCall(\"post\", url, { action, rejectReason })\n .then(resp => dispatch(openOrder(resp)))\n .catch(err => dispatch(addError(err.message)));\n};\n\nconst openOrder = order => ({\n type: ADD_PACKAGES,\n order\n});\n\n","import React from \"react\";\nimport { Icon, Input, Dropdown } from \"semantic-ui-react\";\n\nconst EditableField = ({\n name,\n loading=false,\n initialValue,\n handleContentUpdate,\n options = null,\n label,\n editable =true\n}) => {\n const [isHovered, setHovered] = React.useState(false);\n const [isEditable, setIsEditable] = React.useState(false);\n const [text, setText] = React.useState(initialValue);\n\n const handleChange = (e, d) => {\n if (e.target) {\n setText(e.target.value);\n } else {\n setText(d.value);\n }\n };\n\n const handleSubmit = (e, d) => {\n setIsEditable(false);\n setHovered(false);\n // handleChange(e, d);\n if (e.target) {\n handleContentUpdate(name, e.target.value);\n } else {\n handleContentUpdate(name, text);\n }\n };\n\n const handleSubmitDropdown = (e, { value }) => {\n setIsEditable(false);\n setHovered(false);\n // handleChange(e, d);\n handleContentUpdate(name, value);\n };\n\n const handleEdit = () => {\n // alert(editable)\n if(editable) setIsEditable(true);\n };\n const handleClean = () => {\n setIsEditable(false);\n setText(null);\n handleContentUpdate(name, \"\");\n };\n // const handleReset = () => {\n // setIsEditable(false);\n // setText(initialValue);\n // };\n\n React.useEffect(() => {\n setText(initialValue);\n }, [initialValue]);\n\n const input = options ? (\n \n \n \n
\n \n
\n );\n\n if (isEditable) {\n return input;\n } else {\n return (\n \n \n \n {order.status}\n \n \n{lang.orders.viewOrder.ordernr[user.currentUser.sys_lang]}\n\n{\" \"}\n {order.clientOrderNr} - status: {order.status}\n \n \n \n
\n \n \n \n
\n \n Company: */}\n
\n \n
\n\n \n {lang.orders.viewOrder.titleinfo[user.currentUser.sys_lang]}\n \n \n \n
\n\n \n {lang.orders.viewOrder.shippingaddress[user.currentUser.sys_lang]} \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n )}\n \n \n \n
\n\n {/* Company Adress */}\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n );\n }\n}\n\nexport default Order;\n\nconst FormItem = ({\n label,\n name,\n initialValue,\n width = 12,\n handleContentUpdate,\n options = null\n}) => (\n \n {lang.orders.viewOrder.payment[user.currentUser.sys_lang]} \n \n \n \n \n {/* \n \n\n \n )}\n
\nTotal amount: {order.payment.total?order.payment.total:\"NA\"}
\nType: {order.payment.type?order.payment.type:\"NA\"}
\n {!CODapply &&Online payment
}\n Init COD value || {order.payment.COD.amountInit}
\n\n {lang.orders.viewOrder.shipping[user.currentUser.sys_lang]}\n \n \n\n \n \n \n {/* \n
\n Weight(grams): {order.shipping.weight}
*/}\n\n \n {lang.orders.viewOrder.invoice[user.currentUser.sys_lang]} \n
\n \n \n {lang.orders.viewOrder.invoiceserviceoff[user.currentUser.sys_lang]}\n
}\n {order.invoice && ( \n \n \n {lang.orders.viewOrder.invoice[user.currentUser.sys_lang]}: {order.invoice.sequenceNumber ? order.invoice.sequenceNumber :\"DRAFT\"}\n \n {order.invoice.creditNote &&
\n )}\n \n {order.print.length>0 &&{lang.orders.viewOrder.creditnote[user.currentUser.sys_lang]} {order.invoice.creditNote.sequenceNumber}
}\n \n {lang.orders.viewOrder.forprint[user.currentUser.sys_lang]} \n {item.name?item.name:index} - view ))}\n
}\n \n \n
\n \n );\n}\n\nexport default connect(() => {}, { cancelOrder })(CancelOrderModal);\n","import React from \"react\";\nimport { Table, Button, Icon } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\n\nfunction ProductItem({ i, name, quantity, sku, productId, handleDelete,itemId,stockAvailable }) {\n return (\n Are you sure you want to cancel this order?
\n\n \n \n
\n \n \n
\n
\n );\n}\n\nexport default ProductsList;\n","import { apiCall } from \"../services/api\";\n\nexport const getRefunds =({searchTerm='',currentPage=1,limit=10,dateFrom,dateTo,sortColumn,sortType,status,businessclient})=>{\n\n const url = `${process.env.REACT_APP_API}/refunds?searchTerm=${searchTerm}¤tPage=${currentPage}&limit=${limit}&dateFrom=${dateFrom}&dateTo=${dateTo}&sortColumn=${sortColumn}&sortType=${sortType}&status=${status}&businessclient=${businessclient}`\n return new Promise ((resolve,reject)=>{ \n apiCall('get',url)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\n\nexport const createRefund=(query)=>{\n const url = `${process.env.REACT_APP_API}/refunds`\n return new Promise ((resolve,reject)=>{\n apiCall('post',url,query)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\nexport const updateRefund=(id,query)=>{\n const url = `${process.env.REACT_APP_API}/refunds/${id}`\n return new Promise ((resolve,reject)=>{\n apiCall('put',url,query)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\nexport const updateRefundStatusSelected=(query)=>{\n const url = `${process.env.REACT_APP_API}/refunds`\n return new Promise ((resolve,reject)=>{\n apiCall('put',url,query)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\n\n\n\nexport const getRefund=(refundId)=>{\n const url = `${process.env.REACT_APP_API}/refunds/${refundId}`\n return new Promise ((resolve,reject)=>{\n apiCall('get',url)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\nexport const getApprovedRefund=()=>{\n const url = `${process.env.REACT_APP_API}/refunds/approved`\n return new Promise ((resolve,reject)=>{\n apiCall('get',url)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\n\nexport const deleteRefund=(refundId)=>{\n const url = `${process.env.REACT_APP_API}/refunds/${refundId}`\n return new Promise ((resolve,reject)=>{\n apiCall('delete',url)\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\nexport const sendToBankFio=(refundIDs)=>{\n const url = `${process.env.REACT_APP_API}/refunds/sendtobank/fio`\n return new Promise ((resolve,reject)=>{\n apiCall('post',url,{refundIDs})\n .then(resp =>resolve(resp))\n .catch(error=>reject(error))\n })\n}\n\n","import React,{useState, useEffect} from 'react'\nimport {Modal,Button,Form,FormGroup,FormControl,Input,InputGroup,ControlLabel,Alert,HelpBlock} from 'rsuite'\n// import CurrencyFilter from '../../Filters/CurrencyFilter'\nimport { Divider } from 'semantic-ui-react'\nimport {createRefund} from '../../../actions/refunds'\n\nconst Newrefund =({show=true,closeModal,order})=>{\nconst [isLoading,setLoading] = useState(false)\n const [formValue,setFormvalue]=useState({\n name:null,\n country:null,\n city:null,\n street:null,\n amount:0,\n IBAN:null,\n account_nr:null,\n account_code:null,\n currency:'EUR'\n\n })\n \n const submit =()=>{\n setLoading(true)\n createRefund(formValue)\n .then(resp=>{\n closeModal()\n setLoading(false)\n Alert.success(`Refund request created and pending for approval.`,3000)})\n .catch(error=>{ \n setLoading(false)\n closeModal()\n Alert.error(error.message,5000)})\n }\n useEffect(()=>{\n\n setFormvalue({\n ...formValue,\n // amount: order.payment.COD.amount,\n country: order.shipping.shipTo.country,\n city: order.shipping.shipTo.city,\n street: order.shipping.shipTo.street,\n currency: order.shipping.shipTo.country===\"Czech\"?'CZK':\"EUR\",\n name: `${order.shipping.shipTo.client.firstName}${order.shipping.shipTo.client.lastName?` ${order.shipping.shipTo.client.lastName}`:''}`,\n order: order._id,\n phone: order.shipping.shipTo.phone,\n })\n },[order])\n \n return (\n \n \n this.setState({showAddRefund:false})}> \n
\n\n \n \n );\n } else {\n return \"Loading...\";\n }\n }\n}\n\nconst mapStateToProps = (reduxState, ownProps) => ({\n user:reduxState.user,\n order: reduxState.orders.currentOrder,\n orderUpdates: reduxState.orders.orderUpdates,\n successMsg: reduxState.orders.successMsg,\n isLoading: reduxState.orders.isLoading,\n username: reduxState.user.currentUser.username,\n couriersList: reduxState.couriers.listByCountry\n\n});\n\nexport default connect(mapStateToProps, {\n addUpdates,\n cancelUpdates,\n updateOrder,\n getOrder,\n removeSuccessMsg,\n addOrderProduct,\n deleteOrderProduct,\n orderAction,\n getCouriersByCountry,\n // eslint-disable-next-line no-dupe-keys\n removeSuccessMsg,\n \n pauseOrder\n})(ViewOrder);\n","import React,{useState, useEffect} from 'react'\nimport {Modal,Button,Form,FormGroup,FormControl,Input,InputGroup,ControlLabel,Alert,HelpBlock} from 'rsuite'\n// import CurrencyFilter from '../../Filters/CurrencyFilter'\nimport { Divider } from 'semantic-ui-react'\nimport {createRefund} from '../../../../actions/refunds'\n\nconst Newrefund =({show=true,closeModal,order})=>{\nconst [isLoading,setLoading] = useState(false)\n const [formValue,setFormvalue]=useState({\n name:null,\n country:null,\n city:null,\n street:null,\n amount:0,\n IBAN:null,\n account_nr:null,\n account_code:null,\n currency:'EUR'\n\n })\n \n const submit =()=>{\n setLoading(true)\n createRefund(formValue)\n .then(resp=>{\n closeModal()\n setLoading(false)\n Alert.success(`Refund request created and pending for approval.`,3000)})\n .catch(error=>{ \n setLoading(false)\n closeModal()\n Alert.error(error.message,5000)})\n }\n useEffect(()=>{\n\n setFormvalue({\n ...formValue,\n // amount: order.payment.COD.amount,\n country: order.shipping.shipTo.country,\n city: order.shipping.shipTo.city,\n street: order.shipping.shipTo.street,\n currency: order.shipping.shipTo.country===\"Czech\"?'CZK':\"EUR\",\n name: `${order.shipping.shipTo.client.firstName}${order.shipping.shipTo.client.lastName?` ${order.shipping.shipTo.client.lastName}`:''}`,\n order: order._id,\n phone: order.shipping.shipTo.phone,\n })\n },[order])\n \n return (\n \n \n \n {lang.orders.viewOrder.addinstructionsbutton[user.currentUser.sys_lang]} \n \n \n \n }\n {/* Form */}\n \n \n {lang.orders.createOrder.addproductdivider[user.currentUser.sys_lang]}\n \n \n addOrderProduct(order._id, item)}\n />\n \n {order.items.length > 0 && (\n \n \n deleteOrderProduct({orderId:this.props.order._id, itemId})\n }\n />\n \n )}\n \n\n \n
\n \n\n\n \n {err}\n
\n ))}\n\n {/* Header */}\n \n \n\n {['Client editing','Draft'].includes(order.status) && }\n {['Order Ready for picking','Product Picking'].includes(order.status) &&}\n {['Order Ready for picking', 'Product Picking','Draft','Client editing','No goods','New'].includes(order.status) && \n }\n
\n \n }\n />\n \n {!order.processing.instructions&&{order.processing.instructions}
\n \n\n \n \n \n \n {lang.orders.viewOrder.savechange[user.currentUser.sys_lang]}\n \n \n
}\n\n {/* ADD Products Section */}\n \n \n \n \n \n \n
\n \n
\n );\n};\n\nexport default Comment;\n","import React, { useState, useEffect } from \"react\";\nimport { Button, TextArea, Form, Header,Segment } from \"semantic-ui-react\";\nimport {getComments,addComment} from '../../actions/comments'\n// import {comments} from './commentdata.js'\nimport Comment from \"./Comment\";\nimport \"./commentlist.scss\";\n\nconst Comments =({trigger,triggerId})=>{\n const [text,setText]=useState('')\n const [comlist,setComlist] =useState([])\n\n const handleAddComment=()=> {\n addComment({triggerId,trigger,text})\n .then(list=>setComlist(list))\n\n setText('')\n }\n\n useEffect(()=>{\n if(triggerId!=='undefined' && trigger) getComments({trigger,triggerId}).then(list=>setComlist(list))\n },[trigger,triggerId])\n\n const list = comlist.map(comment=>(\n \n
\n \n
\n\n {username}
\n \n {date} \n
\n \n {text} \n
\n \n {comlist.length > 0 && (\n
\n \n
\n )}\n\n {list}
\n \n \n handleAddComment()}\n >\n Add\n \n
\n Getting cities...
\n \n return (\n \n \n \n \n \n \n \n \n
\n \n );\n};\n\nfunction mapStateToProps(reduxState) {\n return {\n cities: reduxState.droplists.bgcities\n };\n}\nexport default connect(mapStateToProps, { setDropList })(EcontValidator);\n","\nimport {getOfficesV2} from '../../../../actions/orders'\nimport React, { useEffect,useState } from 'react'\nimport { Dropdown,Checkbox } from 'semantic-ui-react'\n\nconst Parcelshops =({country,courierId,selectedOffice,isOffice,office})=>{\n\n const [offices,setOffices]=useState([])\n const [gettingOffices,setGettingOffices] = useState(false)\n const [isShipToOffce,setIshipTooffice] = useState(false)\n\n useEffect(()=>{\n if( isShipToOffce||isOffice){\n setGettingOffices(true)\n getOfficesV2({ country, courierId})\n .then(resp=>{\n setOffices(resp)\n setGettingOffices(false)\n\n })\n .catch(err=>err)\n }\n \n },[isShipToOffce,isOffice])\n\n return (Original
\n\n post:{oldPostcode}\n
\n \n city:\n {oldCity}\n
\n \n province:\n {oldProvince}\n
\n \n street:\n {oldStreet}\n
\n \n streetNr:\n {oldStreetNr}\n
\n Replace with
\n\n\n post:\n ({\n key: item.id,\n value: item.postCode,\n text: `${item.postCode}-${item.name}`\n }))}\n onChange={(e, { value, name }) => {\n setPostCode(value);\n }}\n >\n
\n \n New City:\n {newCity}\n
\n \n New Province:\n {newProvice} \n
\n \n streets:\n ({\n key: item.id,\n value: item.name,\n // text: item.nameEn,\n text: item.name\n }))}\n onChange={(e, { value, name }) => {\n setNewStreet(value);\n }}\n >\n
\n \n streetNr:\n {\n setNewStreetNr(value);\n }}\n >\n
\n \n {/* */}\n \n
\n \n {\n selectedOffice(checked)\n\n }}\n />\n
\n {/* {office||offices.length > 0 && ( */}\n({\n text:item.name,\n value:item.code,\n key:item.name\n }))}\n name={\"api_request.office_code\"}\n value={office}\n onChange ={(e,{value})=>\n // console.log(data)\n selectedOffice(value)\n }\n />\n \n
)\n}\n\n\nexport default Parcelshops","import React from \"react\";\nimport { Button } from \"semantic-ui-react\";\nimport Modal from \"react-responsive-modal\";\n// import { connect } from \"react-redux\";\n// import { cancelOrder } from \"../../../actions/orders\";\n\nfunction CancelOrderModal(props) {\n const { isModalOpen, handleCloseModal, handleOrderAction } = props;\n\n\n return (\n \n {/* {office||offices.length > 0 && ( */}\n
\n
\n \n );\n}\n\nexport default CancelOrderModal\n","import React from \"react\";\nimport { Table, Button, Icon } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\n\nfunction ProductItem({\n i,\n product: { name, quantity, price, sku, stockAvailable ,_id,product},\n\n handleDelete,\n}) {\n return (\n Are you sure you want to cancel this order?
\n\n \n \n
\n \n \n
\n
\n );\n}\n\nexport default ProductsList;\n","import React, { useState, useEffect } from \"react\";\nimport { Dropdown, Header } from \"semantic-ui-react\";\n\nimport { getProductListLimit } from \"../../actions/product\";\n\nfunction ProductFilter({\n warehouse,\n handleChange,\n fluid = false,\n style = { minWidth: \"350px\" },\n placeholder = \"product...\",\n selectOnBlur = false,\n closeOnChange = true,\n disabled = false,\n multiple = false,\n clearable = true,\n className,\n}) {\n const [products, setProducts] = useState([]);\n const [searchTerm, setSearch] = useState(\"\");\n const [item, setItem] = useState(multiple ? [] : null);\n\n useEffect(() => {\n\n getProductListLimit({ searchTerm, warehouse })\n .then((data) => setProducts(data.list))\n .catch((error) => console.log(error.message));\n }, [ searchTerm, warehouse]);\n\n return (\n \n \n
\n ),\n };\n } else\n return {\n value: _id,\n text: `${name} - sku:[${codes.sku}]`,\n };\n })}\n // loading={products.length == 0}\n onChange={(e, data) => {\n console.log(data)\n handleChange(null, {\n name: \"product\",\n value: multiple ? data.value : [data.value],\n options: data.options,\n });\n setItem(data.value);\n }}\n />\n );\n}\n\nexport default ProductFilter;\n","import React from \"react\";\nimport { Button, Input } from \"semantic-ui-react\";\n// import { connect } from \"react-redux\";\n// import { getClientProductList } from \"../../../actions/product.js\";\nimport \"./productlist.scss\";\nimport ProductFilter from \"../../../Filters/ProductFilterWarehouse\";\n\nconst initState = {\n product: \"\",\n quantity: 1,\n price: 0,\n codes: \"\",\n name: \"\",\n weight: \"\"\n};\n\nclass AddProduct extends React.Component {\n constructor() {\n super();\n this.state = initState;\n }\n\n handleSubmit = () => {\n const prodToAdd = {\n product: this.state.product,\n quantity: Number(this.state.quantity),\n price: Number(this.state.price) * Number(this.state.quantity),\n sku: this.state.codes.sku,\n name: this.state.name,\n weight: this.state.weight\n };\n // console.log(`in submit`,prodToAdd)\n this.props.handleAddProduct(prodToAdd);\n this.setState(initState);\n };\n\n render() {\n const { warehouse } = this.props;\n\n const { quantity, price } = this.state;\n\n return (\n \n
\n \n {\n // getProduct({product:value})\n\n this.setState({\n product: value\n });\n }}\n />\n \n \n this.setState({ quantity: d.value })}\n />\n\n this.setState({ price: d.value })}\n />\n
\n \n Nothing
;\n\n const timelineItems = () => {\n let items = [];\n for (let i = changeLogs.length - 1; i >= 0; i--) {\n const { what, who, when } = changeLogs[i];\n\n const item = (\n\n {what}}{\" \"}\n {typeof what === \"object\" &&\n Object.entries(what) &&\n Object.entries(what).map(([key, value]) => (\n \n {key} - {value}\n \n ))}\n \n
\n \n Change logs \n {timelineItems()} ;\n \n
\n );\n}\n\nexport default ChangeLogs;\n","import React from \"react\";\nimport { Timeline,Divider } from \"rsuite\";\nimport Moment from \"react-moment\";\n\nfunction Services({ services }) {\n if (!services || !services.length) return \n
;\n\n let total =0\n \n for (let i=0; i\n
\n Services
\n0
\n No service provided.
\n\n
\n
{serviceType.name} - {amount.toFixed(2)} {currency}
\n \n \n \n \n );\n items.push(item);\n }\n return items;\n };\n\n return (\n \n {timelineItems()} \n\n \n
)\n}\n\nexport default Services;\n","import React, { useState, useEffect } from \"react\";\nimport {\n Header,\n Message,\n Label,\n Button,\n Segment,\n Divider,\n Input,\n Checkbox,\n} from \"semantic-ui-react\";\nimport { Alert } from \"rsuite\";\nimport Moment from \"react-moment\";\n// import CanView from \"../../../../role-based-access/CanView\";\nimport { Link } from \"react-router-dom\";\n\nimport Newrefund from \"./addrefund\";\nimport Comments from \"../../../Comments\";\n\nimport EcontValidator from \"./econtAddressValidator\";\nimport Parcelshops from \"./parcelshops\";\nimport CancelOrderModal from \"./CancelOrderModal\";\nimport ProductsList from \"./ProductsList\";\nimport AddProduct from \"./AddProduct\";\nimport ChangeLogs from \"./ChangeLogs\";\nimport {\n getOrderV2,\n addOrderProductV2,\n updateOrderV2,\n deleteOrderProductV2,\n cancelOrder,\n duplicateOrder,\n} from \"../../../../actions/orders\";\nimport CountryFilter from \"../../../Filters/CountryFilter\";\nimport WarehouseFilter from \"../../../Filters/WarehouseFilter\";\nimport Services from \"./Services\";\nimport lang from \"../../../../lang/config.json\";\n\nimport { DatePicker } from \"rsuite\";\nimport CourierFilter from \"../../../Filters/CourierFilter\";\n\nconst Order = ({ user, match }) => {\n const [order, setOrder] = useState(null);\n // const [isFormTouched, setFormTouched] = useState(false);\n const [showAddRefund, setRefundOpen] = useState(false);\n const [addProduct, setAddproduct] = useState(false);\n const [updateField, setShowUpdateField] = useState({\n name: null,\n value: null,\n });\n\n const [updatingSegment, setUpdatingSegment] = useState();\n const [isEcontValidator, setEcontValidatoOpen] = useState(false);\n // const [validatingAddress, setValidatingaddress] = useState(false);\n const [isModalOpen, showCancelModal] = useState(false);\n\n const handleCheckCOD = (checked) => {\n setUpdatingSegment(\"payment\");\n updateOrderV2({\n query: { \"payment.COD.apply\": checked },\n id: order._id,\n })\n .then((order) => {\n setOrder(order);\n setUpdatingSegment(null);\n })\n .catch((err) => setUpdatingSegment(null));\n };\n\n const duplicate = (id) => {\n setUpdatingSegment(\"actions\");\n\n duplicateOrder(id).then((resp) => {\n setUpdatingSegment(false);\n window.open(`/orders/${resp._id}`);\n });\n };\n\n const changeStatus = (status) => {\n setUpdatingSegment(\"actions\");\n updateOrderV2({\n query: { status },\n id: order._id,\n })\n .then((order) => {\n setOrder(order);\n setUpdatingSegment(null);\n })\n .catch((err) => setUpdatingSegment(null));\n };\n\n const handleCancel = (id) => {\n cancelOrder(id)\n .then((resp) => setOrder(resp))\n .catch((error) => Alert.error(error));\n };\n // const handleOrderAction = action => {\n // setUpdatingSegment(\"actions\");\n // if (action)\n // orderActionV2({\n // action,\n // orderId: order._id,\n // })\n // .then((order) => {\n // if (order.message) Alert.error(order.message);\n // else setOrder(order);\n\n // setUpdatingSegment(false);\n // })\n // .catch((err) => {\n // Alert.error(err.message);\n // });\n // else setUpdatingSegment(false);\n // };\n\n const handleSelectedParcelShop = (value) => {\n setUpdatingSegment(\"address\");\n updateOrderV2({\n query: {\n \"api_request.to_office\": value ? 1 : 0,\n \"api_request.office_code\": value,\n // \"api_request.name\":name,\n },\n id: order._id,\n })\n .then((order) => {\n setOrder(order);\n setUpdatingSegment(null);\n })\n .catch((err) => setUpdatingSegment(null));\n };\n\n const handleUpdateField = (segment) => {\n setUpdatingSegment(segment);\n updateOrderV2({\n query: { [updateField.name]: updateField.value },\n id: order._id,\n })\n .then((order) => {\n setOrder(order);\n setUpdatingSegment(null);\n })\n .catch((err) => setUpdatingSegment(null));\n\n setShowUpdateField({ name: null, value: null });\n };\n\n const handleAddOrderProduct = (item) => {\n setUpdatingSegment(\"products\");\n addOrderProductV2(order._id, item).then((order) => {\n setOrder(order);\n setUpdatingSegment(false);\n });\n };\n\n const handleDeleteItem = (itemId) => {\n setUpdatingSegment(\"products\");\n deleteOrderProductV2({\n itemId,\n orderId: order._id,\n }).then((order) => {\n setOrder(order);\n setUpdatingSegment(false);\n });\n };\n\n\n useEffect(() => {\n getOrderV2(match.params.id).then((resp) => setOrder(resp));\n }, [match.params.id]);\n\n if (!order) return \n
\n Services
\n{total.toFixed(2)} {services[0].currency}
\n loading...
;\n\n return (\n \n \n {order.errMsgs &&\n order.errMsgs.map((item, index) => (\n \n\n \n \n\n \n
\n \n\n \n {item}\n
\n ))}\n \n \n Packing Instructions! \n \n )}\n
\n \n
\n\n {order.processing.instructions && (\n \n Status: \n \n
\n \n # {order.clientOrderNr}\n\n \n created at:{\" \"}\n {order.createdAt} \n \n
\n {order.processing.instructions}
\n \n\n \n {\n showCancelModal(false);\n handleCancel(order._id);\n }}\n isModalOpen={isModalOpen}\n handleCloseModal={() => showCancelModal(false)}\n _id={order._id}\n />\n
\n \n \n\n \n\n {[\"Client editing\", \"Draft\"].includes(order.status) && (\n {\n changeStatus(\"New\");\n }}\n >\n {\n lang.orders.viewOrder.validatebutton[\n user.currentUser.sys_lang\n ]\n }\n \n )}\n {[\"Order Ready for picking\", \"Product Picking\"].includes(\n order.status\n ) && (\n \n )}\n {[\n \"Order Ready for picking\",\n \"Product Picking\",\n \"Draft\",\n \"Client editing\",\n \"New\",\n \"No goods\"\n ].includes(order.status) && (\n \n )}\n
\n\n {/* */}\n\n \n Client Address \n {/* validateOrder(order._id)}\n >\n Validate Address{\" \"}\n */}\n
\n\n | First name | \n\n {updateField.name === \"shipping.shipTo.client.firstName\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.client.firstName\" &&\n order.shipping.shipTo.client.firstName}\n | \n \n {updateField.name === \"shipping.shipTo.client.firstName\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.client.firstName\" && (\n | \n
| Last name | \n\n {updateField.name === \"shipping.shipTo.client.lastName\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.client.lastName\" &&\n order.shipping.shipTo.client.lastName}\n | \n \n {updateField.name === \"shipping.shipTo.client.lastName\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.client.lastName\" && (\n | \n
| Phone | \n\n {updateField.name === \"shipping.shipTo.phone\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.phone\" &&\n order.shipping.shipTo.phone}\n | \n \n {updateField.name === \"shipping.shipTo.phone\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.phone\" && (\n | \n
| Country | \n\n {updateField.name === \"shipping.shipTo.country\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.country\" &&\n order.shipping.shipTo.country}\n | \n \n {updateField.name === \"shipping.shipTo.country\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.country\" && (\n | \n
| Province | \n\n {updateField.name === \"shipping.shipTo.province\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.province\" &&\n order.shipping.shipTo.province}\n | \n \n {updateField.name === \"shipping.shipTo.province\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.province\" && (\n | \n
| City | \n\n {updateField.name === \"shipping.shipTo.city\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.city\" &&\n order.shipping.shipTo.city}\n | \n \n {updateField.name === \"shipping.shipTo.city\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.city\" && (\n | \n
| Street | \n\n {updateField.name === \"shipping.shipTo.street\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.street\" &&\n order.shipping.shipTo.street}\n | \n \n {updateField.name === \"shipping.shipTo.street\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.street\" && (\n | \n
| Street Nr | \n\n {updateField.name === \"shipping.shipTo.streetNr\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.streetNr\" &&\n order.shipping.shipTo.streetNr}\n | \n \n {updateField.name === \"shipping.shipTo.streetNr\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.streetNr\" && (\n | \n
| Post code | \n\n {updateField.name === \"shipping.shipTo.postcode\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipTo.postcode\" &&\n order.shipping.shipTo.postcode}\n | \n \n {updateField.name === \"shipping.shipTo.postcode\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipTo.postcode\" && (\n | \n
| Price | \n\n {updateField.name === \"shipping.shippingCost\" && (\n \n \n )}\n {updateField.name !== \"shipping.shippingCost\" &&\n order.shipping.shippingCost}\n | \n \n {updateField.name === \"shipping.shippingCost\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shippingCost\" && (\n | \n
| Warehouse | \n\n {updateField.name === \"shipping.shipFrom\" && (\n \n \n )}\n {updateField.name !== \"shipping.shipFrom\" &&\n order.shipping.shipFrom &&\n order.shipping.shipFrom.name\n ? order.shipping.shipFrom.name\n : null}\n | \n\n \n {updateField.name === \"shipping.shipFrom\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.shipFrom\" && (\n | \n
| Courier | \n\n {updateField.name === \"shipping.courier\" && (\n \n \n )}\n {updateField.name !== \"shipping.courier\" && (\n \n {order.shipping.courier && order.shipping.courier.name\n ? order.shipping.courier.name\n : null}{\" \"}\n \n )}\n | \n\n {/* \n {updateField.name === \"shipping.courier\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.courier\" && (\n | */}\n
| \n Delivery Date\n | \n\n {updateField.name === \"shipping.deliveryDate\" && (\n \n \n )}\n {updateField.name !== \"shipping.deliveryDate\" && (\n \n \n )}\n | \n \n {updateField.name === \"shipping.deliveryDate\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.deliveryDate\" && (\n | \n
| \n AWB (courierId)\n | \n\n {updateField.name === \"shipping.trackingId\" && (\n \n \n )}\n {updateField.name !== \"shipping.trackingId\" &&\n order.shipping.trackingId}{\" \"}\n |\n {order.shipping.tracking_awbPdf && (\n \n download\n \n )}\n | \n {/* \n {updateField.name === \"shipping.trackingId\" && (\n \n \n )}\n\n {updateField.name !== \"shipping.trackingId\" && (\n | */}\n
| Tracking | \n\n | \n |
| Weight (g) | \n{order.shipping.weight} | \n
\n Products \n \n
\n\n | Status | \n\n {updateField.name === \"payment.status\" && (\n \n \n )}\n {updateField.name !== \"payment.status\" && order.payment.status}{\" \"}\n | \n \n {updateField.name === \"payment.status\" && (\n \n \n )}\n\n {updateField.name !== \"payment.status\" && (\n | \n
| Type | \n{order.payment.type} | \n|
| COD apply | \n\n | \n |
| \n COD amount\n | \n\n {updateField.name === \"payment.COD.amount\" && (\n \n \n )}\n {updateField.name !== \"payment.COD.amount\" &&\n order.payment.COD.amount}{\" \"}\n {order.payment.COD.amount != order.payment.COD.amountInit && (\n (Initial amount: {order.payment.COD.amountInit}) \n )}\n | \n \n {updateField.name === \"payment.COD.amount\" && (\n \n \n )}\n\n {updateField.name !== \"payment.COD.amount\" && (\n | \n
Invoicing service off. U can turn it on in settings.
\n )}\n {order.invoice && (\n <>\n \n \n Number:{\" \"}\n {order.invoice.sequenceNumber\n ? order.invoice.sequenceNumber\n : \"DRAFT\"}\n \n {order.invoice.creditNote && (\n
\n \n CreditNote: {order.invoice.creditNote.sequenceNumber}\n
\n )}\n Netto Total: {order.invoice.NETTO_total}
\nVAT Total: {order.invoice.VAT_total}
\nBRUTTO Total: {order.invoice.BRUTTO_total}
\n \n )}\n\n {order.print && order.print.length > 0 && (\n\n For Print \n \n {item.name ? item.name : index} - view\n \n ))}\n
\n )}\n \n
\n \n );\n}\n\nexport default Invoice;\n","import React from \"react\";\n// import jsPDF from \"jspdf\";\n// import html2canvas from \"html2canvas\";\nimport html2pdf from \"html2pdf.js\";\nimport { connect } from \"react-redux\";\nimport { Button, Icon } from \"semantic-ui-react\";\n\n// import { invoice } from \"./invoiceTemplate\";\nimport { getInvoice } from \"../../../actions/orders\";\nimport Invoice from \"./Invoice\";\n\nfunction GenerateInvoice({ invoice, getInvoice, match }) {\n const toPrint = React.useRef(null);\n console.log(toPrint.current);\n\n React.useEffect(() => {\n getInvoice(match.params.id);\n }, []);\n\n function createPdfInvoice() {\n // html2canvas(invoice).then(function(canvas) {\n // document.body.appendChild(canvas);\n // });\n\n // html2pdf(document.getElementById(\"invoice\"))\n // .then(res => {\n // console.log(res);\n // // const pdfBlob = new Blob([res.data], { type: \"application/pdf\" });\n // // console.log(pdfBlob);\n // })\n // .catch(err => console.log(err));\n const opt = {\n filename: \"invoice.pdf\",\n image: { type: \"jpeg\", quality: 1 },\n html2canvas: { scale: 4 },\n jsPDF: { unit: \"mm\", format: \"A4\", orientation: \"portrait\" },\n enableLinks: true,\n };\n\n const invoice = document.getElementById(\"invoice\");\n\n html2pdf()\n .set(opt)\n .from(invoice)\n .outputPdf(\"dataurlstring\")\n .then((data) => console.log(data))\n .save();\n\n // var doc = new jsPDF();\n\n // doc.html(invoice, {\n // callback: function(doc) {\n // doc.autoPrint({ variant: \"non-conform\" });\n // doc.save();\n // }\n // });\n }\n return (\n <>\n \n \n \n {/* */}\n \n {/* */}\n \n\n {/* Items, Prices */}\n \n \n \n
\n \n\n {/* Recapitulation */}\n \n \n\n \n
\n Invoice
\n {sequenceNumber}\n {!invoice.sequenceNumber && PROFORMA}\n\n {/* Suplier */}\n
\n {/* */}\n \n
\n {/* Bank */}\n Supplier:
\n \n \n {/*
\n \n
*/}\n {client.address && (\n \n
\n {client.address.postcode || \"\"}{\" \"}\n {client.address.city || \"\"}\n
\n {client.address.country || \"\"}\n
\n \n IC: {clientCompanyIds && clientCompanyIds.coid}\n
\n DIC: {clientCompanyIds && clientCompanyIds.taxid}\n { client.contacts.length>0 &&
\n )}\n \n {client.name}\n
\n \n {client.address.street || \"\"}{\" \"}\n {client.address.streetNr || \"\"} \n {client.address.postcode || \"\"}{\" \"}\n {client.address.city || \"\"}\n
\n {client.address.country || \"\"}\n
\n \n IC: {clientCompanyIds && clientCompanyIds.coid}\n
\n DIC: {clientCompanyIds && clientCompanyIds.taxid}\n { client.contacts.length>0 &&
email:{client.contacts[0].email}
}\n \n \n \n
\n
\n {/* Payment */}\n | Bank: | \n{clientBankAccount && clientBankAccount.bankname} | \n
| Bank account: | \n\n {clientBankAccount && clientBankAccount.accountNr}\n | \n
| IBAN: | \n{clientBankAccount && clientBankAccount.IBAN} | \n
| BIC: | \n{clientBankAccount && clientBankAccount.SWIFT} | \n
\n \n \n
\n
\n | Form of payment: | \n{paymentType} | \n
| Order ID: | \n\n {actionSourceId.clientOrderNr}\n | \n
| Var.sym | \n{variableSymbol || sequenceNumber} | \n
\n {/* Client Adress */}\n
\n \n
\n {/* Shipping */}\n \n
\n \n Customer:\n
\n {customer && (\n \n \n {customer.companyName} {customer.firstName} {customer.lastName}\n
\n {customer.street} {customer.streetNr}\n
\n {customer.postcode} {customer.city}\n
\n {customer.country}\n
\n \n {customer.taxId &&\n \"IC: \" + customer.taxId + \",\"}\n {customer.companyId &&\n \"DIC: \" + customer.companyId}\n {/* DIC: CZ03150917 */}\n
\n )}\n {customer_internal.address && (\n \n \n {customer.street} {customer.streetNr}\n
\n {customer.postcode} {customer.city}\n
\n {customer.country}\n
\n \n {customer.taxId &&\n \"IC: \" + customer.taxId + \",\"}\n {customer.companyId &&\n \"DIC: \" + customer.companyId}\n {/* DIC: CZ03150917 */}\n
\n
\n {customer_internal.address.postcode || \"\"}{\" \"}\n {customer_internal.address.city || \"\"}\n
\n {customer_internal.address.country || \"\"}\n
\n \n IC: {intenalCustomerIds && intenalCustomerIds.coid}\n
\n DIC: {intenalCustomerIds && intenalCustomerIds.taxid}\n { customer_internal.contacts.length>0 &&
\n )}\n \n {customer_internal.name}\n
\n \n {customer_internal.address.street || \"\"}{\" \"}\n {customer_internal.address.streetNr || \"\"} \n {customer_internal.address.postcode || \"\"}{\" \"}\n {customer_internal.address.city || \"\"}\n
\n {customer_internal.address.country || \"\"}\n
\n \n IC: {intenalCustomerIds && intenalCustomerIds.coid}\n
\n DIC: {intenalCustomerIds && intenalCustomerIds.taxid}\n { customer_internal.contacts.length>0 &&
email:{customer_internal.contacts[0].email}
}\n \n
\n\n {/* Payment Dates */}\n \n
\n {shipTo.postcode} {shipTo.city}\n
\n {shipTo.country}
\n \n
\n Shipping Address:
\n \n \n {shipTo.street} {shipTo.streetNr}\n \n {shipTo.postcode} {shipTo.city}\n
\n {shipTo.country}
\n \n
\n
\n \n Issue Date:\n \n {dates && dates.issuedDate && (\n \n {dates && dates.issuedDate}\n \n )}\n \n\n Due Date:\n \n {dates && dates.issuedDate && (\n \n {dates && dates.dueDate}\n \n )}\n \n\n \n Date of taxable supply:\n \n \n {dates && dates.issuedDate && (\n \n {dates && dates.taxDate}\n \n )}\n \n
\n | Deliveries designation: | \nQuantity | \nNETTO Price | \nVAT Rate | \nNETTO Total | \nBRUTTO Total | \n
|---|---|---|---|---|---|
| \n {name}\n | \n{quantity} | \n{netto_price.toFixed(2)} | \n{VAT_procent} | \n{netto_total.toFixed(2)} | \n{brutto_total.toFixed(2)} | \n
\n \n \n
\n
\n | VAT Total | \n{VAT_total.toFixed(2)} | \n
| NETTO Total | \n{NETTO_total.toFixed(2)} | \n
| BRUTTO Total | \n\n {BRUTTO_total.toFixed(2)} {currency}\n | \n
\n \n
\n \n
\n \n );\n}\n\nconst mapStateToProps = (reduxState) => ({\n invoice: reduxState.orders.invoice,\n});\n\nexport default connect(mapStateToProps, {\n getInvoice,\n})(GenerateInvoice);\n","import React from \"react\";\nimport { Segment, Dropdown } from \"semantic-ui-react\";\nimport { DateRangePicker } from \"rsuite\";\n\n// import ClientFilter from \"../Filters/ClientFilter\";\n\nfunction Filters({ filters, handleFilterChange, updateFilters,warehouses}) {\n const { businessclient, date,warehouse } = filters;\n return (\n Filters:
\n {/*\n \n updateFilters({ dateFrom, dateTo, currentPage: 1 })\n }\n />\n
*/}\n \n
\n );\n\n if (!isLoading && !stocks.length)\n return (\n \n \n No product found\n \n
\n );\n\n const tableHeader = (\n \n Turnover \n
\n \n {/*
\n PO-{po.substring(1,6)}
)\n }\n \n //
\n // );\n\n // if (!invoices.length) return null;\n\n const tableHeader = (\n \n
\n );\n \n if (months.length>0)\n return (\n \n\n {months.map(month=> (\n \n {months_names[month-1] || \"N/A\"} \n
\n );\n return (\n Filters:
\n\n \n setFrom(date)}\n placeholder=\"from...\"\n />\n\n setTo(date)}\n placeholder=\"to...\"\n />\n
\n {/* \n \n updateFilters({ dateFrom, dateTo, currentPage: 1 })\n }\n />\n
*/}\n {/* \n {/*
\n \n \n {modal}\n
\n \n );\n}\n\nexport default (Exportids);\n","import React, { useState, useEffect } from \"react\";\nimport {\n Table,\n Loader,\n // Checkbox,\n // Label,\n Button,\n Pagination,\n} from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport Moment from \"react-moment\";\nimport ItemsList from \"./ItemsList\";\nimport Modal from \"react-responsive-modal\";\n// import ExportButton from './ExportButton'\nimport ItemsPerPage from \"../../components/ItemsPerPage\";\nimport { getInvoices } from \"../../actions/invoices\";\nimport { Alert} from \"rsuite\";\nimport Exportids from './Exportids'\nimport ExportButton from \"../ExportButton\";\n\n// const status = { true: \"Paid\", false: \"Not paid - In due\" };\n// const label = { true: \"green\", false: \"yellow\" };\n\nfunction Invoicestable({ country, dateFrom, dateTo,clientOrderNr,sequenceNumber,setExportInputOpen,openModal }) {\n\n const [viewItems, setViewItems] = useState(false);\n const [currentPage, setPage] = useState(1);\n const [itemsPerPage, setItemsPerpage] = useState(10);\n const [isLoading, setLoading] = useState(false);\n const [invoices, setInvoices] = useState([]);\n const [total, setTotal] = useState([]);\n\n\n useEffect(() => {\n setLoading(true);\n\n getInvoices({\n dateFrom,\n dateTo,\n country,\n itemsPerPage,\n currentPage,\n clientOrderNr,\n sequenceNumber\n \n }).then((resp) => {\n setLoading(false);\n if (resp.foundInvoices) {\n setInvoices(resp.foundInvoices);\n setTotal(resp.total);\n setLoading(false);\n } else Alert.error(JSON.stringify(resp.message),5000);\n });\n }, [country, dateFrom, dateTo, itemsPerPage, currentPage,clientOrderNr,sequenceNumber]);\n\n if (isLoading)\n return (\n \n
\n );\n\n // if (!isLoading && !invoices.length)\n // return (\n // \n // \n // No bills found\n // \n //
\n // );\n\n const tableHeader = (\n \n Issued:{\" \"}\n
\n Tax date:{\" \"}\n
\n Due date:{\" \"}\n
VAT total: {VAT_total.toFixed(2)}
\n\n NETTO total: {NETTO_total.toFixed(2)}\n
\n\n BRUTTO total: {BRUTTO_total.toFixed(2)}\n
\n \n\n \n */}\n\n setItemsPerpage(value)}\n />\n
\n\n \n ${dateTo.getDate()}.${\n dateTo.getMonth() + 1\n }.${dateTo.getFullYear()}`}\n url=\"/invoices/export\"\n text={`Export Period: ${dateFrom.getDate()}.${dateFrom.getMonth()+1}.${dateFrom.getFullYear()}->${dateTo.getDate()}.${dateTo.getMonth()+1}.${dateTo.getFullYear()}`}\n\n />\n ${dateTo.getDate()}.${\n dateTo.getMonth() + 1\n }.${dateTo.getFullYear()}`}\n url=\"/invoices/export/creditnotes\"\n text={`Credit Notes Period: ${dateFrom.getDate()}.${dateFrom.getMonth()+1}.${dateFrom.getFullYear()}->${dateTo.getDate()}.${dateTo.getMonth()+1}.${dateTo.getFullYear()}`}\n />\n\n setExportInputOpen(true)}\n >Export from ids\n
\n {/* \n \n Invoices \n \n \n {/* setCountry(value)}\n value={country}\n /> */}\n\n setDateFrom(date)}\n placeholder=\"from...\"\n style={itemStyle}\n >\n\n setDateTo(date)}\n placeholder=\"to...\"\n style={itemStyle}\n >\n \n \n {/* \n \n\n
\n );\n};\n\nexport default Invoices;\n","import React from \"react\";\nimport { Table, Button } from \"semantic-ui-react\";\nimport EditableText from \"../../EditableText\";\n\nfunction ItemsList({ items = [], deleteItem, updateItem, editable=false,removeItemAction,isPaid=false,setModalOpen }) {\n if (!items.length) return null;\n return (\n \n
\n \n {\" \"}\n setClientOrderNr(value)}\n >\n
\n \n {\" \"}\n setSequence(value)}\n >\n
\n \n \n setItemsPerpage(value)}\n />\n\n
*/}\n\n \n \n \n
\n
\n );\n}\n\nexport default ItemsList;\n","import React, { useState, useEffect } from \"react\";\nimport { Input, Button } from \"semantic-ui-react\";\n\nconst initialState = {\n name:'',\n quantity: 1,\n VAT_procent: 0,\n netto_price: 0,\n //\n price: 0,\n netto_total: 0,\n brutto_total: 0,\n};\n\nfunction AddItem({ addItem, withAddVisible }) {\n const [\n {\n name,\n quantity,\n VAT_procent,\n netto_price,\n VAT_amount,\n price,\n netto_total,\n brutto_total,\n },\n setState,\n ] = useState(initialState);\n const handleChange = (e, { name, value }) =>\n setState((s) => ({ ...s, [name]: value }));\n\n useEffect(() => {\n if (VAT_procent || netto_price)\n setState((s) => ({\n ...s,\n VAT_amount:netto_price*VAT_procent/100*quantity,\n price: ((1 + VAT_procent / 100) * netto_price).toFixed(2),\n }));\n }, [VAT_procent, netto_price]);\n\n useEffect(() => {\n if (quantity || netto_price)\n setState((s) => ({\n ...s,\n netto_total: (quantity * netto_price).toFixed(2),\n }));\n }, [quantity, netto_price]);\n\n useEffect(() => {\n if (quantity || VAT_procent || netto_price)\n setState((s) => ({\n ...s,\n brutto_total: (\n quantity *\n netto_price *\n (1 + VAT_procent / 100)\n ).toFixed(2),\n }));\n }, [quantity, VAT_procent, netto_price]);\n\n const [addOpen, setAddOpen] = useState(false);\n\n const handleClear = () => {\n setState(initialState);\n setAddOpen(false);\n };\n const handleAdd = () => {\n addItem({ name,\n quantity,\n VAT_procent,\n VAT_amount,\n netto_price,\n price,\n netto_total,\n brutto_total });\n setState(initialState);\n setAddOpen(false);\n };\n\n if (withAddVisible || addOpen)\n return (\n \n
\n );\n else\n return (\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n {price}\n
\n \n \n {netto_total}\n
\n \n \n {brutto_total}\n
\n\n \n \n \n
\n \n
\n );\n}\n\nexport default AddItem;\n","import React, { useEffect, useState } from \"react\";\nimport {\n Header,\n Segment,\n Icon,\n Button,\n // Label,\n Input,\n Divider\n} from \"semantic-ui-react\";\nimport Moment from \"react-moment\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\n// import {addItem,removeItem} from '../../../actions/bills'\nimport {\n getInvoice,\n updateInvoice,\n removeItem,\n addItem\n} from \"../../../actions/invoices\";\n// import CanViewPage from \"../../../role-based-access/CanViewPage\";\n// import ExportButton from \"../../ExportButton\";\n// import EditableText from \"../../EditableText\";\nimport ItemsList from \"./ItemsList\";\nimport CountryFilter from \"../../Filters/CountryFilter\";\nimport { DatePicker } from \"rsuite\";\n\nimport AddItem from \"./AddItem\";\nimport Modal from \"react-responsive-modal\";\n// import Documents from \"../../Documents\";\nimport \"../bills.scss\";\n\n// const statusColor = {\n// Paid: \"green\",\n// \"Not paid - In due\": \"yellow\",\n// \"Not paid- Over due\": \"red\",\n// };\n\nfunction Viewinvoice({\n isLoading,\n match,\n\n updateBill\n}) {\n const id = match.params.id;\n\n const [invoice, setInvoice] = useState(null)\n const [isModalOpen, setModalOpen] = useState(false);\n\n const [updateField, setShowUpdateField] = useState({\n name: null,\n value: null\n });\n const [updatingSegment, setUpdatingSegment] = useState();\n\n const handleUpdateField = segment => {\n setUpdatingSegment(segment);\n updateInvoice({\n query: { [updateField.name]: updateField.value },\n id: invoice._id\n })\n .then(invoice => {\n setInvoice(invoice);\n setUpdatingSegment(null);\n setShowUpdateField({ name: null, value: null });\n\n })\n .catch(err => setUpdatingSegment(null));\n\n // setShowUpdateField({ name: null, value: null });\n };\n\n const addItemAction = item => {\n addItem({ query: item, id: invoice._id }).then(invoice =>\n setInvoice(invoice)\n );\n setModalOpen(false);\n };\n\n const removeItemAction = itemId => {\n removeItem({ itemId, id: invoice._id }).then(invoice =>\n setInvoice(invoice)\n );\n };\n useEffect(() => {\n getInvoice(id).then(invoice => {\n setInvoice(invoice);\n // setInvoiceItems(invoice.items)\n });\n }, [id]);\n\n\n if (!invoice) return Loading...
;\n return (\n \n {/* */}\n setModalOpen(false)}\n center\n classNames={{ modal: \"\" }}\n >\n \n \n \n \n\n \n \n Supplier \n \n \n
\n \n
\n\n{/* \n
\n \n\n \n \n
\n \n
\n\n | \n Number\n | \n\n {updateField.name === \"sequenceNumber\" && (\n \n \n )}\n {updateField.name !== \"sequenceNumber\" &&\n invoice.sequenceNumber}\n | \n \n {updateField.name === \"sequenceNumber\" && (\n \n \n )}\n\n {updateField.name !== \"sequenceNumber\" && (\n | \n \n
\n \n View console.log(\"canceling inovice\")}\n > */}\n
\n \n \n \n {invoice.businessclient.name}\n \n )\n }\n />\n \n {invoice.creditNote.sequenceNumber}\n \n )\n }\n />\n \n\n \n
\n
\n \n | \n Issue Date\n | \n\n {updateField.name === \"dates.issuedDate\" && (\n \n \n )}\n {updateField.name !== \"dates.issuedDate\" && (\n | \n \n {updateField.name === \"dates.issuedDate\" && (\n \n \n )}\n\n {updateField.name !== \"dates.issuedDate\" && (\n | \n
| \n Tax Date\n | \n\n {updateField.name === \"dates.taxDate\" && (\n \n \n )}\n {updateField.name !== \"dates.taxDate\" && (\n | \n \n {updateField.name === \"dates.taxDate\" && (\n \n \n )}\n\n {updateField.name !== \"dates.taxDate\" && (\n | \n
\n Client ShipTo Address \n
\n\n | \n First name\n | \n\n {updateField.name === \"customer.firstName\" && (\n \n \n )}\n {updateField.name !== \"customer.firstName\" &&\n invoice.customer.firstName}\n | \n \n {updateField.name === \"customer.firstName\" && (\n \n \n )}\n\n {updateField.name !== \"customer.firstName\" && (\n | \n
| \n Last name\n | \n\n {updateField.name === \"customer.lastName\" && (\n \n \n )}\n {updateField.name !== \"customer.lastName\" &&\n invoice.customer.lastName}\n | \n \n {updateField.name === \"customer.lastName\" && (\n \n \n )}\n\n {updateField.name !== \"customer.lastName\" && (\n | \n
| Phone | \n\n {updateField.name === \"shipTo.phone\" && (\n \n \n )}\n {updateField.name !== \"shipTo.phone\" && invoice.shipTo.phone}\n | \n \n {updateField.name === \"shipTo.phone\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.phone\" && (\n | \n
| Country | \n\n {updateField.name === \"shipTo.country\" && (\n \n \n )}\n {updateField.name !== \"shipTo.country\" &&\n invoice.shipTo.country}\n | \n \n {updateField.name === \"shipTo.country\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.country\" && (\n | \n
| Province | \n\n {updateField.name === \"shipTo.province\" && (\n \n \n )}\n {updateField.name !== \"shipTo.province\" &&\n invoice.shipTo.province}\n | \n \n {updateField.name === \"shipTo.province\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.province\" && (\n | \n
| City | \n\n {updateField.name === \"shipTo.city\" && (\n \n \n )}\n {updateField.name !== \"shipTo.city\" && invoice.shipTo.city}\n | \n \n {updateField.name === \"shipTo.city\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.city\" && (\n | \n
| Street | \n\n {updateField.name === \"shipTo.street\" && (\n \n \n )}\n {updateField.name !== \"shipTo.street\" &&\n invoice.shipTo.street}\n | \n \n {updateField.name === \"shipTo.street\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.street\" && (\n | \n
| \n Street Nr\n | \n\n {updateField.name === \"shipTo.streetNr\" && (\n \n \n )}\n {updateField.name !== \"shipTo.streetNr\" &&\n invoice.shipTo.streetNr}\n | \n \n {updateField.name === \"shipTo.streetNr\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.streetNr\" && (\n | \n
| \n Post code\n | \n\n {updateField.name === \"shipTo.postcode\" && (\n \n \n )}\n {updateField.name !== \"shipTo.postcode\" &&\n invoice.shipTo.postcode}\n | \n \n {updateField.name === \"shipTo.postcode\" && (\n \n \n )}\n\n {updateField.name !== \"shipTo.postcode\" && (\n | \n
\n \n \n\n
*/}\n \n \n Items \n \n
\n \n \n {label}\n {text}\n {children && (\n
\n);\n","import React from \"react\";\nimport { Table, Icon } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\n\nfunction CourierTable({ couriers }) {\n if (!couriers.length)\n return {children}
\n )}\n No couriers found
;\n\n const tableHeader = (\n\n \n {name} {isDefault &&
\n \n
\n {_id}
\n {country}\n \n Country:\n {country}\n\n Active:\n
\n {isActive &&
{currency}
\n\n Prices:\n\n {\" \"}\n
- \n {courier_transport && (\n
- \n Transport: {courier_transport}\n \n )}\n {courier_return && (\n
- \n Return: {courier_return}\n \n )}\n {courier_COD_Service_cash && (\n
- \n COD service cash: {courier_COD_Service_cash}\n \n )}\n {courier_COD_Service_card && (\n
- \n COD service card: {courier_COD_Service_card}\n \n )}\n {courier_toll_rate && (\n
- \n Toll rate: {courier_toll_rate}\n \n )}\n {courier_fuel_charge && (\n
- \n Fuel charge: {courier_fuel_charge}\n \n )}\n
\n
\n );\n\n const tableHeader = (\n \n
\n );\n else\n return (\n No quotations found
\n\n \n
\n
\n }\n />\n );\n}\n\nconst mapStateToProps = (reduxState) => ({\n courierQuotations: reduxState.couriers.quotations,\n isLoading: reduxState.couriers.isLoading,\n});\n\nexport default connect(mapStateToProps, {\n getCourierQuotations,\n})(CourierQuotationsTable);\n","import React, { useEffect } from \"react\";\nimport { Header, Button, Segment ,Label} from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\n// import { Link } from \"react-router-dom\";\n\nimport { getCourier, setDefaultCourier } from \"../../../actions/couriers\";\nimport Responsive from \"../../Responsive\";\nimport InfoBar from \"../../InfoBar\";\nimport Head from \"../../Head\";\nimport CourierQuotationsTable from \"./CourierQuotationsTable\";\n\nfunction CourierPage(props) {\n const { courier, getCourier, setDefaultCourier,match } = props;\n const { name, country, isDefault, _id } = courier;\n\n useEffect(() => getCourier(match.params.id), []);\n\n return (\n <>\n \n
\n \n
\n {!isDefault && }\n\n \n
\n {country}{\" \"} \n
\n );\n\n if (!isLoading && !services.length)\n return (\n \n \n No services found\n \n
\n );\n\n const tableHeader = (\n {serviceType.category}
\n {triggerId}
\n Filters:
\n \n\n \n updateFilters({ dateFrom, dateTo, currentPage: 1 })\n }\n />\n
\n \n {/*
\n\n \n
\n );\n\n if (!isLoading && !bills.length)\n return (\n \n \n .....\n \n
\n );\n\n const tableHeader = (\n \n {period && period.start && period.end && (\n <>\n
\n {lang.table.createdAt[syslang]}:{\" \"}\n
\n {lang.table.taxdate[syslang]}:{\" \"}\n
\n {lang.table.duedate[syslang]}:{\" \"}\n
\n {lang.table.vattotal[syslang]}: {totals && totals.VAT_total.toFixed(2)}\n
\n\n {lang.table.nettotal[syslang]}: {totals && totals.NETTO_total.toFixed(2)}\n
\n\n {lang.table.bruttotoal[syslang]}: {totals && totals.BRUTTO_total.toFixed(2)}\n
\n \n({country})
}\n \n ({ key: i, value: option, text: option }))}\n />\n
\n \n \n updateFilters({ dateFrom, dateTo, currentPage: 1 })\n }\n />\n
\n \n \n {(currentPage - 1) * itemsPerPage + index + 1}.\n \n \n { sequenceNumber}{\" \"}\n \n {period && period.start && period.end && (\n
\n \n {period.start} -{\" \"}\n {period.end} \n
\n )}\n\n \n \n
\n \n Date:\n
\n \n
\n\n Totals:\n \n Issued:{\" \"}\n
\n Tax date:{\" \"}\n
\n Due date:{\" \"}\n
\n
\n\n Currency:\n VAT total: {totals && totals.VAT_total.toFixed(2)}
\nNETTO total: {totals && totals.NETTO_total.toFixed(2)}
\nBRUTTO total: {totals && totals.BRUTTO_total.toFixed(2)}
\n\n {currency}\n {country &&
\n ({country})
}\n \n
\n\n \n Description:\n {description}\n\n Quantity:\n {quantity}\n\n Unit price (NETTO):\n {NETTO}\n\n VAT rate (%):\n {vat_procent}\n\n Total NETTO:\n {quantity * NETTO}\n\n Total BRUTTO:\n {(quantity * NETTO * (100 + Number(vat_procent))) / 100}\n
\n ....//....
\n\n // const body = Object.entries(foundServices).map(([key, value]) => (\n // \n \n
\n
\n )\n }\n )\n return (\n | \n | {currencyGroups._id} | \n
| Total: | \n{currencyGroups.grandTotal} | \n
\n {/* \n
*/}\n {tables}\n \n
\n \n );\n};\n\nexport default Servicesummary;\n","import React, { useEffect } from \"react\";\nimport { Header, Segment, Icon, Label } from \"semantic-ui-react\";\nimport Moment from \"react-moment\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\nimport ExportButton from \"../../../ExportButton\";\n\nimport { getBill,getBillServices } from \"../../../../actions/services\";\nimport Head from \"../../../Head\";\nimport CardsList from \"../../../CardsList\";\nimport InfoBar from \"../../../InfoBar\";\nimport Responsive from \"../../../Responsive\";\n// import ServicesTable from \"../ServicesTable\";\n// import ExportServices from \"./ExportServices\";\nimport ItemsList from \"./ItemsList\";\nimport MobileItemCard from \"./MobileItemCard\";\nimport \"../bills.scss\";\nimport Servicesummary from \"./runbillsummary\";\nimport lang from '../../../../lang/config.json'\n\nconst statusColor = {\n true: \"green\",\n false: \"yellow\",\n \"Not paid- Over due\": \"red\",\n};\n\nfunction ViewBill({\n bill,\n syslang,\n getBill,\n isLoading,\n match,getBillServices,\n servicesSummary,\n servicesTotal\n}) {\n const {\n sequenceNumber,\n // dates = {},\n period = {},\n country,\n currency,\n isPaid,\n totals = {},\n creditNote,\n items = [],\n } = bill;\n\n const billId = match.params.id;\n // const [dataForExport, setDataForExport] = useState([]);\n\n useEffect(() => {\n getBill(billId);\n getBillServices(billId);\n }, [billId]);\n\n // if (isLoading && !bill._id)\n // return (\n // | From: | \n\n | \n
| To: | \n\n | \n
\n //
\n // );\n\n return (\n <>\n */}\n \n
*/}\n \n }\n />\n\n \n \n \n {isPaid?\"Paid\":\"Not paid\"}\n \n }\n />\n \n {period.start} -{\" \"}\n {period.end} \n \n }\n />\n \n \n \n \n \n
\n \n {/* Items */}\n {/*
\n \n \n \n \n {lang.bills.viewbill.services.title[syslang]}\n \n
\n\n \n
\n \n {label}\n {text}\n {children && (\n
\n);\n","import React, { useState, useEffect } from \"react\";\nimport Moment from \"react-moment\";\n\nfunction BillPdf({ bill }) {\n // console.log(bill);\n const {\n businessclientId,\n businessclient: client = {\n address: {},\n contacts: [],\n bankaccounts: [],\n companyids: [],\n },\n sequenceNumber,\n totals = {},\n\n currency,\n dates = {},\n issuer = {\n address:{\n\n }\n },\n issuerId,\n items = [],\n period,\n } = bill;\n\n const [clientBankAccount, setClientBankAccount] = useState({});\n // const [companyids, setCompanyids] = useState([]);\n\n useEffect(() => {\n if (\n client &&\n client.bankaccounts &&\n client.bankaccounts.length &&\n currency\n ) {\n const bankAccount = client.bankaccounts.find(\n (item) => currency === item.currency\n );\n if (bankAccount) setClientBankAccount(bankAccount);\n }\n \n }, [client,currency]);\n\n\n\n return (\n <>\n {children}
\n )}\n \n \n {/* Client Address */}\n
\n \n\n {/* Items, Prices */}\n \n \n \n {/* */}\n \n {/* */}\n \n {/* Client Address */}\n
\n {/* */}\n Bill
\n {sequenceNumber}\n\n
\n\n {/* Payment */}\n \n
\n Issuer:
\n {client && (\n \n \n {issuer.name}\n
\n {issuer.address.street\n ? issuer.address.street\n : \"\"}{\" \"}\n {issuer.address.streetNr\n ? issuer.address.streetNr\n : \" \"}\n
\n {issuer.address.postcode} {issuer.address.city}\n
\n {issuer.address.country}\n
\n \n ID: {issuerId && issuerId.coid}\n
\n TAXID: {issuerId && issuerId.taxid}\n
\n )}\n \n {issuer.address.street\n ? issuer.address.street\n : \"\"}{\" \"}\n {issuer.address.streetNr\n ? issuer.address.streetNr\n : \" \"}\n
\n {issuer.address.postcode} {issuer.address.city}\n
\n {issuer.address.country}\n
\n \n ID: {issuerId && issuerId.coid}\n
\n TAXID: {issuerId && issuerId.taxid}\n
\n \n \n \n Var.sym \n {sequenceNumber} \n \n \n
\n
\n | Form of payment: | \nbank wire | \n||||||
| Bank: | \n\n {clientBankAccount && clientBankAccount.bankname}\n | \n
| Bank account: | \n\n {clientBankAccount &&\n clientBankAccount.accountNr}{\" \"}\n / {clientBankAccount.bankCode}\n | \n
| IBAN: | \n\n {clientBankAccount.IBAN\n ? clientBankAccount.IBAN\n : \"\"}\n | \n
| BIC: | \n\n {clientBankAccount && clientBankAccount.SWIFT}\n | \n
\n
\n\n {/* Payment */}\n {/* \n
\n Customer:
\n {client && (\n \n \n {client.name}\n
\n {client.address.street} {client.address.streetNr}\n
\n {client.address.postcode} {client.address.city}\n
\n {client.address.country}\n
\n \n ID: {businessclientId && businessclientId.coid}\n
\n TAXID: {businessclientId && businessclientId.taxid}\n
\n )}\n \n {client.address.street} {client.address.streetNr}\n
\n {client.address.postcode} {client.address.city}\n
\n {client.address.country}\n
\n \n ID: {businessclientId && businessclientId.coid}\n
\n TAXID: {businessclientId && businessclientId.taxid}\n
\n \n \n
\n
*/}\n\n {/* Payment Dates */}\n | Form of payment: | \n{paymentType} | \n
| Order ID: | \n{actionSourceId.clientOrderNr} | \n
| Var.sym | \n{variableSymbol || sequenceNumber} | \n
\n
\n \n Issue Date:\n \n {dates && dates.issuedDate && (\n \n {dates && dates.issuedDate}\n \n )}\n \n\n Due Date:\n \n {dates && dates.issuedDate && (\n \n {dates && dates.dueDate}\n \n )}\n \n\n \n Date of taxable supply:\n \n \n {dates && dates.issuedDate && (\n \n {dates && dates.taxDate}\n \n )}\n \n
\n | Deliveries designation: | \nQuantity | \nNETTO Price | \nVAT Rate | \nNETTO Total | \nBRUTTO Total | \n
|---|---|---|---|---|---|
| \n {product ? product.name : description}\n | \n{quantity} | \n{netto_price.toFixed(2)} | \n{VAT_procent} | \n{netto_total.toFixed(2)} | \n{brutto_total.toFixed(2)} | \n
\n period:\n \n {period.start}\n {\" \"}\n - {/* \n {period.end}\n \n
\n )}\n {period.end}
*/}\n \n \n \n
\n
\n | NETTO Total | \n\n {totals.NETTO_total && totals.NETTO_total.toFixed(2)}\n | \n
| VAT Total | \n{totals.VAT_total && totals.VAT_total.toFixed(2)} | \n
| BRUTTO Total | \n\n {totals.BRUTTO_total && totals.BRUTTO_total.toFixed(2)}{\" \"}\n {currency}\n | \n
\n \n
\n \n
\n \n );\n}\n\nconst mapStateToProps = (reduxState) => ({\n bill: reduxState.services.openBill,\n});\n\nexport default connect(mapStateToProps, {\n getBill,\n})(GenerateInvoice);\n","// import {\n// GET_BUSINESSCLIENTS,\n// } from \"./actionTypes\";\nimport { apiCall } from \"../services/api\";\nimport { addError, removeError } from \"./error\";\n\nconst startLoading = { type: \"START_SERVICES_LOADING\" };\nconst stopLoading = { type: \"STOP_SERVICES_LOADING\" };\n\nexport const getTransfers = (filters) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const filtersUrl = filters\n ? Object.entries(filters)\n .filter(([key, value]) => value)\n .map(([key, value]) => key + \"=\" + value)\n .join(\"&\")\n : \"\";\n const url = `${process.env.REACT_APP_API}/transffers?${filtersUrl}`;\n apiCall(\"get\", url)\n .then((resp) => {\n dispatch(stopLoading);\n dispatch({ type: \"GET_TRANSFERS\", payload: resp })})\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nexport const updateFilters = (newFilter) => ({\n type: \"UPDATE_TRANSFER_FILTERS\",\n payload: newFilter,\n});\n\n\nexport const getTransfer = (id) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/transffers/${id}`;\n apiCall(\"get\", url)\n .then((resp) => dispatch({ type: \"GET_TRANSFER\", payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\n\n","import React from \"react\";\nimport {\n Header,\n Table,\n Dimmer,\n Loader,\n \n\n} from \"semantic-ui-react\";\nimport Moment from \"react-moment\";\n\nimport ExportButton from \"../../ExportButton\";\n\nfunction TransfersTable({\n transfers,\n isLoading,\n currentPage,\n itemsPerPage,\n syslang,lang\n}) {\n if (isLoading)\n return (\n \n \n \n
\n );\n\n if (!transfers.length && !isLoading) {\n return (\n \n \n {lang.table.bankaccount[syslang]} \n \n {\" \"}\n {toBankAccount.accountNr} / {toBankAccount.bankCode}\n
\n \n {toBankAccount.IBAN&&\n \n IBAN\n {\" \"}\n {toBankAccount.IBAN}\n
}\n {toBankAccount.SWIFT&& \n \n SWIFT\n {\" \"}\n {toBankAccount.SWIFT}\n
}\n \n )}\n \n {lang.codtransffers.title[syslang]} \n
\n\n \n \n {/* \n updateFilters({ [name]: value })\n }\n /> */}\n
\n \n
\n \n \n \n
\n\n
)\n}\n\n\nexport default Eshops","export default __webpack_public_path__ + \"static/media/emag.ccd0d028.jpg\";","\nimport React ,{useState} from 'react'\nimport {apiCall} from '../../../services/api'\nimport {Container,Message,Content,FlexboxGrid,ControlLabel,ButtonToolbar,Form,FormGroup,Panel,FormControl,Button,Alert} from 'rsuite'\nimport emag from './emag.jpg'\nimport Modal from \"react-responsive-modal\";\n\n\nconst Emaglogin =(props) =>{\n \n \n const [username,setUsername] = useState()\n const [password,setPassword] = useState()\n const [isModalOpen,setModalOpen] = useState(false)\n\n const createEmagShop =()=>{\n const url = `${process.env.REACT_APP_API}/eshops/emag`;\n\n apiCall('post',url,{username,password})\n .then(eshop=>{\n \n Alert.success('added new Eshop')\n props.history.push(`/eshops/emag/${eshop._id}`)\n })\n .catch(error=>Alert.error(error.message,5000))\n }\n\n\n const viewImg = \n
\n\n\n Eshops
\n {eshops.length>0&& newEshops}\n| # | \nType | \nUrl | \n\n |
|---|
\n{viewImg}\n \n\n \n ![\"help\"]()
\n
\n }\n />\n\n \n
\n \n setModalOpen(true)}>Instructiuni:
\n- \n
- 1. Logativa in contul EMAG \n
- {`2. Adaugati IP 37.139.16.98 si 146.185.134.120 in lista aprobata. \n Menu[Contul meu] > Profil > Detalii Technice > Adauga IP nou`}\n \n {/*
- {`3. Copiati utilizatorul din tabelul cu IP pentru a fi inclus in campul de mai jos \"Username:\"`}\n */}\n \n
loading...
\n return (\n \n {viewImg}\n Emag settings \n\n\n {/* {!eshop.emag_settings.is_setUp && \n ![\"help\"]()
\n
\n }\n />} */}\n\n\n \n
\n \n setModalOpen(true)}>Instructiuni:
\n- \n
- 1. Logativa in contul EMAG \n
- {`2. Adaugati IP in lista aprobata. \n Menu[Contul meu] > Profil > Detalii Technice > Adauga IP nou`}\n \n
- {`3. Copiati utilizatorul din tabelul cu IP pentru a fi inclus in campul de mai jos \"Username:\"`}\n \n \n
\n \n \n \n \n \n \n\n {!eshop.emag_settings.is_setUp && Test Connection to unlock }\n \n \n \n autoImportOrders()}\n />\n\n
\n }\n />\n \n\n \n\n\n \n \n {!eshop.emag_settings.is_setUp&& \n \n
\n API Username/Password
\n\n\n {isChanged && }\n {!eshop.emag_settings.is_setUp && }\n {eshop.emag_settings.is_setUp && }\n
\n \n\n \n \n {\n setIschanged(true)\n setUsername(value)\n }}\n >\n
\n \n \n {newPass&&{\n setIschanged(true)\n setPassword(value)\n }}\n >}\n
\n {!newPass&&}\n
\n\n \n {!newPass&&}\n
\n \n
\n Products
\n \n\n Descarcarea si avizarea comenzilor noi se face in mod automatizat in fiecare 2 minute.\n
\nDescrierea instructiunilor in cazul erorilor
\nDaca primiti aceasta erroare - IP nu este inclus in lista aprobata EMAG.
\nInstructiuni:
\n- \n
- 1. Logativa in contul EMAG \n
- {`2. Adaugati IP in lista aprobata. \n Menu[Contul meu] > Profil > Detalii Technice > Adauga IP nou`}\n \n
Username / Password nu este corect.
\n \n \n }\n />\n\n{viewImg}\n \n\n \n ![\"help\"]()
\n
\n }\n />\n\n \n
\n \n setModalOpen(true)}>Instructiuni:
\n- \n
- 1. Logativa in contul personal Woocommerce \n
- {`2. Generati cheile de access. \n Panoul de Control[Woocommerce] > Setari > Avansat > REST API > Adauga cheie`}\n \n {/*
- {`3. Copiati utilizatorul din tabelul cu IP pentru a fi inclus in campul de mai jos \"consumer_key:\"`}\n */}\n \n
loading...
;\n return (\n \n {viewImg}\n \n {lang.settings.eshops.woo.settings[syslang]}\n \n\n
\n \n );\n};\n\nfunction mapStateToProps(reduxState) {\n return {\n syslang: reduxState.user.currentUser.sys_lang,\n };\n}\nexport default connect(mapStateToProps, {})(Woosettings);\n","export default __webpack_public_path__ + \"static/media/info.1de0fdfb.png\";","\nimport React ,{useState} from 'react'\nimport {apiCall} from '../../../services/api'\nimport {\n Container,Message,Content,FlexboxGrid,\n ButtonToolbar,Form,FormGroup,\n Panel,Button,Alert,\nInputGroup,Input} from 'rsuite'\nimport woo from './info.png'\nimport Modal from \"react-responsive-modal\";\n\n\nconst Eshoprychleapi =(props) =>{\n \n \n const [shopUrl,setUrl] = useState('')\n const [apiUrl,setApiUrl] = useState('')\n const [isModalOpen,setModalOpen] = useState(false)\n\n const createEshop =()=>{\n const url = `${process.env.REACT_APP_API}/eshops/eshoprychle`;\n\n apiCall('post',url,{shopUrl,apiUrl})\n .then(eshop=>{\n \n Alert.success('added new Eshop')\n props.history.push(`/eshops/eshop-rychle/${eshop._id}`)\n })\n .catch(error=>Alert.error(error.message,5000))\n }\n\n\n const viewImg = \n \n \n \n\n \n \n \n\n \n \n \n \n updateEshop({\n \"woo_settings.get_orders_api\":\n !eshop.woo_settings.get_orders_api,\n })\n }\n />\n \n {lang.settings.eshops.woo.ordersimportmsg[syslang]}\n \n\n
\n }\n />\n \n \n \n
\n {lang.settings.eshops.woo.apiconnection[syslang]}
\n\n\n {!eshop.woo_settings.is_setUp && (\n testConnection()}\n >\n {lang.settings.eshops.woo.step1[syslang]}\n \n )}\n {eshop.woo_settings.is_setUp && (\n \n )}\n
\n \n \n \n https://www. \n {\n setIschanged(true);\n setUrl(value);\n }}\n />\n \n\n \n {\n setIschanged(true);\n setconsumer_key(value);\n }}\n >\n
\n \n \n {newPass && (\n {\n setIschanged(true);\n setconsumer_secret(value);\n }}\n >\n )}\n
\n {!newPass && (\n \n )}\n
\n\n {isChanged && (\n \n {!newPass && (\n \n )}\n
\n \n \n
\n )}\n \n
\n {lang.settings.eshops.woo.products[syslang]}
\n\n {\n updateEshop({\n \"woo_settings.match_product_to_id\":\n !eshop.woo_settings.match_product_to_id,\n \"woo_settings.match_product_to_sku\":\n eshop.woo_settings.match_product_to_id === false\n ? false\n : eshop.woo_settings.match_product_to_sku,\n });\n }}\n />\n {lang.settings.eshops.woo.matchid[syslang]}\n
\n \n {\n updateEshop({\n \"woo_settings.match_product_to_sku\":\n !eshop.woo_settings.match_product_to_sku,\n \"woo_settings.match_product_to_id\":\n eshop.woo_settings.match_product_to_sku === false\n ? false\n : eshop.woo_settings.match_product_to_id,\n });\n }}\n />\n {lang.settings.eshops.woo.matchsku[syslang]}\n
\n \n {\n updateEshop({\n update_stock_balance: !eshop.update_stock_balance,\n });\n }}\n />\n {lang.settings.eshops.woo.stockbalance[syslang]}\n
\n \n \n importProducts()}\n >\n {lang.settings.eshops.woo.step2[syslang]}\n \n
\n \n Woo status for received orders\n {\n console.log(value);\n setreceived_status(value);\n }}\n >\n {\n updateEshop({ received_status });\n }}\n >\n update\n \n
\n\n \n {\n updateEshop({\n wyzbox_status_update: !eshop.wyzbox_status_update,\n });\n }}\n />\n Update eshop with Wyzbox Statuses (need admin status list)\n
\n \n \n{viewImg}\n \n\n \n ![\"help\"]()
\n
\n }\n />\n\n \n
\n \n setModalOpen(true)}>Postup:
\n- \n
- 1. Ve vaší Eshop-rychle administrativě, v menu Eshop/Export, v záložce Export objednávek - zkopírujte API adresu k objednávkám (viz obrazek) \n
- 2. Vložte API URL adresu do políčka \"API URL\n \n {/*
- {`3. Copiati utilizatorul din tabelul cu IP pentru a fi inclus in campul de mai jos \"consumer_key:\"`}\n */}\n \n
\n {/*
\n {\n setShowApiFoto(true)\n setShowApiWisper(false)\n }}>Postup:
*/}\n \n1/ Ve vaší Eshop-rychle administrativě, v menu Eshop/Export, v záložce Export objednávek - zkopírujte API adresu k objednávkám (viz obrazek)
\n2/ Vložte API URL adresu do políčka \"API URL
\n \n {/*
\n {\n setShowProductFoto(true)\n setShowProductWisper(false)\n }}>Postup:
*/}\n \nVe vaší Eshop-rychle administrativě, v menu Eshop/Export, v záložce Export produktů - vygenerujte XML FEED dle obrazku
\nThis is a Popover
*/}\n{content}
\nloading...
\n return (\n \n\n {fotoApi}\n {productFoto}\n \n \n {lang.settings.eshops.woo.settings[syslang]}\n \n \n\n
\n );\n}\n\nfunction mapStateToProps(reduxState){\n return ({\n syslang:reduxState.user.currentUser.sys_lang\n })\n}\nexport default connect(mapStateToProps,{})(Eshoprychle)","export default __webpack_public_path__ + \"static/media/wyzbox_activation_small.fa858f00.jpg\";","import React, { useState } from 'react'\nimport {connect} from 'react-redux'\nimport {Message,Input,Button} from 'rsuite'\nimport { apiCall } from \"../../../services/api\";\nimport {setAuthorizationToken,setCurrentUser,signUpAction} from '../../../actions/auth'\nimport logo from './wyzbox_activation_small.jpg'\nimport {Alert} from 'rsuite'\nimport lang from '../../../lang/config.json'\n\nconst styles = {\n width: 300,\n marginBottom: 10\n};\n\nconst EshoprychleSignup =(props)=>{\n\nconst syslang='CZ'\nconst {signUpAction} = props\nconst[password,setPassword] = useState()\nconst[username,setUsername] = useState()\nconst [isLoading,setLoading] = useState(false)\n\nconst handleSubmit =()=>{\n signUpAction({username,password},props.history)\n \n}\n\n\n return (\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n\n \n \n\n setShowWarning(false)} size=\"xs\">\n \n \n \n \n \n \n \n\n\n\n \n \n \n \n \n
\n \n \n \n
\n \n {lang.settings.eshops.woo.apiconnection[syslang]}\n
\n\n\n \n {!eshop.eshop_rychle_settings.is_setUp && }\n {eshop.eshop_rychle_settings.is_setUp && }\n
\n \n\n \n \n \n {/* https://www. */}\n {\n setIschanged(true)\n setUrl(value)\n \n }\n }/>\n }\n >\n\n \n \n\n
\n \n\n \n \n
\n \n \n \n\n
\n {lang.settings.eshops.shoptet.productsettings[syslang]}
\n\n \n {!importingProducts && }\n {importingProducts && }\n
\n \n
\n \n \n \n \n {/* https://www. */}\n {\n setIschanged(true)\n setXmlfeed(value)\n }\n }/>\n }\n />\n \n\n
\n \n\n \n \n
\n {lang.settings.eshops.shoptet.ordersettings.title[syslang]}
\n\n\n {\n updateEshop({\n 'eshop_rychle_settings.get_orders_api':!eshop.eshop_rychle_settings.get_orders_api,\n \n })\n }}\n >\n {lang.settings.eshops.shoptet.ordersettings.importorders[syslang]}\n \n
\n \n {\n updateEshop({\n 'eshop_rychle_settings.import_orders_all':!eshop.eshop_rychle_settings.import_orders_all,\n 'eshop_rychle_settings.import_orders_only_selected_products':eshop.eshop_rychle_settings.import_orders_all===false?false:eshop.eshop_rychle_settings.import_orders_only_selected_products,\n })\n }}\n >\n {lang.settings.eshops.shoptet.ordersettings.importallorders[syslang]}\n
\n \n \n {\n updateEshop({\n 'eshop_rychle_settings.import_orders_only_selected_products':!eshop.eshop_rychle_settings.import_orders_only_selected_products,\n 'eshop_rychle_settings.import_orders_all':eshop.eshop_rychle_settings.import_orders_only_selected_products===false?false:eshop.eshop_rychle_settings.import_orders_all,\n })\n }}\n > \n {lang.settings.eshops.shoptet.ordersettings.importordersselected[syslang]} {lang.table.settings[syslang]}\n\n
\n \n {/* \n {\n \n }}\n >\n Import only if \"Goods Available\"\n\n
*/}\n \n \n
\n
\n }\n />\n \n \n )\n}\nfunction mapStatetoProps(reduxstate){\n return(\n {\n syslang:reduxstate.user.currentUser.sys_lang,\n user:reduxstate.user.currentUser,\n \n }\n )\n}\nexport default connect(mapStatetoProps,{signUpAction})(EshoprychleSignup)","import {\n \n GET_BUSINESSCLIENT,\n UPDATE_BUSINESSCLIENT,\n CREATE_BUSINESSCLIENT_SETTINGS,\n UPDATE_BUSINESSCLIENT_SETTINGS,\n\n\n} from \"./actionTypes\";\nimport { apiCall } from \"../services/api\";\nimport { addError, removeError } from \"./error\";\nimport {Alert} from 'rsuite'\n\nconst startLoading = { type: \"START_LOADING\" };\nconst stopLoading = { type: \"STOP_LOADING\" };\n\n\nexport const createBusinessClient = (history) => (dispatch) => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients`;\n apiCall(\"post\", url)\n .then((resp) => {\n dispatch({type:'USER_ADD_BUSINESSCLIENT',payload:resp._id})\n history.push(`/profile/${resp._id}`)\n })\n .catch((err) => dispatch(addError(err.message)));\n};\nexport const getBusinessClient = (id) => (dispatch) => {\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${id}`;\n apiCall(\"get\", url)\n .then((resp) => dispatch({ type:GET_BUSINESSCLIENT, payload: resp }))\n .catch((err) => dispatch(addError(err.message)));\n};\n\nexport const updateBusinessClient = ({ id, query, type }) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${id}`;\n apiCall(\"put\", url, { query, type })\n .then((resp) => dispatch({ type: UPDATE_BUSINESSCLIENT, payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nexport const getBusinessProfile = (id) =>{\n \n const url = `${process.env.REACT_APP_API}/businessclients/${id}/businessprofile`;\n return apiCall(\"get\", url)\n .then((resp) =>\n resp\n )\n .catch((error) => {\n Alert.error(error.message)\n });\n};\n\nexport const createBusinessProfile = (id) => (dispatch) => {\n // dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${id}/businessprofile`;\n apiCall(\"post\", url)\n .then((resp) =>\n dispatch({ type: CREATE_BUSINESSCLIENT_SETTINGS, payload: resp })\n )\n .catch((error) => {\n // dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\n\nexport const updateBusinessProfile = ({ id, update }) => (dispatch) => {\n // dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${id}/businessprofile`;\n apiCall(\"put\", url, update)\n .then((resp) =>\n dispatch({ type: UPDATE_BUSINESSCLIENT_SETTINGS, payload: resp })\n )\n .catch((error) => {\n // dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n}\n\n\n// Sequences\nexport const getSequences = (client) => (dispatch) => {\n dispatch({ type: \"START_SEQUENCES_LOADING\" });\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/settings/sequences?client=${client}`;\n apiCall(\"get\", url)\n .then((resp) => dispatch({ type: \"GET_SEQUENCES\", payload: resp }))\n .catch((error) => {\n dispatch({ type: \"STOP_SEQUENCES_LOADING\" });\n dispatch(addError(error.message));\n });\n};\nexport const createSequence = (sequence) => (dispatch) => {\n dispatch({ type: \"START_SEQUENCES_LOADING\" });\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/settings/sequences`;\n apiCall(\"post\", url, sequence)\n .then((resp) => dispatch({ type: \"CREATE_SEQUENCE\", payload: resp }))\n .catch((error) => {\n dispatch({ type: \"STOP_SEQUENCES_LOADING\" });\n dispatch(addError(error.message));\n });\n};\nexport const updateSequence = ({ id, update }) => (dispatch) => {\n dispatch({ type: \"START_SEQUENCES_LOADING\" });\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/settings/sequences/${id}`;\n apiCall(\"put\", url, update)\n .then((resp) => dispatch({ type: \"UPDATE_SEQUENCE\", payload: resp }))\n .catch((error) => {\n dispatch({ type: \"STOP_SEQUENCES_LOADING\" });\n dispatch(addError(error.message));\n });\n};\nexport const deleteSequence = (id) => (dispatch) => {\n dispatch({ type: \"START_SEQUENCES_LOADING\" });\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/settings/sequences/${id}`;\n apiCall(\"delete\", url)\n .then((resp) => dispatch({ type: \"DELETE_SEQUENCE\", payload: resp }))\n .catch((error) => {\n dispatch({ type: \"STOP_SEQUENCES_LOADING\" });\n dispatch(addError(error.message));\n });\n};\n\nexport const addClientIds = (newClientIds) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${newClientIds.businessclient}/companyids`;\n apiCall(\"post\", url, newClientIds)\n .then((resp) => dispatch({ type: \"CREATE_CLIENTIDS\", payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nexport const updateClientIds = ({ clientId, id, update }) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${clientId}/companyids/${id}`;\n apiCall(\"put\", url, update)\n .then((resp) => dispatch({ type: \"UPDATE_CLIENTIDS\", payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nexport const deleteClientIds = ({ clientId, id }) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${clientId}/companyids/${id}`;\n apiCall(\"delete\", url)\n .then((resp) => dispatch({ type: \"DELETE_CLIENTIDS\", payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nexport const updateBusinessClientContact = ({\n bclientId,\n contactId,\n updatedContact,\n}) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${bclientId}/contacts/${contactId}`;\n apiCall(\"put\", url, updatedContact)\n .then((resp) => dispatch({ type: UPDATE_BUSINESSCLIENT, payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\n\nexport const updateBusinessClientBankAccount = ({\n bclientId,\n accountId,\n updatedBankAccount,\n}) => (dispatch) => {\n dispatch(startLoading);\n dispatch(removeError());\n const url = `${process.env.REACT_APP_API}/businessclients/${bclientId}/bankaccounts/${accountId}`;\n apiCall(\"put\", url, updatedBankAccount)\n .then((resp) => dispatch({ type: UPDATE_BUSINESSCLIENT, payload: resp }))\n .catch((error) => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n","import React, { useState, useEffect } from \"react\";\nimport {\n Header,\n Icon,\n Checkbox,\n Button,\n Loader,\n Dimmer,\n} from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\n\nimport {\n // getBusinessProfile,\n \n updateBusinessProfile,\n} from \"../../actions/businessclient\";\n// import EditableText from \"../EditableText\";\nimport \"./profile-settings.scss\";\n\nfunction UserProfileSettings(props) {\n const {\n settings,\n isLoading,\n // getBusinessProfile,\n createBusinessProfile,\n updateBusinessProfile,\n } = props;\n\n // useEffect(() => {\n // getBusinessProfile();\n // }, []);\n\n const handleCreateProfileSettings = () => {\n createBusinessProfile();\n };\n\n const handleBusinessProfileUpdate = (e, { name, checked }) => {\n updateBusinessProfile({ [name]: checked });\n };\n\n if (isLoading && !settings)\n return (\n \n \n
\n \n {lang.settings.eshops.shoptet.activate.landing.title2[syslang]}\n
\n\n
\n setUsername(data)}\n placeholder={lang.placeholders.username[syslang]}\n style={styles}\n /> \n \n setPassword(data)}\n placeholder={lang.placeholders.password[syslang]}\n style={styles}\n type='password'\n /> \n \n
\n \n \n\n \n Ok\n \n
\n \n \n
\n );\n}\n\nconst mapStateToProps = (reduxState) => ({\n settings: reduxState.businessclients.businessclient.settings,\n isLoading: reduxState.businessclients.isLoading,\n});\n\nexport default connect(mapStateToProps, {\n // getBusinessProfile,\n updateBusinessProfile,\n})(UserProfileSettings);\n","import React from \"react\";\nimport { Header, Button, Icon } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./notfound.scss\";\n\nfunction NotFound() {\n return (\n \n
\n\n {opened && \n
\n {header}
\n {subHeader}\n{body}
}\n Sorry, we couldn't find that.
\n\n\n \n \n \n
\n \n \n {children}\n
,\n notificationContainer\n );\n } else return null;\n}\n\nconst mapStateToProps = (reduxState) => ({\n isOpen: reduxState.notifications.isPopupOpen,\n});\nexport default connect(mapStateToProps, { closePopup })(PopupWindow);\n","import React, { useState, useEffect } from \"react\";\nimport { Icon } from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\nimport { saveAs } from \"file-saver\";\nimport * as XLSX from \"xlsx\";\n\nimport { closePopup } from \"../actions/notifications\";\nimport { addError } from \"../actions/error\";\nimport { apiCall } from \"../services/api\";\n\nfunction ExportWindow({\n // mapData,\n url,\n filters,\n fileName,\n closePopup,\n addError,\n}) {\n const [isProcessing, setIsProcessing] = useState(true);\n const [rawData, setRawData] = useState([]);\n // const [mappedData, setMappedData] = useState([]);\n // console.log({\n // // mapData,\n // url,\n // filters,\n // fileName,\n // rawData,\n // mappedData,\n // isProcessing,\n // });\n\n // console.log(isProcessing);\n function getData(filters) {\n console.log(\"getting Data ....\");\n const completeUrl = process.env.REACT_APP_API + url;\n apiCall(\"post\", completeUrl, filters)\n .then((resp) => {\n if (resp.length) setRawData(resp);\n else addError(\"No objects were found for export\");\n })\n .catch((err) => {\n addError(err.message);\n closePopup();\n });\n }\n\n function createExcelFile(dataForExport) {\n const fileType =\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\n const fileExtension = \".xlsx\";\n const ws = XLSX.utils.json_to_sheet(dataForExport);\n const wb = { Sheets: { data: ws }, SheetNames: [\"data\"] };\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\n const data = new Blob([excelBuffer], { type: fileType });\n saveAs(data, fileName + fileExtension);\n setTimeout(closePopup, 7000);\n }\n\n useEffect(() => {\n setIsProcessing(true);\n getData(filters);\n }, [filters]);\n\n // useEffect(() => {\n // setMappedData(mapData(rawData));\n // }, [rawData]);\n\n useEffect(() => {\n if (rawData.length > 0) {\n setIsProcessing(false);\n createExcelFile(rawData);\n }\n }, [rawData]);\n\n if (isProcessing)\n return (\n \n
\n
\n \n \n \n \n \n \n \n \n \n handleCheck(value,checked)}\n />\n \n \n ID \n \n \n | \n \n \n \n {lang.inboundparcel.title[syslang]} \n \n {rowData => ( | \n \n \n \n {lang.table.order[syslang]} \n \n {rowData => ( | \n \n \n {lang.table.dates[syslang]} \n {rowData =>(\n | \n \n \n {lang.table.status[syslang]} \n \n {rowData=>( | \n \n \n {lang.table.name[syslang]} \n \n \n | \n \n \n \n {lang.table.country[syslang]} \n \n {rowData => (`${rowData.country}`)}\n | \n \n\n \n {lang.table.amount[syslang]} \n \n {rowData => (`${rowData.amount} ${rowData.currency}`)}\n | \n \n\n \n{lang.table.bankaccount[syslang]} \n {rowData => rowData.IBAN?rowData.IBAN:`${rowData.account_nr}/${rowData.account_code}`} | \n \n \n \n \n .... \n\n \n {rowData => {\n if(!['Refunded','Pending Bank Confirmation'].includes(rowData.status))\n return (\n \n {\n setViewrefund(true)\n setRefundId(rowData._id)\n }}/> \n\n |{' '}\n handleDeleteRefund(rowData._id)}/> \n \n );\n }}\n | \n \n \n\n \n setPage(value)}\n onChangeLength={(value)=>setResultsPage(value)}\n />\n \n \n setViewrefund(false)}\n refundId={refundId}\n updateList={()=>setupdateList(!updateList)}\n\n >\n
\n );\n}\n\nconst CheckCell = ({ rowData, onChange, checkedKeys, dataKey, ...props }) => (\n {lang.refunds.title[syslang]}
\n {/*\n
\n\n \n \n\n 0?checkedKeys.length:''}`}\n >\n updateStatusSelected(\"Approved\")}>{lang.status.approved[syslang]} \n updateStatusSelected(\"Rejected\")}>{lang.status.rejected[syslang]} \n \n \n
\n\n \n\n \n \n { \n setSearchterm(value)\n if(!value) setupdateList(!updateList)\n }}\n placeholder={lang.filters.searchrefunds[syslang]} />\n\n \n {/* */}\n setupdateList(!updateList)} icon=\"search\" />\n \n \n setupdateList(!updateList)}\n appearance=\"ghost\"\n style={{height:'35px',marginLeft:\"5px\"}}\n // icon={
\n \n \n
\n \n \n setsortSetting({...sortSetting,status:value})}\n style={{ width: 224, marginRight:'15px'}}\n />\n \n
\n \n {total>0&&\n
}\n \n \n setsortSetting({...sortSetting, dateFrom: date })}\n placeholder={lang.filters.datepicker.from[syslang]}\n style={itemStyle}\n >\n \n setsortSetting({...sortSetting, dateTo: date })}\n placeholder={lang.filters.datepicker.to[syslang]}\n style={itemStyle}\n >\n
\n \n handleCheckAll(value,checked)}\n />\n
\n \n \n
)}\n \n \n \n {rowData.order.clientOrderNr}\n \n \n
)}\n \n \n
\n )}{lang.table.createdAt[syslang]}:{rowData.createdAt}
\n {lang.table.updatedAt[syslang]}:{rowData.updatedAt}
\n\n \n \n {/*
)}\n {rowData.status}
*/}\n{rowData.error_msgs}
\n\n =0}\n />\n
\n \n
\n Náklad na objednávku:
\n{Math.ceil(totalCost/countOrders)} Kč
\n \n
\n \n }\n />\n\n const body = (\n Naše cenová nabídka
\n26 Kč
\n \n \n
)\n \n const modal = \n \n setCountOrders(value)}>\n
\n \n \n
\n \n \n
\n \n \n \n setHeadcount(value)}>\n
\n \n \n setHeadCost(value)}> \n
\n \n \n \n
\n\n \n {totalHeadCost} Kč
\n\n \n \n
\n \n \n \n \n \n setDirectMaterial(value)}>\n \n {directMaterialTotal} Kč\n
\n \n \n setRent(value)}>\n
\n \n
\n {/* Náklady celkem:
\n{totalCost} Kč
\n \n
\n Náklad na objednávku:
\n{Math.ceil(totalCost/countOrders)} Kč
\n \n
*/}\n {message}\n\n Naše cenová nabídka
\n26 Kč
\n \n \n {}}>\n Kalkulačka skladových nákladů \n \n {body}\n \n \n \n \n \n \n
\n\nreturn modal\n\n}\n\nexport default Costcalculator","import React,{useState,useEffect} from 'react'\nimport {Input,Modal,Button,Message} from 'rsuite'\nimport './styles.scss'\n\nconst config = {\n wisper:{\n orders:{cz:\"Pocet mesicnich objednavek\"}\n }\n}\n\nconst CostcalculatorRo =(props)=>{\n\n\nconst [countOrders, setCountOrders] = useState(1000)\nconst [headcount,setHeadcount] = useState(1)\nconst [headCost,setHeadCost] = useState(2000)\nconst [totalHeadCost,setTotalHeadCost] = useState(2000)\nconst [rent,setRent] = useState(12000)\nconst [directMaterial,setDirectMaterial] = useState(1.25)\nconst [directMaterialTotal,setDirectMaterialTotal] = useState(1.25)\nconst [totalCost,setTotalCost] = useState(Math.ceil(totalHeadCost+directMaterialTotal+rent))\nconst [offer,setOffer] = useState(3.25)\n\nuseEffect(()=>{\n setHeadcount(Math.ceil((countOrders/19/150))) \n setDirectMaterialTotal(Math.ceil(directMaterial*countOrders))\n setTotalHeadCost(Math.ceil(Math.ceil(headCost*headcount)))\n\n if(countOrders<=1000) { setRent(400)\n setOffer(3.25)}\n if(countOrders>1000 && countOrders<=4000) {setRent(1200)\n setOffer(2.5)}\n if(countOrders>4000) {setRent(3500)\n setOffer('individual')}\n \n},[countOrders,directMaterial,headCost])\n\nuseEffect(()=>{\n setTotalHeadCost(Math.ceil(headCost*headcount))\n \n},[headcount])\n\nuseEffect(()=>{\n\n setTotalCost((totalHeadCost+directMaterialTotal+rent*1))\n \n},[rent,directMaterialTotal,totalHeadCost])\n\n\nconst message =\n
\n Cost/comanda
\n{(totalCost/countOrders)} Lei
\n \n
\n \n }\n />\n\n const body = (\n Oferta noastra
\n{offer} Lei
\n \n \n
)\n \n const modal = \n \n setCountOrders(value)}>\n
\n \n \n
\n \n \n
\n \n \n \n setHeadcount(value)}>\n
\n \n \n setHeadCost(value)}> \n
\n \n \n \n
\n\n \n {totalHeadCost} Lei
\n\n \n \n
\n \n \n \n \n \n setDirectMaterial(value)}>\n \n {directMaterialTotal} Lei\n
\n \n \n setRent(value)}>\n
\n \n
\n {/* Costuri Total:
\n{totalCost} Lei
\n \n
\n Náklad na objednávku:
\n{Math.ceil(totalCost/countOrders)} Kč
\n \n
*/}\n {message}\n\n Naše cenová nabídka
\n26 Kč
\n \n \n {}}>\n Calculator Costuri Fulfilment \n \n {body}\n \n \n \n \n \n \n
\n\nreturn modal\n\n}\n\nexport default CostcalculatorRo","import {\n ADD_INBOUND_SHIPMENT,\n \n GET_INBOUND_SHIPMENTS,\n INBOUND_FILTER\n} from \"./actionTypes\";\n\nimport { apiCall } from \"../services/api\";\nimport { addError, removeError } from \"./error\";\n\nconst startLoading = { type: \"START_LOADING\" };\nconst stopLoading = { type: \"STOP_LOADING\" };\n\nconst addShipmentAction = shipment => ({\n type: ADD_INBOUND_SHIPMENT,\n shipment\n});\n\nexport const getShipment = id => dispatch => {\n dispatch(startLoading);\n dispatch(removeError());\n dispatch({\n type: \"UPDATING\"\n });\n const url = `${process.env.REACT_APP_API}/parcels/inbound/${id}`;\n apiCall(\"get\", url)\n .then(resp => {\n\n dispatch(addShipmentAction(resp))\n dispatch(stopLoading);\n\n })\n \n .catch(error => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nexport const getShipments = filter => dispatch => {\n dispatch(startLoading);\n const url = `${process.env.REACT_APP_API}/parcels/inbound`;\n apiCall(\"post\", url, filter)\n .then(shipments =>{\n dispatch(stopLoading);\n dispatch(getShipmentsAction(shipments))})\n .catch(error => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};\n\nconst getShipmentsAction = shipments => ({\n type: GET_INBOUND_SHIPMENTS,\n shipments\n});\n\nexport const updateFilter = filter => ({\n type: INBOUND_FILTER,\n filter\n});\n\n\nexport const setAsProcessed = id => dispatch => {\n dispatch(startLoading);\n const url = `${process.env.REACT_APP_API}/parcels/inbound/${id}/setasprocessed`;\n apiCall(\"put\", url, {})\n .then(resp =>{\n dispatch(stopLoading);\n dispatch(addShipmentAction(resp))\n\n })\n .catch(error => {\n dispatch(stopLoading);\n dispatch(addError(error.message));\n });\n};","import React,{useState} from \"react\";\nimport { Table, Label, Header, Loader } from \"semantic-ui-react\";\nimport { Link } from \"react-router-dom\";\nimport Moment from \"react-moment\";\n\n// import ExportButton from \"../../ExportButton\";\n// import { mapData } from \"./mapDataForExport\";\n\nexport const statusColor = {\n New: \"red\",\n pending: \"orange\",\n Shipping: \"blue\",\n Delivered: \"green\",\n};\n\n\nexport const ShipmentTable = ({\n shipments,\n user,\n lang,\n isLoading,\n}) => {\n // if (shipments.length===0){return (No shipments.
)}\n const ships_headers = (\n \n {shipment.order&&shipment.order.shipping.shipTo.client.firstName}\n
\n {lang.table.weight[user.currentUser.sys_lang]}:{shipment.weightKg}\n
\n {lang.table.updatedAt[user.currentUser.sys_lang]}:
\n
\n )}\n\n {!shipments.length && !isLoading && (\n \n \n {ships_headers}\n {shipments_list}\n
\n
\n )}\n \n \n {_id.substr(-9)}\n \n\n
\n \n \n
\n\n \n Date:\n
\n \n Updated at:{\" \"}\n \n {updatedAt}\n \n
\n Created at:{\" \"}\n\n {createdAt}\n \n
\n\n Warehouse:\n \n Created at:{\" \"}\n
\n {warehouse ? warehouse.name : \"NA\"}\n
\n\n Supplier:\n \n {seller ? seller.name : \"NA\"}\n
\n\n Client:\n\n {client ? client.name : \"NA\"}\n
\n\n \n Details:\n \n\n {nrOfPacks && (\n <>\n Nr. Of Packs:\n {nrOfPacks}\n \n )}\n {weightKg && (\n <>\n Weight (kg):\n {weightKg}\n \n )}\n
\n\n Transporter:\n {transporter ? transporter : \"NA\"}
\n\n \n \n
\n );\n \n}\n\nexport default Filters;\n","import React, { Component } from \"react\";\nimport {\n Header,\n Pagination,\n Segment,\n} from \"semantic-ui-react\";\n// import { Link } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\n\nimport {updateFilter,\n getShipments,setAsProcessed\n} from \"../../../actions/inboundparcel\";\nimport { getWarehouses } from \"../../../actions/inventory\";\nimport { getProductList } from \"../../../actions/product.js\";\n\n// import Pagination from \"../../pagination\";\n// import CanViewPage from \"../../../role-based-access/CanViewPage\";\nimport ItemsPerPage from \"../../ItemsPerPage\";\nimport Responsive from \"../../Responsive\";\nimport CardsList from \"../../CardsList\";\nimport MobileItemCard from \"./MobileItemCard\";\nimport { ShipmentTable } from \"./ShipmentTable\";\nimport Filters from \"./Filters\";\n// import \"../inbound.scss\"\nimport lang from '../../../lang/config.json'\n\n\nclass Inboundparcels extends Component {\n constructor(props) {\n super(props);\n this.state = {\n filters: {\n product: \"\",\n warehouse: \"\",\n status: \"\",\n },\n };\n this.handleUpdateFilter = this.handleUpdateFilter.bind(this); \n this.handleDateChange = this.handleDateChange.bind(this);\n }\n\n handleDateChange(filters){\n const updateFilter = new Promise((resolve, reject) =>\n resolve(this.props.updateFilter(filters))\n );\n updateFilter.then(() => this.props.getShipments(this.props.filters));\n }\n\n handleUpdateFilter({ value, name }) {\n \n \n const updateFilter = new Promise((resolve) =>\n resolve(this.props.updateFilter({ [name]:value}))\n );\n\n updateFilter.then(() => this.props.getShipments(this.props.filters));\n }\n componentDidMount() {\n const { filters } = this.props;\n this.props.getShipments(filters);\n \n this.props.getProductList();\n this.props.getWarehouses();\n }\n render() {\n const {\n setAsProcessed,\n updating,\n total,\n inboundshipments,\n filters,\n companies,\n businessclients,\n user,\n isLoading,\n products,\n syslang\n } = this.props;\n\n const loading = \n {/* Filters */}\n
\n \n \n \n \n handleUpdateFilter({ name: \"orderNr\", value:search })}\n\n size=\"md\" icon={ \n \n
\n\n\n \n\n handleUpdateFilter({value,name:'status'})}\n searchable={false}\n data={[{label:\"New\",value:\"New\"},{label:\"Processed\",value:\"Processed\"}]}\n \n \n />\n \n handleUpdateFilter({value,name:'warehouse'})}\n searchable={true}\n data={warehouses.map(warehouse=>({value:warehouse._id,label:warehouse.name}))}\n \n \n /> \n \n handleUpdateFilter({value,name:'product'})}\n searchable={true}\n data={products.map(product=>({value:product._id,label:product.name}))}\n \n /> \n
\n \n \n handleDateChange({ dateFrom: date })}\n placeholder={lang.filters.datepicker.from[syslang]}\n >\n \n \n handleDateChange({ dateTo: date })}\n placeholder={lang.filters.datepicker.to[syslang]}\n >\n \n
\n \n Loading...
;\n\n if (updating) return { loading };\n\n return (\n // \n \n \n \n
\n \n {lang.inboundparcel.title[syslang]} \n \n
\n \n \n
\n );\n}\n\nexport default (ShipmentInfo);\n","import React from \"react\";\nimport Slider from \"react-slick\";\n\nfunction ImageSlider({ images }) {\n \n const settings = {\n dots: true,\n infinite: false,\n speed: 500,\n slidesToShow: 3,\n slidesToScroll: 2,\n responsive: [\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n infinite: true,\n dots: true\n }\n },\n {\n breakpoint: 600,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n initialSlide: 1\n }\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1\n }\n }\n ]\n };\n\n return (\n \n
\n \n \n
\n {/* \n \n
*/}\n \n \n
\n \n \n
\n \n \n
\n \n \n \n {openShipment.updatedAt} \n \n
\n \n \n \n {openShipment.createdAt} \n \n
\n \n {/* {images} \n
\n );\n}\n\nexport default ImageSlider;\n","/* eslint-disable default-case */\nimport React, { useReducer } from \"react\";\nimport { Segment} from \"semantic-ui-react\";\nimport Img from \"react-image\";\nimport ImgsViewer from \"react-images-viewer\";\n\n// import Previews from \"../../Uploader/photos\";\nimport ImageSlider from \"./ImageSlider\";\n// import {removeFiles} from '../../../actions/uploadFiles'\n// import {Alert} from 'rsuite'\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nconst initialState = {\n executeChildMethod: false,\n editMode: false,\n // photos: [],\n shipmentOpen: false,\n newShipment: true,\n isLightBoxOpen: false,\n currentImg: 0,\n imgURLs: [],\n hasUpdates: false,\n updates: {\n removedFiles: [],\n }\n};\n\nfunction reducer(state, action) {\n switch (action.type) {\n case \"UPLOAD_EXECUTED\":\n return { ...state, executeChildMethod: false, editMode: false };\n\n \n\n case \"VIEW_PHOTO\":\n const imageURLs =\n action.payload.files && action.payload.files.length > 0\n ? action.payload.files.map(({ publicurl }) => ({\n src: publicurl\n }))\n : [];\n return {\n ...state,\n imgURLs: imageURLs,\n currentImg: action.payload.index,\n isLightBoxOpen: true,\n updates:{\n ...state.updates,\n removedFiles:[]\n }\n };\n\n case \"GO_TO_NEXT\":\n if (state.currentImg < state.imgURLs.length)\n return { ...state, currentImg: state.currentImg + 1 };\n else return state;\n\n case \"GO_TO_PREVIOUS\":\n if (state.currentImg > 0) return { ...state, currentImg: state.currentImg - 1 };\n else return state;\n\n case \"CLOSE_LIGHTBOX\":\n return { ...state, isLightBoxOpen: false };\n\n case \"DELETE_PHOTO\":\n \n return {\n ...state,\n updates: {\n ...state.updates,\n removedFiles: [...state.updates.removedFiles, action.payload.id]\n },\n };\n\n case \"UPDATE_PHOTOS_LIST\":\n return {\n ...state,\n updates:{...state.updates,\n removedFiles:[],\n addedFiles:[]}\n }\n }\n}\n\nfunction Images(props) {\n const { openShipment,isLoading } = props;\n const [state, dispatch] = useReducer(reducer, initialState);\n\n\n const images =\n openShipment.photos && openShipment.photos.length > 0\n ? openShipment.photos.map((photo, index) => {\n let opacity =state.updates.removedFiles.includes(photo._id)?{opacity:0.5}:{opacity:1}\n return (\n Photos
*/}\n\n\n
\n );\n })\n : [];\n\n return (\n \n \n dispatch({ type: \"VIEW_PHOTO\", payload: { index, files:openShipment.photos } })\n }\n src={photo.publicurl}\n alt=\"text\"\n />\n \n \n \n
\n {images.length > 0 && (\n dispatch({ type: \"GO_TO_PREVIOUS\" })}\n onClickNext={() => dispatch({ type: \"GO_TO_NEXT\" })}\n onClose={() => dispatch({ type: \"CLOSE_LIGHTBOX\" })}\n showThumbnails={true}\n backdropCloseable={true}\n preloadNextImg={false}\n // customCtrls={['test']}\n // closeBtnTitle={'CLOSE'}\n />\n )}\n\n {/* Add photos \n
\n \n
\n )}\n\n {state.imgURLs.length > 0 && (\n \n \n handleViewPhotos({\n index: 0,\n files: item.stockMovement.inventory.photos.files\n })\n }\n alt=\"img\"\n src={path}\n />\n
\n )}\n \n \n Sku:\n \n {product.codes.sku || \"\"}\n {/*
\n Client:{\" \"}\n {product.codes.clientsku || \"\"} */}\n \n
\n \n setAsProcessed(openShipment._id)}\n >{lang.inboundparcel.setasprocessedbutton[user.currentUser.sys_lang]}\n }\n\n
\n\n \n
\n\n \n \n {openShipment.status}\n \n \n {lang.inboundparcel.title[user.currentUser.sys_lang]}\n \n {openShipment._id && (\n
\n \n ID: {openShipment._id}
\n )}\n \n \n
}\n Related order
\n {openShipment.order.clientOrderNr}\n \n \n {/* {value}
}\n > */}\n \n
\n );\n}\n\nexport default EditAddress;\n","import React from \"react\";\nimport { Label, Button } from \"semantic-ui-react\";\n\nimport FormField from \"./FormField\";\n\nfunction EditContact({\n email,\n phone,\n name,\n position,\n i,\n bclientId,\n contactId,\n updateBusinessClientContact,\n handleUpdateWithType,\n lang,syslang\n}) {\n const handleUpdate = (fieldName, value) => {\n updateBusinessClientContact({\n bclientId,\n contactId,\n updatedContact: { email, phone, name, position, [fieldName]: value },\n });\n };\n\n return (\n \n
\n \n
\n );\n}\n\nexport default EditContact;\n","import React from \"react\";\nimport { Label, Button } from \"semantic-ui-react\";\n\nimport { currency as currencyList,countries } from \"../Filters/data\";\nimport FormField from \"./FormField\";\n\nfunction EditBankAccount({\n bankname,\n currency,\n accountNr,\n bankCode,\n IBAN,\n addressCity,\n addressCountry,\n i,\n bankAccountId,\n bclientId,\n // removeBankAccount,\n // updateBankAccount,\n handleUpdateWithType,\n updateBusinessClientBankAccount,\n syslang,lang,\n editable,\n}) {\n const countriesOptions = countries.map((country, i) => ({\n key: i,\n value: country,\n text: country,\n }));\n\n const currencyOptions = currencyList.map((currency) => ({\n key: currency,\n value: currency,\n text: currency,\n }));\n\n const handleUpdate = (name, value) =>\n updateBusinessClientBankAccount({\n bclientId,\n accountId: bankAccountId,\n updatedBankAccount: {\n bankname,\n currency,\n accountNr,\n bankCode,\n addressCity,\n addressCountry,\n IBAN,\n [name]: value,\n },\n });\n\n return (\n \n
\n\n handleUpdateWithType({ query: contactId, type: \"remove contact\" })\n }\n />\n
\n\n \n
\n
\n\n {/* \n
\n );\n}\n\nexport default EditBankAccount;\n","import React from \"react\";\nimport { Label, Button } from \"semantic-ui-react\";\n\nimport { countries } from \"../Filters/data\";\nimport FormField from \"./FormField\";\n\nfunction EditClientIds({\n country,\n coid,\n taxid,\n i,\n bclientId,\n id,\n deleteClientIds,\n updateClientIds,\n syslang,lang,editable=false\n}) {\n const countriesOptions = countries.map((country, i) => ({\n key: i,\n value: country,\n text: country,\n }));\n\n const handleUpdate = (name, value) =>\n updateClientIds({\n clientId: bclientId,\n id,\n update: { [name]: value },\n });\n\n return (\n \n
\n {/*\n handleUpdateWithType({\n query: bankAccountId,\n type: \"remove bank account\",\n })\n }\n /> */}\n
\n\n \n {/*
\n
\n {/* \n
\n );\n}\n\nexport default EditClientIds;\n","import React, { useState } from \"react\";\nimport { Input, Grid, Button } from \"semantic-ui-react\";\n\nconst initFormValues = {\n email: \"\",\n phone: \"\",\n name: \"\",\n position: \"\",\n};\n\nfunction Contact({ addContact,syslang,lang }) {\n const [contacts, setContacts] = useState(initFormValues);\n\n const handleChange = (e, { name, value }) =>\n setContacts((prev) => ({ ...prev, [name]: value }));\n\n const clearForm = () => setContacts(initFormValues);\n\n return (\n \n
\n {/* deleteClientIds({ clientId: bclientId, id })}\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 addContact(contacts);\n clearForm();\n }}\n />\n \n \n \n
\n );\n}\n\nexport default Contact;\n","import { useState } from \"react\";\n\nexport function useToggleModalNewEdit(dafaultInitFormValues) {\n const [isModalOpen, setModalOpen] = useState(false);\n const [isEditModeOn, setEditMode] = useState(false);\n const [initFormValues, setinitFormValues] = useState(dafaultInitFormValues);\n\n const openModal = (edit = false, itemToEdit = dafaultInitFormValues) => {\n setModalOpen(true);\n setEditMode(edit);\n setinitFormValues(itemToEdit);\n };\n\n const closeModal = () => {\n setModalOpen(false);\n };\n\n return { isModalOpen, isEditModeOn, initFormValues, openModal, closeModal };\n}\n","import React, { useState } from \"react\";\nimport { Input, Button, Header } from \"semantic-ui-react\";\n\nimport CountryFilter from \"../../Filters/CountryFilter\";\n\nconst requieredFields = [\"country\", \"type\"];\n\nfunction SequencesModal({\n initFormValues,\n isEditModeOn,\n handleClose,\n edit,\n create,\n syslang,lang\n}) {\n const [formValues, setFormValues] = useState(initFormValues);\n const [touched, setTouched] = useState([]);\n const [validationError, setValidationError] = useState(false);\n\n const handleChange = (e, d) => {\n const { name, value } = d;\n setFormValues((prev) => ({ ...prev, [name]: value }));\n setTouched((prev) => [...prev, name]);\n };\n\n const handleAction = () => {\n const hasEmptyRequierdField = requieredFields.find(\n (field) => !formValues[field]\n );\n if (hasEmptyRequierdField) {\n setValidationError(true);\n return;\n }\n const query = {};\n for (let field of touched) {\n query[field] = formValues[field];\n }\n isEditModeOn\n ? edit({ id: formValues._id, update: query })\n : create(formValues);\n handleClose();\n };\n\n return (\n [identifier][possitions+start]
\n\n
\n {validationError && (\n \n Fill in the required fields!\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 const tableHeader = (\n \n openModal(false)}\n />\n
\n ) : (\n {lang.settings.sequences.noresult[syslang]}
\n\n openModal(false)}\n />\n \n
\n
\n )}\n\n \n
\n );\n\n const tableHeader = (\n \n
\n ) : (\n No billing options saved yet.
\n \n\n {/* openModal(false)}\n /> */}\n \n
\n
\n )}\n\n \n
\n );\n}\n\nconst mapStateToProps = (reduxState) => ({\n // settings: reduxState.businessclients.openClient.settings,\n syslang:reduxState.user.currentUser.sys_lang\n});\n\nexport default connect(mapStateToProps, {\n \n createBusinessProfile,\n updateBusinessProfile,\n})(ProfileSettings);\n","import React, { useState, useEffect } from \"react\";\nimport {\n Segment,\n // Dimmer,\n // Loader,\n // Icon,\n Header,\n Button,\n} from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\n\nimport {\n createBusinessClient,\n updateBusinessClient,\n getBusinessClient,\n updateBusinessClientContact,\n updateBusinessClientBankAccount,\n createSequence,\n deleteSequence,\n addClientIds,\n updateClientIds,\n deleteClientIds,\n} from \"../../actions/businessclient\";\n// import CanViewPage from \"../../role-based-access/CanViewPage\";\n// import CanView from \"../../role-based-access/CanView\";\nimport EditAddress from \"./EditAddress\";\nimport EditContact from \"./EditContact\";\nimport EditBankAccount from \"./EditBankAccount\";\nimport EditClientIds from \"./EditClientIds\";\n// import AddBankAccount from \"./CreateBC/AddBankAccount\";\nimport AddContact from \"./CreateBC/AddContact\";\n// import AddClientIds from \"./CreateBC/AddClientIds\";\nimport FormField from \"./FormField\";\nimport ProfileSettings from \"./ProfileSettings/ProfileSettings\";\nimport \"./businessclient.scss\";\nimport lang from '../../lang/config.json'\n\nfunction Businessprofile({\n syslang,\n businessclient,\n updateBusinessClient,\n updateBusinessClientContact,\n updateBusinessClientBankAccount,\n currentUser,\n updateClientIds,\n deleteClientIds,\n getBusinessClient,\n createBusinessClient,\n match,\n history\n}) {\n const addNewClient=()=>{\n createBusinessClient(history)\n }\n useEffect(() => getBusinessClient(match.params.id), []);\n // const [formValues, setFormValues] = useState(initFormValues);\n const {\n name,\n address,\n contacts = [],\n bankaccounts = [],\n companyids = [],\n } = businessclient;\n\n const handleUpdate = (name, value) =>\n updateBusinessClient({ id: match.params.id, query: { [name]: value } });\n\n \n const [addContactIsOpen, setAddContactOpen] = useState(false);\n // const [addBankIsOpen, setAddBankOpen] = useState(false);\n // const [addClientIdsIsOpen, setAddClientIdsOpen] = useState(false);\n\n const handleUpdateWithType = ({ query, type }) =>\n updateBusinessClient({\n id: match.params.id,\n query,\n type,\n });\n\nif(!currentUser.businessclient&&match.params.id==='null') return ()\n\n return (\n // \n
\n\n {opened && \n
\n {header}
\n {subHeader}\n{body}
}\n \n {/*
\n \n Name \n
*/}\n \n
\n {/* Address */}\n \n
\n \n {lang.table.address[syslang]} \n
\n\n \n {lang.table.contact[syslang]} \n
\n \n {contacts.map((contact, i) => (\n \n handleUpdateWithType({ query, type: \"new contact\" })\n }\n />\n ) : (\n // \n setAddContactOpen(true)}\n />\n // \n )}\n
\n {/* Bank Account */}\n \n {lang.table.bankdetails[syslang]} \n
\n \n {bankaccounts.map((account, i) => (\n
\n\n {/* Client Ids */}\n \n {lang.settings.company.companyid[syslang]} \n \n
\n \n {companyids.map((coIds, i) => (\n
\n \n {isAuthenticated && window.location.replace(\"/orders\")}\n {!isAuthenticated &&
\n \n\n )\n}\n\n\nexport default connect(null,{signInAction})(Demoaccount)","import React,{useEffect,useState} from 'react'\nimport {signInAsAction} from '../actions/auth'\nimport { connect } from \"react-redux\";\n// import {isMobile} from 'react-device-detect';\n\nconst Loginas =(props)=>{\n\nconst {username,password} = props.match.params\n// const {signInAsAction}=props\n\nconst [isAuthenticated,setAuth] = useState(false)\nuseEffect(()=>\n\n {\n // localStorage.clear() \n if(!isAuthenticated) signInAsAction({username,password,lang:'ENG'}).then(resp=>setAuth(true))},[isAuthenticated]\n )\n\n\n return( \n loading account...
}\n \n {isAuthenticated && window.location.replace(\"/orders\")}\n {!isAuthenticated &&
\n \n )\n}\n\n\nexport default connect(null,{})(Loginas)","\nimport React ,{useState} from 'react'\nimport {apiCall} from '../../../services/api'\nimport {\n Container,Message,Content,FlexboxGrid,\n ButtonToolbar,Form,FormGroup,\n Panel,FormControl,Button,Alert,\nInputGroup,Input} from 'rsuite'\n// import woo from './woo.png'\nimport Modal from \"react-responsive-modal\";\n\n\nconst Estetologin =(props) =>{\n \n \n const [api_username,setapi_username] = useState()\n const [shopUrl,setUrl] = useState('')\n const [api_password,setapi_password] = useState()\n const [isModalOpen,setModalOpen] = useState(false)\n\n const createEstetoShop =()=>{\n const url = `${process.env.REACT_APP_API}/eshops/esteto`;\n\n apiCall('post',url,{api_username,api_password,shopUrl})\n .then(eshop=>{\n \n Alert.success('Added new Eshop')\n props.history.push(`/eshops/esteto/${eshop._id}`)\n })\n .catch(error=>Alert.error(error.message,5000))\n }\n\n const viewImg = loading account...
}\n \n{viewImg}\n \n\n \n 
*/}\n
\n }\n />\n\n \n
\n \n {/* setModalOpen(true)}>Instructiuni:
\n- \n
- 1. Logativa in contul personal Esteto \n
- {`2. Accesul dvs.la API a fost activat. Credentialele le gasiti in platforma, accesand \"Contul Meu\"->\"Informatii API\".\n Tot acolo va trebui sa introduceti adresa (adresele) IP de la care veti accesa API-ul.`}\n \n {/*
- {`3. Copiati utilizatorul din tabelul cu IP pentru a fi inclus in campul de mai jos \"api_username:\"`}\n */}\n \n
loading...
\n return (\n \n {viewImg}\n \n {lang.settings.eshops.woo.settings[syslang]}\n \n\n\n
\n \n );\n}\n\nfunction mapStateToProps(reduxState){\n return ({\n syslang:reduxState.user.currentUser.sys_lang\n })\n}\nexport default connect(mapStateToProps,{})(Esteto)","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Switch, Route, withRouter } from \"react-router-dom\";\n\nimport \"react-notifications-component/dist/theme.css\";\nimport \"semantic-ui-css/semantic.min.css\";\nimport 'rsuite/dist/styles/rsuite-default.css';\n\n\nimport { signUpAction, signInAction, logOutAction } from \"../actions/auth\";\nimport { getUsers } from \"../actions/user\";\nimport { removeError } from \"../actions/error\";\n// import Users from '../components/Users/users'\nimport Home from \"../components/home\";\nimport Notification from \"../components/Notification\";\n// import Droparea from \"../components/Dropzone/droparea\";\n\n// import Authorization from \"../hocs/withLogged\";\nimport { AuthForm } from \"../components/AuthForm/authForm\";\n\n// DASHBOARD\n// import Dashboard from \"../components/Dashboard/\";\n// SHOPTET ACTIVATION\nimport Shoptetactivation from '../components/Addons/Shoptet'\nimport Shoptetsettings from '../components/Addons/Shoptet/shoptetsettings.jsx'\n\n// WAREHOUSE\nimport Warehouse from \"../components/Warehouse_v2\";\n// import Warehouse from \"../components/Warehouse\";\nimport Inventorycard from \"../components/Inventorycard/inventorycard\";\n\n// INBOUND SHIPMENT\nimport ViewInboundShipment from \"../components/InboundShipment/ViewIS/\";\nimport ListInboundShipment from \"../components/InboundShipment/ListIS/\";\n\n// PO\n// import ListPOs from \"../components/PO/ListPOs/\";\n// import CreatePO from \"../components/PO/CreatePO/\";\n// import EditViewPO from \"../components/PO/EditViewPO/\";\n\n// PRODUCT\nimport ProductsListPage from \"../components/Product/ProductsList/\";\nimport Newproduct from \"../components/Product/NewProduct/\";\nimport Product from \"../components/Product/EditViewProduct/\";\nimport CreateNewPG from \"../components/Productgroup/CreateNewPG\";\nimport EditViewPG from \"../components/Productgroup/EditViewPG\";\n// import ListPG from \"../components/Productgroup/ListPG\";\n\n// ORDER\nimport OrdersListPage from \"../components/Order/ListOrders\";\nimport CreateOrder from \"../components/Order/CreateOrder/\";\nimport ViewOrder from \"../components/Order/EditViewOrder\";\n\nimport Order from \"../components/Order/v2/Vieworder\"\n\nimport GenerateInvoice from \"../components/Order/Invoice/GenerateInvoice\";\n\n//Reports\nimport Stocksturnover from \"../components/Reports/Stockturnover\";\nimport Nogoodsreport from \"../components/Reports/Nogoods\";\nimport InvoicesList from \"../components/Reports/InvoicesList\"; //exports\n\n//Separate invoice list\nimport Invoices from '../components/Invoices'\nimport Viewinvoice from \"../components/Invoices/ViewInvoice\";\n\n\n// COURIER\nimport CourierList from \"../components/Courier/CourierList\";\nimport CourierPage from \"../components/Courier/CourierPage\";\n\n// Billing\nimport Services from \"../components/Billableservices/ServicesList\";\nimport Bills from \"../components/Billing/Bills/BillList\";\nimport ViewBill from \"../components/Billing/Bills/ViewBill\";\nimport GenereateBill from \"../components/Billing/Bills/BillPdf/GenerateBill\";\n//tranffers\n\n\nimport ListTransfers from \"../components/Transfers/ListTransfers\";\n// import ViewTransfer from \"../components/Transfers/ViewTransfer\";\n\n//Eshpos\nimport Eshops from '../components/Eshops'\nimport Emaglogin from '../components/Eshops/Emag/loginemag'\nimport Emagsettings from '../components/Eshops/Emag'\n\nimport Woologin from '../components/Eshops/Woocommerce/login'\nimport Woosettings from '../components/Eshops/Woocommerce'\n\nimport Eshoprychleapi from '../components/Eshops/Eshoprychle/login'\nimport Eshoprychle from '../components/Eshops/Eshoprychle'\nimport EshoprychleSignup from '../components/Eshops/Eshoprychle/signup'\n\n//Help\n\nimport UserProfileSettings from \"../components/UserProfileSettings\";\nimport NotFound from \"../components/NotFound\";\nimport PopupWindow from \"../components/PopupWindow.jsx\";\nimport ExportWindow from \"../components/ExportWindow.jsx\";\n\n//REFUNDS\nimport Refundstable from \"../components/Refund\"\nimport Costcalculator from '../components/Costcalculator'\nimport CostcalculatorRo from '../components/Costcalculator/ro'\n\nimport Inboundparcels from '../components/Inboundparcel/ListIS'\nimport Inboundparcel from '../components/Inboundparcel/EditViewIS'\n\n\n//PROFILE\nimport Businessprofile from '../components/Businessclient'\n// import CreateBC from '../components/Businessclient/CreateBC'\n\nimport Demoaccount from '../components/demo'\nimport Loginas from '../components/loginas'\nimport Estetologin from \"../components/Eshops/Esteto/login\";\nimport Esteto from \"../components/Eshops/Esteto\";\n\n//creat SOCKET.IO connection >>pass as props to child components\n// import io from \"socket.io-client\";\n\n// export const socket = io(`${process.env.REACT_APP_SOCKET}`);\n\n\nclass Main extends Component {\n componentWillMount() {\n // this.props.callLaterOrders()\n\n // socket.on(\"orderUpdated\", (order) => {\n // // console.log('server message: orderUpdated ', order.orderNr, `status: ${order.status}`)\n // this.props.socketOrderUpdatedAction(order);\n // });\n // socket.on(\"orderBusy\", (order) => {\n // // console.log('server message: orderBusy ', order.orderNr)\n // this.props.socketOrderUpdatedAction(order);\n // });\n\n // socket.on(\"newOrder\", (order) => {\n // // console.log('server message: NewOrder ', order)\n // this.props.socketNewOrderReceived(order);\n // });\n }\n\n componentDidUpdate() {\n if (this.props.errors.message === \"Please Login !!!\") {\n this.props.logOutAction();\n }\n }\n\n render() {\n const {\n user,\n errors,\n signUpAction,\n signInAction,\n logOutAction,\n isAuthenticated,\n \n isLoading,\n // searchResult,\n // users,\n removeError,\n } = this.props;\n\n return (\n // \n \n \n \n \n \n \n\n \n \n \n \n \n Import Estero products to wyzbox. If orders will have products not in wyzbox, the product will be added automaticaly.\n \n \n \n \n \n \n updateEshop({\n 'import_orders':!eshop.import_orders,\n })\n }\n />\n \n
\n }\n />\n \n \n\n \n \n \n \n
\n \n {lang.settings.eshops.woo.apiconnection[syslang]}\n
\n \n\n \n {!eshop.isActive && }\n {eshop.isActive && }\n
\n\n \n \n \n https://www. \n {\n setIschanged(true)\n setUrl(value)\n }\n }/>\n \n\n \n {\n setIschanged(true)\n setconsumer_key(value)\n }}\n >\n
\n \n \n\n \n {newPass&&{\n setIschanged(true)\n setconsumer_secret(value)\n }}\n >}\n
\n {!newPass&&}\n
\n \n \n {isChanged && \n {!newPass&&}\n
\n\n \n \n
}\n \n \n \n
\n {lang.settings.eshops.woo.products[syslang]}
\n \n\n \n
\n \n {lang.settings.eshops.woo.ordersimportmsg[syslang]}\n
\n \n \n\n //
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n isAuthenticated: state.user.isAuthenticated,\n username: state.user.currentUser.username,\n errors: state.errors,\n user: state.user,\n users: state.users.userlist,\n});\nexport default withRouter(\n connect(mapStateToProps, {\n signUpAction,\n signInAction,\n logOutAction,\n getUsers,\n removeError,\n })(Main)\n);\n","import {apiCall} from \"../services/api\"\nimport {addError,removeError} from \"./error\"\nimport {Operator} from '../setup'\nimport {setCurrentUser} from './auth'\nconst getUsersAction=(data)=>{\n return {\n type:\"LOAD_USERS\",\n data\n }\n}\nexport const getUsers=()=>(dispatch=>{\n apiCall(`get`, `${process.env.REACT_APP_API}/users`)\n .then(users => {\n \n if (users.foundUsers && users.foundUsers.length > 0) {\n \n let userlist = users.foundUsers.map(user => new Operator(user))\n dispatch(getUsersAction({\n userlist,\n viewPermissions: users.routePermission\n }))\n }\n \n })\n .catch(error => dispatch(addError(error.message)))\n})\n\n\nexport const updateUser =(query)=>(dispatch=>{\n // debugger\n // dispatch({type:\"ISLOADING\"})\n apiCall('put', `${process.env.REACT_APP_API}/users`,query)\n .then(user => {\n dispatch(setCurrentUser(user))\n }\n )\n .catch(error => dispatch(addError(error.message)))\n})\n\n","import React, { useState } from \"react\";\nimport { Icon, Button, Divider, Header } from \"semantic-ui-react\";\nimport { connect } from \"react-redux\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport { Drawer,Dropdown } from \"rsuite\";\nimport lang from '../../lang/config.json'\nimport { logOutAction, signInAction } from \"../../actions/auth\";\nimport { updateUser } from \"../../actions/user\";\n\n\nfunction TopNavUser({ user, logOutAction,mobile=false,syslang ,updateUser}) {\n const handleLogOut = () => {\n logOutAction();\n };\n\n const [isDrawerOpen, setDrawer] = useState(false);\n const openDrawer = () => setDrawer(true);\n const closeDrawer = () => setDrawer(false);\n\n const setSyslanguage =(value)=>\n {\n updateUser({'settings.sys_lang':value})\n }\n // useEffect(() => {\n // console.log(user);\n // if (!user.isAuthenticated) {\n // console.log(user);\n // history.push(\"/signin\");\n // }\n // }, [user.isAuthenticated]);\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 // Footer
*/}\n \n setSyslanguage(eventKey)}\n title={user.currentUser.sys_lang}>\n \n ENG \n RO \n CZ \n SK \n RU \n \n {/* */}\n
\n \n \n \n
\n \n \n {lang.topbar.hi[syslang]}, {user.currentUser.username}\n \n {\n handleLogOut();\n closeDrawer();\n }}\n >\n
\n \n {lang.topbar.nonotification[syslang]}\n
\n {/* - \n
- \n \n
Settings\n \n \n
\n
\n \n \n
\n \n
\n \n \n {showMenu && (\n \n \n \n \n \n \n \n \n setExpand(!expand)} />\n \n )}\n \n \n setShowMenu(!showMenu)}\n user={user}\n >\n\n \n \n \n \n
\n );\n \n}\n\nconst mapStateToProps = state => ({\n user: state.user\n});\n\nexport default withRouter(connect(mapStateToProps, {})(MainWithNav));\n","import React from \"react\";\nimport withClearCache from \"../ClearCache\";\n\nimport \"./App.scss\";\n// import Main from \"./Main\";\nimport MainWithNav from \"./MainWithNav\";\n\nconst ClearCacheComponent = withClearCache(MainWithNav);\n\n\n// const MainWithNav = MainWithNav_HOC(Main);\n\nclass App extends React.Component {\n render() {\n // return \n
\n