Model w/ factories

compose.js

export function compose (factories) {
  return function ontoEntity (entity) {
    const factoryAdditions = factories.reduce((composed, fn) => {
      return { ...composed, ...fn(entity) };
    }, {});

    return {
      ...entity,
      ...factoryAdditions
    };
  };
}

market.model.js

// Factories
export function withCityState(mkt) {
  return {
    cityState: (mkt.city && mkt.state) 
      && `${mkt.city}, ${mkt.state}`
  };
}

subscriber.model.js

import get from 'lodash.get'
import { withCityState } from './market.model'

// Factories
export function withFullName (sub) {
  return {
    fullName: `${sub.firstName}, ${sub.middleName}, ${sub.lastName}`
  };
}

export function withMarket (sub) {
  return {
    market: compose([withCityState])(sub.market)
  };
}

export function currentStatus (sub) {
  return {
    currentStatus: statuses.find(
      (status) => get(sub, 'status', '').toLowerCase() === status.value
    )
  };
}

export function currentIndicator (sub) {
  return {
    currentIndicator: indicators.find(
      (indicator) => get(sub, 'indicator', '') === indicator.value
    )
  };
}

subscriber.service.js

import axios from 'axios';
import { compose } from 'utils/compose'
import { withFullName, withMarket, currentStatus, currentIndicator } from 'models/subscriber.model';

function Subscriber(data) {
  return compose([
    withFullName, 
    withMarket, 
    currentStatus, 
    currentIndicator
  ])(data);
}

export function getAll() {
  return axios.get('/subscribers').then(({ data }) => {
    return data.map(Subscriber);
  })
}