confirmComponent.js

// this is example data and will be replaced with the actual components when they are made public
import React, { Component } from 'react'
import { connect } from 'react-redux'

import styles from './Confirm.less'

const Confirm = props => {
  return (
    (props.isOpen && (
      <section className={styles.confirmWrapper}>
        <section className={styles.Confirm}>
          <h1>{props.prompt}</h1>
        <footer>
          <ButtonGroup className={styles.buttons}>
            <Button
              onClick={() => {
                props.callback(true)
                props.dispatch({ type: 'REMOVE_CONFIRM'})
              }}
              text="Continue"
            />
            <Button
              onClick={() => {
                props.callback(false)
                props.dispatch({ type: 'REMOVE_CONFIRM'})
              }}
              text="Cancel"
            />
          </ButtonGroup>
        </footer>
        </section>
      </section>
    )) ||
    null
  )
}

export default connect(state => state.confirm)(Confirm)

confirmStore.js

const initialState = { isOpen: false }

export function confirm(state = initialState, action) {
  switch (action.type) {
    case 'NEW_CONFIRM':
      return { isOpen: true, ...action.data }
    case 'REMOVE_CONFIRM':
      return { isOpen: false }
    default:
      return state
  }
}

export function zConfirm(data) {
  if (!data.prompt) {
    console.error('cannot confirm without a prompt')
  }
  if (!data.callback) {
    console.error('cannot confirm without a callback')
  }
  return({
    type: 'NEW_CONFIRM',
    data
  })
}

implementation.js

zConfirm({
  prompt: 'string',
  callback: result => {
    if(result){
      // execute if confirmed
    }
    else{}
  }
})