\n \n
\n
\n \n \n \n );\n}\n\nexport default PoliciesComponent;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport {\n Form,\n Input,\n Button,\n Typography,\n Card,\n Space,\n Divider,\n Row,\n Alert,\n Checkbox,\n} from 'antd';\nimport {\n FacebookFilled,\n GoogleCircleFilled,\n} from '@ant-design/icons';\nimport FacebookLogin from 'react-facebook-login';\nimport GoogleLogin from 'react-google-login';\nimport {\n register,\n googleLogin,\n} from '../../appStore/actions/authenticationActions';\nimport { Link } from 'react-router-dom';\nimport KabadaIcon from './KabadaIcon';\nimport {\n cardStyle,\n buttonStyle,\n textColor,\n inputStyle,\n} from '../../styles/customStyles';\nimport { tailLayout } from '../../styles/customLayouts';\nimport PoliciesComponent from './PoliciesComponent';\n\nconst { Text, Title } = Typography;\nconst policiesTextStyle = {\n textAlign: 'left',\n fontSize: '12px',\n marginBottom: '0px',\n width: '100%',\n justifyContent: 'center',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '20px',\n color: '#8C8C8C',\n};\n\nconst policiesLinkTextStyle = {\n color: '#1890ff',\n};\n\nclass Register extends React.Component {\n state = {\n submited: false,\n policy: false,\n policiesVisible: false,\n };\n\n onPolicyChange = (value) => {\n this.setState(\n {\n policy: value,\n },\n () => console.log(this.state.policy)\n );\n };\n\n showPolicy = () => {\n this.setState({\n policiesVisible: true,\n });\n };\n hidePolicy = () => {\n this.setState({\n policiesVisible: false,\n });\n };\n savePolicy = () => {\n this.setState({\n policy: true,\n policiesVisible: false,\n });\n };\n\n responseFacebook = (response) => {\n //console.log(response);\n };\n\n responseGoogle = (response) => {\n const email = response.profileObj.email;\n this.props.googleLogin(email, response.tokenId);\n };\n\n responseFailGoogle = (response) => {\n //console.log(response);\n };\n\n onFinish = (values) => {\n this.setState({\n submited: true,\n });\n this.props.register('Test', values.email, values.password, () => {\n this.props.history.push('/login');\n });\n };\n\n onFinishFailed = (errorInfo) => {\n //console.log('Failed:', errorInfo);\n };\n\n render() {\n const query = new URLSearchParams(this.props.location.search);\n const email = query.get('email');\n\n return (\n <>\n \n \n KABADA Terms and Conditions\n \n
\n \n \n By setting up a user account, I agree with the following\n conditions for the processing of personal data and that\n personal data is processed to ensure the efficient functioning\n of the system developed in the Erasmus + Knowledge Alliance\n project: KABADA / Knowledge Alliance of Business idea\n Assessment: Digital Approach (No.\n 612542-EPP-1-2019-1-LV-EPPKA2-KA). The controller of the\n personal data is Banku augstskola (Reg. No. 90000437699),\n address Krišjāņa Valdemāra Street 161, Riga, LV-1013, Latvia.\n Email info@kabada.eu.\n \n
\n\n \n \n What personal data are processed?\n \n
\n \n \n Email address and first name, last name. The business plans\n created by the personal in KABADA system and they structure.\n \n
\n\n \n \n For what purpose personal data is being processed?\n \n
\n \n \n Personal data is used to identify the user and the user can\n access their own and other users' shared business plans\n created in the KABADA system. The structure of business plans\n created by the person is used in the training of the\n artificial intelligence of the KABADA system, which provides\n support for new business plans and training of artificial\n intelligence itself.\n \n
\n\n \n Legal basis \n
\n \n \n When processing personal data, the controller shall comply\n with Regulation (EU) 2016/679 of the European Parliament and\n of the Council of 27 April 2016 on the protection of\n individuals with regard to the processing of personal data and\n on the free movement of such data and repealing the provisions\n of Directive 95/46/EC.\n \n
\n\n \n \n Security and access to data{' '}\n \n
\n \n \n Personal data is stored on the servers of the Banku augstskola\n located in the territory of the European Union or the Member\n States of the European Economic Area. Access to personal data\n is for the staff of KABADA project to resolve technical issues\n related to the use of software, as well as to provide support\n services to system users. The KABADA project shall take\n appropriate physical, organisational and technical security\n measures to protect personal data from accidental or illegal\n destruction, disappearance, modification or unauthorised\n access and disclosure. The transfer of personal data to other\n potentially interested parties is not carried out.\n \n
\n\n \n \n Access to and rectification of personal data\n \n
\n \n \n Personal data can be accessed and rectified in the user\n profile of KABADA system.\n \n
\n\n \n \n Storage and erasure\n \n
\n \n \n With the closing of the KABADA system user account, personal\n data is deleted, including the business plans created by the\n person in the KABADA system and their structures. Valid user\n accounts are maintained for as long as the KABADA system is\n used.\n \n
\n\n \n Dispute settlement \n
\n \n \n Disputes related to the processing of personal data are\n resolved through user support in info@kabada.eu\n \n
\n \n \n \n value\n ? Promise.resolve()\n : Promise.reject(new Error('Should accept agreement')),\n },\n ]}\n >\n\t\t\t\t
\n \n \n\t\t\t\t this.onPolicyChange(e.target.checked)}\n >\n\t\t\t \n\t\t\t\t \n By continuing, you agree with{' '}\n \n Terms of service and Privacy Policy\n \n .\n \n\t\t\t\t
\n \n\t\t\t \n \n\n \n Start off your business on the right foot
\nGet organized and set up your business plan properly using our easy-to-use structured framework
\n\n
\n \n\n Do it all with KABADA
\n\nSet up your perfect business plan from scratch. From the initial business idea to detailed financial projections, KABADA provides a way to plan and assess every aspect of your new enterprise.
\n\n \nBusiness Canvas
\n\nThe Business Canvas offers you a structured way to describe your business model. How will your business create, deliver, and capture value?
\n \n\nFinancial Projections
\n\nThe Financial Projections section will evaluate your company's current and future financial position. What assets\n\n do you have? What investments will you need? What will your costs and revenues be? Will your overall cash flow over time be viable?
\n \n\nSWOT Analysis
\n\nShort for \"Strengths, Weaknesses, Opportunities, and Threats\", SWOT analysis allows you to identify both internal and external factors that affect your likelihood to succeed. What are your firm’s internal strengths and weaknesses relative to your competition? What opportunities does the external environment offer you
\n \n\nPersonal Characteristics
\n\nThe success of a company depends a great deal on the people behind it. In this section, you will answer a few questions about yourself, your reasons for starting the business, and your readiness to tackle the trials ahead. Are you up to the challenge?
\n \n\nIndustry data
\n\n\n You will be provided with data on how others are doing in your industry, in your country, and in the European Union. What are the turnover, the productivity, and the cost structure like? How likely are new firms to survive?
\n \n\n\nIndustry risk assessment
\n\n\n KABADA provides a structured overview of the risks your new business may face, depending on the industry in which you plan to operate. Awareness of the potential risks will help you take appropriate action to mitigate their potential impact.
\n \n \nWho is this tool for?
\n\n \n\nResources to give you the
\ninside track
\n \n{item.title.rendered}
\n\n \n \n \nPartners
\n \nSet up your perfect business plan now
\n\nThe KABADA tool was developed as an Erasmus+ KA2 project No. 612542-EPP-1-2019-1-LV-EPPKA2-KA.
\nThe information and views set out in this web-site are those of the authors and do not necessarily reflect the official opinion of the European Union. Neither the European Union institutions and bodies nor any person acting on their behalf may be held responsible for the use which may be made of the information contained therein.
\n \n\n
\n\n \n \n {/* \n this.onHowToUseKabada()}\n style={{...buttonStyle, cursor: 'pointer'}}\n >\n How To Use KABADA\n \n this.onLoginClick()}\n style={{...buttonStyle, cursor: 'pointer'}}\n >\n \n Login\n \n \n
\n\n\n \n\n Login
\n */}\n\n {this.props.children}\n
\n \n // \n // \n // {this.props.children}\n // \n // \n //
\n // \n // \n //
\n // \n );\n }\n}\n\nexport default AuthenticationWindow;","import React, { Component } from 'react';\nimport { Card, Row, Space, Typography } from 'antd';\nimport { Link } from 'react-router-dom';\nimport KabadaIcon from './KabadaIcon';\n\nimport { cardStyle, textColor} from '../../styles/customStyles';\n\nconst textColor2 = { color: '#262626', fontWeight: '400' };\n\nconst { Title, Text } = Typography;\n\nclass SentPassword extends Component {\n\n render() {\n return (\n \n this.onHomeClick()}/>\n \n \n
\n \n \n \n this.onHowToUseKabada()}\n style={{...buttonStyle, cursor: 'pointer'}}\n >\n How To Use KABADA\n \n \n {name} \n \n
\n \n \n \n Import\n \n \n Create Plan\n \n
\n \n Recieve email when someone reads your business plan
\n Recieve personal contact notifications
\n \n Email \n
\n \n {this.props.user.email} \n
\n \n \n Password \n
\n \n \n \n \n
\n \n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n loading: state.loading,\n error: state.error,\n message: state.message,\n userSettings: state.userSettings,\n };\n}\n\nexport default connect(mapStateToProps, { getUserSettings, updateUserSettings, changeUserPassword, logout })(UserSettingsWindow);\n","import kabadaAPI from './kabadaAPI';\nimport { errorHandler } from './errorHandler';\n\nexport const getSwotList = (planId,callback) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n const response = await kabadaAPI.get('api/swot/' + planId, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: \"FETCHING_SWOT_SUCCESS\", payload: response.data });\n callback();\n } catch (error) {\n if (error.response === undefined) {\n dispatch({\n type: \"ERROR\",\n payload: { message: \"Oopsie... System error. Try again, later\" },\n });\n } else {\n dispatch({ type: \"ERROR\", payload: error.response.data });\n }\n } finally {\n dispatch({ type: \"LOADING\", payload: false });\n }\n };\n};\n\nexport const updateSwotList = (type, item) => {\n return async (dispatch, getState) => {\n try {\n dispatch({ type: 'UPDATE_SWOT_LIST_SUCCESS', payload: { \"type\": type, \"item\": item } });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const updateCheckedStrenghsAndOportunities = (type, item) => {\n return async (dispatch,getState)=>{\n try {\n dispatch({ type: 'UPDATE_CHECKED_STRENGHTS_OPORTUNITIES_SUCCESS', payload: { \"type\": type, \"item\": item } });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n}\n\nexport const createNewItem = (type, item) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n const response = await kabadaAPI.post('api/swot/save', item, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: 'CREATE_NEW_ITEM_SUCCESS', payload: { \"type\": type, \"item\": { \"key\": response.data, \"id\": response.data, \"title\": '', description: '', \"value\": 0, \"isLocal\": true } } });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const updateItem = (type, item) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n await kabadaAPI.post('api/swot/save', item, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: 'UPDATE_ITEM_SUCCESS', payload: { \"type\": type, \"item\": { \"key\": item.swot.id, \"id\": item.swot.id, \"title\": item.swot.name, description: '', \"value\": item.swot.operation, \"isLocal\": true } } });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const discardChanges = () => {\n return async (dispatch, getState) => {\n try {\n dispatch({ type: 'DISCARD_CHANGES_SUCCESS', payload: {} });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const saveChanges = (planId, callback) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n const updates = getState().swotList.updates;\n const strengths = updates.strengths.map(obj=> ({ \"id\": obj.id, \"name\": obj.title, \"operation\": obj.value }));\n const opportunities = updates.opportunities.map(obj=> ({ \"id\": obj.id, \"name\": obj.title, \"operation\": obj.value }));\n\n const postObj = {\n \"business_plan_id\": planId,\n \"opportunities_threats\": opportunities,\n \"strengths_weakness\": strengths\n }\n\n await kabadaAPI.post('api/swot/update', postObj, { headers: { Authorization: `Bearer ${token}` } });\n\n if (callback !== null) {\n callback();\n }\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const saveState = (planId, is_completed, callback) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n await kabadaAPI.post('api/plans/changeSwotCompleted', { \"business_plan_id\": planId, \"is_swot_completed\": is_completed }, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: 'SAVE_STATE_SUCCESS', payload: is_completed });\n callback();\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const deleteItem = (type, item) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n const id = type === 1 ? item.strengths_weakness[0].id : item.opportunities_threats[0].id;\n await kabadaAPI.post('api/swot/update', item, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: 'DELETE_ITEM_SUCCESS', payload: { \"type\": type, \"id\": id } });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const getSwotAI = (postObject) => {\n return async (dispatch, getState) => {\n try {\n const token = getState().user.access_token;\n const response = await kabadaAPI.post('api/plans/predict', postObject, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: 'GET_AI_SWOT_PREDICT_SUCCESS', payload: response.data.plan.swot });\n } catch (error) {\n dispatch({ type: 'ERROR', payload: errorHandler(error) });\n } finally {\n }\n }\n};\n\nexport const setSwotOpportunitiesAIPredict = () => {\n return async (dispatch, getState) => {\n dispatch({ type: \"LOADING\", payload: true });\n try {\n const aiPredict = getState().swotList.swotAIPredict.opportunities;\n const userInsertedData = {\n original: getState().swotList.original.oportunities_threats,\n updates: getState().swotList.updates.opportunities\n }\n dispatch({ type: 'SET_SWOT_OPPORTUNITIES_AI_PREDICT', payload: {predict: aiPredict, userData: userInsertedData } })\n } catch {\n\n } finally {\n\n }\n }\n}\n","import React, { Component } from 'react';\nimport { Tooltip } from 'antd';\nimport { InfoCircleFilled } from '@ant-design/icons';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\n\nclass TooltipComponent extends Component {\n title = (tooltip, code) => {\n if (tooltip === undefined) {\n const title = undefined;\n return title\n } else if (tooltip !== undefined) {\n const title = tooltip.find((element, index) => element.code === code);\n return title\n }\n }\n render() {\n const { code, type } = this.props;\n const title = this.title(this.props.tooltips.tooltips, code);\n if (title !== undefined) {\n if (type === 'title' && title.tooltip !== null) {\n return (\n <>\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n SWOT \n
\n \n \n Mark as completed
\n \n \n Strengths and weaknesses \n \n
\n \n \n Opportunities and threats \n \n
\n \n \n Strengths and weaknesses \n \n
\n \n \n Opportunities and threats \n \n
\n \n \n {i === 1?\n \n \n {item.options.map((o, j) =>\n {o.title} \n )}\n \n \n :\n \n \n {item.options.map((o, j) =>\n {o.title} \n )}\n \n \n }\n \n
\n );\n return uiElements;\n }\n else{\n return \n }\n }\n onRadioSelection(item, e) {\n const array = this.state.selections;\n array[item] = e.target.value;\n // if not Rent is selected set disabled to true\n if (this.props.resourceType !== \"Human resources\") {\n if (array[0] !== 0) {\n this.setState({\n selections: array,\n disable: true\n }, () => console.log('State disable:'+this.state.disable));\n } else {\n this.setState({\n selections: array,\n disable: false\n });\n }\n }else{\n // if its human resources.\n //if not Myself is selected disable\n if(array[0] === 2){\n this.setState({\n selections: array,\n disable: true\n });\n }else{\n this.setState({\n selections: array,\n disable: false\n })\n }\n }\n\n }\n\n onSelectionChange(id) {\n const typesClone = JSON.parse(JSON.stringify(this.props.category.types));\n let name = '';\n typesClone.map((element,index)=>{\n if(element.id === id){\n name = element.title\n }\n });\n this.setState({\n typeTitle: name,\n selectedItemId: id\n });\n }\n\n componentDidMount() {\n }\n\n render() {\n const options = this.props.category.types.map(t =>\n \n );\n const defaultValue = this.props.category.types.length > 0 ? this.props.category.types[0].id : \"\";\n const elements = this.getSelections(this.state.selectedItemId === null ? defaultValue : this.state.selectedItemId);\n // const element2 = this.getSelectionsSecond(this.state.selectedItemId === null ? defaultValue : this.state.selectedItemId);\n\n return (\n <>\n \n {item.title === 'Frequency' ?\n \n \n \n {item.options.map((o, j) =>\n {o.title} \n )}\n \n \n\n :\n \n \n \n {item.options.map((o, j) =>\n {o.title} \n )}\n \n \n\n }\n
\n );\n return uiElements;\n }\n else {\n return \n }\n }\n\n getInitialSelections() {\n const array = this.transformSelections();\n const uiElements = this.props.resource.selections !== null ? this.props.resource.selections.map((item, i) =>\n \n {item.title === 'Frequency' ?\n \n \n \n {item.options.map((o, j) =>\n {o.title} \n )}\n\n \n \n \n : \n \n \n {item.options.map((o, j) =>\n {o.title} \n )}\n\n \n \n }\n
\n\n )\n : []\n return uiElements;\n }\n\n onRadioSelection(item, e) {\n const array = this.state.selections;\n const changesArray = this.state.is_changed;\n changesArray[item] = true;\n array[item] = e.target.value;\n if (this.props.resource.category.description === 'Human resources') {\n if (array[0] === 2) {\n this.setState({\n selections: array,\n is_changed: changesArray,\n disable: true\n })\n } else {\n this.setState({\n selections: array,\n is_changed: changesArray,\n disable: false\n })\n }\n } else if (this.props.resource.category.description === \"Physical resources\" || this.props.resource.category.description === \"Intellectual resources\") {\n //if its Physical or Intelectual resources. THEN if not Rent is selected set disabled to true\n if (array[0] !== 0) {\n this.setState({\n selections: array,\n is_changed: changesArray,\n disable: true\n })\n } else {\n this.setState({\n selections: array,\n is_changed: changesArray,\n disable: false\n })\n }\n }\n\n\n }\n\n onSelectionChange(id) {\n this.setState({\n selectedItemId: id,\n selections: [0, 0]\n });\n }\n\n getOptions() {\n const index = this.props.categories.findIndex(x => x.id === this.props.resource.category.id);\n if (index > -1) {\n const options = this.props.categories[index].types.map(t =>\n \n );\n return options;\n } else {\n return ;\n }\n }\n componentDidMount() {\n\n // if options length is only 2 then its raw material selected\n if (this.props.resource.selections[0].options.length === 2) {\n this.setState({\n disable: false\n })\n } else {\n // if we are editing one of Human recources\n if (this.props.resource.category.description === 'Human resources') {\n // If ownership type is Mysalf then disable frequencies\n if (this.props.resource.selections[0].options[2].selected === true) {\n this.setState({\n disable: true\n })\n }\n } else if (this.props.resource.category.description === \"Physical resources\" || this.props.resource.category.description === \"Intellectual resources\") {\n // if we are editing Physical or Intelectual recourses. which structure is basically same\n // if selected ownership type is Buy or Own we have to disable Frequencies\n if (this.props.resource.selections[0].options[1].selected === true || this.props.resource.selections[0].options[2].selected === true) {\n this.setState({\n disable: true\n })\n }\n }\n }\n }\n\n render() {\n const options = this.getOptions();\n const defaultValue = this.state.selectedItemId === null ? this.props.resource.type_id : this.state.selectedItemId;\n let elements = [];\n\n if (this.state.selectedItemId === null) {\n elements = this.getInitialSelections();\n } else {\n elements = this.getSelections();\n }\n\n return (\n <>\n \n {record.selections[0].options[0].selected === true ?\n
\n )\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n {text}
: record.selections[0].options[1].selected === true ?Buy
:\n record.selections[0].options[2].selected === true ?Own
: \"\"}\n\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Key Resource \n
\n \n \n Mark as completed:
\n \n \n Key resources \n
\n \n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n type: state.selectedPartnersCategoryType,\n partners: state.partners,\n category: state.selectedPartnersCategory,\n };\n}\n\nexport default connect(mapStateToProps, { saveDistributor, saveSupplier, saveOther })(AddKeyPartnerModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Radio, Input, Typography, Popover, Row } from 'antd';\nimport '../../css/customModal.css';\nimport { inputStyle } from '../../styles/customStyles';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateDistributor, updateSupplier, updateOther } from \"../../appStore/actions/partnersAction\";\n\nconst { Text } = Typography;\n\nconst priorityData = [\n {\n value: false,\n title: 'No',\n tag: 0\n },\n {\n value: true,\n title: 'Yes',\n tag: 0\n }\n]\n\nclass EditKeyPartnerModal extends Component {\n state = {\n priority: {value: this.props.item.is_priority, tag: 0},\n companyName: '',\n website: '',\n comment: '',\n popoverVisibility: false,\n popoverType: 'no predict',\n popoverTextObject: [],\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n const priority = this.state.priority === null ? this.props.item.is_priority : this.state.priority;\n const postObj = {\n \"id\": this.props.item.id,\n \"business_plan_id\": this.props.businessPlan.id,\n \"type_id\": this.props.item.type_id,\n \"name\": this.state.companyName === '' ? this.props.item.name : this.state.companyName,\n \"is_priority\": priority.value,\n \"website\": this.state.website === '' ? this.props.item.website : this.state.website,\n \"comment\": this.state.comment === '' ? this.props.item.comment : this.state.comment\n }\n\n if (this.props.item.category === \"distributor\") {\n this.props.updateDistributor(postObj, this.props.item.type_title);\n } else if (this.props.item.category === \"supplier\") {\n this.props.updateSupplier(postObj, this.props.item.type_title);\n } else if (this.props.item.category === \"other\") {\n this.props.updateOther(postObj, this.props.item.type_title);\n } else {\n return;\n }\n\n this.props.onClose();\n }\n\n onCompanyNameChange = (e) => {\n this.setState({\n companyName: e.target.value\n });\n }\n\n onWebsiteChange = (e) => {\n this.setState({\n website: e.target.value\n });\n }\n\n onCommentChange = (e) => {\n this.setState({\n comment: e.target.value\n });\n }\n\n onChangePriority = e => {\n this.setState({\n priority: { value: e.target.value, tag: 0 }\n })\n }\n\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.partners.aiPredict === null) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict'\n })\n } else {\n const text = this.generateAIHelpText(this.props.partners.aiPredict);\n if (text === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict',\n })\n } else {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'is predict',\n popoverTextObject: text\n })\n }\n }\n }\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n generateAIHelpText = (predictsObj) => {\n const aiHintTextObject = [];\n if (predictsObj !== undefined) {\n const predict = predictsObj.find(x => x.id === this.props.item.id);\n const priorityAIValue = predict.priority[0].toLowerCase() === 'true';\n if (this.state.priority.value === priorityAIValue) {\n this.setState({\n popoverType: 'no predict',\n })\n } else {\n const newObjectPriority = {\n type_title: 'priority',\n text: predict.priority[0]\n };\n aiHintTextObject.push(newObjectPriority);\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n onAIButtonClick = () => {\n const priorityAiValue = this.props.partners.aiPredict[0].priority[0].toLowerCase() === 'true';\n const priorityObj = {\n value: priorityAiValue,\n tag: 1\n }\n this.setState({\n priority: priorityObj\n })\n this.hidePopover();\n }\n\n getColor = (value) => {\n const element = this.state.priority !== null && this.state.priority.value === value ? this.state.priority : undefined;\n if (element === undefined) {\n let color = \"#FFFFFF\"\n return color\n } else {\n if (element.tag === 0) {\n let color = \"#FFFFFF\"\n return color\n } else if (element.tag === 1) {\n let color = \"#BAE7FF\"\n return color\n } else {\n let color = \"#FFFFFF\"\n return color\n }\n }\n }\n\n render() {\n const popoverContent = (\n <>\n {\n this.state.popoverType === 'no predict' ?\n <>\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n category: state.selectedPartnersCategory,\n partners: state.partners,\n categories: state.partnersCategories\n };\n}\n\nexport default connect(mapStateToProps, { updateDistributor, updateSupplier, updateOther })(EditKeyPartnerModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, InfoCircleFilled, PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle, tableTitleStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport KeyPartnersModal from \"../components/KeyPartnersModal\";\nimport AddKeyPartnerModal from '../components/AddKeyPartnerModal';\nimport EditKeyPartnerModal from '../components/EditKeyPartnerModal';\nimport { getPartners, getPartnersCategories, selectCategory, deleteDistributor, deleteSupplier, deleteOther, saveState, getKeyPartnersAIPredict } from \"../../appStore/actions/partnersAction\";\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from \"../components/Tooltip\";\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass KeyPartners extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n isCategoriesModalVisible: false,\n isPartnerModalVisible: false,\n isEditPartnerModalVisible: false,\n category: null,\n item: { \"type_title\": \"\" },\n selectedCategoryType: null,\n };\n }\n\n handleCallbackCategroryType = (childData, priority) => {\n this.setState({\n selectedCategoryType: childData\n })\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n addNewItem = () => {\n this.setState({\n isCategoriesModalVisible: true,\n });\n }\n\n onAddNewPartner = () => {\n this.setState({\n isPartnerModalVisible: true\n });\n }\n\n onAddNewDistributor = () => {\n const postObj = {\n \"location\": 'plan::keyPartners::distributors::sample',\n \"planId\": this.props.businessPlan.id\n };\n const partnerType = 'distributors';\n this.props.getKeyPartnersAIPredict(postObj, partnerType);\n this.props.selectCategory(\"distributor\", this.props.categories.distributors, () => {\n this.setState({\n isCategoriesModalVisible: true\n });\n });\n }\n\n onAddNewSupplier = () => {\n const postObj = {\n \"location\": 'plan::keyPartners::suppliers::sample',\n \"planId\": this.props.businessPlan.id\n };\n const partnerType = 'suppliers';\n this.props.getKeyPartnersAIPredict(postObj, partnerType);\n this.props.selectCategory(\"supplier\", this.props.categories.suppliers, () => {\n this.setState({\n isCategoriesModalVisible: true\n });\n });\n }\n\n onAddNewOther = () => {\n const postObj = {\n \"location\": 'plan::keyPartners::others::sample',\n \"planId\": this.props.businessPlan.id\n };\n const partnerType = 'others';\n this.props.getKeyPartnersAIPredict(postObj, partnerType);\n this.props.selectCategory(\"other\", this.props.categories.others, () => {\n this.setState({\n isCategoriesModalVisible: true\n });\n });\n }\n\n onCloseCategoriesModal = () => {\n this.setState({\n isCategoriesModalVisible: false\n });\n };\n\n onClosePartnerModal = () => {\n this.setState({\n isPartnerModalVisible: false\n });\n };\n\n onCloseEditPartnerModal = () => {\n this.setState({\n isEditPartnerModalVisible: false,\n item: { \"type_title\": \"\" }\n });\n };\n\n onBackToCategoriesModal = () => {\n this.setState({\n isPartnerModalVisible: false,\n isCategoriesModalVisible: true\n });\n };\n\n onDeleteDistributor(item) {\n this.props.deleteDistributor(item.id);\n }\n\n onDeleteSupplier(item) {\n this.props.deleteSupplier(item.id);\n }\n\n onDeleteOther(item) {\n this.props.deleteOther(item.id);\n }\n\n onEditDistributor(item) {\n const postObj = {\n \"location\": `plan::keyPartners::distributors::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n const partnerType = 'distributors';\n this.props.getKeyPartnersAIPredict(postObj, partnerType);\n this.setState({\n isEditPartnerModalVisible: true,\n item: { ...item, \"category\": \"distributor\" }\n });\n }\n\n onEditSupplier(item) {\n const postObj = {\n \"location\": `plan::keyPartners::suppliers::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n const partnerType = 'suppliers';\n this.props.getKeyPartnersAIPredict(postObj, partnerType);\n this.setState({\n isEditPartnerModalVisible: true,\n item: { ...item, \"category\": \"supplier\" }\n });\n }\n\n onEditOther(item) {\n const postObj = {\n \"location\": `plan::keyPartners::others::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n const partnerType = 'others';\n this.props.getKeyPartnersAIPredict(postObj, partnerType);\n this.setState({\n isEditPartnerModalVisible: true,\n item: { ...item, \"category\": \"other\" }\n });\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getPartners(this.props.businessPlan.id);\n this.props.getPartnersCategories();\n });\n this.props.getTooltips();\n }\n } else {\n this.props.getPartners(this.props.businessPlan.id);\n this.props.getPartnersCategories();\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n\n const distributorsColumns = [\n {\n title: 'Distributor type',\n dataIndex: 'type_title',\n key: 'type_title',\n width: '31.5%',\n },\n {\n title: 'Company',\n dataIndex: 'name',\n key: 'name',\n width: '15%',\n },\n {\n title: 'Priority',\n dataIndex: 'priority',\n key: 'priority',\n width: '34%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Key Partners \n
\n \n \n Mark as completed:
\n \n \n Key Distributors \n \n
\n \n \n Key Suppliers \n \n
\n \n \n Other \n \n
\n \n \n
\n )\n }\n}\n\nconst mapStateToProps = state => ({\n loading: state.downloadLoading\n})\n\nexport default connect(mapStateToProps)(FullPageLoader)","import kabadaAPI from './kabadaAPI';\n\nexport const getRisks = (activityId, callback) => {\n return async (dispatch, getState) => {\n dispatch({ type: \"LOADING\", payload: true });\n try {\n const token = getState().user.access_token;\n const response = await kabadaAPI.get('api/nace/risks/' + activityId, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: \"FETCHING_RISKS_SUCCESS\", payload: response.data });\n callback();\n } catch (error) {\n if (error.response === undefined) {\n dispatch({\n type: \"ERROR\",\n payload: { message: \"Oops... System error. Try again, later\" },\n });\n } else {\n dispatch({ type: \"ERROR\", payload: error.response.data });\n }\n } finally {\n dispatch({ type: \"LOADING\", payload: false });\n }\n };\n};\n\nexport const getSelectedPlanActiveKey = (planId, callback) => {\n return async (dispatch, getState) => {\n dispatch({ type: \"LOADING\", payload: true });\n try {\n const token = getState().user.access_token;\n const response = await kabadaAPI.post(\"api/plans/fetch\", { \"Id\": planId }, { headers: { Authorization: `Bearer ${token}` } });\n dispatch({ type: \"FETCHING_RISKS_ACTIVE_KEY\", payload: response.data.activityID });\n callback();\n } finally {\n dispatch({ type: \"LOADING\", payload: false });\n }\n };\n};","import React, { Component } from 'react'\nimport { Table, Typography, Tag, Alert } from 'antd';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport '../../../css/IndustryRisks.css';\nimport { InfoCircleFilled } from '@ant-design/icons';\nimport { getRisks, getSelectedPlanActiveKey } from '../../../appStore/actions/industryRiskAction';\nimport { getSelectedPlanDetails } from '../../../appStore/actions/planActions';\nimport TooltipComponent from '../Tooltip';\n\n\n\nconst { Text } = Typography;\n\n\n\nclass IndustryRisks extends Component {\n constructor(props) {\n super(props);\n this.state = {\n riskscol: [],\n macro: []\n }\n }\n\n\n componentDidMount() {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.getSelectedPlanActiveKey(this.props.businessPlan.id)\n this.props.getRisks(this.props.industryRisk.activeKey, () => {\n this.setState({\n riskscol: this.props.industryRisk.risks.risks\n })\n this.filterriskMacro();\n })\n\n }\n } else {\n this.props.getSelectedPlanActiveKey(this.props.businessPlan.id, () => {\n this.props.getRisks(this.props.industryRisk.activeKey, () => {\n this.setState({\n riskscol: this.props.industryRisk.risks.risks\n })\n })\n })\n\n\n\n }\n }\n\n filterRisks = (type) => {\n if (this.state.riskscol === null) {\n return;\n } else {\n const riskGroup = this.state.riskscol.filter((x, index) => x.category === type)\n riskGroup.map((element1, index = 1) => {\n\n element1.key = index++;\n\n return element1;\n })\n return riskGroup\n }\n }\n render() {\n\n const columns = [\n {\n title: 'Risk',\n dataIndex: 'risk',\n key: 'risk',\n width: '58%',\n render: (text, record, index) => (\n <>\n \n \n
\n \n\n (\n\n <>\n Macro (\n <>\n Industry (\n <>\n Company
\n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n industryRisk: state.industryRisk,\n };\n}\nexport default connect(mapStateToProps, { getRisks, getSelectedPlanDetails, getSelectedPlanActiveKey })(withRouter(IndustryRisks))","/* \n V11110\tEnterprises – number\t \t \t \t \t \t \t \t\t \t \t \t \t \t \n\tV12110\tTurnover or gross premiums written - million euro\t \t \t \t \t\t \t \t \t \t \t \n\tV15110\tGross investment in tangible goods - million euro \t \t \t \t \t\t \t \t \t \t \t \n\tV16140\tEmployees in full time equivalent units - number\t \t \t \t \t\n\n*/\n\n\nexport const dataSetGreatnessIndustry = {\n \"B\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"B05\", \"B06\", \"B07\", \"B08\", \"B09\", \"B-N_X_K\" ],\n variables: [ \"V11110\", \"V12120\", \"V16140\" ]\n },\n ]\n },\n \"C\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"C10\", \"C11\", \"C12\", \"C13\", \"C14\", \"C15\", \"C16\", \"C17\", \"C18\", \"C19\", \"C20\", \"C21\", \"C22\", \"C23\", \"C24\", \"C25\", \"C26\", \"C27\", \"C28\", \"C29\", \"C30\", \"C31\", \"C32\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\"]\n }\n ]\n },\n \"F\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"F41\", \"F411\", \"F4110\", \"F412\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n \"M\": {\n dataSets: [\n {\n tableCode: \"bd_9pm_r2\",\n industries: [ \"M\",\"M69\", \"M70\", \"M71\", \"M72\", \"M73\", \"M74\", \"M75\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n \"S\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"S95\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n },\n ]\n },\n \"I\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"I\", \"I55\", \"I551-I553\", \"I56\", \"I561_I563\"],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n \"J\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"J\", \"J58\", \"J59\", \"J60\", \"J61\", \"J62\", \"J63\"],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n \"N\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"N\", \"N77\", \"N771_N772\", \"N78\", \"N79\", \"N80\", \"N81\", \"N82\"],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n } \n ]\n }, \n \"D\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"D\", \"D35\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n\t\"G\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"G\", \"G45\", \"G46\", \"G47\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n\t\"H\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"H\", \"H49\", \"H50\", \"H51\", \"H52\", \"H53\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n }\n ]\n },\n\t\"E\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"E\", \"E36\", \"E37\", \"E38\", \"E39\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n },\n ]\n },\n\t\"L\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"L\", \"L68\" ],\n variables: [ \"V11110\", \"V12110\", \"V15110\", \"V16140\" ]\n },\n ]\n }\n}","import eurostatAPI from './eurostatAPI';\nimport { dataSetGreatnessIndustry } from './dataSetsGreatnessIndustry';\n\nexport const getGreatnessIndustry = () => {\n return async(dispatch, getState) => {\n dispatch({ type: 'RESET_GREATNESS_DATA', payload: null });\n const nace_code = getState().selectedBusinessPlan.overview.nace.activity_code;\n const geo = getState().selectedBusinessPlan.countryShortCode;\n const geoTitle = getState().selectedBusinessPlan.countryTitle;\n const split_nace_code = nace_code.split('.');\n const industry = split_nace_code[0];\n const activityCode = industry.concat('', split_nace_code[1]);\n try {\n if (dataSetGreatnessIndustry[industry] !== undefined) {\n let queryData = dataSetGreatnessIndustry[industry].dataSets;\n if (queryData[0].industries.includes(activityCode)) {\n const tableCode = queryData[0].tableCode;\n for (var variable of queryData[0].variables) {\n try {\n var response = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=\" + activityCode);\n var response1 = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=B-N_S95_X_K\");\n var response2 = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=EU27_2020&indic_sb=\" + variable + \"&nace_r2=\" +activityCode);\n dispatch({ type: 'FETCHING_GREATNESS_INDUSTRY_FOR_COUNTRY_EUROSTATDATA_SUCCESS', \n payload: {\"activityData\": response.data, \"totalActivitiesData\": response1.data, \"euActivitiesData\": response2.data ,\"geoTitle\": geoTitle, \"industry\": activityCode, \"variable\": variable, \"geo\": geo} }); \n } catch (error){\n //dispatch({ type: 'ERROR', payload: \"Not all the data could be taken from the Eurostat\" });\n }\n } \n }\n dispatch({ type: 'GREATNESS_INDUSTRY_LOADING', payload: true})\n } throw \"Don't find industry in dataset\"\n } catch(err) {\n dispatch({ type: 'GREATNESS_INDUSTRY_ERROR', payload: { state: true, error: 'No data' }})\n } \n }\n}","/* \n V91110\tLabour productivity – thousand euro\t \t \t \t \t \t \t \t\t \t \t \t \t \t \n\tV91170\tShare of personnel costs - percentage\t \t \t \t \t\t \t \t \t \t \t \n\tV91210\tAverage personnel costs - thousand euro \t \t \t\n*/\n\n\nexport const dataSetCostsProductivity = {\n \"B\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"B05\", \"B06\", \"B07\", \"B08\", \"B09\", \"B-N_X_K\" ],\n variables: [ \"V91110\", \"V91170\", \"V91210\"]\n },\n ]\n },\n \"C\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"C10\", \"C11\", \"C12\", \"C13\", \"C14\", \"C15\", \"C16\", \"C17\", \"C18\", \"C19\", \"C20\", \"C21\", \"C22\", \"C23\", \"C24\", \"C25\", \"C26\", \"C27\", \"C28\", \"C29\", \"C30\", \"C31\", \"C32\" ],\n variables: [\"V91110\", \"V91170\", \"V91210\"]\n }\n ]\n },\n \"F\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"F41\", \"F411\", \"F4110\", \"F412\" ],\n variables: [\"V91110\", \"V91170\", \"V91210\"]\n }\n ]\n },\n \"M\": {\n dataSets: [\n {\n tableCode: \"bd_9pm_r2\",\n industries: [ \"M\",\"M69\", \"M70\", \"M71\", \"M72\", \"M73\", \"M74\", \"M75\" ],\n variables: [\"V91110\", \"V91170\", \"V91210\"]\n }\n ]\n },\n \"S\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"S95\" ],\n variables: [\"V91110\", \"V91170\", \"V91210\"]\n },\n ]\n },\n \"I\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"I\", \"I55\", \"I551-I553\", \"I56\", \"I561_I563\"],\n variables: [\"V91110\", \"V91170\", \"V91210\"]\n }\n ]\n },\n \"J\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"J\", \"J58\", \"J59\", \"J60\", \"J61\", \"J62\", \"J63\"],\n variables: [ \"V91110\", \"V91170\", \"V91210\" ]\n }\n ]\n },\n \"N\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"N\", \"N77\", \"N771_N772\", \"N78\", \"N79\", \"N80\", \"N81\", \"N82\"],\n variables: [ \"V91110\", \"V91170\", \"V91210\"]\n } \n ]\n }, \n \"D\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"D\", \"D35\" ],\n variables: [ \"V91110\", \"V91170\", \"V91210\" ]\n }\n ]\n },\n\t\"G\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"G\", \"G45\", \"G46\", \"G47\" ],\n variables: [ \"V91110\", \"V91170\", \"V91210\" ]\n }\n ]\n },\n\t\"H\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"H\", \"H49\", \"H50\", \"H51\", \"H52\", \"H53\" ],\n variables: [ \"V91110\", \"V91170\", \"V91210\" ]\n }\n ]\n },\n\t\"E\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"E\", \"E36\", \"E37\", \"E38\", \"E39\" ],\n variables: [ \"V91110\", \"V91170\", \"V91210\" ]\n },\n ]\n },\n\t\"L\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"L\", \"L68\" ],\n variables: [ \"V91110\", \"V91170\", \"V91210\" ]\n },\n ]\n }\n}","import eurostatAPI from './eurostatAPI';\nimport { dataSetCostsProductivity } from './dataSetsCostsProductivity';\n\nexport const getCostsProductivity = () => {\n return async(dispatch, getState) => {\n dispatch({ type: 'RESET_COSTS_PRODUCTIVITY_DATA', payload: null });\n const nace_code = getState().selectedBusinessPlan.overview.nace.activity_code;\n const geo = getState().selectedBusinessPlan.countryShortCode;\n const geoTitle = getState().selectedBusinessPlan.countryTitle;\n const split_nace_code = nace_code.split('.');\n const industry = split_nace_code[0];\n const activityCode = industry.concat('', split_nace_code[1]);\n if (dataSetCostsProductivity[industry] === undefined){\n dispatch({ type: 'COSTS_PRODUCTIVITY_INDUSTRY_LOADING', payload: true})\n } else {\n let queryData = dataSetCostsProductivity[industry].dataSets;\n if (queryData[0].industries.includes(activityCode)) {\n const tableCode = queryData[0].tableCode;\n for (var variable of queryData[0].variables) {\n try {\n var response = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=\" + activityCode);\n var response1 = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=B-N_S95_X_K\");\n var response2 = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=EU27_2020&indic_sb=\" + variable + \"&nace_r2=\" +activityCode);\n dispatch({ type: 'FETCHING_COSTS_PRODUCTIVITY_EUROSTATDATA_SUCCESS', \n payload: {\"activityData\": response.data, \"totalActivitiesData\": response1.data, \"euActivitiesData\": response2.data ,\"geoTitle\": geoTitle, \"industry\": activityCode, \"variable\": variable, \"geo\": geo} }); \n } catch (error){\n //dispatch({ type: 'ERROR', payload: \"Not all the data could be taken from the Eurostat\" });\n }\n } \n }\n dispatch({ type: 'COSTS_PRODUCTIVITY_INDUSTRY_LOADING', payload: true});\n }\n }\n}","/* \n V92100\tPersons employed per enterprise - number \t \t\n V92110\tGross operating surplus/turnover (gross operating rate) - percentage\n*/\n\n\nexport const dataSetsCompanySize = {\n \"B\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"B05\", \"B06\", \"B07\", \"B08\", \"B09\", \"B-N_X_K\" ],\n variables: [\"V92100\", \"V92110\"]\n },\n ]\n },\n \"C\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"C10\", \"C11\", \"C12\", \"C13\", \"C14\", \"C15\", \"C16\", \"C17\", \"C18\", \"C19\", \"C20\", \"C21\", \"C22\", \"C23\", \"C24\", \"C25\", \"C26\", \"C27\", \"C28\", \"C29\", \"C30\", \"C31\", \"C32\" ],\n variables: [\"V92100\", \"V92110\"]\n }\n ]\n },\n \"F\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"F41\", \"F411\", \"F4110\", \"F412\" ],\n variables: [\"V92100\", \"V92110\"]\n }\n ]\n },\n \"M\": {\n dataSets: [\n {\n tableCode: \"bd_9pm_r2\",\n industries: [ \"M\",\"M69\", \"M70\", \"M71\", \"M72\", \"M73\", \"M74\", \"M75\" ],\n variables: [\"V92100\", \"V92110\"]\n }\n ]\n },\n \"S\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"S95\" ],\n variables: [\"V92100\", \"V92110\"]\n },\n ]\n },\n \"I\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"I\", \"I55\", \"I551-I553\", \"I56\", \"I561_I563\"],\n variables: [\"V92100\", \"V92110\"]\n }\n ]\n },\n \"J\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"J\", \"J58\", \"J59\", \"J60\", \"J61\", \"J62\", \"J63\"],\n variables: [ \"V92100\", \"V92110\"]\n }\n ]\n },\n \"N\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [\"N\", \"N77\", \"N771_N772\", \"N78\", \"N79\", \"N80\", \"N81\", \"N82\"],\n variables: [\"V92100\", \"V92110\"]\n } \n ]\n }, \n \"D\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"D\", \"D35\" ],\n variables: [ \"V92100\", \"V92110\" ]\n }\n ]\n },\n\t\"G\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"G\", \"G45\", \"G46\", \"G47\" ],\n variables: [ \"V92100\", \"V92110\" ]\n }\n ]\n },\n\t\"H\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"H\", \"H49\", \"H50\", \"H51\", \"H52\", \"H53\" ],\n variables: [ \"V92100\", \"V92110\"]\n }\n ]\n },\n\t\"E\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"E\", \"E36\", \"E37\", \"E38\", \"E39\" ],\n variables: [ \"V92100\", \"V92110\" ]\n },\n ]\n },\n\t\"L\": {\n dataSets: [\n {\n tableCode: \"sbs_na_sca_r2\",\n industries: [ \"L\", \"L68\" ],\n variables: [ \"V92100\", \"V92110\" ]\n },\n ]\n }\n}","import eurostatAPI from './eurostatAPI';\nimport { dataSetsCompanySize } from './dataSetsCompanySizeInTheIndustry';\n\nexport const getCompanySize = () => {\n return async (dispatch, getState) => {\n dispatch({ type: 'RESET_COMPANY_SIZE_DATA', payload: null });\n const nace_code = getState().selectedBusinessPlan.overview.nace.activity_code;\n const geo = getState().selectedBusinessPlan.countryShortCode;\n const geoTitle = getState().selectedBusinessPlan.countryTitle;\n const split_nace_code = nace_code.split('.');\n const industry = split_nace_code[0];\n const activityCode = industry.concat('', split_nace_code[1]);\n try {\n if (dataSetsCompanySize[industry] !== undefined) {\n let queryData = dataSetsCompanySize[industry].dataSets;\n if (queryData[0].industries.includes(activityCode)) {\n const tableCode = queryData[0].tableCode;\n for (var variable of queryData[0].variables) {\n try {\n var response = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=\" + activityCode);\n var response1 = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=B-N_S95_X_K\");\n var response2 = await eurostatAPI.get(tableCode + \"?format=JSON&lang=EN&sinceTimePeriod=2008&geo=EU27_2020&indic_sb=\" + variable + \"&nace_r2=\" + activityCode);\n dispatch({\n type: 'FETCHING_COMPANY_SIZE_EUROSTATDATA_SUCCESS',\n payload: { \"activityData\": response.data, \"totalActivitiesData\": response1.data, \"euActivitiesData\": response2.data, \"geoTitle\": geoTitle, \"industry\": activityCode, \"variable\": variable, \"geo\": geo }\n });\n } catch (error) {\n //dispatch({ type: 'ERROR', payload: \"Not all the data could be taken from the Eurostat\" });\n }\n }\n }\n dispatch({ type: 'COMPANY_SIZE_LOADING', payload: true });\n } throw \"Don't find industry in dataset\";\n } catch (err) {\n dispatch({ type: 'COMPANY_SIZE_ERROR', payload: { state: true, error: 'No data' } });\n }\n // if (dataSetsCompanySize[industry] === undefined) {\n // console.log('company size')\n // dispatch({ type: 'COMPANY_SIZE_ERROR', payload: { state: true, error: 'No data' } });\n // } else {\n // let queryData = dataSetsCompanySize[industry].dataSets;\n // console.log('querydata', queryData);\n // if (queryData[0].industries.includes(activityCode)) {\n // const tableCode = queryData[0].tableCode;\n // for (var variable of queryData[0].variables) {\n // try {\n // var response = await eurostatAPI.get(tableCode + \"?sinceTimePeriod=2005&precision=1&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=\" + activityCode);\n // var response1 = await eurostatAPI.get(tableCode + \"?sinceTimePeriod=2005&precision=1&geo=\" + geo + \"&indic_sb=\" + variable + \"&nace_r2=B-N_S95_X_K\");\n // var response2 = await eurostatAPI.get(tableCode + \"?sinceTimePeriod=2005&precision=1&geo=EU27_2020&indic_sb=\" + variable + \"&nace_r2=\" + activityCode);\n // dispatch({\n // type: 'FETCHING_COMPANY_SIZE_EUROSTATDATA_SUCCESS',\n // payload: { \"activityData\": response.data, \"totalActivitiesData\": response1.data, \"euActivitiesData\": response2.data, \"geoTitle\": geoTitle, \"industry\": activityCode, \"variable\": variable, \"geo\": geo }\n // });\n // } catch (error) {\n // //dispatch({ type: 'ERROR', payload: \"Not all the data could be taken from the Eurostat\" });\n // }\n // }\n // }\n // dispatch({ type: 'COMPANY_SIZE_LOADING', payload: true });\n // }\n }\n}","import React, { PureComponent } from 'react';\nimport { Card, Typography, List, Row, Col, Divider, Spin } from 'antd';\nimport { getSurvivalRate } from '../../../appStore/actions/eurostat/eurostatSurvivalRateAction';\nimport { getGreatnessIndustry } from '../../../appStore/actions/eurostat/eurostatGreatnessIndustryAction';\nimport { getCostsProductivity } from '../../../appStore/actions/eurostat/eurostatCostsProductivityAction';\nimport { getCompanySize } from '../../../appStore/actions/eurostat/eurostatCompanySizeAction.js';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';\nimport { Line as ChartjsLine } from 'react-chartjs-2';\nimport html2canvas from 'html2canvas';\nimport { jsPDF } from 'jspdf';\nimport TooltipComponent from '../Tooltip';\n\n\nconst { Text } = Typography;\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n lineHeight: \"28px\"\n}\nconst textStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '16px',\n lineHeight: '24px',\n}\nconst numberStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '30px',\n lineHeight: '38px',\n}\nconst numberStyleForEUAndTotal = {\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '14px',\n lineHeight: '22px',\n}\nconst textStyleForEUAndTotal = {\n fontStyle: 'normal',\n fontWeight: '400px',\n fontSize: '14px',\n lineHeight: '22px',\n}\n\nclass IndustryDataComponent extends PureComponent {\n constructor(props) {\n super(props);\n this.survivalRate = [];\n this.bigIndustry = [];\n this.costsProductivity = [];\n this.companySize = [];\n this.dividerRef = [];\n //this.testRef = React.createRef();\n //this.getIndustryDataFile = this.getIndustryDataFile.bind(this);\n }\n getIndustryDataFile = async () => {\n const imgWidth = 53.3;\n const pageHeight = 297;\n const surviveCanvas = await html2canvas(this.survivalRate[0]);\n const surviveHeight = surviveCanvas.height * imgWidth / surviveCanvas.width;\n const chartCanvas = await html2canvas(this.bigIndustry[0]);\n const chartCardHeight = chartCanvas.height * imgWidth / chartCanvas.width;\n const doc = new jsPDF('p', 'mm', [297, 210]);\n const dividerCanvas = await html2canvas(this.dividerRef[0]);\n const dividerHeight = dividerCanvas.height * 170 / dividerCanvas.width;\n const dividerElement = dividerCanvas.toDataURL('image/png');\n doc.setFontSize(16);\n doc.text(20, 20, 'Industry data');\n doc.addImage(dividerElement, 'PNG', 20, 25, 170, dividerHeight);\n for (var i = 0; i < this.survivalRate.length; i++) {\n const canvas = await html2canvas(this.survivalRate[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, 35, 'Company Survival rate (3 year)')\n doc.addImage(dataElement, 'PNG', xPosition, 40, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, 40, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 45 + surviveHeight, 170, dividerHeight);\n for (var i = 0; i < this.bigIndustry.length; i++) {\n const canvas = await html2canvas(this.bigIndustry[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n const yPosition = 60 + surviveHeight;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, 55 + surviveHeight, 'How big is the industry?')\n doc.addImage(dataElement, 'PNG', xPosition, yPosition, imgWidth, imgHeight);\n } else if (i === 3) {\n doc.addImage(dataElement, 'PNG', 20, yPosition + imgHeight + 5, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, yPosition, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 70 + surviveHeight + 2 * chartCardHeight, 170, dividerHeight);\n doc.addPage();\n for (var i = 0; i < this.costsProductivity.length; i++) {\n const canvas = await html2canvas(this.costsProductivity[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n const yPosition = 25 + imgHeight;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, 20, 'How big is labor costs and productivity?')\n doc.addImage(dataElement, 'PNG', xPosition, 25, imgWidth, imgHeight);\n } else if (i === 3) {\n doc.addImage(dataElement, 'PNG', 20, yPosition + 5, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, 25, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 32.5 + chartCardHeight, 170, dividerHeight);\n for (var i = 0; i < this.companySize.length; i++) {\n const canvas = await html2canvas(this.companySize[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n const yPosition = 40 + imgHeight;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, yPosition, 'How big are the companies in the industry?')\n doc.addImage(dataElement, 'PNG', xPosition, yPosition + 5, imgWidth, imgHeight);\n } else if (i === 3) {\n doc.addImage(dataElement, 'PNG', 20, yPosition + 5, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, yPosition + 5, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 50 + 2 * chartCardHeight, 170, dividerHeight);\n doc.save(this.props.businessPlan.activityCode + ' Industry data.pdf');\n }\n\n downloadPdfFile = async () => {\n const imgWidth = 53.3;\n const pageHeight = 297;\n const surviveCanvas = await html2canvas(this.survivalRate[0]);\n const surviveHeight = surviveCanvas.height * imgWidth / surviveCanvas.width\n const chartCardHeight = 601 * imgWidth / 394;\n const doc = new jsPDF('p', 'mm', [297, 210]);\n const dividerCanvas = await html2canvas(this.dividerRef[0]);\n const dividerHeight = dividerCanvas.height * 170 / dividerCanvas.width;\n const dividerElement = dividerCanvas.toDataURL('image/png');\n doc.setFontSize(16);\n doc.text(20, 20, 'Industry data');\n doc.addImage(dividerElement, 'PNG', 20, 25, 170, dividerHeight);\n if (this.survivalRate.length !== 0) {\n for (var i = 0; i < this.survivalRate.length; i++) {\n const canvas = await html2canvas(this.survivalRate[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, 35, 'Company Survival rate (3 year)')\n doc.addImage(dataElement, 'PNG', xPosition, 40, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, 40, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 45 + surviveHeight, 170, dividerHeight);\n }\n if (this.bigIndustry.length !== 0) {\n for (var i = 0; i < this.bigIndustry.length; i++) {\n const canvas = await html2canvas(this.bigIndustry[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n const yPosition = 60 + surviveHeight;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, 55 + surviveHeight, 'How big is the industry?')\n doc.addImage(dataElement, 'PNG', xPosition, yPosition, imgWidth, imgHeight);\n } else if (i === 3) {\n doc.addImage(dataElement, 'PNG', 20, yPosition + imgHeight + 5, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, yPosition, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 70 + surviveHeight + 2 * chartCardHeight, 170, dividerHeight);\n doc.addPage();\n }\n if (this.costsProductivity.length !== 0) {\n for (var i = 0; i < this.costsProductivity.length; i++) {\n const canvas = await html2canvas(this.costsProductivity[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n const yPosition = 25 + imgHeight;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, 20, 'How big is labor costs and productivity?')\n doc.addImage(dataElement, 'PNG', xPosition, 25, imgWidth, imgHeight);\n } else if (i === 3) {\n doc.addImage(dataElement, 'PNG', 20, yPosition + 5, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, 25, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 32.5 + chartCardHeight, 170, dividerHeight);\n }\n if (this.companySize.lenght !== 0) {\n for (var i = 0; i < this.companySize.length; i++) {\n const canvas = await html2canvas(this.companySize[i]);\n const dataElement = canvas.toDataURL('image/png');\n const imgHeight = canvas.height * imgWidth / canvas.width;\n const xPosition = 20 + i * 5 + i * imgWidth;\n const yPosition = 40 + imgHeight;\n if (i === 0) {\n doc.setFontSize(12)\n doc.text(20, yPosition, 'How big are the companies in the industry?')\n doc.addImage(dataElement, 'PNG', xPosition, yPosition + 5, imgWidth, imgHeight);\n } else if (i === 3) {\n doc.addImage(dataElement, 'PNG', 20, yPosition + 5, imgWidth, imgHeight);\n } else {\n doc.addImage(dataElement, 'PNG', xPosition, yPosition + 5, imgWidth, imgHeight);\n }\n }\n doc.addImage(dividerElement, 'PNG', 20, 50 + 2 * chartCardHeight, 170, dividerHeight);\n }\n doc.save(this.props.businessPlan.activityCode + ' Industry data.pdf');\n }\n\n getChartsData() {\n this.props.getSurvivalRate();\n this.props.getGreatnessIndustry();\n this.props.getCostsProductivity();\n this.props.getCompanySize();\n }\n componentDidMount() {\n this.getChartsData();\n this.survivalRate[0] && this.survivalRate[0].focus();\n this.bigIndustry[0] && this.bigIndustry[0].focus();\n this.props.setClick(this.getIndustryDataFile);\n }\n render() {\n const spinner = this.props.loading.survival_rate === true && this.props.loading.greatness_industry === true && this.props.loading.costs_productivity === true && this.props.loading.company_size === true ? true : false;\n //const spinnerTest = true;\n const defaultEmptyText = {\n emptyText: 'Not all the data could be taken from the Eurostat'\n }\n return (\n <>\n {spinner === false ?\n {record.comments}
\n{record.comments}
\n{record.comments}
\n\n
\n :\n <>\n this.survivalRate[index] = ref}>\n \n \n {item.title} \n {\n item.id === 1 ?
\n \n {item.lastValue[1]}% \n \n
\n \n
\n \n {item.lastValue[1] - item.lastValue[0] > 0 ?\n
\n \n \n {item.compareValue}% \n
\n :\n \n {item.compareValue}% \n
\n }\n this.dividerRef[0] = ref}>\n
\n \n this.bigIndustry[index] = ref}>\n \n \n {item.variableTitle} {item.industry} \n {\n item.variableTitle === 'Enterprises' ?
\n \n {item.activityValue[1]}{item.unitOfMeasure} \n \n
\n \n European Union \n \n
\n \n {item.geo} (Total) \n \n
\n \n
\n \n
\n \n {item.activityValue[1] - item.activityValue[0] > 0 ?\n
\n \n \n {item.activityProgress}% \n
\n :\n \n {item.activityProgress}% \n
\n }\n \n {item.euActivitiesValue[1] - item.euActivitiesValue[0] > 0 ?\n
\n \n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n : item.euActivitiesValue[1] - item.euActivitiesValue[0] < 0 ?\n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n :\n \n No data \n
\n }\n \n {item.totalActivitiesValue[1] - item.totalActivitiesValue[0] > 0 ?\n
\n \n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n :\n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n }\n this.costsProductivity[index] = ref}>\n \n \n
\n \n {item.activityValue[1]}{item.unitOfMeasure} \n \n
\n \n European Union \n \n
\n \n {item.geo} (Total) \n \n
\n \n
\n \n
\n \n {item.variableTitle} {item.industry} \n {\n item.variableTitle === 'Labour productivity' ?
\n \n {item.activityValue[1] - item.activityValue[0] > 0 ?\n
\n \n \n {item.activityProgress}% \n
\n :\n \n {item.activityProgress}% \n
\n }\n \n {item.euActivitiesValue[1] - item.euActivitiesValue[0] > 0 ?\n
\n \n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n : item.euActivitiesValue[1] - item.euActivitiesValue[0] < 0 ?\n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n :\n \n No data \n
\n }\n \n {item.totalActivitiesValue[1] - item.totalActivitiesValue[0] > 0 ?\n
\n \n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n :\n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n }\n this.companySize[index] = ref}>\n \n \n
\n \n {item.activityValue[1]}{item.unitOfMeasure} \n \n
\n \n European Union \n \n
\n \n {item.geo} (Total) \n \n
\n \n
\n \n
\n \n {item.variableTitle} {item.industry} \n {\n item.variableTitle === 'Persons employed' ?
\n \n {item.activityValue[1] - item.activityValue[0] > 0 ?\n
\n \n \n {item.activityProgress}% \n
\n :\n \n {item.activityProgress}% \n
\n }\n \n {item.euActivitiesValue[1] - item.euActivitiesValue[0] > 0 ?\n
\n \n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n : item.euActivitiesValue[1] - item.euActivitiesValue[0] < 0 ?\n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n :\n \n No data \n
\n }\n \n {item.totalActivitiesValue[1] - item.totalActivitiesValue[0] > 0 ?\n
\n \n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n :\n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n }\n */}\n \n \n {/*
*/}\n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n }\n}\n\nexport default connect(mapStateToProps,{getSelectedPlanOverview})(withRouter(EditBusinessPlanItem))","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Button, Breadcrumb, Row, Col, Typography, Tag, Tabs, Card, List, Space, Select, Avatar, Dropdown, Menu, message, Popconfirm, Collapse, Steps } from 'antd';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { connect } from 'react-redux';\nimport UnsavedChangesHeader from '../components/UnsavedChangesHeader';\nimport { discardChanges, saveChanges } from \"../../appStore/actions/swotAction\";\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { uploadFile } from '../../appStore/actions/userFileAction';\nimport { updatePlanData, updateImage } from '../../appStore/actions/planActions';\nimport {\n updateStatus, getMembers, deleteMember, getSelectedPlanOverview, getSelectedPlanDetails, getImage, removePlan,\n downloadDOCFile, downloadPDFFile, downloadCashFlow, startAItraining\n} from \"../../appStore/actions/planActions\";\nimport { getSurvivalRate } from '../../appStore/actions/eurostat/eurostatSurvivalRateAction';\nimport { saveState as saveValuePropositions } from '../../appStore/actions/productActions'\nimport { saveState as saveCustomerSegments } from \"../../appStore/actions/customerSegmentAction\";\nimport { saveState as saveChannelsCompleted } from \"../../appStore/actions/channelActions\";\nimport { saveState as saveCustomerRelationshipsCompleted } from \"../../appStore/actions/customerRelationshipsAction\";\nimport { saveState as saveRevenueStreamsCompleted } from \"../../appStore/actions/revenueStreamActions\";\nimport { saveChanges as saveResourcesCompleted } from \"../../appStore/actions/resourcesAction\";\nimport { saveState as saveKeyActivitiesCompleted } from \"../../appStore/actions/keyActivitiesAction\";\nimport { saveState as saveKeyPartnersCompleted } from \"../../appStore/actions/partnersAction\";\nimport { saveState as saveCostStructureCompleted } from \"../../appStore/actions/costStructureAction\"\nimport { saveState as saveSwotCompleted } from \"../../appStore/actions/swotAction\";\nimport { saveState as saveAssetsCompleted } from '../../appStore/actions/assetsAction';\nimport { saveState as saveFixedAndVariableCompleted } from '../../appStore/actions/financialProjectionsActions';\nimport { saveState as saveBusinessInvestmentsCompleted } from \"../../appStore/actions/businessInvestmentAction\";\nimport { saveState as saveSalesForecastCompleted } from '../../appStore/actions/salesForecastActions';\nimport { savePersonalCharacteristics as savePersonalCharacteristicsCompleted, getCompletedPersonalCharacteristics } from '../../appStore/actions/personalCharacteristicsActions';\nimport { withRouter } from 'react-router-dom';\nimport InviteMemberModal from '../components/overview/InviteMemberModal';\nimport EditBusinessPlanModal from '../components/overview/EditBusinessPlanModal';\nimport FullPageLoader from '../components/overview/FullPageLoader';\nimport { UserOutlined, DeleteOutlined, DownOutlined } from '@ant-design/icons';\nimport IndustryRisks from '../components/Industry_Risks/IndustryRisks'\nimport { getCountryShortCodeV2 } from '../../appStore/actions/countriesActions'\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport IndustryDataComponent from '../components/industry_data/IndustryDataComponent';\nimport html2canvas from 'html2canvas';\nimport TooltipComponent from '../components/Tooltip';\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\nimport EditBusinessPlanItem from '../components/overview/EditBusinessPlanItem';\n\nconst { TabPane } = Tabs;\nconst { Text } = Typography;\nconst { Option } = Select;\nconst { Meta } = Card;\nconst { Panel } = Collapse;\nconst { Step } = Steps;\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst membersListStyle = {\n fontStyle: \"normal\",\n fontWeight: \"400\",\n fontSize: \"14px\",\n lineHeight: \"22px\"\n}\nconst descriptionTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"400\",\n fontSize: \"14px\",\n lineHeight: \"22px\"\n}\nconst pageTitleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"16px\",\n lineHeight: \"24px\"\n}\nconst canvasElementTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"14px\",\n lineHeight: \"22px\",\n color: '#262626'\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\"\n}\n\nconst avatarStyle = {\n width: \"24px\",\n height: \"24px\",\n marginTop: \"10px\"\n}\nconst financialAvatarStyle = {\n width: \"24px\",\n height: \"24px\",\n marginTop: \"0px\"\n}\n\nconst financialTitlePositionStyle = {\n float: 'left',\n display: 'inline-flex',\n alignItems: 'center'\n}\n\nconst financialTitleButtonPositionStyle = {\n float: 'right',\n display: 'inline-flex',\n alignItems: 'center'\n}\n\nclass Overview extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showInviteModal: false,\n showEditBusinessPlanModal: false,\n selectedImage: null,\n activeTabKey: 1\n }\n this.fileSelectRef = React.createRef();\n }\n getActivityID = (nace, industryCode, activityCode) => {\n const firstLevelActivities = nace.find(item => item.code === industryCode);\n if (firstLevelActivities.code === activityCode) {\n return firstLevelActivities.id;\n } else {\n if (firstLevelActivities.activities !== null) {\n const secondLevelActivities = firstLevelActivities.activities.find(item => item.code === activityCode);\n if (secondLevelActivities !== undefined) {\n return secondLevelActivities.id;\n } else {\n const activity2nd = activityCode.split('.').slice(0, 2).join('.');\n const secondLevelActivities = firstLevelActivities.activities.find(item => item.code === activity2nd);\n if (secondLevelActivities.code === activityCode) {\n return secondLevelActivities.id;\n } else {\n const secondLvlCode = activityCode.split('.').slice(0, 2).join('.');\n const activity3nd = secondLvlCode + '.' + activityCode.split('.')[2].slice(0, 1);\n const thirdLevelActivities = secondLevelActivities.activities.length > 1 ? secondLevelActivities.activities.find(item => item.code === activity3nd) : secondLevelActivities.activities[0];\n if (thirdLevelActivities.code === activityCode) {\n return thirdLevelActivities.id;\n } else {\n const activity4nd = activityCode.split('.').slice(0, 3).join('.');\n const fourthLevelActivities = thirdLevelActivities.activities.find(item => item.code === activity4nd);\n return fourthLevelActivities.id;\n }\n }\n }\n } else {\n }\n }\n }\n onImageChange = (e) => {\n this.setState({\n selectedImage: e.target.files[0]\n })\n const formData = new FormData();\n const oldCountry = this.props.countries.find(item => item.title === this.props.businessPlan.countryTitle).id;\n const oldLanguage = this.props.planLanguages.find(item => item.title === 'English').id;\n const oldActivity = this.getActivityID(this.props.nace, this.props.businessPlan.overview.nace.industry_code, this.props.businessPlan.activityCode);\n formData.append('files[]', e.target.files[0]);\n formData.getAll('files[]')\n let postObject = {\n \"Id\": this.props.businessPlan.id,\n \"Title\": this.props.businessPlan.name,\n \"ActivityId\": oldActivity,\n \"CountryId\": oldCountry,\n \"LanguageId\": oldLanguage\n }\n let reducerObject = {\n \"id\": this.props.businessPlan.id,\n 'name': this.props.businessPlan.name,\n 'activityId': oldActivity,\n 'activityCode': this.props.businessPlan.activityCode,\n 'countryId': oldCountry,\n 'languageId': oldLanguage,\n }\n this.props.uploadFile(formData)\n .then(\n () => {\n postObject = { ...postObject, 'Img': this.props.uploadedFile }\n reducerObject = { ...reducerObject, 'planImage': this.props.uploadedFile }\n this.props.updateImage(reducerObject);\n this.props.updatePlanData(postObject, reducerObject)\n });\n }\n onFileUpload = (e) => {\n this.fileSelectRef.current.click();\n }\n\n // onDownloadPdf = () => {\n // this.downloadPdf.current.getAlert();\n // }\n\n onBackClick() {\n this.props.history.push(`/personal-business-plans`);\n }\n\n onCompleteChange(state) {\n this.props.updateSwotState(state);\n }\n\n discardChanges = () => {\n this.props.discardChanges();\n };\n\n saveChanges = () => {\n this.props.saveChanges(this.props.businessPlan.id, () => {\n this.props.getSwotList(this.props.businessPlan.id);\n });\n };\n\n onStatusChange(status) {\n this.props.updateStatus(this.props.businessPlan.id, status);\n message.info(\"Business plan status is changed\")\n }\n\n onDeleteMember(item) {\n this.props.deleteMember(this.props.businessPlan.id, { \"user_id\": item.user_id }, () => {\n this.props.getMembers(this.props.businessPlan.id);\n });\n }\n\n onInviteClick() {\n this.setState({\n showInviteModal: true\n });\n }\n\n onInviteClose() {\n this.setState({\n showInviteModal: false\n });\n }\n\n getUpdatesWindowState() {\n return 'hidden';\n }\n\n onEditBusinessPlan() {\n this.setState({\n showEditBusinessPlanModal: true\n });\n }\n\n onEditBusinessPlanClose() {\n this.setState({\n showEditBusinessPlanModal: false\n });\n }\n\n onMoreActionsMenuClick = () => {\n this.props.removePlan(this.props.businessPlan.id)\n this.props.history.push(`/personal-business-plans`);\n };\n getuseremail = () => {\n const email = this.props.userInf.email.split('@');\n return email[0]\n }\n downloadDOCFile = () => {\n this.props.downloadDOCFile(this.props.businessPlan.id, this.props.businessPlan.name);\n }\n downloadPDFFile = () => {\n this.props.downloadPDFFile(this.props.businessPlan.id, this.props.businessPlan.name);\n }\n downloadCashFlow = () => {\n this.props.downloadCashFlow(this.props.businessPlan.id, this.props.businessPlan.name);\n }\n getTabKey = (key) => {\n this.setState({\n activeTabKey: key\n })\n }\n componentDidMount() {\n window.scrollTo(0,0);\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getCompletedPersonalCharacteristics(this.props.businessPlan.id)\n this.props.getMembers(this.props.businessPlan.id);\n this.props.getSelectedPlanDetails(this.props.businessPlan.id);\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n this.props.getTooltips();\n });\n\n }\n } else {\n this.props.getCompletedPersonalCharacteristics(this.props.businessPlan.id)\n this.props.getMembers(this.props.businessPlan.id);\n this.props.getSelectedPlanDetails(this.props.businessPlan.id);\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n }\n } else {\n this.props.history.push('/')\n }\n this.setState({\n selectedFile: []\n })\n }\n\n render() {\n const isVisibleHeader = this.getUpdatesWindowState();\n const membersList = this.props.businessPlan.members === null ? [] : this.props.businessPlan.members;\n const overview = this.props.businessPlan.overview;\n const personal_characteristics_visibility = this.props.businessPlan.sharedWithMe === true ? 'hidden' : 'visible';\n const exportAsMenu = (\n \n )\n const exportAsWithoutIndustryData = (\n \n )\n\n\n const moreActionsMenu = (\n this.props.userInf.email === \"janis.hermanis@gmail.com\" ? \n \n :\n \n \n );\n\n if (this.props.businessPlan.overview === undefined) {\n return ()\n } else {\n return (\n <>\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n {this.props.businessPlan.name} \n {this.props.businessPlan.percentage}% Completed \n
\n \n \n \n \n \n More Actions \n \n \n Export As \n \n
\n \n - \n
\n \n \n
\n \n {this.props.businessPlan.activityCode === \"\" || this.props.businessPlan.activityCode === null ? \"NACE: \" : \"NACE: \" + this.props.businessPlan.activityCode} \n
\n
\n }\n />\n \n \n Value proposition\n
\n \n \n {this.props.businessPlan.value_proposition_description === \"\" ? \"Proposed products\" : this.props.businessPlan.value_proposition_description}\n \n
\n
\n }\n />\n {/* DROPDOWN FOR EDIT VALUE PROPOSITIONS */}\n {overview !== null && overview.value_proposition !== null ?\n \n
: null\n }\n\n\n \n \n Customer segments\n
\n \n \n {this.props.businessPlan.customer_segments_description === \"\" ? \"Customer segments\" : this.props.businessPlan.customer_segments_description}\n \n
\n
\n }\n />\n {overview !== null && overview.customer_segments !== null ?\n \n
: null}\n\n \n \n Channels\n
\n \n \n {this.props.businessPlan.channels_description === null ? \"Channels list\" : this.props.businessPlan.channels_description}\n \n
\n
\n }\n />\n {overview !== null && overview.channels !== null ?\n \n
: null}\n\n \n \n Customer relationships\n
\n \n \n {this.props.businessPlan.customer_relationship_description === \"\" ? \"Customer relationships\" : this.props.businessPlan.customer_relationship_description}\n \n
\n
\n }\n />\n \n {overview !== null && overview.customer_relationship !== null ?\n
\n \n \n Revenue streams\n
\n \n \n {this.props.businessPlan.revenue_streams_description === \"\" ? \"Customer segments revenue streams\" : this.props.businessPlan.revenue_streams_description}\n \n
\n
\n }\n />\n {overview !== null && overview.revenue_streams !== null ?\n \n
: null}\n \n \n Key resources\n
\n \n \n {this.props.businessPlan.key_resources_description === \"\" ? \"Key resources list\" : this.props.businessPlan.key_resources_description}\n \n
\n
\n }\n />\n {overview !== null && overview.key_resources !== null ?\n \n
: null}\n \n \n Key activities\n
\n \n \n {this.props.businessPlan.key_activities_description === \"\" ? \"Key activities list\" : this.props.businessPlan.key_activities_description}\n \n
\n
\n }\n />\n {overview !== null && overview.key_activities !== null ?\n \n
: null}\n \n \n Key partners\n
\n \n \n {this.props.businessPlan.key_partners_description === null ? \"Key partners list\" : this.props.businessPlan.key_partners_description}\n \n
\n
\n }\n />\n {overview !== null && overview.key_partners !== null ?\n \n
: null}\n \n \n Cost structure\n
\n \n \n {this.props.businessPlan.cost_structure_description === \"\" ? \"Fixed and variable costs\" : this.props.businessPlan.cost_structure_description}\n \n
\n
\n }\n />\n {overview !== null && overview.cost_structure !== null ?\n \n
: null}\n - \n
\n \n
\n \n {this.props.businessPlan.swot_description === \"\" || this.props.businessPlan.swot_description === null ? \"Strengths/Weaknesses and Threats/Oportunities\" : this.props.businessPlan.swot_description} \n
\n
\n }\n />\n {overview !== null && overview.swot !== null ?\n \n
: null}\n \n \n
\n
}\n />\n \n Assets\n
\n \n \n
: null}\n \n \n \n
\n
}\n />\n \n Fixed and Variable Costs\n
\n \n \n
: null}\n \n \n \n
\n
}\n />\n \n Sales Forecast\n
\n \n \n
: null}\n \n \n \n
\n
}\n />\n \n Business start-up investments\n
\n \n \n
: null}\n \n \n \n
\n
}\n />\n \n Cash Flow\n
\n \n \n \n
\n \n \n \n
\n \n {this.props.personalCharacteristics.choices !== undefined && this.props.personalCharacteristics.choices.length > 0 ?\n {this.props.personalCharacteristics.completed_choices} of {this.props.personalCharacteristics.choices.length} questions answered \n :\n {this.props.personalCharacteristics.completed_choices} of 20 questions answered \n }\n
\n
\n }\n />\n {overview !== null && overview.personal_characteristics !== null ?\n \n
: null}\n Cover image
\n this.onImageChange(e)} style={{ display: 'none' }} />\n \n \n\n \n
\n
\n )} />\n }\n />\n \n \n {item.name && item.surname !== '' ? item.name + \" \" + item.surname : item.email.split('@')[0]} \n
\n \n } />} onClick={this.onDeleteMember.bind(this, item)} />
\n\n \n \n {this.props.businessPlan.activityCode} Industry risks \n
\n \n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Edit Product \n
\n \n \n
\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Value propositions \n \n
\n \n \n Mark as completed
\n \n \n
\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n New Product \n
\n \n \n
\n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n revenues: state.revenues,\n types: state.revenueTypes,\n customerSegments: state.customerSegments,\n businessPlan: state.selectedBusinessPlan,\n one: state.resourcesList?.aiPredict,\n };\n}\n\nexport default connect(mapStateToProps, { updateRevenue, getStreamTypes, getRevenues, getCustomerSegments })(EditSegmentModal);","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport AddSegmentModal from '../components/revenue_streams/AddSegmentModal';\nimport EditSegmentModal from '../components/revenue_streams/EditSegmentModal';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getStreamTypes, getPrices, getRevenues, saveState, deleteRevenue, getAIRevenueStreamPredict } from \"../../appStore/actions/revenueStreamActions\";\nimport { getCustomerSegments } from \"../../appStore/actions/customerSegmentAction\";\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from \"../components/Tooltip\";\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass RevenueStreams extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n segmentNumber: null,\n AIObject: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n onAddFirstRevenueStream = () => {\n const postObj = {\n \"location\": \"plan::revenue::consumer::sample\",\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIRevenueStreamPredict(postObj);\n this.setState({\n segmentNumber: 1\n });\n }\n\n onAddSecondRevenueStream = () => {\n const postObj = {\n \"location\": \"plan::revenue::business::sample\",\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIRevenueStreamPredict(postObj);\n this.setState({\n segmentNumber: 2\n });\n }\n\n onAddNewOther = () => {\n const postObj = {\n \"location\": \"plan::revenue::publicNgo::sample\",\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIRevenueStreamPredict(postObj);\n this.setState({\n segmentNumber: 3\n });\n }\n\n onCloseAddSegmentModal = () => {\n this.setState({\n segmentNumber: null\n });\n };\n\n onCloseEditSegmentModal = () => {\n this.setState({\n item: null\n });\n };\n // \"plan::revenue::consumer::${item.id}\"\n // \"plan::revenue::business::\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Revenue streams \n
\n \n \n Mark as completed:
\n \n \n Consumers \n
\n \n \n Business \n
\n \n \n Public bodies & NGO \n
\n \n \n \n \n
\n }\n width={588}\n >\n \n \n\n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.costCategoriesList,\n category: state.selectedCostCategory\n };\n}\n\nexport default connect(mapStateToProps, { updateFixedCost, updateVariableCost })(EditCostModal);\n\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Form, Select, Button, Input, Space } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { saveFixedCost, saveVariableCost } from \"../../../appStore/actions/costStructureAction\";\n\nconst { Option } = Select;\n\nconst inputStyle = {\n border: '1px solid #BFBFBF',\n borderRadius: '4px',\n boxSizing: 'border-box',\n boxShadow: 'inset 0px 2px 0px rgba(0, 0, 0, 0.05)',\n textAlign: 'left',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '14px',\n lineHeight: '22px',\n textColor: '#8C8C8C',\n}\n\nclass AddCostModal extends Component {\n state = {\n selectedTypeId: null,\n name: '',\n description: '',\n selectedTypeError: ''\n }\n\n onCancel = () => {\n this.props.onClose();\n this.setState({\n selectedTypeId: null,\n name: '',\n description: ''\n })\n }\n\n onBack = () => {\n this.props.onClose()\n }\n onOK = () => {\n /*if (this.state.selectedTypeID === null) {\n this.setState({\n selectedTypeError: 'Select cost type'\n });\n return\n } else {\n this.setState({\n selectedTypeError: 'Wrong'\n })\n }*/\n const typeTitle = this.props.category.selected_category.types.find(element => element.type_id === this.state.selectedTypeId)\n\n const postObject = {\n //\"id\": null,\n \"business_plan_id\": this.props.businessPlan.id,\n \"type_id\": this.state.selectedTypeId,\n \"name\": this.state.name,\n \"description\": this.state.description,\n\n }\n\n //const type_id = this.state.selectedTypeId;\n const reducerObject = {\n \"category_id\": this.props.category.selected_category.category_id,\n \"category_title\": this.props.category.selected_category.category_title,\n \"type_id\": this.state.selectedTypeId,\n \"type_title\": typeTitle.type_title,\n \"name\": this.state.name,\n \"description\": this.state.description,\n \"number\": this.props.number\n }\n this.setState({\n selectedTypeId: null,\n name: '',\n description: ''\n })\n if (this.props.number === 1) {\n this.props.saveFixedCost(postObject, reducerObject);\n this.props.onClose();\n } else if (this.props.number === 2) {\n this.props.saveVariableCost(postObject, reducerObject);\n this.props.onClose();\n } else {\n this.props.onClose();\n }\n\n }\n onSelectionChange(id) {\n this.setState({\n selectedTypeId: id\n });\n }\n\n onChangeName(e) {\n this.setState({\n name: e.target.value\n })\n }\n\n onChangeDescription(e) {\n this.setState({\n description: e.target.value\n })\n }\n\n onCloseAfterSaving = () => {\n this.props.handleClose();\n }\n\n componentDidMount() {\n // if its only option and if its type title is 'Other' then select it from start and dont show it\n if (this.props.category.selected_category.types.length < 2 && this.props.category.selected_category.types[0].type_title === 'Other') {\n this.setState({\n selectedTypeId: this.props.category.selected_category.types[0].type_id\n })\n }\n }\n\n render() {\n const options = this.props.category.selected_category.types.map(t =>\n \n );\n //const defaultValue = this.props.category.types[0].type_id\n return (\n <>\n \n \n \n
\n }\n width={588}\n >\n \n \n\n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n category: state.costCategoriesList\n };\n}\n\nexport default connect(mapStateToProps, { saveFixedCost, saveVariableCost })(AddCostModal);\n\n\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getCostStructureList, getCategories, deleteFixedCost, deleteVariableCost, selectCostCategory, saveState, getCostStructureAIValues } from \"../../appStore/actions/costStructureAction\"\n//import FixedCostModal from \"../components/cost_structure/FixedCostModal\";\nimport CostCategoriesModal from \"../components/cost_structure/CostCategoriesModal\"\nimport EditCostModal from \"../components/cost_structure/EditCostModal\"\nimport AddCostModal from \"../components/cost_structure/AddCostModal\";\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from \"../components/Tooltip\";\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass CostStructure extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n costNumber: null, //fixed is 1, variable is 2\n addModalVisibility: null,\n fixedCostNumber: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n openAddCostModal = () => {\n this.setState({\n addModalVisibility: true,\n costNumber: null\n })\n\n }\n closeAddCostModal = () => {\n this.setState({\n addModalVisibility: null,\n costNumber: this.state.fixedCostNumber\n })\n\n this.onCloseCostCategoriesModal();\n\n }\n onCloseCostCategoriesModal = () => {\n this.setState({\n costNumber: null,\n\n });\n\n\n };\n onDeleteFixedCost(item) {\n this.props.deleteFixedCost({ \"id\": item.id, \"number\": 1 });\n }\n onDeleteVariableCost(item) {\n this.props.deleteVariableCost({ \"id\": item.id, \"number\": 2 });\n }\n onEditFixedCost(item) {\n this.setState({\n item: { ...item },\n fixedCostNumber: 1\n })\n }\n onEditVarCost(item) {\n this.setState({\n item: { ...item },\n fixedCostNumber: 2\n })\n\n }\n onCloseEditCostModal = () => {\n this.setState({\n item: null,\n fixedCostNumber: null\n })\n }\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n // AI\n onAddFixedCosts = () => {\n this.props.getCategories();\n const postObj = {\n \"location\": 'plan::costs::fixedCosts::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getCostStructureAIValues(postObj);\n this.setState({\n costNumber: 1,\n fixedCostNumber: 1\n });\n }\n\n onAddVariableCosts = () => {\n this.props.getCategories();\n const postObj = {\n \"location\": 'plan::costs::variableCosts::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getCostStructureAIValues(postObj);\n this.setState({\n costNumber: 2,\n fixedCostNumber: 2\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getCostStructureList(this.props.businessPlan.id, () => {\n this.props.getCategories();\n });\n this.props.getTooltips();\n });\n }\n } else {\n this.props.getCostStructureList(this.props.businessPlan.id);\n this.props.getCategories();\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n render() {\n const fixedCostsColumns = [\n {\n title: 'Cost type',\n dataIndex: 'category_title',\n key: 'category_title',\n width: '31.5%',\n },\n {\n title: 'Type',\n dataIndex: 'type_title',\n key: 'type_title',\n width: '26%'\n },\n {\n title: 'Name',\n dataIndex: 'name',\n key: 'name',\n width: '23%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Cost structure \n
\n \n \n Mark as completed:
\n \n \n Fixed costs \n \n
\n \n \n Variable costs \n \n
\n \n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n types: state.channelTypes,\n products: state.products,\n channels: state.channels\n };\n}\n\nexport default connect(mapStateToProps, { saveChannel })(AddChannelModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, Radio, Tag, Popover, Row, Typography } from 'antd';\nimport '../../../css/customModal.css';\nimport '../../../css/AIelements.css';\nimport { ArrowLeftOutlined, ConsoleSqlOutlined } from '@ant-design/icons';\nimport { updateChannel } from \"../../../appStore/actions/channelActions\";\nimport dist from 'react-chartjs-2';\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst serviceChannelTypeData = [\n {\n \"id\": '3c81ac65-960e-44aa-b752-17808fa31c1f',\n \"name\": 'Direct sales'\n },\n {\n \"id\": 'b0cb1000-5a92-47a0-a45b-499c5f580524',\n \"name\": 'Agents'\n },\n {\n \"id\": 'd57d1d34-e721-4d46-a5f4-a3f9e7d3a198',\n \"name\": 'Other'\n }\n]\n\n\n\nclass EditChannelModal extends Component {\n constructor(props) {\n super(props);\n const channel = { ...props.types.find(item => item.id === props.item.channel_type.id), tag: 0 };\n const sub_channel = props.item.channel_subtype === null ? null : { ...channel.subtypes.find(item => item.id === props.item.channel_subtype.id), tag: 0 };\n const shoptype = sub_channel === null ? null : { ...props.item.channel_subtype.type, tag: 0 };\n const distribution = shoptype === null ? [] : props.item.distribution_channels.map(x => ({ id: x.id, name: x.name, tag: 0 }));\n const shop_type = sub_channel === null || props.item.channel_subtype.type === null ? null : { ...sub_channel.types.find(x => x.id === props.item.channel_subtype.type.id), tag: 0 };\n const shop_location = shop_type === null ? null : { ...shop_type.location_types.find(x => x.id === props.item.channel_subtype.type.location_type_id), tag: 0 };\n const selectedProductID = props.item.products[0].id;\n const filteredProduct = this.props.products.products.find((x) => x.id === selectedProductID);\n\n this.state = {\n error: {\n distribution: \"\",\n product: \"\",\n channel: \"\",\n sub_channel: \"\"\n },\n popoverVisibility: false,\n popoverType: 'no predict',\n popoverTextObject: [],\n\n selected_channel: channel,\n selected_subtype: sub_channel,\n selected_shopType: shop_type,\n selected_shopLocation: shop_location,\n selected_distribution: distribution,\n selected_products: props.item.products.map(x => x.id),\n selected_product_type: filteredProduct.product_type\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n\n if (this.state.selected_shopType !== null && this.state.selected_distribution.length === 0) {\n this.setState({\n error: { ...this.state.error, distribution: \"Select distribution channel\" }\n });\n return;\n }\n\n if (this.state.selected_products.length === 0) {\n this.setState({\n error: { ...this.state.error, product: \"Select product\" }\n });\n return;\n }\n\n if (this.state.selected_channel === null) {\n this.setState({\n error: { ...this.state.error, channel: \"Select channel\" }\n });\n return;\n }\n\n if (this.state.selected_channel === null && this.state.selected_channel.subtypes === null) {\n this.setState({\n error: { ...this.state.error, sub_channel: \"Select direct sales channel\" }\n });\n return;\n }\n const postObj = {\n \"id\": this.props.item.id,\n \"business_plan_id\": this.props.businessPlan.id,\n \"channel_type_id\": this.state.selected_channel.id,\n \"product_id\": this.state.selected_products,\n \"channel_subtype_id\": this.state.selected_subtype.id === undefined ? null : this.state.selected_subtype.id,\n \"subtype_type_id\": this.state.selected_shopType === null ? null : this.state.selected_shopType.id,\n \"location_type_id\": this.state.selected_shopLocation === null ? null : this.state.selected_shopLocation.id,\n \"distribution_channels_id\": this.state.selected_distribution.map(x => x.id)\n };\n const products = this.state.selected_products.map(id => {\n return this.props.products.products.find(x => x.id === id);\n });\n const distributions = this.state.selected_distribution.map(obj => ({\n id: obj.id, name: obj.name\n }));\n const type = this.state.selected_subtype === null ? null : {\n \"id\": this.state.selected_shopType.id,\n \"name\": this.state.selected_shopType.name,\n \"location_type_id\": this.state.selected_shopLocation.id\n }\n const reducerObj = {\n \"products\": products,\n \"channel_type\": this.state.selected_channel,\n \"distribution_channels\": distributions,\n \"channel_subtype\": this.state.selected_subtype.id === undefined ? null : { ...this.state.selected_subtype, \"type\": type },\n }\n this.props.updateChannel(postObj, reducerObj);\n this.props.onClose();\n }\n\n onProductChange(id) {\n const filter = this.props.products.products.filter((x) => x.id === id[0]);\n const type = filter.map((x) => x.product_type);\n this.setState({\n selected_products: id,\n selected_product_type: type[0],\n error: { ...this.state.error, product: \"\" }\n });\n }\n\n onChannelChange(itemId) {\n const selectedChannel = this.props.types.find(x => x.id === itemId);\n const modifySelectedChannel = { ...selectedChannel, tag: 0 };\n this.setState({\n selected_channel: modifySelectedChannel,\n selected_subtype: null,\n selected_shopType: null,\n selected_shopLocation: null,\n selected_distribution: null,\n error: { ...this.state.error, channel: \"\" }\n });\n }\n\n onChannelSubtypeChange(itemId) {\n const subChannel = this.state.selected_channel.subtypes.find(x => x.id === itemId);\n const shopType = subChannel.types === null ? [] : ({ id: subChannel.id, name: subChannel.name, tag: 0 });\n const location = subChannel.types === null ? [] : subChannel.types;\n this.setState({\n selected_subtype: { ...subChannel, tag: 0 },\n selected_shopType: shopType,\n selected_shopLocation: location,\n error: { ...this.state.error, sub_channel: \"\" }\n });\n }\n\n addSelectedValue = (value, state, segment_type) => {\n const resultArray = [];\n if (state === null) {\n const type = segment_type.find((obj) => obj.id === value[0]);\n const new_obj = {\n id: type.id,\n title: type.name,\n tag: 0\n }\n resultArray.push(new_obj);\n } else {\n for (var i = 0; i < value.length; i++) {\n if (state[i] === undefined) {\n const type = segment_type.find((obj) => obj.id === value[i]);\n const new_obj = {\n id: type.id,\n name: type.name,\n tag: 0\n }\n resultArray.push(new_obj)\n } else {\n const type = state.find((obj) => obj.id === value[i]);\n if (type.tag === 0) {\n const new_obj = {\n id: type.id,\n name: type.name,\n tag: 0\n }\n resultArray.push(new_obj);\n } else if (type.tag === 1) {\n const new_obj = {\n id: type.id,\n name: type.name,\n tag: 1\n }\n resultArray.push(new_obj);\n }\n }\n }\n }\n return resultArray;\n }\n\n onDistributionChannelChange(value) {\n const subtypes = this.props.types.find(x => x.name === 'Direct sales').subtypes;\n const distribution_array = (subtypes.find(x => x.name === \"Own shop\").types).find(x => x.id === this.state.selected_shopType.id).distribution_channels;\n const distribution_values = this.addSelectedValue(value, this.state.selected_distribution, distribution_array);\n this.setState({\n selected_distribution: distribution_values, \n error: { ...this.state.error, distribution: \"\" }\n });\n }\n\n onShopTypeSelection(e) {\n const shopType = { ...this.state.selected_subtype.types.find(x => x.id === e.target.value), tag: 0 };\n const location = shopType === null ? null : { ...shopType.location_types[0], tag: 0 };\n this.setState({\n selected_shopType: shopType,\n selected_shopLocation: location,\n selected_distribution: []\n });\n }\n\n onLocationSelection(e) {\n const location = { ...this.state.selected_shopType.location_types.find(x => x.id === e.target.value), tag: 0 };\n this.setState({\n selected_shopLocation: location\n });\n }\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.channels.aiChannelPredict === null) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict'\n })\n } else {\n const text = this.generateAIHelpText(this.props.channels.aiChannelPredict, this.props.types);\n if (text === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict',\n })\n } else {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'is predict',\n popoverTextObject: text\n })\n }\n }\n }\n\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n compareArray = (arrayAI, arrayState) => {\n const newArray = []\n for (var i in arrayAI) {\n if (arrayState.indexOf(arrayAI[i]) === -1) {\n newArray.push(arrayAI[i]);\n }\n }\n return newArray;\n }\n\n onAIButtonClick = () => {\n const aiObject = this.props.channels.aiChannelPredict[0];\n //const aiObject = obj.find(el => el.id === null);\n const channel_type = this.state.selected_channel.id !== undefined ? this.state.selected_channel.id : null;\n const ai_channel_type = aiObject.channelType[0];\n let new_channel_type_obj;\n let new_channel_subtype_obj;\n let new_shopType;\n let new_location;\n const new_distribution_channel_array = [...this.state.selected_distribution];\n if (channel_type !== ai_channel_type) {\n const channel_obj = this.props.types.find(x => x.id === ai_channel_type);\n new_channel_type_obj = { ...channel_obj, tag: 1 };\n } else {\n new_channel_type_obj = this.state.selected_channel\n }\n if (new_channel_type_obj.name === 'Direct sales') {\n const ai_channel_subtype = aiObject.channelSubtype[0];\n const channel_subtype_array = this.props.types.find(x => x.id === ai_channel_type).subtypes;\n const channel_subtype_obj = channel_subtype_array.find(x => x.id === ai_channel_subtype);\n new_channel_subtype_obj = { ...channel_subtype_obj, tag: 1 }\n if (channel_subtype_obj.name === 'Own shop') {\n const ai_shopType = channel_subtype_obj.types.find(x => x.id === aiObject.subtypeType[0]);\n const shopTypeWithTag = this.state.selected_shopType !== null ? { ...this.state.selected_shopType, tag: 0 } : null;\n if (shopTypeWithTag === null) {\n const ai_shopTypeWithTag = { ...ai_shopType, tag: 1 };\n const ai_location = ai_shopTypeWithTag.location_types.find(x => x.id === aiObject.locationType[0]);\n const ai_locationWithTag = { ...ai_location, tag: 1 };\n const distribution_channels_ai = aiObject.distributionChannels;\n const distribution_channels = this.state.selected_distribution === null ? [] : this.state.selected_distribution.map(e => e.id);\n const distribution_channels_predict = this.compareArray(distribution_channels_ai, distribution_channels);\n for (let i in distribution_channels_predict) {\n const title = ai_shopType.distribution_channels.find(x => x.id === distribution_channels_predict[i])\n if (title !== undefined) {\n const new_distribution_channel_obj = {\n id: distribution_channels_predict[i],\n name: title.name,\n tag: 1\n }\n new_distribution_channel_array.push(new_distribution_channel_obj)\n }\n }\n new_shopType = ai_shopTypeWithTag;\n new_location = ai_locationWithTag;\n } else if (shopTypeWithTag.id !== ai_shopType.id) {\n new_channel_subtype_obj = { ...channel_subtype_obj, tag: 0 };\n const ai_shopTypeWithTag = { ...ai_shopType, tag: 1 };\n const ai_location = ai_shopTypeWithTag.location_types.find(x => x.id === aiObject.locationType[0]);\n const ai_locationWithTag = { ...ai_location, tag: 1 };\n const distribution_channels_ai = aiObject.distributionChannels;\n const distribution_channels = this.state.selected_distribution=== null ? [] : this.state.selected_distribution.map(e => e.id);\n const distribution_channels_predict = this.compareArray(distribution_channels_ai, distribution_channels);\n for (let i in distribution_channels_predict) {\n const title = ai_shopType.distribution_channels.find(x => x.id === distribution_channels_predict[i]);\n\n const new_distribution_channel_obj = {\n id: distribution_channels_predict[i],\n name: title !== undefined ? title.name : undefined,\n tag: 1\n };\n if (new_distribution_channel_obj.name !== undefined) {\n new_distribution_channel_array.push(new_distribution_channel_obj)\n }\n }\n new_shopType = ai_shopTypeWithTag;\n new_location = ai_locationWithTag;\n } else if (shopTypeWithTag.id === ai_shopType.id) {\n new_channel_subtype_obj = { ...channel_subtype_obj, tag: 0 };\n const ai_shopTypeWithTag = { ...ai_shopType, tag: 0 };\n const ai_location = ai_shopTypeWithTag.location_types.find(x => x.id === aiObject.locationType[0]);\n const ai_locationWithTag = this.state.selected_shopLocation.id === aiObject.locationType[0] ? { ...ai_location, tag: 0 } : { ...ai_location, tag: 1 };\n const distribution_channels_ai = aiObject.distributionChannels;\n const distribution_channels = this.state.selected_distribution === null ? [] : this.state.selected_distribution.map(e => e.id);\n const distribution_channels_predict = this.compareArray(distribution_channels_ai, distribution_channels);\n for (let i in distribution_channels_predict) {\n const title = ai_shopType.distribution_channels.find(x => x.id === distribution_channels_predict[i]);\n const new_distribution_channel_obj = {\n id: distribution_channels_predict[i],\n name: title !== undefined ? title.name : undefined,\n tag: 1\n };\n if (new_distribution_channel_obj.name !== undefined) {\n new_distribution_channel_array.push(new_distribution_channel_obj)\n };\n }\n new_shopType = ai_shopTypeWithTag;\n new_location = ai_locationWithTag;\n }\n } else {\n new_shopType = null;\n new_location = null;\n }\n }\n this.setState({\n selected_channel: new_channel_type_obj,\n selected_subtype: new_channel_subtype_obj,\n selected_shopType: new_shopType,\n selected_shopLocation: new_location,\n selected_distribution: new_distribution_channel_array\n })\n this.hidePopover();\n }\n\n generateAIHelpText = (predictsObj, types) => {\n const aiHintTextObject = [];\n const selectedItem = {\n 'channelType': this.state.selected_channel,\n 'channelSubtype': this.state.selected_subtype,\n 'subtypeType': this.state.selected_shopType,\n 'locationType': this.state.selected_shopLocation,\n 'distributionChannels': this.state.selected_distribution,\n }\n const channelSubType = types.find(obj => obj.name === 'Direct sales').subtypes;\n const shopType = channelSubType.find(obj => obj.name === 'Own shop').types;\n if (predictsObj !== undefined) {\n const predictObj = predictsObj.find(s => s.id === this.props.item.id);\n if (predictObj !== undefined) {\n const predictProperties = Object.getOwnPropertyNames(predictsObj.find(s => s.id === this.props.item.id));\n const filteredPredictProperties = predictProperties.filter(p => p !== 'id');\n for (const property of filteredPredictProperties) {\n let selectedItemPropertyValues;\n if (property === 'channelType') {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n selectedItemPropertyValues = selectedItemPropertyValuesObj.subtypes === null ? []\n : selectedItemPropertyValuesObj.id; \n } else if (property === 'channelSubtype') {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n selectedItemPropertyValues = selectedItemPropertyValuesObj === null ? []\n : selectedItemPropertyValuesObj.id;\n } else if (property === 'distributionChannels') {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n selectedItemPropertyValues = selectedItemPropertyValuesObj === null ? []\n : selectedItemPropertyValuesObj.subtypes === null ? []\n : selectedItemPropertyValuesObj.map(s => s.id);\n } else if (property === 'subtypeType') {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value === null ? [] : Object.getOwnPropertyDescriptor(selectedItem, property).value;\n selectedItemPropertyValues = selectedItemPropertyValuesObj.length === 0 ? [] : selectedItemPropertyValuesObj.id; \n } else if (property === 'locationType') {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value === null ? [] : Object.getOwnPropertyDescriptor(selectedItem, property).value;\n selectedItemPropertyValues = selectedItemPropertyValuesObj.length === 0 ? [] : selectedItemPropertyValuesObj.id;\n };\n const predictObjPropertyValues = Object.getOwnPropertyDescriptor(predictObj, property).value;\n const propertyType = property === 'channelType' ? types.map((obj) => ({ id: obj.id, title: obj.name }))\n : property === 'channelSubtype' ? (types.find(obj => obj.name === 'Direct sales').subtypes).map(obj => ({ id: obj.id, title: obj.name }))\n : property === 'subtypeType' ? (channelSubType.find((obj) => obj.name === 'Own shop').types).map(obj => ({ id: obj.id, title: obj.name }))\n : property === 'locationType' ? (shopType.find(obj => obj.id === predictObj.subtypeType[0])).location_types.map(obj => ({ id: obj.id, title: obj.name }))\n : property === 'distributionChannels' ? (shopType.find(obj => obj.id === predictObj.subtypeType[0])).distribution_channels.map(obj => ({ id: obj.id, title: obj.name }))\n : [];\n const comparePropertiesValues = this.compareArray(predictObjPropertyValues, selectedItemPropertyValues);\n let propertiesValuesString = '';\n if (comparePropertiesValues.length > 1) {\n for (var i = 0; i < comparePropertiesValues.length; i++) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[i]);\n if (propertyTypeTitle !== undefined) {\n propertiesValuesString += i === predictObjPropertyValues.length - 1 ? propertyTypeTitle.title + '' : propertyTypeTitle.title + ', ';\n }\n }\n const new_obj = {\n type_title: property === 'channelType' ? 'Channel' : property === 'channelSubtype' ? 'Direct sales channel' : property === 'subtypeType' ? 'Own shop type'\n : property === 'locationType' ? 'Store location' : property === 'distributionChannels' ? 'Distribution channels' : null,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else if (comparePropertiesValues.length === 1) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[0]);\n propertiesValuesString = propertyTypeTitle === undefined ? '' : propertyTypeTitle.title + '';\n const new_obj = {\n type_title: property === 'channelType' ? 'Channel' : property === 'channelSubtype' ? 'Direct sales channel' : property === 'subtypeType' ? 'Own shop type'\n : property === 'locationType' ? 'Store location' : property === 'distributionChannels' ? 'Distribution channels' : null,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n }\n\n getShopTypeColor = (id) => {\n const element = this.state.selected_shopType.id === id ? this.state.selected_shopType : undefined;\n if (element === undefined) {\n let color = \"white\"\n return color\n } else {\n if (element.tag === 0) {\n let color = \"#FFFFFF\"\n return color\n } else if (element.tag === 1) {\n let color = \"#BAE7FF\"\n return color\n } else {\n let color = \"#FFFFFF\"\n return color\n }\n }\n }\n\n getLocationColor = (id) => {\n const element = this.state.selected_shopLocation.id === id ? this.state.selected_shopLocation : undefined;\n if (element === undefined) {\n let color = \"white\"\n return color\n } else {\n if (element.tag === 0) {\n let color = \"#FFFFFF\"\n return color\n } else if (element.tag === 1) {\n let color = \"#BAE7FF\"\n return color\n } else {\n let color = \"#FFFFFF\"\n return color\n }\n }\n }\n\n render() {\n const productOptions = this.props.products.products.map((obj) =>\n ({ label: obj.name, value: obj.id })\n );\n const physicalProdChannelOptions = this.props.types.map((obj) =>\n ({ label: obj.name, value: obj.id })\n );\n const serviceProdChannelOptions = serviceChannelTypeData.map((obj) =>\n ({ label: obj.name, value: obj.id }))\n const channelTypeValue = this.state.selected_channel.id !== undefined ? this.state.selected_channel.id : null;\n\n const channelSubtypeOptions = this.state.selected_channel.subtypes === null ? [] :\n this.state.selected_channel.subtypes.filter((obj) => obj.name !== \"\").map((obj) => ({ label: obj.name, value: obj.id }));\n const channelSubTypeValue = this.state.selected_subtype !== null ? this.state.selected_subtype.id : null;\n\n const shopTypeOptions = this.state.selected_subtype === null ? [] : this.state.selected_subtype.types.map((obj) =>\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n types: state.channelTypes,\n products: state.products,\n channels: state.channels\n };\n}\n\nexport default connect(mapStateToProps, { updateChannel })(EditChannelModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle, tableTitleStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport AddChannelModal from '../components/channels/AddChannelModal';\nimport EditChannelModal from '../components/channels/EditChannelModal';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getChannelTypes, getChannels, deleteChannel, saveState, getAIChannelsPredict } from \"../../appStore/actions/channelActions\";\nimport { getProducts } from \"../../appStore/actions/productActions\";\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport TooltipComponent from \"../components/Tooltip\";\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass Channels extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n showAddChannelModal: false,\n productId: \"\"\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n onAddChannel = () => {\n const postObj = {\n \"location\": \"plan::channels::sample\",\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIChannelsPredict(postObj);\n this.setState({\n showAddChannelModal: true\n });\n }\n\n onCloseAddChannelModal = () => {\n this.setState({\n showAddChannelModal: false\n });\n };\n\n onCloseEditChannelModal = () => {\n this.setState({\n item: null\n });\n };\n\n onDeleteChannel(item) {\n this.props.deleteChannel(item.item.id);\n }\n\n onEditChannel(item) {\n const postObj = {\n \"location\": `plan::channels::${item.item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIChannelsPredict(postObj);\n this.setState({\n item: item.item\n });\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n onProductChange = (id) => {\n this.setState({\n productId: id\n })\n }\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getChannelTypes();\n this.props.getChannels(this.props.businessPlan.id);\n this.props.getProducts(this.props.businessPlan.id);\n this.props.getTooltips();\n });\n }\n } else {\n this.props.getChannelTypes();\n this.props.getChannels(this.props.businessPlan.id);\n this.props.getProducts(this.props.businessPlan.id);\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n const data = this.props.channels.channels.map(item => {\n const channel_name = item.channel_type.name;\n const distribution_names = item.distribution_channels === null ? [] : item.distribution_channels.map(item => item.name);\n const distribution_name = distribution_names.length === 0 ? \"-\" : distribution_names.join();\n const product_names = item.products.map(item => item.name);\n const product_name = product_names.join();\n return {\n \"channel_name\": channel_name,\n \"distribution_name\": distribution_name,\n \"product_name\": product_name,\n \"item\": item,\n \"key\": item.id\n }\n });\n\n const channelsColumns = [\n {\n title: 'Channels',\n dataIndex: 'channel_name',\n key: 'channel_name',\n width: '24,5%',\n },\n {\n title: 'Distribution channel',\n dataIndex: 'distribution_name',\n key: 'distribution_name',\n width: '25,2%',\n },\n {\n title: 'Product',\n dataIndex: 'product_name',\n key: 'product_name',\n width: '31%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19,3%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Channels \n
\n \n \n Mark as completed:
\n \n \n Channels \n \n
\n \n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n customerSegments: state.customerSegments\n };\n}\n\nexport default connect(mapStateToProps, { saveConsumerSegment })(AddConsumerSegmentModal);","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, Radio, Input, Tag, Popover, Typography, Row } from 'antd';\nimport '../../../css/customModal.css';\nimport '../../../css/publicBusinessPlans.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateConsumerSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\nconst { Text } = Typography\n\nconst inputStyle = {\n height: '40px',\n borderRadius: '4px',\n borderColor: '#BFBFBF',\n}\n\nclass EditConsumerSegmentModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: this.props.item.id,\n segmentName: this.props.item.segment_name,\n ageGroup: this.props.item.age.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n genderType: this.props.item.gender.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n educationType: this.props.item.education.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n incomeType: this.props.item.income.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n locationType: this.props.item.geographic_location.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n popoverVisibility: false,\n popoverType: 'no predict',\n popoverTextObject: []\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n const { ageGroup, educationType, genderType, incomeType, locationType } = this.state;\n if (ageGroup.length !== 0 && educationType.length !== 0 && incomeType.length !== 0 && genderType.length !== 0 && locationType.length !== 0) {\n const age = this.state.ageGroup.map(e => e.id);\n const education = this.state.educationType.map(e => e.id);\n const income = this.state.incomeType.map(e => e.id);\n const gender = this.state.genderType.map(e => e.id);\n const location = this.state.locationType.map(e => e.id);\n const postObj = {\n \"id\": this.props.item.id,\n \"business_plan_id\": this.props.businessPlan.id,\n \"age\": age,\n \"gender\": gender,\n \"education\": education,\n \"income\": income,\n \"geographic_location\": location,\n \"segment_name\": this.state.segmentName\n };\n\n const selected_ages = this.props.categories.customer_segments_types.age_groups.filter((item) => age.some((field) => item.id === field));\n const selected_genders = this.props.categories.customer_segments_types.gender_types.filter((item) => gender.some((field) => item.id === field));\n const selected_educations = this.props.categories.customer_segments_types.education_types.filter((item) => education.some((field) => item.id === field));\n const selected_incomes = this.props.categories.customer_segments_types.income_types.filter((item) => income.some((field) => item.id === field));\n const selected_locations = this.props.categories.customer_segments_types.geographic_locations.filter((item) => location.some((field) => item.id === field));\n\n const reducerObj = {\n \"id\": this.props.item.id,\n \"key\": this.props.item.id,\n \"age\": selected_ages,\n \"age_titles\": selected_ages.map(e => e.title).join(\", \"),\n \"gender\": selected_genders,\n \"gender_titles\": selected_genders.map(e => e.title).join(\", \"),\n \"education\": selected_educations,\n \"income\": selected_incomes,\n \"geographic_location\": selected_locations,\n \"location_titles\": selected_locations.map(e => e.title).join(\", \"),\n \"segment_name\": this.state.segmentName\n };\n\n this.props.updateConsumerSegment(postObj, reducerObj);\n\n this.props.onClose();\n }\n\n }\n\n onNameChange(value) {\n this.setState({\n segmentName: value\n })\n }\n\n addSelectedValue = (value, state, segment_type) => {\n const resultArray = [];\n for (var i = 0; i < value.length; i++) {\n if (state[i] === undefined) {\n const type = segment_type.find((obj) => obj.id === value[i]);\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj)\n } else {\n const type = state.find((obj) => obj.id === value[i]);\n if (type.tag === 0) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj);\n } else if (type.tag === 1) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 1\n }\n resultArray.push(new_obj);\n }\n }\n }\n return resultArray;\n }\n\n onAgeGroupChange(value) {\n this.setState({\n ageGroup: this.addSelectedValue(value, this.state.ageGroup, this.props.categories.customer_segments_types.age_groups)\n });\n }\n\n onGenderTypeChange(value) {\n this.setState({\n genderType: this.addSelectedValue(value, this.state.genderType, this.props.categories.customer_segments_types.gender_types)\n });\n }\n\n onEducationTypeChange(value) {\n this.setState({\n educationType: this.addSelectedValue(value, this.state.educationType, this.props.categories.customer_segments_types.education_types)\n });\n }\n\n onIncomeTypeChange(value) {\n this.setState({\n incomeType: this.addSelectedValue(value, this.state.incomeType, this.props.categories.customer_segments_types.income_types)\n });\n }\n\n onLocationTypeChange(value) {\n this.setState({\n locationType: this.addSelectedValue(value, this.state.locationType, this.props.categories.customer_segments_types.geographic_locations)\n })\n }\n\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.customerSegments.aiPredict.custSegs === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict'\n })\n } else {\n const text = this.generateAIHelpText(this.props.customerSegments.aiPredict.custSegs.consumer, this.props.categories.customer_segments_types);\n if (text === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict',\n })\n } else {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'is predict',\n popoverTextObject: text\n })\n }\n }\n }\n\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n compareArray = (arrayAI, arrayState) => {\n const newArray = []\n for (var i in arrayAI) {\n if (arrayState.indexOf(arrayAI[i]) === -1) {\n newArray.push(arrayAI[i]);\n }\n }\n return newArray;\n }\n\n generateAIHelpText = (predictsObj, segmentTypes) => {\n const aiHintTextObject = [];\n const selectedItem = {\n \"id\": this.state.id,\n \"age\": this.state.ageGroup,\n \"gender\": this.state.genderType,\n \"education\": this.state.educationType,\n \"income\": this.state.incomeType,\n \"geographic_location\": this.state.locationType\n }\n if (predictsObj !== undefined) {\n const predictObj = predictsObj.find(s => s.id === selectedItem.id);\n if (predictObj !== undefined) {\n const predictProperties = Object.getOwnPropertyNames(predictsObj.find(s => s.id === selectedItem.id));\n const filteredPredictProperties = predictProperties.filter(p => p !== 'id');\n for (const property of filteredPredictProperties) {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n const selectedItemPropertyValues = selectedItemPropertyValuesObj.map(s => s.id);\n const predictObjPropertyValues = Object.getOwnPropertyDescriptor(predictObj, property).value;\n const propertyType = property === 'education' ? segmentTypes.education_types\n : property === 'gender' ? segmentTypes.gender_types\n : property === 'income' ? segmentTypes.income_types\n : property === 'age' ? segmentTypes.age_groups\n : property === 'geographic_location' ? segmentTypes.geographic_locations\n : null\n const comparePropertiesValues = this.compareArray(predictObjPropertyValues, selectedItemPropertyValues);\n let propertiesValuesString = '';\n if (comparePropertiesValues.length > 1) {\n for (var i = 0; i < comparePropertiesValues.length; i++) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[i]);\n propertiesValuesString += i === predictObjPropertyValues.length - 1 ? propertyTypeTitle.title + '' : propertyTypeTitle.title + ', ';\n }\n //property.charAt(0).toUpperCase() + property.slice(1),\n const new_obj = {\n type_title: property === 'geographic_location' ? 'Geographic location' : property.charAt(0).toUpperCase() + property.slice(1),\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else if (comparePropertiesValues.length === 1) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[0]);\n propertiesValuesString = propertyTypeTitle.title;\n const new_obj = {\n type_title: property === 'geographic_location' ? 'Geographic location' : property.charAt(0).toUpperCase() + property.slice(1),\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n\n onAIButtonClick = () => {\n const obj = this.props.customerSegments.aiPredict.custSegs.consumer;\n const aiObject = obj.find((el) => el.id === this.props.item.id);\n const ageGruop = this.state.ageGroup.map(e => e.id);\n const ageGroupAi = aiObject.age;\n const ageGroupPredict = this.compareArray(ageGroupAi, ageGruop);\n const newAgeGroupArray = [...this.state.ageGroup];\n for (var i in ageGroupPredict) {\n const title = this.props.categories.customer_segments_types.age_groups.find((obj) => obj.id === ageGroupPredict[i]).title;\n const new_age_group_obj = {\n id: ageGroupPredict[i],\n title: title,\n tag: 1\n }\n newAgeGroupArray.push(new_age_group_obj);\n }\n const gender = this.state.genderType.map(e => e.id);\n const genderAI = aiObject.gender;\n const genderPredict = this.compareArray(genderAI, gender);\n const newGenderArray = [...this.state.genderType];\n for (var i in genderPredict) {\n const title = this.props.categories.customer_segments_types.gender_types.find((obj) => obj.id === genderPredict[i]).title;\n const new_gender_type_obj = {\n id: genderPredict[i],\n title: title,\n tag: 1\n }\n newGenderArray.push(new_gender_type_obj);\n }\n const education = this.state.educationType.map(e => e.id);\n const educationAI = aiObject.education;\n const educationPredict = this.compareArray(educationAI, education);\n const newEducationArray = [...this.state.educationType];\n for (var i in educationPredict) {\n const title = this.props.categories.customer_segments_types.education_types.find((obj) => obj.id === educationPredict[i]).title;\n const new_education_type_obj = {\n id: educationPredict[i],\n title: title,\n tag: 1\n };\n newEducationArray.push(new_education_type_obj);\n }\n const income = this.state.incomeType.map(e => e.id);\n const incomeAI = aiObject.income;\n const incomePredict = this.compareArray(incomeAI, income);\n const newIncomeArray = [...this.state.incomeType];\n for (var i in incomePredict) {\n const title = this.props.categories.customer_segments_types.income_types.find((obj) => obj.id === incomePredict[i]).title;\n const new_income_type_obj = {\n id: incomePredict[i],\n title: title,\n tag: 1\n }\n newIncomeArray.push(new_income_type_obj);\n }\n const location = this.state.locationType.map(e => e.id);\n const locationAI = aiObject.geographic_location;\n const locationPredict = this.compareArray(locationAI, location);\n const newLocationArray = [...this.state.locationType];\n for (var i in locationPredict) {\n const title = this.props.categories.customer_segments_types.geographic_location.find((obj) => obj.id === locationPredict[i]).title;\n const new_location_obj = {\n id: locationPredict[i],\n title: title,\n tag: 1\n }\n newLocationArray.push(new_location_obj);\n }\n this.setState({\n genderType: newGenderArray,\n educationType: newEducationArray,\n incomeType: newIncomeArray,\n locationType: newLocationArray\n })\n this.hidePopover();\n }\n\n render() {\n const age = this.state.ageGroup.map(e => e.id);\n const education = this.state.educationType.map(e => e.id);\n const income = this.state.incomeType.map(e => e.id);\n const gender = this.state.genderType.map(e => e.id);\n const location = this.state.locationType.map(e => e.id);\n\n const ageGroupOptions = this.props.categories.customer_segments_types.age_groups.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const genderOptions = this.props.categories.customer_segments_types.gender_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const educationOptions = this.props.categories.customer_segments_types.education_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const incomeOptions = this.props.categories.customer_segments_types.income_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const locationOptions = this.props.categories.customer_segments_types.geographic_locations.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n const popoverContent = (\n <>\n {\n this.state.popoverType === 'no predict' ?\n <>\n \n \n \n
\n }\n >\n\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n customerSegments: state.customerSegments\n };\n}\n\nexport default connect(mapStateToProps, { updateConsumerSegment })(EditConsumerSegmentModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, InputNumber, Input, Row, Tag, Popover, Typography } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { saveBusinessSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst inputStyle = {\n height: '40px',\n borderRadius: '4px',\n}\n\nclass AddBusinessSegmentModal extends Component {\n state = {\n segmentName: '',\n segmentNameError: false,\n type: [],\n typeError: false,\n companySize: [],\n companySizeError: false,\n locationType: [],\n locationTypeError: false,\n popoverVisibility: false,\n popoverType: 'no predict',\n popoverTextObject: []\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n const { type, companySize, locationType, segmentName } = this.state;\n if (type.length !== 0 && companySize.length !== 0 && locationType.length !== 0 && segmentName.length !== 0) {\n const businessType = type.map(e => e.id);\n const size = companySize.map(e => e.id);\n const location = locationType.map(e => e.id);\n const postObj = {\n \"id\": null,\n \"segment_name\": this.state.segmentName,\n \"business_plan_id\": this.props.businessPlan.id,\n \"business_type\": businessType,\n \"company_size\": size,\n \"geographic_location\": location\n };\n\n const selected_types = this.props.categories.customer_segments_types.business_types.filter((item) => businessType.some((field) => item.id === field));\n const selected_company_sizes = this.props.categories.customer_segments_types.company_sizes.filter((item) => size.some((field) => item.id === field));\n const selected_locations = this.props.categories.customer_segments_types.geographic_locations.filter((item) => location.some((field) => item.id === field));\n\n const reducerObj = {\n \"business_type\": selected_types,\n \"business_type_titles\": selected_types.map(e => e.title).join(\", \"),\n \"company_size\": selected_company_sizes,\n \"company_size_titles\": selected_company_sizes.map(e => e.title).join(\", \"),\n \"geographic_location\": selected_locations,\n \"location_titles\": selected_locations.map(e => e.title).join(\", \"),\n \"segment_name\": this.state.segmentName\n };\n this.props.saveBusinessSegment(postObj, reducerObj);\n this.setState({\n segmentNameError: false,\n typeError: false,\n companySizeError: false,\n locationTypeError: false\n })\n this.props.onClose();\n } else {\n this.setState({\n segmentNameError: segmentName.length === 0 ? true : false,\n typeError: type.length === 0 ? true : false,\n companySizeError: companySize.length === 0 ? true : false,\n locationTypeError: locationType.length === 0 ? true : false\n })\n }\n }\n\n onNameChange(value) {\n this.setState({\n segmentName: value,\n segmentNameError: value.length !== 0 ? false : true\n })\n }\n addSelectedValue = (value, state, segment_type) => {\n const resultArray = [];\n if (state === null) {\n const type = segment_type.find((obj) => obj.id === value[0]);\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj);\n } else {\n for (var i = 0; i < value.length; i++) {\n if (state[i] === undefined) {\n const type = segment_type.find((obj) => obj.id === value[i]);\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj)\n } else {\n const type = state.find((obj) => obj.id === value[i]);\n if (type.tag === 0) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj);\n } else if (type.tag === 1) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 1\n }\n resultArray.push(new_obj);\n }\n }\n }\n }\n return resultArray;\n }\n onTypeChange(value) {\n const type_value = this.addSelectedValue(value, this.state.type, this.props.categories.customer_segments_types.business_types);\n this.setState({\n type: type_value,\n typeError: type_value.length !== 0 ? false : true\n });\n }\n\n onCompanySizeChange(value) {\n const company_size_value = this.addSelectedValue(value, this.state.companySize, this.props.categories.customer_segments_types.company_sizes);\n this.setState({\n companySize: company_size_value,\n companySizeError: company_size_value.length !== 0 ? false : true\n });\n }\n\n onLocationTypeChange(value) {\n const location_type_value = this.addSelectedValue(value, this.state.locationType, this.props.categories.customer_segments_types.geographic_locations);\n this.setState({\n locationType: location_type_value,\n locationTypeError: location_type_value.length !== 0 ? false : true\n })\n }\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.customerSegments.aiPredict.custSegs === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict'\n })\n } else {\n const text = this.generateAIHelpText(this.props.customerSegments.aiPredict.custSegs.business, this.props.categories.customer_segments_types);\n if (text === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict',\n })\n } else {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'is predict',\n popoverTextObject: text\n })\n }\n }\n }\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n compareArray = (arrayAI, arrayState) => {\n const newArray = []\n for (var i in arrayAI) {\n if (arrayState.indexOf(arrayAI[i]) === -1) {\n newArray.push(arrayAI[i]);\n }\n }\n return newArray;\n }\n generateAIHelpText = (predictsObj, segmentTypes) => {\n const aiHintTextObject = [];\n const selectedItem = {\n \"business_type\": this.state.type,\n \"company_size\": this.state.companySize,\n \"geographic_location\": this.state.locationType\n }\n if (predictsObj !== undefined) {\n const predictObj = predictsObj.find(s => s.id === null);\n if (predictObj !== undefined) {\n const predictProperties = Object.getOwnPropertyNames(predictsObj.find(s => s.id === null));\n const filteredPredictProperties = predictProperties.filter(p => p !== 'id');\n for (const property of filteredPredictProperties) {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n const selectedItemPropertyValues = selectedItemPropertyValuesObj.map(s => s.id);\n const predictObjPropertyValues = Object.getOwnPropertyDescriptor(predictObj, property).value;\n const propertyType = property === 'geographic_location' ? segmentTypes.geographic_locations\n : property === 'company_size' ? segmentTypes.company_sizes\n : property === 'business_type' ? segmentTypes.business_types\n : null\n const comparePropertiesValues = this.compareArray(predictObjPropertyValues, selectedItemPropertyValues);\n let propertiesValuesString = '';\n if (comparePropertiesValues.length > 1) {\n for (var i = 0; i < comparePropertiesValues.length; i++) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[i]);\n propertiesValuesString += i === predictObjPropertyValues.length - 1 ? propertyTypeTitle.title + '' : propertyTypeTitle.title + ', ';\n }\n //property.charAt(0).toUpperCase() + property.slice(1),\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property === 'company_size' ? 'Company size' : property === 'geographic_location' ? 'Geographic location' : null,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else if (comparePropertiesValues.length === 1) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[0]);\n propertiesValuesString = propertyTypeTitle.title + '';\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property === 'company_size' ? 'Company size' : property === 'geographic_location' ? 'Geographic location' : null,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n \n onAIButtonClick = () => {\n const obj = this.props.customerSegments.aiPredict.custSegs.business;\n const aiObject = obj.find((el) => el.id === null);\n const type = this.state.type === null ? [] : this.state.type.map(e => e.id);\n const typeAI = aiObject.business_type;\n const typePredict = this.compareArray(typeAI, type);\n const newTypeArray = this.state.type === null ? [] : [...this.state.type];\n for (var i in typePredict) {\n const title = this.props.categories.customer_segments_types.business_types.find((obj) => obj.id === typePredict[i]).title;\n const new_type_obj = {\n id: typePredict[i],\n title: title,\n tag: 1\n }\n newTypeArray.push(new_type_obj);\n }\n const companySize = this.state.companySize === null ? [] : this.state.companySize.map(e => e.id);\n const companySizeAI = aiObject.company_size;\n const companySizePredict = this.compareArray(companySizeAI, companySize);\n const newCompanySizeArray = this.state.companySize === null ? [] : [...this.state.companySize];\n for (var i in companySizePredict) {\n const title = this.props.categories.customer_segments_types.company_sizes.find((obj) => obj.id === companySizePredict[i]).title;\n const new_company_size_obj = {\n id: companySizePredict[i],\n title: title,\n tag: 1\n };\n newCompanySizeArray.push(new_company_size_obj);\n }\n const location = this.state.locationType === null ? [] : this.state.locationType.map(e => e.id);\n const locationAI = aiObject.geographic_location;\n const locationPredict = this.compareArray(locationAI, location);\n const newLocationArray = this.state.locationType === null ? [] : [...this.state.locationType];\n for (var i in locationPredict) {\n const title = this.props.categories.customer_segments_types.geographic_locations.find((obj) => obj.id === locationPredict[i]).title;\n const new_location_obj = {\n id: locationPredict[i],\n title: title,\n tag: 1\n }\n newLocationArray.push(new_location_obj);\n }\n this.setState({\n type: newTypeArray.length === 0 ? [] : newTypeArray,\n typeError: newTypeArray.length === 0 && this.state.typeError === false ? false : newTypeArray.length > 0 && this.state.typeError === false ? false : newTypeArray.length > 0 && this.state.typeError === true ? false : true,\n companySize: newCompanySizeArray.length === 0 ? [] : newCompanySizeArray,\n companySizeError: newCompanySizeArray.length === 0 && this.state.locationTypeError === false ? false : newCompanySizeArray.length > 0 && this.state.locationTypeError === false ? false : newCompanySizeArray.length > 0 && this.state.locationTypeError === true ? false : true,\n locationType: newLocationArray.length === 0 ? [] : newLocationArray,\n locationTypeError: newLocationArray.length === 0 && this.state.locationTypeError === false ? false : newLocationArray.length > 0 && this.state.locationTypeError === false ? false : newLocationArray.length > 0 && this.state.locationTypeError === true ? false : true,\n })\n this.hidePopover();\n }\n render() {\n const type = this.state.type !== null ? this.state.type.map(e => e.id) : [];\n const size = this.state.companySize !== null ? this.state.companySize.map(e => e.id) : [];\n const location = this.state.locationType !== null ? this.state.locationType.map(e => e.id) : [];\n const typeOptions = this.props.categories.customer_segments_types.business_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const companySizeOptions = this.props.categories.customer_segments_types.company_sizes.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const locationOptions = this.props.categories.customer_segments_types.geographic_locations.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n const popoverContent = (\n <>\n {\n this.state.popoverType === 'no predict' ?\n <>\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n customerSegments: state.customerSegments\n };\n}\n\nexport default connect(mapStateToProps, { saveBusinessSegment })(AddBusinessSegmentModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, InputNumber, Input, Tag, Popover, Row, Typography } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateBusinessSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\nconst { Text } = Typography;\nconst inputStyle = {\n borderRadius: '4px',\n height: '40px'\n};\n\nclass EditBusinessSegmentModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: this.props.item.id,\n segmentName: this.props.item.segment_name,\n type: this.props.item.business_type.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n companySize: this.props.item.company_size.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n locationType: this.props.item.geographic_location.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n popoverVisibility: false,\n popoverType: 'no predict',\n popoverTextObject: []\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n const { segmentName, type, companySize, locationType } = this.state;\n if (segmentName.length > 0 && type.length > 0 && companySize.length > 0 && locationType.length > 0) {\n const business_type = type.map(e => e.id);\n const company_size = companySize.map(e => e.id);\n const location = locationType.map(e => e.id);\n const postObj = {\n \"id\": this.props.item.id,\n \"business_plan_id\": this.props.businessPlan.id,\n \"business_type\": business_type,\n \"company_size\": company_size,\n \"geographic_location\": location,\n \"segment_name\": this.state.segmentName\n };\n\n const selected_types = this.props.categories.customer_segments_types.business_types.filter((item) => business_type.some((field) => item.id === field));\n const selected_company_sizes = this.props.categories.customer_segments_types.company_sizes.filter((item) => company_size.some((field) => item.id === field));\n const selected_locations = this.props.categories.customer_segments_types.geographic_locations.filter((item) => location.some((field) => item.id === field));\n\n const reducerObj = {\n \"id\": this.props.item.id,\n \"key\": this.props.item.id,\n \"business_type\": selected_types,\n \"business_type_titles\": selected_types.map(e => e.title).join(\", \"),\n \"company_size\": selected_company_sizes,\n \"company_size_titles\": selected_company_sizes.map(e => e.title).join(\", \"),\n \"geographic_location\": selected_locations,\n \"location_titles\": selected_locations.map(e => e.title).join(\", \"),\n \"segment_name\": this.state.segmentName\n };\n this.props.updateBusinessSegment(postObj, reducerObj);\n this.props.onClose()\n }\n\n }\n\n onNameChange(value) {\n this.setState({\n segmentName: value\n })\n }\n\n addSelectedValue = (value, state, segment_type) => {\n const resultArray = [];\n for (var i = 0; i < value.length; i++) {\n if (state[i] === undefined) {\n const type = segment_type.find((obj) => obj.id === value[i]);\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj)\n } else {\n const type = state.find((obj) => obj.id === value[i]);\n if (type.tag === 0) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj);\n } else if (type.tag === 1) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 1\n }\n resultArray.push(new_obj);\n }\n }\n }\n return resultArray;\n }\n\n onTypeChange(value) {\n this.setState({\n type: this.addSelectedValue(value, this.state.type, this.props.categories.customer_segments_types.business_types)\n });\n }\n\n onCompanySizeChange(value) {\n this.setState({\n companySize: this.addSelectedValue(value, this.state.companySize, this.props.categories.customer_segments_types.company_sizes)\n });\n }\n\n onLocationTypeChange(value) {\n this.setState({\n locationType: this.addSelectedValue(value, this.state.locationType, this.props.categories.customer_segments_types.geographic_locations)\n })\n }\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.customerSegments.aiPredict.custSegs === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict'\n })\n } else {\n const text = this.generateAIHelpText(this.props.customerSegments.aiPredict.custSegs.business, this.props.categories.customer_segments_types);\n if (text === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict',\n })\n } else {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'is predict',\n popoverTextObject: text\n })\n }\n }\n }\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n compareArray = (arrayAI, arrayState) => {\n const newArray = []\n for (var i in arrayAI) {\n if (arrayState.indexOf(arrayAI[i]) === -1) {\n newArray.push(arrayAI[i]);\n }\n }\n return newArray;\n }\n generateAIHelpText = (predictsObj, segmentTypes) => {\n const aiHintTextObject = [];\n const selectedItem = {\n \"id\": this.state.id,\n \"business_type\": this.state.type,\n \"company_size\": this.state.companySize,\n \"geographic_location\": this.state.locationType\n }\n if (predictsObj !== undefined) {\n const predictObj = predictsObj.find(s => s.id === selectedItem.id);\n if (predictObj !== undefined) {\n const predictProperties = Object.getOwnPropertyNames(predictsObj.find(s => s.id === selectedItem.id));\n const filteredPredictProperties = predictProperties.filter(p => p !== 'id');\n for (const property of filteredPredictProperties) {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n const selectedItemPropertyValues = selectedItemPropertyValuesObj.map(s => s.id);\n const predictObjPropertyValues = Object.getOwnPropertyDescriptor(predictObj, property).value;\n const propertyType = property === 'geographic_location' ? segmentTypes.geographic_locations\n : property === 'company_size' ? segmentTypes.company_sizes\n : property === 'business_type' ? segmentTypes.business_types\n : null\n const comparePropertiesValues = this.compareArray(predictObjPropertyValues, selectedItemPropertyValues);\n let propertiesValuesString = '';\n if (comparePropertiesValues.length > 1) {\n for (var i = 0; i < comparePropertiesValues.length; i++) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[i]);\n propertiesValuesString += i === predictObjPropertyValues.length - 1 ? propertyTypeTitle.title + '' : propertyTypeTitle.title + ', ';\n }\n //property.charAt(0).toUpperCase() + property.slice(1),\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property === 'company_size' ? 'Company size' : property === 'geographic_location' ? 'Geographic location' : property,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else if (comparePropertiesValues.length === 1) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[0]);\n propertiesValuesString = propertyTypeTitle.title;\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property === 'company_size' ? 'Company size' : property === 'geographic_location' ? 'Geographic location' : property,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n }\n onAIButtonClick = () => {\n const obj = this.props.customerSegments.aiPredict.custSegs.business;\n const aiObject = obj.find((el) => el.id === this.props.item.id);\n const type = this.state.type.map(e => e.id);\n const typeAI = aiObject.business_type;\n const typePredict = this.compareArray(typeAI, type);\n const newTypeArray = [...this.state.type];\n for (var i in typePredict) {\n const title = this.props.categories.customer_segments_types.business_types.find((obj) => obj.id === typePredict[i]).title;\n const new_type_obj = {\n id: typePredict[i],\n title: title,\n tag: 1\n }\n newTypeArray.push(new_type_obj);\n }\n const companySize = this.state.companySize.map(e => e.id);\n const companySizeAI = aiObject.company_size;\n const companySizePredict = this.compareArray(companySizeAI, companySize);\n const newCompanySizeArray = [...this.state.companySize];\n for (var i in companySizePredict) {\n const title = this.props.categories.customer_segments_types.company_sizes.find((obj) => obj.id === companySizePredict[i]).title;\n const new_company_size_obj = {\n id: companySizePredict[i],\n title: title,\n tag: 1\n };\n newCompanySizeArray.push(new_company_size_obj);\n }\n const location = this.state.locationType.map(e => e.id);\n const locationAI = aiObject.geographic_location;\n const locationPredict = this.compareArray(locationAI, location);\n const newLocationArray = [...this.state.locationType];\n for (var i in locationPredict) {\n const title = this.props.categories.customer_segments_types.geographic_location.find((obj) => obj.id === locationPredict[i]).title;\n const new_location_obj = {\n id: locationPredict[i],\n title: title,\n tag: 1\n }\n newLocationArray.push(new_location_obj);\n }\n this.setState({\n type: newTypeArray,\n companySize: newCompanySizeArray,\n locationType: newLocationArray\n })\n this.hidePopover();\n }\n\n\n render() {\n const type = this.state.type.map(e => e.id);\n const size = this.state.companySize.map(e => e.id);\n const location = this.state.locationType.map(e => e.id);\n const typeOptions = this.props.categories.customer_segments_types.business_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const companySizeOptions = this.props.categories.customer_segments_types.company_sizes.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n\n const locationOptions = this.props.categories.customer_segments_types.geographic_locations.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n const popoverContent = (\n <>\n {\n this.state.popoverType === 'no predict' ?\n <>\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n customerSegments: state.customerSegments\n };\n}\n\nexport default connect(mapStateToProps, { updateBusinessSegment })(EditBusinessSegmentModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, Input, Tag, Popover, Row, Typography } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { saveNgoSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst inputStyle = {\n height: '40px',\n borderRadius: '4px',\n}\n\nclass AddPublicBodiesSegmentModal extends Component {\n state = {\n segmentName: '',\n segmentNameError: false,\n ngoType: [],\n ngoTypeError: false,\n popoverText: 'first',\n popoverType: true,\n popoverTextObject: []\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n const { segmentName, ngoType } = this.state;\n if (segmentName.length !== 0 && ngoType.length !== 0) {\n const ngoType = this.state.ngoType.map(e => e.id);\n const postObj = {\n \"id\": null,\n \"business_plan_id\": this.props.businessPlan.id,\n \"ngo_types\": ngoType,\n \"segment_name\": this.state.segmentName\n };\n const selected_ngo_types = this.props.categories.customer_segments_types.ngo_types.filter((item) => ngoType.some((field) => item.id === field));\n const reducerObj = {\n \"ngo_types\": selected_ngo_types,\n \"ngo_types_titles\": selected_ngo_types.map(e => e.title).join(\", \"),\n \"segment_name\": this.state.segmentName\n }\n this.props.saveNgoSegment(postObj, reducerObj);\n this.props.onClose();\n } else {\n this.setState({\n segmentNameError: segmentName.length === 0 ? true : false,\n ngoTypeError: ngoType.length === 0 ? true : false\n })\n }\n\n }\n addSelectedValue = (value, state, segment_type) => {\n const resultArray = [];\n if (state === null) {\n const type = segment_type.find((obj) => obj.id === value[0]);\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj);\n } else {\n for (var i = 0; i < value.length; i++) {\n if (state[i] === undefined) {\n const type = segment_type.find((obj) => obj.id === value[i]);\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj)\n } else {\n const type = state.find((obj) => obj.id === value[i]);\n if (type.tag === 0) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 0\n }\n resultArray.push(new_obj);\n } else if (type.tag === 1) {\n const new_obj = {\n id: type.id,\n title: type.title,\n tag: 1\n }\n resultArray.push(new_obj);\n }\n }\n }\n }\n return resultArray;\n }\n\n onNameChange(value) {\n this.setState({\n segmentName: value,\n segmentNameError: value.length !== 0 ? false : true\n })\n }\n\n onNgoTypeChange(value) {\n const ngo_type_value = this.addSelectedValue(value, this.state.ngoType, this.props.categories.customer_segments_types.ngo_types);\n this.setState({\n ngoType: ngo_type_value,\n ngoTypeError: ngo_type_value.length !== 0 ? false : true\n });\n }\n\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.customerSegments.aiPredict.custSegs === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: false\n })\n } else {\n const text = this.generateAIHelpText(this.props.customerSegments.aiPredict.custSegs.publicNgo, this.props.categories.customer_segments_types)\n this.setState({\n popoverVisibility: visible,\n popoverTextObject: text\n })\n }\n }\n\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n\n compareArray = (arrayAI, arrayState) => {\n const newArray = []\n for (var i in arrayAI) {\n if (arrayState.indexOf(arrayAI[i]) === -1) {\n newArray.push(arrayAI[i]);\n }\n }\n return newArray;\n }\n generateAIHelpText = (predictsObj, segmentTypes) => {\n const aiHintTextObject = [];\n const selectedItem = {\n \"business_type\": this.state.ngoType,\n }\n if (predictsObj !== undefined) {\n const predictObj = predictsObj.find(s => s.id === null);\n\n if (predictObj !== undefined) {\n const predictProperties = Object.getOwnPropertyNames(predictsObj.find(s => s.id === null));\n const filteredPredictProperties = predictProperties.filter(p => p !== 'id');\n for (const property of filteredPredictProperties) {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n const selectedItemPropertyValues = selectedItemPropertyValuesObj.map(s => s.id);\n const predictObjPropertyValues = Object.getOwnPropertyDescriptor(predictObj, property).value;\n const propertyType = property === 'business_type' ? segmentTypes.ngo_types : segmentTypes.ngo_types;\n const comparePropertiesValues = this.compareArray(predictObjPropertyValues, selectedItemPropertyValues);\n let propertiesValuesString = '';\n if (comparePropertiesValues.length > 1) {\n for (var i = 0; i < comparePropertiesValues.length; i++) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[i]);\n propertiesValuesString += i === predictObjPropertyValues.length - 1 ? propertyTypeTitle.title + '' : propertyTypeTitle.title + ', ';\n }\n //property.charAt(0).toUpperCase() + property.slice(1),\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else if (comparePropertiesValues.length === 1) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[0]);\n propertiesValuesString = propertyTypeTitle.title + '';\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property ,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n\n onAIButtonClick = () => {\n if (this.props.customerSegments.aiPredict !== null) {\n const obj = this.props.customerSegments.aiPredict.custSegs.publicNgo;\n if (obj !== undefined) {\n const aiObject = obj.find((el) => el.id === null);\n const ngoType = this.state.ngoType.map(e => e.id);\n const ngoTypeAI = aiObject.business_type;\n const ngoTypePredict = this.compareArray(ngoTypeAI, ngoType);\n const newNgoTypeArray = [...this.state.ngoType];\n for (var i in ngoTypePredict) {\n const title = this.props.categories.customer_segments_types.ngo_types.find((obj) => obj.id === ngoTypePredict[i]).title;\n const new_ngo_type_obj = {\n id: ngoTypePredict[i],\n title: title,\n tag: 1\n }\n newNgoTypeArray.push(new_ngo_type_obj);\n }\n this.setState({\n ngoType: newNgoTypeArray,\n ngoTypeError: newNgoTypeArray.length === 0 && this.state.ngoTypeError === false ? false : newNgoTypeArray.length > 0 && this.state.ngoTypeError === false ? false : newNgoTypeArray.length > 0 && this.state.ngoTypeError === true ? false : true,\n })\n }\n }\n this.hidePopover();\n }\n\n render() {\n const ngoType = this.state.ngoType.map(e => e.id);\n const typeOptions = this.props.categories.customer_segments_types.ngo_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n const popoverContent = (\n <>\n {\n this.state.popoverType === 'no predict' ?\n <>\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n customerSegments: state.customerSegments\n };\n}\nexport default connect(mapStateToProps, { saveNgoSegment })(AddPublicBodiesSegmentModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, Input, Row, Tag, Typography, Popover } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateNgoSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst inputStyle = {\n borderRadius: '4px',\n height: '40px'\n};\n\nclass EditPublicBodiesSegmentModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: this.props.item.id,\n segmentName: this.props.item.segment_name,\n segmentNameError: false,\n ngoType: this.props.item.ngo_types.map(e => ({ id: e.id, title: e.title, tag: 0 })),\n ngoTypeError: false,\n popoverVisibility: false,\n popoverType: 'no predict',\n popoverTextObject: []\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n const { segmentName, ngoType } = this.state;\n if (segmentName.length > 0 && ngoType.length > 0) {\n const ngo_Type = this.state.ngoType.map(e => e.id);\n const postObj = {\n \"id\": this.props.item.id,\n \"business_plan_id\": this.props.businessPlan.id,\n \"ngo_types\": ngo_Type,\n \"segment_name\": this.state.segmentName\n };\n\n const selected_ngo_types = this.props.categories.customer_segments_types.ngo_types.filter((item) => ngo_Type.some((field) => item.id === field));\n\n const reducerObj = {\n \"id\": this.props.item.id,\n \"key\": this.props.item.id,\n \"ngo_types\": selected_ngo_types,\n \"ngo_types_titles\": selected_ngo_types.map(e => e.title).join(\", \"),\n \"segment_name\": this.state.segmentName\n };\n\n this.props.updateNgoSegment(postObj, reducerObj);\n this.props.onClose();\n } else {\n this.setState({\n segmentNameError: segmentName.length === 0 ? true : false,\n ngoTypeError: ngoType.length === 0 ? true : false\n })\n }\n }\n\n onNameChange(value) {\n this.setState({\n segmentName: value,\n segmentNameError: value.length !== 0 ? false : true\n })\n }\n\n onNgoTypeChange(value) {\n const ngoTypeArray = [];\n for (var i = 0; i < value.length; i++) {\n if (this.state.ngoType[i] === undefined) {\n const ngo_type = this.props.categories.customer_segments_types.ngo_types.find((obj) => obj.id === value[i]);\n const new_obj = {\n id: ngo_type.id,\n title: ngo_type.title,\n tag: 0\n }\n ngoTypeArray.push(new_obj)\n } else {\n const ngo_type = this.state.ngoType.find((obj) => obj.id === value[i]);\n if (ngo_type.tag === 0) {\n const new_obj = {\n id: ngo_type.id,\n title: ngo_type.title,\n tag: 0\n }\n ngoTypeArray.push(new_obj);\n } else if (ngo_type.tag === 1) {\n const new_obj = {\n id: ngo_type.id,\n title: ngo_type.title,\n tag: 1\n }\n ngoTypeArray.push(new_obj);\n }\n }\n }\n this.setState({\n ngoType: ngoTypeArray,\n ngoTypeError: ngoTypeArray.length !== 0 ? false : true\n });\n }\n handlePopoverVisibilityChange = (visible) => {\n if (this.props.customerSegments.aiPredict.custSegs === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict'\n })\n } else {\n const text = this.generateAIHelpText(this.props.customerSegments.aiPredict.custSegs.publicNgo, this.props.categories.customer_segments_types);\n if (text === undefined) {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'no predict',\n })\n } else {\n this.setState({\n popoverVisibility: visible,\n popoverType: 'is predict',\n popoverTextObject: text\n })\n }\n }\n }\n hidePopover = () => {\n this.setState({\n popoverVisibility: false\n })\n }\n compareArray = (arrayAI, arrayState) => {\n const newArray = []\n for (var i in arrayAI) {\n if (arrayState.indexOf(arrayAI[i]) === -1) {\n newArray.push(arrayAI[i]);\n }\n }\n return newArray;\n }\n generateAIHelpText = (predictsObj, segmentTypes) => {\n const aiHintTextObject = [];\n const selectedItem = {\n \"id\": this.state.id,\n \"business_type\": this.state.ngoType,\n }\n if (predictsObj !== undefined) {\n const predictObj = predictsObj.find(s => s.id === selectedItem.id);\n if (predictObj !== undefined) {\n const predictProperties = Object.getOwnPropertyNames(predictsObj.find(s => s.id === selectedItem.id));\n const filteredPredictProperties = predictProperties.filter(p => p !== 'id');\n for (const property of filteredPredictProperties) {\n const selectedItemPropertyValuesObj = Object.getOwnPropertyDescriptor(selectedItem, property).value;\n const selectedItemPropertyValues = selectedItemPropertyValuesObj.map(s => s.id);\n const predictObjPropertyValues = Object.getOwnPropertyDescriptor(predictObj, property).value;\n const propertyType = property === 'business_type' ? segmentTypes.ngo_types : segmentTypes.ngo_types;\n const comparePropertiesValues = this.compareArray(predictObjPropertyValues, selectedItemPropertyValues);\n let propertiesValuesString = '';\n if (comparePropertiesValues.length > 1) {\n for (var i = 0; i < comparePropertiesValues.length; i++) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[i]);\n propertiesValuesString += i === predictObjPropertyValues.length - 1 ? propertyTypeTitle.title + '' : propertyTypeTitle.title + ', '\n }\n //property.charAt(0).toUpperCase() + property.slice(1),\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else if (comparePropertiesValues.length === 1) {\n const propertyTypeTitle = propertyType.find(t => t.id === comparePropertiesValues[0]);\n propertiesValuesString = propertyTypeTitle.title + '';\n const new_obj = {\n type_title: property === 'business_type' ? 'Type' : property,\n text: propertiesValuesString\n }\n aiHintTextObject.push(new_obj);\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n return aiHintTextObject\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n\n } else {\n this.setState({\n popoverType: 'no predict',\n })\n }\n }\n onAIButtonClick = () => {\n const obj = this.props.customerSegments.aiPredict.custSegs.publicNgo;\n const aiObject = obj.find((el) => el.id === this.props.item.id);\n const ngoType = this.state.ngoType.map(e => e.id);\n const ngoTypeAI = aiObject.business_type;\n const ngoTypePredict = this.compareArray(ngoTypeAI, ngoType);\n const newNgoTypeArray = [...this.state.ngoType];\n for (var i in ngoTypePredict) {\n const title = this.props.categories.customer_segments_types.ngo_types.find((obj) => obj.id === ngoTypePredict[i]).title;\n const new_ngo_type_obj = {\n id: ngoTypePredict[i],\n title: title,\n tag: 1\n }\n newNgoTypeArray.push(new_ngo_type_obj);\n }\n this.setState({\n ngoType: newNgoTypeArray,\n })\n this.hidePopover();\n }\n render() {\n const ngoType = this.state.ngoType.map(e => e.id);\n const typeOptions = this.props.categories.customer_segments_types.ngo_types.map((obj) =>\n ({ label: obj.title, value: obj.id })\n );\n const popoverContent = (\n <>\n {\n this.state.popoverType === 'no predict' ?\n <>\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n customerSegments: state.customerSegments\n };\n}\n\nexport default connect(mapStateToProps, { updateNgoSegment })(EditPublicBodiesSegmentModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle, tableTitleStyle, tableDescriptionStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport AddConsumerSegmentModal from '../components/customer_segments/AddConsumerSegmentModal';\nimport EditConsumerSegmentModal from '../components/customer_segments/EditConsumerSegmentModal';\nimport AddBusinessSegmentModal from '../components/customer_segments/AddBusinessSegmentModal';\nimport EditBusinessSegmentModal from '../components/customer_segments/EditBusinessSegmentModal';\nimport AddPublicBodiesSegmentModal from '../components/customer_segments/AddPublicBodiesSegmentModal';\nimport EditPublicBodiesSegmentModal from '../components/customer_segments/EditPublicBodiesSegmentModal';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getCustomerSegmentProperties, getCustomerSegments, deleteConsumerSegment, deleteBusinessSegment, deleteNgoSegment, saveState, getAIValues } from \"../../appStore/actions/customerSegmentAction\";\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from \"../components/Tooltip\";\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass CustomerSegments extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n consumerSegment: null,\n businessSegment: null,\n publicBodiesSegment: null,\n consumerEditSegment: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n onAddConsumerSegment() {\n this.setState({\n consumerSegment: true\n });\n const postObj = {\n \"location\": 'plan::custSegs::consumer::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIValues(postObj, null, 'consumer');\n }\n\n onAddBusinessSegment = () => {\n this.setState({\n businessSegment: true\n });\n const postObj = {\n \"location\": 'plan::custSegs::business::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIValues(postObj, null, 'business');\n }\n\n onAddPublicBodiesSegment = () => {\n this.setState({\n publicBodiesSegment: true\n });\n const postObj = {\n \"location\": 'plan::custSegs::publicNgo::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIValues(postObj, null, 'publicNgo');\n }\n\n onCloseAddSegmentModal = () => {\n this.setState({\n consumerSegment: null,\n businessSegment: null,\n publicBodiesSegment: null,\n item: null,\n });\n };\n\n\n onCloseEditSegmentModal = () => {\n this.setState({\n consumerSegment: null,\n businessSegment: null,\n publicBodiesSegment: null,\n consumerEditSegment: null, \n item: null\n });\n };\n\n onDeleteConsumerSegment(item) {\n this.props.deleteConsumerSegment({ \"id\": item.id });\n }\n\n onDeleteBusinessSegment(item) {\n this.props.deleteBusinessSegment({ \"id\": item.id });\n }\n\n onDeletePublicBodiesSegment(item) {\n this.props.deleteNgoSegment({ \"id\": item.id });\n }\n\n onEditConsumerSegment(item) {\n this.setState({\n item: { ...item },\n consumerEditSegment: true\n }); \n const postObj = {\n \"location\": `plan::custSegs::consumer::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIValues(postObj, item.id, 'consumer');\n }\n\n onEditBusinessSegment(item) {\n this.setState({\n item: { ...item },\n businessSegment: true\n });\n const postObj = {\n \"location\": `plan::custSegs::business::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIValues(postObj, item.id, 'business');\n }\n\n onEditPublicBodiesSegment(item) {\n this.setState({\n item: { ...item },\n publicBodiesSegment: true\n });\n const postObj = {\n \"location\": `plan::custSegs::publicNgo::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAIValues(postObj, item.id, 'public_bodies_ngo');\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getCustomerSegmentProperties();\n this.props.getCustomerSegments(this.props.businessPlan.id);\n this.props.getTooltips();\n });\n }\n } else {\n this.props.getCustomerSegmentProperties();\n this.props.getCustomerSegments(this.props.businessPlan.id);\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n const consumersSegmentsColumns = [\n {\n title: \"Name\",\n dataIndex: \"segment_name\",\n width: '28.5%'\n },\n {\n title: 'Age group',\n dataIndex: 'age_titles',\n key: 'age_titles',\n width: '24.5%',\n },\n {\n title: 'Gender',\n dataIndex: 'gender_titles',\n key: 'gender_titles',\n width: '24.5%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '22.5%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Customer segments \n
\n \n \n Mark as completed:
\n \n \n Consumers \n \n
\n \n \n Business \n \n
\n \n \n Public bodies & NGO \n \n
\n \n \n {this.props.data.title} \n \n {this.state.description}\n \n
\n \n \n \n \n
\n }\n width={588}\n >\n \n \n\n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n activity_category: state.keyActivityCategory,\n activities: state.keyActivities,\n };\n}\n\nexport default connect(mapStateToProps, { saveActivity })(AddKeyActivityModal);\n\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Form, Select, Button, Input, Space } from 'antd';\nimport '../../../css/customModal.css';\nimport {ArrowLeftOutlined} from '@ant-design/icons';\nimport { updateKeyActivity } from \"../../../appStore/actions/keyActivitiesAction\";\n\nconst {Option} = Select;\n\nconst inputStyle = {\n border: '1px solid #BFBFBF',\n borderRadius: '4px',\n boxSizing: 'border-box',\n boxShadow: 'inset 0px 2px 0px rgba(0, 0, 0, 0.05)',\n textAlign: 'left',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: '14px',\n lineHeight: '22px',\n textColor: '#8C8C8C',\n}\n\nclass EditKeyActivity extends Component {\n state = {\n sub_type_id: this.props.item.sub_type_id,\n name: this.props.item.name,\n description: this.props.item.description,\n selectedTypeError: '',\n }\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose()\n }\n onOK = () => {\n const postObject = {\n \"id\": this.props.item.id,\n \"product_id\": this.props.productID,\n \"sub_type_id\": this.state.sub_type_id,\n \"name\": this.state.name,\n \"description\": this.state.description,\n }\n const Data = this.props.categories.activity_categories.find(x => x.id === this.props.item.type_id); \n const sub_title = Data.subtypes.find(x => x.id === this.state.sub_type_id);\n const reducerObject = {\n \"id\": this.props.item.id,\n \"key\": this.props.item.id,\n \"category_id\": this.props.item.type_id,\n \"category_title\": this.props.item.type_name,\n \"product_id\": this.props.productID,\n \"sub_type_id\": this.state.sub_type_id,\n \"sub_type_title\": sub_title.title,\n \"name\": this.state.name,\n \"description\": this.state.description,\n };\n this.props.updateKeyActivity(postObject, reducerObject);\n this.props.onClose();\n }\n\n onSelectionChange(id) {\n this.setState({\n sub_type_id: id\n });\n }\n\n onChangeName(e) {\n this.setState({\n name: e.target.value\n })\n }\n\n onChangeDescription(e) {\n this.setState({\n description: e.target.value\n })\n }\n\n onCloseAfterSaving = () => {\n this.props.handleClose();\n }\n\n render() {\n const optionsData = this.props.categories.activity_categories.find(x => x.id === this.props.item.type_id) \n const options = optionsData.subtypes.map(s =>\n \n );\n const defaultValue = optionsData.subtypes.find(x => x.id === this.props.item.sub_type_id)\n return (\n <>\n \n \n \n
\n }\n width={588}\n >\n \n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n activity_category: state.keyActivityCategory,\n activities: state.keyActivities, \n categories: state.keyActivitiesCategoriesList \n };\n}\n\nexport default connect(mapStateToProps, {updateKeyActivity} )(EditKeyActivity);\n\n\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Space, List } from 'antd';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\n//import { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getKeyActivitiesList, getCategories, saveState } from \"../../appStore/actions/keyActivitiesAction\";\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport ProductComponent from \"../components/key_activities/ProductComponent\";\nimport KeyActivityTypesModal from \"../components/key_activities/KeyActivityTypesModal\";\nimport AddKeyActivityModal from \"../components/key_activities/AddKeyActivityModal\";\nimport EditKeyActivityModal from \"../components/key_activities/EditKeyActivityModal\"\nimport TooltipComponent from \"../components/Tooltip\";\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass KeyActivities extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n activityCategoriesModalVisibility: false,\n addSubTypeModalVisibility: false,\n productID: null,\n item: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n openCategoriesModal = () => {\n this.setState({\n activityCategoriesModalVisibility: true,\n });\n }\n getProductID = (id) => {\n this.setState({\n productID: id\n })\n }\n onCloseCategoriesModal = () => {\n this.setState({\n activityCategoriesModalVisibility: false\n })\n }\n openAddSubTypeModal = () => {\n this.setState({\n addSubTypeModalVisibility: true,\n activityCategoriesModalVisibility: false\n })\n }\n onCloseAddSubTypeModal = () => {\n this.setState({\n addSubTypeModalVisibility: false,\n activityCategoriesModalVisibility: true\n })\n }\n openEditKeyActivityModal = (item) => {\n this.setState({\n item: { ...item },\n })\n }\n onCloseEditKeyActivityModal = () => {\n this.setState({\n item: null,\n })\n }\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state);\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getKeyActivitiesList(this.props.businessPlan.id, () => {\n this.props.getCategories()\n });\n this.props.getTooltips();\n });\n }\n } else {\n this.props.getKeyActivitiesList(this.props.businessPlan.id, () => {\n this.props.getCategories()\n })\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n render() {\n\n return (\n <>\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Key Activities \n
\n \n \n Mark as completed:
\n \n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerRelationshipsCategories,\n };\n}\n\nexport default connect(mapStateToProps, { saveCustomerRelationship })(AddCustomerRelationshipModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, Tag } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateCustomerRelationship } from \"../../../appStore/actions/customerRelationshipsAction\";\n\nconst { Option } = Select;\n\nclass EditCustomerRelationshipModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n channels: this.props.item.channels,\n channelsError: '',\n }\n }\n\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n if (this.state.channels === null) {\n this.setState({\n channelsError: 'Select channel'\n });\n return;\n } else {\n this.setState({\n channelsError: ''\n });\n }\n\n const postObj = {\n \"item_id\": this.props.item.id,\n \"business_plan_id\": this.props.businessPlan.id,\n \"channels\": this.state.channels,\n \"category_id\": this.props.item.category.id,\n \"group\": this.props.item.group,\n };\n\n const reducerObj = {\n \"id\": this.props.item.id,\n \"key\": this.props.item.id,\n \"channels\": this.state.channels,\n \"category\": this.props.item.category,\n \"comment\": null,\n \"group\": this.props.item.group,\n };\n\n this.props.updateCustomerRelationship(postObj, reducerObj);\n\n this.props.onClose();\n }\n\n onChannelsChange(value) {\n this.setState({\n channels: value\n });\n }\n\n render() {\n const category_title = this.props.item.category.title;\n\n const typeOptions = this.props.item.channels.map((obj) =>\n ({ label: obj.name, value: obj.id })\n );\n const channelTag = (props) => {\n const { label, value, onClose } = props;\n return (\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerRelationshipsCategories,\n };\n}\n\nexport default connect(mapStateToProps, { updateCustomerRelationship })(EditCustomerRelationshipModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle, defaultButtonStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport RelationshipCategoriesModal from '../components/customer_relationships/RelationshipCategoriesModal';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getCustomerRelationshipsCategories, getCustomerRelationships, saveState, selectRelationshipCategory, deleteCustomerRelationship, getAICustomerRelationshipsPredict } from \"../../appStore/actions/customerRelationshipsAction\";\nimport AddCustomerRelationshipModal from '../components/customer_relationships/AddCustomerRelationshipModal';\nimport EditCustomerRelationshipModal from '../components/customer_relationships/EditCustomerRelationshipModal';\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from '../components/Tooltip';\nimport TextHelper from '../components/TextHelper';\nimport Cookies from 'js-cookie';\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass CustomerRelationships extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n relationshipCategory: null,\n group: null,\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n onAddHowToGetNew = () => {\n this.props.getCustomerRelationshipsCategories();\n const postObj = {\n \"location\": 'plan::custRelationship::getCust::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAICustomerRelationshipsPredict(postObj);\n this.setState({\n relationshipCategory: 1,\n group: 1\n });\n }\n onAddHowToKeepExisting = () => {\n this.props.getCustomerRelationshipsCategories();\n const postObj = {\n \"location\": 'plan::custRelationship::keepCust::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAICustomerRelationshipsPredict(postObj);\n this.setState({\n relationshipCategory: 2,\n group: 2\n });\n }\n\n onAddHowToMakeSpend = () => {\n this.props.getCustomerRelationshipsCategories();\n const postObj = {\n \"location\": 'plan::custRelationship::convCust::sample',\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAICustomerRelationshipsPredict(postObj);\n this.setState({\n relationshipCategory: 3,\n group: 3\n });\n }\n\n onCloseAddRelationshipModal = () => {\n this.setState({\n item: null,\n group: this.state.relationshipCategory\n });\n this.props.selectRelationshipCategory(null);\n this.props.getCustomerRelationshipsCategories();\n };\n\n onCloseRelationshipCategoriesModal = () => {\n this.setState({\n relationshipCategory: null,\n group: null,\n item: null,\n });\n this.props.selectRelationshipCategory(null);\n this.props.getCustomerRelationshipsCategories();\n };\n\n onBackAddRelationshipModal = () => {\n this.setState({\n relationshipCategory: null,\n group: null,\n item: null,\n });\n };\n\n onCloseEditRelationshipModal = () => {\n this.setState({\n relationshipCategory: null,\n group: null,\n item: null,\n });\n };\n\n openAddRelationshipCategoriesModal = () => {\n this.setState({\n addModalVisibility: true,\n group: null,\n })\n }\n\n onDeleteHowToGetNew(item) {\n this.props.deleteCustomerRelationship({ \"id\": item.id, \"group\": 1 });\n }\n\n onDeleteHowToKeepExisting(item) {\n this.props.deleteCustomerRelationship({ \"id\": item.id, \"group\": 2 });\n }\n\n onDeleteHowToMakeSpend(item) {\n this.props.deleteCustomerRelationship({ \"id\": item.id, \"group\": 3 });\n }\n\n onEditHowToGetNew(item) {\n const postObj = {\n \"location\": `plan::custRelationship::getCust::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAICustomerRelationshipsPredict(postObj);\n this.setState({\n item: { ...item, \"group\": 1 },\n });\n }\n\n onEditHowToKeepExisting(item) {\n const postObj = {\n \"location\": `plan::custRelationship::keepCust::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAICustomerRelationshipsPredict(postObj);\n this.setState({\n item: { ...item, \"group\": 2 },\n });\n }\n\n onEditHowToMakeSpend(item) {\n const postObj = {\n \"location\": `plan::custRelationship::convCust::${item.id}`,\n \"planId\": this.props.businessPlan.id\n };\n this.props.getAICustomerRelationshipsPredict(postObj);\n this.setState({\n item: { ...item, \"group\": 3 },\n });\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getCustomerRelationshipsCategories();\n this.props.getCustomerRelationships(this.props.businessPlan.id);\n this.props.getTooltips();\n });\n }\n } else {\n this.props.getCustomerRelationshipsCategories();\n this.props.getCustomerRelationships(this.props.businessPlan.id);\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n\n const howToGetNewColumns = [\n {\n title: 'Action',\n dataIndex: 'category',\n key: 'category',\n width: '26.5%',\n render: (value, row) => value.title,\n },\n {\n title: 'Channel',\n dataIndex: 'channels',\n key: 'channels',\n width: '44%',\n render: (value, row) => value.map(function (item, index) {\n return (index ? ', ' : '') + item;\n }),\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (value, row) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Customer Relationships \n
\n \n \n Mark as completed:
\n \n \n How to get new customers? \n \n
\n \n \n How to keep customers? \n \n
\n \n \n How to convince existing to spend more? \n \n
\n \n \n this.props.changeOwnMoneyShort(e.target.value)}\n className={\"business-startup-input-style\"}\n />\n
\n\n )\n },\n {\n title: () => (\n \n \n (\n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n investments: state.businessInvestments,\n };\n}\n\nexport default connect(mapStateToProps, {changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital })(WorkingCapitalScenario1);","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Row, Col, Typography, Input, Table, Tooltip, Space } from 'antd';\nimport { connect } from 'react-redux';\nimport { changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital, updateWorkingCapitalMyMoney, updateWorkingCapitalLoanAmount } from \"../../../appStore/actions/businessInvestmentAction\";\nimport { InfoCircleFilled } from '@ant-design/icons';\nimport TooltipComponent from '../Tooltip';\nimport '../../../css/BusinessInvestment.css'\n\nconst { Text } = Typography;\n\n\n\nclass WorkingCapitalScenario2 extends React.Component {\n state = {\n working_capital_for_table: [], //used in table\n }\n\n dataWorkingCapitalTest = (data) => {\n const newMonthsArray = [];\n if (data.original.grace_period_short > 0 && data.original.working_capital === null) {\n const objUnique = {\n month: 'Startup',\n own_amount: data.original.own_money_short,\n loan_amount: data.original.loan_amount_short,\n total_necessary: null,\n }\n newMonthsArray.push(objUnique);\n for (var i = 1; i < data.original.grace_period_short + 1; i++) {\n const monthRow = {\n month: i,\n own_amount: null,\n loan_amount: null,\n total_necessary: this.props.totalNecessary.necessaryCapital[i]\n }\n newMonthsArray.push(monthRow)\n }\n } else if(data.original.grace_period_short > 0 && data.original.working_capital !== null) {\n const objUnique = {\n month: 'Startup',\n own_amount: data.original.own_money_short,\n loan_amount: data.original.loan_amount_short,\n total_necessary: null,\n }\n newMonthsArray.push(objUnique);\n for (var i = 1; i < data.original.grace_period_short + 1; i++) {\n const monthRow = {\n month: i,\n own_amount: data.original.working_capital[i-1].own_amount,\n loan_amount: data.original.working_capital[i-1].loan_amount,\n total_necessary: this.props.totalNecessary.necessaryCapital === null ? null : this.props.totalNecessary.necessaryCapital[i]\n }\n newMonthsArray.push(monthRow)\n }\n }\n this.setState({\n working_capital_for_table: newMonthsArray,\n })\n }\n componentDidMount() {\n this.dataWorkingCapitalTest(this.props.investments);\n }\n\n render() {\n const dataWorkingCapital = [{\n title: 'Startup',\n own_amount: this.props.investments.updates.own_money_short,\n loan_amount: this.props.investments.updates.loan_amount_short,\n }]\n const workingCapitalColumns = [\n {\n title: 'Month',\n dataIndex: 'month',\n key: 'month',\n width: '43.5%',\n render: (text, obj, record) => (\n record === 0 ? \n \n
\n \n My initial guess, how big Working Capital I need \n \n \n
\n
\n )}\n dataSource={dataWorkingCapital}\n columns={workingCapitalColumns}\n pagination={false}\n />\n \n \n Working capital \n \n
\n \n this.props.changeWorkingCapitalAmount(e.target.value)}\n className={\"business-startup-input-style\"}\n />\n
\n \n \n this.props.changeOwnMoneyShort(e.target.value)}\n className={\"business-startup-input-style\"}\n />\n
\n :\n \n this.props.updateWorkingCapitalMyMoney(e.target.value, record)}\n className={\"business-startup-input-style\"}\n />\n
\n\n )\n },\n {\n title: () => (\n \n this.props.updateWorkingCapitalLoanAmount(e.target.value, record)}\n className={\"business-startup-input-style\"}\n />\n
\n )\n },\n\n {\n title: () => (\n \n \n (\n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n investments: state.businessInvestments,\n totalNecessary: state.necessaryCapital\n };\n}\n\nexport default connect(mapStateToProps, { changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital, updateWorkingCapitalMyMoney, updateWorkingCapitalLoanAmount })(WorkingCapitalScenario2);","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Divider, Row, Col, Typography, Card, Select, Input } from 'antd';\nimport { tableCardStyle, tableCardBodyStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport { changeVisibility, changePeriod, changeVatPrayer, changeOwnMoney, changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital } from \"../../../appStore/actions/businessInvestmentAction\";\nimport { CaretDownFilled } from '@ant-design/icons';\nimport WorkingCapitalScenario1 from './WorkingCapitalScenario1';\nimport WorkingCapitalScenario2 from './WorkingCapitalScenario2';\nimport TooltipComponent from '../Tooltip';\nimport '../../../css/BusinessInvestment.css'\nimport TextHelper from '../TextHelper';\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"16px\",\n lineHeight: \"24px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nclass WorkingCapital extends React.Component {\n\n render() {\n const periodDefaultValue = this.props.investments.original.period === null ? 12 : this.props.investments.original.period;\n return (\n <> {\n periodDefaultValue === undefined ?\n \n :\n \n \n
\n \n My initial guess, how big Working Capital I need \n \n \n
\n
\n )}\n dataSource={this.state.working_capital_for_table}\n columns={workingCapitalColumns}\n pagination={false}\n />\n \n \n Working capital \n \n
\n \n this.props.changeWorkingCapitalAmount(e.target.value)}\n className={\"business-startup-input-style\"}\n />\n
\n \n \n Business start-up investments \n \n
\n \n \n \n \n
\n \n
\n \n What Period? \n
\n \n \n } \n size='default' \n onSelect={value => this.props.changePeriod(value)} \n style={{ width: 90 }}\n className={\"business-startup-selector-style\"}\n >\n \n \n \n
\n \n \n
\n \n Do you pay VAT \n
\n \n \n } \n onChange={value => this.props.changeVatPrayer(value)}\n className={\"business-startup-selector-style\"}\n >\n \n \n \n
\n \n \n \n \n
\n \n Physical and Intellectual assets \n
\n \n \n\n Investments \n \n
\n \n Own Assets (physical & intellectual) \n \n
\n \n Additional necessary funds for investments in assets \n \n
\n \n
\n \n Loan (Long term) \n \n
\n
\n \n {this.props.investments.total_investments} \n
\n \n \n {this.props.investments.own_assets} \n
\n \n \n {this.props.investments.investment_amount} \n
\n \n \n How much can I invest my money? \n
\n \n \n this.props.changeOwnMoney(e.target.value)}\n defaultValue={this.props.investments.original.own_money}\n className={\"business-startup-input-style\"}\n />\n
\n \n \n {this.props.investments.updates.loan_amount === null ? this.props.investments.investment_amount : this.props.investments.updates.loan_amount} \n
\n \n \n {this.props.investments.original.grace_period_short === 0 ?\n \n
\n :\n \n
\n }\n
\n \n \n Business Financing \n \n
\n \n \n (\n
\n \n \n
\n
\n )}\n dataSource={loanLongDataSource}\n columns={loanLongTermColumn}\n pagination={false}\n />\n \n Loan (Long term) \n
\n \n (\n
\n \n \n \n
\n
\n )}\n dataSource={loanShortDataSource}\n columns={loanShortTermColumn}\n pagination={false}\n />\n \n Loan (Short term) \n
\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Business start-up investments \n \n
\n \n \n Mark as completed:
\n \n \n
\n :\n \n
\n }\n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n personalPlans: state.personalBusinessPlans,\n survival: state.survivalRate,\n greatnessIndustry: state.greatnessIndustry,\n costsProductivity: state.costsProductivity,\n companySize: state.companySize,\n loading: state.chartsLoading\n };\n}\n\nexport default connect(mapStateToProps, { getSurvivalRate, getGreatnessIndustry, getCostsProductivity, getCompanySize })(withRouter(IndustryDataComponent));\n","import React, { PureComponent } from 'react'\nimport { Table, Typography, Tag, Alert } from 'antd';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport '../../../css/IndustryRisks.css';\nimport { InfoCircleFilled } from '@ant-design/icons';\nimport TooltipComponent from '../../components/Tooltip';\n\n\n\nconst { Text } = Typography;\n\n\n\nclass IndustryRisks extends PureComponent {\n\n\n filterRisks = (type, data) => {\n if (data === null) {\n return;\n } else {\n const riskGroup = data.filter((x, index) => x.category === type);\n riskGroup.map((element1, index = 1) => {\n element1.key = index++;\n\n return element1;\n })\n return riskGroup\n }\n }\n render() {\n const columns = [\n {\n title: 'Risk',\n dataIndex: 'risk',\n key: 'risk',\n width: '58%',\n render: (text, record, index) => (\n <>\n \n
\n \n \n
\n \n (\n \n \n \n
\n \n {item.lastValue[1]}% \n \n
\n \n \n )}\n />\n
\n
\n \n Company Survival rate (3 year) \n
\n \n {item.title} \n {\n item.id === 1 ?
\n \n {item.lastValue[1] - item.lastValue[0] > 0 ?\n
\n \n \n {item.compareValue}% \n
\n :\n \n {item.compareValue}% \n
\n }\n \n \n
\n \n {\n const data = {\n labels: item.timeLabels,\n datasets: [\n {\n label: item.geoTitle,\n data: item.activityValues,\n fill: false,\n backgroundColor: '#1890FF',\n borderColor: '#1890FF',\n pointStyle: 'rectRounded',\n pointRadius: 0,\n yAxisID: 'y'\n },\n {\n label: item.geoTitle + '(Total)',\n data: item.totalActivitiesValues,\n fill: false,\n backgroundColor: '#BFBFBF',\n borderColor: '#BFBFBF',\n pointStyle: 'rectRounded',\n pointRadius: 0,\n yAxisID: 'y1'\n }\n ]\n }\n const options = {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n type: 'linear',\n display: true,\n position: 'left'\n },\n y1: {\n beginAtZero: true,\n type: 'linear',\n display: true,\n position: 'right',\n grid: {\n drawOnChartArea: false,\n }\n }\n },\n tooltip: {\n enabled: false\n },\n plugins: {\n legend: {\n position: 'bottom',\n align: 'start',\n labels: {\n usePointStyle: true\n }\n },\n title: {\n display: true,\n text: item.variableTitle + ' over time',\n align: 'start',\n color: '#262626',\n padding: {\n bottom: 16\n },\n font: {\n weight: 600,\n size: 14\n }\n }\n },\n layout: {\n padding: {\n bottom: 10,\n }\n },\n color: '#262626'\n };\n return (\n \n \n \n
\n \n {item.activityValue[1]}{item.unitOfMeasure} \n \n
\n \n European Union \n \n
\n \n {item.geo} (Total) \n \n
\n \n
\n \n \n )\n }}\n />\n
\n
\n \n How big is the industry? \n
\n \n {item.variableTitle} {item.industry} \n {\n item.variableTitle === 'Enterprices' ?
\n \n {item.activityValue[1] - item.activityValue[0] > 0 ?\n
\n \n \n {item.activityProgress}% \n
\n :\n \n {item.activityProgress}% \n
\n }\n \n {item.euActivitiesValue[1] - item.euActivitiesValue[0] > 0 ?\n
\n \n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n :\n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n }\n \n {item.totalActivitiesValue[1] - item.totalActivitiesValue[0] > 0 ?\n
\n \n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n :\n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n }\n \n \n
\n \n {\n const data = {\n labels: item.timeLabels,\n datasets: [\n {\n label: item.geoTitle,\n data: item.activityValues,\n fill: false,\n backgroundColor: '#1890FF',\n borderColor: '#1890FF',\n pointStyle: 'rectRounded',\n pointRadius: 0,\n yAxisID: 'y'\n },\n {\n label: item.geoTitle + '(Total)',\n data: item.totalActivitiesValues,\n fill: false,\n backgroundColor: '#BFBFBF',\n borderColor: '#BFBFBF',\n pointStyle: 'rectRounded',\n pointRadius: 0,\n yAxisID: 'y1'\n }\n ]\n }\n const options = {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n type: 'linear',\n display: true,\n position: 'left'\n },\n y1: {\n beginAtZero: true,\n type: 'linear',\n display: true,\n position: 'right',\n grid: {\n drawOnChartArea: false,\n }\n }\n },\n tooltip: {\n enabled: false\n },\n plugins: {\n legend: {\n position: 'bottom',\n align: 'start',\n labels: {\n usePointStyle: true\n }\n },\n title: {\n display: true,\n text: item.variableTitle + ' over time',\n align: 'start',\n color: '#262626',\n padding: {\n bottom: 16\n },\n font: {\n weight: 600,\n size: 14\n }\n }\n },\n layout: {\n padding: {\n bottom: 10,\n }\n },\n color: '#262626'\n };\n return (\n \n \n \n
\n \n {item.activityValue[1]}{item.unitOfMeasure} \n \n
\n \n European Union \n \n
\n \n {item.geo} (Total) \n \n
\n \n
\n \n \n )\n }}\n />\n
\n
\n \n How big is labor costs and productivity? \n
\n \n {item.variableTitle} {item.industry} \n {\n item.variableTitle === 'Labour productivity' ?
\n \n {item.activityValue[1] - item.activityValue[0] > 0 ?\n
\n \n \n {item.activityProgress}% \n
\n :\n \n {item.activityProgress}% \n
\n }\n \n {item.totalActivitiesValue[1] - item.euActivitiesValue[0] > 0 ?\n
\n \n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n :\n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n }\n \n {item.totalActivitiesValue[1] - item.totalActivitiesValue[0] > 0 ?\n
\n \n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n :\n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n }\n \n \n
\n \n {\n const data = {\n labels: item.timeLabels,\n datasets: [\n {\n label: item.geoTitle,\n data: item.activityValues,\n fill: false,\n backgroundColor: '#1890FF',\n borderColor: '#1890FF',\n pointStyle: 'rectRounded',\n pointRadius: 0,\n yAxisID: 'y'\n },\n {\n label: item.geoTitle + '(Total)',\n data: item.totalActivitiesValues,\n fill: false,\n backgroundColor: '#BFBFBF',\n borderColor: '#BFBFBF',\n pointStyle: 'rectRounded',\n pointRadius: 0,\n yAxisID: 'y1'\n }\n ]\n }\n const options = {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n type: 'linear',\n display: true,\n position: 'left'\n },\n y1: {\n beginAtZero: true,\n type: 'linear',\n display: true,\n position: 'right',\n grid: {\n drawOnChartArea: false,\n }\n }\n },\n tooltip: {\n enabled: false\n },\n plugins: {\n legend: {\n position: 'bottom',\n align: 'start',\n labels: {\n usePointStyle: true\n }\n },\n title: {\n display: true,\n text: item.variableTitle + ' over time',\n align: 'start',\n color: '#262626',\n padding: {\n bottom: 16\n },\n font: {\n weight: 600,\n size: 14\n }\n }\n },\n layout: {\n padding: {\n bottom: 10,\n }\n },\n color: '#262626'\n };\n return (\n \n \n \n
\n \n {item.activityValue[1]}{item.unitOfMeasure} \n \n
\n \n European Union \n \n
\n \n {item.geo} (Total) \n \n
\n \n
\n \n \n )\n }}\n />\n
\n
\n \n How big are the companies in the industry? \n
\n \n {item.variableTitle} {item.industry} \n {\n item.variableTitle === 'Persons employed' ?
\n \n {item.activityValue[1] - item.activityValue[0] > 0 ?\n
\n \n \n {item.activityProgress}% \n
\n :\n \n {item.activityProgress}% \n
\n }\n \n {item.totalActivitiesValue[1] - item.euActivitiesValue[0] > 0 ?\n
\n \n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n :\n \n {item.euActivitiesValue[1]}{item.unitOfMeasure} \n {item.euActivitiesProgress}% \n
\n }\n \n {item.totalActivitiesValue[1] - item.totalActivitiesValue[0] > 0 ?\n
\n \n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n :\n \n {item.totalActivitiesValue[1]}{item.unitOfMeasure} \n {item.totalActivitiesProgress}% \n
\n }\n {record.comments}
\n{record.comments}
\n{record.comments}
\nCover image
\n\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n {this.props.businessPlan.name} \n {this.props.businessPlan.percentage}% Completed \n
\n \n - \n
\n \n \n
\n \n {this.props.businessPlan.activityCode === \"\" || this.props.businessPlan.activityCode === null ? \"NACE: \" : \"NACE: \" + this.props.businessPlan.activityCode} \n
\n
\n }\n />\n \n \n Value proposition\n
\n \n \n {this.props.businessPlan.value_proposition_description === \"\" ? \"Proposed products\" : this.props.businessPlan.value_proposition_description}\n \n
\n
\n }\n />\n \n \n Customer segments\n
\n \n \n {this.props.businessPlan.customer_segments_description === \"\" ? \"Customer segments\" : this.props.businessPlan.customer_segments_description}\n \n
\n
\n }\n />\n \n \n Channels\n
\n \n \n {this.props.businessPlan.channels_description === null ? \"Channels list\" : this.props.businessPlan.channels_description}\n \n
\n
\n }\n />\n \n \n Customer relationships\n
\n \n \n {this.props.businessPlan.customer_relationship_description === \"\" ? \"Customer relationships\" : this.props.businessPlan.customer_relationship_description}\n \n
\n
\n }\n />\n \n \n Revenue streams\n
\n \n \n {this.props.businessPlan.revenue_streams_description === \"\" ? \"Customer segments revenue streams\" : this.props.businessPlan.revenue_streams_description}\n \n
\n
\n }\n />\n \n \n Key resources\n
\n \n \n {this.props.businessPlan.key_resources_description === \"\" ? \"Key resources list\" : this.props.businessPlan.key_resources_description}\n \n
\n
\n }\n />\n \n \n Key activities\n
\n \n \n {this.props.businessPlan.key_activities_description === \"\" ? \"Key activities list\" : this.props.businessPlan.key_activities_description}\n \n
\n
\n }\n />\n \n \n Key partners\n
\n \n \n {this.props.businessPlan.key_partners_description === null ? \"Key partners list\" : this.props.businessPlan.key_partners_description}\n \n
\n
\n }\n />\n \n \n Cost structure\n
\n \n \n {this.props.businessPlan.cost_structure_description === \"\" ? \"Fixed and variable costs\" : this.props.businessPlan.cost_structure_description}\n \n
\n
\n }\n />\n - \n
\n \n
\n \n {this.props.businessPlan.swot_description === \"\" || this.props.businessPlan.swot_description === null ? \"Strengths/Weaknesses and Threats/Oportunities\" : this.props.businessPlan.swot_description} \n
\n
\n }\n />\n \n Assets\n
\n \n \n Fixed and Variable Costs\n
\n \n \n Sales Forecast\n
\n \n \n Business start-up investments\n
\n \n \n Cash Flow\n
\n \n \n \n
\n \n Cover image
\n \n \n\n {this.props.businessPlan.activityCode} Industry risks \n
\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n };\n}\n\nexport default connect(mapStateToProps, { updateConsumerSegment })(EditConsumerSegmentModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select, InputNumber } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateBusinessSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\nconst inputStyle = {\n borderRadius: '4px',\n width: '100%',\n marginBottom: '0px',\n textAlign: 'center',\n fontSize: '14px'\n};\n\nclass EditBusinessSegmentModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n type: this.props.item.business_type.map(e => e.id),\n companySize: this.props.item.company_size.map(e => e.id),\n annualRevenue: this.props.item.annual_revenue,\n budget: this.props.item.budget,\n locationType: this.props.item.geographic_location.map(e => e.id),\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n this.props.onClose();\n }\n\n onTypeChange(value) {\n this.setState({\n type: value\n });\n }\n\n onCompanySizeChange(value) {\n this.setState({\n companySize: value\n });\n }\n\n onLocationTypeChange(value) {\n this.setState({\n locationType: value\n })\n }\n onBudgetChange(value) {\n this.setState({\n budget: value\n })\n }\n\n onAnnualRevenueChange(value) {\n this.setState({\n annualRevenue: value\n })\n }\n\n\n render() {\n\n const typeOptions = this.props.categories.customer_segments_types.business_types.map((obj) =>\n \n );\n\n const companySizeOptions = this.props.categories.customer_segments_types.company_sizes.map((obj) =>\n \n );\n\n const locationOptions = this.props.categories.customer_segments_types.geographic_locations.map((obj) =>\n \n );\n\n return (\n <>\n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n };\n}\n\nexport default connect(mapStateToProps, { updateBusinessSegment })(EditBusinessSegmentModal);\n\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Modal, Button, Form, Space, Select } from 'antd';\nimport '../../../css/customModal.css';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { updateNgoSegment } from \"../../../appStore/actions/customerSegmentAction\";\n\nconst { Option } = Select;\n\nclass EditPublicBodiesSegmentModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n ngoType: this.props.item.ngo_types.map(e => e.id),\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n onBack = () => {\n this.props.onClose();\n }\n\n onOK = () => {\n }\n\n onNgoTypeChange(value) {\n this.setState({\n ngoType: value\n });\n }\n\n render() {\n const typeOptions = this.props.categories.customer_segments_types.ngo_types.map((obj) =>\n \n );\n\n return (\n <>\n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerSegmentProperties,\n };\n}\n\nexport default connect(mapStateToProps, { updateNgoSegment })(EditPublicBodiesSegmentModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { tableCardStyle, tableCardBodyStyle, tableTitleStyle, tableDescriptionStyle, buttonStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport EditConsumerSegmentModal from '../components/EditConsumerSegmentModal';\nimport EditBusinessSegmentModal from '../components/EditBusinessSegmentModal';\nimport EditPublicBodiesSegmentModal from '../components/EditPublicBodiesSegmentModal';\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getCustomerSegmentProperties, getCustomerSegments, deleteConsumerSegment, deleteBusinessSegment, deleteNgoSegment, saveState } from \"../../../appStore/actions/customerSegmentAction\";\nimport { getSelectedPlanOverview } from \"../../../appStore/actions/planActions\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport TooltipComponent from '../../components/Tooltip';\nimport TextHelper from '../../components/TextHelper';\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass PublicCustomerSegments extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n consumerSegment: null,\n businessSegment: null,\n publicBodiesSegment: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/public/overview`);\n }\n\n onCloseAddSegmentModal = () => {\n this.setState({\n consumerSegment: null,\n businessSegment: null,\n publicBodiesSegment: null,\n item: null,\n });\n };\n\n\n onCloseEditSegmentModal = () => {\n this.setState({\n consumerSegment: null,\n businessSegment: null,\n publicBodiesSegment: null,\n item: null\n });\n };\n\n onEditConsumerSegment(item) {\n this.setState({\n item: { ...item },\n consumerSegment: true\n });\n }\n\n onEditBusinessSegment(item) {\n this.setState({\n item: { ...item },\n businessSegment: true\n });\n }\n\n onEditPublicBodiesSegment(item) {\n this.setState({\n item: { ...item },\n publicBodiesSegment: true\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getCustomerSegmentProperties();\n this.props.getCustomerSegments(this.props.businessPlan.id);\n });\n }\n } else {\n this.props.getCustomerSegmentProperties();\n this.props.getCustomerSegments(this.props.businessPlan.id);\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n const consumersSegmentsColumns = [\n {\n title: \"Name\",\n dataIndex: \"segment_name\",\n width: '28.5%'\n },\n {\n title: 'Age group',\n dataIndex: 'age_titles',\n key: 'age_titles',\n width: '24.5%',\n },\n {\n title: 'Gender',\n dataIndex: 'gender_titles',\n key: 'gender_titles',\n width: '24.5%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '22.5%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Customer segments \n
\n \n \n Consumers \n
\n \n \n Business \n
\n \n \n Public bodies & NGO \n
\n \n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Edit Product \n
\n \n \n
\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Value propositions \n
\n \n \n \n {/* */}\n
\n }\n >\n \n \n \n )\n }\n}\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n types: state.channelTypes,\n products: state.products\n };\n}\n\nexport default connect(mapStateToProps, { updateChannel })(EditChannelModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, tableCardStyle, tableCardBodyStyle, tableTitleStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport AddChannelModal from '../../components/channels/AddChannelModal';\nimport EditChannelModal from '../../public_plan/components/EditChannelModal';\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getChannelTypes, getChannels, deleteChannel, saveState } from \"../../../appStore/actions/channelActions\";\nimport { getProducts } from \"../../../appStore/actions/productActions\";\nimport { getSelectedPlanOverview } from \"../../../appStore/actions/planActions\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport TooltipComponent from \"../../components/Tooltip\";\nimport TextHelper from '../../components/TextHelper';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass PublicChannels extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n showAddChannelModal: false\n };\n }\n\n onBackClick() {\n this.props.history.push(`/public/overview`);\n }\n\n onAddChannel = () => {\n this.setState({\n showAddChannelModal: true\n });\n }\n\n onCloseAddChannelModal = () => {\n this.setState({\n showAddChannelModal: false\n });\n };\n\n onCloseEditChannelModal = () => {\n this.setState({\n item: null\n });\n };\n\n onDeleteChannel(item) {\n this.props.deleteChannel(item.item.id);\n }\n\n onEditChannel(item) {\n this.setState({\n item: item.item\n });\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getChannelTypes();\n this.props.getChannels(this.props.businessPlan.id);\n this.props.getProducts(this.props.businessPlan.id);\n });\n }\n } else {\n this.props.getChannelTypes();\n this.props.getChannels(this.props.businessPlan.id);\n this.props.getProducts(this.props.businessPlan.id);\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n const data = this.props.channels.channels.map(item => {\n const channel_name = item.channel_type.name;\n const distribution_names = item.distribution_channels === null ? [] : item.distribution_channels.map(item => item.name);\n const distribution_name = distribution_names.length === 0 ? \"-\" : distribution_names.join();\n const product_names = item.products.map(item => item.name);\n const product_name = product_names.join();\n return {\n \"channel_name\": channel_name,\n \"distribution_name\": distribution_name,\n \"product_name\": product_name,\n \"item\": item,\n \"key\": item.id\n }\n });\n\n const channelsColumns = [\n {\n title: 'Channels',\n dataIndex: 'channel_name',\n key: 'channel_name',\n width: '24.5%',\n },\n {\n title: 'Distribution channel',\n dataIndex: 'distribution_name',\n key: 'distribution_name',\n width: '25.2%',\n },\n {\n title: 'Product',\n dataIndex: 'product_name',\n key: 'product_name',\n width: '31%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.3%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Channels \n
\n \n {/* \n Mark as completed:
\n */}\n \n Channels \n
\n \n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Key Resource \n
\n \n \n Key resources \n
\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.customerRelationshipsCategories,\n };\n}\n\nexport default connect(mapStateToProps, { updateCustomerRelationship })(EditCustomerRelationshipModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, tableCardStyle, tableCardBodyStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport RelationshipCategoriesModal from '../../components/customer_relationships/RelationshipCategoriesModal';\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getCustomerRelationshipsCategories, getCustomerRelationships, saveState, selectRelationshipCategory, deleteCustomerRelationship } from \"../../../appStore/actions/customerRelationshipsAction\";\nimport AddCustomerRelationshipModal from '../../components/customer_relationships/AddCustomerRelationshipModal';\nimport EditCustomerRelationshipModal from '../../public_plan/components/EditCustomerRelationshipModal';\nimport { getSelectedPlanOverview } from \"../../../appStore/actions/planActions\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport TooltipComponent from '../../components/Tooltip';\nimport TextHelper from '../../components/TextHelper';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass PublicCustomerRelationships extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n relationshipCategory: null,\n group: null,\n };\n }\n\n onBackClick() {\n this.props.history.push(`/public/overview`);\n }\n\n onAddHowToGetNew = () => {\n this.setState({\n relationshipCategory: 1,\n group: 1\n });\n }\n\n onAddHowToKeepExisting = () => {\n this.setState({\n relationshipCategory: 2,\n group: 2\n });\n }\n\n onAddHowToMakeSpend = () => {\n this.setState({\n relationshipCategory: 3,\n group: 3\n });\n }\n\n onCloseAddRelationshipModal = () => {\n this.setState({\n item: null,\n group: this.state.relationshipCategory\n });\n this.props.selectRelationshipCategory(null);\n };\n\n onCloseRelationshipCategoriesModal = () => {\n this.setState({\n relationshipCategory: null,\n group: null,\n item: null,\n });\n this.props.selectRelationshipCategory(null);\n };\n\n onBackAddRelationshipModal = () => {\n this.setState({\n relationshipCategory: null,\n group: null,\n item: null,\n });\n };\n\n onCloseEditRelationshipModal = () => {\n this.setState({\n relationshipCategory: null,\n group: null,\n item: null,\n });\n };\n\n openAddRelationshipCategoriesModal = () => {\n this.setState({\n addModalVisibility: true,\n group: null,\n })\n }\n\n onDeleteHowToGetNew(item) {\n this.props.deleteCustomerRelationship({ \"id\": item.id, \"group\": 1 });\n }\n\n onDeleteHowToKeepExisting(item) {\n this.props.deleteCustomerRelationship({ \"id\": item.id, \"group\": 2 });\n }\n\n onDeleteHowToMakeSpend(item) {\n this.props.deleteCustomerRelationship({ \"id\": item.id, \"group\": 3 });\n }\n\n onEditHowToGetNew(item) {\n this.setState({\n item: { ...item, \"group\": 1 },\n });\n }\n\n onEditHowToKeepExisting(item) {\n this.setState({\n item: { ...item, \"group\": 2 },\n });\n }\n\n onEditHowToMakeSpend(item) {\n this.setState({\n item: { ...item, \"group\": 3 },\n });\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getCustomerRelationshipsCategories();\n this.props.getCustomerRelationships(this.props.businessPlan.id);\n });\n }\n } else {\n this.props.getCustomerRelationshipsCategories();\n this.props.getCustomerRelationships(this.props.businessPlan.id);\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n\n const howToGetNewColumns = [\n {\n title: 'Action',\n dataIndex: 'category',\n key: 'category',\n width: '26.5%',\n render: (value, row) => value.title,\n },\n {\n title: 'Channel',\n dataIndex: 'channels',\n key: 'channels',\n width: '44%',\n render: (value, row) => value.map(function (item, index) {\n return (index ? ', ' : '') + item;\n }),\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (value, row) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Customer Relationships \n
\n \n\n \n How to get new customers? \n
\n \n \n How to keep customers? \n
\n \n \n How to convince existing to spend more? \n
\n \n \n \n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n types: state.revenueTypes\n };\n}\n\nexport default connect(mapStateToProps, { updateRevenue })(EditSegmentModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, InfoCircleFilled } from '@ant-design/icons';\nimport { buttonStyle, tableCardStyle, tableCardBodyStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport AddSegmentModal from '../../components/revenue_streams/AddSegmentModal';\nimport EditSegmentModal from '../../public_plan/components/EditSegmentModal';\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getStreamTypes, getPrices, getRevenues, saveState, deleteRevenue } from \"../../../appStore/actions/revenueStreamActions\";\nimport { getSelectedPlanOverview } from \"../../../appStore/actions/planActions\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport TooltipComponent from \"../../components/Tooltip\";\nimport TextHelper from '../../components/TextHelper';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass PublicRevenueStreams extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n segmentNumber: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/public/overview`);\n }\n\n onCloseEditSegmentModal = () => {\n this.setState({\n item: null\n });\n };\n\n onEditFirstSegment(item) {\n this.setState({\n item: { ...item, \"segment\": 1 }\n });\n }\n\n onEditSecondSegment(item) {\n this.setState({\n item: { ...item, \"segment\": 2 }\n });\n }\n\n onEditOther(item) {\n this.setState({\n item: { ...item, \"segment\": 3 }\n });\n }\n\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getRevenues(this.props.businessPlan.id);\n this.props.getStreamTypes();\n this.props.getPrices();\n });\n }\n } else {\n this.props.getRevenues(this.props.businessPlan.id);\n this.props.getStreamTypes();\n this.props.getPrices();\n }\n }else{\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n const firstSegmentColumns = [\n {\n title: 'Type',\n dataIndex: 'stream_type_name',\n key: 'stream_type_name',\n width: '23.5%',\n },\n {\n title: 'Prices',\n dataIndex: 'price_category_name',\n key: 'price_category_name',\n width: '15%',\n },\n {\n title: 'Consumers',\n dataIndex: 'segments',\n key: 'segments',\n width: '42%',\n render: (obj, record) => (\n {record.segments + ' '}
\n ),\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n{record.segments + ' '}
\n ),\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n{record.segments + ' '}
\n ),\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Revenue streams \n
\n \n \n Consumers \n \n
\n \n \n Business \n \n
\n \n \n Public bodies & NGO \n \n
\n \n \n \n {/**/}\n
\n }\n >\n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan\n };\n}\n\nexport default connect(mapStateToProps, { updateDistributor, updateSupplier, updateOther })(EditKeyPartnerModal);\n\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space, Tooltip } from 'antd';\nimport { ArrowLeftOutlined, InfoCircleFilled, PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle, tableTitleStyle, defaultButtonStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\n//import KeyPartnersModal from \"../components/KeyPartnersModal\";\n//import AddKeyPartnerModal from '../components/AddKeyPartnerModal';\nimport EditKeyPartnerModal from '../../public_plan/components/EditKeyPartnerModal';\nimport { getPartners, getPartnersCategories, selectCategory, deleteDistributor, deleteSupplier, deleteOther, saveState } from \"../../../appStore/actions/partnersAction\";\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getSelectedPlanOverview } from \"../../../appStore/actions/planActions\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport TooltipComponent from \"../../components/Tooltip\";\nimport TextHelper from '../../components/TextHelper';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass KeyPartners extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n isCategoriesModalVisible: false,\n isPartnerModalVisible: false,\n isEditPartnerModalVisible: false,\n category: null,\n item: { \"type_title\": \"\" }\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n addNewItem = () => {\n this.setState({\n isCategoriesModalVisible: true,\n });\n }\n\n onAddNewPartner = () => {\n this.setState({\n isPartnerModalVisible: true\n });\n }\n\n onAddNewDistributor = () => {\n this.props.selectCategory(\"distributor\", this.props.categories.distributors_types, () => {\n this.setState({\n isCategoriesModalVisible: true\n });\n });\n }\n\n onAddNewSupplier = () => {\n this.props.selectCategory(\"supplier\", this.props.categories.suppliers_types, () => {\n this.setState({\n isCategoriesModalVisible: true\n });\n });\n }\n\n onAddNewOther = () => {\n this.props.selectCategory(\"other\", this.props.categories.others_types, () => {\n this.setState({\n isCategoriesModalVisible: true\n });\n });\n }\n\n onCloseCategoriesModal = () => {\n this.setState({\n isCategoriesModalVisible: false\n });\n };\n\n onClosePartnerModal = () => {\n this.setState({\n isPartnerModalVisible: false\n });\n };\n\n onCloseEditPartnerModal = () => {\n this.setState({\n isEditPartnerModalVisible: false,\n item: { \"type_title\": \"\" }\n });\n };\n\n onBackToCategoriesModal = () => {\n this.setState({\n isPartnerModalVisible: false,\n isCategoriesModalVisible: true\n });\n };\n\n onDeleteDistributor(item) {\n this.props.deleteDistributor(item.id);\n }\n\n onDeleteSupplier(item) {\n this.props.deleteSupplier(item.id);\n }\n\n onDeleteOther(item) {\n this.props.deleteOther(item.id);\n }\n\n onEditDistributor(item) {\n this.setState({\n isEditPartnerModalVisible: true,\n item: { ...item, \"category\": \"distributor\" }\n });\n }\n\n onEditSupplier(item) {\n this.setState({\n isEditPartnerModalVisible: true,\n item: { ...item, \"category\": \"supplier\" }\n });\n }\n\n onEditOther(item) {\n this.setState({\n isEditPartnerModalVisible: true,\n item: { ...item, \"category\": \"other\" }\n });\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getSelectedPlanOverview(this.props.businessPlan.id);\n });\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getPartners(this.props.businessPlan.id);\n this.props.getPartnersCategories();\n });\n }\n } else {\n this.props.getPartners(this.props.businessPlan.id);\n this.props.getPartnersCategories();\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n\n render() {\n\n const distributorsColumns = [\n {\n title: 'Distributor type',\n dataIndex: 'type_title',\n key: 'type_title',\n width: '31.5%',\n },\n {\n title: 'Company',\n dataIndex: 'name',\n key: 'name',\n width: '15%',\n },\n {\n title: 'Priority',\n dataIndex: 'priority',\n key: 'priority',\n width: '34%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Key Partners \n
\n \n \n Key Distributors \n
\n \n \n Key Suppliers \n
\n \n \n Other \n
\n \n \n \n {/* */}\n
\n }\n width={588}\n >\n \n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n categories: state.costCategoriesList,\n category: state.selectedCostCategory \n };\n}\n\nexport default connect(mapStateToProps, {updateFixedCost, updateVariableCost} )(EditCostModal);\n\n\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Card, Table, Space } from 'antd';\nimport { ArrowLeftOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle, defaultButtonStyle } from '../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport { refreshPublicPlan, refreshPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getCostStructureList, getCategories, deleteFixedCost, deleteVariableCost, selectCostCategory, saveState } from \"../../../appStore/actions/costStructureAction\"\n//import FixedCostModal from \"../components/cost_structure/FixedCostModal\";\nimport CostCategoriesModal from \"../../components/cost_structure/CostCategoriesModal\"\nimport EditCostModal from \"../../public_plan/components/EditCostModal\"\nimport AddCostModal from \"../../components/cost_structure/AddCostModal\";\nimport { getSelectedPlanOverview } from \"../../../appStore/actions/planActions\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport TooltipComponent from \"../../components/Tooltip\";\nimport TextHelper from '../../components/TextHelper';\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass CostStructure extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n item: null,\n costNumber: null, //fixed is 1, variable is 2\n addModalVisibility: null,\n fixedCostNumber: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n\n openFixedCostCategories = () => {\n this.setState({\n costNumber: 1,\n fixedCostNumber: 1\n });\n }\n openVarCostCategories = () => {\n this.setState({\n costNumber: 2,\n fixedCostNumber: 2\n });\n }\n onCloseCostCategoriesModal = () => {\n this.setState({\n costNumber: null,\n\n });\n };\n onEditFixedCost(item) {\n this.setState({\n item: { ...item },\n fixedCostNumber: 1\n })\n }\n onEditVarCost(item) {\n this.setState({\n item: { ...item },\n fixedCostNumber: 2\n })\n\n }\n onCloseEditCostModal = () => {\n this.setState({\n item: null,\n fixedCostNumber: null\n })\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getCostStructureList(this.props.businessPlan.id);\n this.props.getCategories();\n });\n }\n } else {\n this.props.getCostStructureList(this.props.businessPlan.id);\n this.props.getCategories();\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n render() {\n const fixedCostsColumns = [\n {\n title: 'Cost type',\n dataIndex: 'category_title',\n key: 'category_title',\n width: '31.5%',\n },\n {\n title: 'Type',\n dataIndex: 'type_title',\n key: 'type_title',\n width: '26%'\n },\n {\n title: 'Name',\n dataIndex: 'name',\n key: 'name',\n width: '23%',\n },\n {\n title: '',\n dataIndex: 'action',\n key: 'action',\n width: '19.5%',\n render: (obj, record) => (\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Cost structure \n
\n \n \n Fixed costs \n
\n \n \n Variable costs \n
\n \n \n {this.props.data.title} \n \n Description\n \n
\n \n \n \n
\n }\n width={588}\n >\n \n \n \n \n )\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n activity_category: state.keyActivityCategory,\n activities: state.keyActivities, \n categories: state.keyActivitiesCategoriesList \n };\n}\n\nexport default connect(mapStateToProps, {updateKeyActivity} )(EditKeyActivity);\n\n\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Divider, Button, Breadcrumb, Row, Col, Typography, Switch, Space, List } from 'antd';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\n//import { buttonStyle, leftButtonStyle, rightButtonStyle, tableCardStyle, tableCardBodyStyle } from '../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getKeyActivitiesList, getCategories } from \"../../../appStore/actions/keyActivitiesAction\";\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport Cookies from 'js-cookie';\nimport ProductComponent from \"../../public_plan/components/ProductComponent\";\nimport KeyActivityTypesModal from \"../../components/key_activities/KeyActivityTypesModal\";\nimport AddKeyActivityModal from \"../../components/key_activities/AddKeyActivityModal\";\nimport EditKeyActivityModal from \"../../public_plan/components/EditKeyActivityModal\"\nimport TooltipComponent from \"../../components/Tooltip\";\n\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"30px\",\n lineHeight: \"38px\"\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nclass KeyActivities extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n activityCategoriesModalVisibility: false,\n addSubTypeModalVisibility: false,\n productID: null,\n item: null\n };\n }\n\n onBackClick() {\n this.props.history.push(`/overview`);\n }\n openCategoriesModal = () => {\n this.setState({\n activityCategoriesModalVisibility: true,\n });\n }\n getProductID = (id) => {\n this.setState({\n productID: id\n })\n }\n onCloseCategoriesModal = () => {\n this.setState({\n activityCategoriesModalVisibility: false\n })\n }\n openAddSubTypeModal = () => {\n this.setState({\n addSubTypeModalVisibility: true,\n activityCategoriesModalVisibility: false\n })\n }\n onCloseAddSubTypeModal = () => {\n this.setState({\n addSubTypeModalVisibility: false,\n activityCategoriesModalVisibility: true\n })\n }\n openEditKeyActivityModal = (item) => {\n this.setState({\n item: { ...item },\n })\n }\n onCloseEditKeyActivityModal = () => {\n this.setState({\n item: null,\n })\n }\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"public_plan\") === undefined || localStorage.getItem(\"public_plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"public_plan\"), () => {\n this.props.getKeyActivitiesList(this.props.businessPlan.id)\n this.props.getCategories()\n });\n }\n } else {\n this.props.getKeyActivitiesList(this.props.businessPlan.id)\n this.props.getCategories()\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n }\n render() {\n\n return (\n <>\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Key Activities \n
\n \n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n SWOT \n
\n \n \n Strengths and weaknesses \n \n
\n \n \n Opportunities and threats \n \n
\n \n \n Strengths and weaknesses \n \n
\n \n \n Opportunities and threats \n \n
\n \n \n this.props.updateAssetsItemAmount(e.target.value, obj)}\n defaultValue={text === null ? 0 : text}\n className='assets-input-style'\n disabled={true}\n />\n
\n\n )\n\n },\n {\n title: () => (\n \n \n \n Public Business plans \n \n \n {this.props.businessPlan.name} \n \n \n Financial projections\n \n \n \n\n \n
\n \n
\n \n \n
\n\n \n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n countryCode: state.countryShortCode,\n vat: state.vat,\n assets: state.assets,\n };\n}\nexport default connect(mapStateToProps, { refreshPublicPlan, logout, getAssets, discardChanges, getCountryShortCode, getCountryVats, getSelectedPlanOverview })(AssetsWindow);","import React from 'react'\nimport { connect } from 'react-redux';\nimport { updateFixedAndVarCosts, getFinancialProjectionsCosts, getBusinessStartUpInvestmentInformation } from '../../../appStore/actions/financialProjectionsActions'\nimport { Link, withRouter } from 'react-router-dom';\nimport { buttonStyle, tableCardStyle, tableCardBodyStyle } from '../../../styles/customStyles';\nimport { Select, InputNumber, Popconfirm, Input, Divider, Modal, Col, Typography, Card, Table, Button } from 'antd';\nimport { CaretDownFilled } from '@ant-design/icons';\nimport { isForOfStatement, isGenericTypeAnnotation, thisExpression } from '@babel/types';\n// import {getBusinessStartUpInvestmentInformation} from '../../../appStore/actions/businessInvestmentAction'\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"16px\",\n lineHeight: \"24px\",\n marginBottom: \"20px\",\n}\nclass VariableCostPopUp extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n monthsChecked: null,\n checked: [],\n data: [],\n cost_items: []\n }\n }\n\n onCancel = () => {\n this.props.handleCancel();\n this.setState({\n checked: [],\n data: [],\n monthsChecked: null,\n });\n }\n\n //on save changes dont save disabled data in array\n save = () => {\n const pricesWithoutDisabled = [];\n const original = this.state.data;\n\n original.forEach((element, index) => {\n if (index < this.state.monthsChecked) {\n pricesWithoutDisabled.push(element.price);\n } else if (index >= this.state.monthsChecked) {\n pricesWithoutDisabled.push(0)\n }\n });\n this.props.onVariableChange(pricesWithoutDisabled,this.props.record,\"monthly_expenses\",1);\n this.setState({\n checked: [],\n data: [],\n monthsChecked: null\n });\n this.props.handleOk();\n }\n //when Selected months is changed\n onMonthsChanged = (value) => {\n this.setState({\n monthsChecked: value\n });\n const array = []\n //loop through array. loop while index is not greater that provided value. add id's to array\n this.state.data.map((obj, index) => {\n if (index <= value - 1) {\n array.push(obj.id)\n }\n });\n this.setState({\n checked: array\n });\n }\n\n isDisabled = id => {\n return (\n this.state.checked.length > 0 && this.state.checked.indexOf(id) === -1\n );\n };\n\n onDataChange = (record, value) => {\n const array = JSON.parse(JSON.stringify(this.state.data));\n array.forEach(element => {\n if (element.id === record.id) {\n element.price = value;\n }\n });\n this.setState({\n data: array\n });\n }\n\n loadData = (selectedPeriod) => {\n const duom = []\n\n // if selected period is null then it can be 12 by deefault\n if(selectedPeriod === null || selectedPeriod === 12){\n // checking if there is something in monthly_expenses or not\n if(this.props.monthly_expenses === null || this.props.monthly_expenses === undefined){\n for (var i = 1; i < 13; i++) {\n duom.push({ id: i, month: i, price: 0 })\n }\n }else if(this.props.monthly_expenses.length === 12 || this.props.monthly_expenses.length === 24){\n //this.props.monthly_expenses.length\n for (var i = 0; i < 12; i++) {\n // console.log('Monthly expenses at index' + i + ' ,and element is:' + this.props.monthly_expenses[i])\n duom.push({ id: i+1, month: i+1, price: this.props.monthly_expenses[i] })\n }\n }\n }else if(selectedPeriod === 24){\n // if there is no data. set array with 24 prices at 0\n if(this.props.monthly_expenses === null || this.props.monthly_expenses === undefined){\n for(var i=1;i<25;i++){\n duom.push({id: i, month: i, price: 0})\n }\n }else if(this.props.monthly_expenses.length === 12){\n //add twelve items that exist in monthly_expenses array. then add\n for (var i = 0; i < 24; i++) {\n if(i < 12){\n duom.push({ id: i+1, month: i+1, price: this.props.monthly_expenses[i]});\n }else if(i >= 12){\n duom.push({id: i+1, month: i+1, price: 0});\n }\n }\n }else if(this.props.monthly_expenses.length === 24){\n for (var i = 0; i < 24; i++) {\n duom.push({ id: i+1, month: i+1, price: this.props.monthly_expenses[i] })\n }\n }\n }\n this.setState({\n data: duom\n });\n }\n\n componentDidMount() {\n this.props.getBusinessStartUpInvestmentInformation(this.props.businessPlanId,()=>{\n if(this.props.financialProjections.period === null || this.props.financialProjections.period === undefined){\n this.setState({\n monthsChecked: 12\n })\n }else{\n this.setState({monthsChecked: this.props.financialProjections.period});\n }\n this.loadData(this.props.financialProjections.period);\n });\n }\n render() {\n const columns = [\n {\n title: 'Month',\n dataIndex: 'month',\n width: '65%'\n },\n {\n title: 'Euro/mo. without VAT',\n dataIndex: 'price',\n width: '35%',\n render: (text, record, index) => {\n if (index === 0) { }\n return (\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Assets \n
\n \n \n Assets \n
\n \n \n (\n
\n \n \n \n
\n
\n )}\n rowKey=\"resource_id\"\n dataSource={[...this.props.assets.physical_assets]}\n columns={assetsColumns}\n pagination={false}\n footer={() => (\n <>\n \n Physical and Intellectual assets \n
\n \n \n\n Investments \n \n
\n \n Own Assets (physical & intellectual) \n \n
\n \n Additional necessary funds for investments in assets \n \n
\n
\n \n )\n }\n />\n \n {this.props.assets.total_investments === null ? 0 : this.props.assets.total_investments} \n
\n \n \n {this.props.assets.own_assets === null ? 0 : this.props.assets.own_assets} \n
\n \n \n {this.props.assets.investment_amount === null ? 0 : this.props.assets.investment_amount} \n
\n \n \n
\n \n All months? \n
\n \n \n } size='default' onSelect={this.onMonthsChanged.bind(this)} disabled={true}>\n {this.state.data.map((obj, index) => (\n \n ))}\n \n
\n \n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Fixed and Variables Costs \n
\n \n \n Mark as completed:
\n \n \n \n obj.category_title}\n />\n : obj.category_title}\n />\n }\n\n\n
\n \n
)\n })}\n \n Fixed Costs \n
: }\n \n {/* returns second column with table */}\n {/* \n \n obj.category_title}\n />\n : obj.category_title}\n />\n }\n\n
\n \n
)\n })}\n \n Variable Costs \n
: }\n \n {/* returns second column with table */}\n {obj.category_title === \"Salaries\" ? \n \n <>\n Sales forecast in EU \n
\n )\n } else if (title === 'Sales forecast outside EU') {\n return (\n \n \n <>\n Sales forecast outside EU \n
\n )\n }\n}\n\nexport default SalesForecastTable;","import React from 'react'\nimport { Select } from 'antd'\nimport { CaretDownFilled } from '@ant-design/icons';\n\nconst { Option } = Select;\nfunction SalesForecastSelect({ defaultValue, onChange, dataSource }) {\n\n return (\n\n } style={{width: 106}} disabled={true}>\n {dataSource.map(x => (\n \n ))}\n\n \n\n )\n}\n\nexport default SalesForecastSelect\n","import React, { useEffect, useState } from 'react'\nimport { connect } from 'react-redux'\nimport { Link, withRouter } from 'react-router-dom';\nimport { Breadcrumb, Col, Space, Row, Button, Typography, Switch, Card, Tabs, Input, Select, InputNumber, Divider } from 'antd';\nimport { ArrowLeftOutlined, CaretDownFilled } from '@ant-design/icons';\nimport { refreshPublicPlan } from \"../../../appStore/actions/refreshAction\";\nimport { getProducts, changState, getProductByID, updateSalesForecast, saveState } from '../../../appStore/actions/salesForecastActions';\nimport { getCountryVat } from '../../../appStore/actions/vatsActions'\nimport { getCountryShortCode } from '../../../appStore/actions/countriesActions'\nimport SalesForecastTable from '../components/SalesForecast/SalesForecastTable';\nimport SalesForecastSelect from '../components/SalesForecast/SalesForecastSelect';\nimport '../../../css/SalesForecast.css';\nimport { tableCardStyle, tableCardBodyStyle } from '../../../styles/customStyles';\nimport { logout } from '../../../appStore/actions/authenticationActions';\nimport TooltipComponent from '../../components/Tooltip';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\nconst { TabPane } = Tabs;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"16px\",\n lineHeight: \"24px\"\n}\n\nconst { Option } = Select;\nclass SalesForecast extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n readyMonth: 1,\n exportPlan: false,\n totalinEu: 0,\n totalOutEu: 0,\n isVisibleHeader: 'hidden',\n tabKey: \"\",\n completed: false,\n vty: {},\n inEuData: [],\n outEuData: [],\n checked: [],\n update: []\n }\n }\n\n dataSourceTableInEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n },\n\n ];\n dataSourceTableOutEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n },\n\n ];\n\n\n\n inEuChange = (text, record, inputName) => {\n\n const array = this.state.update;\n array.forEach(element => {\n if (element.product_id === this.state.tabKey) {\n if (element.sales_forecast_eu === null) {\n element.sales_forecast_eu = this.dataSourceTableInEu\n\n } else {\n element.sales_forecast_eu.forEach((element2) => {\n if (element2.month === record.month) {\n if (inputName === 'price') {\n element2.price = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalinEu: element2.total\n })\n }\n if (inputName === 'qty') {\n element2.qty = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalinEu: element2.total\n })\n }\n if (inputName === 'total') {\n element2.total = text;\n }\n if (inputName === 'vat') {\n element2.vat = text;\n }\n if (inputName === 'paid') {\n element2.paid = text;\n }\n }\n })\n }\n }\n\n })\n this.setState({\n\n update: array\n })\n this.getUpdatesWindowState();\n\n\n }\n\n outEuChange = (text, record, inputName) => {\n const array = this.state.update;\n array.forEach(element => {\n if (element.product_id === this.state.tabKey) {\n if (element.sales_forecast_eu === null) {\n element.sales_forecast_eu = this.dataSourceTableInEu\n\n } else {\n element.sales_forecast_non_eu.forEach((element2) => {\n if (element2.month === record.month) {\n if (inputName === 'price') {\n element2.price = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalOutEu: element2.total\n })\n }\n if (inputName === 'qty') {\n element2.qty = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalOutEu: element2.total\n })\n }\n if (inputName === 'total') {\n element2.total = text;\n }\n if (inputName === 'vat') {\n element2.vat = text;\n }\n if (inputName === 'paid') {\n element2.paid = text;\n }\n }\n })\n }\n }\n\n })\n\n //setoutEuData(array);\n this.setState({\n update: array\n })\n this.getUpdatesWindowState();\n }\n\n setTotal = () => {\n // const array = this.props.salesForecast.products.map(x => x.sales_forecast_eu);\n // clone salesForecast products. not change directly\n //const array = JSON.parse(JSON.stringify(this.props.salesForecast.products));\n const array = this.props.salesForecast.products;\n\n array.map((element, index) => {\n\n if (element.sales_forecast_eu === null) {\n if (element.product_id === this.state.tabKey) {\n element.sales_forecast_eu = this.dataSourceTableInEu;\n }\n\n } else {\n element.sales_forecast_eu.map((element1, index1) => {\n\n element1.total = element1.qty * element1.price;\n return element1;\n })\n }\n if (element.sales_forecast_non_eu === null) {\n if (element.product_id === this.state.tabKey) {\n element.sales_forecast_non_eu = this.dataSourceTableOutEu;\n }\n } else {\n element.sales_forecast_non_eu.map((element2, index2) => {\n\n element2.total = element2.qty * element2.price;\n return element2;\n });\n }\n\n });\n\n this.setState({\n update: array,\n\n })\n\n }\n\n createData = () => {\n const array = this.props.salesForecast.products;\n array.map((element, index) => {\n\n if (element.sales_forecast_eu === null) {\n\n element.sales_forecast_eu = this.dataSourceTableInEu;\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n });\n }\n if (element.sales_forecast_non_eu === null) {\n\n element.sales_forecast_non_eu = this.dataSourceTableOutEu;\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n });\n }\n\n\n });\n this.setState({\n update: array,\n\n })\n\n const obj = {\n \"products\": this.state.update\n }\n this.props.updateSalesForecast(obj);\n\n\n }\n\n\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPublicPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getProducts(this.props.businessPlan.id)\n const obj = { id: this.props.businessPlan.id }\n this.props.getCountryShortCode(obj, (data) => {\n this.props.getCountryVat(this.props.country.countryShortCode);\n this.setState({\n vty: this.props.countryVats\n });\n });\n\n\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n this.createData();\n this.setState({\n inEuData: this.dataSourceTableInEu,\n outEuData: this.dataSourceTableOutEu,\n })\n this.getKey(this.state.update[0].product_id);\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n this.onMonthChange(x.when_ready)\n }\n })\n });\n });\n }\n } else {\n this.props.getProducts(this.props.businessPlan.id);\n const obj = { id: this.props.businessPlan.id }\n this.props.getCountryShortCode(obj, (data) => {\n this.props.getCountryVat(this.props.country.countryShortCode);\n this.setState({\n vty: this.props.countryVats\n });\n });\n\n this.props.getProductByID(this.props.businessPlan.id, () => {\n\n this.setTotal();\n const array = this.props.salesForecast.products;\n array.map((element, index) => {\n if (element.sales_forecast_eu === null && element.sales_forecast_non_eu === null) {\n this.createData();\n }\n });\n //this.getKey(this.state.update[0].product_id)\n this.setState({\n inEuData: this.dataSourceTableInEu,\n outEuData: this.dataSourceTableOutEu,\n\n })\n this.getKey(this.state.update[0].product_id);\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n this.onMonthChange(x.when_ready)\n }\n })\n\n });\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n\n }\n\n onBackClick = () => {\n this.props.history.push(`/overview`)\n }\n\n onDiscardChanges = () => {\n\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n });\n this.setState({\n isVisibleHeader: 'hidden'\n })\n }\n\n onMonthChange = (value) => {\n\n this.state.update.map(x => {\n if (x.product_id === this.state.tabKey) {\n x.when_ready = value;\n this.setState({\n readyMonth: value\n })\n\n\n }\n const array = []\n //loop through array. loop while index is not greater that provided value. add id's to array\n this.state.update.map((obj, index) => {\n\n obj.sales_forecast_eu.map((x, index1) => {\n if (index1 >= value - 1) {\n array.push(x.month);\n }\n })\n\n });\n\n this.setState({\n checked: array\n })\n\n })\n //this.getUpdatesWindowState();\n\n }\n\n isDisabled = (month) => {\n return (\n this.state.checked.length > 0 && this.state.checked.indexOf(month) === -1\n );\n };\n\n\n originalExportPlan = false;\n\n\n\n getUpdatesWindowState = () => {\n const array = this.props.salesForecast.products;\n\n const original = array.map((x) => x.sales_forecast_eu)\n\n const modified = this.state.update.map((y) => y.sales_forecast_eu)\n\n\n if (JSON.stringify(original) !== JSON.stringify(modified)) {\n\n this.setState({\n isVisibleHeader: 'visible'\n })\n } else {\n this.setState({\n isVisibleHeader: 'hidden'\n })\n\n }\n if (this.state.exportPlan !== this.props.salesForecast.products.export) {\n this.setState({\n isVisibleHeader: 'visible'\n })\n\n } else {\n this.setState({\n isVisibleHeader: 'hidden'\n })\n\n }\n }\n\n changePlan = (id, e) => {\n //this.props.changState(id)\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n x.export = e;\n this.getUpdatesWindowState();\n }\n\n })\n\n }\n\n saveChanges = () => {\n\n const sales = this.state.update.map((x) => x.sales_forecast_eu)\n sales.map((element, index) => {\n element.map((x, index) => {\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n if (index < this.state.readyMonth - 1) {\n x.price = 0;\n x.qty = 0;\n x.total = 0;\n }\n }\n\n })\n })\n })\n\n const obj = {\n \"products\": this.state.update\n }\n this.props.updateSalesForecast(obj);\n this.setState({\n isVisibleHeader: 'hidden'\n })\n\n }\n\n getKey = (e) => {\n\n this.setState({\n tabKey: e\n }, () => {\n const update = this.state.update;\n update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n\n this.setState({\n readyMonth: x.when_ready\n }, () => {\n\n this.onMonthChange(this.state.readyMonth)\n });\n }\n })\n\n })\n\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getProductByID(this.props.businessPlan.id);\n });\n }\n\n\n\n render() {\n const dataSourceTableInEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n },\n\n ];\n const dataSourceTableOutEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n },\n\n ];\n\n\n const columns = [\n {\n title: 'Month',\n dataIndex: 'month',\n key: 'month',\n width: '23.7%',\n render: (text, record, index) =>\n \n } onClick={() => this.onBackClick()}>\n Sales forecast \n
\n \n \n {x.name} \n \n Product description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.\n Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n You can add products at Value proposition\n \n
\n \n \n
\n \n What Ready? \n
\n \n \n \n \n
\n \n \n
\n \n Do you have plan to export? \n
\n \n \n \n \n {/* this.changePlan(x.id, e)} /> */}\n \n
\n \n \n \n
\n\n )\n },\n {\n title: () => (\n \n \n (\n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n investments: state.businessInvestments,\n };\n}\n\nexport default connect(mapStateToProps, {changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital })(WorkingCapitalScenario1);","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Row, Col, Typography, Input, Table, Tooltip, Space } from 'antd';\nimport { connect } from 'react-redux';\nimport { changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital, updateWorkingCapitalMyMoney, updateWorkingCapitalLoanAmount } from \"../../../../appStore/actions/businessInvestmentAction\";\nimport { InfoCircleFilled } from '@ant-design/icons';\nimport TooltipComponent from '../../../components/Tooltip';\nimport '../../../../css/BusinessInvestment.css'\n\nconst { Text } = Typography;\n\n\n\nclass WorkingCapitalScenario2 extends React.Component {\n state = {\n working_capital_for_table: [], //used in table\n }\n\n dataWorkingCapitalTest = (data) => {\n const newMonthsArray = [];\n if (data.original.grace_period_short > 0 && data.original.working_capital === null) {\n const objUnique = {\n month: 'Startup',\n own_amount: data.original.own_money_short,\n loan_amount: data.original.loan_amount_short,\n total_necessary: null,\n }\n newMonthsArray.push(objUnique);\n for (var i = 1; i < data.original.grace_period_short + 1; i++) {\n const monthRow = {\n month: i,\n own_amount: null,\n loan_amount: null,\n total_necessary: this.props.totalNecessary.necessaryCapital[i]\n }\n newMonthsArray.push(monthRow)\n }\n } else if(data.original.grace_period_short > 0 && data.original.working_capital !== null) {\n const objUnique = {\n month: 'Startup',\n own_amount: data.original.own_money_short,\n loan_amount: data.original.loan_amount_short,\n total_necessary: null,\n }\n newMonthsArray.push(objUnique);\n for (var i = 1; i < data.original.grace_period_short + 1; i++) {\n const monthRow = {\n month: i,\n own_amount: data.original.working_capital[i-1].own_amount,\n loan_amount: data.original.working_capital[i-1].loan_amount,\n total_necessary: this.props.totalNecessary.necessaryCapital === null ? null : this.props.totalNecessary.necessaryCapital[i]\n }\n newMonthsArray.push(monthRow)\n }\n }\n this.setState({\n working_capital_for_table: newMonthsArray,\n })\n }\n componentDidMount() {\n this.dataWorkingCapitalTest(this.props.investments);\n }\n\n render() {\n const dataWorkingCapital = [{\n title: 'Startup',\n own_amount: this.props.investments.updates.own_money_short,\n loan_amount: this.props.investments.updates.loan_amount_short,\n }]\n const workingCapitalColumns = [\n {\n title: 'Month',\n dataIndex: 'month',\n key: 'month',\n width: '43.5%',\n render: (text, obj, record) => (\n record === 0 ? \n \n
\n \n My initial guess, how big Working Capital I need \n \n \n
\n
\n )}\n dataSource={dataWorkingCapital}\n columns={workingCapitalColumns}\n pagination={false}\n />\n \n \n Working capital \n \n
\n \n \n
\n \n \n \n
\n :\n \n \n
\n\n )\n },\n {\n title: () => (\n \n \n
\n )\n },\n\n {\n title: () => (\n \n \n (\n
\n
\n \n );\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n investments: state.businessInvestments,\n totalNecessary: state.necessaryCapital\n };\n}\n\nexport default connect(mapStateToProps, { changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital, updateWorkingCapitalMyMoney, updateWorkingCapitalLoanAmount })(WorkingCapitalScenario2);","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { Divider, Row, Col, Typography, Card, Select, Input } from 'antd';\nimport { tableCardStyle, tableCardBodyStyle } from '../../../../styles/customStyles';\nimport { connect } from 'react-redux';\nimport { changeVisibility, changePeriod, changeVatPrayer, changeOwnMoney, changeWorkingCapitalAmount, changeOwnMoneyShort, changeWorkingCapital } from \"../../../../appStore/actions/businessInvestmentAction\";\nimport { CaretDownFilled } from '@ant-design/icons';\nimport WorkingCapitalScenario1 from './WorkingCapitalScenario1';\nimport WorkingCapitalScenario2 from './WorkingCapitalScenario2';\nimport TooltipComponent from '../../../components/Tooltip';\nimport '../../../../css/BusinessInvestment.css';\nimport TextHelper from '../../../components/TextHelper';\n\nconst { Option } = Select;\nconst { Text } = Typography;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"16px\",\n lineHeight: \"24px\"\n}\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '20px',\n marginBottom: '16px',\n}\n\nconst textStyle = {\n fontSize: '14px',\n color: '#8C8C8C',\n fontStyle: 'normal',\n fontWeight: 'normal',\n lineHeight: '22px',\n marginRight: '40px',\n}\n\nclass WorkingCapital extends React.Component {\n\n render() {\n const periodDefaultValue = this.props.investments.original.period === null ? 12 : this.props.investments.original.period;\n return (\n <> {\n periodDefaultValue === undefined ?\n \n :\n \n \n
\n \n My initial guess, how big Working Capital I need \n \n \n
\n
\n )}\n dataSource={this.state.working_capital_for_table}\n columns={workingCapitalColumns}\n pagination={false}\n />\n \n \n Working capital \n \n
\n \n \n
\n \n \n Business start-up investments \n \n
\n \n \n \n \n
\n \n
\n \n What Period? \n
\n \n \n } \n size='default' \n style={{ width: 90 }}\n className={\"business-startup-selector-style\"}\n disabled={true}\n >\n \n \n \n
\n \n \n
\n \n Do you pay VAT \n
\n \n \n }\n className={\"business-startup-selector-style\"}\n disabled={true}\n >\n \n \n \n
\n \n \n \n \n
\n \n Physical and Intellectual assets \n
\n \n \n\n Investments \n \n
\n \n Own Assets (physical & intellectual) \n \n
\n \n Additional necessary funds for investments in assets \n \n
\n \n
\n \n Loan (Long term) \n \n
\n
\n \n {this.props.investments.total_investments} \n
\n \n \n {this.props.investments.own_assets} \n
\n \n \n {this.props.investments.investment_amount} \n
\n \n \n How much can I invest my money? \n
\n \n \n \n
\n \n \n {this.props.investments.updates.loan_amount === null ? this.props.investments.investment_amount : this.props.investments.updates.loan_amount} \n
\n \n \n {this.props.investments.original.grace_period_short === 0 ?\n \n
\n :\n \n
\n }\n
\n \n \n Business Financing \n \n
\n \n \n (\n
\n \n \n
\n
\n )}\n dataSource={loanLongDataSource}\n columns={loanLongTermColumn}\n pagination={false}\n />\n \n Loan (Long term) \n
\n \n (\n
\n \n \n \n
\n
\n )}\n dataSource={loanShortDataSource}\n columns={loanShortTermColumn}\n pagination={false}\n />\n \n Loan (Short term) \n
\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Business start-up investments \n \n
\n \n {value}
,\n props: {\n style: { fontWeight: 600, fontSize: '14px', background: (parseInt(value) < 0) ? \"#FFCCC7\" : '', marginBottom: 0 },\n }\n }\n if (row.tag === \"title\" || row.tag === \"section\") {\n obj.props.colSpan = 0;\n\n }\n if (row.tag === \"summary\") {\n obj.props.style = { background: '#FAFAFA', marginBottom: 0, fontWeight: 600, fontSize: '14px' }\n }\n return obj;\n };\n\n\n\n const cashFlowColumns = [\n {\n title: 'Cash flow',\n dataIndex: 'title',\n key: 'title',\n fixed: 'left',\n width: 600,\n render: (text, row, index) => {\n if (row.tag === \"title\") {\n return {\n children:{text}
,\n props: {\n colSpan: 1,\n style: { marginBottom: 0 },\n },\n };\n }\n if (row.tag === \"section\") {\n return {\n children:{text}
,\n props: {\n colSpan: 1,\n style: { marginBottom: 0 },\n },\n };\n }\n if (row.tag === \"summary\") {\n return {\n children:{text}
,\n props: {\n style: { background: (parseInt(text) < 0) ? \"#FFCCC7\" : '#FAFAFA', marginBottom: 0 }\n },\n };\n }\n if (text < 0) {\n return {\n children:{text}
,\n props: {\n style: { background: \"#FFCCC7\", marginBottom: 0 }\n },\n };\n }\n return{text}
;\n\n },\n },\n {\n title: 'Month',\n dataIndex: 'month',\n key: 'month',\n fixed: 'left',\n align: 'left',\n children: months,\n render: renderContent,\n },\n {\n title: 'Total Year 1 (EUR)',\n dataIndex: 'totalYear1',\n key: 'totalYear1',\n fixed: 'right',\n width: 100,\n render: renderContent,\n },\n {\n title: 'Total Year 2 (EUR)',\n dataIndex: 'totalYear2',\n key: 'totalYear2',\n fixed: 'right',\n width: 100,\n render: renderContent,\n },\n ];\n\n return (\n <>\n\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Cash flow \n
\n \n \n
\n \n All months? \n
\n \n \n
\n \n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Fixed and Variables Costs \n
\n \n \n Mark as completed:
\n \n \n \n obj.category_title}\n />\n : obj.category_title}\n />\n }\n\n\n
\n \n
)\n })}\n \n Fixed Costs \n
: }\n \n {/* returns second column with table */}\n {/* \n \n obj.category_title}\n />\n : obj.category_title}\n />\n }\n\n
\n \n
)\n })}\n \n Variable Costs \n
: }\n \n {/* returns second column with table */}\n {obj.category_title === \"Salaries\" ? \n \n <>\n Sales forecast in EU \n
\n )\n } else if (title === 'Sales forecast outside EU') {\n return (\n \n \n <>\n Sales forecast outside EU \n
\n )\n }\n}\n\nexport default SalesForecastTable;","import React from 'react'\nimport { Select } from 'antd'\nimport { CaretDownFilled } from '@ant-design/icons';\n\nconst { Option } = Select;\nfunction SalesForecastSelect({ defaultValue, onChange, dataSource }) {\n\n return (\n\n } style={{width: 106}}>\n {dataSource.map(x => (\n \n ))}\n\n \n\n )\n}\n\nexport default SalesForecastSelect\n","import React, { useEffect, useState } from 'react'\nimport { connect } from 'react-redux'\nimport { Link, withRouter } from 'react-router-dom';\nimport { Breadcrumb, Col, Space, Row, Button, Typography, Switch, Card, Tabs, Input, Select, InputNumber, Divider } from 'antd';\nimport { ArrowLeftOutlined, CaretDownFilled } from '@ant-design/icons';\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getProducts, changState, getProductByID, updateSalesForecast, saveState } from '../../appStore/actions/salesForecastActions';\nimport { getCountryVat } from '../../appStore/actions/vatsActions'\nimport { getCountryShortCode } from '../../appStore/actions/countriesActions'\nimport SalesForecastTable from '../components/sales_Forecast/SalesForecastTable';\nimport SalesForecastSelect from '../components/sales_Forecast/SalesForecastSelect';\nimport UnsavedChangesHeader from '../components/UnsavedChangesHeader';\nimport '../../css/SalesForecast.css';\nimport { tableCardStyle, tableCardBodyStyle } from '../../styles/customStyles';\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from '../components/Tooltip';\nimport Cookies from 'js-cookie';\n\nconst { Text } = Typography;\nconst { TabPane } = Tabs;\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: \"16px\",\n lineHeight: \"24px\"\n}\n\nconst { Option } = Select;\nclass SalesForecast extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n readyMonth: 1,\n exportPlan: false,\n totalinEu: 0,\n totalOutEu: 0,\n isVisibleHeader: 'hidden',\n tabKey: \"\",\n completed: false,\n vty: {},\n inEuData: [],\n outEuData: [],\n checked: [],\n update: []\n }\n }\n\n dataSourceTableInEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n },\n\n ];\n dataSourceTableOutEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n },\n\n ];\n\n\n\n inEuChange = (text, record, inputName) => {\n\n const array = this.state.update;\n array.forEach(element => {\n if (element.product_id === this.state.tabKey) {\n if (element.sales_forecast_eu === null) {\n element.sales_forecast_eu = this.dataSourceTableInEu\n\n } else {\n element.sales_forecast_eu.forEach((element2) => {\n if (element2.month === record.month) {\n if (inputName === 'price') {\n element2.price = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalinEu: element2.total\n })\n }\n if (inputName === 'qty') {\n element2.qty = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalinEu: element2.total\n })\n }\n if (inputName === 'total') {\n element2.total = text;\n }\n if (inputName === 'vat') {\n element2.vat = text;\n }\n if (inputName === 'paid') {\n element2.paid = text;\n }\n }\n })\n }\n }\n\n })\n this.setState({\n\n update: array\n })\n this.getUpdatesWindowState();\n\n\n }\n\n outEuChange = (text, record, inputName) => {\n\n const array = this.state.update;\n array.forEach(element => {\n if (element.product_id === this.state.tabKey) {\n if (element.sales_forecast_eu === null) {\n element.sales_forecast_eu = this.dataSourceTableInEu\n\n } else {\n element.sales_forecast_non_eu.forEach((element2) => {\n if (element2.month === record.month) {\n if (inputName === 'price') {\n element2.price = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalOutEu: element2.total\n })\n }\n if (inputName === 'qty') {\n element2.qty = text;\n element2.total = element2.price * element2.qty;\n this.setState({\n totalOutEu: element2.total\n })\n }\n if (inputName === 'total') {\n element2.total = text;\n }\n if (inputName === 'vat') {\n element2.vat = text;\n }\n if (inputName === 'paid') {\n element2.paid = text;\n }\n }\n })\n }\n }\n\n })\n\n //setoutEuData(array);\n this.setState({\n update: array\n })\n this.getUpdatesWindowState();\n }\n\n setTotal = () => {\n // const array = this.props.salesForecast.products.map(x => x.sales_forecast_eu);\n // clone salesForecast products. not change directly\n //const array = JSON.parse(JSON.stringify(this.props.salesForecast.products));\n const array = this.props.salesForecast.products;\n\n array.map((element, index) => {\n\n if (element.sales_forecast_eu === null) {\n if (element.product_id === this.state.tabKey) {\n element.sales_forecast_eu = this.dataSourceTableInEu;\n }\n\n } else {\n element.sales_forecast_eu.map((element1, index1) => {\n\n element1.total = element1.qty * element1.price;\n return element1;\n })\n }\n if (element.sales_forecast_non_eu === null) {\n if (element.product_id === this.state.tabKey) {\n element.sales_forecast_non_eu = this.dataSourceTableOutEu;\n }\n } else {\n element.sales_forecast_non_eu.map((element2, index2) => {\n\n element2.total = element2.qty * element2.price;\n return element2;\n });\n }\n\n });\n\n this.setState({\n update: array,\n\n })\n }\n\n createData = () => {\n const array = this.props.salesForecast.products;\n array.map((element, index) => {\n\n if (element.sales_forecast_eu === null) {\n\n element.sales_forecast_eu = this.dataSourceTableInEu;\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n });\n }\n if (element.sales_forecast_non_eu === null) {\n\n element.sales_forecast_non_eu = this.dataSourceTableOutEu;\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n });\n }\n\n\n });\n this.setState({\n update: array,\n\n })\n\n const obj = {\n \"products\": this.state.update\n }\n this.props.updateSalesForecast(obj);\n\n\n }\n\n\n\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n this.props.getProducts(this.props.businessPlan.id)\n const obj = { id: this.props.businessPlan.id }\n this.props.getCountryShortCode(obj, (data) => {\n this.props.getCountryVat(this.props.country.countryShortCode);\n this.setState({\n vty: this.props.countryVats\n });\n });\n this.props.getTooltips();\n\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n this.createData();\n this.setState({\n inEuData: this.dataSourceTableInEu,\n outEuData: this.dataSourceTableOutEu,\n })\n this.getKey(this.state.update[0].product_id);\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n this.onMonthChange(x.when_ready)\n }\n })\n });\n });\n }\n } else {\n this.props.getProducts(this.props.businessPlan.id);\n const obj = { id: this.props.businessPlan.id }\n this.props.getCountryShortCode(obj, (data) => {\n this.props.getCountryVat(this.props.country.countryShortCode);\n this.setState({\n vty: this.props.countryVats\n });\n });\n\n this.props.getProductByID(this.props.businessPlan.id, () => {\n\n this.setTotal();\n const array = this.props.salesForecast.products;\n array.map((element, index) => {\n if (element.sales_forecast_eu === null && element.sales_forecast_non_eu === null) {\n this.createData();\n }\n });\n //this.getKey(this.state.update[0].product_id)\n this.setState({\n inEuData: this.dataSourceTableInEu,\n outEuData: this.dataSourceTableOutEu,\n\n })\n this.getKey(this.state.update[0].product_id);\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n this.onMonthChange(x.when_ready)\n }\n })\n\n });\n }\n } else {\n this.props.logout()\n this.props.history.push('/')\n }\n\n }\n\n onBackClick = () => {\n this.props.history.push(`/overview`)\n }\n\n onDiscardChanges = () => {\n\n this.props.getProductByID(this.props.businessPlan.id, () => {\n this.setTotal();\n });\n this.setState({\n isVisibleHeader: 'hidden'\n })\n }\n\n onMonthChange = (value) => {\n\n this.state.update.map(x => {\n if (x.product_id === this.state.tabKey) {\n x.when_ready = value;\n this.setState({\n readyMonth: value\n });\n }\n const array = []\n //loop through array. loop while index is not greater that provided value. add id's to array\n this.state.update.map((obj, index) => {\n\n obj.sales_forecast_eu.map((x, index1) => {\n if (index1 >= value - 1) {\n array.push(x.month)\n }\n })\n\n });\n\n this.setState({\n checked: array\n })\n\n })\n //this.getUpdatesWindowState();\n\n }\n\n isDisabled = (month) => {\n return (\n this.state.checked.length > 0 && this.state.checked.indexOf(month) === -1\n );\n };\n\n\n originalExportPlan = false;\n\n\n\n getUpdatesWindowState = () => {\n const array = this.props.salesForecast.products;\n\n const original = array.map((x) => x.sales_forecast_eu)\n\n const modified = this.state.update.map((y) => y.sales_forecast_eu)\n\n\n if (JSON.stringify(original) !== JSON.stringify(modified)) {\n\n this.setState({\n isVisibleHeader: 'visible'\n })\n } else {\n this.setState({\n isVisibleHeader: 'hidden'\n })\n\n }\n if (this.state.exportPlan !== this.props.salesForecast.products.export) {\n this.setState({\n isVisibleHeader: 'visible'\n })\n\n } else {\n this.setState({\n isVisibleHeader: 'hidden'\n })\n\n }\n }\n\n changePlan = (id, e) => {\n //this.props.changState(id)\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n x.export = e;\n this.getUpdatesWindowState();\n }\n\n })\n\n }\n\n saveChanges = () => {\n\n const sales = this.state.update.map((x) => x.sales_forecast_eu)\n sales.map((element, index) => {\n element.map((x, index) => {\n this.state.update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n if (index < this.state.readyMonth - 1) {\n x.price = 0;\n x.qty = 0;\n x.total = 0;\n }\n }\n\n })\n })\n })\n\n const obj = {\n \"products\": this.state.update\n }\n this.props.updateSalesForecast(obj);\n this.setState({\n isVisibleHeader: 'hidden'\n })\n\n }\n\n getKey = (e) => {\n\n this.setState({\n tabKey: e\n }, () => {\n const update = this.state.update;\n update.map((x) => {\n if (x.product_id === this.state.tabKey) {\n\n this.setState({\n readyMonth: x.when_ready\n }, () => {\n\n this.onMonthChange(this.state.readyMonth)\n });\n }\n })\n\n })\n\n }\n\n onCompletedChange(state) {\n this.props.saveState(this.props.businessPlan.id, state, () => {\n this.props.getProductByID(this.props.businessPlan.id);\n });\n }\n\n\n\n render() {\n const dataSourceTableInEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n vat: 21,\n paid: 'Immediate',\n },\n\n ];\n const dataSourceTableOutEu = [\n {\n id: 1,\n month: 1,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 2,\n month: 2,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 3,\n month: 3,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 4,\n month: 4,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 5,\n month: 5,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 6,\n month: 6,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n\n id: 7,\n month: 7,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 8,\n month: 8,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 9,\n month: 9,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 10,\n month: 10,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 11,\n month: 11,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n }, {\n id: 12,\n month: 12,\n price: 0,\n qty: 0,\n total: 0,\n paid: 'Immediate',\n },\n\n ];\n\n\n const columns = [\n {\n title: 'Month',\n dataIndex: 'month',\n key: 'month',\n width: '23.7%',\n render: (text, record, index) =>\n \n } onClick={() => this.onBackClick()}>\n Sales forecast \n
\n \n \n Mark as completed:
\n\n \n \n {x.name} \n \n {x.description}\n \n
\n \n \n
\n \n What Ready? \n
\n \n \n \n \n
\n \n \n
\n \n Do you have plan to export? \n
\n \n \n \n \n {/* this.changePlan(x.id, e)} /> */}\n \n
\n \n {value}
,\n props: {\n style: { fontWeight: 600, fontSize: '14px', background: (parseInt(value) < 0) ? \"#FFCCC7\" : '', marginBottom: 0 },\n }\n }\n if (row.tag === \"title\" || row.tag === \"section\") {\n obj.props.colSpan = 0;\n\n }\n if (row.tag === \"summary\") {\n obj.props.style = { background: '#FAFAFA', marginBottom: 0, fontWeight: 600, fontSize: '14px' }\n }\n return obj;\n };\n\n\n\n const cashFlowColumns = [\n {\n title: 'Cash flow',\n dataIndex: 'title',\n key: 'title',\n fixed: 'left',\n width: 600,\n render: (text, row, index) => {\n if (row.tag === \"title\") {\n return {\n children:{text}
,\n props: {\n colSpan: 1,\n style: { marginBottom: 0 },\n },\n };\n }\n if (row.tag === \"section\") {\n return {\n children:{text}
,\n props: {\n colSpan: 1,\n style: { marginBottom: 0 },\n },\n };\n }\n if (row.tag === \"summary\") {\n return {\n children:{text}
,\n props: {\n style: { background: (parseInt(text) < 0) ? \"#FFCCC7\" : '#FAFAFA', marginBottom: 0 }\n },\n };\n }\n if (text < 0) {\n return {\n children:{text}
,\n props: {\n style: { background: \"#FFCCC7\", marginBottom: 0 }\n },\n };\n }\n return{text}
;\n\n },\n },\n {\n title: 'Month',\n dataIndex: 'month',\n key: 'month',\n fixed: 'left',\n align: 'left',\n children: months,\n render: renderContent,\n },\n {\n title: 'Total Year 1 (EUR)',\n dataIndex: 'totalYear1',\n key: 'totalYear1',\n fixed: 'right',\n width: 100,\n render: renderContent,\n },\n {\n title: 'Total Year 2 (EUR)',\n dataIndex: 'totalYear2',\n key: 'totalYear2',\n fixed: 'right',\n width: 100,\n render: renderContent,\n },\n ];\n\n return (\n <>\n\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Cash flow \n
\n \n \n this.props.updateAssetsItemAmount(e.target.value, obj)}\n defaultValue={text === null ? 0 : text}\n className='assets-input-style'\n />\n
\n\n )\n\n },\n {\n title: () => (\n \n \n \n My Business plans \n \n \n {this.props.businessPlan.name} \n \n \n Financial projections\n \n \n \n\n \n
\n \n
\n \n \n
\n }\n \n );\n }\n}\n\n\nconst mapStateToProps = (state) => {\n return {\n businessPlan: state.selectedBusinessPlan,\n countryCode: state.countryShortCode,\n vat: state.vat,\n assets: state.assets,\n };\n}\nexport default connect(mapStateToProps, { \n refreshPlan, \n logout, \n getAssets, \n saveChanges, \n discardChanges, \n getCountryShortCode, \n getCountryVats, \n saveState, \n getSelectedPlanOverview, \n updateAssetsItemVat, \n updateAssetsItemAmount,\n getTooltips \n})(AssetsWindow);","import React from 'react';\nimport { Button, Card, Input, Modal, Select } from 'antd';\nimport { connect } from 'react-redux';\nimport { withRouter } from 'react-router-dom';\nimport { tableCardStyle, tableCardBodyStyle } from '../../../styles/customStyles'\n\nconst { Option } = Select;\n\nclass KeyPartnersPopUp extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n planId: null,\n plans: []\n }\n }\n\n onCancel = () => {\n this.props.onClose();\n }\n\n save = () => {\n if(this.state.planId === this.props.planId){\n this.onCancel();\n }else{\n this.props.save(this.state.planId)\n }\n }\n componentDidMount() {\n const planIdClone = JSON.parse(JSON.stringify(this.props.planId));\n this.setState({\n planId: planIdClone\n });\n }\n\n onDataChange = (id) => {\n this.setState({\n planId: id\n });\n }\n\n render() {\n return (\n <>\n \n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Assets \n
\n \n \n Mark as completed:
\n \n \n Assets \n
\n \n \n (\n
\n \n \n \n
\n
\n )}\n rowKey=\"resource_id\"\n dataSource={[...this.props.assets.physical_assets]}\n columns={assetsColumns}\n pagination={false}\n footer={() => (\n <>\n \n Physical and Intellectual assets \n
\n \n \n\n Investments \n \n
\n \n Own Assets (physical & intellectual) \n \n
\n \n Additional necessary funds for investments in assets \n \n
\n
\n \n )\n }\n />\n \n {this.props.assets.total_investments === null ? 0 : this.props.assets.total_investments} \n
\n \n \n {this.props.assets.own_assets === null ? 0 : this.props.assets.own_assets} \n
\n \n \n {this.props.assets.investment_amount === null ? 0 : this.props.assets.investment_amount} \n
\n \n \n {/*
\n \n \n )\n }\n}\n\n\nexport default KeyPartnersPopUp;","import React from 'react'\nimport { connect } from 'react-redux';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Select, Switch, Button, Breadcrumb, Row, Col, Typography, Radio, Card, Space, Tooltip, Tabs, Checkbox } from 'antd';\nimport { ArrowLeftOutlined, CloseOutlined, InfoCircleFilled, InfoCircleOutlined } from '@ant-design/icons';\nimport UnsavedChangesHeader from '../components/UnsavedChangesHeader'\nimport { refreshPlan } from \"../../appStore/actions/refreshAction\";\nimport { getSelectedPlanOverview } from \"../../appStore/actions/planActions\";\nimport { tableCardStyle } from '../../styles/customStyles'\nimport KeyPartnersPopUp from '../components/personal_characteristics/KeyPartnersPopUp';\nimport { getPersonalCharacteristics, savePersonalCharacteristics } from '../../appStore/actions/personalCharacteristicsActions';\nimport { logout } from '../../appStore/actions/authenticationActions';\nimport { getTooltips } from '../../appStore/actions/tooltipsAction';\nimport TooltipComponent from '../components/Tooltip';\nimport Cookies from 'js-cookie';\n\n\nconst { Option } = Select;\nconst { Text } = Typography;\nconst { TabPane } = Tabs;\n\nconst aboutTitleTextStyle = {\n fontStyle: 'normal',\n fontWeight: '600',\n fontSize: '16px',\n marginBottom: '16px',\n}\n\nconst titleTextStyle = {\n fontStyle: \"normal\",\n fontWeight: \"600\",\n fontSize: '30px',\n lineHeight: \"38px\"\n}\n\nconst titleButtonStyle = {\n width: \"40px\",\n height: \"40px\",\n border: \"1px solid #BFBFBF\",\n boxSizing: \"border-box\",\n filter: \"drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.05))\",\n borderRadius: \"4px\",\n backgroundColor: \"transparent\",\n}\n\nconst specialCardStyle = {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n backgroundColor: '#E6F7FF',\n boxShadow: '0px 0px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n borderRadius: '8px',\n width: '100%',\n borderStyle: 'solid',\n borderWidth: '2px',\n borderColor: '#69C0FF'\n}\n\nconst tableCardBodyStyle = {\n width: '100%',\n padding: '15px 15px 15px 15px',\n};\n\n\nconst questions = [\n {\n questionText: 'Your age group',\n set_code: '1',\n selection_code: null,\n answerOptions: [\n { answerText: 'Under 18', optionCode: '11' },\n { answerText: '18-24', optionCode: '12' },\n { answerText: '25-34', optionCode: '17' },\n { answerText: '35-44', optionCode: '13' },\n { answerText: '45-54', optionCode: '14' },\n { answerText: '55-64', optionCode: '15' },\n { answerText: '65 or over', optionCode: '16' },\n ],\n },\n {\n questionText: 'Your gender',\n set_code: '2',\n selection_code: null,\n answerOptions: [\n { answerText: 'Female', optionCode: '21' },\n { answerText: 'Male', optionCode: '22' },\n { answerText: 'Prefer not to answer', optionCode: '23' },\n ],\n },\n {\n questionText: 'You country of origin',\n set_code: '3',\n selection_code: null,\n answerOptions: [\n { answerText: 'Austria', optionCode: '31' },\n { answerText: 'Belgium', optionCode: '32' },\n { answerText: 'Bosnia and Herzegovina', optionCode: '33' },\n { answerText: 'Bulgaria', optionCode: '34' },\n { answerText: 'Croatia', optionCode: '35' },\n { answerText: 'Cyprus', optionCode: '36' },\n { answerText: 'Czechia', optionCode: '37' },\n { answerText: 'Denmark', optionCode: '38' },\n { answerText: 'Estonia', optionCode: '39' },\n { answerText: 'Finland', optionCode: '311' },\n { answerText: 'France', optionCode: '312' },\n { answerText: 'Germany', optionCode: '313' },\n { answerText: 'Greece', optionCode: '314' },\n { answerText: 'Hungary', optionCode: '315' },\n { answerText: 'Iceland', optionCode: '316' },\n { answerText: 'Ireland', optionCode: '317' },\n { answerText: 'Italy', optionCode: '318' },\n { answerText: 'Latvia', optionCode: '319' },\n { answerText: 'Liechtenstein', optionCode: '320' },\n { answerText: 'Lithuania', optionCode: '321' },\n { answerText: 'Luxembourg', optionCode: '322' },\n { answerText: 'Malta', optionCode: '323' },\n { answerText: 'Netherlands', optionCode: '324' },\n { answerText: 'North Macedonia', optionCode: '325' },\n { answerText: 'Norway', optionCode: '326' },\n { answerText: 'Poland', optionCode: '327' },\n { answerText: 'Portugal', optionCode: '328' },\n { answerText: 'Romania', optionCode: '329' },\n { answerText: 'Serbia', optionCode: '330' },\n { answerText: 'Slovakia', optionCode: '331' },\n { answerText: 'Slovenia', optionCode: '332' },\n { answerText: 'Spain', optionCode: '333' },\n { answerText: 'Sweden', optionCode: '334' },\n { answerText: 'Switzerland', optionCode: '335' },\n { answerText: 'Turkey', optionCode: '336' },\n { answerText: 'United Kingdom', optionCode: '337' },\n ],\n },\n {\n questionText: 'Your education',\n set_code: '4',\n selection_code: null,\n answerOptions: [\n { answerText: 'Graduate (bachelor or higher)', optionCode: '41' },\n { answerText: 'Non-graduate', optionCode: '42' },\n ],\n },\n {\n questionText: 'Reasons for starting business?',\n set_code: '5',\n selection_code: [],\n answerOptions: [\n { answerText: 'Autonomy and independence', optionCode: '51' },\n { answerText: 'To make a difference in the world', optionCode: '52' },\n { answerText: 'To build great wealth or very high income', optionCode: '53' },\n { answerText: 'To continue a family tradition', optionCode: '54' },\n { answerText: 'To earn a living becouse jobs are scarce', optionCode: '55' },\n { answerText: 'Other', optionCode: '56' }\n ],\n },\n {\n questionText: 'Does you family support your business intention?',\n set_code: '6',\n selection_code: null,\n answerOptions: [\n { answerText: 'Fully support', optionCode: '61' },\n { answerText: 'Rather support', optionCode: '62' },\n { answerText: 'Is neutral', optionCode: '63' },\n { answerText: 'Rather does not support', optionCode: '64' },\n { answerText: 'Does not support', optionCode: '65' },\n { answerText: 'I do not have a family', optionCode: '66' },\n ],\n },\n {\n questionText: 'Are you ready to lose your savings?',\n set_code: '7',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '71' },\n { answerText: 'Not sure', optionCode: '72' },\n { answerText: 'No', optionCode: '73' }\n ],\n },\n {\n questionText: 'Are you ready for a heavily increased workload and stress?',\n set_code: '8',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '81' },\n { answerText: 'Not Sure', optionCode: '82' },\n { answerText: 'No', optionCode: '83' },\n ],\n },\n {\n questionText: 'Do you like to be in charge and be responsible?',\n set_code: '9',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '91' },\n { answerText: 'Not Sure', optionCode: '92' },\n { answerText: 'No', optionCode: '93' },\n ],\n },\n {\n questionText: 'Can you make a desicion on a matter and then stick to the desicion even when challenged?',\n set_code: '10',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '101' },\n { answerText: 'Mostly yes', optionCode: '102' },\n { answerText: 'No', optionCode: '103' },\n ],\n },\n {\n questionText: 'Do you like meeting and dealing with people?',\n set_code: '11',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '111' },\n { answerText: 'Sometimes', optionCode: '112' },\n { answerText: 'No', optionCode: '113' },\n ],\n },\n {\n questionText: 'Have you had an extensive experience in the type of business you wish to start?',\n set_code: '12',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '121' },\n { answerText: 'I have some', optionCode: '122' },\n { answerText: 'No', optionCode: '123' },\n ],\n },\n {\n questionText: 'Do you have enough financial backing for the first year of operation?',\n set_code: '13',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '131' },\n { answerText: 'Not sure', optionCode: '132' },\n { answerText: 'No', optionCode: '133' },\n ],\n },\n {\n questionText: 'Do you know individuals who have the talents and expertise you lack?',\n set_code: '14',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '141' },\n { answerText: 'Few', optionCode: '142' },\n { answerText: 'No', optionCode: '143' },\n ],\n },\n {\n questionText: 'Do you really want to start this business more than anything else?',\n set_code: '15',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '151' },\n { answerText: 'Not sure', optionCode: '152' },\n { answerText: 'No', optionCode: '153' },\n ],\n },\n {\n questionText: 'Do others easily understand your concepts and ideas?',\n set_code: '16',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '161' },\n { answerText: 'Not sure', optionCode: '162' },\n { answerText: 'No', optionCode: '163' },\n ],\n },\n {\n questionText: 'Can you communicate effectively and persuade people to go along with your dream?',\n set_code: '17',\n selection_code: null,\n answerOptions: [\n { answerText: 'Yes', optionCode: '171' },\n { answerText: 'Not sure', optionCode: '172' },\n { answerText: 'No', optionCode: '173' },\n ],\n },\n {\n questionText: 'Please, assess your skills in management',\n set_code: '18',\n selection_code: null,\n answerOptions: [\n { answerText: '1', optionCode: '181' },\n { answerText: '2', optionCode: '182' },\n { answerText: '3', optionCode: '183' },\n { answerText: '4', optionCode: '184' },\n { answerText: '5', optionCode: '185' },\n ],\n },\n {\n questionText: 'Please, assess your skills in finance',\n set_code: '19',\n selection_code: null,\n answerOptions: [\n { answerText: '1', optionCode: '191' },\n { answerText: '2', optionCode: '192' },\n { answerText: '3', optionCode: '193' },\n { answerText: '4', optionCode: '194' },\n { answerText: '5', optionCode: '195' },\n ],\n },\n {\n questionText: 'Please, assess your skills in marketing',\n set_code: '20',\n selection_code: null,\n answerOptions: [\n { answerText: '1', optionCode: '201' },\n { answerText: '2', optionCode: '202' },\n { answerText: '3', optionCode: '203' },\n { answerText: '4', optionCode: '204' },\n { answerText: '5', optionCode: '205' },\n ],\n }\n]\n\n\nclass PersonalCharacteristics extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n originalQuestions: [],\n questions: [],\n visibleHeader: 'hidden',\n visiblePopUp: false,\n importCardVisibility: true,\n checked: []\n }\n }\n\n //everytime you check checkbox it will add id of income source to checked array ['7878787','898954654654654']\n onChange = checkedValues => {\n this.setState(() => {\n return {\n checked: checkedValues\n };\n }, () => {\n this.onDataChange(checkedValues, true)\n });\n };\n isDisabled(id) {\n return (\n this.state.checked.length > 1 && this.state.checked.indexOf(id) === -1\n );\n };\n\n onBackClick = () => {\n this.props.history.push('/overview')\n }\n\n discardChanges = () => {\n this.setQuestionsAnswers();\n this.setState({\n visibleHeader: 'hidden'\n });\n }\n\n showImportPopUp = () => {\n this.setState({\n visiblePopUp: true\n });\n }\n\n unshowImportPopUp = () => {\n this.setState({\n visiblePopUp: false\n });\n }\n\n closeImportCard = () => {\n this.setState({\n importCardVisibility: false\n });\n }\n\n saveChanges = () => {\n const modifiedChoices = JSON.parse(JSON.stringify(this.state.questions));\n const originalChoices = JSON.parse(JSON.stringify(this.props.personalCharacteristics.choices));\n let answeredQuestions = 0;\n let isCompleted = false;\n let choices = [];\n // if original choices were null. then set choices array to modifiedChoices state\n if (originalChoices === null || originalChoices === undefined) {\n modifiedChoices.map((element, index) => {\n if (element.set_code !== '5') {\n\n const objektas = {\n \"set_code\": element.set_code, //code of question\n \"selection_code\": element.selection_code, //code of answer\n \"extraText\": \"text\" // brief answer text if needed\n }\n if (element.selection_code !== null)\n answeredQuestions++;\n choices.push(objektas);\n } else {\n var newArray = element.selection_code.join();\n const objektas = {\n \"set_code\": element.set_code, //code of question\n \"selection_code\": newArray, //code of answer\n \"extraText\": \"text\" // brief answer text if needed\n }\n if (element.selection_code.length > 0)\n answeredQuestions++;\n choices.push(objektas);\n }\n\n // choices.push(objektas);\n });\n } else {\n for (var i = 0; i < modifiedChoices.length; i++) {\n if (modifiedChoices[i].set_code !== '5') {\n const objektas = {\n \"set_code\": modifiedChoices[i].set_code, //code of question\n \"selection_code\": modifiedChoices[i].selection_code, //code of answer\n \"extraText\": \"text\" // brief answer text if needed\n }\n if (modifiedChoices[i].selection_code !== null)\n answeredQuestions++;\n choices.push(objektas)\n } else {\n var newArray = modifiedChoices[i].selection_code.join();\n if (modifiedChoices[i].selection_code !== null)\n answeredQuestions++;\n const objektas = {\n \"set_code\": modifiedChoices[i].set_code, //code of question\n \"selection_code\": newArray, //code of answer\n \"extraText\": \"text\" // brief answer text if needed\n }\n choices.push(objektas)\n }\n\n }\n }\n if (answeredQuestions === 20)\n isCompleted = true;\n\n const postObject = {\n \"plan_id\": this.props.businessPlan.id,\n \"choices\": choices,\n \"is_personal_characteristics_completed\": isCompleted\n }\n this.props.savePersonalCharacteristics(postObject, () => {\n this.props.getPersonalCharacteristics(this.props.businessPlan.id, () => {\n this.setQuestionsAnswers();\n this.setState({\n visibleHeader: 'hidden'\n });\n });\n });\n }\n\n arraysEqual = (array1, array2) => {\n let a = JSON.parse(JSON.stringify(array1));\n let b = JSON.parse(JSON.stringify(array2));\n\n let original = array1;\n let modified = array2;\n\n if (a === b) return true;\n if (a == null || b == null) return false;\n if (a.length !== b.length) return false;\n\n a = a.sort();\n b = b.sort();\n\n for (var i = 0; i < a.length; i++) {\n if (original[i].selection_code !== modified[i].selection_code) {\n return false;\n }\n }\n\n return true;\n }\n getWindowsUpdate = () => {\n const originalClone = JSON.parse(JSON.stringify(this.state.originalQuestions));\n const modifiedClone = JSON.parse(JSON.stringify(this.state.questions));\n\n if (originalClone === null) {\n return 'hidden';\n }\n if (modifiedClone === null) {\n return 'hidden';\n }\n if (this.arraysEqual(originalClone, modifiedClone) === false) {\n return 'visible';\n }\n return 'hidden';\n\n }\n\n onDataChange = (e, isArray) => {\n const questionsClone = JSON.parse(JSON.stringify(this.state.questions))\n if (isArray === false) {\n questionsClone.map((element, index) => {\n element.answerOptions.map((element2, index1) => {\n if (element2.optionCode === e) {\n element.selection_code = e;\n }\n })\n });\n } else {\n questionsClone.map((element, index) => {\n if (element.set_code == '5') {\n element.selection_code = e;\n }\n });\n }\n\n this.setState({\n questions: questionsClone\n }, () => {\n let visibilityString = this.getWindowsUpdate();\n this.setState({\n visibleHeader: visibilityString\n });\n });\n\n };\n\n setQuestionsAnswers = () => {\n const choicesClone = JSON.parse(JSON.stringify(this.props.personalCharacteristics.choices));\n if (choicesClone === null || choicesClone === undefined) {\n this.setState({\n questions: questions,\n originalQuestions: questions\n });\n } else {\n const questionsArray = JSON.parse(JSON.stringify(questions))\n //map through each element of choices array. then map through each element of questionsArray\n //check if set_code(id's) match. then change selection_code. thats it\n choicesClone.map((obj, index) => {\n questionsArray.map((element, index1) => {\n if (obj.set_code === element.set_code) {\n if (obj.set_code !== '5') {\n element.selection_code = obj.selection_code;\n } else {\n var oldString = obj.selection_code;\n var mynewarray = oldString.split(',')\n element.selection_code = mynewarray;\n this.setState({\n checked: mynewarray\n })\n }\n\n }\n });\n });\n\n this.setState({\n questions: questionsArray,\n originalQuestions: questionsArray\n });\n }\n }\n importAnswers = (planId) => {\n let array = [];\n this.props.getPersonalCharacteristics(planId, () => {\n const choicesClone = JSON.parse(JSON.stringify(this.props.personalCharacteristics.choices));\n if (choicesClone === null || choicesClone === undefined) {\n const questionsClone = JSON.parse(JSON.stringify(questions));\n for (var i = 0; i < questionsClone.length; i++) {\n // for each element in question array create new object\n const obj = {\n \"set_code\": questionsClone[i].set_code, //code of question\n \"selection_code\": questionsClone[i].selection_code, //code of answer\n \"extraText\": \"text\" // brief answer text if needed\n }\n array.push(obj);\n }\n } else {\n array = choicesClone;\n }\n //update whole array\n const postObject = {\n \"plan_id\": this.props.businessPlan.id,\n \"choices\": array\n }\n\n this.props.savePersonalCharacteristics(postObject, () => {\n this.props.getPersonalCharacteristics(this.props.businessPlan.id, () => {\n const choicesClone = JSON.parse(JSON.stringify(this.props.personalCharacteristics.choices))\n this.setQuestionsAnswers();\n this.setState({\n visibleHeader: 'hidden',\n visiblePopUp: false\n });\n });\n });\n });\n\n }\n componentDidMount() {\n if (Cookies.get('access_token') !== undefined && Cookies.get('access_token') !== null) {\n if (this.props.businessPlan.id === null) {\n if (localStorage.getItem(\"plan\") === undefined || localStorage.getItem(\"plan\") === null) {\n this.props.history.push(`/`);\n } else {\n this.props.refreshPlan(localStorage.getItem(\"plan\"), () => {\n //all my actions that i need to dispatch to get data...\n this.props.getPersonalCharacteristics(this.props.businessPlan.id, () => {\n this.setQuestionsAnswers();\n });\n this.props.getTooltips();\n });\n }\n } else {\n this.props.getPersonalCharacteristics(this.props.businessPlan.id, () => {\n this.setQuestionsAnswers();\n });\n }\n } else {\n this.props.logout();\n this.props.history.push('/')\n }\n }\n render() {\n const questions = this.state.questions;\n return (\n <>\n */}\n
*/}\n Select project to import from
\n \n {/*\n } style={titleButtonStyle} onClick={() => this.onBackClick()}>\n Personal characteristics \n
\n \n \n \n \n
\n \n \n
\n\n\n \n
\n \n
\n \n
\n Import answers from previous surveys
\n {/*To save time you can import answers from previous surveys
\n \n{(index + 1) + ' ' + element.questionText}
\n {element.set_code < 3 ?\n\n
\n )\n }\n}\n\nconst mapStateToProps = state => ({\n loading: state.downloadLoading\n})\n\nexport default connect(mapStateToProps)(FullPageLoader)","import React from 'react';\nimport HomeScreen from './HomeScreen';\n\nclass Home extends React.Component {\n render() {\n return (\n \n \n
\n \n
\n )\n }\n}\n\nexport default Home;","import React from 'react';\nimport { HashRouter as Router, Route, Switch } from 'react-router-dom';\nimport SiteHeader from './containers/SiteHeader';\nimport MainWindow from './containers/MainWindow';\nimport PublicBusinessPlans from './containers/PublicBusinessPlans';\nimport PersonalBusinessPlans from './containers/PersonalBusinessPlans';\nimport UserSettingsWindow from './containers/UserSettingsWindow';\nimport SwotWindow from './containers/SwotWindow';\nimport KeyResources from './containers/KeyResources';\nimport KeyPartners from './containers/KeyPartners';\nimport Overview from './containers/Overview';\nimport ValuePropositions from './containers/ValuePropositions';\nimport NewProduct from './components/new_product/NewProduct';\nimport EditProduct from './components/new_product/EditProduct';\nimport RevenueStreams from './containers/RevenueStreams';\nimport CostStructure from './containers/CostStructure';\nimport Channels from './containers/Channels';\nimport CustomerSegments from './containers/CustomerSegments';\nimport KeyActivities from './containers/KeyActivities';\nimport CustomerRelationships from './containers/CustomerRelationships';\nimport BusinessInvestmentsWindow from './containers/BusinessInvestmentsWindow';\nimport PublicOverview from './public_plan/containers/Overview';\nimport PublicCustomerSegments from './public_plan/containers/CustomerSegments';\nimport PublicValuePropositions from './public_plan/containers/ValuePropositions';\nimport PublicChannels from './public_plan/containers/Channels';\nimport PublicKeyResources from './public_plan/containers/KeyResources'\nimport PublicCustomerRelationships from './public_plan/containers/CustomerRelationships';\nimport PublicRevenueStreams from './public_plan/containers/RevenueStreams';\nimport PublicKeyPartners from './public_plan/containers/KeyPartners';\nimport PublicCostStructure from './public_plan/containers/CostStructure'\nimport PublicKeyActivities from './public_plan/containers/KeyActivities';\nimport PublicSwot from './public_plan/containers/Swot';\nimport PublicAssets from './public_plan/containers/Assets';\nimport PublicFixedAndVariableCosts from './public_plan/containers/FixedAndVariableCosts';\nimport PublicSalesForecast from './public_plan/containers/SalesForecast';\nimport PublicBusinessInvestmentsWindow from './public_plan/containers/BusinessInvestmentWindow';\nimport PublicCashFlow from './public_plan/containers/CashFlow';\nimport FixedAndVariableCosts from './containers/FixedAndVariableCosts';\nimport SalesForecast from './containers/SalesForecast';\nimport CashFlow from './containers/CashFlow';\nimport Assets from './containers/Assets';\nimport PersonalCharacteristics from './containers/PersonalCharacteristics';\nimport FullPageLoader from './components/overview/FullPageLoader';\nimport PublicPageLoader from './public_plan/components/FullPageLoader';\nimport Home from '../public/components/Home';\n\nclass PrivateApp extends React.Component {\n constructor(props) {\n super(props);\n if (window.location.hash === '#/login') {\n window.location.replace(\"#/\");\n }\n }\n\n render() {\n return (\n {(typeof value === 'number') ? value : '-'}
,\n props: { style: { color: (typeof value === 'number' && value < 0) ? '#820014' : \"#262626\", background: (typeof value === 'number' && value < 0) ? \"#FFCCC7\" : '#FFFFFF' } },\n };\n if (row.tag === \"title\" || row.tag === \"section\") {\n obj.props.colSpan = 0;\n obj.props.fixed = 'left';\n }\n if (row.tag === \"summary\") {\n obj.props.style = { background: '#FAFAFA', fontWeight: 600 }\n\n }\n return obj;\n };\n\n let tableColumns = []\n for (let index = 0; index < monthsCount; index++) {\n tableColumns.push({ title: index.toString(), dataIndex: index, key: index, align: 'center', width: 90, render: renderContent })\n }\n return { ...cash, \"dataForTable\": dataForTable.map((obj, index) => ({ ...obj, \"key\": index })), \"tableColumns\": tableColumns };\n case 'RESET_CASH_FLOW':\n return {state: []}\n default:\n return state;\n }\n};\n\nconst tableDataFormation = (data, dataForTable) => {\n if (data.title) {\n dataForTable.push({ title: data.title, tag: \"section\" })\n }\n data.rows.forEach(element => {\n dataForTable.push({ title: element.title, totalYear1: element.totalYear1, totalYear2: element.totalYear2, ...element.monthlyValue });\n });\n if (data.summaries) {\n data.summaries.forEach(element => {\n dataForTable.push({ tag: \"summary\", title: element.title, totalYear1: element.totalYear1, totalYear2: element.totalYear2, ...element.monthlyValue });\n });\n }\n return dataForTable;\n}\n\nconst keyExists = (obj, key, res) => {\n if (!obj || (typeof obj !== \"object\" && !Array.isArray(obj))) {\n return false;\n }\n else if (obj.hasOwnProperty(key)) {\n res.push(obj[key])\n }\n else if (Array.isArray(obj)) {\n for (let i = 0; i < obj.length; i++) {\n const result = keyExists(obj[i], key, res);\n }\n }\n else {\n for (const k in obj) {\n const result = keyExists(obj[k], key, res);\n }\n }\n\n return Math.max.apply(Math, res.map(function (el) { return el.length }));;\n};\n\n","const computeTotalInvestments = (array) => {\n const total_investments_values_list = [];\n const filtered = array.filter(obj => obj.amount != null)\n filtered.map((item) => {\n const obj = {\n amount: item.amount\n }\n const value = parseInt(Object.values(obj))\n total_investments_values_list.push(value);\n })\n if (total_investments_values_list.length !== 0) {\n const total_investments_value = total_investments_values_list.reduce(function (total_investments_value, value) {\n const updated_total_investments_value = total_investments_value + value;\n return updated_total_investments_value;\n })\n return total_investments_value\n } else {\n var total_investments_value = 0;\n return total_investments_value;\n }\n\n}\nconst computeOwnAssets = (array) => {\n const own_assets_values_list = [];\n const filtered = array.filter(obj => obj.amount != null && obj.resource_status === 'Own')\n filtered.map((item) => {\n const obj = {\n amount: item.amount\n }\n const value = parseInt(Object.values(obj))\n own_assets_values_list.push(value);\n })\n if (own_assets_values_list.length !== 0) {\n const own_assets_value = own_assets_values_list.reduce(function (own_assets_value, value) {\n const updated_own_assets_value = own_assets_value + value;\n return updated_own_assets_value;\n })\n return own_assets_value;\n } else {\n var own_assets_value = 0;\n return own_assets_value;\n }\n\n}\n\nexport const assetsReducer = (\n state = {\n is_assets_completed: false,\n total_investments: null,\n own_assets: null,\n investment_amount: null,\n physical_assets: [],\n physical_assets_original: [],\n physical_assets_updated: []\n }, action) => {\n switch (action.type) {\n case 'FETCHING_ASSETS_SUCCESS':\n const physical_assets_status = action.payload.data.physical_assets.filter((obj) => obj.resource_status === 'Buy' || obj.resource_status === 'Own');\n const filtered_physical_assets = physical_assets_status.filter((obj) => obj.type_title === 'Buildings' || obj.type_title === 'Transport' || obj.type_title === 'Other' || obj.type_title === 'Equipment' || obj.type_title === 'Brands' || obj.type_title === 'Licenses' || obj.type_title === 'Software');\n const new_physical_assets_list = [];\n filtered_physical_assets.map((item) => {\n const obj = {\n 'amount': item.amount === null ? 0 : item.amount,\n 'resource_id': item.resource_id,\n 'resource_title': item.resource_title,\n 'resource_status': item.resource_status,\n 'type_title': item.type_title,\n 'vat': item.vat === null ? action.payload.defaultVAT : item.vat,\n }\n new_physical_assets_list.push(obj);\n })\n const is_completed = action.payload.data.is_assets_completed;\n const total_investments = action.payload.data.total_investments;\n const own_assets = action.payload.data.own_assets;\n const investment_amount = action.payload.data.investment_amount;\n return {\n ...state,\n 'physical_assets': new_physical_assets_list,\n 'physical_assets_original': new_physical_assets_list,\n 'physical_assets_updated': new_physical_assets_list,\n is_assets_completed: is_completed,\n total_investments: total_investments,\n own_assets: own_assets,\n investment_amount: investment_amount\n };\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_assets_completed\": action.payload }\n case 'UPDATE_ASSETS_ITEM_AMOUNT':\n const index = state.physical_assets_updated.findIndex(x => x.resource_id === action.payload.asset.resource_id);\n const updatedAsset = {\n 'amount': Number(action.payload.value),\n 'resource_id': state.physical_assets_updated[index].resource_id,\n 'resource_title': state.physical_assets_updated[index].resource_title,\n 'resource_status': state.physical_assets_updated[index].resource_status,\n 'type_title': state.physical_assets_updated[index].type_title,\n 'vat': state.physical_assets_updated[index].vat,\n }\n const updatedAssetsList = [...state.physical_assets_updated];\n updatedAssetsList[index] = updatedAsset;\n const total_investments_value = computeTotalInvestments(updatedAssetsList);\n const own_assets_value = computeOwnAssets(updatedAssetsList);\n const investment_amount_value = total_investments_value - own_assets_value\n return {\n ...state,\n 'physical_assets_updated': updatedAssetsList,\n 'total_investments': total_investments_value,\n 'own_assets': own_assets_value,\n 'investment_amount': investment_amount_value\n }\n case 'UPDATE_ASSETS_ITEM_VAT':\n const _index = state.physical_assets_updated.findIndex(x => x.resource_id === action.payload.asset.resource_id);\n const _updatedAsset = {\n 'amount': state.physical_assets_updated[_index].amount,\n 'resource_id': state.physical_assets_updated[_index].resource_id,\n 'resource_title': state.physical_assets_updated[_index].resource_title,\n 'resource_status': state.physical_assets_updated[_index].resource_status,\n 'type_title': state.physical_assets_updated[_index].type_title,\n 'vat': action.payload.value\n }\n const _updatedAssetsList = [...state.physical_assets_updated];\n _updatedAssetsList[_index] = _updatedAsset;\n return {\n ...state,\n 'physical_assets_updated': _updatedAssetsList\n }\n case \"DISCARD_CHANGES_SUCCESS\":\n const discardObj = JSON.parse(JSON.stringify(state.physical_assets_original))\n return { ...state, 'physical_assets': discardObj, 'physical_assets_updated': state.physical_assets_original };\n case \"RESET_ASSETS\":\n return {\n ...state,\n is_assets_completed: false,\n total_investments: null,\n own_assets: null,\n investment_amount: null,\n physical_assets: [],\n physical_assets_original: [],\n physical_assets_updated: []\n }\n default:\n return state\n }\n}","import { combineReducers } from 'redux';\nimport languageReducer from './languageReducer';\nimport authenticationReducer from './authenticationReducer';\nimport loadingReducer, { imageLoadingReducer, chartsLoadingReducer, downloadLoadingReducer } from './loadingReducer';\nimport messageReducer from './messageReducer';\nimport { privatePlansReducer, selectedplanFetchReducer, updatePlanReducer, allPublicPlansFetchReducer } from './planReducer';\nimport { industriesReducer, activitiesReducer, industrySelectedReducer, activitySelectedReducer, naceReducer } from './naceReducer';\nimport { countrySelectedReducer, countriesReducer, countryShortNameReducer } from './countryReducer';\nimport { eurostatDataReducer } from '../reducers/eurostat/eurostatReducer';\nimport { eurostatAllDataReducer } from '../reducers/eurostat/eurostatAllReducer';\nimport { eurostatSurvivalRateReducer } from '../reducers/eurostat/eurostatSurvivalRateReducer';\nimport { eurostatGreatnessIndustryReducer } from '../reducers/eurostat/eurostatGreatnessIndustryReducer';\nimport { eurostatCostProductivityReducer } from './eurostat/eurostatCostsProductivityReducer';\nimport { eurostatCompanySizeReducer } from './eurostat/eurostatCompanySizeReducer';\nimport { userSettingsReducer } from './settingsReducer';\nimport { swotReducer } from './swotReducer';\nimport { resourcesReducer, resourcesCategoriesReducer, selectedCategoryReducer, selectedResourceReducer } from './resourcesReducer';\nimport { partnersReducer, partnersCategoriesReducer, selectedPartnersCategoryReducer, selectedPartnersCategoryTypeReducer } from './partnersReducer';\nimport { fileReducer } from './userFileReducer';\nimport { planLanguagesReducer } from './planLanguageReducer';\nimport { productTypesReducer, productReducer, productFeatureLevelsReducer, additionalIncomeSourcesReducer, productFeaturesReducer, productsReducer } from './productReduces';\nimport { revenueTypesReducer, revenuesReducer } from './revenueStreamsReducer';\nimport { costStructureReducer, costStructureCategoriesReducer, selectedCostCategoryReducer } from './costStructureReducer'\nimport { channelTypesReducer, channelsReducer } from './channelsReducer';\nimport { customerSegmentReducer, customerSegmentPropertiesReducer } from './customerSegmentReducer';\nimport { keyActivitiesReducer, keyActivitiesCategoriesReducer, selectedKeyActivityCategoryReducer } from './keyActivitiesReducer';\nimport { customerRelationshipsCategoriesReducer, customerRelationshipsReducer } from './customerRelationshipsReducer';\nimport { financialProjectionsReducer } from './financialProjectionsReducer';\nimport { salesForecastReducer } from './salesForecastReducer';\nimport { vatsReducer } from './vatsReducer';\nimport { businessStartUpInvestmentReducer, necessaryCapitalReducer } from './businessInvestmentReducer';\nimport { cashFlowReducer } from './cashFlowReducer';\nimport { assetsReducer } from './assetsReducer';\nimport { countryVATReducer } from './vatReducer'\nimport { personalCharacteristicsReducer } from './personalCharacteristicsReducer';\nimport { industryRiskReducer } from './industryRiskReducer';\nimport { tooltipsReducer } from './tooltipsReducer';\nimport { homeReducer } from './homeReducer';\n\n\nexport default combineReducers({\n activities: activitiesReducer,\n countries: countriesReducer,\n eurostatData: eurostatDataReducer,\n eurostatAllData: eurostatAllDataReducer,\n survivalRate: eurostatSurvivalRateReducer,\n greatnessIndustry: eurostatGreatnessIndustryReducer,\n costsProductivity: eurostatCostProductivityReducer,\n companySize: eurostatCompanySizeReducer,\n industries: industriesReducer,\n language: languageReducer,\n loading: loadingReducer,\n imageLoading: imageLoadingReducer,\n downloadLoading: downloadLoadingReducer,\n message: messageReducer,\n selectedActivity: activitySelectedReducer,\n selectedCountry: countrySelectedReducer,\n selectedIndustry: industrySelectedReducer,\n user: authenticationReducer,\n personalBusinessPlans: privatePlansReducer,\n selectedBusinessPlan: selectedplanFetchReducer,\n updatedPlan: updatePlanReducer,\n publicPlans: allPublicPlansFetchReducer,\n userSettings: userSettingsReducer,\n swotList: swotReducer,\n resourcesList: resourcesReducer,\n resourcesCategoriesList: resourcesCategoriesReducer,\n selectedResourcesCategory: selectedCategoryReducer,\n selectedResource: selectedResourceReducer,\n uploadedFile: fileReducer,\n planLanguages: planLanguagesReducer,\n partners: partnersReducer,\n partnersCategories: partnersCategoriesReducer,\n selectedPartnersCategory: selectedPartnersCategoryReducer,\n selectedPartnersCategoryType: selectedPartnersCategoryTypeReducer,\n productTypes: productTypesReducer,\n product: productReducer,\n productFeaturesLevels: productFeatureLevelsReducer,\n additionalIncomeSources: additionalIncomeSourcesReducer,\n productFeatures: productFeaturesReducer,\n products: productsReducer,\n revenueTypes: revenueTypesReducer,\n revenues: revenuesReducer,\n costStructure: costStructureReducer,\n costCategoriesList: costStructureCategoriesReducer,\n //selectedCostCategory: selectedCostCategoryReducer,\n channels: channelsReducer,\n channelTypes: channelTypesReducer,\n customerSegmentProperties: customerSegmentPropertiesReducer,\n customerSegments: customerSegmentReducer,\n keyActivities: keyActivitiesReducer,\n keyActivitiesCategoriesList: keyActivitiesCategoriesReducer,\n keyActivityCategory: selectedKeyActivityCategoryReducer,\n customerRelationshipsCategories: customerRelationshipsCategoriesReducer,\n customerRelationships: customerRelationshipsReducer,\n financialProjections: financialProjectionsReducer,\n countryVats: vatsReducer,\n salesForecast: salesForecastReducer,\n businessInvestments: businessStartUpInvestmentReducer,\n necessaryCapital: necessaryCapitalReducer,\n countryShortCode: countryShortNameReducer,\n cashFlow: cashFlowReducer,\n assets: assetsReducer,\n vat: countryVATReducer,\n nace: naceReducer,\n personalCharacteristics: personalCharacteristicsReducer,\n industryRisk: industryRiskReducer,\n chartsLoading: chartsLoadingReducer,\n tooltips: tooltipsReducer,\n homeReducer: homeReducer,\n});","export const countriesReducer = (state = [], action) => {\n switch (action.type) {\n case 'COUNTRIES_FETCH_SUCCESS':\n return action.payload;\n default:\n return state;\n }\n}\n\nexport const countrySelectedReducer = (state = null, action) => {\n switch (action.type) {\n case 'COUNTRY_CHANGE_SUCCESS':\n return action.payload;\n default:\n return state;\n }\n}\n\nexport const countryShortNameReducer = (\n state = {\n countryShortCode: null,\n countryShortCodeV2: null\n }, action) => {\n switch (action.type) {\n case 'FETCH_SHORT_COUNTRY_CODE':\n const shortCode = action.payload.country.shortCode;\n return { ...state, \"countryShortCode\": shortCode };\n case 'FETCH_SHORT_COUNTRY_CODE_V2':\n const shortCodeV2 = action.payload.country.shortCode;\n return { ...state, \"countryShortCodeV2\": shortCodeV2 };\n default:\n return state;\n }\n}","export const eurostatDataReducer = (state = [], action) => {\n switch (action.type) {\n case 'FETCHING_EUROSTATDATA_SUCCESS':\n const valuesObj = JSON.parse(JSON.stringify(action.payload)).value;\n const legendDataObj = JSON.parse(JSON.stringify(action.payload)).dimension.indic_sb.category.label;\n const yearObj = JSON.parse(JSON.stringify(action.payload)).dimension.time.category.label;\n const Data = [];\n const statusObj = JSON.parse(JSON.stringify(action.payload)).status;\n var legendData = '';\n var i = 0;\n\n if (statusObj && Object.keys(statusObj).length === 0) {\n for (const property in legendDataObj){\n legendData = legendDataObj[property]\n }\n \n for (const property in valuesObj){\n Data.push({ name: '', [legendData]: valuesObj[property]})\n }\n \n i = 0;\n for (const property in yearObj){\n Data[i].name = yearObj[property]\n i++\n }\n return [ ...state, { title: legendData, data: Data } ];\n } else {\n for (const property in legendDataObj){\n legendData = legendDataObj[property]\n }\n \n for (const property in statusObj){\n statusObj[property] = 0;\n }\n\n const fixedValues = Object.assign({}, valuesObj, statusObj);\n\n for (const property in fixedValues){\n Data.push({ name: '', [legendData]: fixedValues[property]})\n }\n \n i = 0;\n for (const property in yearObj){\n Data[i].name = yearObj[property]\n i++\n }\n return [ ...state, { title: legendData, data: Data } ];\n }\n\n \n case 'RESET_EUROSTATDATA':\n return [];\n default:\n return state;\n }\n}\n\n","export const eurostatAllDataReducer = (state = [], action) => {\n switch (action.type) {\n case 'FETCHING_EUROSTAT_ALL_DATA_SUCCESS':\n const valuesObj = JSON.parse(JSON.stringify(action.payload)).value\n const legendDataObj = JSON.parse(JSON.stringify(action.payload)).dimension.indic_sb.category.label;\n const yearObj = JSON.parse(JSON.stringify(action.payload)).dimension.time.category.label;\n const DataAll = [];\n const statusObj = JSON.parse(JSON.stringify(action.payload)).status;\n var legendData = '';\n var i = 0;\n\n if (statusObj && Object.keys(statusObj).length === 0) {\n for (const property in legendDataObj){\n legendData = legendDataObj[property]\n }\n \n for (const property in valuesObj){\n DataAll.push({ name: '', [legendData]: valuesObj[property]})\n }\n \n i = 0;\n for (const property in yearObj){\n DataAll[i].name = yearObj[property]\n i++\n }\n return [ ...state, { title: legendData, data: DataAll } ];\n } else {\n for (const property in legendDataObj){\n legendData = legendDataObj[property]\n }\n \n for (const property in statusObj){\n statusObj[property] = 0;\n }\n\n const fixedValues = Object.assign({}, valuesObj, statusObj);\n\n for (const property in fixedValues){\n DataAll.push({ name: '', [legendData]: fixedValues[property]})\n }\n\n i = 0;\n for (const property in yearObj){\n DataAll[i].name = yearObj[property]\n i++\n }\n return [ ...state, { title: legendData, data: DataAll } ];\n }\n\n \n case 'RESET_EUROSTAT_ALL_DATA':\n return [];\n default:\n return state;\n }\n}","export const eurostatSurvivalRateReducer = (\n state = {\n survival_rate_data: []\n }, action) => {\n switch (action.type) {\n case 'FETCHING_SURVIVAL_RATE_FOR_COUNTRY_EUROSTATDATA_SUCCESS':\n const valuesObj = JSON.parse(JSON.stringify(action.payload.data)).value;\n const valuesObjValues = Object.values(valuesObj);\n const lastTwoValues = valuesObjValues.slice(-2);\n const lastValue = lastTwoValues[1];\n const compareValue = Math.abs(Math.round(lastTwoValues[1] - lastTwoValues[0]));\n const viewObj = {\n id: 1,\n title: 'Your industry in ' + action.payload.geoTitle + ' (' + action.payload.industry + ')',\n lastValue: lastTwoValues,\n compareValue: compareValue\n }\n return {\n ...state,\n survival_rate_data: [...state.survival_rate_data, viewObj]\n }\n case 'FETCHING_SURVIVAL_RATE_FOR_COUNTRY_TOTAL_EUROSTATDATA_SUCCESS':\n const _valuesObj = JSON.parse(JSON.stringify(action.payload.data)).value;\n const _valuesObjValues = Object.values(_valuesObj);\n const _lastTwoValues = _valuesObjValues.slice(-2);\n const _lastValue = _lastTwoValues[1];\n const _compareValue = Math.abs(Math.round(_lastTwoValues[1] - _lastTwoValues[0]));\n const _viewObj = {\n id: 2,\n title: 'All industries in ' + action.payload.geoTitle,\n lastValue: _lastTwoValues,\n compareValue: _compareValue\n }\n return {\n ...state,\n survival_rate_data: [...state.survival_rate_data, _viewObj]\n }\n case 'FETCHING_SURVIVAL_RATE_FOR_ALL_EUROPE_EUROSTATDATA_SUCCESS':\n const valuesObj_ = JSON.parse(JSON.stringify(action.payload.data)).value;\n const valuesObjValues_ = Object.values(valuesObj_);\n const lastTwoValues_ = valuesObjValues_.slice(-2);\n const lastValue_ = lastTwoValues_[1];\n const compareValue_ = Math.abs(Math.round(lastTwoValues_[1] - lastTwoValues_[0]));\n const viewObj_ = {\n id: 3,\n title: 'All industries in European Union',\n lastValue: lastTwoValues_,\n compareValue: compareValue_\n }\n return {\n ...state,\n survival_rate_data: [...state.survival_rate_data, viewObj_]\n }\n case 'RESET':\n return {\n ...state,\n survival_rate_data: []\n };\n default:\n return state;\n }\n}\n","export const userSettingsReducer = (state = {}, action) => {\n switch (action.type) {\n case \"FETCHING_SETTINGS_SUCCESS\":\n return action.payload;\n case \"UPDATE_SETTINGS_SUCCESS\":\n return action.payload;\n default:\n return state;\n }\n};\nexport const changePasswordReducer = (state = null, action) => {\n switch (action.type) {\n case \"CHANGE_PASSWORD_SUCCESS\":\n return action.payload;\n default:\n return state;\n }\n};\n\nexport const changeEmailReducer = (state = null, action) => {\n switch (action.type) {\n case \"CHANGE_EMAIL_SUCCESS\":\n return action.payload;\n default:\n return state;\n }\n};\n\nexport const resendVerificationEmailReducer = (state = null, action) => {\n switch (action.type) {\n case \"RESEND_VERIFICATION_EMAIL_SUCCESS\":\n return action.payload;\n default:\n return state;\n }\n};","export const fileReducer = (state = null, action) => {\n switch (action.type) {\n case 'UPLOADING_FILE_SUCCESS':\n return action.payload;\n case 'DELETING_FILE_SUCCESS':\n return action.payload;\n default:\n return state;\n }\n}","export const planLanguagesReducer = (state = [], action) => {\n switch (action.type) {\n case 'PLAN_LANGUAGES_FETCH_SUCCESS':\n return action.payload;\n default:\n return state;\n }\n}","export const partnersReducer = (\n state = {\n is_partners_completed: false,\n distributors: [],\n suppliers: [],\n others: [],\n aiPredict: null,\n }, action) => {\n switch (action.type) {\n case \"FETCHING_PARTNERS_SUCCESS\":\n const distributors = action.payload.distributors.map(obj => ({ ...obj, \"key\": obj.id, \"priority\": obj.is_priority === false ? 'No' : 'Yes' }));\n const suppliers = action.payload.suppliers.map(obj => ({ ...obj, \"key\": obj.id, \"priority\": obj.is_priority === false ? 'No' : 'Yes' }));\n const others = action.payload.others.map(obj => ({ ...obj, \"key\": obj.id, \"priority\": obj.is_priority === false ? 'No' : 'Yes' }));\n return { ...action.payload, \"distributors\": distributors, \"suppliers\": suppliers, \"others\": others, \"aiPredict\": null};\n case \"SAVE_DISTRIBUTOR_SUCCESS\":\n const _distributors = [...state.distributors, { ...action.payload }];\n return { ...state, \"distributors\": _distributors };\n case \"SAVE_SUPPLIER_SUCCESS\":\n const _suppliers = [...state.suppliers, { ...action.payload }];\n return { ...state, \"suppliers\": _suppliers };\n case \"SAVE_OTHER_SUCCESS\":\n const _others = [...state.others, { ...action.payload }];\n return { ...state, \"others\": _others };\n case \"REMOVING_DISTRIBUTOR_SUCCESS\":\n const distributors_ = state.distributors.filter(x => x.id !== action.payload);\n return { ...state, \"distributors\": distributors_ };\n case \"REMOVING_SUPPLIER_SUCCESS\":\n const suppliers_ = state.suppliers.filter(x => x.id !== action.payload);\n return { ...state, \"suppliers\": suppliers_ };\n case \"REMOVING_OTHER_SUCCESS\":\n const others_ = state.others.filter(x => x.id !== action.payload);\n return { ...state, \"others\": others_ };\n case \"UPDATE_DISTRIBUTOR_SUCCESS\":\n const _distributors_ = state.distributors.map(x => x.id === action.payload.id ? { ...action.payload } : x);\n return { ...state, \"distributors\": _distributors_ };\n case \"UPDATE_SUPPLIER_SUCCESS\":\n const _suppliers_ = state.suppliers.map(x => x.id === action.payload.id ? { ...action.payload } : x);\n return { ...state, \"suppliers\": _suppliers_ };\n case \"UPDATE_OTHER_SUCCESS\":\n const _others_ = state.others.map(x => x.id === action.payload.id ? { ...action.payload } : x);\n return { ...state, \"others\": _others_ };\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_partners_completed\": action.payload };\n case \"GET_AI_KEY_PARTNERS_PREDICT_SUCCESS\":\n return { ...state, \"aiPredict\": action.payload }\n default:\n return state;\n }\n};\n\nexport const partnersCategoriesReducer = (\n state = {\n distributors: [],\n suppliers: [],\n others: [],\n }, action) => {\n switch (action.type) {\n case 'FETCHING_PARTNERS_CATEGORIES_SUCCESS':\n const distributors = action.payload.distributors_types.map(obj => ({ ...obj, \"tag\": 0 }));\n const suppliers = action.payload.suppliers_types.map(obj => ({ ...obj, \"tag\": 0 }));\n const others = action.payload.others_types.map(obj => ({ ...obj, \"tag\": 0 }));\n return {...state, \n \"distributors\": distributors,\n \"suppliers\": suppliers,\n \"others\": others\n };\n default:\n return state;\n }\n}\n\nexport const selectedPartnersCategoryReducer = (\n state = { \n title: \"\", \n types: [], \n }, action) => {\n switch (action.type) {\n case 'SELECTING_PARTNERS_CATEGORY_SUCCESS':\n return { ...state, title: action.payload.title, types: action.payload.items };\n case 'SET_KEY_PARTNER_CATEGORY_TYPE_SUCCESS':\n const updated_types = state.types.map(x => x.type_id === action.payload.type_id ? action.payload : x);\n return {\n ...state,\n types: updated_types,\n }\n default:\n return state;\n }\n}\n\nexport const selectedPartnersCategoryTypeReducer = (\n state = { \n selectedType: null,\n priorityValue: false \n }, action) => {\n switch (action.type) {\n case 'SELECTING_PARTNERS_CATEGORY_TYPE_SUCCESS':\n return {\n ...state,\n selectedType: action.payload,\n };\n case 'SET_PRIORITY_SUCCESS':\n return {\n ...state,\n priorityValue: action.payload\n }\n default:\n return state;\n }\n}\n","export const revenuesReducer = (\n state = {\n is_revenue_completed: false,\n segment_1: [],\n segment_2: [],\n other: []\n }, action) => {\n switch (action.type) {\n case \"FETCHING_REVENUE_STREAMS_SUCCESS\":\n const segment1 = action.payload.segment_1.map(obj => ({ ...obj, \"key\": obj.id }));\n const segment2 = action.payload.segment_2.map(obj => ({ ...obj, \"key\": obj.id }));\n const other = action.payload.other.map(obj => ({ ...obj, \"key\": obj.id }));\n return { ...action.payload, \"segment_1\": segment1, \"segment_2\": segment2, \"other\": other };\n case \"SAVE_REVENUE_SUCCESS\":\n if (action.payload.segment === 1) {\n const segment = [...state.segment_1, { ...action.payload }];\n return { ...state, \"segment_1\": segment };\n }\n if (action.payload.segment === 2) {\n const segment = [...state.segment_2, { ...action.payload }];\n return { ...state, \"segment_2\": segment };\n }\n if (action.payload.segment === 3) {\n const segment = [...state.other, { ...action.payload }];\n return { ...state, \"other\": segment };\n }\n return state;\n case \"UPDATE_REVENUE_SUCCESS\":\n if (action.payload.segment === 1) {\n const segment = state.segment_1.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"segment_1\": segment };\n }\n if (action.payload.segment === 2) {\n const segment = state.segment_2.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"segment_2\": segment };\n }\n if (action.payload.segment === 3) {\n const segment = state.other.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"other\": segment };\n }\n return state;\n case \"REMOVING_REVENUE_SUCCESS\":\n if (action.payload.segment === 1) {\n const segment = state.segment_1.filter(x => x.id !== action.payload.id);\n return { ...state, \"segment_1\": segment };\n }\n if (action.payload.segment === 2) {\n const segment = state.segment_2.filter(x => x.id !== action.payload.id);\n return { ...state, \"segment_2\": segment };\n }\n if (action.payload.segment === 3) {\n const segment = state.other.filter(x => x.id !== action.payload.id);\n return { ...state, \"other\": segment };\n }\n return state;\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_revenue_completed\": action.payload };\n default:\n return state;\n }\n};\n\nexport const revenueTypesReducer = (\n state = {\n \"stream_types\": [],\n \"prices\": []\n }, action) => {\n switch (action.type) {\n case 'FETCHING_REVENUE_TYPES_SUCCESS':\n const streamTypes = action.payload.stream_types;\n const newStreamTypes = streamTypes.map(item => {\n if (item.title === 'Asset sale')\n return { ...item, title: 'Product / Service sale', tooltipCode: 'revstrem1s1' }\n if (item.title === 'Usage fee')\n return { ...item, tooltipCode: 'revstrem1s2' }\n if (item.title === 'Subscription fee')\n return { ...item, tooltipCode: 'revstrem1s3' }\n if (item.title === 'Lending, renting, leasing')\n return { ...item, tooltipCode: 'revstrem1s4' }\n if (item.title === 'Licensing')\n return { ...item, tooltipCode: 'revstrem1s5' }\n if (item.title === 'Brokerage fees')\n return { ...item, tooltipCode: 'revstrem1s6' }\n if (item.title === 'Advertising')\n return { ...item, tooltipCode: 'revstrem1s7' }\n })\n return { ...state, \"stream_types\": newStreamTypes };\n case 'FETCHING_REVENUE_PRICES_SUCCESS':\n const updatedPrices = [];\n const prices = action.payload.prices;\n const fixedPricing = action.payload.prices[0].types;\n const dynamicPricing = action.payload.prices[1].types;\n const newFixedPricing = fixedPricing.map(item => {\n if (item.title === \"List price\")\n return { ...item, tooltipCode: \"revstrem3f1\" }\n if (item.title === \"Product feature dependent\")\n return { ...item, tooltipCode: \"revstrem3f2\" }\n if (item.title === \"Customer segment dependent\")\n return { ...item, tooltipCode: \"revstrem3f3\" }\n if (item.title === \"Volume dependent\")\n return { ...item, tooltipCode: \"revstrem3f4\" }\n })\n const newDynamicPricing = dynamicPricing.map(item => {\n if (item.title === \"Negotiation\")\n return { ...item, tooltipCode: \"revstrem3d1\" }\n if (item.title === \"Yield management\")\n return { ...item, tooltipCode: \"revstrem3d2\" }\n if (item.title === \"Real time market\")\n return { ...item, tooltipCode: \"revstrem3d3\" }\n if (item.title === \"Auctions\")\n return { ...item, tooltipCode: \"revstrem3d4\" }\n })\n const updatedFixingPrices = { ...prices[0], tooltipCode: 'revstrem2f', types: newFixedPricing };\n updatedPrices.push(updatedFixingPrices);\n const updatedDynamicPricing = { ...prices[1], tooltipCode: 'revstrem2d', types: newDynamicPricing };\n updatedPrices.push(updatedDynamicPricing);\n return { ...state, \"prices\": updatedPrices };\n default:\n return state;\n }\n}\n","export const costStructureReducer = (\n state = {\n is_cost_completed: false,\n fixed_costs: [],\n variable_costs: [],\n ai_cost_structure_predict: []\n }, action) => {\n switch (action.type) {\n case 'FETCHING_COST_STRUCTURE_SUCCESS':\n const fixed_costs = action.payload.fixed_costs.map(obj => ({...obj, \"key\": obj.category_id}))\n const variable_costs = action.payload.variable_costs.map(obj => ({...obj, \"key\": obj.category_id}))\n return { ...action.payload, \"fixed_costs\": fixed_costs, \"variable_costs\": variable_costs};\n case \"SAVE_COST_SUCCESS\":\n if (action.payload.number === 1) {\n const fixed_costs = [ ...state.fixed_costs, { ...action.payload } ];\n return { ...state, \"fixed_costs\": fixed_costs };\n }\n if (action.payload.number === 2) {\n const variable_costs = [ ...state.variable_costs, { ...action.payload } ];\n return { ...state, \"variable_costs\": variable_costs };\n }\n return state;\n case \"UPDATE_COST_SUCCESS\":\n if (action.payload.number === 1) {\n const fixed_costs = state.fixed_costs.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"fixed_costs\": fixed_costs };\n }\n if (action.payload.number === 2) {\n const variable_costs = state.variable_costs.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"variable_costs\": variable_costs };\n }\n return state;\n case \"REMOVING_COST_SUCCESS\":\n if (action.payload.number === 1) {\n const fixed_costs = state.fixed_costs.filter(x => x.id !== action.payload.id);\n return { ...state, \"fixed_costs\": fixed_costs };\n }\n if (action.payload.number === 2) {\n const variable_costs = state.variable_costs.filter(x => x.id !== action.payload.id);\n return { ...state, \"variable_costs\": variable_costs };\n }\n return state;\n case \"SAVE_STATE_SUCCESS\":\n return {...state, \"is_cost_completed\": action.payload }\n case 'GET_COST_STRUCTURE_AI_PREDICT':\n return {...state, loading: false, \"ai_cost_structure_predict\": action.payload}\n case 'GET_COST_STRUCTURE_AI_PREDICT_FAIL':\n return {...state, loading: false}\n default:\n return state\n }\n}\n\nexport const costStructureCategoriesReducer = (\n state = {\n fixed_categories: [],\n variable_categories: [],\n selected_category: null\n }, action) => {\n switch (action.type) {\n case 'FETCHING_COST_STRUCTURE_CATEGORIES_SUCCESS':\n const fixed_categories = action.payload.fixed_categories.map(obj => ({ ...obj, \"key\": obj.id, \"tag\": 0 }));\n const variable_categories = action.payload.variable_categories.map(obj => ({ ...obj, \"key\": obj.id, \"tag\": 0 }))\n return { ...state, \"fixed_categories\": fixed_categories, \"variable_categories\": variable_categories };\n case 'SET_COST_STRUCTURE_CATEGORY_SUCCESS':\n if(action.payload.costNumber === 1) {\n const f_costs = state.fixed_categories.map(x => x.category_id === action.payload.id ? { ...x, key: action.payload.key, tag: action.payload.tag } : x);\n return { ...state, \"fixed_categories\": f_costs}\n } else if (action.payload.costNumber === 2) {\n const v_categories = state.variable_categories.map(x => x.category_id === action.payload.id ? { ...x, key: action.payload.key, tag: action.payload.tag } : x);\n return { ...state, \"variable_categories\": v_categories}\n } else {\n return { ...state }\n }\n case 'SELECTING_COST_CATEGORY_SUCCESS':\n return {...state, \"selected_category\": action.payload };\n default:\n return state;\n }\n}\n\n// export const selectedCostCategoryReducer = (state = { title: \"\", description: \"\", types: [] }, action) => {\n// switch (action.type) {\n// case 'SELECTING_COST_CATEGORY_SUCCESS':\n// console.log('cost structure selected category', action.payload)\n// return action.payload;\n// default:\n// return state;\n// }\n// }","export const channelsReducer = (\n state = {\n is_channels_completed: false,\n channels: [],\n aiChannelPredict: []\n }, action) => {\n switch (action.type) {\n case \"FETCHING_CHANNELS_SUCCESS\":\n return action.payload;\n case \"SAVE_CHANNEL_SUCCESS\":\n const channels = [ ...state.channels, { ...action.payload } ];\n return { ...state, \"channels\": channels };\n case \"UPDATE_CHANNEL_SUCCESS\":\n const channels_ = state.channels.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"channels\": channels_ };\n case \"REMOVING_CHANNEL_SUCCESS\":\n const _channels = state.channels.filter(x => x.id !== action.payload);\n return { ...state, \"channels\": _channels };\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_channels_completed\": action.payload };\n case \"GET_AI_CHANNEL_PREDICT_SUCCESS\":\n return {...state, aiChannelPredict: action.payload }\n default:\n return state;\n }\n};\n\nexport const channelTypesReducer = (state = [], action) => {\n switch (action.type) {\n case 'FETCHING_CHANNEL_TYPES_SUCCESS':\n return action.payload.channel_types;\n default:\n return state;\n }\n}\n","export const customerSegmentPropertiesReducer = (\n state = {}, action) => {\n switch (action.type) {\n case 'FETCHING_CUSTOMER_SEGMENT_PROPERTIES_SUCCESS':\n return { ...state, \"customer_segments_types\": action.payload };\n default:\n return state;\n }\n}\n\nexport const customerSegmentReducer = (\n state = {\n is_customer_segments_completed: false,\n consumers: [],\n business: [],\n public_bodies_ngo: [],\n aiPredict: null,\n errorMessage: false\n }, action) => {\n switch (action.type) {\n case 'SAVE_CONSUMER_SEGMENT_SUCCESS':\n const newConsumerSegment = [...state.consumers, { ...action.payload }];\n return { ...state, \"consumers\": newConsumerSegment };\n case 'SAVE_BUSINESS_SEGMENT_SUCCESS':\n const newBusinessSegment = [...state.business, { ...action.payload }];\n return { ...state, \"business\": newBusinessSegment };\n case 'SAVE_NGO_SEGMENT_SUCCESS':\n const newNgoSegment = [...state.public_bodies_ngo, { ...action.payload }];\n return { ...state, \"public_bodies_ngo\": newNgoSegment };\n case \"FETCHING_CUSTOMER_SEGMENTS_SUCCESS\":\n const is_completed = action.payload.is_customer_segments_completed;\n const consumers_w_k = action.payload.consumers ? action.payload.consumers.map(obj => ({ ...obj, \"key\": obj.id })) : [];\n const business_w_k = action.payload.business ? action.payload.business.map(obj => ({ ...obj, \"key\": obj.id })) : [];\n const public_bodies_ngo_w_k = action.payload.public_bodies_ngo ? action.payload.public_bodies_ngo.map(obj => ({ ...obj, \"key\": obj.id })) : [];\n const consumers_w_titles = consumers_w_k ? consumers_w_k.map(v => ({\n ...v, age_titles: v.age.map(e => e.title).join(\", \"), gender_titles: v.gender.map(e => e.title).join(\", \"),\n location_titles: v.geographic_location.map(e => e.title).join(\", \")\n })) : [];\n const business_w_titles = business_w_k ? business_w_k.map(v => ({\n ...v, business_type_titles: v.business_type.map(e => e.title).join(\", \"), company_size_titles: v.company_size.map(e => e.title).join(\", \"), location_titles: v.geographic_location.map(e => e.title).join(\", \")\n })) : [];\n const ngo_w_titles = public_bodies_ngo_w_k ? public_bodies_ngo_w_k.map(v => ({\n ...v, ngo_types_titles: v.ngo_types.map(e => e.title).join(\", \")\n })) : [];\n return { ...state, \"is_customer_segments_completed\": is_completed, \"consumers\": consumers_w_titles, \"business\": business_w_titles, \"public_bodies_ngo\": ngo_w_titles };\n case \"UPDATE_CONSUMER_SEGMENT_SUCCESS\":\n const updatedConsumerSegment = state.consumers.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"consumers\": updatedConsumerSegment };\n case \"UPDATE_BUSINESS_SEGMENT_SUCCESS\":\n const updatedBusinessSegment = state.business.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"business\": updatedBusinessSegment };\n case \"UPDATE_NGO_SEGMENT_SUCCESS\":\n const updatedNgoSegment = state.public_bodies_ngo.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"public_bodies_ngo\": updatedNgoSegment };\n case \"REMOVING_CONSUMER_SEGMENT_SUCCESS\":\n const removedConsumerSegment = state.consumers.filter(x => x.id !== action.payload.id);\n return { ...state, \"consumers\": removedConsumerSegment };\n case \"REMOVING_BUSINESS_SEGMENT_SUCCESS\":\n const removedBusinessSegment = state.business.filter(x => x.id !== action.payload.id);\n return { ...state, \"business\": removedBusinessSegment };\n case \"REMOVING_NGO_SEGMENT_SUCCESS\":\n const removedNgoSegment = state.public_bodies_ngo.filter(x => x.id !== action.payload.id);\n return { ...state, \"public_bodies_ngo\": removedNgoSegment };\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_customer_segments_completed\": action.payload };\n case \"GET_AI_PREDICT_SUCCESS\":\n return {\n ...state,\n \"aiPredict\": action.payload.data.plan,\n }\n case \"ERROR_AI_MESSAGE\":\n return { ...state, \"errorMessage\": action.payload }\n case \"RESET_AI_PREDICT\":\n return {\n ...state,\n \"aiPredict\": null,\n }\n default:\n return state;\n }\n}","export const keyActivitiesReducer = (\n state = {\n is_activities_completed: false,\n products: [],\n }, action ) => {\n switch (action.type) {\n case 'FETCHING_KEY_ACTIVITIES_SUCCESS':\n const products = action.payload.products.map(obj => ({...obj, \"key\": obj.id})) \n return {...action.payload, \"products\": products};\n case \"SAVE_KEY_ACTIVITY_SUCCESS\":\n // console.log('action payload:'+JSON.stringify(action.payload))\n const product = state.products.find(obj => obj.id === action.payload.product_id);\n const activity_object = { ...action.payload, \"sub_type_name\": action.payload.sub_type_title, \"type_name\": action.payload.category_title, \"type_id\": action.payload.category_id };\n var activities = []\n if(product.activities === null || product.activities === undefined){\n activities = [ ...activities, { ...activity_object } ];\n }else{\n activities = [ ...product.activities, { ...activity_object } ];\n } \n const product_activities = {...product, \"activities\": activities};\n const products_ = state.products.map(x => x.id === product.id ? product_activities: x);\n return {...state, \"products\": products_};\n case \"REMOVING_ACTIVITY_SUCCESS\":\n const product_ = state.products.find(obj => obj.id === action.payload.product_id);\n const activities_ = product_.activities.filter(x => x.id !== action.payload.id);\n const product_activities_ = {...product_, \"activities\": activities_};\n const _products = state.products.map(x => x.id === product_.id ? product_activities_: x);\n return { ...state, \"products\": _products };\n case \"UPDATE_KEY_ACTIVITY_SUCCESS\":\n const _product = state.products.find(obj => obj.id === action.payload.product_id);\n const _activity_object = {...action.payload, \"sub_type_name\": action.payload.sub_type_title, \"type_name\": action.payload.category_title, \"type_id\": action.payload.category_id};\n const _activities = _product.activities.map(x => x.id === action.payload.id ? _activity_object : x);\n const _product_activities = {..._product, \"activities\": _activities};\n const __products = state.products.map(x => x.id === _product.id ? _product_activities : x );\n return { ...state, \"products\": __products };\n case \"SAVE_ACTIVITIES_STATE_SUCCESS\":\n return {...state, \"is_activities_completed\": action.payload }\n default: \n return state\n }\n }\n\n export const keyActivitiesCategoriesReducer = (\n state = {\n activity_categories: [],\n }, action) => {\n switch (action.type) {\n case 'FETCHING_KEY_ACTIVITIES_CATEGORIES_SUCCESS':\n return { ...state, \"activity_categories\": action.payload.types };\n default:\n return state;\n }\n }\n export const selectedKeyActivityCategoryReducer = (state = { title: \"\", subtypes: [] }, action) => {\n switch (action.type) {\n case 'SELECTING_ACTIVITY_CATEGORY_SUCCESS':\n return action.payload;\n default:\n return state;\n }\n }","export const customerRelationshipsCategoriesReducer = (\n state = {\n categories: [],\n selected_category: null\n }, action) => {\n switch (action.type) {\n case 'FETCHING_CUSTOMER_RELATIONSHIPS_CATEGORIES_SUCCESS':\n const categories = action.payload.categories.map(obj => ({ ...obj, \"key\": obj.id, \"tag\": 0 }))\n return { ...state, \"categories\": categories };\n case 'SELECTING_RELATIONSHIP_CATEGORY_SUCCESS':\n const selected_category = action.payload;\n return { ...state, \"selected_category\": selected_category };\n case 'SET_RELATIONSHIP_CATEGORY_SUCCESS':\n const updated_categories = state.categories.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"categories\": updated_categories}\n default:\n return state;\n }\n}\n\nexport const customerRelationshipsReducer = (\n state = {\n is_customer_relationship_completed: false,\n how_to_get_new: [],\n how_to_keep_existing: [],\n how_to_make_spend: [],\n ai_customer_relationship_predict: []\n }, action) => {\n switch (action.type) {\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_customer_relationship_completed\": action.payload };\n case \"FETCHING_CUSTOMER_RELATIONSHIPS_SUCCESS\":\n const how_to_get_new_w_k = action.payload.how_to_get_new ? action.payload.how_to_get_new.map(obj => ({ ...obj, \"key\": obj.id })) : [];\n const how_to_keep_existing_w_k = action.payload.how_to_keep_existing ? action.payload.how_to_keep_existing.map(obj => ({ ...obj, \"key\": obj.id })) : [];\n const how_to_make_spend_w_k = action.payload.how_to_make_spend ? action.payload.how_to_make_spend.map(obj => ({ ...obj, \"key\": obj.id })) : [];\n return { ...state, \"how_to_get_new\": how_to_get_new_w_k, \"how_to_keep_existing\": how_to_keep_existing_w_k, \"how_to_make_spend\": how_to_make_spend_w_k, \"is_customer_relationship_completed\": action.payload.is_customer_relationship_completed };\n case \"SAVE_CUSTOMER_RELATIONSHIP_SUCCESS\":\n if (action.payload.group === 1) {\n const segment = [...state.how_to_get_new, { ...action.payload }];\n return { ...state, \"how_to_get_new\": segment };\n }\n if (action.payload.group === 2) {\n const segment = [...state.how_to_keep_existing, { ...action.payload }];\n return { ...state, \"how_to_keep_existing\": segment };\n }\n if (action.payload.group === 3) {\n const segment = [...state.how_to_make_spend, { ...action.payload }];\n return { ...state, \"how_to_make_spend\": segment };\n }\n return state;\n case \"REMOVING_CUSTOMER_RELATIONSHIP_SUCCESS\":\n if (action.payload.group === 1) {\n const segment = state.how_to_get_new.filter(x => x.id !== action.payload.id);\n return { ...state, \"how_to_get_new\": segment };\n }\n if (action.payload.group === 2) {\n const segment = state.how_to_keep_existing.filter(x => x.id !== action.payload.id);\n return { ...state, \"how_to_keep_existing\": segment };\n }\n if (action.payload.group === 3) {\n const segment = state.how_to_make_spend.filter(x => x.id !== action.payload.id);\n return { ...state, \"how_to_make_spend\": segment };\n }\n return state;\n case \"UPDATE_CUSTOMER_RELATIONSHIP_SUCCESS\":\n if (action.payload.group === 1) {\n const segment = state.how_to_get_new.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"how_to_get_new\": segment };\n }\n if (action.payload.group === 2) {\n const segment = state.how_to_keep_existing.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"how_to_keep_existing\": segment };\n }\n if (action.payload.group === 3) {\n const segment = state.how_to_make_spend.map(x => x.id === action.payload.id ? action.payload : x);\n return { ...state, \"how_to_make_spend\": segment };\n }\n return state;\n case \"GET_AI_CUSTOMER_RELATIONSHIP_PREDICT_SUCCESS\": \n return {\n ...state,\n \"ai_customer_relationship_predict\": action.payload\n }\n default:\n return state;\n }\n}","export const financialProjectionsReducer = (\n state = {\n windows_state: 'hidden',\n is_fixed_variable_completed: false,\n original_fixed: [],\n original_variable: [],\n original_cost_items: [],\n cost_items: [],\n fixed: [],\n variable: [],\n save_cost_items: [],\n period: null,\n payment_period: null,\n }, action) => {\n switch (action.type) {\n case 'FETCHING_INVESTMENT_SUCCESS':\n return { ...state, \"period\": action.payload.period, \"payment_period\": action.payload.payment_period }\n case 'FETCHING_FINANCIAL_PROJECTION_SUCCESS':\n // console.log('variable_costs'+JSON.stringify(fixed_costs))\n const fixed_costs = action.payload.fixed ? action.payload.fixed.map(obj => ({ ...obj, \"key\": obj.category_id })):[];\n const variable_costs = action.payload.variable?action.payload.variable.map(obj => ({ ...obj, \"key\": obj.category_id })):[];\n const original_fixed = [...fixed_costs]\n const original_variable = [...variable_costs]\n //The flatMap() method returns a new array formed by applying a given callback function \n //to each element of the array, and then flattening the result by one level\n const fixed_cost_items = fixed_costs ? fixed_costs.flatMap(v => v.types) : []\n const variable_cost_items = variable_costs ? variable_costs.flatMap(v => v.types) : []\n const cost_items = [...fixed_cost_items, ...variable_cost_items]\n const original_cost_items = [...cost_items]\n return { ...state, \"fixed\": fixed_costs, \"variable\": variable_costs, \"original_fixed\": original_fixed, 'original_variable': original_variable, 'cost_items': cost_items, 'original_cost_items': original_cost_items, windows_state: 'hidden',save_cost_items: [] };\n case 'FIXED_COSTS_UPDATE_SUCCESS':\n const fixed_costs_u = [...state.fixed]\n const cost_items_c = [...state.cost_items]\n // const index = cost_items_c.findIndex(x => x.cost_item_id === action.payload.item.cost_item_id)\n //map through fixed array each element. return ...v what is already in it. then map through element of fixed\n //then map through that element types. find obj in types with same cost_item_id as action.payload.item.cost_item_id,\n //then return obj, keep whats already in it and i change one particular value\n const fixed_costs_updated = fixed_costs_u ? fixed_costs_u.map(v => ({\n ...v, types: v.types.map(obj => obj.cost_item_id === action.payload.item.cost_item_id ? ({ ...obj, [action.payload.name]: action.payload.value }) : obj)\n })) : []\n const updated_cost_items = cost_items_c.map(x => x.cost_item_id === action.payload.item.cost_item_id ? action.payload.item : x)\n return { ...state, loading: false, fixed: fixed_costs_updated, cost_items: updated_cost_items }\n case 'VARIABLE_COSTS_UPDATE_SUCCESS':\n const variable_costs_u = [...state.variable]\n const cost_items_d_c = [...state.cost_items]\n // const index_d_c = cost_items_d_c.findIndex(x => x.cost_item_id === action.payload.item.cost_item_id)\n //map through variable array each element. return ...v what is already in it. then map through element of fixed\n //then map through that element types. find obj in types with same cost_item_id as action.payload.item.cost_item_id,\n //then return obj, keep whats already in it and i change one particular value\n const variable_costs_updated = variable_costs_u ? variable_costs_u.map(v => ({\n ...v, types: v.types.map(obj => obj.cost_item_id === action.payload.item.cost_item_id ? ({ ...obj, [action.payload.name]: action.payload.value }) : obj)\n })) : []\n const updated_cost_items_d = cost_items_d_c.map(x => x.cost_item_id === action.payload.item.cost_item_id ? action.payload.item : x)\n return { ...state, loading: false, variable: variable_costs_updated, cost_items: updated_cost_items_d }\n case \"UPDATE_FIXED_AND_VAR_COSTS_SUCCESS\":\n const modified_fixed_c = [...state.fixed]\n const modified_variable_c = [...state.variable]\n const o_cost_items_c_d = [...state.cost_items]\n return { ...state,original_fixed: modified_fixed_c,original_variable: modified_variable_c,original_cost_items: o_cost_items_c_d,save_cost_items: [] };\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_fixed_variable_completed\": action.payload };\n case 'DISCARD_CHANGES_SUCCESS':\n let discard_cost_items = JSON.parse(JSON.stringify(state.original_cost_items));\n let discard_fixed = JSON.parse(JSON.stringify(state.original_fixed));\n let discard_variable = JSON.parse(JSON.stringify(state.original_variable));\n return { ...state, cost_items: discard_cost_items, fixed: discard_fixed, variable: discard_variable }\n case 'GET_WINDOWS_STATE_SUCCESS':\n if (JSON.stringify(state.original_cost_items) == JSON.stringify(state.cost_items)) {\n return { ...state, windows_state: 'hidden' }\n } else {\n return { ...state, windows_state: 'visible' }\n }\n case 'SET_ITEMS_TO_SAVE':\n const o_cost_items = [...state.original_cost_items]\n const c_cost_items = [...state.cost_items]\n const array = []\n c_cost_items.forEach((element, index) => {\n if (c_cost_items[index].price !== o_cost_items[index].price ||\n c_cost_items[index].vat !== o_cost_items[index].vat ||\n c_cost_items[index].first_expenses !== o_cost_items[index].first_expenses ||\n c_cost_items[index].price !== o_cost_items[index].price ||\n c_cost_items[index].monthly_expenses !== o_cost_items[index].monthly_expenses) {\n\n const obj = {\n cost_item_id: c_cost_items[index].cost_item_id,\n price: c_cost_items[index].price === null ? 0 : c_cost_items[index].price,\n vat: c_cost_items[index].vat === null ? action.payload.countryVats.standardRate:c_cost_items[index].vat,\n first_expenses: c_cost_items[index].first_expenses !== null ? c_cost_items[index].first_expenses : 1,\n monthly_expenses: c_cost_items[index].monthly_expenses\n }\n array.push(obj)\n\n }\n });\n return {...state, save_cost_items: array}\n default:\n return state;\n }\n}\n\n\n","export const vatsReducer = (\n state = {}, action) => {\n switch (action.type) {\n case 'FETCHING_VAT_SUCCESS':\n const country_vats = action.payload;\n return { ...action.payload};\n default:\n return state;\n }\n}\n","export const salesForecastReducer = (\n state = {\n is_sales_forecast_completed: false,\n productsTitles: [],\n products: [],\n product_id: 0,\n when_ready: 1,\n export: true,\n sales_forecast_eu: [],\n sales_forecast_non_eu: []\n }, action) => {\n switch (action.type) {\n case \"FETCHING_SALES_PRODUCTS_SUCCESS\":\n const test = action.payload.products.map(obj => ({ ...obj, key: obj.id, Expoted: true }));\n return { ...state, \"productsTitles\": action.payload.products.map(obj => ({ ...obj, key: obj.id, Expoted: true })) };\n case \"SETING_PRODUCTS_SUCCESS\":\n const productsTitles = state.products;\n productsTitles.forEach(element => {\n if (element.id === action.payload) {\n element.Expoted = !element.Expoted\n }\n });\n return { ...state, \"productsTitles\": productsTitles };\n\n case 'FETCHING_SALES_FORECASR_SUCCESS':\n const products = action.payload.products;\n const is_sales_forecast_completed = action.payload.is_sales_forecast_completed;\n return { ...state, \"products\": products, \"is_sales_forecast_completed\": is_sales_forecast_completed };\n\n case \"UPDATE_SALES_FORECAST_SUCCESS\":\n const prodoct = state.products;\n const productsaction = action.payload.products;\n prodoct.map((element, index) => {\n productsaction.map((element2, index2) => {\n if (element.product_id === element2.product_id) {\n element.when_ready = element2.when_ready;\n element.export = element2.export;\n element.sales_forecast_eu = element2.sales_forecast_eu;\n element.sales_forecast_non_eu = element2.sales_forecast_non_eu;\n }\n })\n })\n return { ...state, 'products': state.products };\n case \"SAVE_STATE_SUCCESS\":\n return { ...state, \"is_sales_completed\": action.payload };\n\n default:\n return state;\n }\n};","export const countryVATReducer = (\n state = {\n vat : [],\n defaultVAT: null\n }, action) => {\n switch (action.type) {\n case 'FETCHING_COUNTRY_VAT_SUCCESS':\n let vatArray = [];\n let objectValues = Object.values(action.payload);\n let objectPropertyName = Object.keys(action.payload);\n let length = objectPropertyName.length\n for (let i = 0; i < length; i++) {\n if (objectValues[i] !== null) {\n vatArray.push({\n key: i,\n vatTitle: objectPropertyName[i],\n vatValue: objectValues[i]\n })\n }\n }\n vatArray.push({\n key: vatArray.length,\n vatTitle: 'zeroRate',\n vatValue: 0\n })\n const sortedVATArray = vatArray.sort((a,b) => { return b.vatValue - a.vatValue})\n const defaultVAT = objectValues[0];\n return { ...state, vat: sortedVATArray, defaultVAT: defaultVAT };\n case 'RESET_VAT':\n return {\n ...state,\n vat: [],\n defaultVAT: null\n }\n default:\n return state;\n }\n}","export const personalCharacteristicsReducer = (state = { is_personal_characteristics_completed: false, planId: null, choices: [], completed_choices: 0 }, action) => {\n switch (action.type) {\n case 'LOADING':\n return { ...state, 'loading': action.payload }\n case 'FETCHING_PERSONAL_CHARACTERISTICS_SUCCESS':\n return { ...state, 'loading': false, 'choices': action.payload.choices, 'planId': action.payload.plan_id, is_personal_characteristics_completed: action.payload.is_personal_characteristics_completed }\n case 'FETCHING_COMPLETED_PERSONAL_CHARACTERISTICS_SUCCESS':\n const choices_clone = [...action.payload.choices]\n const completed = choices_clone.filter(x => x.selection_code !== null && x.selection_code !== undefined && x.selection_code !== \"\").length;\n return { ...state, 'loading': false, completed_choices: completed, 'choices': action.payload.choices, 'planId': action.payload.plan_id, is_personal_characteristics_completed: action.payload.is_personal_characteristics_completed }\n case 'SAVE_PERSONAL_CHARACTERISTICS_SUCCESS':\n return { ...state, 'loading': false, 'choices': action.payload }\n case 'FETCHING_COMPLETED_PERSONAL_CHARACTERISTICS_ERROR':\n return { ...state, 'loading': false, 'error': action.payload, completed_choices: 0, choices: [], is_personal_characteristics_completed: false }\n case 'ERROR':\n return { ...state, 'loading': false, 'error': action.payload }\n default:\n return state;\n }\n}","export const industryRiskReducer = (\n state = {\n risks: [],\n activeKey: ''\n }, action) => {\n switch (action.type) {\n case \"FETCHING_RISKS_SUCCESS\":\n return { ...state, 'risks': action.payload };\n\n case \"FETCHING_RISKS_ACTIVE_KEY\":\n return { ...state, 'activeKey': action.payload };\n\n default:\n return state;\n }\n};","export const tooltipsReducer = ( state = {tooltips: []}, action ) => {\n switch (action.type) {\n case 'FETCHING_TOOLTIPS_SUCCESS':\n return {\n ...state,\n tooltips: action.payload\n }\n default: \n return state\n }\n}","export const homeReducer = (state = { posts: [] }, action) => {\n switch (action.type) {\n case 'FETCHING_POSTS_SUCCESS':\n const posts = action.payload;\n return { ...state, \"posts\": posts };\n\n case 'CHANGE_STATE_SUCCESS':\n const status = action.payload\n return { ...state, \"status\": status }\n default:\n return state\n }\n}","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport { Provider } from 'react-redux';\nimport { createStore, applyMiddleware } from 'redux';\nimport thunk from 'redux-thunk';\nimport reducers from './appStore/reducers';\nimport { composeWithDevTools } from 'redux-devtools-extension';\nimport 'antd/dist/antd.css';\nimport Cookies from 'js-cookie'\n\n\nconst user_access_token_from_storage = Cookies.get('access_token') ? Cookies.get('access_token') : null;\n// localStorage.getItem('userInfo') ? JSON.parse(localStorage.getItem('userInfo')) : null;\nconst user_email_from_storage = Cookies.get('email') ? Cookies.get('email') : null;\nconst user_name_from_storage = Cookies.get('name') ? Cookies.get('name') : null;\n\nconst initialState = {\n user: {access_token: user_access_token_from_storage,email: user_email_from_storage,name: user_name_from_storage}\n}\nexport const store = createStore(reducers,initialState, composeWithDevTools(applyMiddleware(thunk)));\n\nReactDOM.render(\n\t