remimi
Version:
Redux Mixpanel Middleware
95 lines (73 loc) • 4.56 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
exports.default = mixpanelMiddleware;
var _mixpanelBrowser = require('mixpanel-browser');
var _mixpanelBrowser2 = _interopRequireDefault(_mixpanelBrowser);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var identity = function identity(value) {
return value;
};
var renameEventData = function renameEventData(object, propFormatter, valFormatter) {
return Object.keys(object).reduce(function (memo, key) {
memo[propFormatter(key)] = valFormatter(object[key]);
return memo;
}, {});
};
function mixpanelMiddleware(token) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
_mixpanelBrowser2.default.init(token, options.config);
var personSelector = options.personSelector,
uniqueIdSelector = options.uniqueIdSelector,
_options$actionTypeFo = options.actionTypeFormatter,
actionTypeFormatter = _options$actionTypeFo === undefined ? identity : _options$actionTypeFo,
_options$propertyForm = options.propertyFormatter,
propertyFormatter = _options$propertyForm === undefined ? identity : _options$propertyForm,
_options$valueFormatt = options.valueFormatter,
valueFormatter = _options$valueFormatt === undefined ? identity : _options$valueFormatt;
return function (store) {
return function (next) {
return function (action) {
var type = action.type,
_action$meta = action.meta;
_action$meta = _action$meta === undefined ? {} : _action$meta;
var _action$meta$mixpanel = _action$meta.mixpanel;
_action$meta$mixpanel = _action$meta$mixpanel === undefined ? {} : _action$meta$mixpanel;
var customType = _action$meta$mixpanel.type,
eventName = _action$meta$mixpanel.eventName,
timeEvent = _action$meta$mixpanel.timeEvent,
mixpanelPayload = _action$meta$mixpanel.props,
increment = _action$meta$mixpanel.increment;
var result = next(action);
if (eventName) {
if (personSelector && uniqueIdSelector) {
var person = personSelector(store.getState());
_mixpanelBrowser2.default.identify(uniqueIdSelector(store.getState()));
_mixpanelBrowser2.default.people.set(person);
}
var data = (typeof mixpanelPayload === 'undefined' ? 'undefined' : _typeof(mixpanelPayload)) === 'object' ? mixpanelPayload : {};
_mixpanelBrowser2.default.track(actionTypeFormatter(eventName), _extends({}, renameEventData(data, propertyFormatter, valueFormatter), {
action: actionTypeFormatter(customType || type)
}));
}
if (timeEvent) {
_mixpanelBrowser2.default.time_event(timeEvent);
}
if (Array.isArray(increment)) {
_mixpanelBrowser2.default.people.increment(propertyFormatter(increment[0]), increment[1]);
} else if (increment === Object(increment)) {
_mixpanelBrowser2.default.people.increment(Object.keys(increment).reduce(function (inc, key) {
return _extends({}, inc, _defineProperty({}, propertyFormatter(key), increment[key]));
}, {}));
} else if (increment) {
_mixpanelBrowser2.default.people.increment(propertyFormatter(increment));
}
return result;
};
};
};
}