@twreporter/redux 8.4.5 → 8.5.0-rc.1

package/lib/actions/auth.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 exports.getAccessToken = getAccessToken;
+exports.getJaiAbTestGroup = getJaiAbTestGroup;
 var _url = require("../utils/url");
 var _actionTypes = _interopRequireDefault(require("../constants/action-types"));
 var _apiConfig = _interopRequireDefault(require("../constants/api-config"));
+var _apiEndpoints = _interopRequireDefault(require("../constants/api-endpoints"));
 var _axios = _interopRequireDefault(require("axios"));
 var _errorActionCreators = _interopRequireDefault(require("./error-action-creators"));
 var _reduxStateFieldNames = _interopRequireDefault(require("../constants/redux-state-field-names"));
@@ -87,6 +89,58 @@ function getAccessToken(cookieList) {
     });
   };
 }
+
+/**
+ * Fetch the JAI A/B test group for authenticated or anonymous visitors.
+ * Call on target-page entry after authentication settles, and refetch if auth changes.
+ * @param {string} [cookieList] - Forwarded request cookies for server-side use.
+ * Browsers send cookies automatically via withCredentials.
+ * Responses from a previous auth revision or during authentication are ignored.
+ * @return {Function} Redux thunk resolving with success or rejecting with failure.
+ */
+function getJaiAbTestGroup(cookieList) {
+  return function (dispatch, getState) {
+    var state = getState();
+    var apiOrigin = _.get(state, [_reduxStateFieldNames["default"].origins, 'api']);
+    var url = (0, _url.formURL)(apiOrigin, "/v3/".concat(_apiEndpoints["default"].jaiAbTestGroup));
+    var headers = {};
+    var accessToken = _.get(state, [_reduxStateFieldNames["default"].auth, 'accessToken']);
+    var authRevision = _.get(state, [_reduxStateFieldNames["default"].auth, 'authRevision'], 0);
+    if (_.get(state, [_reduxStateFieldNames["default"].auth, 'isAuthed']) && accessToken) {
+      headers.Authorization = "Bearer ".concat(accessToken);
+    }
+    if (cookieList) {
+      headers.Cookie = cookieList;
+    }
+    dispatch({
+      type: _actionTypes["default"].jaiAbTestGroup.read.request,
+      url: url
+    });
+    return _axios["default"].get(url, {
+      timeout: timeout,
+      headers: headers,
+      withCredentials: true
+    }).then(function (res) {
+      var successAction = {
+        type: _actionTypes["default"].jaiAbTestGroup.read.success,
+        payload: {
+          data: res.data,
+          statusCode: res.status
+        },
+        meta: {
+          authRevision: authRevision
+        }
+      };
+      dispatch(successAction);
+      return successAction;
+    })["catch"](function (err) {
+      var failAction = _errorActionCreators["default"].axios(err, _actionTypes["default"].jaiAbTestGroup.read.failure);
+      dispatch(failAction);
+      return Promise.reject(failAction);
+    });
+  };
+}
 var _default = exports["default"] = {
-  getAccessToken: getAccessToken
+  getAccessToken: getAccessToken,
+  getJaiAbTestGroup: getJaiAbTestGroup
 };

package/lib/actions/index.js

@@ -36,6 +36,7 @@ var _default = exports["default"] = {
   fetchTopics: _topics.fetchTopics,
   fetchLatestTags: _latest.fetchLatestTags,
   getAccessToken: _auth.getAccessToken,
+  getJaiAbTestGroup: _auth.getJaiAbTestGroup,
   getMultipleBookmarks: _bookmarks.getMultipleBookmarks,
   getSingleBookmark: _bookmarks.getSingleBookmark,
   searchAuthorsIfNeeded: _authors.searchAuthorsIfNeeded,

package/lib/constants/action-types.js

@@ -10,6 +10,14 @@ var _default = exports["default"] = {
   AUTH_SUCCESS: 'grant_authorization_success',
   AUTH_FAILURE: 'grant_authorization_failure',
   AUTH_CLEAR: 'clear_authorization',
+  // jai ab test
+  jaiAbTestGroup: {
+    read: {
+      request: 'request to fetch jai ab test group',
+      success: 'success to fetch jai ab test group',
+      failure: 'fail to fetch jai ab test group'
+    }
+  },
   /**
    * @deprecated
    * keep these three action types here for backward compatibility.

package/lib/constants/api-endpoints.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _default = exports["default"] = {
+  jaiAbTestGroup: 'jai-ab-test-group',
   topics: 'topics',
   indexPage: 'index_page',
   indexPageCategories: 'index_page_categories',

package/lib/reducers/auth.js

@@ -8,8 +8,12 @@ var _actionTypes = _interopRequireDefault(require("../constants/action-types"));
 var _jwt = _interopRequireDefault(require("../utils/jwt"));
 var _get = _interopRequireDefault(require("lodash/get"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-// lodash
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // lodash
 var _ = {
   get: _get["default"]
 };
@@ -19,13 +23,15 @@ var initState = {
   lastAction: null,
   isAuthed: false,
   isRequesting: false,
-  userInfo: null
+  userInfo: null,
+  authRevision: 0
 };
 
 /**
  *  @param {Object} state - redux state
  *  @param {boolean} state.isRequesting - requst is in progress
  *  @param {boolean} state.isAuthed - indicates if authorization succeeds
+ *  @param {number} state.authRevision - invalidates group requests across auth changes
  *  @param {Object} state.lastAction - last redux action for debugging
  *  @param {string} state.lastAction.actionType
  *  @param {Object} state.lastAction.actionPayload
@@ -33,6 +39,7 @@ var initState = {
  *  @param {number} state.userInfo.user_id - id of user
  *  @param {string} state.userInfo.jwt - access_token granted for the user
  *  @param {string} state.userInfo.email - email of the user
+ *  @param {'A'|'B'|'none'} state.userInfo.jai_ab_test_group - JAI experiment group
  *  @param {Object} action - redux action
  *  @param {string} action.type
  *  @param {Object} action.payload - response of API server
@@ -44,14 +51,28 @@ function auth() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initState;
   var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
+    case _actionTypes["default"].jaiAbTestGroup.read.success:
+      {
+        if (_.get(action, 'meta.authRevision') !== (state.authRevision || 0) || state.isRequesting) {
+          return state;
+        }
+        return _objectSpread(_objectSpread({}, state), {}, {
+          userInfo: _objectSpread(_objectSpread({}, state.userInfo), {}, {
+            jai_ab_test_group: _.get(action, 'payload.data.jai_ab_test_group')
+          })
+        });
+      }
     case _actionTypes["default"].AUTH_CLEAR:
       {
         // return empty state
-        return initState;
+        return _objectSpread(_objectSpread({}, initState), {}, {
+          authRevision: (state.authRevision || 0) + 1
+        });
       }
     case _actionTypes["default"].REQUEST_AUTH:
       {
         return {
+          authRevision: (state.authRevision || 0) + 1,
           accessToken: initState.accessToken,
           lastAction: {
             type: action.type,
@@ -65,6 +86,7 @@ function auth() {
     case _actionTypes["default"].AUTH_FAILURE:
       {
         return {
+          authRevision: (state.authRevision || 0) + 1,
           accessToken: initState.accessToken,
           lastAction: {
             type: action.type,
@@ -80,6 +102,7 @@ function auth() {
         var jwt = _.get(action, 'payload.data.jwt', '');
         var userInfo = _jwt["default"].decodePayload(jwt);
         return {
+          authRevision: (state.authRevision || 0) + 1,
           accessToken: jwt,
           lastAction: {
             type: action.type,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/redux",
-  "version": "8.4.5",
+  "version": "8.5.0-rc.1",
   "description": "redux actions and reducers for twreporter website",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -49,5 +49,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "a193e076974c1ff1b549921d44664634b31dc5da"
+  "gitHead": "7f68cb78aa018f86cf7478651b8e1818c2e57b7b"
 }