zowe
diff --git a/‎api-catalog-ui/frontend/src/actions/wizard-actions.jsx
Lines changed: 27 additions & 5 deletions b/‎api-catalog-ui/frontend/src/actions/wizard-actions.jsx
Lines changed: 27 additions & 5 deletions
diff --git a/‎api-catalog-ui/frontend/src/actions/wizard-actions.test.jsx
Lines changed: 27 additions & 1 deletion b/‎api-catalog-ui/frontend/src/actions/wizard-actions.test.jsx
Lines changed: 27 additions & 1 deletion
diff --git a/‎api-catalog-ui/frontend/src/actions/wizard-fetch-actions.jsx
Lines changed: 119 additions & 0 deletions b/‎api-catalog-ui/frontend/src/actions/wizard-fetch-actions.jsx
Lines changed: 119 additions & 0 deletions
diff --git a/‎api-catalog-ui/frontend/src/actions/wizard-fetch-actions.test.jsx
Lines changed: 64 additions & 0 deletions b/‎api-catalog-ui/frontend/src/actions/wizard-fetch-actions.test.jsx
Lines changed: 64 additions & 0 deletions
diff --git a/‎api-catalog-ui/frontend/src/components/Dashboard/Dashboard.jsx
Lines changed: 7 additions & 9 deletions b/‎api-catalog-ui/frontend/src/components/Dashboard/Dashboard.jsx
Lines changed: 7 additions & 9 deletions
@@ -17,6 +17,7 @@ import {
     READY_YAML_OBJECT,
     REMOVE_INDEX,
     VALIDATE_INPUT,
+    UPDATE_SERVICE_ID,
 } from '../constants/wizard-constants';
 
 /**
@@ -97,8 +98,8 @@ export const insert = (parent, content) => {
  */
 export function handleIndentationDependency(inputData, indentationDependency, indentation) {
     let result = indentation;
-    if (indentationDependency !== undefined) {
-        inputData.forEach(category => {
+    inputData.forEach(category => {
+        if (Array.isArray(category.content)) {
             category.content.forEach(inpt => {
                 Object.keys(inpt).forEach(k => {
                     if (k === indentationDependency) {
@@ -107,8 +108,15 @@ export function handleIndentationDependency(inputData, indentationDependency, in
                     }
                 });
             });
-        });
-    }
+        } else {
+            Object.keys(category.content).forEach(k => {
+                if (k === indentationDependency) {
+                    result = result.concat('/', category.content[k].value);
+                    return result;
+                }
+            });
+        }
+    });
     return result;
 }
 
@@ -168,7 +176,10 @@ export const addCategoryToYamlObject = (category, parent, inputData) => {
     if (!category.indentation) {
         insert(result, content);
     } else {
-        const indent = handleIndentationDependency(inputData, category.indentationDependency, category.indentation);
+        let indent = category.indentation;
+        if (category.indentationDependency !== undefined) {
+            indent = handleIndentationDependency(inputData, category.indentationDependency, category.indentation);
+        }
         const arr = indent.split('/');
         arr.reverse().forEach(key => {
             if (key.length > 0)
@@ -235,3 +246,14 @@ export function validateInput(navName, silent) {
         payload: { navName, silent },
     };
 }
+
+/**
+ * Store serviceId's value, because it's needed for saving staatic definitons
+ * @param value value of serviceId
+ */
+export function updateServiceId(value) {
+    return {
+        type: UPDATE_SERVICE_ID,
+        payload: { value },
+    };
+}
@@ -102,7 +102,7 @@ describe('>>> Wizard actions tests', () => {
         expect(result).toEqual({ '0': 'value 1' , '1': 'value 2' });
 
     });
-    it('should handle indentation dependencies', () => {
+    it('should handle indentation dependencies when content is an array', () => {
         const inputData = [
             {
                 text: 'Category 1',
@@ -120,6 +120,25 @@ describe('>>> Wizard actions tests', () => {
         const indentationDepenedency = 'test2';
         const result = handleIndentationDependency(inputData, indentationDepenedency, indentation);
         expect(result).toEqual('indent/val');
+    });
+    it('should handle indentation dependencies when content is an object', () => {
+        const inputData = [
+            {
+                text: 'Category 1',
+                content: { test: { value: '', question: 'Why', }, },
+            },
+            {
+                text: 'Category 2',
+                content: {
+                    test3: { value: 'smth', question: 'Why not?', },
+                    test2: { value: 'val', question: 'Why not?', },
+                },
+            },
+        ];
+        const indentation = 'indent';
+        const indentationDepenedency = 'test2';
+        const result = handleIndentationDependency(inputData, indentationDepenedency, indentation);
+        expect(result).toEqual('indent/val');
     })
     it('should add categories to the YAML object and handle indentation', () => {
         const category = {
@@ -217,4 +236,11 @@ describe('>>> Wizard actions tests', () => {
         const result = handleArrayIndentation(arrIndent,content);
         expect(result).toEqual([{indent: {test: ''}}]);
     })
+    it('should update service ID', () => {
+        const expectedAction = {
+            type: constants.UPDATE_SERVICE_ID,
+            payload: { value: 'hey' },
+        };
+        expect(actions.updateServiceId('hey')).toEqual(expectedAction);
+    });
 });
@@ -0,0 +1,119 @@
+import { toast } from 'react-toastify';
+import { OVERRIDE_DEF, TOGGLE_DISPLAY, WIZARD_VISIBILITY_TOGGLE } from '../constants/wizard-constants';
+
+export function notifySuccess() {
+    toast.success('Automatic onboarding successful!', {
+        closeOnClick: true,
+        autoClose: 2000,
+    });
+    return {
+        type: TOGGLE_DISPLAY,
+    };
+}
+
+export function notifyError(error) {
+    toast.error(error, {
+        closeOnClick: true,
+        autoClose: 2000,
+    });
+    return {
+        type: 'IGNORE',
+        payload: null,
+    };
+}
+
+/**
+ * Toggle confirmation dialog
+ */
+export function confirmStaticDefOverride() {
+    return {
+        type: OVERRIDE_DEF,
+        payload: null,
+    };
+}
+
+/**
+ * Communicates with the backend, to either save or override a YAML static definition.
+ * @param yamlText valid YAML config
+ * @param serviceId serviceId of the API
+ * @param endpoint specifies whether to override or save the definition
+ */
+function yamlEndpointConnect(yamlText, serviceId, endpoint) {
+    const url = `${process.env.REACT_APP_GATEWAY_URL}${process.env.REACT_APP_CATALOG_HOME}/static-api/${endpoint}`;
+    return dispatch => {
+        fetch(url, {
+            method: 'POST',
+            headers: {
+                'Service-Id': serviceId,
+            },
+            body: yamlText,
+        })
+            .then(res => {
+                const { status } = res;
+                if (status === 201) {
+                    dispatch(notifySuccess());
+                } else if (status === 409) {
+                    dispatch(confirmStaticDefOverride());
+                } else {
+                    dispatch(notifyError('The automatic onboarding was unsuccessful..'));
+                }
+            })
+            .catch(() => dispatch(notifyError('The automatic onboarding was unsuccessful..')));
+    };
+}
+
+export function toggleWizardVisibility(state) {
+    return {
+        type: WIZARD_VISIBILITY_TOGGLE,
+        payload: { state },
+    };
+}
+
+/**
+ * Assert logged user has authorization to save static definitions
+ * @returns {(function(*): void)|*}
+ */
+export function assertAuthorization() {
+    const url = `${process.env.REACT_APP_GATEWAY_URL}/gateway/auth/check`;
+    const body = {
+        resourceClass: 'ZOWE',
+        resourceName: 'APIML.SERVICES',
+        accessLevel: 'READ',
+    };
+    return dispatch => {
+        fetch(url, {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            method: 'POST',
+            body: JSON.stringify(body),
+        })
+            .then(res => {
+                const { status } = res;
+                if (status === 204) {
+                    dispatch(toggleWizardVisibility(true));
+                } else {
+                    dispatch(toggleWizardVisibility(false));
+                }
+            })
+            .catch(() => dispatch(notifyError('Error while trying to establish authorization level..')));
+    };
+}
+
+/**
+ * Send request to override a static def with a certain serviceId
+ * @param yamlText valid YAML config
+ * @param serviceId serviceId of the API
+ */
+export function overrideStaticDef(yamlText, serviceId) {
+    return yamlEndpointConnect(yamlText, serviceId, 'override');
+}
+
+/**
+ *  Send request to save a static def with a certain serviceId
+ * @param yamlText valid YAML config
+ * @param serviceId serviceId of the API
+ */
+export function sendYAML(yamlText, serviceId) {
+    return yamlEndpointConnect(yamlText, serviceId, 'generate');
+}
@@ -0,0 +1,64 @@
+import * as constants from '../constants/wizard-constants';
+import * as actions from './wizard-fetch-actions';
+import {
+    assertAuthorization,
+    overrideStaticDef,
+    sendYAML,
+} from './wizard-fetch-actions';
+
+describe('>>> Wizard actions tests', () => {
+    it('should do nothing on YAML error', () => {
+        const expectedAction = {
+            type: 'IGNORE',
+            payload: null,
+        };
+        expect(actions.notifyError()).toEqual(expectedAction);
+    });
+
+    it('should close on YAML success', () => {
+        const expectedAction = {
+            type: constants.TOGGLE_DISPLAY,
+        };
+        expect(actions.notifySuccess()).toEqual(expectedAction);
+    });
+    it('should confirm static definition override', () => {
+        const expectedAction = {
+            type: constants.OVERRIDE_DEF,
+            payload: null,
+        };
+        expect(actions.confirmStaticDefOverride()).toEqual(expectedAction);
+    });
+    it('should toggle wizard visibility', () => {
+        const expectedAction = {
+            type: constants.WIZARD_VISIBILITY_TOGGLE,
+            payload: {state: true},
+        };
+        expect(actions.toggleWizardVisibility(true)).toEqual(expectedAction);
+    });
+    it('should override static definition', () => {
+        const yamlText = {test: 'hey'};
+        const serviceId = 'Id';
+        overrideStaticDef(yamlText, serviceId);
+        const expectedAction = {
+            type: constants.TOGGLE_DISPLAY,
+        };
+        expect(actions.notifySuccess()).toEqual(expectedAction);
+    });
+    it('should add static definition', () => {
+        const yamlText = {test: 'hey'};
+        const serviceId = 'Id';
+        sendYAML(yamlText, serviceId);
+        const expectedAction = {
+            type: constants.TOGGLE_DISPLAY,
+        };
+        expect(actions.notifySuccess()).toEqual(expectedAction);
+    });
+    it('should assert authorization', () => {
+        assertAuthorization();
+        const expectedAction = {
+            type: constants.WIZARD_VISIBILITY_TOGGLE,
+            payload: {state: true},
+        };
+        expect(actions.toggleWizardVisibility(true)).toEqual(expectedAction);
+    });
+});
@@ -10,17 +10,12 @@ import ErrorDialog from '../Error/ErrorDialog';
 import WizardContainer from '../Wizard/WizardContainer';
 import DialogDropdown from '../Wizard/DialogDropdown';
 import { enablerData } from '../Wizard/configs/wizard_onboarding_methods';
+import ConfirmDialogContainer from '../Wizard/ConfirmDialogContainer';
 
 export default class Dashboard extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            WIP: true,
-        };
-    }
-
     componentDidMount() {
-        const { fetchTilesStart, clearService } = this.props;
+        const { fetchTilesStart, clearService, assertAuthorization } = this.props;
+        assertAuthorization();
         clearService();
         fetchTilesStart();
     }
@@ -56,6 +51,7 @@ export default class Dashboard extends Component {
             fetchTilesStop,
             refreshedStaticApisError,
             clearError,
+            userCanAutoOnboard,
         } = this.props;
         const hasSearchCriteria = searchCriteria !== undefined && searchCriteria !== null && searchCriteria.length > 0;
         const hasTiles = !fetchTilesError && tiles && tiles.length > 0;
@@ -70,15 +66,17 @@ export default class Dashboard extends Component {
                 <div id="dash-buttons">
                     <DialogDropdown
                         selectEnabler={this.props.selectEnabler}
-                        WIP={this.state.WIP}
+                        userCanAutoOnboard={userCanAutoOnboard}
                         data={enablerData}
                         toggleWizard={this.toggleWizard}
+                        visible
                     />
                     <Button id="refresh-api-button" size="medium" onClick={this.refreshStaticApis}>
                         Refresh Static APIs
                     </Button>
                 </div>
                 <WizardContainer />
+                <ConfirmDialogContainer />
                 <Spinner isLoading={isLoading} />
                 {fetchTilesError && (
                     <div className="no-tiles-container">