flexor-web/src/app/actions/forms.ts

import { Action } from 'redux'
import { NotificationType, FormValue } from '../types'

export interface InitFormAction extends Action {
    type: 'FORMS_INIT'
}

export interface InitFieldAction extends Action {
    type: 'FORMS_INIT_FIELD'
    payload: {
        name: string
        value: FormValue
        apiName?: string
    }
}

export interface SetFieldValueAction extends Action {
    type: 'FORMS_SET_FIELD_VALUE'
    payload: {
        name: string
        value: FormValue
    }
}

export interface SetFormNotificationAction extends Action {
    type: 'FORMS_SET_FORM_NOTIFICATION'
    payload: {
        type: NotificationType
        message: string
    }
}

export interface SetFieldNotificationAction extends Action {
    type: 'FORMS_SET_FIELD_NOTIFICATION'
    payload: {
        name: string
        type: NotificationType
        message: string
    }
}

export type FormsActions = InitFormAction | InitFieldAction | SetFieldValueAction | SetFormNotificationAction | SetFieldNotificationAction

export const initForm = (): InitFormAction => ({
    type: 'FORMS_INIT',
})

export const initField = (name: string, value: FormValue, apiName?: string): InitFieldAction => ({
    type: 'FORMS_INIT_FIELD',
    payload: {
        name,
        value,
        apiName,
    },
})

export const setFieldValue = (name: string, value: FormValue): SetFieldValueAction => ({
    type: 'FORMS_SET_FIELD_VALUE',
    payload: {
        name,
        value,
    },
})

export const setFormNotification = (type: NotificationType, message: string): SetFormNotificationAction => ({
    type: 'FORMS_SET_FORM_NOTIFICATION',
    payload: {
        type,
        message,
    }
})

export const setFieldNotification = (name: string, type: NotificationType, message: string): SetFieldNotificationAction => ({
    type: 'FORMS_SET_FIELD_NOTIFICATION',
    payload: {
        name,
        type,
        message,
    }
})