Redux Observables / RxJS: How to make epic that returns different actions based on if / else?

Question

I am trying to hook up my app with in app purchases using this: https://github.com/chirag04/react-native-in-app-utils

I have an epic where I want to emit success if it succeeds, and failure if it fails. Something like this:

import 'rxjs';
import { InAppUtils } from 'NativeModules';

import * as packagesActions from '../ducks/packages';
import * as subscriptionActions from '../ducks/subscription';

export default function createSubscription(action$, store) {
  return action$.ofType(packagesActions.SELECT)
    .mergeMap(action => {
      const productId = action.payload;
      InAppUtils.purchaseProduct(productId, (error, response) => {
        if(response && response.productIdentifier) {
          return subscriptionActions.subscribeSuccess();
        } else {
          return subscriptionActions.subscribeFailure();
        }
      });
    });
};

However I'm not sure how to write the contents of mergeMap. Is there a way to do this?

cartant · Answer 1 · 2017-04-03T08:33:52.013

3

InAppUtils.purchaseProduct appears to use a Node-style callback. There is an RxJS static method that can be used to create an observable from such an API call: bindNodeCallback.

Within your mergeMap, you should be able to do something like this

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/bindNodeCallback';
import 'rxjs/add/observable/of';

...
.mergeMap(action => {
  const productId = action.payload;
  const bound = Observable.bindNodeCallback((callback) => InAppUtils.purchaseProduct(productId, callback));
  return bound()
    .map(response => subscriptionActions.subscribeSuccess())
    .catch(error => Observable.of(subscriptionActions.subscribeFailure()));
});

edited Apr 03 '17 at 08:33

answered Apr 02 '17 at 05:23

cartant

57,105
17
163
197

1

You need to add a `return` in front of `bound()` because `mergeMap` expects an observable as a return value in its callback :) – Sebastian Sebald Apr 03 '17 at 08:23
@Sebastian Well spotted. Thanks. – cartant Apr 03 '17 at 08:34

Redux Observables / RxJS: How to make epic that returns different actions based on if / else?

1 Answers1