@licklist/design 0.66.13 → 0.67.0

package/dist/product-set/form/ProductCategoriesControl.js

@@ -1 +1,409 @@
-"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("tslib"),r=require("react"),i=e(r),n=require("react-i18next"),o=require("react-bootstrap"),a=require("react-hook-form"),d=e(require("@licklist/plugins/dist/services/Form/HookFormService")),u=e(require("clsx")),s=require("@dnd-kit/core"),l=require("lodash"),c=require("../../sortable-tree/SortableTreeItem.js"),v=require("../../sortable-tree/SortableTree.js"),m=require("../hooks/useSortableTreeFunctions.js"),p=require("../item/CreateProductSetItem.js"),g=require("./context.js"),f=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),y=require("../product-category/ProductCategoryControl.js"),C=require("./ProductsControl.js"),E=require("./SelectCategoryModal.js"),b=require("./VenueMapSetModal.js"),S=require("../utils/index.js");var _=function(e,t){return e===f.CATEGORY_TYPE_GAME?{className:"game-badge",label:t}:e===f.CATEGORY_TYPE_FIXED_DURATION?{className:"fixed-duration-badge",label:t}:null};exports.ProductCategoriesControl=function(e){var I,q,T,x,N,P,h=e.isLoading,M=e.stepIndex,A=e.isOverrides,k=e.isEventEditProductSet,O=e.isCreateNewOverrides,j=n.useTranslation("Design").t,V=r.useContext(g.ProductSetLoadingContext),D=V.providerHasMap,F=V.expandedProductCategories,R=V.setExpandedProductCategories,Y=a.useFormContext(),w=t.__read(r.useState(!1),2),B=w[0],L=w[1],G=t.__read(r.useState(!1),2),H=G[0],U=G[1],Q=t.__read(r.useState(!1),2),K=Q[0],W=Q[1],X=Y.control,z=Y.formState.errors,J=Y.clearErrors,Z=Y.watch,$=Y.trigger,ee=Y.getValues,te=Y.setValue,re=Z("steps.".concat(M,".hasMap"))||!1,ie="steps.".concat(M,".productCategories"),ne=a.useFieldArray({name:ie,control:X,keyName:"_id"}),oe=ne.fields,ae=ne.append,de=ne.remove,ue=t.__read(r.useState({}),2),se=ue[0],le=ue[1],ce=m.useSortableTreeFunctions({fieldName:ie,remove:de,isOverrides:A}),ve=ce.edit,me=ce.saveValidField,pe=ce.cancelChanges,ge=a.useWatch({control:X,name:ie}),fe=null===(q=null===(I=null==z?void 0:z.steps)||void 0===I?void 0:I[M])||void 0===q?void 0:q.productCategories,ye=null===(x=null===(T=null==z?void 0:z.steps)||void 0===T?void 0:T[M])||void 0===x?void 0:x.venueMapSetId,Ce=null===(P=null===(N=null==z?void 0:z.steps)||void 0===N?void 0:N[M])||void 0===P?void 0:P.pointProducts,Ee=Boolean(ye||Ce),be=s.useSensor(s.MouseSensor,{activationConstraint:{distance:10}});return r.useEffect((function(){ge&&ge.length&&ge.forEach((function(e){var r,i,n=null===(r=e.products)||void 0===r?void 0:r.reduce((function(e,t){return e+Number(t.price)*Number(t.totalQuantity)}),0),o=null===(i=e.products)||void 0===i?void 0:i.reduce((function(e,t){return e+(t.isUnlimited?0:Number(t.totalQuantity))}),0);le((function(r){var i;return t.__assign(t.__assign({},r),((i={})[(null==e?void 0:e.id)||e.uniqueId]={price:n,quantity:o},i))}))}))}),[ge]),r.useEffect((function(){1===oe.length&&R((function(e){var r,i,n;return t.__assign(t.__assign({},e),((r={})[String((null===(i=oe[0])||void 0===i?void 0:i.id)||(null===(n=oe[0])||void 0===n?void 0:n.uniqueId))]=!0,r))}))}),[oe]),i.createElement(i.Fragment,null,i.createElement(v.SortableTree,{sensors:[be],items:oe.map((function(e){return String(e._id)})),onDragEnd:function(e){if(!A){var t=e.active,r=e.over;if(t&&r&&(null==t?void 0:t.id)&&(null==r?void 0:r.id)){var i=oe.findIndex((function(e){return e._id===t.id})),n=oe.findIndex((function(e){return e._id===r.id}));if(i!==n){var o=ee(ie);if(o){var a=S.sortArrayByIndex(S.moveArrayElements(o,i,n));te(ie,a)}}}}}},oe.map((function(e,r){var n,d=(null==e?void 0:e.id)?String(e.id):e.uniqueId,u=null===(n=e.products)||void 0===n?void 0:n.some((function(e){return k?!!e.id:!!e.originalProductId})),s=O&&!!e.id,l=function(){!function(e){R((function(r){var i;return t.__assign(t.__assign({},r),((i={})[e]=!r[e],i))}))}(d)};return i.createElement(a.Controller,{key:"product-category-".concat(e._id),name:"".concat(ie,".").concat(r,".name"),control:X,rules:{required:j("Validation:fieldRequired",{attribute:j("name")})},render:function(t){var n,a,m,p=t.field,g=p.value,f=p.onChange;return i.createElement(v.SortableTree.Item,{id:e._id,title:g,isExpanded:F[d],setIsExpanded:l,edit:function(){return ve(r)},cancelChanges:function(){return pe(r)},isInvalid:!!fe,badge:i.createElement(o.Badge,{className:"category-badge"},j("productCategory")),isIconInHeader:!1,subTitle:i.createElement("div",{className:"product-set-badges-container"},i.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-category-dot"}),i.createElement("span",null,null!==(m=null===(a=se[null!==(n=null==e?void 0:e.id)&&void 0!==n?n:e.uniqueId])||void 0===a?void 0:a.quantity)&&void 0!==m?m:"N/A"," ",j("products"))),treeLineIconColor:"#1A93AA",modalLabel:j("addNewCategory"),secondaryBadge:_(e.type,j(e.type)),modalClass:c.ProductSetModalClasses.category,isNewAdded:K,body:i.createElement(y.ProductCategoryControl,{isLoading:h,onCategoryNameChange:f,categoryName:g,stepIndex:M,productCategoryIndex:r,isOverride:s||A&&u}),isOverride:A,onDelete:function(){return de(r)},validate:function(){return $("steps.".concat(M,".productCategories.").concat(r))},saveValidField:me,sortableItems:e.products?e.products.filter((function(e){return e.id})).map((function(e){var t=e.id;return String(t)})):[]},i.createElement(C.ProductsControl,{isLoading:h,quantityType:e.quantityType,hasTicket:null==e?void 0:e.hasTicket,stepIndex:M,productCategoryIndex:r,categoryType:e.type,isOverrides:A,isEventEditProductSet:k,isCreateNewOverrides:O}))}})}))),i.createElement(p.CreateProductSetItem,{title:j("addCategory"),onClick:function(){L(!0)}}),i.createElement(E.SelectCategoryModal,{isVisible:B,onHide:function(){return L(!1)},onCategorySelect:function(e){ae(function(e,t){return{id:null,uniqueId:l.uniqueId("product-category"),name:"",minSubItems:null,maxSubItems:null,quantityType:f.QUANTITY_TYPE_STANDARD,type:e,isTimeRelated:!1,collectUserInfo:!1,hasTicket:e===f.CATEGORY_TYPE_TICKETS,allowDeposits:!1,remainderExpireAfter:void 0,hasBookingManagement:!1,weight:0,isReusable:!1,hasSubEvents:!1,products:[],sort:t}}(e,oe.length)),W(!0),(null==fe?void 0:fe.type)===d.manualErrorType&&J(ie)}}),D&&re&&i.createElement(i.Fragment,null,i.createElement(p.CreateProductSetItem,{title:j("editMap"),isOverride:A,onClick:function(){A||U(!0)},className:u("mt-3",Ee&&"mb-3",Ee&&"is-invalid")}),Ee&&i.createElement("div",{className:"manual-form-error"},ye&&j("Validation:fieldRequired",{attribute:j("Design:venueMapSet")}),Ce&&j("Validation:fieldMinNumber",{attribute:j("pointProduct"),min:1})),i.createElement(b.VenueMapSetModal,{isVisible:H,setIsVisible:U,stepIndex:M})),i.createElement("div",{className:"manual-form-error"},fe&&fe.message))},exports.getBadgeConfig=_;
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useContext, useState, useEffect } from 'react';
+import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
+import { uniqueId } from 'lodash';
+import { Badge } from 'react-bootstrap';
+import { useFormContext, useFieldArray, useWatch, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { useSensor, MouseSensor } from '@dnd-kit/core';
+import { CATEGORY_TYPE_GAME, CATEGORY_TYPE_FIXED_DURATION, QUANTITY_TYPE_STANDARD, CATEGORY_TYPE_TICKETS } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import clsx from 'clsx';
+import { SortableTree } from '../../sortable-tree/SortableTree.js';
+import { ProductSetModalClasses } from '../../sortable-tree/SortableTreeItem.js';
+import { CreateProductSetItem } from '../item/CreateProductSetItem.js';
+import { ProductCategoryControl } from '../product-category/ProductCategoryControl.js';
+import { ProductsControl } from './ProductsControl.js';
+import { SelectCategoryModal } from './SelectCategoryModal.js';
+import { ProductSetLoadingContext } from './context.js';
+import { VenueMapSetModal } from './VenueMapSetModal.js';
+import { sortArrayByIndex, moveArrayElements } from '../utils/index.js';
+import { useSortableTreeFunctions } from '../hooks/useSortableTreeFunctions.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 _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_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 _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 _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 getCategoryDefaultValue = function(categoryType, sort) {
+    return {
+        id: null,
+        uniqueId: uniqueId("product-category"),
+        name: "",
+        minSubItems: null,
+        maxSubItems: null,
+        quantityType: QUANTITY_TYPE_STANDARD,
+        type: categoryType,
+        isTimeRelated: false,
+        collectUserInfo: false,
+        hasTicket: categoryType === CATEGORY_TYPE_TICKETS,
+        allowDeposits: false,
+        remainderExpireAfter: undefined,
+        hasBookingManagement: false,
+        weight: 0,
+        isReusable: false,
+        hasSubEvents: false,
+        products: [],
+        sort: sort
+    };
+};
+function ProductCategoriesControl(param) {
+    var isLoading = param.isLoading, stepIndex = param.stepIndex, isOverrides = param.isOverrides, isEventEditProductSet = param.isEventEditProductSet, isCreateNewOverrides = param.isCreateNewOverrides;
+    var _errors_steps_stepIndex, _errors_steps, _errors_steps_stepIndex1, _errors_steps1, _errors_steps_stepIndex2, _errors_steps2;
+    var t = useTranslation("Design").t;
+    var _useContext = useContext(ProductSetLoadingContext), providerHasMap = _useContext.providerHasMap, expandedProductCategories = _useContext.expandedProductCategories, setExpandedProductCategories = _useContext.setExpandedProductCategories;
+    var form = useFormContext();
+    var _useState = _sliced_to_array(useState(false), 2), isSelectCategoryVisible = _useState[0], setIsSelectCategoryVisible = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), isVenueMapSetModalVisible = _useState1[0], setIsVenueMapSetModalVisible = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(false), 2), showCategoryModal = _useState2[0], setShowCategoryModal = _useState2[1];
+    var control = form.control, errors = form.formState.errors, clearErrors = form.clearErrors, watch = form.watch, trigger = form.trigger, getValues = form.getValues, setValue = form.setValue;
+    var hasMap = watch("steps.".concat(stepIndex, ".hasMap")) || false;
+    var productCategoriesFieldName = "steps.".concat(stepIndex, ".productCategories");
+    var _useFieldArray = useFieldArray({
+        name: productCategoriesFieldName,
+        control: control,
+        keyName: "_id"
+    }), fields = _useFieldArray.fields, append = _useFieldArray.append, remove = _useFieldArray.remove;
+    var _useState3 = _sliced_to_array(useState({}), 2), productCategoryState = _useState3[0], setProductCategoryState = _useState3[1];
+    var _useSortableTreeFunctions = useSortableTreeFunctions({
+        fieldName: productCategoriesFieldName,
+        remove: remove,
+        isOverrides: isOverrides
+    }), edit = _useSortableTreeFunctions.edit, saveValidField = _useSortableTreeFunctions.saveValidField, cancelChanges = _useSortableTreeFunctions.cancelChanges;
+    var productCategories = useWatch({
+        control: control,
+        name: productCategoriesFieldName
+    });
+    var productCategoriesErrors = errors === null || errors === void 0 ? void 0 : (_errors_steps = errors.steps) === null || _errors_steps === void 0 ? void 0 : (_errors_steps_stepIndex = _errors_steps[stepIndex]) === null || _errors_steps_stepIndex === void 0 ? void 0 : _errors_steps_stepIndex.productCategories;
+    var venueMapSetIdError = errors === null || errors === void 0 ? void 0 : (_errors_steps1 = errors.steps) === null || _errors_steps1 === void 0 ? void 0 : (_errors_steps_stepIndex1 = _errors_steps1[stepIndex]) === null || _errors_steps_stepIndex1 === void 0 ? void 0 : _errors_steps_stepIndex1.venueMapSetId;
+    var venueMapSetPointProductsError = errors === null || errors === void 0 ? void 0 : (_errors_steps2 = errors.steps) === null || _errors_steps2 === void 0 ? void 0 : (_errors_steps_stepIndex2 = _errors_steps2[stepIndex]) === null || _errors_steps_stepIndex2 === void 0 ? void 0 : _errors_steps_stepIndex2.pointProducts;
+    var venueMapSetErrors = venueMapSetIdError || venueMapSetPointProductsError;
+    var showVenueMapSetError = Boolean(venueMapSetErrors);
+    var mouseSensor = useSensor(MouseSensor, {
+        activationConstraint: {
+            distance: 10
+        }
+    });
+    var handleDragEnd = function(event) {
+        if (isOverrides) return;
+        var active = event.active, over = event.over;
+        if (!active || !over || !(active === null || active === void 0 ? void 0 : active.id) || !(over === null || over === void 0 ? void 0 : over.id)) return;
+        var prevIndex = fields.findIndex(function(field) {
+            return field._id === active.id;
+        });
+        var nextIndex = fields.findIndex(function(field) {
+            return field._id === over.id;
+        });
+        if (prevIndex === nextIndex) return;
+        var productCategories = getValues(productCategoriesFieldName);
+        if (!productCategories) return;
+        var nextProductCategories = sortArrayByIndex(moveArrayElements(productCategories, prevIndex, nextIndex));
+        setValue(productCategoriesFieldName, nextProductCategories);
+    };
+    var setIsExpanded = function(productCategoryId) {
+        setExpandedProductCategories(function(prevValues) {
+            return _object_spread_props(_object_spread({}, prevValues), _define_property({}, productCategoryId, !prevValues[productCategoryId]));
+        });
+    };
+    useEffect(function() {
+        if (!productCategories || !productCategories.length) return;
+        productCategories.forEach(function(productCategory) {
+            var _productCategory_products, _productCategory_products1;
+            var price = (_productCategory_products = productCategory.products) === null || _productCategory_products === void 0 ? void 0 : _productCategory_products.reduce(function(sum, product) {
+                return sum + Number(product.price) * Number(product.totalQuantity);
+            }, 0);
+            var quantity = (_productCategory_products1 = productCategory.products) === null || _productCategory_products1 === void 0 ? void 0 : _productCategory_products1.reduce(function(sum, product) {
+                var productQuantity = !product.isUnlimited ? Number(product.totalQuantity) : 0;
+                return sum + productQuantity;
+            }, 0);
+            setProductCategoryState(function(prevState) {
+                return _object_spread_props(_object_spread({}, prevState), // New added categories will have uniqueId
+                // but existing have already assigned Id.
+                _define_property({}, (productCategory === null || productCategory === void 0 ? void 0 : productCategory.id) || productCategory.uniqueId, {
+                    price: price,
+                    quantity: quantity
+                }));
+            });
+        });
+    }, [
+        productCategories
+    ]);
+    useEffect(function() {
+        if (fields.length !== 1) return;
+        setExpandedProductCategories(function(prevValues) {
+            var _fields_, _fields_1;
+            return _object_spread_props(_object_spread({}, prevValues), _define_property({}, String(((_fields_ = fields[0]) === null || _fields_ === void 0 ? void 0 : _fields_.id) || ((_fields_1 = fields[0]) === null || _fields_1 === void 0 ? void 0 : _fields_1.uniqueId)), true));
+        });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        fields
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(SortableTree, {
+                sensors: [
+                    mouseSensor
+                ],
+                items: fields.map(function(item) {
+                    return String(item._id);
+                }),
+                onDragEnd: handleDragEnd,
+                children: fields.map(function(productCategory, index) {
+                    var _productCategory_products;
+                    var productCategoryId = (productCategory === null || productCategory === void 0 ? void 0 : productCategory.id) ? String(productCategory.id) : productCategory.uniqueId;
+                    var isOverridesCategory = (_productCategory_products = productCategory.products) === null || _productCategory_products === void 0 ? void 0 : _productCategory_products.some(function(product) {
+                        return isEventEditProductSet ? !!product.id : !!product.originalProductId;
+                    });
+                    var isNewOverridesCategory = isCreateNewOverrides && !!productCategory.id;
+                    var onSetIsExpanded = function() {
+                        setIsExpanded(productCategoryId);
+                    };
+                    return /*#__PURE__*/ jsx(Controller, {
+                        name: "".concat(productCategoriesFieldName, ".").concat(index, ".name"),
+                        control: control,
+                        rules: {
+                            required: t("Validation:fieldRequired", {
+                                attribute: t("name")
+                            })
+                        },
+                        render: function(param)  {
+                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                            var _productCategoryState_;
+                            var _productCategory_id, _productCategoryState__quantity;
+                            return jsx(SortableTree.Item, {
+                                id: productCategory._id,
+                                title: value,
+                                isExpanded: expandedProductCategories[productCategoryId],
+                                setIsExpanded: onSetIsExpanded,
+                                edit: function() {
+                                    return edit(index);
+                                },
+                                cancelChanges: function() {
+                                    return cancelChanges(index);
+                                },
+                                isInvalid: !!productCategoriesErrors,
+                                badge: /*#__PURE__*/ jsx(Badge, {
+                                    className: "category-badge",
+                                    children: t("productCategory")
+                                }),
+                                isIconInHeader: false,
+                                subTitle: /*#__PURE__*/ jsxs("div", {
+                                    className: "product-set-badges-container",
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "product-set-subtitle-dot product-set-subtitle-category-dot"
+                                        }),
+                                        /*#__PURE__*/ jsxs("span", {
+                                            children: [
+                                                (_productCategoryState__quantity = (_productCategoryState_ = productCategoryState[(_productCategory_id = productCategory === null || productCategory === void 0 ? void 0 : productCategory.id) !== null && _productCategory_id !== void 0 ? _productCategory_id : productCategory.uniqueId]) === null || _productCategoryState_ === void 0 ? void 0 : _productCategoryState_.quantity) !== null && _productCategoryState__quantity !== void 0 ? _productCategoryState__quantity : "N/A",
+                                                " ",
+                                                t("products")
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                treeLineIconColor: "#1A93AA",
+                                modalLabel: t("addNewCategory"),
+                                secondaryBadge: getBadgeConfig(productCategory.type, t(productCategory.type)),
+                                modalClass: ProductSetModalClasses.category,
+                                isNewAdded: showCategoryModal,
+                                body: /*#__PURE__*/ jsx(ProductCategoryControl, {
+                                    isLoading: isLoading,
+                                    onCategoryNameChange: onChange,
+                                    categoryName: value,
+                                    stepIndex: stepIndex,
+                                    productCategoryIndex: index,
+                                    isOverride: isNewOverridesCategory || isOverrides && isOverridesCategory
+                                }),
+                                isOverride: isOverrides,
+                                onDelete: function() {
+                                    return remove(index);
+                                },
+                                validate: function() {
+                                    return trigger("steps.".concat(stepIndex, ".productCategories.").concat(index));
+                                },
+                                saveValidField: saveValidField,
+                                // preItem={<Popover className="d-none d-sm-block" />}
+                                sortableItems: productCategory.products ? productCategory.products.filter(function(product) {
+                                    return product.id;
+                                }).map(function(param) {
+                                    var id = param.id;
+                                    return String(id);
+                                }) : [],
+                                children: /*#__PURE__*/ jsx(ProductsControl, {
+                                    isLoading: isLoading,
+                                    quantityType: productCategory.quantityType,
+                                    hasTicket: productCategory === null || productCategory === void 0 ? void 0 : productCategory.hasTicket,
+                                    stepIndex: stepIndex,
+                                    productCategoryIndex: index,
+                                    categoryType: productCategory.type,
+                                    isOverrides: isOverrides,
+                                    isEventEditProductSet: isEventEditProductSet,
+                                    isCreateNewOverrides: isCreateNewOverrides
+                                })
+                            });
+                        }
+                    }, "product-category-".concat(productCategory._id));
+                })
+            }),
+            /*#__PURE__*/ jsx(CreateProductSetItem, {
+                title: t("addCategory"),
+                onClick: function() {
+                    setIsSelectCategoryVisible(true);
+                }
+            }),
+            /*#__PURE__*/ jsx(SelectCategoryModal, {
+                isVisible: isSelectCategoryVisible,
+                onHide: function() {
+                    return setIsSelectCategoryVisible(false);
+                },
+                onCategorySelect: function(categoryType) {
+                    append(getCategoryDefaultValue(categoryType, fields.length));
+                    setShowCategoryModal(true);
+                    if ((productCategoriesErrors === null || productCategoriesErrors === void 0 ? void 0 : productCategoriesErrors.type) === HookFormService.manualErrorType) {
+                        clearErrors(productCategoriesFieldName);
+                    }
+                }
+            }),
+            providerHasMap && hasMap && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(CreateProductSetItem, {
+                        title: t("editMap"),
+                        isOverride: isOverrides,
+                        onClick: function() {
+                            if (isOverrides) return;
+                            setIsVenueMapSetModalVisible(true);
+                        },
+                        className: clsx("mt-3", showVenueMapSetError && "mb-3", showVenueMapSetError && "is-invalid")
+                    }),
+                    showVenueMapSetError && /*#__PURE__*/ jsxs("div", {
+                        className: "manual-form-error",
+                        children: [
+                            venueMapSetIdError && t("Validation:fieldRequired", {
+                                attribute: t("Design:venueMapSet")
+                            }),
+                            venueMapSetPointProductsError && t("Validation:fieldMinNumber", {
+                                attribute: t("pointProduct"),
+                                min: 1
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(VenueMapSetModal, {
+                        isVisible: isVenueMapSetModalVisible,
+                        setIsVisible: setIsVenueMapSetModalVisible,
+                        stepIndex: stepIndex
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "manual-form-error",
+                children: productCategoriesErrors && productCategoriesErrors.message
+            })
+        ]
+    });
+}
+var getBadgeConfig = function(categoryType, label) {
+    if (categoryType === CATEGORY_TYPE_GAME) return {
+        className: "game-badge",
+        label: label
+    };
+    if (categoryType === CATEGORY_TYPE_FIXED_DURATION) return {
+        className: "fixed-duration-badge",
+        label: label
+    };
+    return null;
+};
+
+export { ProductCategoriesControl, getBadgeConfig };

package/dist/product-set/form/ProductSetForm.d.ts

@@ -1,38 +1,37 @@
-/// <reference types="react" />
-import { FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
-import { VenueMapSet } from "@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper";
-import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
-import { ProviderBookingManagementSetting } from "@licklist/core/dist/DataMapper/Provider/ProviderBookingManagementSettingDataMapper";
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-import { ProductSetControlShared, ProductSetControlValues } from "../control";
-import { Step } from "../types";
-import { SelectItem } from "../../types/generic/SelectItem";
-export interface WithIsLoading {
-    isLoading: boolean;
-}
-export interface WithId {
-    id: number;
-}
-export interface ProductSetFormValues extends FormValues, WithId, ProductSetControlValues {
-    steps: Step[];
-    isOverrides?: boolean;
-}
-export interface ProductSetFormProps extends WithIsLoading, ProductSetControlShared {
-    companyName: string;
-    defaultValues?: ProductSetFormValues;
-    onSubmitAndRedirect: (values: ProductSetFormValues) => void;
-    onSubmitNoRedirect?: (values: ProductSetFormValues) => void;
-    productGroupList?: SelectItem[];
-    serverErrors?: ServerError;
-    providerHasMap?: boolean;
-    venueMapSets?: VenueMapSet[];
-    providerHasBookingManagement?: ProviderBookingManagementSetting["hasBookingManagement"];
-    zones?: Zone[] | null;
-    isCreateAction?: boolean;
-    isOverrides?: boolean;
-    workHours?: WorkHour[];
-    isCreateNewOverrides?: boolean;
-}
-export declare function ProductSetForm({ companyName, isLoading, defaultValues, onSubmitAndRedirect, onSubmitNoRedirect, productGroupList, serverErrors, providerHasMap, venueMapSets, providerHasBookingManagement, zones, isCreateAction, workHours, isOverrides, isCreateNewOverrides, ...shared }: ProductSetFormProps): JSX.Element;
+import { FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
+import { VenueMapSet } from "@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper";
+import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
+import { ProviderBookingManagementSetting } from "@licklist/core/dist/DataMapper/Provider/ProviderBookingManagementSettingDataMapper";
+import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
+import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
+import { ProductSetControlShared, ProductSetControlValues } from "../control";
+import { Step } from "../types";
+import { SelectItem } from "../../types/generic/SelectItem";
+export interface WithIsLoading {
+    isLoading: boolean;
+}
+export interface WithId {
+    id: number;
+}
+export interface ProductSetFormValues extends FormValues, WithId, ProductSetControlValues {
+    steps: Step[];
+    isOverrides?: boolean;
+}
+export interface ProductSetFormProps extends WithIsLoading, ProductSetControlShared {
+    companyName: string;
+    defaultValues?: ProductSetFormValues;
+    onSubmitAndRedirect: (values: ProductSetFormValues) => void;
+    onSubmitNoRedirect?: (values: ProductSetFormValues) => void;
+    productGroupList?: SelectItem[];
+    serverErrors?: ServerError;
+    providerHasMap?: boolean;
+    venueMapSets?: VenueMapSet[];
+    providerHasBookingManagement?: ProviderBookingManagementSetting["hasBookingManagement"];
+    zones?: Zone[] | null;
+    isCreateAction?: boolean;
+    isOverrides?: boolean;
+    workHours?: WorkHour[];
+    isCreateNewOverrides?: boolean;
+}
+export declare function ProductSetForm({ companyName, isLoading, defaultValues, onSubmitAndRedirect, onSubmitNoRedirect, productGroupList, serverErrors, providerHasMap, venueMapSets, providerHasBookingManagement, zones, isCreateAction, workHours, isOverrides, isCreateNewOverrides, ...shared }: ProductSetFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProductSetForm.d.ts.map

package/dist/product-set/form/ProductSetForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSetForm.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,EAAE,gCAAgC,EAAE,MAAM,oFAAoF,CAAC;AACtI,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAEtF,OAAO,EAEL,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,oBACf,SAAQ,UAAU,EAChB,MAAM,EACN,uBAAuB;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,uBAAuB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,mBAAmB,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,4BAA4B,CAAC,EAAE,gCAAgC,CAAC,sBAAsB,CAAC,CAAC;IACxF,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,cAAsB,EACtB,YAAiB,EACjB,4BAA4B,EAC5B,KAAK,EACL,cAAc,EACd,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,GAAG,MAAM,EACV,EAAE,mBAAmB,eAwIrB"}
+{"version":3,"file":"ProductSetForm.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,EAAE,gCAAgC,EAAE,MAAM,oFAAoF,CAAC;AACtI,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAEtF,OAAO,EAEL,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAG5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,oBACf,SAAQ,UAAU,EAChB,MAAM,EACN,uBAAuB;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,uBAAuB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,mBAAmB,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,4BAA4B,CAAC,EAAE,gCAAgC,CAAC,sBAAsB,CAAC,CAAC;IACxF,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,cAAsB,EACtB,YAAiB,EACjB,4BAA4B,EAC5B,KAAK,EACL,cAAc,EACd,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,GAAG,MAAM,EACV,EAAE,mBAAmB,2CA8IrB"}