set mouse cursor to move type in whole dialog

package.json

@@ -57,8 +57,9 @@
     "react": "^15.5.4",
     "react-cookie": "^2.1.2",
     "react-data-components": "^1.1.1",
+    "react-dialog": "^1.0.2",
     "react-dom": "^15.5.4",
-    "react-draggable": "^3.0.5",
+    "react-draggable": "^2.2.6",
     "react-geosuggest": "^2.5.0",
     "react-geosuggest-sw": "^1.4.13",
     "react-google-maps": "^7.2.0",
@@ -67,8 +68,10 @@
     "react-imgix": "^7.1.1",
     "react-jquery-datatables": "^0.7.1",
     "react-materialui-notifications": "^0.5.1",
+    "react-onclickoutside": "^5.10.0",
     "react-places-autocomplete": "^5.4.2",
     "react-redux": "^5.0.5",
+    "react-resizable": "^1.7.1",
     "react-router": "^3.0.4",
     "react-router-redux": "^4.0.8",
     "react-tap-event-plugin": "^2.0.1",

src/client.js

@@ -29,8 +29,8 @@ const isFunction = (functionToCheck) => {
 };
 
 const requireAuth = (nextState, replace, next) => {
-  if (nextState.location.pathname === '/login' || nextState.location.pathname === '/sign-up' || (nextState.location.pathname.indexOf('/ride') > -1 && nextState.params.ride_uuid !== undefined && nextState.params.user_uuid !== undefined)
+  if (nextState.location.pathname === '/login' || nextState.location.pathname === '/sign-up' || nextState.location.pathname === '/selfRegister' || (nextState.location.pathname.indexOf('/ride') > -1 && nextState.params.ride_uuid !== undefined && nextState.params.user_uuid !== undefined)
-    || (!isFunction(replace) && (replace.location.pathname === '/login' || replace.location.pathname === '/sign-up' || (replace.location.pathname.indexOf('/ride') > -1 && replace.params.ride_uuid !== undefined && replace.params.user_uuid !== undefined)))) {
+    || (!isFunction(replace) && (replace.location.pathname === '/login' || replace.location.pathname === '/sign-up' || nextState.location.pathname === '/selfRegister' || (replace.location.pathname.indexOf('/ride') > -1 && replace.params.ride_uuid !== undefined && replace.params.user_uuid !== undefined)))) {
     next();
   }
 

src/components/Shared/ValidationErrorsInfoDialog.js

@@ -1,62 +1,66 @@
 import React, { Component } from 'react';
-import Dialog from 'material-ui/Dialog';
 import FlatButton from 'material-ui/FlatButton';
+import Dialog from './draggable-dialog';
+
+import './draggable-dialog/css/index.css';
+
+const defaultDialogHeight = 100; //px
+const dialogHeightPerLine = 25; //px
 
 export class ValidationErrorsInfoDialog extends React.Component {
-  constructor(props) {
+
-    super(props)
+    state = {
-    this.props = props;
-    this.state = {
       open: this.props.open,
     }
+  
+    componentWillReceiveProps(newProps){
+      this.setState({open: newProps.open});
+    }
+  
+    handleOpen = () => {
+      this.setState({ open: true });
+    };
+  
+    handleClose = () => {
+      this.setState({ open: false });
+      this.props.onDismiss();
+    };
+  
+    render() {
+
+      const actions = [
+        <FlatButton
+          label="Dismiss"
+          primary={true}
+          onClick={this.handleClose}
+        />,
+      ];
+  
+      return (
+        <div className="container">
+            {
+                this.state.open &&
+                <Dialog
+                    title={this.props.title ? this.props.title : 'Error'}
+                    isDraggable={this.props.draggable ? this.props.draggable : false}
+                    buttons={actions}
+                    hasCloseIcon={false}
+                    modal={this.props.modal ? this.props.modal : false}
+                    height={defaultDialogHeight + this.props.errorMessages.length * dialogHeightPerLine}
+                >
+                    {this.props.errorMessages.map(errorMessage => {
+                      return (
+                        <div>
+                          <a>{errorMessage.message}</a>
+                          <br/>
+                        </div>
+                      );})
+                    }
+                </Dialog>
+            }
+        </div>
+      );
+    }
   }
 
-  componentWillReceiveProps(newProps) {
+  module.exports = ValidationErrorsInfoDialog;
-    this.setState({ open: newProps.open });
-  }
-
-  handleOpen = () => {
-    this.setState({ open: true });
-  };
-
-  handleClose = () => {
-    this.setState({ open: false });
-    this.props.onDismiss();
-  };
-
-  render() {
-
-    const actions = [
-      <FlatButton
-        label="Dismiss"
-        primary={true}
-        keyboardFocused={true}
-        onClick={this.handleClose}
-      />,
-    ];
-
-    return (
-      <div>
-        <Dialog
-          title="Errors"
-          actions={actions}
-          modal={this.props.modal ? this.props.modal : false}
-          open={this.state.open}
-          onRequestClose={this.handleClose}
-          overlayStyle={{ backgroundColor: 'transparent' }}
-        >
-          {this.props.errorMessages.map(errorMessage => {
-            return (
-              <div>
-                <a>{errorMessage.message}</a>
-                <br />
-              </div>
-            );
-          })}
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-module.exports = ValidationErrorsInfoDialog;

src/components/Shared/draggable-dialog/DialogBody.js

@@ -0,0 +1,18 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+class DialogBody extends React.Component {
+    render() {
+        return (
+            <div className="ui-dialog-content" style={{ "overflowY": "auto" }}>
+                {this.props.children}
+            </div>
+        );
+    }
+}
+
+DialogBody.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
+};
+
+export default DialogBody;

src/components/Shared/draggable-dialog/DialogFooter.js

@@ -0,0 +1,43 @@
+import React from "react";
+import PropTypes from "prop-types";
+import cs from "classnames";
+
+const DialogFooter = (props) => {
+    const buttons = props.buttons;
+    if (!buttons || buttons.length == 0) {
+        return false;
+    }
+
+    const dialogButtons = buttons.map(function (button, index) {
+        if (React.isValidElement(button)) {
+            return button;
+        }
+
+        const { text, onClick, className } = button;
+
+        return (
+            <button
+                key={`button-${index}`}
+                type="button"
+                className={cs("button", className)}
+                onClick={onClick}>
+                {text}
+            </button>
+        );
+    }, this);
+
+    return (
+        <div className="ui-dialog-buttonpane">
+            <div className="ui-dialog-buttonset">
+                {dialogButtons}
+            </div>
+        </div>
+    );
+};
+
+DialogFooter.propTypes = {
+    buttons: PropTypes.array,
+    onClose: PropTypes.func.isRequired
+};
+
+export default DialogFooter;

src/components/Shared/draggable-dialog/DialogTitle.js

@@ -0,0 +1,65 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+const DialogTitle = ({ title, hasCloseIcon, onClose, allowMinimize, isMinimized, onMinimize, allowMaximize, isMaximized, onMaximize, onRestore }) => {
+    let closeIcon;
+    if (hasCloseIcon !== false) {
+        closeIcon = (
+            <i className="icon icon-close" onClick={onClose}></i>
+        );
+    }
+
+    let minimizeIcon;
+    if (allowMinimize) {
+        if (isMinimized) {
+            minimizeIcon = (
+                <i className="icon icon-restore" onClick={onRestore}></i>
+            );
+        } else {
+            minimizeIcon = (
+                <i className="icon icon-minimize" onClick={onMinimize}></i>
+            );
+        }
+    }
+
+    let maximizeIcon;
+    if (allowMaximize) {
+        if (isMaximized) {
+            maximizeIcon = (
+                <i className="icon icon-restore" onClick={onRestore}></i>
+            );
+        } else {
+            maximizeIcon = (
+                <i className="icon icon-maximize" onClick={onMaximize}></i>
+            );
+        }
+    }
+
+    return (
+        <header className="ui-dialog-titlebar">
+            <div className="title">
+                {title}
+            </div>
+            <div className="action-items">
+                {minimizeIcon}
+                {maximizeIcon}
+                {closeIcon}
+            </div>
+        </header>
+    );
+};
+
+DialogTitle.propTypes = {
+    hasCloseIcon: PropTypes.bool,
+    allowMinimize: PropTypes.bool,
+    allowMaximize: PropTypes.bool,
+    isMinimized: PropTypes.bool,
+    isMaximized: PropTypes.bool,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    onClose: PropTypes.func.isRequired,
+    onMinimize: PropTypes.func,
+    onMaximize: PropTypes.func,
+    onRestore: PropTypes.func
+};
+
+export default DialogTitle;

src/components/Shared/draggable-dialog/css/index.css

@@ -0,0 +1,167 @@
+body {
+    width: 100%;
+    min-height: 700px;
+}
+
+a {
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.ui-dialog-overlay {
+    background: #aaaaaa;
+    opacity: .3;
+    filter: Alpha(Opacity=30);
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+}
+
+.ui-dialog {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    outline: 0 none;
+    padding: 0 !important;;
+    z-index: 101;
+    background-color: white;
+    border: 1px solid #f6f6f6;
+}
+
+.ui-dialog.maximized{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.ui-dialog.minimized{
+    position: fixed;
+    bottom: 0;
+    right: 0;
+}
+
+.ui-dialog .ui-dialog-titlebar {
+    position: relative;
+    font-size: 1em;
+    border-radius: 3px;
+    padding: 0.5em;
+    height: 35px;
+    /*border-bottom: 1px solid #f6f6f6;*/
+}
+ 
+.ui-dialog.react-draggable .ui-dialog-titlebar{
+    cursor: move;
+}
+
+.ui-dialog.react-draggable .ui-dialog-content{
+    cursor: move;
+}
+
+.ui-dialog.react-draggable .ui-dialog-buttonpane {
+    cursor: move;
+}
+
+
+.ui-dialog .ui-dialog-titlebar .action-items {
+    float: right;
+    position: relative;
+}
+
+.ui-dialog .ui-dialog-titlebar .title {
+    float: left;
+    margin-right: .5em;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-size: 1.3125em;
+    font-weight: 500;
+    line-height: 0.2em;
+    padding : 24px 0px 0px 19px;
+}
+
+.icon {
+    width: 24px;
+    height: 24px;
+    display: block;
+    float: left;
+    margin: 5px;
+    cursor: pointer;
+    background-size: cover;
+}
+
+.icon.icon-close {
+    width: 20px;
+    height: 20px;
+    background-image: url("./img/close.png");
+}
+
+.icon.icon-minimize {
+    background-image: url("./img/minimize.png");
+}
+
+.icon.icon-maximize {
+    background-image: url("./img/maximize.png");
+}
+
+.icon.icon-restore {
+    background-image: url("./img/restore.png");
+}
+
+.ui-dialog .ui-dialog-content {
+    background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    overflow: auto;
+    position: relative;
+    font-size: 1rem;
+    font-weight: 400;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    line-height: 1.5em;
+    color:rgba(0, 0, 0, 0.54);
+    padding : 24px 24px 24px 24px;
+}
+
+.ui-dialog .ui-dialog-buttonpane {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    text-align: right;
+    border-width: 1px 0 0 0;
+    /*border-top: 1px solid #f6f6f6;*/
+}
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
+    padding: 0.5em;
+}
+
+.ui-dialog .ui-dialog-buttonpane button {
+	margin: 0 .5em 0 .5em;
+    cursor: pointer;
+    background-color: #f6f6f6;
+    padding: 0.5em 1em;
+    outline: none;
+    border: 1px solid #CCCCCC;
+    border-radius: 3px;
+}
+
+.ui-dialog .ui-dialog-buttonpane button:hover{
+    background-color: #CCCCCC;
+    border: 1px solid #BBBBBB;
+}
+
+.ui-dialog .react-resizable-handle {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    bottom: 0;
+    right: 0;
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
+    background-position: bottom right;
+    padding: 0 3px 3px 0;
+    background-repeat: no-repeat;
+    background-origin: content-box;
+    box-sizing: border-box;
+    cursor: se-resize;
+}

src/components/Shared/draggable-dialog/index.js

@@ -0,0 +1,171 @@
+import React from "react";
+import PropTypes from "prop-types";
+import cs from "classnames";
+import Draggable from "react-draggable";
+import { Resizable } from "react-resizable";
+import DialogTitle from "./DialogTitle";
+import DialogBody from "./DialogBody";
+import DialogFooter from "./DialogFooter";
+import EventStack from "active-event-stack";
+
+class Dialog extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            height: props.height,
+            width: props.width,
+            isMinimized: false,
+            isMaximized: false
+        };
+    }
+
+    componentWillMount() {
+        /**
+         * This is done in the componentWillMount instead of the componentDidMount
+         * because this way, a modal that is a child of another will have register
+         * for events after its parent
+         */
+        this.eventToken = EventStack.addListenable([
+            ["keydown", this.handleGlobalKeydown]
+        ]);
+    }
+
+    componentWillUnmount = () => {
+        EventStack.removeListenable(this.eventToken);
+    }
+
+    handleGlobalKeydown = (e) => {
+        if (this.props.closeOnEscape && e.keyCode == 27) {
+            e.stopPropagation();
+            this.onClose();
+        }
+
+        return false;
+    }
+
+    onClose = () => {
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
+    }
+
+    onMinimize = () => {
+        this.setState({ isMinimized: true, isMaximized: false });
+    }
+
+    onMaximize = () => {
+        this.setState({ isMinimized: false, isMaximized: true });
+    }
+
+    onRestore = () => {
+        this.setState({ isMinimized: false, isMaximized: false });
+    }
+
+    onResize = (event, { element, size }) => {
+        this.setState({ width: size.width, height: size.height });
+    }
+
+    getDialogTitle = () => {
+        return (
+            <DialogTitle
+                title={this.props.title}
+                hasCloseIcon={this.props.hasCloseIcon}
+                allowMinimize={this.props.allowMinimize}
+                allowMaximize={this.props.allowMaximize}
+                isMinimized={this.state.isMinimized}
+                isMaximized={this.state.isMaximized}
+                onMinimize={this.onMinimize}
+                onMaximize={this.onMaximize}
+                onRestore={this.onRestore}
+                onClose={this.onClose}
+            />
+        );
+    }
+
+    render() {
+        const { height, width, isMinimized, isMaximized } = this.state;
+        const { modal, isDraggable, isResizable, buttons, children, position } = this.props;
+        const { x = -width / 2, y = -height / 2 } = position;
+
+        let dialog = (
+            <div style={{ height: height, width, transform: `translate(${x}px, ${y}px)` }} className={cs("ui-dialog", { "minimized": isMinimized, "maximized": isMaximized })}>
+                {this.getDialogTitle()}
+                {
+                    !isMinimized && <DialogBody>{children}</DialogBody>
+                }
+                {
+                    !isMinimized && <DialogFooter buttons={buttons} onClose={this.onClose}></DialogFooter>
+                }
+
+            </div>
+        );
+
+        if (!isMinimized && !isMaximized && isResizable) {
+            dialog = (
+                <Resizable className="box" height={height} width={width} onResize={this.onResize}>
+                    {dialog}
+                </Resizable>
+            );
+        }
+
+        if (!isMinimized && !isMaximized && isDraggable !== false) {
+            dialog = (
+                <Draggable handle=".ui-dialog" bounds="body" defaultPosition={{ x, y }}>
+                    {dialog}
+                </Draggable>
+            );
+        }
+
+        return (
+            <div
+                className={cs("ui-dialog-container", { "": modal })}>
+                {dialog}
+                {modal && <div className="ui-dialog-overlay"></div>}
+            </div>
+        );
+    }
+}
+
+Dialog.propTypes = {
+    height: PropTypes.number,
+    width: PropTypes.number,
+    modal: PropTypes.bool,
+    position: PropTypes.shape({
+        x: PropTypes.number,
+        y: PropTypes.number
+    }),
+    hasCloseIcon: PropTypes.bool,
+    allowMinimize: PropTypes.bool,
+    allowMaximize: PropTypes.bool,
+    isResizable: PropTypes.bool,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    closeOnEscape: PropTypes.bool,
+    onClose: PropTypes.func,
+    children: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.element]).isRequired,
+    buttons: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.shape({
+            text: PropTypes.string,
+            onClick: PropTypes.func
+        })),
+        PropTypes.arrayOf(PropTypes.element)
+    ])
+};
+
+Dialog.defaultProps = {
+    height: 200,
+    width: 600,
+    modal: false,
+    closeOnEscape: true,
+    isDraggable: false,
+    isResizable: false,
+    title: '',
+    hasCloseIcon: true,
+    allowMinimize: false,
+    allowMaximize: false,
+    onClose: null,
+    buttons: null,
+    position: { x: -250, y: -150 }
+};
+
+export default Dialog;

src/components/Sidenav/SidenavContent.js

@@ -101,10 +101,10 @@ class SidebarContent extends React.Component {
 
     return (
       <ul className="nav" ref={(c) => { this.nav = c; }}>
-        {loggedUser.anyOf(planScheduler, visitReporter) &&
+        {loggedUser.anyOf(visitReporter) &&
           <li><FlatButton className="prepend-icon" href={"#/app/form/visit/" + this.state.user.useruuid}><span>Create Visit</span></FlatButton></li>
         }
-        {!loggedUser.anyOf(planScheduler, visitReporter) &&
+        {!loggedUser.anyOf(visitReporter) &&
           <li>
             <FlatButton href="#/app/form"><i className="nav-icon material-icons cyan-text text-lighter-4">directions_car</i><span className="nav-text">Rides</span></FlatButton>
             <ul>
@@ -113,7 +113,7 @@ class SidebarContent extends React.Component {
             </ul>
           </li>
         }
-        {!loggedUser.anyOf(planScheduler, visitReporter) &&
+        {!loggedUser.anyOf(visitReporter) &&
           <li>
             <FlatButton href="#/app/chart"><i className="nav-icon material-icons">people_outline</i><span className="nav-text">Members</span></FlatButton>
             <ul>
@@ -122,36 +122,40 @@ class SidebarContent extends React.Component {
             </ul>
           </li>
         }
-        <li>
+        {!loggedUser.anyOf(visitReporter) &&
-          <FlatButton href="#/app/chart"><i className="nav-icon material-icons">schedule</i><span className="nav-text">Visits</span></FlatButton>
+          <li>
-          <ul>
+            <FlatButton href="#/app/chart"><i className="nav-icon material-icons">schedule</i><span className="nav-text">Visits</span></FlatButton>
-            <li><FlatButton className="prepend-icon" href={"#/app/form/visit/" + this.state.user.useruuid}><span>Create Visit</span></FlatButton></li>
+            <ul>
-            <li> <FlatButton className="prepend-icon" href="#/app/table/visits"><span className="nav-text">Manage Visits</span></FlatButton></li>
+              <li><FlatButton className="prepend-icon" href={"#/app/form/visit/" + this.state.user.useruuid}><span>Create Visit</span></FlatButton></li>
-          </ul>
+              <li> <FlatButton className="prepend-icon" href="#/app/table/visits"><span className="nav-text">Manage Visits</span></FlatButton></li>
-        </li>
+            </ul>
+          </li>
+        }
 
-        <li>
+        {!loggedUser.anyOf(visitReporter) &&
-          <FlatButton href="#/app/chart"><i className="nav-icon material-icons">settings</i><span className="nav-text">Manage</span></FlatButton>
+          <li>
-          <ul>
+            <FlatButton href="#/app/chart"><i className="nav-icon material-icons">settings</i><span className="nav-text">Manage</span></FlatButton>
-            {!loggedUser.anyOf(planScheduler, providerScheduler) &&
+            <ul>
+              {!loggedUser.anyOf(planScheduler, providerScheduler) &&
+                <li>
+                  <FlatButton href="#/app/table/authorizedusers"><i className="nav-icon material-icons">people</i><span className="nav-text">Authorized Users</span></FlatButton>
+                </li>
+              }
               <li>
-                <FlatButton href="#/app/table/authorizedusers"><i className="nav-icon material-icons">people</i><span className="nav-text">Authorized Users</span></FlatButton>
+                <FlatButton href="#/app/table/organizations"><i className="nav-icon material-icons">assignment</i><span className="nav-text">Organizations</span></FlatButton>
               </li>
-            }
+              <li>
-            <li>
+                <FlatButton href="#/app/table/provider"><i className="nav-icon material-icons">local_hospital</i><span className="nav-text">Participating Providers</span></FlatButton>
-              <FlatButton href="#/app/table/organizations"><i className="nav-icon material-icons">assignment</i><span className="nav-text">Organizations</span></FlatButton>
+              </li>
-            </li>
+              <li>
-            <li>
+                <FlatButton href={"#/app/authorizedusers/" + this.state.user.useruuid}><i className="nav-icon material-icons">account_circle</i><span className="nav-text">Profile</span></FlatButton>
-              <FlatButton href="#/app/table/provider"><i className="nav-icon material-icons">local_hospital</i><span className="nav-text">Participating Providers</span></FlatButton>
+              </li>
-            </li>
+              {/* <li>
-            <li>
+                <FlatButton href="#/app/dashboard"><i className="nav-icon material-icons">equalizer</i><span className="nav-text">Reports</span></FlatButton>
-              <FlatButton href={"#/app/authorizedusers/" + this.state.user.useruuid}><i className="nav-icon material-icons">account_circle</i><span className="nav-text">Profile</span></FlatButton>
+              </li> */}
-            </li>
+            </ul>
-            {/* <li>
+          </li>
-              <FlatButton href="#/app/dashboard"><i className="nav-icon material-icons">equalizer</i><span className="nav-text">Reports</span></FlatButton>
+        }
-            </li> */}
-          </ul>
-        </li>
 
         <li className="nav-divider" />
       </ul>

src/routes/app/components/NEMTLocation.js

@@ -115,6 +115,7 @@ export class NEMTLocation extends React.Component {
         long: 0
       },
       providers: [],
+      locations: [],
       currentSelection: {
         id: 0,
         name: "",
@@ -125,6 +126,7 @@ export class NEMTLocation extends React.Component {
         saved: false,
       },
       inputValue: "",
+      locationValue: "",
       addLocation: false,
       searchAddresses: [],
       addLocationText: '',
@@ -143,6 +145,12 @@ export class NEMTLocation extends React.Component {
         id: '',
         name: '',
         address: '',
+      },
+      centerLocation: {
+        lat: 0,
+        long: 0,
+        name: '',
+        address: '',
       }
     }
 
@@ -164,6 +172,8 @@ export class NEMTLocation extends React.Component {
     this.updateLocation = this.updateLocation.bind(this);
     this.handleGetClosestPlace = this.handleGetClosestPlace.bind(this);
 
+    this.updateLocationValue = this.updateLocationValue.bind(this);
+    this.handleAutoCompleteLocation = this.handleAutoCompleteLocation.bind(this);
     // this.updateLocation().then(console.log);
 
 
@@ -184,52 +194,71 @@ export class NEMTLocation extends React.Component {
   }
 
   geoSuccess = (position) => {
+    let lat = 0;
+    let long = 0;
+    if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
+      lat = this.state.centerLocation.lat;
+      long = this.state.centerLocation.long;
+    } else {
+      const geo = GeolocationService.GetCoordinates();
+      lat = geo.lat;
+      long = geo.long;
+    }
 
-    const geo = GeolocationService.GetCoordinates();
+    if (lat === 0 || long === 0) {
-    // self.updateLocation().then(p => {
+      lat = 41.886406;
-    let lat = geo.lat;
+      long = -87.624225;
-    let long = geo.long;
+    }
 
     this.locateNearby(lat, long)
   }
 
   locateNearby = (lat, long) => {
+
     if (lat === 0 || long === 0) {
       lat = 41.886406;
       long = -87.624225;
     }
+
     if (this.state.locationType === 'provider') {
-      Instance.getRawConn().get(`/v1/nemt/provider/participating?sort=distance&lat=${lat}&long=${long}`).then(res => {
+      let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&sortby=distance`
+      Instance.getRawConn().get(url).then(res => {
         let nearByPlaces = [];
-        let providers = res.data.map(p => {
+        if (res.data.resultStatus === 'SUCCESS') {
-          if (p.address.street_address_1) {
+          let providers = res.data.providers.map(p => {
-            const streetNumber = p.address.street_address_1.split(' ')[0]
+            const streetNumber = p.streetName_1.split(' ')[0]
             let clickResult = {
-              id: p.muk_id,
+              id: p.mukId,
-              address: `${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode})`,
+              muk_id: p.mukId,
-              lat: p.address.lat,
+              address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
-              lng: p.address.long,
+              lat: parseFloat(p.latitude),
-              name: p.name,
+              lng: parseFloat(p.longitude),
-              type: "provider",
+              name: p.providerName,
+              type: 'provider',
               raw: p,
               street_number: streetNumber,
-              street: p.address.street_address_1.replace(streetNumber, '').trim(),
+              street: p.streetName_1.replace(streetNumber, '').trim(),
-              city: p.address.city,
+              city: p.cityName,
-              state: p.address.state,
+              state: p.state,
-              zipcode: p.address.zipcode.substring(0, 5),
+              zipcode: p.zipCode.substr(0, 5),
-              country: p.address.country,
+              country: p.country,
               saved: false,
             }
-            clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
 
-            var listItem = (<ListItem primaryText={p.name} secondaryText={clickResult.address} key={p.muk_id} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handlePlaceChanged(clickResult)} />)
+            if (p.fivePartKeyGroups.length > 0) {
+              clickResult.npi = p.fivePartKeyGroups[0].providerNum;
+            }
+
+            var listItem = (<ListItem primaryText={p.providerName} secondaryText={clickResult.address} key={p.mukId} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handlePlaceChanged(clickResult)} />)
             nearByPlaces.push(listItem);
-            p.providerText = `${p.name} - ${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode}) (${p.address.phone_number})`
+            p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
-          }
+            p.muk_id = p.mukId
-          return p;
-        });
 
-        this.setState(Object.assign(this.state, { nearbyPlaces: nearByPlaces, providers: providers }));
+            return p;
+          });
+
+          this.setState(Object.assign(this.state, { nearbyPlaces: nearByPlaces, providers: providers }));
+        }
       });
     } else {
       var pyrmont = new google.maps.LatLng(lat, long);
@@ -495,28 +524,103 @@ export class NEMTLocation extends React.Component {
     this.locateNearby(41.886406, -87.624225);
   }
 
+  updateLocationValue(searchText, dtSource, params) {
+    let self = this;
+    self.setState(Object.assign(self.state, { locationValue: searchText }));
+
+    if (searchText.length >= 3) {
+      let lat = 0;
+      let long = 0;
+      if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
+        lat = this.state.centerLocation.lat;
+        long = this.state.centerLocation.long;
+      } else {
+        const geo = GeolocationService.GetCoordinates();
+        lat = geo.lat;
+        long = geo.long;
+      }
+
+      if (lat === 0 || long === 0) {
+        lat = 41.886406;
+        long = -87.624225;
+      }
+
+      var location = new google.maps.LatLng(lat, long);
+      var request = {
+        location: location,
+        radius: '500',
+        input: searchText,
+        componentRestrictions: { country: 'us' },
+      };
+      const callback = (results, status) => {
+        if (status == google.maps.places.PlacesServiceStatus.OK) {
+          var googlePlaces = results.map(place => {
+            place.providerText = place.description;
+            place.muk_id = place.id;
+            place.saved = false;
+            return place;
+          });
+          self.setState(Object.assign(self.state, { locations: googlePlaces }));
+        }
+      }
+      service.getPlacePredictions(request, callback);
+    }
+  }
+
   updateTextSearch(searchText, dtSource, params) {
     let self = this;
     self.setState(Object.assign(self.state, { inputValue: searchText }));
     if (searchText.length >= 3) {
-      let lat = self.state.geolocation.lat;
+      let lat = 0;
-      let long = self.state.geolocation.long;
+      let long = 0;
+      if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
+        lat = this.state.centerLocation.lat;
+        long = this.state.centerLocation.long;
+      } else {
+        const geo = GeolocationService.GetCoordinates();
+        lat = geo.lat;
+        long = geo.long;
+      }
+
       if (lat === 0 || long === 0) {
         lat = 41.886406;
         long = -87.624225;
       }
 
       if (self.state.locationType === 'provider') {
-        //let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=20&name=${searchText}&sortby=distance`
+        let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&name=${searchText}&sortby=distance`
-        let url = `/v1/nemt/provider/participating?lat=${lat}&long=${long}&query=${searchText}&sortby=distance`
         Instance.getRawConn().get(encodeURI(url)).then(res => {
-          if (res.data.length > 0) {
+          if (res.data.resultStatus === 'SUCCESS') {
-            let places = res.data.map(p => {
+            let providers = res.data.providers.map(p => {
-              p.providerText = `${p.name} - ${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode}) (${p.address.phone_number})`
+              const streetNumber = p.streetName_1.split(' ')[0]
-              p.saved = false
+              p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
+              p.muk_id = p.mukId
+
+              let clickResult = {
+                id: p.mukId,
+                muk_id: p.mukId,
+                address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
+                lat: parseFloat(p.latitude),
+                lng: parseFloat(p.longitude),
+                name: p.providerName,
+                type: 'provider',
+                raw: p,
+                street_number: streetNumber,
+                street: p.streetName_1.replace(streetNumber, '').trim(),
+                city: p.cityName,
+                state: p.state,
+                zipcode: p.zipCode.substr(0, 5),
+                country: p.country,
+                saved: false,
+              }
+
+              if (p.fivePartKeyGroups.length > 0) {
+                clickResult.npi = p.fivePartKeyGroups[0].providerNum;
+              }
+
               return p;
-            })
+            });
-            self.setState(Object.assign(self.state, { providers: places }));
+            this.setState(Object.assign(this.state, { providers: providers }));
             dtSource = self.state.providers;
           }
         });
@@ -554,42 +658,59 @@ export class NEMTLocation extends React.Component {
     this.setState(Object.assign(this.state, { addLocationTextValue: providerSearch }));
     if (providerSearch.length >= 3) {
 
-      const geo = GeolocationService.GetCoordinates();
+
-      let lat = geo.lat;
+      let lat = 0;
-      let long = geo.long;
+      let long = 0;
+      if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
+        lat = this.state.centerLocation.lat;
+        long = this.state.centerLocation.long;
+      } else {
+        const geo = GeolocationService.GetCoordinates();
+        lat = geo.lat;
+        long = geo.long;
+      }
+
       if (lat === 0 || long === 0) {
         lat = 41.886406;
         long = -87.624225;
       }
+
       if (this.state.locationType === 'provider') {
-        let url = `/v1/nemt/provider/participating?lat=${lat}&long=${long}&query=${providerSearch}&sortby=distance`
+        let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&name=${providerSearch}&sortby=distance`
         Instance.getRawConn().get(encodeURI(url)).then(res => {
-          let places = res.data.map(p => {
+          if (res.data.resultStatus === 'SUCCESS') {
-            const streetNumber = p.address.street_address_1.split(' ')[0]
+            let providers = res.data.providers.map(p => {
-            p.providerText = `${p.name} - ${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode}) (${p.address.phone_number})`
+              const streetNumber = p.streetName_1.split(' ')[0]
-            let clickResult = {
+              p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
-              id: p.muk_id,
+              p.muk_id = p.mukId
-              address: `${p.address.street_address_1}, ${p.address.city}, ${p.address.state} (${p.address.zipcode})`,
-              lat: p.address.lat,
-              lng: p.address.long,
-              name: p.name,
-              type: "provider",
-              raw: p,
-              street_number: streetNumber,
-              street: p.address.street_address_1.replace(streetNumber, '').trim(),
-              city: p.address.city,
-              state: p.address.state,
-              zipcode: p.address.zipcode.substring(0, 5),
-              country: p.address.country,
-              saved: false,
-            }
-            clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
 
-            var listItem = (<ListItem value={p.muk_id} primaryText={p.name} secondaryText={clickResult.address} key={p.muk_id} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handleSaveAddress(clickResult, this)} />)
+              let clickResult = {
-            return listItem;
+                id: p.mukId,
-          });
+                muk_id: p.mukId,
+                address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
+                lat: parseFloat(p.latitude),
+                lng: parseFloat(p.longitude),
+                name: p.providerName,
+                type: 'provider',
+                raw: p,
+                street_number: streetNumber,
+                street: p.streetName_1.replace(streetNumber, '').trim(),
+                city: p.cityName,
+                state: p.state,
+                zipcode: p.zipCode.substr(0, 5),
+                country: p.country,
+                saved: false,
+              }
 
-          this.setState(Object.assign(this.state, { searchAddresses: places }));
+              if (p.fivePartKeyGroups.length > 0) {
+                clickResult.npi = p.fivePartKeyGroups[0].providerNum;
+              }
+
+              var listItem = (<ListItem primaryText={p.providerName} secondaryText={clickResult.address} key={p.mukId} value={p.mukId} rightIcon={<MapsLocalHospital />} onClick={(event) => this.handleSaveAddress(clickResult)} />)
+              return listItem;
+            });
+            this.setState(Object.assign(this.state, { searchAddresses: providers }));
+          }
         });
       } else {
         var location = new google.maps.LatLng(lat, long);
@@ -716,6 +837,68 @@ export class NEMTLocation extends React.Component {
     }
   }
 
+  handleAutoCompleteLocation = (location) => {
+    const self = this;
+    placeService.getDetails(location, (result, status) => {
+      if (status == google.maps.places.PlacesServiceStatus.OK) {
+        let clickResult = {
+          id: result.place_id,
+          placeId: result.place_id,
+          address: result.formatted_address ? result.formatted_address : result.vicinity,
+          lat: result.geometry.location.lat(),
+          lng: result.geometry.location.lng(),
+          name: result.name,
+          type: "google",
+          raw: result,
+          street_number: '',
+          street: '',
+          city: '',
+          state: '',
+          zipcode: '',
+          country: '',
+          saved: false,
+        }
+
+        result.address_components.forEach(a => {
+          a.types.forEach(c => {
+            switch (c) {
+              case "street_number":
+                clickResult.street_number = a.short_name;
+                break;
+              case "route":
+                clickResult.street = a.short_name;
+                break;
+              case "locality":
+                clickResult.city = a.short_name;
+                break;
+              case "administrative_area_level_1":
+                clickResult.state = a.short_name;
+                break;
+              case "country":
+                clickResult.country = a.short_name;
+                break;
+              case "postal_code":
+                clickResult.zipcode = a.short_name;
+                break;
+            }
+          }, this)
+        }, this);
+        clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
+
+
+        const centerLocation = {
+          lat: clickResult.lat,
+          long: clickResult.lng,
+          name: clickResult.name,
+          address: clickResult.address
+        }
+
+        self.setState(Object.assign(self.state, { centerLocation: centerLocation }));
+        self.locateNearby(clickResult.lat, clickResult.lng);
+      }
+    });
+  }
+
   handleAutocomplete = (provider) => {
     const sendInfo = (clickResult) => {
       this.setState(Object.assign(this.state, { currentSelection: clickResult }));
@@ -735,24 +918,32 @@ export class NEMTLocation extends React.Component {
     }
 
     if (this.state.locationType === "provider") {
-      const streetNumber = provider.address.street_address_1.split(' ')[0]
+      const p = provider;
+      const streetNumber = p.streetName_1.split(' ')[0]
+      p.providerText = `${p.providerName} - ${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)}) (${p.phoneNumber})`
+      p.muk_id = p.mukId
+
       let clickResult = {
-        id: provider.muk_id,
+        id: p.mukId,
-        address: `${provider.address.street_address_1}, ${provider.address.city}, ${provider.address.state} (${provider.address.zipcode})`,
+        muk_id: p.mukId,
-        lat: provider.address.lat,
+        address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
-        lng: provider.address.long,
+        lat: parseFloat(p.latitude),
-        name: provider.name,
+        lng: parseFloat(p.longitude),
-        type: "provider",
+        name: p.providerName,
-        raw: provider,
+        type: 'provider',
+        raw: p,
         street_number: streetNumber,
-        street: provider.address.street_address_1.replace(streetNumber, '').trim(),
+        street: p.streetName_1.replace(streetNumber, '').trim(),
-        city: provider.address.city,
+        city: p.cityName,
-        state: provider.address.state,
+        state: p.state,
-        zipcode: provider.address.zipcode.substring(0, 5),
+        zipcode: p.zipCode.substr(0, 5),
-        country: provider.address.country,
+        country: p.country,
         saved: false,
       }
-      clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
+
+      if (p.fivePartKeyGroups.length > 0) {
+        clickResult.npi = p.fivePartKeyGroups[0].providerNum;
+      }
 
       sendInfo(clickResult);
     } else {
@@ -842,42 +1033,51 @@ export class NEMTLocation extends React.Component {
 
   handleCurrentLocation(e) {
     const self = this;
-    const geo = GeolocationService.GetCoordinates();
+
-    // self.updateLocation().then(p => {
+    let lat = 0;
-    let lat = geo.lat;
+    let long = 0;
-    let long = geo.long;
+    if (this.state.centerLocation.lat !== 0 && this.state.centerLocation.long !== 0) {
+      lat = this.state.centerLocation.lat;
+      long = this.state.centerLocation.long;
+    } else {
+      const geo = GeolocationService.GetCoordinates();
+      lat = geo.lat;
+      long = geo.long;
+    }
+
     if (lat === 0 || long === 0) {
       lat = 41.886406;
       long = -87.624225;
     }
 
     if (self.state.locationType === 'provider') {
-      Instance.getRawConn().get(`/v1/nemt/provider/participating?sort=distance&lat=${lat}&long=${long}`).then(res => {
+      let url = `/v1/nemt/provider?lat=${lat}&long=${long}&limit=50&sortby=distance`
+      Instance.getRawConn().get(url).then(res => {
         let listItem = (<ListItem primaryText="No location found" key="-1" leftIcon={<MapsNearMe />} onClick={self.handleCurrentLocation} />)
-        if (res.data.length > 0) {
+        if (res.data.resultStatus === 'SUCCESS') {
-          const result = res.data[0];
+          const p = res.data.providers[0];
-          const streetNumber = result.address.street_address_1.split(' ')[0]
+          const streetNumber = p.streetName_1.split(' ')[0]
           let clickResult = {
-            id: result.muk_id,
+            id: p.mukId,
-            address: `${result.address.street_address_1}, ${result.address.city}, ${result.address.state} (${result.address.zipcode})`,
+            address: `${p.streetName_1}, ${p.cityName}, ${p.state} (${p.zipCode.substr(0, 5)})`,
-            lat: result.address.lat,
+            lat: parseFloat(p.latitude),
-            lng: result.address.long,
+            lng: parseFloat(p.longitude),
-            name: result.name,
+            name: p.providerName,
-            type: "provider",
+            type: 'provider',
-            raw: result,
+            raw: p,
             street_number: streetNumber,
-            street: result.address.street_address_1.replace(streetNumber, '').trim(),
+            street: p.streetName_1.replace(streetNumber, '').trim(),
-            city: result.address.city,
+            city: p.cityName,
-            state: result.address.state,
+            state: p.state,
-            zipcode: result.address.zipcode.substring(0, 5),
+            zipcode: p.zipCode.substr(0, 5),
-            country: result.address.country,
+            country: p.country,
             saved: false,
           }
-          clickResult.address = `${clickResult.street_number} ${clickResult.street}, ${clickResult.city}`
+          if (p.fivePartKeyGroups.length > 0) {
+            clickResult.npi = p.fivePartKeyGroups[0].providerNum;
+          }
           self.handlePlaceChanged(clickResult)
-          //listItem = (<ListItem primaryText={clickResult.name} secondaryText={clickResult.address} key={clickResult.muk_id} leftIcon={<MapsNearMe />} onClick={(event) => self.handlePlaceChanged(clickResult)} />)
         }
-        //self.setState(Object.assign(self.state, { currentLocation: listItem }));
       }).catch(console.error);
     } else {
       var location = new google.maps.LatLng(lat, long);
@@ -1138,6 +1338,7 @@ export class NEMTLocation extends React.Component {
 
     let listItem = (
       <div className="" id="container">
+        <AutoComplete dataSourceConfig={datasourceConfig} dataSource={this.state.locations} filter={this.filterResults} maxSearchResults={5} onUpdateInput={this.updateLocationValue} fullWidth={true} floatingLabelText="Center Location" onNewRequest={this.handleAutoCompleteLocation} searchText={this.state.locationValue} />
         {autosuggest}
         <List>
           {this.state.currentLocation}
@@ -1195,4 +1396,4 @@ export class NEMTLocation extends React.Component {
       </div>
     );
   }
-}
+} 

src/routes/app/routes/forms/routes/steppers/components/VerticalNonLinear.js

@@ -405,8 +405,8 @@ class VerticalNonLinear extends React.Component {
       },
       return_time: new Date(),
       pickupTimeHide: false,
-      showValidationErrors: false,
+      showValidationErrors:false,
-      validationErrors: [],
+      validationErrors:[]
     };
   }
 
@@ -524,8 +524,8 @@ class VerticalNonLinear extends React.Component {
           if (error.response.status === 422) {
             //Unprocessable Entity (validation failed)
             self.setState(Object.assign(self.state, {
-              showValidationErrors: true,
+              showValidationErrors:true,
-              validationErrors: error.response.data.data
+              validationErrors:error.response.data.data
             }));
           }
         });
@@ -896,8 +896,8 @@ class VerticalNonLinear extends React.Component {
           <div className="box-body padding-xs">
 
             <div style={{ maxWidth: 380, margin: 'auto' }}>
-              <ValidationErrorsInfoDialog open={this.state.showValidationErrors} errorMessages={this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)} />
+            <ValidationErrorsInfoDialog title={'Errors'} open = {this.state.showValidationErrors} draggable={true} modal={false} errorMessages = {this.state.validationErrors} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>         
-
+              
               <Stepper
                 activeStep={this.state.stepIndex}
                 linear={false}

src/routes/app/routes/forms/routes/visit/components/VerticalNonLinear.js

@@ -156,14 +156,8 @@ class SignUp extends React.Component {
   };
 
   handlePhone = (event) => {
-    let phone = event.target.value;
-    if (phone.indexOf("+1") < 0 && phone.length == 10) {
-      phone = "+1" + phone;
-      phone = phone.substring(0, 12);
-    }
-
     const user = this.props.user;
-    user.phonenumber = phone;
+    user.phonenumber = event.target.value;;
     if (this.props.onUserChanged) {
       this.props.onUserChanged(user);
     }
@@ -674,10 +668,14 @@ class VerticalNonLinear extends React.Component {
     let self = state;
     const { stepIndex } = self.state;
 
-    console.log('Step Index: ', stepIndex)
+    //console.log('Step Index: ', stepIndex)
     switch (stepIndex) {
-      case 0:
+      case 1:
         const eligibility = {
+          "provider": {
+            "provider_npi": self.state.destination.raw.fivePartKeyGroups[0].providerNum,
+            "provider_name": self.state.destination.raw.providerName
+          },
           "subscriber": {
             "patient_type": self.state.user.type,
             "subscriber_id": self.state.user.member,
@@ -688,10 +686,12 @@ class VerticalNonLinear extends React.Component {
             "demographic_info": {
               "date_of_birth": self.state.user.birthdate,
               "gender": self.state.user.gender
-            }
+            },
+            "user": self.state.user,
           }
         };
 
+        console.log(JSON.stringify(eligibility));
         Instance.getRawConn().post('/v1/nemt/eligibility', eligibility).then(function (res) {
           self.setState(Object.assign(self.state, { stepIndex: stepIndex + 1, user: res.data }));
         }).catch(err => {
@@ -1101,6 +1101,18 @@ class VerticalNonLinear extends React.Component {
               >
                 <Step>
                   <StepButton onClick={() => this.setState({ stepIndex: 0 })}>
+                    Provider
+                  </StepButton>
+                  <StepContent>
+                    <form role="form">
+                      <NEMTLocation type="flat" data={this.state} title={"Provider"} value={""} buttonvalue={this.state.buttonProviderText} onPlaceChanged={(provider) => this.handleProviderChanged(provider, this)} fontSize={12} locationType="provider" loadSuggestion={true} address={this.state.destination} />
+                      {/* <div className="divider" /> */}
+                    </form>
+                    {this.renderStepActions(1, this)}
+                  </StepContent>
+                </Step>
+                <Step>
+                  <StepButton onClick={() => this.setState({ stepIndex: 1 })}>
                     Member
                   </StepButton>
                   <StepContent>
@@ -1113,21 +1125,6 @@ class VerticalNonLinear extends React.Component {
                     {this.renderStepActions(0, this)}
                   </StepContent>
                 </Step>
-
-                <Step>
-                  <StepButton onClick={() => this.setState({ stepIndex: 1 })}>
-                    Provider
-                  </StepButton>
-                  <StepContent>
-                    <form role="form">
-                      <NEMTLocation type="flat" data={this.state} title={"Provider"} value={""} buttonvalue={this.state.buttonProviderText} onPlaceChanged={(provider) => this.handleProviderChanged(provider, this)} fontSize={12} locationType="provider" loadSuggestion={true} address={this.state.destination} />
-                      {/* <div className="divider" /> */}
-                    </form>
-                    {this.renderStepActions(1, this)}
-                  </StepContent>
-                </Step>
-
-
                 <Step>
                   <StepButton onClick={() => this.setState({ stepIndex: 2 })}>
                     Visit Details

src/routes/app/routes/pages/routes/eligibility/components/eligibility.js

@@ -192,7 +192,7 @@ class SignUp extends React.Component {
     return (
       <form className="">
         <fieldset>
-          <ValidationErrorsInfoDialog open = {this.state.showValidationErrors} errorMessages = {this.state.validationErrors} modal={true} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>         
+          <ValidationErrorsInfoDialog open = {this.state.showValidationErrors} errorMessages = {this.state.validationErrors} draggable={false} modal={true} onDismiss={this.handleValidationErrosDialogDismiss.bind(this)}/>         
           <div className="form-group">
             <TextField
               floatingLabelText="First Name"

src/routes/app/routes/pages/routes/map/components/Services.js

@@ -50,7 +50,6 @@ import FloatingActionButton from 'material-ui/FloatingActionButton';
 import ContentAdd from 'material-ui/svg-icons/content/add';
 import moment from 'moment';
 import { Card, CardActions, CardHeader, CardMedia, CardTitle, CardText } from 'material-ui/Card';
-import Draggable, { DraggableCore } from 'react-draggable'; // Both at the same time
 import Imgix from 'react-imgix'
 import Paper from 'material-ui/Paper';
 

src/routes/selfRegister/components/SignUp.js

@@ -54,8 +54,7 @@ class SignUp extends React.Component {
     this.clickEvent = this.clickEvent.bind(this);
   }
 
-  componentDidMount = () => {
+  componentDidMount = () => { }
-  }
 
   buttonValidated = () => {
     let validated = true;
@@ -128,7 +127,7 @@ class SignUp extends React.Component {
       "pass": this.state.pass,
     };
 
-    Instance.getRawConn().post('/v1/selfregister/', user).then(function (res) {
+    Instance.setToken(null).post('/v1/selfregister/', user).then(function (res) {
       localStorage.removeItem('loggedUser');
       location.href = '/#/login';
     }).catch(function (err) {

src/utils/authorization/normalizeRoles.js

@@ -11,7 +11,7 @@ const normalizeRoles = (profiles) => {
   }
 
   if (roleKeys.length === 1) {
-    return profiles[roleKeys[0]].authorize;
+    return profiles[roleKeys[0]].roles;
   }
 
   const roles = profiles.reduce((result, profile) => {