@open-tender/store/dist/esm/slices/allergens.js

A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API

var _a;
import { __assign, __awaiter, __generator } from "tslib";
import { createAsyncThunk, createSelector, createSlice } from '@reduxjs/toolkit';
import { ReducerType } from './types';
var initialState = {
    entities: [],
    error: null,
    loading: 'idle',
    selectedAllergens: null
};
export var AllergensActionType;
(function (AllergensActionType) {
    AllergensActionType["FetchAllergens"] = "allergens/fetchAllergens";
})(AllergensActionType || (AllergensActionType = {}));
export var fetchAllergens = createAsyncThunk(AllergensActionType.FetchAllergens, function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
    var api, data, err_1;
    var getState = _b.getState, rejectWithValue = _b.rejectWithValue;
    return __generator(this, function (_c) {
        switch (_c.label) {
            case 0:
                _c.trys.push([0, 2, , 3]);
                api = getState().config.api;
                return [4 /*yield*/, api.getAllergens()];
            case 1:
                data = _c.sent();
                return [2 /*return*/, { data: data }];
            case 2:
                err_1 = _c.sent();
                return [2 /*return*/, rejectWithValue(err_1)];
            case 3: return [2 /*return*/];
        }
    });
}); });
var allergensSlice = createSlice({
    name: ReducerType.Allergens,
    initialState: initialState,
    reducers: {
        resetAllergens: function (state) { return (__assign(__assign({}, initialState), { entities: state.entities })); },
        setSelectedAllergens: function (state, action) {
            state.selectedAllergens = action.payload;
        }
    },
    extraReducers: function (builder) {
        builder
            .addCase(fetchAllergens.fulfilled, function (state, action) {
            state.entities = action.payload.data;
            state.loading = 'idle';
            state.error = null;
        })
            .addCase(fetchAllergens.pending, function (state) {
            state.loading = 'pending';
        })
            .addCase(fetchAllergens.rejected, function (state, action) {
            state.error = action.payload;
            state.loading = 'idle';
        });
    }
});
export var resetAllergens = (_a = allergensSlice.actions, _a.resetAllergens), setSelectedAllergens = _a.setSelectedAllergens;
export var selectAllergens = function (state) { return state.allergens; };
export var selectSelectedAllergens = function (state) {
    return state.allergens.selectedAllergens;
};
export var selectSelectedAllergenNames = createSelector(function (state) {
    var _a = state.allergens, allergens = _a.entities, selectedAllergens = _a.selectedAllergens;
    return { allergens: allergens, selectedAllergens: selectedAllergens };
}, function (_a) {
    var allergens = _a.allergens, selectedAllergens = _a.selectedAllergens;
    if (!selectedAllergens)
        return [];
    var selected = selectedAllergens.map(function (i) {
        var _a;
        var allergen = allergens.find(function (a) { return a.allergen_id === i.allergen_id; });
        return allergen ? (_a = allergen.name) !== null && _a !== void 0 ? _a : '' : '';
    });
    return selected;
});
export var allergensReducer = allergensSlice.reducer;