@licklist/design 0.66.12-dev.2 → 0.66.13

package/dist/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js

@@ -1,409 +1 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useCallback, useEffect } from 'react';
-import { useForm, useWatch, FormProvider } from 'react-hook-form';
-import { isEqual } from 'lodash';
-import { Form } from 'react-bootstrap';
-import { scrollToError } from '@licklist/plugins/dist/utils/ScrollUtils';
-import { usePreviousValue } from '@licklist/plugins/dist/hooks/Value/usePreviousValue';
-import { isFormValuesEmpty, getFirstErrorKey } from '@licklist/plugins/dist/utils/FormValues';
-import { useTranslation } from 'react-i18next';
-import { Category } from './components/Category.js';
-import { STEP_FORM_ID, MIN_SPEND_ERROR } from '../../constants.js';
-import { ErrorModal } from '../ErrorModal/ErrorModal.js';
-import { PageBody } from '../../../page/components/PageBody/PageBody.js';
-import { CalendarSelect } from '../../../../calendar/components/CalendarSelect/CalendarSelect.js';
-import { IframeEventVenueMap } from '../../../event/event-venue-map/IframeEventVenueMap.js';
-import { useCategoryVerification } from '../utils/useCategoryVerification.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var CalendarStepsForm = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var step = param.step, isLastMenuStep = param.isLastMenuStep, setFormValues = param.setFormValues, defaultValues = param.defaultValues, onSubmit = param.onSubmit, setFormErrors = param.setFormErrors, _param_id = param.id, id = _param_id === void 0 ? STEP_FORM_ID : _param_id, activeVenueMapId = param.activeVenueMapId, title = param.title, menuStepWithVenueMap = param.menuStepWithVenueMap, onActiveVenueMapChange = param.onActiveVenueMapChange, soldOutProducts = param.soldOutProducts;
-    var form = useForm({
-        defaultValues: defaultValues
-    });
-    var canvasRef = useRef(null);
-    var verifyCategoryItems = useCategoryVerification();
-    var control = form.control, errors = form.formState.errors, formState = form.formState, getValues = form.getValues, reset = form.reset, setError = form.setError, clearErrors = form.clearErrors;
-    var formValues = useWatch({
-        control: control
-    });
-    var prevErrors = usePreviousValue(errors);
-    var t = useTranslation("Design").t;
-    var _useState = _sliced_to_array(useState(""), 2), formStepError = _useState[0], setStepFormError = _useState[1];
-    var _useState1 = _sliced_to_array(useState(activeVenueMapId), 2), activeVenueMap = _useState1[0], setActiveVenueMap = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(undefined), 2), activePointId = _useState2[0], setActivePointId = _useState2[1];
-    var _useState3 = _sliced_to_array(useState([]), 2), products = _useState3[0], setProducts = _useState3[1];
-    useImperativeHandle(ref, function() {
-        return {
-            getFormValues: function() {
-                return getValues();
-            }
-        };
-    });
-    var onCloseProductModal = function() {
-        var _canvasRef_current;
-        (_canvasRef_current = canvasRef.current) === null || _canvasRef_current === void 0 ? void 0 : _canvasRef_current.setActiveElementKey(undefined);
-    };
-    var submitCurrentForm = function(values) {
-        if (isLastMenuStep && isFormValuesEmpty(values)) {
-            setStepFormError(t("pleaseSelectAtLeastFrom", {
-                min: 1,
-                type: "item",
-                from: "those categories"
-            }));
-            return;
-        }
-        var orderError = verifyCategoryItems(values, step.productCategories, isLastMenuStep);
-        if (orderError) {
-            var categoryId = orderError.id ? "category_".concat(orderError.id) : MIN_SPEND_ERROR;
-            setStepFormError(orderError.message);
-            setError(categoryId, {
-                message: orderError.message
-            });
-            return;
-        }
-        onSubmit(values);
-    };
-    var onErrorSubmit = function(submitErrors) {
-        scrollToError(getFirstErrorKey(submitErrors));
-        setStepFormError(t("pleaseCheckSelectedProducts"));
-    };
-    var venueMaps = useMemo(function() {
-        var _menuStepWithVenueMap_venueMapSet;
-        return menuStepWithVenueMap === null || menuStepWithVenueMap === void 0 ? void 0 : (_menuStepWithVenueMap_venueMapSet = menuStepWithVenueMap.venueMapSet) === null || _menuStepWithVenueMap_venueMapSet === void 0 ? void 0 : _menuStepWithVenueMap_venueMapSet.venueMaps;
-    }, [
-        menuStepWithVenueMap
-    ]);
-    var selectedVenueMap = useMemo(function() {
-        if (!venueMaps || !menuStepWithVenueMap) {
-            return null;
-        }
-        return venueMaps.find(function(venueMap) {
-            return String(venueMap.id) === String(activeVenueMap);
-        });
-    }, [
-        venueMaps,
-        activeVenueMap,
-        menuStepWithVenueMap
-    ]);
-    var selectOptions = useMemo(function() {
-        if (!venueMaps || !venueMaps.length || !menuStepWithVenueMap) return [];
-        var pointProducts = menuStepWithVenueMap.pointProducts;
-        var pointProductIds = pointProducts.map(function(pointProduct) {
-            return pointProduct.pointId;
-        });
-        return venueMaps.filter(function(param) {
-            var points = param.points;
-            return points.length && points.some(function(param) {
-                var id = param.id;
-                return pointProductIds.includes(id);
-            });
-        }).map(function(param) {
-            var name = param.name, id = param.id;
-            return {
-                label: name,
-                value: id
-            };
-        });
-    }, [
-        venueMaps,
-        menuStepWithVenueMap
-    ]);
-    var filteredPoint = useMemo(function() {
-        if (!selectedVenueMap) {
-            return [];
-        }
-        return selectedVenueMap.points.filter(function(point) {
-            return Boolean(menuStepWithVenueMap.pointProducts.find(function(pointProduct) {
-                return pointProduct.pointId === point.id;
-            }));
-        });
-    }, [
-        menuStepWithVenueMap,
-        selectedVenueMap
-    ]);
-    var getProductsUuids = useCallback(function(ids) {
-        var _step_productCategories;
-        if (!step || !(step === null || step === void 0 ? void 0 : (_step_productCategories = step.productCategories) === null || _step_productCategories === void 0 ? void 0 : _step_productCategories.length)) {
-            return [];
-        }
-        return step === null || step === void 0 ? void 0 : step.productCategories.reduce(function(prevValues, productCategory) {
-            var products = productCategory.products;
-            var filteredProducts = products.filter(function(currentProduct) {
-                return ids.includes(String(currentProduct.id));
-            });
-            if (filteredProducts.length) {
-                return _to_consumable_array(prevValues).concat(_to_consumable_array(filteredProducts.map(function(filteredProduct) {
-                    return filteredProduct.uuid;
-                })));
-            }
-            return prevValues;
-        }, []);
-    }, [
-        step
-    ]);
-    var handleOnActiveVenueMapChange = useCallback(function(nextVenueMapId) {
-        setActiveVenueMap(nextVenueMapId);
-        if (!onActiveVenueMapChange) return;
-        onActiveVenueMapChange(nextVenueMapId);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        onActiveVenueMapChange
-    ]);
-    var choosedProductUuids = useMemo(function() {
-        return getProductsUuids(Object.keys(formValues).filter(function(formKey) {
-            var _formValues_formKey, _formValues_formKey1;
-            return Boolean((_formValues_formKey = formValues[formKey]) === null || _formValues_formKey === void 0 ? void 0 : _formValues_formKey.id) && ((_formValues_formKey1 = formValues[formKey]) === null || _formValues_formKey1 === void 0 ? void 0 : _formValues_formKey1.quantity) >= 1;
-        }).map(function(key) {
-            return String(key);
-        }));
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        formValues,
-        getProductsUuids,
-        errors
-    ]);
-    var errorOnChoosedProductUuids = useMemo(function() {
-        var errorKeys = Object.keys(errors);
-        if (!errorKeys.length) {
-            return [];
-        }
-        return getProductsUuids(Object.keys(errors).map(function(key) {
-            return String(key);
-        }));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        errors,
-        getProductsUuids,
-        formState
-    ]);
-    var getStepProducts = function() {
-        if (!step.productCategories || !step.productCategories.length) {
-            return [];
-        }
-        return step.productCategories.reduce(function(prevProducts, currentCategory) {
-            return _to_consumable_array(prevProducts).concat(_to_consumable_array(currentCategory.products || []));
-        }, []);
-    };
-    useEffect(function() {
-        setProducts(getStepProducts());
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        step
-    ]);
-    useEffect(function() {
-        if (!venueMaps.length || activeVenueMap) return;
-        setActiveVenueMap(String(venueMaps[0].id));
-    }, [
-        venueMaps,
-        activeVenueMap
-    ]);
-    useEffect(function() {
-        setFormValues(formValues);
-        if (errors) {
-            setTimeout(clearErrors, 0);
-        }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        formValues
-    ]);
-    useEffect(function() {
-        if (isFormValuesEmpty(formValues)) return;
-        setStepFormError("");
-    }, [
-        formValues
-    ]);
-    useEffect(function() {
-        reset(defaultValues);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        defaultValues
-    ]);
-    useEffect(function() {
-        if (isEqual(errors, prevErrors) || !setFormErrors) return;
-        setFormErrors(errors);
-    }, [
-        errors,
-        prevErrors,
-        setFormErrors
-    ]);
-    useEffect(function() {
-        if (activeVenueMap === activeVenueMapId) return;
-        setActiveVenueMap(activeVenueMapId);
-    }, [
-        activeVenueMapId,
-        activeVenueMap
-    ]);
-    useEffect(function() {
-        setActivePointId(undefined);
-        onCloseProductModal();
-    }, [
-        activeVenueMap,
-        setActivePointId
-    ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsxs(PageBody.LeftBlock, {
-            title: title,
-            component: selectOptions.length > 1 && /*#__PURE__*/ jsx(CalendarSelect, {
-                value: activeVenueMapId,
-                onChange: handleOnActiveVenueMapChange,
-                options: selectOptions
-            }),
-            childrenClassName: "bordered",
-            children: [
-                /*#__PURE__*/ jsx(ErrorModal, {
-                    isOpen: Boolean(formStepError),
-                    messageKey: formStepError,
-                    onClose: function() {
-                        return setStepFormError("");
-                    }
-                }),
-                /*#__PURE__*/ jsx(Form, {
-                    onSubmit: form.handleSubmit(submitCurrentForm, onErrorSubmit),
-                    id: id,
-                    className: "category-steps-form",
-                    children: /*#__PURE__*/ jsx(FormProvider, _object_spread_props(_object_spread({}, form), {
-                        children: /*#__PURE__*/ jsx("div", {
-                            className: "position-relative",
-                            children: selectedVenueMap && /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx(IframeEventVenueMap, {
-                                        url: selectedVenueMap.image.url,
-                                        usedInIframe: true,
-                                        onPointClick: setActivePointId,
-                                        products: products,
-                                        points: filteredPoint,
-                                        pointProducts: menuStepWithVenueMap.pointProducts,
-                                        ref: canvasRef,
-                                        choosedProductUuids: choosedProductUuids,
-                                        errorOnChoosedProductUuids: errorOnChoosedProductUuids,
-                                        soldOutProducts: soldOutProducts
-                                    }),
-                                    /*#__PURE__*/ jsx(Category, {
-                                        productCategories: step === null || step === void 0 ? void 0 : step.productCategories,
-                                        activePointId: activePointId,
-                                        pointProducts: menuStepWithVenueMap.pointProducts,
-                                        onCloseModal: onCloseProductModal,
-                                        soldOutProducts: soldOutProducts
-                                    })
-                                ]
-                            })
-                        })
-                    }))
-                })
-            ]
-        })
-    });
-});
-CalendarStepsForm.displayName = "CalendarStepsForm";
-
-export { CalendarStepsForm };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-i18next"),u=require("react-bootstrap"),i=require("react-hook-form"),a=require("lodash"),s=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),l=require("../../../../calendar/components/CalendarSelect/CalendarSelect.js"),c=require("../../../page/components/PageBody/PageBody.js"),d=require("../../../event/event-venue-map/IframeEventVenueMap.js"),f=require("../../constants.js"),m=require("@licklist/plugins/dist/utils/ScrollUtils"),p=require("@licklist/plugins/dist/utils/FormValues"),v=require("./components/Category.js"),g=require("../ErrorModal/ErrorModal.js"),E=require("../utils/useCategoryVerification.js"),_=r.forwardRef((function(e,_){var S=e.step,C=e.isLastMenuStep,y=e.setFormValues,P=e.defaultValues,h=e.onSubmit,M=e.setFormErrors,q=e.id,V=void 0===q?f.STEP_FORM_ID:q,F=e.activeVenueMapId,b=e.title,k=e.menuStepWithVenueMap,j=e.onActiveVenueMapChange,I=e.soldOutProducts,O=i.useForm({defaultValues:P}),A=r.useRef(null),B=E.useCategoryVerification(),N=O.control,R=O.formState.errors,T=O.formState,x=O.getValues,D=O.reset,K=O.setError,L=O.clearErrors,U=i.useWatch({control:N}),W=s.usePreviousValue(R),w=o.useTranslation("Design").t,H=t.__read(r.useState(""),2),z=H[0],G=H[1],J=t.__read(r.useState(F),2),Q=J[0],X=J[1],Y=t.__read(r.useState(void 0),2),Z=Y[0],$=Y[1],ee=t.__read(r.useState([]),2),te=ee[0],re=ee[1];r.useImperativeHandle(_,(function(){return{getFormValues:function(){return x()}}}));var ne=function(){var e;null===(e=A.current)||void 0===e||e.setActiveElementKey(void 0)},oe=r.useMemo((function(){var e;return null===(e=null==k?void 0:k.venueMapSet)||void 0===e?void 0:e.venueMaps}),[k]),ue=r.useMemo((function(){return oe&&k?oe.find((function(e){return String(e.id)===String(Q)})):null}),[oe,Q,k]),ie=r.useMemo((function(){if(!oe||!oe.length||!k)return[];var e=k.pointProducts.map((function(e){return e.pointId}));return oe.filter((function(t){var r=t.points;return r.length&&r.some((function(t){var r=t.id;return e.includes(r)}))})).map((function(e){return{label:e.name,value:e.id}}))}),[oe,k]),ae=r.useMemo((function(){return ue?ue.points.filter((function(e){return Boolean(k.pointProducts.find((function(t){return t.pointId===e.id})))})):[]}),[k,ue]),se=r.useCallback((function(e){var r;return S&&(null===(r=null==S?void 0:S.productCategories)||void 0===r?void 0:r.length)?null==S?void 0:S.productCategories.reduce((function(r,n){var o=n.products.filter((function(t){return e.includes(String(t.id))}));return o.length?t.__spreadArray(t.__spreadArray([],t.__read(r),!1),t.__read(o.map((function(e){return e.uuid}))),!1):r}),[]):[]}),[S]),le=r.useCallback((function(e){X(e),j&&j(e)}),[j]),ce=r.useMemo((function(){return se(Object.keys(U).filter((function(e){var t,r;return Boolean(null===(t=U[e])||void 0===t?void 0:t.id)&&(null===(r=U[e])||void 0===r?void 0:r.quantity)>=1})).map((function(e){return String(e)})))}),[U,se,R]),de=r.useMemo((function(){return Object.keys(R).length?se(Object.keys(R).map((function(e){return String(e)}))):[]}),[R,se,T]);return r.useEffect((function(){re(S.productCategories&&S.productCategories.length?S.productCategories.reduce((function(e,r){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),t.__read(r.products||[]),!1)}),[]):[])}),[S]),r.useEffect((function(){oe.length&&!Q&&X(String(oe[0].id))}),[oe,Q]),r.useEffect((function(){y(U),R&&setTimeout(L,0)}),[U]),r.useEffect((function(){p.isFormValuesEmpty(U)||G("")}),[U]),r.useEffect((function(){D(P)}),[P]),r.useEffect((function(){!a.isEqual(R,W)&&M&&M(R)}),[R,W,M]),r.useEffect((function(){Q!==F&&X(F)}),[F,Q]),r.useEffect((function(){$(void 0),ne()}),[Q,$]),n.createElement(n.Fragment,null,n.createElement(c.PageBody.LeftBlock,{title:b,component:ie.length>1&&n.createElement(l.CalendarSelect,{value:F,onChange:le,options:ie}),childrenClassName:"bordered"},n.createElement(g.ErrorModal,{isOpen:Boolean(z),messageKey:z,onClose:function(){return G("")}}),n.createElement(u.Form,{onSubmit:O.handleSubmit((function(e){if(C&&p.isFormValuesEmpty(e))G(w("pleaseSelectAtLeastFrom",{min:1,type:"item",from:"those categories"}));else{var t=B(e,S.productCategories,C);if(t){var r=t.id?"category_".concat(t.id):f.MIN_SPEND_ERROR;return G(t.message),void K(r,{message:t.message})}h(e)}}),(function(e){m.scrollToError(p.getFirstErrorKey(e)),G(w("pleaseCheckSelectedProducts"))})),id:V,className:"category-steps-form"},n.createElement(i.FormProvider,t.__assign({},O),n.createElement("div",{className:"position-relative"},ue&&n.createElement(n.Fragment,null,n.createElement(d.IframeEventVenueMap,{url:ue.image.url,usedInIframe:!0,onPointClick:$,products:te,points:ae,pointProducts:k.pointProducts,ref:A,choosedProductUuids:ce,errorOnChoosedProductUuids:de,soldOutProducts:I}),n.createElement(v.Category,{productCategories:null==S?void 0:S.productCategories,activePointId:Z,pointProducts:k.pointProducts,onCloseModal:ne,soldOutProducts:I})))))))}));_.displayName="CalendarStepsForm",exports.CalendarStepsForm=_;

package/dist/iframe/order-process/components/CalendarStepsForm/components/Category.d.ts

@@ -1,12 +1,13 @@
-import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
-export type CategoryProps = {
-    productCategories: ProductCategory[];
-    activePointId?: number;
-    pointProducts: PointProduct[];
-    onCloseModal: () => void;
-    soldOutProducts?: QuantityCheckProductInfo[];
-};
-export declare const Category: ({ productCategories, activePointId, pointProducts, onCloseModal, soldOutProducts, }: CategoryProps) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
+import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
+import { ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+export type CategoryProps = {
+    productCategories: ProductCategory[];
+    activePointId?: number;
+    pointProducts: PointProduct[];
+    onCloseModal: () => void;
+    soldOutProducts?: QuantityCheckProductInfo[];
+};
+export declare const Category: ({ productCategories, activePointId, pointProducts, onCloseModal, soldOutProducts, }: CategoryProps) => JSX.Element;
 //# sourceMappingURL=Category.d.ts.map

package/dist/iframe/order-process/components/CalendarStepsForm/components/Category.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CalendarStepsForm/components/Category.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,EAAE,eAAe,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,wFAMlB,aAAa,4CAyBf,CAAC"}
+{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CalendarStepsForm/components/Category.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,EAAE,eAAe,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,wFAMlB,aAAa,gBAyBf,CAAC"}

package/dist/iframe/order-process/components/CalendarStepsForm/components/Category.js

@@ -1,25 +1 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { CategoryProductModal } from './CategoryProductModal.js';
-
-var Category = function(param) {
-    var productCategories = param.productCategories, activePointId = param.activePointId, pointProducts = param.pointProducts, onCloseModal = param.onCloseModal, soldOutProducts = param.soldOutProducts;
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: productCategories.length !== 0 && productCategories.map(function(category) {
-            return /*#__PURE__*/ jsx("div", {
-                className: "iframe-event__category",
-                children: category.products.map(function(product) {
-                    return /*#__PURE__*/ jsx(CategoryProductModal, {
-                        product: product,
-                        category: category,
-                        activePointId: activePointId,
-                        pointProducts: pointProducts,
-                        onCloseModal: onCloseModal,
-                        soldOutProducts: soldOutProducts
-                    }, product.id);
-                })
-            }, category.id);
-        })
-    });
-};
-
-export { Category };
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),o=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("./CategoryProductModal.js");exports.Category=function(e){var t=e.productCategories,a=e.activePointId,u=e.pointProducts,c=e.onCloseModal,d=e.soldOutProducts;return o.createElement(o.Fragment,null,0!==t.length&&t.map((function(e){return o.createElement("div",{key:e.id,className:"iframe-event__category"},e.products.map((function(t){return o.createElement(r.CategoryProductModal,{key:t.id,product:t,category:e,activePointId:a,pointProducts:u,onCloseModal:c,soldOutProducts:d})})))})))};

package/dist/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.d.ts

@@ -1,13 +1,14 @@
-import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { Product, ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
-export type CategoryProductModalProps = {
-    activePointId?: number;
-    product: Product;
-    category: ProductCategory;
-    pointProducts: PointProduct[];
-    onCloseModal: () => void;
-    soldOutProducts?: QuantityCheckProductInfo[];
-};
-export declare const CategoryProductModal: ({ activePointId, product, category, pointProducts, onCloseModal, soldOutProducts, }: CategoryProductModalProps) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { PointProduct } from "@licklist/core/dist/DataMapper/Product/PointProductDataMapper";
+import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
+import { Product, ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+export type CategoryProductModalProps = {
+    activePointId?: number;
+    product: Product;
+    category: ProductCategory;
+    pointProducts: PointProduct[];
+    onCloseModal: () => void;
+    soldOutProducts?: QuantityCheckProductInfo[];
+};
+export declare const CategoryProductModal: ({ activePointId, product, category, pointProducts, onCloseModal, soldOutProducts, }: CategoryProductModalProps) => JSX.Element;
 //# sourceMappingURL=CategoryProductModal.d.ts.map

package/dist/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryProductModal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAC;AAI7D,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,wFAO9B,yBAAyB,4CAoC3B,CAAC"}
+{"version":3,"file":"CategoryProductModal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAC7F,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAC;AAI7D,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,wFAO9B,yBAAyB,gBAmC3B,CAAC"}

package/dist/iframe/order-process/components/CalendarStepsForm/components/CategoryProductModal.js

@@ -1,40 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { Button } from 'react-bootstrap';
-import { FaTimes } from 'react-icons/fa';
-import { CategoryProduct } from '../../CategoryProduct/CategoryProduct.js';
-
-var CategoryProductModal = function(param) {
-    var activePointId = param.activePointId, product = param.product, category = param.category, pointProducts = param.pointProducts, onCloseModal = param.onCloseModal, soldOutProducts = param.soldOutProducts;
-    var activePointProduct = useMemo(function() {
-        return pointProducts.find(function(pointProduct) {
-            return String(pointProduct.pointId) === String(activePointId);
-        });
-    }, [
-        activePointId,
-        pointProducts
-    ]);
-    return /*#__PURE__*/ jsxs("div", {
-        className: clsx("category-product-modal", activePointProduct && activePointProduct.productUuid === product.uuid && "d-block"),
-        children: [
-            /*#__PURE__*/ jsx(CategoryProduct, {
-                product: product,
-                category: category,
-                canExpandDescription: false,
-                soldOutProducts: soldOutProducts
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: "close-modal-button",
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "danger",
-                    className: "btn-sm rounded",
-                    onClick: onCloseModal,
-                    children: /*#__PURE__*/ jsx(FaTimes, {})
-                })
-            })
-        ]
-    });
-};
-
-export { CategoryProductModal };
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),o=require("react-bootstrap"),c=require("../../../../../static/Icon.js"),u=e(require("clsx")),a=require("../../CategoryProduct/CategoryProduct.js");exports.CategoryProductModal=function(e){var n=e.activePointId,d=e.product,i=e.category,s=e.pointProducts,l=e.onCloseModal,m=e.soldOutProducts,p=t.useMemo((function(){return s.find((function(e){return String(e.pointId)===String(n)}))}),[n,s]);return r.createElement("div",{className:u("category-product-modal",p&&p.productUuid===d.uuid&&"d-block")},r.createElement(a.CategoryProduct,{product:d,category:i,canExpandDescription:!1,soldOutProducts:m}),r.createElement("div",{className:"close-modal-button"},r.createElement(o.Button,{variant:"danger",className:"btn-sm rounded",onClick:l},r.createElement(c.default,{type:"times",height:"1rem"}))))};

package/dist/iframe/order-process/components/CalendarStepsForm/index.d.ts

@@ -1,3 +1,3 @@
-export { CalendarStepsForm } from "./CalendarStepsForm";
-export type { CalendarStepsFormProps } from "./CalendarStepsForm";
+export { CalendarStepsForm } from "./CalendarStepsForm";
+export type { CalendarStepsFormProps } from "./CalendarStepsForm";
 //# sourceMappingURL=index.d.ts.map

package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts

@@ -1,12 +1,13 @@
-import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
-import { Product, ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
-interface CategoryProductProps {
-    product: Product;
-    category: ProductCategory;
-    canExpandDescription?: boolean;
-    productsWithErrors?: QuantityCheckProductInfo[];
-    soldOutProducts?: QuantityCheckProductInfo[];
-}
-export declare const CategoryProduct: ({ product, category, canExpandDescription, productsWithErrors, soldOutProducts, }: CategoryProductProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+import { QuantityCheckProductInfo } from "@licklist/plugins/dist/types/Api/verifyStock";
+import { Product, ProductCategory } from "@licklist/plugins/dist/types/context/sale/menuSteps";
+interface CategoryProductProps {
+    product: Product;
+    category: ProductCategory;
+    canExpandDescription?: boolean;
+    productsWithErrors?: QuantityCheckProductInfo[];
+    soldOutProducts?: QuantityCheckProductInfo[];
+}
+export declare const CategoryProduct: ({ product, category, canExpandDescription, productsWithErrors, soldOutProducts, }: CategoryProductProps) => JSX.Element;
+export {};
 //# sourceMappingURL=CategoryProduct.d.ts.map

package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAC;AAI7D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAChD,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C;AAED,eAAO,MAAM,eAAe,sFAMzB,oBAAoB,4CAmLtB,CAAC"}
+{"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAC;AAI7D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAChD,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;CAC9C;AAED,eAAO,MAAM,eAAe,sFAMzB,oBAAoB,gBAmLtB,CAAC"}