@licklist/design 0.66.12 → 0.67.0

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

@@ -1 +1,303 @@
-"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"),o=e(r),n=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),c=require("@dnd-kit/core"),d=require("lodash");require("../elements/DeleteFieldButton.js");var s=require("../../sortable-tree/SortableTreeItem.js"),l=require("../../sortable-tree/SortableTree.js");require("../card/ProductSetCard.js");var p=require("../hooks/useSortableTreeFunctions.js"),m=require("../item/CreateProductSetItem.js");require("../step/StepControl.js"),require("../product-category/ProductCategoryControl.js");var v=require("@licklist/core/dist/DataMapper/Product/ProductDataMapper"),g=require("@licklist/core/dist/Services");require("../product/booking-management/ProductBookingManagementControl.js"),require("../product/deposit/ProductDepositControl.js"),require("../product/quantity/ProductQuantityControl.js"),require("../product/quantity/ProductQuantityConstantControl.js"),require("../product/quantity/ProductQuantityRechargingControl.js");var f=require("../product/ProductControl.js"),q=require("./SubProductsControl.js"),y=require("./ProductCategoriesControl.js");require("../control/ProductSetControl.js"),require("../deposit-paid/ProductSetDepositPaidControl.js"),require("./ProductSetForm.js"),require("../popover/ProductSetPopover.js"),require("../tabs/ProductSetTab.js"),require("../tabs/ProductSetTabs.js");exports.ProductsControl=function(e){var C,P,b,S,_=e.isLoading,j=e.quantityType,T=e.stepIndex,h=e.productCategoryIndex,E=e.hasTicket,I=e.categoryType,k=e.zones,N=e.isOverrides,x=e.isEventEditProductSet,D=e.isCreateNewOverrides,F=n.useTranslation("Design").t,A=a.useFormContext(),O=t.__read(r.useState(!1),2),w=O[0],M=O[1],Q=A.control,B=A.formState.errors,U=A.clearErrors,L=A.trigger,R=A.setValue,V=A.watch,z=A.getValues,W=V("steps.".concat(T,".productCategories.").concat(h,".zoneId")),H=null==k?void 0:k.find((function(e){return e.id===Number(W)})),G="steps.".concat(T,".productCategories.").concat(h,".products"),Y="steps.".concat(T,".pointProducts"),J=a.useFieldArray({name:G,control:Q,keyName:"_id"}),K=J.fields,X=J.append,Z=J.remove,$=J.move,ee=p.useSortableTreeFunctions({fieldName:G,remove:Z,isOverrides:N}),te=ee.edit,re=ee.saveValidField,oe=ee.cancelChanges,ne=V("steps.".concat(T,".productCategories.").concat(h,".allowDeposits")),ie=a.useWatch({control:Q,name:t.__spreadArray([],t.__read(K.map((function(e,t){return"".concat(G,".").concat(t,".price")}))),!1)}),ae=a.useWatch({control:Q,name:t.__spreadArray([],t.__read(K.map((function(e,t){return"".concat(G,".").concat(t,".totalQuantity")}))),!1)}),ue=a.useWatch({control:Q,name:t.__spreadArray([],t.__read(K.map((function(e,t){return"".concat(G,".").concat(t,".isUnlimited")}))),!1)}),ce=null===(S=null===(b=null===(P=null===(C=null==B?void 0:B.steps)||void 0===C?void 0:C[T])||void 0===P?void 0:P.productCategories)||void 0===b?void 0:b[h])||void 0===S?void 0:S.products,de=1===K.length,se=c.useSensor(c.MouseSensor,{activationConstraint:{distance:10}});return o.createElement(o.Fragment,null,o.createElement(l.SortableTree,{items:K.map((function(e){return String(e._id)})),onDragEnd:function(e){if(!N){var t=e.active,r=e.over;if(t&&r&&(null==t?void 0:t.id)&&(null==r?void 0:r.id)){var o=K.findIndex((function(e){return e._id===t.id})),n=K.findIndex((function(e){return e._id===r.id}));o!==n&&($(o,n),K.forEach((function(e,t){R("".concat(G,".").concat(t,".sort"),t)})))}}},sensors:[se]},K.map((function(e,t){var r=x?!!e.id:N&&!!e.originalProductId,n=D&&!!e.id;return o.createElement(a.Controller,{key:e._id,control:Q,name:"".concat(G,".").concat(t,".name"),rules:{required:F("Validation:fieldRequired",{attribute:F("name")})},render:function(a){var u=a.field,c=u.value,d=u.onChange;return o.createElement(l.SortableTree.Item,{key:"product-".concat(e._id),id:String(e._id),isExpanded:de,isInvalid:!!ce,title:c,isOverride:N,badge:o.createElement(i.Badge,{className:"product-badge"},F("product")),isIconInHeader:!1,cancelChanges:function(){return oe(t)},edit:function(){return te(t)},secondaryBadge:y.getBadgeConfig(I,F(I)),subTitle:o.createElement("div",{className:"product-set-badges-container"},o.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-product-dot"}),o.createElement("span",null,"£".concat(ie[t]," ").concat(F("each")," - ").concat(F("qty"),":").concat(ue[t]?F(" unlimited"):" ".concat(ae[t])," ").concat(ue[t]?"":" - ".concat(F("possibleRevenue")," £").concat(ie[t]*ae[t])," "))),modalLabel:F("addNewProduct"),modalClass:s.ProductSetModalClasses.product,isNewAdded:w,body:o.createElement(f.ProductControl,{isLoading:_,quantityType:j,allowDeposits:ne,hasBookingManagement:!1,fieldNamePrefix:"".concat(G,".").concat(t),productName:c,onProductNameChange:d,hasTicket:E,categoryType:I,zoneDuration:null==H?void 0:H.defaultDuration,isOverrides:n||r}),onDelete:function(){return function(e){if(!N){var t=z("".concat(G,".").concat(e)),r=z(Y);R(Y,(null==r?void 0:r.filter((function(e){return e.productUuid!==t.uuid})))||[]),Z(e)}}(t)},validate:function(){return L("".concat(G,".").concat(t))},saveValidField:re},o.createElement(q.SubProductsControl,{isLoading:_,quantityType:j,stepIndex:T,productCategoryIndex:h,productIndex:t}))}})}))),o.createElement(m.CreateProductSetItem,{title:F("addProduct"),onClick:function(){var e;X((e=K.length,{id:null,name:"",termsAndConditions:"",productGroupId:null,description:"",price:0,deposit:0,minQuantity:null,maxQuantity:null,totalQuantity:0,capacity:0,duration:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,weight:0,originalProductId:null,type:v.DEFAULT_PRODUCT_TYPE,tierId:Number(d.uniqueId()),zoneId:null,subProducts:[],images:[],uuid:g.generateUuid(),subSlots:null,offset:null,pause:null,serviceTime:null,sort:e})),M(!0),(null==ce?void 0:ce.type)===u.manualErrorType&&U(G)}}),o.createElement("div",{className:"manual-form-error"},ce&&ce.message))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { uniqueId } from 'lodash';
+import { Badge } from 'react-bootstrap';
+import { useFormContext, useFieldArray, useWatch, Controller } from 'react-hook-form';
+import { useSensor, MouseSensor } from '@dnd-kit/core';
+import { useTranslation } from 'react-i18next';
+import { DEFAULT_PRODUCT_TYPE } from '@licklist/core/dist/DataMapper/Product/ProductDataMapper';
+import { generateUuid } from '@licklist/core/dist/Services';
+import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
+import 'rrule';
+import 'clsx';
+import '@react-aria/utils';
+import '@licklist/plugins/dist/services/Route/RouteService';
+import 'react-icons/fa';
+import 'react-bootstrap/ModalHeader';
+import 'react-bootstrap/ModalTitle';
+import 'react-bootstrap/ModalBody';
+import 'react-bootstrap/ModalFooter';
+import 'react-bootstrap/Modal';
+import '../control/ProductSetControl.js';
+import 'react-bootstrap/Col';
+import 'react-bootstrap/InputGroup';
+import 'react-bootstrap/Row';
+import '@licklist/plugins/dist/services/Form/FormErrorService';
+import '@licklist/plugins';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Popover';
+import { ProductControl } from '../product/ProductControl.js';
+import '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import '../../static/index.js';
+import 'framer-motion';
+import '../tabs/ProductSetTabs.js';
+import { SortableTree } from '../../sortable-tree/SortableTree.js';
+import { CreateProductSetItem } from '../item/CreateProductSetItem.js';
+import { useSortableTreeFunctions } from '../hooks/useSortableTreeFunctions.js';
+import { SubProductsControl } from './SubProductsControl.js';
+import { ProductSetModalClasses } from '../../sortable-tree/SortableTreeItem.js';
+import { getBadgeConfig } from './ProductCategoriesControl.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 _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 _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 getDefaultProductValue = function(sort) {
+    return {
+        id: null,
+        name: "",
+        termsAndConditions: "",
+        productGroupId: null,
+        description: "",
+        price: 0,
+        deposit: 0,
+        minQuantity: null,
+        maxQuantity: null,
+        totalQuantity: 0,
+        isAvailable: true,
+        isSoldOut: false,
+        isRequired: false,
+        isUnlimited: false,
+        quantitySelector: 1,
+        hasSpecialNotes: false,
+        weight: 0,
+        originalProductId: null,
+        type: DEFAULT_PRODUCT_TYPE,
+        tierId: Number(uniqueId()),
+        subProducts: [],
+        images: [],
+        uuid: generateUuid(),
+        sort: sort
+    };
+};
+function ProductsControl(param) {
+    var isLoading = param.isLoading, quantityType = param.quantityType, stepIndex = param.stepIndex, productCategoryIndex = param.productCategoryIndex, hasTicket = param.hasTicket, categoryType = param.categoryType, isOverrides = param.isOverrides, isEventEditProductSet = param.isEventEditProductSet, isCreateNewOverrides = param.isCreateNewOverrides;
+    var _errors_steps_stepIndex_productCategories_productCategoryIndex, _errors_steps_stepIndex_productCategories, _errors_steps_stepIndex, _errors_steps;
+    var t = useTranslation("Design").t;
+    var form = useFormContext();
+    var _useState = _sliced_to_array(useState(false), 2), showProductModal = _useState[0], setShowProductModal = _useState[1];
+    var control = form.control, errors = form.formState.errors, clearErrors = form.clearErrors, trigger = form.trigger, setValue = form.setValue, watch = form.watch, getValues = form.getValues;
+    var productControlFieldName = "steps.".concat(stepIndex, ".productCategories.").concat(productCategoryIndex, ".products");
+    var productPointsKey = "steps.".concat(stepIndex, ".pointProducts");
+    var _useFieldArray = useFieldArray({
+        name: productControlFieldName,
+        control: control,
+        keyName: "_id"
+    }), fields = _useFieldArray.fields, append = _useFieldArray.append, remove = _useFieldArray.remove, move = _useFieldArray.move;
+    var _useSortableTreeFunctions = useSortableTreeFunctions({
+        fieldName: productControlFieldName,
+        remove: remove,
+        isOverrides: isOverrides
+    }), edit = _useSortableTreeFunctions.edit, saveValidField = _useSortableTreeFunctions.saveValidField, cancelChanges = _useSortableTreeFunctions.cancelChanges;
+    var allowDeposits = watch("steps.".concat(stepIndex, ".productCategories.").concat(productCategoryIndex, ".allowDeposits"));
+    // watch is required to get a reactive value of the required fields
+    var prices = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".price");
+        }))
+    });
+    var quantities = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".totalQuantity");
+        }))
+    });
+    var isUnlimitedQuantities = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".isUnlimited");
+        }))
+    });
+    var categoryProductErrors = 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 = _errors_steps_stepIndex.productCategories) === null || _errors_steps_stepIndex_productCategories === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories_productCategoryIndex = _errors_steps_stepIndex_productCategories[productCategoryIndex]) === null || _errors_steps_stepIndex_productCategories_productCategoryIndex === void 0 ? void 0 : _errors_steps_stepIndex_productCategories_productCategoryIndex.products;
+    var isFirstProductAdded = fields.length === 1;
+    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;
+        move(prevIndex, nextIndex);
+        fields.forEach(function(_, index) {
+            setValue("".concat(productControlFieldName, ".").concat(index, ".sort"), index);
+        });
+    };
+    var onProductRemove = function(index) {
+        if (isOverrides) return;
+        var currentProduct = getValues("".concat(productControlFieldName, ".").concat(index));
+        var currentPointProducts = getValues(productPointsKey);
+        setValue(productPointsKey, (currentPointProducts === null || currentPointProducts === void 0 ? void 0 : currentPointProducts.filter(function(product) {
+            return product.productUuid !== currentProduct.uuid;
+        })) || []);
+        remove(index);
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(SortableTree, {
+                items: fields.map(function(item) {
+                    return String(item._id);
+                }),
+                onDragEnd: handleDragEnd,
+                sensors: [
+                    mouseSensor
+                ],
+                children: fields.map(function(product, index) {
+                    var isOverridesProductSet = isEventEditProductSet ? !!product.id : isOverrides && !!product.originalProductId;
+                    var isNewProductOverrides = isCreateNewOverrides && !!product.id;
+                    return /*#__PURE__*/ jsx(Controller, {
+                        control: control,
+                        name: "".concat(productControlFieldName, ".").concat(index, ".name"),
+                        rules: {
+                            required: t("Validation:fieldRequired", {
+                                attribute: t("name")
+                            })
+                        },
+                        render: function(param) {
+                            var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                            return /*#__PURE__*/ jsx(SortableTree.Item, {
+                                id: String(product._id),
+                                isExpanded: isFirstProductAdded,
+                                isInvalid: !!categoryProductErrors,
+                                title: value,
+                                isOverride: isOverrides,
+                                badge: /*#__PURE__*/ jsx(Badge, {
+                                    className: "product-badge",
+                                    children: t("product")
+                                }),
+                                isIconInHeader: false,
+                                cancelChanges: function() {
+                                    return cancelChanges(index);
+                                },
+                                edit: function() {
+                                    return edit(index);
+                                },
+                                secondaryBadge: getBadgeConfig(categoryType, t(categoryType)),
+                                subTitle: /*#__PURE__*/ jsxs("div", {
+                                    className: "product-set-badges-container",
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: "product-set-subtitle-dot product-set-subtitle-product-dot"
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            children: "\xa3".concat(prices[index], " ").concat(t("each"), " - ").concat(t("qty"), ":").concat(!isUnlimitedQuantities[index] ? " ".concat(quantities[index]) : t(" unlimited"), " ").concat(!isUnlimitedQuantities[index] ? " - ".concat(t("possibleRevenue"), " \xa3").concat(prices[index] * quantities[index]) : "", " ")
+                                        })
+                                    ]
+                                }),
+                                modalLabel: t("addNewProduct"),
+                                modalClass: ProductSetModalClasses.product,
+                                isNewAdded: showProductModal,
+                                body: /*#__PURE__*/ jsx(ProductControl, {
+                                    isLoading: isLoading,
+                                    quantityType: quantityType,
+                                    allowDeposits: allowDeposits,
+                                    hasBookingManagement: false,
+                                    fieldNamePrefix: "".concat(productControlFieldName, ".").concat(index),
+                                    productName: value,
+                                    onProductNameChange: onChange,
+                                    hasTicket: hasTicket,
+                                    categoryType: categoryType,
+                                    isOverrides: isNewProductOverrides || isOverridesProductSet
+                                }),
+                                onDelete: function() {
+                                    return onProductRemove(index);
+                                },
+                                validate: function() {
+                                    return trigger("".concat(productControlFieldName, ".").concat(index));
+                                },
+                                saveValidField: saveValidField,
+                                children: /*#__PURE__*/ jsx(SubProductsControl, {
+                                    isLoading: isLoading,
+                                    quantityType: quantityType,
+                                    stepIndex: stepIndex,
+                                    productCategoryIndex: productCategoryIndex,
+                                    productIndex: index
+                                })
+                            }, "product-".concat(product._id));
+                        }
+                    }, product._id);
+                })
+            }),
+            /*#__PURE__*/ jsx(CreateProductSetItem, {
+                title: t("addProduct"),
+                onClick: function() {
+                    append(getDefaultProductValue(fields.length));
+                    setShowProductModal(true);
+                    if ((categoryProductErrors === null || categoryProductErrors === void 0 ? void 0 : categoryProductErrors.type) === HookFormService.manualErrorType) {
+                        clearErrors(productControlFieldName);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "manual-form-error",
+                children: categoryProductErrors && categoryProductErrors.message
+            })
+        ]
+    });
+}
+
+export { ProductsControl };

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-export interface SelectCategoryModalProps {
-    isVisible: boolean;
-    onHide: () => void;
-    onCategorySelect: (category: CategoryType) => void;
-}
-export declare function SelectCategoryModal({ isVisible, onHide, onCategorySelect, }: SelectCategoryModalProps): JSX.Element;
+import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
+export interface SelectCategoryModalProps {
+    isVisible: boolean;
+    onHide: () => void;
+    onCategorySelect: (category: CategoryType) => void;
+}
+export declare function SelectCategoryModal({ isVisible, onHide, onCategorySelect, }: SelectCategoryModalProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectCategoryModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectCategoryModal.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/SelectCategoryModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAML,YAAY,EACb,MAAM,kEAAkE,CAAC;AA4C1E,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,MAAM,EACN,gBAAgB,GACjB,EAAE,wBAAwB,eA4H1B"}
+{"version":3,"file":"SelectCategoryModal.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/SelectCategoryModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAML,YAAY,EACb,MAAM,kEAAkE,CAAC;AAoD1E,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,MAAM,EACN,gBAAgB,GACjB,EAAE,wBAAwB,2CAyH1B"}

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

@@ -1 +1,245 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a=require("tslib"),n=require("react"),l=e(n),o=require("react-i18next"),c=e(require("react-bootstrap/Col")),i=require("react-bootstrap"),s=require("../../static/Icon.js"),u=e(require("react-bootstrap/ModalHeader")),m=e(require("react-bootstrap/ModalTitle")),d=require("./context.js"),E=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),f=E.CATEGORY_TYPE_MENU_ITEMS,b=E.CATEGORY_TYPE_TICKETS,p=E.CATEGORY_TYPE_BOOKINGS,g=E.CATEGORY_TYPE_GAME,y=E.CATEGORY_TYPE_FIXED_DURATION,C=((t={})[b]={label:"tickets",icon:"ticket-alt"},t[p]={label:"bookings",icon:"calendar"},t[f]={label:"menuItems",icon:"bars"},t),x=((r={})[g]={label:"game",icon:"bowling-ball"},r[y]={label:"fixedDuration",icon:"calendar"},r);exports.SelectCategoryModal=function(e){var t=e.isVisible,r=e.onHide,f=e.onCategorySelect,b=o.useTranslation(["Design"]).t,p=n.useContext(d.ProductSetLoadingContext).providerHasBookingManagement,g=Object.keys(C),y=Object.keys(x),_=a.__read(n.useState(null),2),T=_[0],O=_[1],h=T===E.CATEGORY_TYPE_BOOKINGS,k=a.__read(n.useState(0),2),v=k[0],N=k[1],I=function(e){if(p&&e===E.CATEGORY_TYPE_BOOKINGS)return O(e),void N(1);O(null),N(0),f(e),r()};return l.createElement(i.Modal,{size:"lg",centered:!0,show:t,onHide:r,className:"p-3 border-0",animation:!1,contentClassName:"rounded"},l.createElement(u,{className:"align-items-center border-0"},l.createElement(m,{as:"h5"},b("Design:selectCategory")),l.createElement(i.Button,{variant:"danger",className:"btn-sm rounded",onClick:r},l.createElement(s.default,{type:"times",height:"1.2rem"}))),l.createElement(i.ModalBody,null,l.createElement(i.Carousel,{interval:null,keyboard:!1,indicators:h,activeIndex:v,controls:!1},l.createElement(i.Carousel.Item,null,l.createElement("div",{className:"d-flex flex-row flex-wrap p-4 justify-content-between mb-6"},g.map((function(e){var t=C[e],r=t.label,a=t.icon;return l.createElement(c,{key:r},l.createElement(i.Button,{variant:"outline-light",className:"d-flex justify-content-center align-items-center flex-column w-100 py-6 rounded",role:"button",tabIndex:0,onClick:function(){return I(e)},active:T===e},"string"==typeof a?l.createElement(s.default,{type:a,color:"#0e8ce2",height:"2rem"}):a,l.createElement("h6",{className:"text-dark mt-3"},b(r))))})))),l.createElement(i.Carousel.Item,null,l.createElement("div",{className:"d-flex flex-row flex-wrap p-4 justify-content-between mb-6"},y.map((function(e){var t=x[e],r=t.label,a=t.icon;return l.createElement(c,{key:r},l.createElement(i.Button,{variant:"outline-light",className:"d-flex justify-content-center align-items-center flex-column w-100 py-6 rounded",role:"button",tabIndex:0,onClick:function(){return I(e)},active:T===e},l.createElement(s.default,{type:a,color:"#0e8ce2",height:"2rem"}),l.createElement("h6",{className:"text-dark mt-3"},b(r))))}))))),h&&l.createElement(i.Button,{size:"sm",className:"carousel-control-button ".concat(v?"left":"right"),onClick:function(){return N((function(e){return e?0:1}))}},l.createElement(s.default,{type:v?"arrow-left":"arrow-right",height:"1rem"}))))};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, useState } from 'react';
+import { Modal, Button, ModalBody, Carousel } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+import { CATEGORY_TYPE_MENU_ITEMS, CATEGORY_TYPE_TICKETS, CATEGORY_TYPE_BOOKINGS, CATEGORY_TYPE_GAME, CATEGORY_TYPE_FIXED_DURATION } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import ModalHeader from 'react-bootstrap/ModalHeader';
+import ModalTitle from 'react-bootstrap/ModalTitle';
+import Col from 'react-bootstrap/Col';
+import { FaTicketAlt, FaCalendar, FaBars, FaBowlingBall, FaTimes, FaArrowLeft, FaArrowRight } from 'react-icons/fa';
+import { ProductSetLoadingContext } from './context.js';
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */ 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 _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 CATEGORY_TYPES_NAMES = {
+    menuItems: CATEGORY_TYPE_MENU_ITEMS,
+    tickets: CATEGORY_TYPE_TICKETS,
+    bookings: CATEGORY_TYPE_BOOKINGS,
+    game: CATEGORY_TYPE_GAME,
+    fixedDuration: CATEGORY_TYPE_FIXED_DURATION
+};
+var _obj;
+var MAIN_CATEGORIES = (_obj = {}, _define_property(_obj, CATEGORY_TYPES_NAMES.tickets, {
+    label: "tickets",
+    icon: /*#__PURE__*/ jsx(FaTicketAlt, {
+        color: "#0e8ce2",
+        size: 32
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.bookings, {
+    label: "bookings",
+    icon: /*#__PURE__*/ jsx(FaCalendar, {
+        color: "#0e8ce2",
+        size: 32
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.menuItems, {
+    label: "menuItems",
+    icon: /*#__PURE__*/ jsx(FaBars, {
+        color: "#0e8ce2",
+        size: 32
+    })
+}), _obj);
+var _obj1;
+var BOOKING_SUBCATEGORIES = (_obj1 = {}, _define_property(_obj1, CATEGORY_TYPES_NAMES.game, {
+    label: "game",
+    icon: /*#__PURE__*/ jsx(FaBowlingBall, {
+        color: "#0e8ce2",
+        size: 32
+    })
+}), _define_property(_obj1, CATEGORY_TYPES_NAMES.fixedDuration, {
+    label: "fixedDuration",
+    icon: /*#__PURE__*/ jsx(FaCalendar, {
+        color: "#0e8ce2",
+        size: 32
+    })
+}), _obj1);
+function SelectCategoryModal(param) {
+    var isVisible = param.isVisible, onHide = param.onHide, onCategorySelect = param.onCategorySelect;
+    var t = useTranslation([
+        "Design"
+    ]).t;
+    var providerHasBookingManagement = useContext(ProductSetLoadingContext).providerHasBookingManagement;
+    var mainCategories = Object.keys(MAIN_CATEGORIES);
+    var bookingSubcategories = Object.keys(BOOKING_SUBCATEGORIES);
+    var _useState = _sliced_to_array(useState(null), 2), selectedCategory = _useState[0], setSelectedCategory = _useState[1];
+    var isBookingsSelected = selectedCategory === CATEGORY_TYPE_BOOKINGS;
+    var _useState1 = _sliced_to_array(useState(0), 2), activeCarouselIndex = _useState1[0], setActiveCarouselIndex = _useState1[1];
+    var categorySelectHandler = function(category) {
+        if (providerHasBookingManagement && category === CATEGORY_TYPE_BOOKINGS) {
+            setSelectedCategory(category);
+            setActiveCarouselIndex(1);
+            return;
+        }
+        setSelectedCategory(null);
+        setActiveCarouselIndex(0);
+        onCategorySelect(category);
+        onHide();
+    };
+    return /*#__PURE__*/ jsxs(Modal, {
+        size: "lg",
+        centered: true,
+        show: isVisible,
+        onHide: onHide,
+        className: "p-3 border-0",
+        animation: false,
+        contentClassName: "rounded",
+        children: [
+            /*#__PURE__*/ jsxs(ModalHeader, {
+                className: "align-items-center border-0",
+                children: [
+                    /*#__PURE__*/ jsx(ModalTitle, {
+                        as: "h5",
+                        children: t("Design:selectCategory")
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        variant: "danger",
+                        className: "btn-sm rounded",
+                        onClick: onHide,
+                        children: /*#__PURE__*/ jsx(FaTimes, {
+                            size: 20
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(ModalBody, {
+                children: [
+                    /*#__PURE__*/ jsxs(Carousel, {
+                        interval: null,
+                        keyboard: false,
+                        indicators: isBookingsSelected,
+                        activeIndex: activeCarouselIndex,
+                        controls: false,
+                        children: [
+                            /*#__PURE__*/ jsx(Carousel.Item, {
+                                children: /*#__PURE__*/ jsx("div", {
+                                    className: "d-flex flex-row flex-wrap p-4 justify-content-between mb-6",
+                                    children: mainCategories.map(function(categoryType) {
+                                        var _MAIN_CATEGORIES_categoryType = MAIN_CATEGORIES[categoryType], label = _MAIN_CATEGORIES_categoryType.label, icon = _MAIN_CATEGORIES_categoryType.icon;
+                                        return /*#__PURE__*/ jsx(Col, {
+                                            children: /*#__PURE__*/ jsxs(Button, {
+                                                variant: "outline-light",
+                                                className: "d-flex justify-content-center align-items-center flex-column w-100 py-6 rounded",
+                                                role: "button",
+                                                tabIndex: 0,
+                                                onClick: function() {
+                                                    return categorySelectHandler(categoryType);
+                                                },
+                                                active: selectedCategory === categoryType,
+                                                children: [
+                                                    icon,
+                                                    /*#__PURE__*/ jsx("h6", {
+                                                        className: "text-dark mt-3",
+                                                        children: t(label)
+                                                    })
+                                                ]
+                                            })
+                                        }, label);
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Carousel.Item, {
+                                children: /*#__PURE__*/ jsx("div", {
+                                    className: "d-flex flex-row flex-wrap p-4 justify-content-between mb-6",
+                                    children: bookingSubcategories.map(function(categoryType) {
+                                        var _BOOKING_SUBCATEGORIES_categoryType = BOOKING_SUBCATEGORIES[categoryType], label = _BOOKING_SUBCATEGORIES_categoryType.label, icon = _BOOKING_SUBCATEGORIES_categoryType.icon;
+                                        return /*#__PURE__*/ jsx(Col, {
+                                            children: /*#__PURE__*/ jsxs(Button, {
+                                                variant: "outline-light",
+                                                className: "d-flex justify-content-center align-items-center flex-column w-100 py-6 rounded",
+                                                role: "button",
+                                                tabIndex: 0,
+                                                onClick: function() {
+                                                    return categorySelectHandler(categoryType);
+                                                },
+                                                active: selectedCategory === categoryType,
+                                                children: [
+                                                    icon,
+                                                    /*#__PURE__*/ jsx("h6", {
+                                                        className: "text-dark mt-3",
+                                                        children: t(label)
+                                                    })
+                                                ]
+                                            })
+                                        }, label);
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    isBookingsSelected && /*#__PURE__*/ jsx(Button, {
+                        size: "sm",
+                        className: "carousel-control-button ".concat(activeCarouselIndex ? "left" : "right"),
+                        onClick: function() {
+                            return setActiveCarouselIndex(function(prev) {
+                                return prev ? 0 : 1;
+                            });
+                        },
+                        children: activeCarouselIndex ? /*#__PURE__*/ jsx(FaArrowLeft, {
+                            size: 16
+                        }) : /*#__PURE__*/ jsx(FaArrowRight, {
+                            size: 16
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { SelectCategoryModal };

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-interface StepsControlProps {
-    isLoading: boolean;
-    isOverrides?: boolean;
-    isEventEditProductSet?: boolean;
-    isCreateNewOverrides?: boolean;
-}
-export declare function StepsControl({ isLoading, isOverrides, isEventEditProductSet, isCreateNewOverrides, }: StepsControlProps): JSX.Element;
-export {};
+interface StepsControlProps {
+    isLoading: boolean;
+    isOverrides?: boolean;
+    isEventEditProductSet?: boolean;
+    isCreateNewOverrides?: boolean;
+}
+export declare function StepsControl({ isLoading, isOverrides, isEventEditProductSet, isCreateNewOverrides, }: StepsControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=StepsControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/StepsControl.tsx"],"names":[],"mappings":";AAkBA,UAAU,iBAAiB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,iBAAiB,eAgJnB"}
+{"version":3,"file":"StepsControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/StepsControl.tsx"],"names":[],"mappings":"AAkBA,UAAU,iBAAiB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,iBAAiB,2CAgJnB"}