selectors.js

import { createSelector } from 'reselect'
import pickBy from 'lodash/fp/pickBy'
import moment from 'moment'

import {
    FILTERS,
    STATUS,
    DOC_TIME_EST,
    IMPORT_TYPE as TYPE,
    IMPORT_TYPE_DISPLAY as TYPE_DISPLAY,
    DOWNLOAD_STATUS as DL_STAT,
} from './constants'

export const imports = state => state.imports

export const importStatus = createSelector(imports, state => state.importStatus)
export const downloadData = createSelector(imports, state => state.downloadData)
export const downloadDataFilter = createSelector(
    imports,
    state => state.downloadDataFilter,
)
export const fail = createSelector(imports, state => state.fail)
export const success = createSelector(imports, state => state.success)
export const totals = createSelector(imports, state => state.totals)
const completed = createSelector(imports, state => state.completed)
export const allowTypes = createSelector(imports, state => state.allowTypes)
export const loadingMsg = createSelector(imports, state => state.loadingMsg)

export const blobUrl = createSelector(imports, state => state.blobUrl)

/**
 * Currently only used for analytics; derive the import type from `allowTypes` state
 */
export const allowTypesString = createSelector(allowTypes, state => {
    const val = []

    for (const type in state) {
        if (state[type]) {
            val.push(TYPE_DISPLAY[type])
        }
    }

    return val.join('+')
})

// TODO: Mocked out for now due to UI performance issues with show details views
export const showDownloadDetails = () => false
// export const showDownloadDetails = createSelector(
//     imports,
//     state => state.showDownloadDetails,
// )

// Adv settings mode
export const concurrency = createSelector(imports, state => state.concurrency)
export const processErrors = createSelector(
    imports,
    state => state.processErrors,
)
export const bookmarkImports = createSelector(
    imports,
    state => state.bookmarkImports,
)
export const indexTitle = createSelector(imports, state => state.indexTitle)

const getImportStatusFlag = status =>
    createSelector(importStatus, importStatus => importStatus === status)

// Main import state selectors
export const isLoading = getImportStatusFlag(STATUS.LOADING)
export const isIdle = getImportStatusFlag(STATUS.IDLE)
export const isRunning = getImportStatusFlag(STATUS.RUNNING)
export const isPaused = getImportStatusFlag(STATUS.PAUSED)
export const isStopped = getImportStatusFlag(STATUS.STOPPED)
export const shouldRenderEsts = createSelector(
    isIdle,
    isLoading,
    (idle, loading) => idle || loading,
)
export const shouldRenderProgress = createSelector(
    isRunning,
    isPaused,
    (running, paused) => running || paused,
)

/**
 * Derives ready-to-use download details data (rendered into rows).
 * Performs a filter depending on the current projection selected in UI,
 * as well as map from store data to UI data.
 */
export const downloadDetailsData = createSelector(
    downloadData,
    downloadDataFilter,
    (downloadData, filter) => {
        if (filter !== FILTERS.ALL) {
            downloadData = downloadData.filter(({ status }) => {
                switch (filter) {
                    case FILTERS.SUCC:
                        return status !== DL_STAT.FAIL
                    case FILTERS.FAIL:
                        return status === DL_STAT.FAIL
                    default:
                        return true
                }
            })
        }

        return downloadData.map(({ url, status, error }) => ({
            url,
            downloaded: status,
            error,
        }))
    },
)

const getProgress = (success, fail, total, allow) => ({
    total: allow ? total : 0,
    success,
    fail,
    complete: success + fail,
})

/**
 * Derives progress state from completed + total state counts.
 */
export const progress = createSelector(
    success,
    fail,
    totals,
    allowTypes,
    (...args) => ({
        [TYPE.HISTORY]: getProgress(...args.map(arg => arg[TYPE.HISTORY])),
        [TYPE.BOOKMARK]: getProgress(...args.map(arg => arg[TYPE.BOOKMARK])),
        [TYPE.OTHERS]: getProgress(...args.map(arg => arg[TYPE.OTHERS])),
    }),
)

export const successCount = createSelector(
    progress,
    allowTypes,
    (progress, allowTypes) =>
        (allowTypes.h ? progress[TYPE.HISTORY].success : 0) +
        (allowTypes.b ? progress[TYPE.BOOKMARK].success : 0) +
        (allowTypes.o ? progress[TYPE.OTHERS].success : 0),
)

export const failCount = createSelector(
    progress,
    allowTypes,
    (progress, allowTypes) =>
        (allowTypes.h ? progress[TYPE.HISTORY].fail : 0) +
        (allowTypes.b ? progress[TYPE.BOOKMARK].fail : 0) +
        (allowTypes.o ? progress[TYPE.OTHERS].fail : 0),
)

export const progressPercent = createSelector(
    progress,
    allowTypes,
    (progress, allowTypes) => {
        const total =
            (allowTypes[TYPE.HISTORY] ? progress[TYPE.HISTORY].total : 0) +
            (allowTypes[TYPE.BOOKMARK] ? progress[TYPE.BOOKMARK].total : 0) +
            (allowTypes[TYPE.OTHERS] ? progress[TYPE.OTHERS].total : 0)

        const complete =
            (allowTypes[TYPE.HISTORY] ? progress[TYPE.HISTORY].complete : 0) +
            (allowTypes[TYPE.BOOKMARK] ? progress[TYPE.BOOKMARK].complete : 0) +
            (allowTypes[TYPE.OTHERS] ? progress[TYPE.OTHERS].complete : 0)
        return (complete / total) * 100
    },
)

// Util formatting functions for download time estimates
const getHours = time => Math.floor(time / 3600).toFixed(0)
const getMins = time =>
    Math.floor((time - getHours(time) * 3600) / 60).toFixed(0)
const getPaddedMins = time =>
    getMins(time) < 10 ? `0${getMins(time)}` : getMins(time)
const getTimeEstStr = time => {
    const timeEstimate = `${getHours(time)}:${getPaddedMins(time)}`
    return timeEstimate === '0:00'
        ? timeEstimate
        : moment.duration(timeEstimate).humanize()
}
const getEstimate = (complete, remaining) => ({
    complete,
    remaining,
    timeRemaining: getTimeEstStr(remaining * DOC_TIME_EST),
})

/**
 * Derives estimates state from completed + total state counts.
 */
export const estimates = createSelector(
    completed,
    totals,
    (completed, totals) => ({
        [TYPE.HISTORY]: getEstimate(
            completed[TYPE.HISTORY],
            totals[TYPE.HISTORY],
        ),
        [TYPE.BOOKMARK]: getEstimate(
            completed[TYPE.BOOKMARK],
            totals[TYPE.BOOKMARK],
        ),
        [TYPE.OTHERS]: getEstimate(completed[TYPE.OTHERS], totals[TYPE.OTHERS]),
    }),
)

export const isStartBtnDisabled = createSelector(
    allowTypes,
    estimates,
    (allowTypes, estimates) => {
        const pickByAllowedTypes = pickBy(
            (isAllowed, type) => isAllowed || isAllowed !== '',
        )

        // Map-reduce the remaining (allowed) estimates to disable button when remaining is 0
        const noImportsRemaining = Object.keys(pickByAllowedTypes(allowTypes))
            .map(importType => estimates[importType].remaining === 0)
            .reduce((prev, curr) => prev && curr, true)

        const allCheckboxesDisabled =
            !allowTypes[TYPE.HISTORY] &&
            !allowTypes[TYPE.BOOKMARK] &&
            allowTypes[TYPE.OTHERS] === ''

        return allCheckboxesDisabled || noImportsRemaining
    },
)