@twreporter/universal-header 2.2.0-rc.5

package/CHANGELOG.md

@@ -0,0 +1,302 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.2.0-rc.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.4...@twreporter/universal-header@2.2.0-rc.5) (2021-09-28)
+
+
+### Bug Fixes
+
+* **universal-header:** fix channel top position in hd & channel active index logic ([12ff6bb](https://github.com/twreporter/twreporter-npm-packages/commit/12ff6bb125c90ef789297c9435222abac285a152))
+* **universal-header:** fix code review ([8b5ff1c](https://github.com/twreporter/twreporter-npm-packages/commit/8b5ff1c1c18b7bb503641797f715cc3dd0c1b524))
+* **universal-header:** fix infinite header transforming ([dab3463](https://github.com/twreporter/twreporter-npm-packages/commit/dab3463d2f9c1035a27a45cff97e39e622b58fc6))
+* **universal-header:** fix ui defect & code review comment ([ada3578](https://github.com/twreporter/twreporter-npm-packages/commit/ada357865e24d3813557850724c2fbd2fc99a494))
+
+
+### Features
+
+* **universal-header:** add narrow type header & header transform animation ([32b26bc](https://github.com/twreporter/twreporter-npm-packages/commit/32b26bcb213da38ec972eb972e3c648494cbcc50))
+
+
+
+
+
+# [2.2.0-rc.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.3...@twreporter/universal-header@2.2.0-rc.4) (2021-08-31)
+
+
+### Bug Fixes
+
+* **universal-header:** update @twreporter/react-component dependency version ([f5d5a22](https://github.com/twreporter/twreporter-npm-packages/commit/f5d5a2255de72c27f91cc09b734242e7b17fd91e))
+
+
+
+
+
+# [2.2.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.2...@twreporter/universal-header@2.2.0-rc.3) (2021-08-30)
+
+
+### Bug Fixes
+
+* **universal-header:** adress review comment ([cb94bfa](https://github.com/twreporter/twreporter-npm-packages/commit/cb94bfa1f1bccda0e8d7255eb42d6ff778c4e9f8))
+* **universal-header:** fix click on ios & missing semi column ([1535641](https://github.com/twreporter/twreporter-npm-packages/commit/1535641c00613055e0c32ae9ab563c6932fe1958))
+* **universal-header:** fix code review ([e5d3d08](https://github.com/twreporter/twreporter-npm-packages/commit/e5d3d08ee62685c0a49c8c746421ce68b3fa4693))
+* **universal-header:** modal scroll problem ([c909c4d](https://github.com/twreporter/twreporter-npm-packages/commit/c909c4d224d3ae57d5ebc38287d78f4ad22e224d))
+* **universal-header:** use @twreporter/react-components mobile-pop-up-modal to deal with scrolling problem ([5797493](https://github.com/twreporter/twreporter-npm-packages/commit/5797493c7bdd761cef0d284685f21db201f29ea3))
+
+
+### Features
+
+* **universal-header:** add new hamburger menu ([d42d296](https://github.com/twreporter/twreporter-npm-packages/commit/d42d2966619c822883d1f6deeac89cbef68138a3))
+
+
+
+
+
+# [2.2.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.1...@twreporter/universal-header@2.2.0-rc.2) (2021-08-11)
+
+
+### Bug Fixes
+
+* **universal-header:** add prop types check to ActionButton component ([352eaba](https://github.com/twreporter/twreporter-npm-packages/commit/352eaba9a030894471661aeb91536a87d69d2cd2))
+* **universal-header:** code review ([4620715](https://github.com/twreporter/twreporter-npm-packages/commit/46207156199667ec0f0f6a273291d580605c0324))
+
+
+### Features
+
+* **universal-header:** add ActionButtom component & Slogan component (TWREPORTER-1) ([06ea138](https://github.com/twreporter/twreporter-npm-packages/commit/06ea1382368a1773f0433ef8b3c1fad2864a1ad4))
+
+
+
+
+
+# [2.2.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.2.0-rc.0...@twreporter/universal-header@2.2.0-rc.1) (2021-07-27)
+
+
+### Bug Fixes
+
+* **universal-header:** fix code review & warning ([7478483](https://github.com/twreporter/twreporter-npm-packages/commit/7478483ee3ca573dab24d8769e38a81bd0222fec))
+
+
+### Features
+
+* **universal-header:** adjust desktop category style & update icons ([21e5126](https://github.com/twreporter/twreporter-npm-packages/commit/21e5126bb7dbdd425e292315395a8327d9985d8c))
+
+
+
+
+
+# [2.2.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.8...@twreporter/universal-header@2.2.0-rc.0) (2021-07-21)
+
+
+### Bug Fixes
+
+* **universal-header:** remove useless variable ([086b95a](https://github.com/twreporter/twreporter-npm-packages/commit/086b95a811c50f2ba17f2afc1443f1d717772295))
+
+
+### Features
+
+* **universal-header:** bookmark icon only show when login & modify desktop icon show/hide flow ([a97f727](https://github.com/twreporter/twreporter-npm-packages/commit/a97f727fb0c0966067bc7dae543353a774fb7b34))
+* **universal-header:** bookmark icon only show when login & modify desktop icon show/hide flow ([009cf4c](https://github.com/twreporter/twreporter-npm-packages/commit/009cf4cea4bf8e180f1db6a5dc530e978530a8be))
+* **universal-header:** remove TWREPORTER-73 ([6e077f3](https://github.com/twreporter/twreporter-npm-packages/commit/6e077f30f6bcd211533f9bc1e559ad3fe8edb4de))
+
+
+
+
+
+## [2.1.8](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.8-rc.0...@twreporter/universal-header@2.1.8) (2020-09-10)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.8-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.7...@twreporter/universal-header@2.1.8-rc.0) (2020-09-10)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.7](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.7-rc.0...@twreporter/universal-header@2.1.7) (2020-02-19)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.7-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.6...@twreporter/universal-header@2.1.7-rc.0) (2020-02-14)
+
+
+### Bug Fixes
+
+* **universal-header:** standalone header cannot work normally ([40fb08c](https://github.com/twreporter/twreporter-npm-packages/commit/40fb08c8df12b6b2a98cbe5890b41e7d181608b1))
+
+
+
+
+
+## [2.1.6](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.6-rc.0...@twreporter/universal-header@2.1.6) (2020-02-13)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.6-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.5...@twreporter/universal-header@2.1.6-rc.0) (2020-02-12)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.5](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.5-rc.0...@twreporter/universal-header@2.1.5) (2020-02-10)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.5-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.4...@twreporter/universal-header@2.1.5-rc.0) (2020-02-10)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+
+
+
+
+## [2.1.4](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.3...@twreporter/universal-header@2.1.4) (2020-01-14)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+## [2.1.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.3-rc.1...@twreporter/universal-header@2.1.3) (2020-01-03)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+## [2.1.3-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.3-rc.0...@twreporter/universal-header@2.1.3-rc.1) (2020-01-03)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+## [2.1.3-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.2...@twreporter/universal-header@2.1.3-rc.0) (2020-01-02)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+## [2.1.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/universal-header@2.1.2-rc.7...@twreporter/universal-header@2.1.2) (2019-11-26)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+## 2.1.2-rc.7 (2019-11-26)
+
+**Note:** Version bump only for package @twreporter/universal-header
+
+### 2.1.2-rc.6
+
+- dep upgrade:
+  - @twreporter/redux: 5.0.4 -> 5.0.7-rc.1
+
+#### Commits
+
+- [[11adfd0](https://github.com/twreporter/twreporter-npm-packages/commit/11adfd0)] - @twreporter/redux: v5.0.4 -> v5.0.7-rc.1(taylrj)
+
+### 2.1.2-rc.3
+
+- dep upgrade:
+  - @twreporter/core: 1.1.2-rc.1 -> 1.1.2-rc.2
+
+#### Commits
+
+- [[a5ad626](https://github.com/twreporter/twreporter-npm-packages/commit/a5ad626229ad995150c3beb0d26d2e6a70254a84)] - [universal-header] upgrade @twreporter/core: 1.1.2-rc.1 -> 1.1.2-rc.2(taylrj)
+
+#### Commits
+
+- [[1f14b29](https://github.com/twreporter/twreporter-npm-packages/commit/1f14b29912ae703bfea7ea55725f57abdfaf314e)] - [universal-header] Update constant of `categories` in `channelPathnames` (taylrj)
+
+### 2.1.2-rc.2
+
+- Update `categories` in `channelPathnames` from `/?section=categories` to `/#categories`
+
+#### Commits
+
+- [[1f14b29](https://github.com/twreporter/twreporter-npm-packages/commit/1f14b29912ae703bfea7ea55725f57abdfaf314e)] - [universal-header] Update constant of `categories` in `channelPathnames` (taylrj)
+
+### 2.1.2-rc.1
+
+- dep upgrade:
+  - @twreporter/core: ^1.1.0 -> 1.1.2-rc.1
+
+#### Commits
+
+- [[f912e38](https://github.com/twreporter/twreporter-npm-packages/commit/f912e386173f6462c855c429dfaa8efa97679ce2)] - [universal-header] upgrade @twreporter/core: ^1.1.0 -> ^1.1.2-rc.1(nickhsine)
+
+### 2.1.1
+
+- Remove deprecated React API `componentWillMount` and `componentWillReceiveProps`
+  - `react-transition-group@^1.2.1` -> `^2.0.0`
+  - `react-router-dom@^4.3.1` -> `^5.1.2`
+    - Per file imports are deprecated for `react-router-dom` v5
+
+### 2.1.0
+
+- Spread out the header proptypes
+- Update context prop constants
+- Update standalone-header
+- Remove unused code
+- Take constants from core
+
+- Update dependencies
+  - Add `@twreporter/core`: ^1.1.0
+  - Add `@twreporter/redux`: ^5.0.3
+  - Change `axios` version: ^0.18.0 -> ^0.19.0
+  - Replace `lodash.get` with `lodash/get`
+
+### 2.0.5
+
+- Remove `dependencies.react-router` in package.json
+
+### 2.0.4
+
+- Update link selector of channel items
+
+### 2.0.3
+
+- Update appearance of `transparent` theme.
+  This patch does the following changes:
+
+  - Render light gray or normal icons on demand(refer to theme)
+  - Update src/utils/theme.js. Add `selectServiceIcons`,
+    `selectHoverFontColor`, `selectChannelTextShadow` and
+    `selectChannelsBgColor` functions.
+  - Render hover effect, font color, text shadow on demand
+
+- Optimize svg files by svgo.
+- Close slide down menu when menu items are clicked on mobile.
+
+### 2.0.2
+
+- Fix undefined variables
+- Add eslintrc
+
+### 2.0.1
+
+- Set `text-decoration: none` for all links
+- Fix old key from `branch` to `releaseBranch`
+
+### 2.0.0
+
+#### Introduce Dependent and Standalone Header
+
+- Dependent Header
+  It is used for server side rendering.
+  Clients should prepare redux store, combine redux reducers and
+  grant authorization for users by redux actions on the server.
+
+- Standalone Header
+  It is used for client side rendering.
+  Clients need to `import { StandaloneHeader} from '@twreporter/universal-header'`,
+  and render `<StandalineHeader>` on the client side.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 TwReporter
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,223 @@
+# TWReporter Universal Header
+
+Universal header(UH) is aimed to provide the consistent user experience
+whicherver twreporter sites the users visit.
+
+Universal header has two different ways to render both on client side
+and server side.
+
+For client side rendering, we call it _STANDALONE_ header, which is
+along with redux store, requesting authentication and authorization after
+`componentDidMount` on the page.
+
+For server side rendering, we call it _DEPENDENT_ header, which is a
+container component(see https://redux.js.org/basics/usage-with-react for information).
+Because the _DEPENDENT_ header is a container component, the redux store
+needs to be prepared by clients.
+
+See the following example codes to understand how to use UH in different
+situations.
+
+### Dependencies of UH
+
+Make sure you have the following dependencies installed.
+
+- react@^16.3.0 (Required)
+- styled-components@^4.0.0 (Required)
+- react-router-dom@^4.0.0 (Required by _DEPENDENT_ header)
+- react-redux@^6.0.0 (Required by _DEPENDENT_ header)
+- redux and redux-thunk (Required by _DEPENDENT_ header)
+
+### Standalone Header
+
+To use standalone header is easy, see the following example.
+
+```javascript
+// In your React components, such as app.js
+import StandaloneHeader from '@twreporter/universal-header/dist/standalone-header'
+
+class App extends React.Component {
+  render() {
+    // see the `isLinkExternal and releaseBranch` section for more info
+    const releaseBranch = 'master'
+    return (
+      <React.Fragment>
+        <StandaloneHeader releaseBranch={releaseBranch} />
+      </React.Fragment>
+    )
+  }
+}
+```
+
+### Dependent Header
+
+Dependent header is more complicated to setup than standalone header.
+There are three parts(reducer, store and server side data dispatching)
+need to be configured by clients.
+
+```javascript
+// src/reducers/index.js of clients
+import authReducer from '@twreporter/universal-header/dist/reducers/auth'
+import { combineReducers } from 'redux'
+
+const rootReducer = combineReducers({
+  // must be `auth` property
+  auth: authReducer,
+  // other reducers needed by clients
+})
+
+export default rootReducer
+
+// src/store.js of clients
+import reducer from './reducers/index'
+import thunkMiddleware from 'redux-thunk'
+import { createStore, applyMiddleware } from 'redux'
+
+export function configureStore(initialState = {}) {
+  return createstore(
+    reducer,  // reducers including uh.reducers.auth
+    initialstate,
+    applymiddleware(thunkmiddleware) // thunk middleware is required because of uh.actions.auth
+  )
+}
+
+export default {
+  configureStore,
+}
+```
+
+```javascript
+// in src/server.js
+import HeaderContainer from '@twreporter/universal-header/dist/containers/header'
+import ReactDOMServer from 'react-dom/server'
+import authActions from '@twreporter/universal-header/dist/actions/auth'
+import store from './store.js'
+import { Provider } from 'react-redux'
+impport serialize from 'serialize-javascript'
+
+app.use(*, function(req, res, next) {
+	const cookie = req.get('cookie')
+	const store = store.configureStore()
+	const releaseBranch = process.env.RELEASE_BRANCH
+	const isLinkExternal = false
+  store.dispatch(authActions.getAccessToken(cookie))
+  .then(() => {
+    const markup = ReactDOMServer.renderToString(
+      <Provider store={store}>
+        <HeaderConatiner
+          releaseBranch={releaseBranch}
+          isLinkExternal={false}
+        />
+      </Provider>
+    ) // no catch here since authActions.getAccessToken always resolve the promise
+
+    const html = ReactDOMServer.renderToStaticMarkup(
+      <body>
+        <div id="app" dangerouslySetInnerHTML={{ __html: markup }}></div>
+        <script dangerouslySetInnerHTML={{ __html: `window.__REDUX_STATE__=${serialize(store.getState())};` }} charSet="UTF-8"/>
+        <script src="main.bundle.js" />
+      </body>
+    )
+    res.send('<!DOCTYPE>' + html)
+  })
+})
+```
+
+```javascript
+// in src/client.js
+import 'babel-polyfill'
+import ReactDOM from 'react-dom'
+import store from './store'
+import HeaderContainer from '@twreporter/universal-header/dist/containers/header'
+import { Provider } from 'react-redux'
+
+let reduxState
+if (window.__REDUX_STATE__) {
+  reduxState = window.__REDUX_STATE__
+}
+
+const reduxStore = store.configureStore(reduxState)
+
+// see the `isLinkExternal and releaseBranch` section for more info
+const releaseBranch = process.env.RELEASE_BRANCH
+const isLinkExternal = false
+
+ReactDOM.hydrate(
+  <Provider store={reduxStore}>
+    <HeaderContainer
+      releaseBranch={releaseBranch}
+      isLinkExternal={isLinkExternal}
+    />
+  </Provider>,
+  document.getElementById('app')
+)
+```
+
+### isLinkExternal, releaseBranch and theme
+
+#### isLinkExternal
+
+`isLinkExternal` is a bool.
+
+If `isLinkExternal={false}`, the links of header would be relative paths, and
+links' behavior would be handled by `react-router`.
+
+If `isLinkExternal={true}`, all the links in the header would be `href`s,
+handled by normal `<a>` HTML tag.
+
+#### releaseBranch
+
+Currently, `releaseBranch` works with `isLinkExternal={true}`.
+
+`releaseBranch` is used to provide different links for different environments.
+`releaseBranch` could be `master`, `test`, `staging` and `release`,
+and each would generate corresponding links.
+EX:
+If you pass `releaseBranch="master"`, then the logo link would be `http://localhost:3000`.
+If you pass `releaseBranch="test"`, then the logo link would be `http://localhost:3000`.
+If you pass `releaseBranch="staging"`, then the logo link would be `https://staging.twreporter.org`
+If you pass `releaseBranch="release"`, then the logo link would be `https://www.twreporter.org`
+If you want to know more about how we generate links, please check `src/utils/links.js` out
+
+#### theme
+
+You can pass `theme` prop into standalone and dependent header to have different styles.
+So far, `theme` supports the following values, including `normal`, `index`, `photography` and `transparent`.
+You also can check the following theme lookup table for more information.
+
+```javascript
+{
+  normal: {
+    fontColor: '#262626',
+    backgroundColor: '#f1f1f1',
+    logo: 'logo with black color fonts',
+  },
+  index: {
+    fontColor: '#262626',
+    backgroundColor: '#fff',
+    logo: 'logo with black color fonts',
+  },
+  photography: {
+    fontColor: '#fff',
+    backgroundColor: '#08192d',
+    logo: 'logo with white color fonts',
+  },
+  transparent: {
+    fontColor: '#fff',
+    backgroundColor: 'transparent',
+    logo: 'logo with white color fonts',
+  },
+}
+```
+
+#### TODO for theme customization
+
+So far, the clients can not customize `fontColor`, `backgroundColor` and `logo` by themeselves.
+However, we could support `theme` either to be string or to be an object like the following spec.
+
+```javascript
+@typedef  {Object} theme
+@property {string} theme.bgColor
+@property {string} theme.fontColor
+@property {React.Element} theme.logo
+```

package/lib/actions/auth.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAccessToken = getAccessToken;
+exports["default"] = void 0;
+
+var _actionTypes = _interopRequireDefault(require("../constants/action-types"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _errorActionCreators = _interopRequireDefault(require("./error-action-creators"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// lodash
+var _ = {
+  get: _get["default"]
+};
+var timeout = 5000;
+/**
+ *  Send POST method request with Cookie in the headers
+ *  to fetch the access_token.
+ *
+ *  @param {string} [cookieList] - cookieList contains `id_token` cookie
+ *  @return {Function} returned function will get executed by the Redux Thunk middleware
+ */
+
+function getAccessToken(cookieList) {
+  /**
+   *  @param {Function} dispatch - Redux store dispatch function
+   *  @param {Function} getState - Redux store getState function
+   *  @return {Promise} resolve with success action and reject with fail action
+   */
+  return function (dispatch, getState) {
+    var state = getState();
+
+    var apiOrigin = _.get(state, 'origins.api', '');
+
+    var url = "".concat(apiOrigin, "/v2/auth/token");
+    var headers = {};
+
+    if (cookieList) {
+      headers.Cookie = cookieList;
+    }
+
+    var options = {
+      timeout: timeout,
+      headers: headers,
+      withCredentials: true
+    };
+
+    var interceptor = _axios["default"].interceptors.request.use(function (config) {
+      var method = config.method,
+          url = config.url,
+          headers = config.headers,
+          data = config.data,
+          withCredentials = config.withCredentials,
+          timeout = config.timeout;
+      dispatch({
+        type: _actionTypes["default"].REQUEST_AUTH,
+        payload: {
+          method: method,
+          config: {
+            timeout: timeout,
+            withCredentials: withCredentials
+          },
+          url: url,
+          headers: headers,
+          body: data
+        }
+      });
+
+      _axios["default"].interceptors.request.eject(interceptor);
+
+      return config;
+    });
+
+    return _axios["default"].post(url, null, options).then(function (axiosRes) {
+      var successAction = {
+        type: _actionTypes["default"].AUTH_SUCCESS,
+        payload: {
+          headers: axiosRes.headers,
+          statusCode: axiosRes.status,
+          data: _.get(axiosRes, 'data.data')
+        }
+      };
+      dispatch(successAction);
+      return successAction;
+    })["catch"](function (err) {
+      var failAction = _errorActionCreators["default"].axios(err, _actionTypes["default"].AUTH_FAILURE);
+
+      dispatch(failAction);
+      return Promise.reject(failAction);
+    });
+  };
+}
+
+var _default = {
+  getAccessToken: getAccessToken
+};
+exports["default"] = _default;