Merge pull request #1239 from appirio-tech/feature/back-forward-button-project-wizard

Feature/back forward button project wizard

Author: vikasrohit

circle.yml

@@ -19,7 +19,7 @@ compile:
 
 deployment:
   development:
-    branch: dev
+    branch: [dev, 'feature/back-forward-button-project-wizard']
     owner: appirio-tech
     commands:
       - ./deploy.sh DEV

src/config/projectWizard/index.js

@@ -221,12 +221,6 @@ export function findProductsOfCategory(category, fetchHidden = true) {
 }
 
 export function findProductCategory(product) {
-  if (product === 'generic_dev') {
-    return 'Development'
-  }
-  if (product === 'generic_design') {
-    return 'Design'
-  }
   for(const pType in products) {
     for(const prd in products[pType].subtypes) {
       const subType = products[pType].subtypes[prd]

src/projects/create/components/ProjectWizard.jsx

@@ -97,12 +97,37 @@ class ProjectWizard extends Component {
   }
 
   componentWillReceiveProps(nextProps) {
-    const { onStepChange } = nextProps
+    const { onStepChange, params } = nextProps
     const type = _.get(nextProps.project, 'type', null)
     const product = _.get(nextProps.project, 'details.products[0]', null)
-    const wizardStep = type && product ? WZ_STEP_FILL_PROJ_DETAILS : null
-    if (wizardStep) {
+    // redirect user to project details form, if we already have category and product available
+    let wizardStep = type && product ? WZ_STEP_FILL_PROJ_DETAILS : null
+    const updateQuery = {}
+    if (params && params.product) { // if there exists product path param
+      // first try the path param to be a project category
+      let projectType = findCategory(params.product)
+      if (projectType) {// if its a category
+        updateQuery['type'] = { $set : projectType.id }
+        wizardStep = WZ_STEP_SELECT_PROD_TYPE
+      } else {
+        // if it is not a category, it should be a product and we should be able to find a category for it
+        projectType = findProductCategory(params.product)
+        if (projectType) {// we can have `incomplete` as params.product
+          updateQuery['type'] = { $set : projectType.id }
+          updateQuery['details'] = { products : { $set: [params.product] } }
+          wizardStep = WZ_STEP_FILL_PROJ_DETAILS
+        }
+      }
+    } else { // if there is not product path param, it should be first step of the wizard
+      updateQuery['type'] = { $set : null }
+      updateQuery['details'] = { products : { $set: [] } }
+      wizardStep = WZ_STEP_SELECT_PROJ_TYPE
+    }
+    // if wizard setp deduced above and stored in state are not the same, update the state
+    if (wizardStep && this.state.wizardStep !== wizardStep) {
       this.setState({
+        project: update(this.state.project, updateQuery),
+        dirtyProject: update(this.state.dirtyProject, updateQuery),
         wizardStep
       }, () => {
         typeof onStepChange === 'function' && onStepChange(this.state.wizardStep)