@licklist/design 0.68.0 → 0.68.1-dev.0

package/dist/product-set/elements/DeleteFieldButton.d.ts

@@ -1,4 +1,4 @@
-import { IsDeletableEvent } from "../types";
+import { IsDeletableEvent } from '../types';
 export type DeleteFieldButtonProps = IsDeletableEvent;
 export declare function DeleteFieldButton({ onDelete }: DeleteFieldButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DeleteFieldButton.d.ts.map

package/dist/product-set/elements/DeleteFieldButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteFieldButton.d.ts","sourceRoot":"","sources":["../../../src/product-set/elements/DeleteFieldButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAarE"}
+{"version":3,"file":"DeleteFieldButton.d.ts","sourceRoot":"","sources":["../../../src/product-set/elements/DeleteFieldButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAA;AAErD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAarE"}

package/dist/product-set/elements/DeleteFieldButton.js

@@ -5,7 +5,7 @@ import { FaTrashAlt } from 'react-icons/fa';
 
 function DeleteFieldButton(param) {
     var onDelete = param.onDelete;
-    var t = useTranslation("Design").t;
+    var t = useTranslation('Design').t;
     return /*#__PURE__*/ jsxs(Button, {
         onClick: onDelete,
         variant: "outline-danger",
@@ -14,10 +14,10 @@ function DeleteFieldButton(param) {
             /*#__PURE__*/ jsx(FaTrashAlt, {
                 size: 16
             }),
-            " ",
+            ' ',
             /*#__PURE__*/ jsx("span", {
                 className: "d-none d-sm-inline ml-2",
-                children: t("delete")
+                children: t('delete')
             })
         ]
     });

package/dist/product-set/elements/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./DeleteFieldButton";
+export * from './DeleteFieldButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/product-set/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product-set/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/product-set/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

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

@@ -1,5 +1,5 @@
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-import { WithIsLoading } from "./ProductSetForm";
+import { CategoryType } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import { WithIsLoading } from './ProductSetForm';
 interface ProductCategoriesControlProps extends WithIsLoading {
     stepIndex: number;
     isOverrides?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":"AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AA0BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,6BAA6B,2CAoT/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM,KACZ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAczC,CAAC"}
+{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":"AAaA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAA;AAQzE,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAoCtE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AA0BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,6BAA6B,2CA4T/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM,KACZ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAczC,CAAA"}

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

@@ -1,9 +1,10 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } 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 { FaTicketAlt, FaCalendar, FaBars, FaBowlingBall } from 'react-icons/fa';
 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';
@@ -13,7 +14,7 @@ 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 { CATEGORY_TYPES_NAMES, SelectCategoryModal } from './SelectCategoryModal.js';
 import { ProductSetLoadingContext } from './context.js';
 import { VenueMapSetModal } from './VenueMapSetModal.js';
 import { sortArrayByIndex, moveArrayElements } from '../utils/index.js';
@@ -117,11 +118,45 @@ function _unsupported_iterable_to_array(o, minLen) {
     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 _obj;
+// @TODO not for first release
+// import Popover from "./ProductSetFormPopover";
+var CATEGORIES_TYPE = (_obj = {}, _define_property(_obj, CATEGORY_TYPES_NAMES.tickets, {
+    label: 'tickets',
+    icon: /*#__PURE__*/ jsx(FaTicketAlt, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.bookings, {
+    label: 'bookings',
+    icon: /*#__PURE__*/ jsx(FaCalendar, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.menuItems, {
+    label: 'menuItems',
+    icon: /*#__PURE__*/ jsx(FaBars, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.game, {
+    label: 'game',
+    icon: /*#__PURE__*/ jsx(FaBowlingBall, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.fixedDuration, {
+    label: 'fixedDuration',
+    icon: /*#__PURE__*/ jsx(FaCalendar, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _obj);
 var getCategoryDefaultValue = function(categoryType, sort) {
     return {
         id: null,
-        uniqueId: uniqueId("product-category"),
-        name: "",
+        uniqueId: uniqueId('product-category'),
+        name: '',
         minSubItems: null,
         maxSubItems: null,
         quantityType: QUANTITY_TYPE_STANDARD,
@@ -142,7 +177,7 @@ var getCategoryDefaultValue = function(categoryType, 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 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];
@@ -154,7 +189,7 @@ function ProductCategoriesControl(param) {
     var _useFieldArray = useFieldArray({
         name: productCategoriesFieldName,
         control: control,
-        keyName: "_id"
+        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({
@@ -250,12 +285,13 @@ function ProductCategoriesControl(param) {
                     var onSetIsExpanded = function() {
                         setIsExpanded(productCategoryId);
                     };
+                    var categoryType = CATEGORIES_TYPE[productCategory.type];
                     return /*#__PURE__*/ jsx(Controller, {
                         name: "".concat(productCategoriesFieldName, ".").concat(index, ".name"),
                         control: control,
                         rules: {
-                            required: t("Validation:fieldRequired", {
-                                attribute: t("name")
+                            required: t('Validation:fieldRequired', {
+                                attribute: t('name')
                             })
                         },
                         render: function(param)  {
@@ -276,7 +312,7 @@ function ProductCategoriesControl(param) {
                                 isInvalid: !!productCategoriesErrors,
                                 badge: /*#__PURE__*/ jsx(Badge, {
                                     className: "category-badge",
-                                    children: t("productCategory")
+                                    children: t('productCategory')
                                 }),
                                 isIconInHeader: false,
                                 subTitle: /*#__PURE__*/ jsxs("div", {
@@ -287,18 +323,28 @@ function ProductCategoriesControl(param) {
                                         }),
                                         /*#__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")
+                                                (_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"),
+                                modalLabel: t('addNewCategory'),
                                 secondaryBadge: getBadgeConfig(productCategory.type, t(productCategory.type)),
                                 modalClass: ProductSetModalClasses.category,
                                 isNewAdded: showCategoryModal,
+                                itemButton: /*#__PURE__*/ jsxs("div", {
+                                    className: "btn-outline-primary item-icon sm border border-primary rounded-sm",
+                                    children: [
+                                        categoryType.icon,
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "ml-2",
+                                            children: t(categoryType.label)
+                                        })
+                                    ]
+                                }),
                                 body: /*#__PURE__*/ jsx(ProductCategoryControl, {
                                     isLoading: isLoading,
                                     onCategoryNameChange: onChange,
@@ -339,7 +385,7 @@ function ProductCategoriesControl(param) {
                 })
             }),
             /*#__PURE__*/ jsx(CreateProductSetItem, {
-                title: t("addCategory"),
+                title: t('addCategory'),
                 onClick: function() {
                     setIsSelectCategoryVisible(true);
                 }
@@ -360,22 +406,22 @@ function ProductCategoriesControl(param) {
             providerHasMap && hasMap && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(CreateProductSetItem, {
-                        title: t("editMap"),
+                        title: t('editMap'),
                         isOverride: isOverrides,
                         onClick: function() {
                             if (isOverrides) return;
                             setIsVenueMapSetModalVisible(true);
                         },
-                        className: clsx("mt-3", showVenueMapSetError && "mb-3", showVenueMapSetError && "is-invalid")
+                        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")
+                            venueMapSetIdError && t('Validation:fieldRequired', {
+                                attribute: t('Design:venueMapSet')
                             }),
-                            venueMapSetPointProductsError && t("Validation:fieldMinNumber", {
-                                attribute: t("pointProduct"),
+                            venueMapSetPointProductsError && t('Validation:fieldMinNumber', {
+                                attribute: t('pointProduct'),
                                 min: 1
                             })
                         ]
@@ -396,11 +442,11 @@ function ProductCategoriesControl(param) {
 }
 var getBadgeConfig = function(categoryType, label) {
     if (categoryType === CATEGORY_TYPE_GAME) return {
-        className: "game-badge",
+        className: 'game-badge',
         label: label
     };
     if (categoryType === CATEGORY_TYPE_FIXED_DURATION) return {
-        className: "fixed-duration-badge",
+        className: 'fixed-duration-badge',
         label: label
     };
     return null;

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

@@ -1,19 +1,22 @@
-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";
+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 WithIdOptional {
+    id?: number;
+}
 export interface WithId {
     id: number;
 }
-export interface ProductSetFormValues extends FormValues, WithId, ProductSetControlValues {
+export interface ProductSetFormValues extends FormValues, WithIdOptional, ProductSetControlValues {
     steps: Step[];
     isOverrides?: boolean;
 }
@@ -26,7 +29,7 @@ export interface ProductSetFormProps extends WithIsLoading, ProductSetControlSha
     serverErrors?: ServerError;
     providerHasMap?: boolean;
     venueMapSets?: VenueMapSet[];
-    providerHasBookingManagement?: ProviderBookingManagementSetting["hasBookingManagement"];
+    providerHasBookingManagement?: ProviderBookingManagementSetting['hasBookingManagement'];
     zones?: Zone[] | null;
     isCreateAction?: boolean;
     isOverrides?: boolean;

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;IAC/B,QAAQ,EAAE,MAAM,CAAC;CAClB;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,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,mBAAmB,2CAmJrB"}
+{"version":3,"file":"ProductSetForm.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAA;AAIzF,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA8D,CAAA;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAK3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,oFAAoF,CAAA;AACrI,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAA;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAErF,OAAO,EAEL,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAI3D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAA;CACnB;AACD,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;CACX;AACD,MAAM,WAAW,oBACf,SAAQ,UAAU,EAChB,cAAc,EACd,uBAAuB;IACzB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,uBAAuB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,mBAAmB,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC3D,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,4BAA4B,CAAC,EAAE,gCAAgC,CAAC,sBAAsB,CAAC,CAAA;IACvF,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;CACjB;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,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,mBAAmB,2CA2JrB"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { Form, Row, Col, Button } from 'react-bootstrap';
 import { useForm, FormProvider } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
@@ -10,7 +10,16 @@ import { useDialogContext } from '../../modals/dialog/DialogContext.js';
 import { ProductSetControl } from '../control/ProductSetControl.js';
 import { ProductSetContextProvider, ProductSetLoadingContext } from './context.js';
 import { getFilteredTemplates, checkAvailableTimesErrors } from '../utils/index.js';
+import { ErrorModal } from '../../iframe/order-process/components/ErrorModal/ErrorModal.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, {
@@ -24,6 +33,33 @@ function _define_property(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] : {};
@@ -90,6 +126,17 @@ function _object_without_properties_loose(source, excluded) {
     }
     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);
+}
 function ProductSetForm(_param) {
     var companyName = _param.companyName, isLoading = _param.isLoading, defaultValues = _param.defaultValues, onSubmitAndRedirect = _param.onSubmitAndRedirect, onSubmitNoRedirect = _param.onSubmitNoRedirect, productGroupList = _param.productGroupList, serverErrors = _param.serverErrors, _param_providerHasMap = _param.providerHasMap, providerHasMap = _param_providerHasMap === void 0 ? false : _param_providerHasMap, _param_venueMapSets = _param.venueMapSets, venueMapSets = _param_venueMapSets === void 0 ? [] : _param_venueMapSets, providerHasBookingManagement = _param.providerHasBookingManagement, zones = _param.zones, isCreateAction = _param.isCreateAction, workHours = _param.workHours, isOverrides = _param.isOverrides, isCreateNewOverrides = _param.isCreateNewOverrides, timeZone = _param.timeZone, shared = _object_without_properties(_param, [
         "companyName",
@@ -109,11 +156,12 @@ function ProductSetForm(_param) {
         "isCreateNewOverrides",
         "timeZone"
     ]);
-    var t = useTranslation("Design").t;
+    var t = useTranslation('Design').t;
     var _useDialogContext = useDialogContext(), isShownDialog = _useDialogContext.isShownDialog, onBeforeUnload = _useDialogContext.onBeforeUnload, onPopState = _useDialogContext.onPopState, onApproveDialog = _useDialogContext.onApproveDialog, onDeclineDialog = _useDialogContext.onDeclineDialog;
+    var _useState = _sliced_to_array(useState(''), 2), errorMessage = _useState[0], setErrorMessage = _useState[1];
     var form = useForm({
         defaultValues: defaultValues,
-        mode: "onChange"
+        mode: 'onChange'
     });
     var setError = form.setError, reset = form.reset;
     var formValues = form.watch();
@@ -142,18 +190,21 @@ function ProductSetForm(_param) {
         if (!serverErrors) {
             return;
         }
+        if (Array.isArray(serverErrors) && serverErrors[0]) {
+            setErrorMessage(serverErrors[0]);
+        }
         FormErrorService.handleServerErrors(serverErrors, setError);
     }, [
         serverErrors,
         setError
     ]);
     useEffect(function() {
-        window.history.pushState(null, "", window.location.pathname + window.location.search);
-        window.addEventListener("beforeunload", onBeforeUnload);
-        window.addEventListener("popstate", onPopState);
+        window.history.pushState(null, '', window.location.pathname + window.location.search);
+        window.addEventListener('beforeunload', onBeforeUnload);
+        window.addEventListener('popstate', onPopState);
         return function() {
-            window.removeEventListener("beforeunload", onBeforeUnload);
-            window.removeEventListener("popstate", onPopState);
+            window.removeEventListener('beforeunload', onBeforeUnload);
+            window.removeEventListener('popstate', onPopState);
         };
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -166,11 +217,18 @@ function ProductSetForm(_param) {
         children: [
             /*#__PURE__*/ jsx(Dialog, {
                 isActive: isShownDialog,
-                title: t("Design:leavePage"),
-                content: t("Design:changesNotBeSaved"),
+                title: t('Design:leavePage'),
+                content: t('Design:changesNotBeSaved'),
                 onApprove: onApproveDialog,
                 onDecline: onDeclineDialog
             }),
+            /*#__PURE__*/ jsx(ErrorModal, {
+                message: errorMessage,
+                isOpen: !!errorMessage,
+                onClose: function() {
+                    return setErrorMessage('');
+                }
+            }),
             /*#__PURE__*/ jsx(FormProvider, _object_spread_props(_object_spread({}, form), {
                 children: /*#__PURE__*/ jsx(Form, {
                     onSubmit: form.handleSubmit(submitHandler(onSubmitAndRedirect)),
@@ -208,13 +266,13 @@ function ProductSetForm(_param) {
                                                         className: "product-set-save-btn mt-5 ml-5 d-no dne d-md-block",
                                                         onClick: form.handleSubmit(submitHandler(onSubmitNoRedirect)),
                                                         disabled: isLoading || contextIsLoading || !formValues.name,
-                                                        children: t("save")
+                                                        children: t('save')
                                                     }),
                                                     /*#__PURE__*/ jsx(Button, {
                                                         className: "product-set-save-btn mt-5 ml-5 d-no dne d-md-block",
                                                         type: "submit",
                                                         disabled: isLoading || contextIsLoading || !formValues.name,
-                                                        children: t("saveAndClose")
+                                                        children: t('saveAndClose')
                                                     })
                                                 ]
                                             })

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSetFormPopover.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetFormPopover.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,qBAAqB,CAAC,EAAE,SAAc,EAAE,EAAE,0BAA0B,2CAyB5E;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ProductSetFormPopover.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetFormPopover.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,qBAAqB,CAAC,EAAE,SAAc,EAAE,EAAE,0BAA0B,2CAyB5E;AAED,eAAe,qBAAqB,CAAA"}

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

@@ -0,0 +1,6 @@
+export declare const ProductSetNameControl: ({ value, onChange, error, }: {
+    value: string;
+    onChange: (value: string) => void;
+    error?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductSetNameControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSetNameControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetNameControl.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,gCAI/B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,4CAeA,CAAA"}

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

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Form } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
+
+var ProductSetNameControl = function(param) {
+    var value = param.value, onChange = param.onChange, error = param.error;
+    var t = useTranslation([
+        'Design'
+    ]).t;
+    return /*#__PURE__*/ jsxs(Form.Group, {
+        children: [
+            /*#__PURE__*/ jsxs(Form.Label, {
+                children: [
+                    t('Design:ProductSetName'),
+                    "*"
+                ]
+            }),
+            /*#__PURE__*/ jsx(Form.Control, {
+                value: value,
+                maxLength: 255,
+                onChange: function(e) {
+                    return onChange(e.target.value);
+                },
+                placeholder: t('Design:placeholderProductSetName'),
+                isInvalid: Boolean(error)
+            }),
+            /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                type: "invalid",
+                children: error
+            })
+        ]
+    });
+};
+
+export { ProductSetNameControl };

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

@@ -1,5 +1,5 @@
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-import { FieldNamePrefixPath, FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
+import { CategoryType } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import { FieldNamePrefixPath, FormValues } from '@licklist/plugins/dist/types/services/Form/hook-form-service';
 interface ProductZonesControlProps<T> extends FieldNamePrefixPath<T> {
     isOverrides: boolean;
     categoryType?: CategoryType;

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

@@ -1 +1 @@
-{"version":3,"file":"ProductZonesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductZonesControl.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,kEAAkE,CAAC;AAGhG,OAAO,EACL,mBAAmB,EACnB,UAAU,EACX,MAAM,8DAA8D,CAAC;AAQtE,UAAU,wBAAwB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAClE,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAaD,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,UAAU,mDAIrD,wBAAwB,CAAC,CAAC,CAAC,4CAqI7B,CAAC"}
+{"version":3,"file":"ProductZonesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductZonesControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,kEAAkE,CAAA;AAG/F,OAAO,EACL,mBAAmB,EACnB,UAAU,EACX,MAAM,8DAA8D,CAAA;AAQrE,UAAU,wBAAwB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAClE,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAaD,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,UAAU,mDAIrD,wBAAwB,CAAC,CAAC,CAAC,4CAqI7B,CAAA"}

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

@@ -11,8 +11,6 @@ import { CreateProductSetItem } from '../item/CreateProductSetItem.js';
 import { SortableTree } from '../../sortable-tree/SortableTree.js';
 import { ProductSetModalClasses } from '../../sortable-tree/SortableTreeItem.js';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
 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];
@@ -87,19 +85,19 @@ var ProductZonesControl = function(param) {
     var isOverrides = param.isOverrides, fieldNamePrefix = param.fieldNamePrefix, categoryType = param.categoryType;
     var _useState = _sliced_to_array(useState(false), 2), showProductZoneModal = _useState[0], setShowProductZoneModal = _useState[1];
     var t = useTranslation([
-        "Design",
-        "Validation",
-        "ProductSet"
+        'Design',
+        'Validation',
+        'ProductSet'
     ]).t;
     var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors, trigger = _useFormContext.trigger, clearErrors = _useFormContext.clearErrors;
     var productZonesFieldName = "".concat(fieldNamePrefix, ".productZones");
     var _useFieldArray = useFieldArray({
         name: productZonesFieldName,
         control: control,
-        keyName: "_id",
+        keyName: '_id',
         rules: {
-            required: t("Validation:fieldMinNumber", {
-                attribute: t("zones"),
+            required: t('Validation:fieldMinNumber', {
+                attribute: t('zones'),
                 min: 1
             }),
             minLength: 1
@@ -134,8 +132,8 @@ var ProductZonesControl = function(param) {
                     control: control,
                     name: "".concat(productZonesFieldName, ".").concat(index, ".zoneId"),
                     rules: {
-                        required: t("Validation:fieldRequired", {
-                            attribute: t("zone")
+                        required: t('Validation:fieldRequired', {
+                            attribute: t('zone')
                         })
                     },
                     render: function(param) {
@@ -148,7 +146,7 @@ var ProductZonesControl = function(param) {
                             })) === null || _zones_find === void 0 ? void 0 : _zones_find.name,
                             badge: /*#__PURE__*/ jsx(Badge, {
                                 className: "product-zone-badge",
-                                children: t("productZone")
+                                children: t('productZone')
                             }),
                             isIconInHeader: false,
                             cancelChanges: function() {
@@ -165,13 +163,13 @@ var ProductZonesControl = function(param) {
                                     }),
                                     /*#__PURE__*/ jsxs("span", {
                                         children: [
-                                            zoneCapacity[index] && "".concat(t("Cap"), ": ").concat(zoneCapacity[index], "; "),
-                                            "".concat(t("Dur"), ": ").concat(zoneDuration[index])
+                                            zoneCapacity[index] && "".concat(t('Cap'), ": ").concat(zoneCapacity[index], "; "),
+                                            "".concat(t('Dur'), ": ").concat(zoneDuration[index])
                                         ]
                                     })
                                 ]
                             }),
-                            modalLabel: t("addAZone"),
+                            modalLabel: t('addAZone'),
                             modalClass: ProductSetModalClasses.productZones,
                             isNewAdded: showProductZoneModal,
                             shouldExpand: false,
@@ -193,7 +191,7 @@ var ProductZonesControl = function(param) {
                 }, productZones._id);
             }),
             /*#__PURE__*/ jsx(CreateProductSetItem, {
-                title: t("addZone"),
+                title: t('addZone'),
                 onClick: function() {
                     // @TODO after updating react hook form fix issue with this type
                     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

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

@@ -1,8 +1,8 @@
-import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
-import { ProductControlProps, ProductSetFormValues } from "..";
-import { WithIsLoading } from "./ProductSetForm";
+import { CategoryType } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import { ProductControlProps, ProductSetFormValues } from '..';
+import { WithIsLoading } from './ProductSetForm';
 interface ProductsControlProps extends WithIsLoading {
-    quantityType: ProductControlProps<ProductSetFormValues>["quantityType"];
+    quantityType: ProductControlProps<ProductSetFormValues>['quantityType'];
     stepIndex: number;
     productCategoryIndex: number;
     hasTicket?: boolean;