@open-tender/store/dist/esm/components/ItemOption.js

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

import { __assign } from "tslib";
import { useModifier } from '@open-tender/utils';
import React from 'react';
import { useAppDispatch, useAppSelector } from '../app/hooks';
import { selectKioskApi, selectKioskConfig, setCurrentOption } from '../slices';
var ItemOption = function (_a) {
    var handlers = _a.handlers, group = _a.group, option = _a.option, levels = _a.levels, placeholder = _a.placeholder, children = _a.children, _b = _a.configName, configName = _b === void 0 ? 'itemOption' : _b;
    var dispatch = useAppDispatch();
    var apiUrl = useAppSelector(selectKioskApi);
    var _c = useAppSelector(selectKioskConfig), _d = configName, config = _c[_d];
    var toggleOption = handlers.toggleOption, incrementOption = handlers.incrementOption, decrementOption = handlers.decrementOption, setOptionQuantity = handlers.setOptionQuantity;
    var allergenAlerts = [];
    var modifier = useModifier(group, option, levels, toggleOption, incrementOption, decrementOption, setOptionQuantity, allergenAlerts);
    var showNested = function () {
        // dispatch(setCurrentOption(modifier))
        var currentOption = {
            groupId: group.id,
            optionId: option.id,
            levels: modifier.updatedLevels
        };
        dispatch(setCurrentOption(currentOption));
    };
    if (!config)
        return null;
    return children({
        config: config,
        handlers: __assign({ showNested: showNested }, handlers),
        group: group,
        option: modifier,
        groupOption: option,
        apiUrl: apiUrl,
        placeholder: placeholder
    });
};
export default React.memo(ItemOption);