import * as settings from "constants/settings";
import { createSelector } from "reselect";
import { selectAllClaimsByChannel, selectClaimsById } from "./claims";

// get the entire subscriptions state
const _selectState = state => state.subscriptions || {};

// list of saved channel names and uris
export const selectSubscriptions = createSelector(
  _selectState,
  state => state.subscriptions
);

export const selectSubscriptionsFromClaims = createSelector(
  selectAllClaimsByChannel,
  selectClaimsById,
  selectSubscriptions,
  (channelIds, allClaims, savedSubscriptions) => {
    // no claims loaded yet
    if (!Object.keys(channelIds).length) {
      return [];
    }

    let fetchedSubscriptions = [];

    savedSubscriptions.forEach(subscription => {
      let channelClaims = [];

      // if subscribed channel has content
      if (channelIds[subscription.uri]) {
        // This will need to be more robust, we will want to be able to load more than the first page
        const pageOneChannelIds = channelIds[subscription.uri]["1"];

        // we have the channel ids and the corresponding claims
        // loop over the list of ids and grab the claim
        pageOneChannelIds.forEach(id => {
          const grabbedClaim = allClaims[id];
          channelClaims.push(grabbedClaim);
        });
      }

      // all we really need is a uri for each claim
      channelClaims = channelClaims.map(claim => {
        return `${claim.name}#${claim.claim_id}`;
      })

      fetchedSubscriptions.push({
        claims: channelClaims,
        channelName: subscription.channelName,
        uri: subscription.uri,
      });
    });

    return fetchedSubscriptions;
  }
);