@agilemotion/oui-react-js 1.3.1 → 1.3.2

package/dist/ApplicationContext.js

@@ -123,7 +123,17 @@ class ApplicationContext {
         legendValue += "</span>";
         this.props.appBarTitle = legendValue;
       } else if (!view.popUp) {
-        this.props.appBarTitle = "".concat(this.navHistory[0].title).concat(legendIconArrow, "<span>").concat(this.graphs[0].title, "</span>");
+        let legendPath = "";
+
+        for (let i = 0; i < this.graphs[0].initialNavHistoryDepth; i++) {
+          legendPath += "".concat(this.navHistory[i].title);
+
+          if (i < this.graphs[0].initialNavHistoryDepth - 1) {
+            legendPath += legendIconArrow;
+          }
+        }
+
+        this.props.appBarTitle = "".concat(legendPath).concat(legendIconArrow, "<span>").concat(this.graphs[0].title, "</span>");
         this.graphs[0].setCurrentNodeTitle(titleValue);
       }
 
@@ -357,7 +367,7 @@ class ApplicationContext {
 
       let currentView = this.views[this.views.length - 1];
 
-      if (!_Utils.default.isNull(currentView) && !_Utils.default.isNull(currentView.handle)) {
+      if (!_Utils.default.isNull(currentView) && !_Utils.default.isNull(currentView.handle) && !_Utils.default.isNull(currentView.handle.api)) {
         if (id === currentView.handle.api.id) {
           return currentView.handle.api;
         }
@@ -593,6 +603,14 @@ class ApplicationContext {
 
         closeCurrentView() {
           instance.closeCurrentView();
+        },
+
+        refreshUserAvatar(avatar) {
+          instance.refreshUserAvatar(avatar);
+        },
+
+        alert(message, messageType) {
+          instance.alert(message, messageType);
         }
 
       };
@@ -653,6 +671,15 @@ class ApplicationContext {
     this.listeners.push(listener);
   }
 
+  alert(message, messageType) {
+    let event = new _Event.default(this, this.getCurrentView().config.id, {
+      messageType: messageType,
+      message: message
+    });
+
+    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+  }
+
   refreshUserAvatar(avatar) {
     var _iterator12 = _createForOfIteratorHelper(this.listeners),
         _step12;
@@ -694,12 +721,23 @@ class ApplicationContext {
    */
 
 
+  loadAnchor(graph) {
+    this.navHistory.splice(graph.initialNavHistoryDepth - 1, this.navHistory.length);
+    this.addView(graph.anchorView, graph.anchorHistoryElement.path, true);
+    this.getViewPortHistory().push("/switch");
+    this.getViewPortHistory().push("/view/" + graph.anchorView.config.id);
+  }
+
   removeLoadedGraph() {
-    this.closeCurrentView(false);
-    this.graphs.splice(0, this.graphs.length);
+    if (this.graphs.length > 0) {
+      this.closeCurrentView(false);
+      let graph = this.graphs[this.graphs.length - 1];
+      this.loadAnchor(graph);
+      this.graphs.splice(0, this.graphs.length);
+    }
   }
 
-  loadGraph(isParent, isPopup, config) {
+  loadGraph(isParent, isPopup, config, parameterValues) {
     if (isParent && !isPopup) {
       this.navHistory.splice(0, this.navHistory.length);
 
@@ -721,20 +759,42 @@ class ApplicationContext {
     }
 
     let graph = new _Graph.default(_Utils.default.parseConfig(config));
+    graph.initialNavHistoryDepth = this.navHistory.length;
+
+    if (this.navHistory.length > 0) {
+      graph.anchorView = this.getCurrentView();
+      graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
+    }
+
     graph.init();
+
+    var _iterator14 = _createForOfIteratorHelper(parameterValues),
+        _step14;
+
+    try {
+      for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+        const parameterValue = _step14.value;
+        graph.model[parameterValue.name] = parameterValue.value;
+      }
+    } catch (err) {
+      _iterator14.e(err);
+    } finally {
+      _iterator14.f();
+    }
+
     this.graphs.push(graph);
   }
 
   signalGraph(id, event) {
     if (this.graphs.length > 0) {
-      let graphToSignal = this.graphs[0];
+      let graphToSignal = this.graphs[this.graphs.length - 1];
 
-      var _iterator14 = _createForOfIteratorHelper(this.graphs),
-          _step14;
+      var _iterator15 = _createForOfIteratorHelper(this.graphs),
+          _step15;
 
       try {
-        for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-          const graph = _step14.value;
+        for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+          const graph = _step15.value;
 
           if (id === graph.id) {
             graphToSignal = graph;
@@ -742,9 +802,9 @@ class ApplicationContext {
           }
         }
       } catch (err) {
-        _iterator14.e(err);
+        _iterator15.e(err);
       } finally {
-        _iterator14.f();
+        _iterator15.f();
       }
 
       graphToSignal.signal(event);

package/dist/BasicApp.js

@@ -68,8 +68,13 @@ class BasicApp extends _react.Component {
       render: props => /*#__PURE__*/_react.default.createElement(_LoginBasic.default, {
         url: location + this.props.contextRoot + this.props.authUrl + "/login",
         background: 'rgba(0, 0, 0, 0.65)',
-        title: 'Business Agility',
-        logo: this.props.logoUrl
+        textColor: this.props.loginTextColor,
+        footerLogo: this.props.footerLogo,
+        footerText: this.props.footerText,
+        footerWidth: this.props.footerWidth,
+        footerSplitterColor: this.props.footerSplitterColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/forgot-password",
@@ -77,23 +82,25 @@ class BasicApp extends _react.Component {
         url: location + this.props.contextRoot + this.props.authUrl + "/password/forgot",
         background: 'rgba(0, 0, 0, 0.65)',
         title: 'Business Agility',
-        logo: this.props.logoUrl
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/reset-password",
       render: () => /*#__PURE__*/_react.default.createElement(_ResetPasswordBasic.default, {
         url: location + this.props.contextRoot + this.props.authUrl + "/password/confirmForgot",
         background: 'rgba(0, 0, 0, 0.65)',
+        textColor: this.props.loginTextColor,
         title: 'Business Agility',
-        logo: this.props.logoUrl
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/change-password",
       render: () => /*#__PURE__*/_react.default.createElement(_ChangePasswordBasic.default, {
         url: location + this.props.contextRoot + this.props.authUrl + "/password/challenge",
         background: 'rgba(0, 0, 0, 0.65)',
+        textColor: this.props.loginTextColor,
         title: 'Business Agility',
-        logo: this.props.logoUrl
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
       to: "/home"

package/dist/BasicAppHome.js

@@ -17,7 +17,7 @@ var _DashboardStore = require("./redux/store/DashboardStore");
 
 var _LoadingIndicator = _interopRequireDefault(require("./components/LoadingIndicator"));
 
-var _BasicBusinessApp = _interopRequireDefault(require("./components/dashboard/BasicBusinessApp"));
+var _BasicBusinessAppDashboard = _interopRequireDefault(require("./components/dashboard/BasicBusinessAppDashboard"));
 
 var _ApplicationContext = _interopRequireWildcard(require("./ApplicationContext"));
 
@@ -147,7 +147,7 @@ class BasicAppHome extends _react.Component {
           }
         }
       })
-    }, /*#__PURE__*/_react.default.createElement(_BasicBusinessApp.default, {
+    }, /*#__PURE__*/_react.default.createElement(_BasicBusinessAppDashboard.default, {
       logoutCallBack: () => {
         this.logout();
       },

package/dist/BusinessPortalApp.css

@@ -0,0 +1,37 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 20s linear;
+  height: 80px;
+}
+
+.App-header {
+  background-color: #f1f1f1;
+  height: 150px;
+  padding: 20px;
+  color: white;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+@keyframes App-logo-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+#pdf-frame {
+  display: none;
+  align-items: stretch;
+  position: absolute;
+  width: 100%;
+  height: 100%
+}
+
+#root {
+  height: 100%;
+  background-color: #ffffff;
+}

package/dist/BusinessPortalApp.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+require("./BusinessPortalApp.css");
+
+var _themeDefault = _interopRequireDefault(require("./theme-default"));
+
+var _MuiThemeProvider = _interopRequireDefault(require("material-ui/styles/MuiThemeProvider"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _LoginBusinessPortal = _interopRequireDefault(require("./view/security/LoginBusinessPortal"));
+
+var _ForgotPasswordBasic = _interopRequireDefault(require("./view/security/ForgotPasswordBasic"));
+
+var _ResetPasswordBasic = _interopRequireDefault(require("./view/security/ResetPasswordBasic"));
+
+var _ChangePasswordBasic = _interopRequireDefault(require("./view/security/ChangePasswordBasic"));
+
+var _core = require("@material-ui/core");
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+const agilityTheme = (0, _core.createMuiTheme)({
+  palette: {
+    primary: {
+      main: '#015588'
+    },
+    secondary: {
+      main: '#000099'
+    },
+    white: {
+      main: '#ffffff'
+    }
+  }
+});
+
+class BusinessPortalApp extends _react.Component {
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, {
+      basename: "/"
+    }, /*#__PURE__*/_react.default.createElement(_MuiThemeProvider.default, {
+      muiTheme: _themeDefault.default
+    }, /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+      theme: agilityTheme
+    }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/",
+      exact: true,
+      component: this.props.home
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/home",
+      component: this.props.home
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/login",
+      render: props => /*#__PURE__*/_react.default.createElement(_LoginBusinessPortal.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/login",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        footerLogo: this.props.footerLogo,
+        footerText: this.props.footerText,
+        footerWidth: this.props.footerWidth,
+        footerSplitterColor: this.props.footerSplitterColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/forgot-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ForgotPasswordBasic.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/forgot",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/reset-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ResetPasswordBasic.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/confirmForgot",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/change-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ChangePasswordBasic.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/challenge",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: "/home"
+    })))));
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)(BusinessPortalApp);
+
+exports.default = _default;

package/dist/BusinessPortalAppHome.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("./redux/store/DashboardStore");
+
+var _LoadingIndicator = _interopRequireDefault(require("./components/LoadingIndicator"));
+
+var _BusinessPortalAppDashboard = _interopRequireDefault(require("./components/dashboard/BusinessPortalAppDashboard"));
+
+var _ApplicationContext = _interopRequireWildcard(require("./ApplicationContext"));
+
+var _TokenManager = _interopRequireDefault(require("./security/TokenManager"));
+
+var _Utils = _interopRequireDefault(require("./Utils"));
+
+var _core = require("@material-ui/core");
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+
+const propHandler = state => {
+  let isLoading = state.dashboard.isLoading;
+  let dashboardSettings = state.dashboard.dashboardSettings;
+  return {
+    isLoading: isLoading,
+    error: state.error,
+    dashboardSettings: dashboardSettings
+  };
+};
+
+class BusinessPortalAppHome extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dashboardSettings: null,
+      message: "",
+      open: false,
+      avatarUrl: null,
+      tokenRefreshMonitorStarted: false
+    };
+  }
+
+  componentDidMount() {
+    _ApplicationContext.default.setApplicationHistory(this.props.history);
+
+    _ApplicationContext.default.setServiceApiPath(this.props.serviceApiPath);
+
+    _ApplicationContext.default.setUIConfigPath(this.props.uiConfigPath);
+
+    _ApplicationContext.default.setContextRoot(this.props.contextRoot);
+
+    _ApplicationContext.default.setBaseApiUrl(this.props.baseApiUrl);
+
+    _ApplicationContext.default.setFilesApiPath(this.props.filesApiPath);
+
+    this.props.getDashboardSettings(location + this.props.contextRoot + this.props.baseApiUrl + "/ui/setup");
+  }
+
+  componentDidUpdate(prevProps) {
+    if (JSON.stringify(prevProps.dashboardSettings) !== JSON.stringify(this.props.dashboardSettings) && !this.props.error) {
+      this.setState({
+        dashboardSettings: this.props.dashboardSettings
+      });
+
+      if (!this.state.tokenRefreshMonitorStarted && !_Utils.default.isNull(this.props.dashboardSettings)) {
+        _TokenManager.default.startTokenRefreshMonitor(location + this.props.contextRoot + this.props.authUrl + "/refresh", this.props.dashboardSettings.userName);
+
+        this.setState({
+          tokenRefreshMonitorStarted: true
+        });
+
+        if (!_Utils.default.isNull(this.props.dashboardSettings.userAvatar)) {
+          this.setState({
+            avatarUrl: this.props.dashboardSettings.userAvatar.url
+          });
+        }
+
+        let avatarListener = {};
+        avatarListener.type = _ApplicationContext.AVATAR_LISTENER_TYPE;
+
+        avatarListener.handler = avatar => {
+          this.setState({
+            avatarUrl: avatar.url
+          });
+        };
+
+        _ApplicationContext.default.addApplicationListener(avatarListener);
+
+        _ApplicationContext.default.setApplicationThemeColors(this.props.dashboardSettings.primaryColor, this.props.dashboardSettings.secondaryColor);
+
+        this.setState({
+          loadingColor: this.props.dashboardSettings.primaryColor
+        });
+      }
+    }
+
+    if (prevProps.error !== this.props.error && this.props.error) {
+      this.setState({
+        message: "A system error has accured"
+      });
+    }
+  }
+
+  logout() {
+    sessionStorage.removeItem("accessToken");
+    sessionStorage.removeItem("refreshToken");
+    sessionStorage.removeItem("idToken");
+    sessionStorage.removeItem("lastLogin");
+
+    _ApplicationContext.default.clear();
+
+    this.props.history.push('/login');
+  }
+
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "main w-100 h-100 d-inline-block"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "w-100 h-100"
+    }, this.state.dashboardSettings !== null ? /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+      theme: (0, _core.createMuiTheme)({
+        palette: {
+          primary: {
+            main: this.state.dashboardSettings.primaryColor
+          },
+          secondary: {
+            main: this.state.dashboardSettings.secondaryColor
+          }
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(_BusinessPortalAppDashboard.default, {
+      logoutCallBack: () => {
+        this.logout();
+      },
+      settings: this.state.dashboardSettings,
+      avatar: !_Utils.default.isNull(this.state.avatarUrl) ? this.state.avatarUrl : null,
+      logo: this.state.dashboardSettings.logo,
+      appLogoPath: this.props.appLogoPath
+    })) : null), /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, {
+      color: this.state.loadingColor
+    })));
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(BusinessPortalAppHome));
+
+exports.default = _default;

package/dist/RestUtils.js

@@ -97,9 +97,7 @@ class RestUtils {
 
           if (httpParameterType === 'PATH_VARIABLE') {
             if (!_Utils.default.isNull(parameterValue)) {
-              if (pathParameters.length > 0) {
-                pathParameters += '/' + JSON.stringify(parameterValue.value);
-              }
+              pathParameters += '/' + (typeof parameterValue.value === 'object' ? JSON.stringify(parameterValue.value) : parameterValue.value);
             }
           }
 
@@ -257,8 +255,6 @@ class RestUtils {
         }
       }
     }, e => {
-      console.error(e);
-
       if (errorCallback !== null) {
         errorCallback(e);
       }

package/dist/assets/jss/components/footerStyle.js

@@ -16,23 +16,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 const footerStyle = {
   block: {},
   left: {
-    float: "left!important",
-    display: "block"
+    float: "left !important"
   },
   right: {
     margin: "0",
     fontSize: "14px",
-    float: "right!important",
+    float: "right !important",
     padding: "15px",
     paddingRight: "70px"
   },
   footer: _objectSpread(_objectSpread({
     bottom: "0",
-    borderTop: "1px solid " + _rootStyle.grayColor[15],
     padding: "15px 0"
   }, _rootStyle.defaultFont), {}, {
     zIndex: 4
   }),
+  wrapper: {
+    display: "inline-block",
+    textAlign: '-webkit-center',
+    width: '100%'
+  },
   container: _objectSpread(_objectSpread({
     zIndex: 3
   }, _rootStyle.container), {}, {

package/dist/assets/jss/views/loginBasicStyle.js

@@ -13,7 +13,6 @@ const styles = {
     maxWidth: 400,
     paddingTop: '56px',
     height: 'auto',
-    color: _colors.grey400,
     fontSize: '30px'
   },
   loginContainer: {

package/dist/assets/jss/views/loginBusinessPortalStyle.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _colors = require("material-ui/styles/colors");
+
+const styles = {
+  title: {
+    minWidth: 320,
+    maxWidth: 400,
+    height: 'auto',
+    fontSize: '30px'
+  },
+  loginContainer: {
+    minWidth: 320,
+    maxWidth: 400,
+    padding: '16px',
+    height: 'auto'
+  },
+  paper: {
+    padding: 20,
+    overflow: 'auto'
+  },
+  buttonsDiv: {
+    display: "inline-block",
+    textAlign: "center",
+    marginTop: '8px'
+  },
+  flatButton: {
+    color: _colors.grey500
+  },
+  checkRemember: {
+    style: {
+      float: 'left',
+      maxWidth: 180,
+      paddingTop: 5
+    },
+    labelStyle: {
+      color: _colors.grey500
+    },
+    iconStyle: {
+      color: _colors.grey500,
+      borderColor: _colors.grey500,
+      fill: _colors.grey500
+    }
+  },
+  componentWrapper: {
+    display: "inline",
+    textAlign: "center"
+  },
+  loginBtn: {
+    float: 'right'
+  },
+  btn: {
+    background: '#4f81e9',
+    color: _colors.white,
+    padding: 7,
+    borderRadius: 2,
+    margin: 2,
+    fontSize: 13
+  },
+  btnFacebook: {
+    background: '#4f81e9'
+  },
+  btnGoogle: {
+    background: '#e14441'
+  },
+  btnSpan: {
+    marginLeft: 5
+  }
+};
+var _default = styles;
+exports.default = _default;