Production release : v1.2.2

README.md

@@ -29,7 +29,7 @@ Install dependencies by running the following in the root of the project:
  - **Note:** You must use npm 3. Type `npm -v` to ensure you have a 3.x version.
 
 ## NPM Commands
-- To run locally, run `npm start` and head to `http://localhost:3000/search/challenges`
+- To run locally, run `npm start` and head to `http://localhost:3000/new_project`
 - Run tests with `npm test` or use `npm run test:watch` to rerun tests after files change
 - To make sure your code passes linting: `npm run lint`
 - To create the build: `npm run build`

circle.yml

@@ -19,7 +19,7 @@ compile:
 
 deployment:
   development:
-    branch: dev
+    branch: [dev]
     owner: appirio-tech
     commands:
       - ./deploy.sh DEV

package.json

@@ -51,6 +51,7 @@
     "react": "^15.6.1",
     "react-addons-css-transition-group": "^15.6.0",
     "react-addons-pure-render-mixin": "^15.6.0",
+    "query-string": "^4.3.4",
     "react-color": "^2.13.1",
     "react-datetime": "2.7.1",
     "react-dom": "^15.6.1",

src/components/App/App.scss

@@ -2,7 +2,7 @@
 
 body {
   min-width: 320px;
-  background-color: $tc-gray-neutral-dark;
+  background-color: $tc-gray-neutral-light;
 }
 
 .ReactModal__Body--open {

src/components/TopBar/ProjectsToolBar.scss

@@ -47,11 +47,12 @@ $tc-body-large        : 20px;
       display: flex;
       align-items: center;
       // justify-content: center;
-      padding: 5px 2*$base-unit 5px 34px;
+      padding: 0 2*$base-unit 0 34px;
       text-align: left;
       color: $tc-gray-40;
       background-color: transparent;
       border-radius: 2px;
+      border: 0;
       font-size: 12px;
       position: relative;
       &:before{
@@ -173,6 +174,9 @@ $tc-body-large        : 20px;
     top: 12px;
     z-index: 22;/* +1 from z-index of the modal overlay */
   }
+  .FillProjectDetails .header {
+    margin: 35px 0 0;
+  }
 }
 
 .project-creation-dialog {

src/config/constants.js

@@ -253,3 +253,5 @@ export const MAINTENANCE_MODE = false
 export const LS_INCOMPLETE_PROJECT = 'incompleteProject'
 
 export const CONNECT_MESSAGE_API_URL = process.env.CONNECT_MESSAGE_API_URL || TC_API_URL
+
+export const NEW_PROJECT_PATH = '/new-project'

src/config/projectQuestions/app_dev.v1.0.js

@@ -30,7 +30,7 @@ const sections = [
       {
         id: 'projectName',
         required: true,
-        validationError: 'Please provide a name to your project',
+        validationError: 'Please provide a name for your project',
         fieldName: 'name',
         description: '',
         title: 'Project Name',
@@ -240,7 +240,7 @@ export const basicSections = [
       {
         id: 'projectName',
         required: true,
-        validationError: 'Please provide a name to your project',
+        validationError: 'Please provide a name for your project',
         fieldName: 'name',
         description: '',
         title: 'Project Name',

src/config/projectQuestions/avd.v1.0.js

@@ -32,7 +32,7 @@ const sections = [
       {
         id: 'projectName',
         required: true,
-        validationError: 'Please provide a name to your project',
+        validationError: 'Please provide a name for your project',
         fieldName: 'name',
         description: '',
         title: 'Project Name',
@@ -239,7 +239,7 @@ export const basicSections = [
       {
         id: 'projectName',
         required: true,
-        validationError: 'Please provide a name to your project',
+        validationError: 'Please provide a name for your project',
         fieldName: 'name',
         description: '',
         title: 'Project Name',

src/config/projectQuestions/ibm_chatbot.v1.0.js

@@ -0,0 +1,257 @@
+import _ from 'lodash'
+// import { Icons } from 'appirio-tech-react-components'
+import { findProduct} from '../projectWizard'
+
+const isFileRequired = (project, subSections) => {
+  const subSection = _.find(subSections, (s) => s.type === 'questions')
+  const fields = _.filter(subSection.questions, q => q.type.indexOf('see-attached') > -1)
+  // iterate over all seeAttached type fields to check
+  //  if any see attached is checked.
+  return _.some(_.map(
+    _.map(fields, 'fieldName'),
+    fn => _.get(project, `${fn}.seeAttached`)
+  ))
+}
+
+const sections = [
+  {
+    id: 'appDefinition',
+    title: (project, showProduct) => {
+      const product = _.get(project, 'details.products[0]')
+      if (showProduct && product) {
+        const prd = findProduct(product)
+        if (prd) return prd
+      }
+      return 'Definition'
+    },
+    required: true,
+    description: 'Please answer a few basic questions about your project. You can also provide the needed information in a supporting document--add a link in the notes section or upload it below.',
+    subSections: [
+      {
+        id: 'projectName',
+        required: true,
+        validationError: 'Please provide a name for your project',
+        fieldName: 'name',
+        description: '',
+        title: 'Project Name',
+        type: 'project-name'
+      },
+      {
+        id: 'questions',
+        required: true,
+        hideTitle: true,
+        title: 'Questions',
+        description: '',
+        type: 'questions',
+        questions: [
+          {
+            icon: 'question',
+            title: 'Are you an existing Watson Virtual Assistant customer?',
+            description: '',
+            fieldName: 'details.appDefinition.existingWatsonCustomer',
+            type: 'checkbox',
+            options: [
+              {value: 'true', title: 'Yes'},
+              {value: 'false', title: 'No'},
+            ]
+          },
+          {
+            id: 'projectInfo',
+            required: true,
+            fieldName: 'description',
+            description: 'Brief Description',
+            title: 'Description',
+            type: 'textbox'
+          },
+          {
+            icon: 'question',
+            title: 'Do you have an existing IBM Bluemix account?',
+            description: '',
+            type: 'radio-group',
+            fieldName: 'details.appDefinition.hasBluemixAccount',
+            options: [
+              {value: 'true', label: 'Yes'},
+              {value: 'false', label: 'No'}
+            ]
+          },
+          {
+            icon: 'question',
+            title: 'What capabilities does the chatbot need to support? (check all that apply)',
+            description: '',
+            type: 'checkbox-group',
+            fieldName: 'details.appDefinition.capabilities',
+            options: [
+              {value: 'order_management', label: 'Order Management'},
+              {value: 'information', label: 'Information'},
+              {value: 'help', label: 'Help'},
+              {value: 'complaints', label: 'Complaints'},
+              {value: 'billing', label: 'Billing'},
+              {value: 'account_management', label: 'Account Management'},
+              {value: 'custom', label: 'Custom'}
+            ],
+          },
+          {
+            icon: 'question',
+            title: 'Will the chatbot need to provide data from any systems to support the capabilities you listed above?',
+            description: '',
+            type: 'radio-group',
+            fieldName: 'details.appDefinition.integrationSystems',
+            options: [
+              {value: 'true', label: 'Yes'},
+              {value: 'false', label: 'No'}
+            ]
+          },
+          {
+            icon: 'question',
+            title: 'Do you have existing agent scripts?',
+            description: '',
+            type: 'radio-group',
+            fieldName: 'details.appDefinition.existingAgentScripts',
+            options: [
+              {value: 'true', label: 'Yes'},
+              {value: 'false', label: 'No'}
+            ]
+          },
+          {
+            icon: 'question',
+            title: 'Are you planning to transfer conversations to human agents?',
+            description: '',
+            type: 'radio-group',
+            fieldName: 'details.appDefinition.transferToHumanAgents',
+            options: [
+              {value: 'true', label: 'Yes'},
+              {value: 'false', label: 'No'}
+            ]
+          }
+        ]
+      },
+      {
+        id: 'notes',
+        fieldName: 'details.appDefinition.notes',
+        title: 'Notes',
+        description: 'Add any other important information regarding your project (e.g., links to documents or existing applications, budget or timing constraints)',
+        type: 'notes'
+      },
+      {
+        id: 'files',
+        required: isFileRequired,
+        title: (project) => `Project Files (${_.get(project, 'attachments', []).length})` || 'Files',
+        description: '',
+        type: 'files',
+        fieldName: 'attachments'
+      }
+    ]
+  }
+]
+
+export default sections
+
+export const basicSections = [
+  {
+    id: 'appDefinition',
+    title: '',
+    required: true,
+    description: 'Please answer a few basic questions about your project and, as an option, add links to supporting documents in the “Notes” section. If you have any files to upload, you’ll be able to do so later.',
+    subSections: [
+      {
+        id: 'projectName',
+        required: true,
+        validationError: 'Please provide a name for your project',
+        fieldName: 'name',
+        description: '',
+        title: 'Project Name',
+        type: 'project-name'
+      },
+      {
+        id: 'questions',
+        required: true,
+        hideTitle: true,
+        title: 'Questions',
+        description: '',
+        type: 'questions',
+        questions: [
+          {
+            id: 'projectInfo',
+            required: true,
+            fieldName: 'description',
+            description: 'Brief Description',
+            title: 'Description',
+            type: 'textbox'
+          },
+          {
+            icon: 'question',
+            required: true,
+            title: 'Are you an existing Watson Virtual Assistant customer?',
+            description: '',
+            fieldName: 'details.appDefinition.existingWatsonCustomer',
+            type: 'radio-group',
+            options: [
+              {value: 'true', label: 'Yes'},
+              {value: 'false', label: 'No'},
+            ]
+          },
+          {
+            icon: 'question',
+            required: true,
+            title: 'Do you have an existing IBM Bluemix account?',
+            description: '',
+            type: 'radio-group',
+            fieldName: 'details.appDefinition.hasBluemixAccount',
+            options: [
+              {value: 'true', label: 'Yes'},
+              {value: 'false', label: 'No'}
+            ]
+          },
+          {
+            icon: 'question',
+            // required: true,
+            title: 'What capabilities does the chatbot need to support?',
+            description: '',
+            type: 'checkbox-group',
+            fieldName: 'details.appDefinition.capabilities',
+            options: [
+              {value: 'order_management', label: 'Order management'},
+              {value: 'information', label: 'Information'},
+              {value: 'help', label: 'Help'},
+              {value: 'complaints', label: 'Complaints'},
+              {value: 'billing', label: 'Billing'},
+              {value: 'account_management', label: 'Account management'},
+              {value: 'custom', label: 'Custom (please explain in the Notes)'}
+            ],
+          },
+          {
+            icon: 'question',
+            required: true,
+            title: 'Will the chatbot need to access data from any systems to support the capabilities you listed above? If so, please list the systems below. (Change to text box)',
+            description: '',
+            type: 'textbox',
+            fieldName: 'details.appDefinition.integrationSystems'
+          },
+          {
+            icon: 'question',
+            required: true,
+            title: 'Do you have any example agent conversations you can provide? If so, please paste them or any links to documents below (you’ll be able to upload documents later).',
+            description: '',
+            type: 'textbox',
+            fieldName: 'details.appDefinition.existingAgentScripts'
+          },
+          {
+            icon: 'question',
+            required: true,
+            title: 'Are you planning to transfer conversations to human agents? If so, please list the agents’ communication tools (e.g., Slack, LiveAgent, Intercom, etc.)',
+            description: '',
+            type: 'textbox',
+            fieldName: 'details.appDefinition.transferToHumanAgents'
+          }
+        ]
+      },
+      {
+        id: 'notes',
+        fieldName: 'details.appDefinition.notes',
+        title: 'Notes',
+        description: 'Add any other important information regarding your project (e.g., links to documents or existing applications, budget or timing constraints)',
+        type: 'notes'
+      }
+    ]
+  }
+]