asyncAction.js

/** @type {PayloadActionCreator<string>} */
const removeItemStarted = declareAction()
/** @type {PayloadActionCreator<string>} */
const removeItemCompleted = declareAction()
/** @type {PayloadActionCreator<string>} */
const removeItemFailed = declareAction()

/**
 * @param {string} itemId
 * @param {Store} store
 */
async function removeItemImpl(itemId, store) {
	store.dispatch(
		removeItemStarted(itemId)
	)

	const api = store.getState(apiAtom)
	const itemRemoved = await api.removeItem(itemId)

	if (itemRemoved)
	{
		store.dispatch(
			removeItemCompleted(itemId)
		)
	}
	else
	{
		store.dispatch(
			removeItemFailed(itemId)
		)
	}
}
const removeItem = declareAction(removeItemImpl)