@licklist/design 0.66.10-dev.0 → 0.66.10-dev.3

package/dist/product-set/product/ProductControl.js

@@ -1,6 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { QUANTITY_TYPE_LIST_DTO, QUANTITY_TYPE_CONSTANT, QUANTITY_TYPE_RECHARGING, CATEGORY_TYPE_FIXED_DURATION, CATEGORY_TYPE_GAME } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
-import { PRODUCT_DEfAULT_COLORS } from '@licklist/core/dist/DataMapper/Product/ProductDataMapper';
+import { QUANTITY_TYPE_LIST_DTO, QUANTITY_TYPE_CONSTANT, QUANTITY_TYPE_RECHARGING } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
 import clsx from 'clsx';
 import { useId } from '@react-aria/utils';
@@ -14,6 +13,7 @@ import { useTranslation } from 'react-i18next';
 import { useImages } from '@licklist/plugins/dist/hooks/Media/useImages';
 import { IMAGE_TYPE_IMAGE } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
 import { FaClipboard } from 'react-icons/fa';
+import { checkIfZoneCategory } from '@licklist/plugins';
 import { FileUpload } from '../../file-upload/FileUpload.js';
 import '../../static/index.js';
 import { ProductSetLoadingContext } from '../form/context.js';
@@ -22,55 +22,11 @@ import { ProductDepositControl } from './deposit/ProductDepositControl.js';
 import { ProductQuantityControl } from './quantity/ProductQuantityControl.js';
 import { ProductQuantityConstantControl } from './quantity/ProductQuantityConstantControl.js';
 import { ProductQuantityRechargingControl } from './quantity/ProductQuantityRechargingControl.js';
-import '@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper';
-import { PropertyControl } from '../../snippet/snippet-template/control/PropertyControl.js';
-import 'react-bootstrap/Button';
-import 'lodash';
-import '@licklist/plugins/dist/services/Form/FormErrorService';
-import 'react-router-dom';
-import '@licklist/core/dist/DataMapper/Provider/SnippetDataMapper';
-import '../../calendar/Calendar.js';
-import 'luxon';
-import 'react-intl';
 import { TipTapEditor } from '../../tiptap-editor/TipTapEditor.js';
-import '@licklist/core/dist/Config';
-import '../../iframe/event/event-card/IframeEventCardSkeleton.js';
-import '../../iframe/page/Page.js';
-import '../../iframe/page/components/PageBody/PageBody.js';
-import 'react-swipeable';
-import '@licklist/plugins/dist/services/Route/RouteService';
-import '@licklist/plugins/dist/services/Media/MediaService';
-import 'react-bootstrap/Accordion';
-import 'react-bootstrap/Card';
-import 'react-bootstrap/AccordionToggle';
-import 'react-bootstrap/AccordionContext';
-import '../../iframe/event/event-venue-map/IframeEventVenueMap.js';
-import 'react-bootstrap/PageItem';
-import '@licklist/plugins/dist/services/Table/PaginationService';
-import '@licklist/plugins/dist/services/Table/TableService';
-import '@licklist/plugins/dist/hooks/Query/useQuery';
-import 'react-loader';
-import '../../table/utils/index.js';
-import '@tanstack/react-table';
-import '../../iframe/payment/order-items-table/hooks/useTableData.js';
-import '@licklist/plugins/dist/context/payment/PaymentSessionContext';
-import 'react-bootstrap/Alert';
-import '@licklist/plugins/dist/hooks/Ryft/useRyftPayment';
-import '@licklist/plugins/dist';
-import '../../iframe/order-process/components/BookingSummary/BookingSummary.js';
-import '../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js';
-import 'react-bootstrap/ModalHeader';
-import 'react-bootstrap/ModalTitle';
-import 'react-bootstrap/ModalBody';
-import 'react-bootstrap/Modal';
-import '../../iframe/payment/payment-status-page/PaymentStatusPage.js';
-import '../../static/manual-date-picker/constants/index.js';
-import '../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js';
-import { FixedDurationOptions } from './fixed-duration-fields/FixedDurationOptions.js';
-import { ProductDurationControl } from './duration/ProductDurationControl.js';
 import { ProductPriceControl } from './price/ProductPriceControl.js';
 import { MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH } from './constants.js';
-import { FormNumberInput } from '../../static/form-number-input/FormNumberInput.js';
+import { AdvancedOptions } from './advanced-options/AdvancedOptions.js';
+import { ProductZonesControl } from '../form/ProductZonesControl.js';
 import { BooleanSwitch } from '../../static/switch/BooleanSwitch.js';
 
 function _array_like_to_array(arr, len) {
@@ -172,9 +128,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function ProductControl(param) {
-    var _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, fieldNamePrefix = param.fieldNamePrefix, _param_allowDeposits = param.allowDeposits, allowDeposits = _param_allowDeposits === void 0 ? false : _param_allowDeposits, _param_hasBookingManagement = param.hasBookingManagement, hasBookingManagement = _param_hasBookingManagement === void 0 ? false : _param_hasBookingManagement, _param_zoneList = param.zoneList, zoneList = _param_zoneList === void 0 ? [] : _param_zoneList, onCopy = param.onCopy, onProductNameChange = param.onProductNameChange, productName = param.productName, hasTicket = param.hasTicket, categoryType = param.categoryType, zoneDuration = param.zoneDuration, _param_isOverrides = param.isOverrides, isOverrides = _param_isOverrides === void 0 ? false : _param_isOverrides;
-    var _useFormContext = useFormContext(), register = _useFormContext.register, control = _useFormContext.control, errors = _useFormContext.formState.errors, setValue = _useFormContext.setValue, getValues = _useFormContext.getValues, watch = _useFormContext.watch, trigger = _useFormContext.trigger, clearErrors = _useFormContext.clearErrors;
-    var _useContext = useContext(ProductSetLoadingContext), setLoading = _useContext.setLoading, productGroupList = _useContext.productGroupList;
+    var _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, fieldNamePrefix = param.fieldNamePrefix, _param_allowDeposits = param.allowDeposits, allowDeposits = _param_allowDeposits === void 0 ? false : _param_allowDeposits, _param_hasBookingManagement = param.hasBookingManagement, hasBookingManagement = _param_hasBookingManagement === void 0 ? false : _param_hasBookingManagement, _param_zoneList = param.zoneList, zoneList = _param_zoneList === void 0 ? [] : _param_zoneList, onCopy = param.onCopy, onProductNameChange = param.onProductNameChange, productName = param.productName, hasTicket = param.hasTicket, categoryType = param.categoryType, _param_isOverrides = param.isOverrides, isOverrides = _param_isOverrides === void 0 ? false : _param_isOverrides;
+    var _useFormContext = useFormContext(), register = _useFormContext.register, control = _useFormContext.control, errors = _useFormContext.formState.errors, setValue = _useFormContext.setValue, getValues = _useFormContext.getValues, watch = _useFormContext.watch;
+    var setLoading = useContext(ProductSetLoadingContext).setLoading;
     var t = useTranslation([
         "Design",
         "Validation",
@@ -184,20 +140,14 @@ function ProductControl(param) {
     var _useState1 = _sliced_to_array(useState(null), 2), initialImages = _useState1[0], setInitialImages = _useState1[1];
     // @TODO: After checking "isUnlimited" checkbox need to reset field totalQuantity
     var isUnlimited = Boolean(watch("".concat(fieldNamePrefix, ".isUnlimited")));
-    var capacity = watch("".concat(fieldNamePrefix, ".capacity"));
-    var disabledDuration = capacity === "0" || !capacity;
     var advancedId = useId();
     var nameId = useId();
-    var productGroupId = useId();
     var descriptionId = useId();
-    var termsAndConditionsId = useId();
     var isAvailableId = useId();
     var isSoldOutId = useId();
-    var isRequiredId = useId();
     var quantitySelectorId = useId();
-    var hasSpecialNotesId = useId();
     var unlimitedQuantityId = useId();
-    var minSpendId = useId();
+    var isZoneCategory = checkIfZoneCategory(categoryType);
     var quantitySelectorList = [
         {
             id: 1,
@@ -223,12 +173,6 @@ function ProductControl(param) {
     }, [
         handleImageUploading
     ]);
-    var onChangeGameCapacity = function(value) {
-        if (!zoneDuration) {
-            return;
-        }
-        setValue("".concat(fieldNamePrefix, ".duration"), /* @ts-expect-error 6385 */ value * zoneDuration);
-    };
     var onImageRemove = useCallback(function(id, path) {
         handleImageRemove(String(id), path);
     }, [
@@ -260,17 +204,6 @@ function ProductControl(param) {
         fieldNamePrefix,
         setValue
     ]);
-    useEffect(function() {
-        if (!disabledDuration) {
-            trigger("".concat(fieldNamePrefix, ".duration"));
-            return;
-        }
-        setValue("".concat(fieldNamePrefix, ".duration"), /* @ts-expect-error 6385 */ 0);
-        clearErrors("".concat(fieldNamePrefix, ".duration"));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        disabledDuration
-    ]);
     var quantitySelector = quantityValue !== null && quantityValue !== void 0 ? quantityValue : "1";
     var quantity = QUANTITY_TYPE_LIST_DTO[quantitySelector];
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -412,172 +345,17 @@ function ProductControl(param) {
                                     children: HookFormService.getErrors("".concat(fieldNamePrefix, ".quantitySelector"), errors)
                                 })
                             ]
-                        }),
-                        /*#__PURE__*/ jsx(PropertyControl, {
-                            item: "".concat(fieldNamePrefix, ".color"),
-                            label: t("ProductSet:selectColor"),
-                            isDisabled: isOverrides,
-                            isRequired: false,
-                            defaultColors: PRODUCT_DEfAULT_COLORS
-                        }),
-                        /*#__PURE__*/ jsxs(Form.Group, {
-                            controlId: productGroupId,
-                            children: [
-                                /*#__PURE__*/ jsx(Form.Label, {
-                                    children: t("productGroup")
-                                }),
-                                /*#__PURE__*/ jsxs(Form.Control, _object_spread_props(_object_spread({
-                                    as: "select"
-                                }, register("".concat(fieldNamePrefix, ".productGroupId"))), {
-                                    isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".productGroupId"), errors),
-                                    disabled: isLoading || isOverrides,
-                                    defaultValue: "",
-                                    children: [
-                                        /*#__PURE__*/ jsx("option", {
-                                            value: "",
-                                            children: t("Design:selectProductGroup")
-                                        }),
-                                        productGroupList.map(function(productGroup) {
-                                            return /*#__PURE__*/ jsx("option", {
-                                                value: productGroup.id,
-                                                children: productGroup.value
-                                            }, productGroup.id);
-                                        })
-                                    ]
-                                })),
-                                /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                                    type: "invalid",
-                                    children: HookFormService.getErrors("".concat(fieldNamePrefix, ".productGroupId"), errors)
-                                })
-                            ]
                         })
                     ]
                 })
             }),
-            categoryType === CATEGORY_TYPE_FIXED_DURATION && /*#__PURE__*/ jsxs(Row, {
-                className: "align-items-start duration-capacity-container",
-                children: [
-                    /*#__PURE__*/ jsx(ProductDurationControl, {
-                        fieldNamePrefix: fieldNamePrefix,
-                        disabled: disabledDuration || isOverrides
-                    }),
-                    /*#__PURE__*/ jsx(Col, {
-                        lg: 4,
-                        md: 4,
-                        children: /*#__PURE__*/ jsx(FormNumberInput, {
-                            fieldName: "".concat(fieldNamePrefix, ".capacity"),
-                            label: t("capacity"),
-                            disabled: isOverrides,
-                            rules: {
-                                min: {
-                                    value: 0,
-                                    message: t("Validation:fieldMinNumber", {
-                                        attribute: t("capacity"),
-                                        min: 0
-                                    })
-                                }
-                            }
-                        })
-                    }),
-                    disabledDuration && /*#__PURE__*/ jsx("div", {
-                        className: "duration-hint duration-capacity-container",
-                        children: t("Design:forDurationEditing")
-                    })
-                ]
-            }),
-            categoryType === CATEGORY_TYPE_GAME && /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ jsxs(Row, {
-                        className: "align-items-start duration-capacity-container",
-                        children: [
-                            /*#__PURE__*/ jsx(Col, {
-                                lg: 4,
-                                md: 4,
-                                children: /*#__PURE__*/ jsx(FormNumberInput, {
-                                    fieldName: "".concat(fieldNamePrefix, ".capacity"),
-                                    label: t("capacity"),
-                                    onChange: onChangeGameCapacity,
-                                    disabled: isOverrides,
-                                    rules: {
-                                        min: {
-                                            value: 0,
-                                            message: t("Validation:fieldMinNumber", {
-                                                attribute: t("capacity"),
-                                                min: 1
-                                            })
-                                        }
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Col, {
-                                lg: 4,
-                                md: 4,
-                                children: /*#__PURE__*/ jsx(FormNumberInput, {
-                                    fieldName: "".concat(fieldNamePrefix, ".duration"),
-                                    label: t("durationMinutes"),
-                                    disabled: disabledDuration || isOverrides,
-                                    rules: {
-                                        min: {
-                                            value: 0,
-                                            message: t("Validation:fieldMinNumber", {
-                                                attribute: t("duration"),
-                                                min: 0
-                                            })
-                                        },
-                                        validate: function(val) {
-                                            if (!disabledDuration && (!val || val < 1)) {
-                                                return t("Validation:fieldRequired", {
-                                                    attribute: t("duration")
-                                                });
-                                            }
-                                            return true;
-                                        }
-                                    }
-                                })
-                            })
-                        ]
-                    }),
-                    disabledDuration && /*#__PURE__*/ jsx("div", {
-                        className: "duration-hint pl-0",
-                        children: t("Design:forDurationEditing")
-                    })
-                ]
-            }),
             /*#__PURE__*/ jsxs(Row, {
-                className: "mt-4",
+                className: "my-4 mx-0 d-flex flex-column",
                 children: [
-                    /*#__PURE__*/ jsx(Col, {
-                        lg: 8,
-                        md: 8,
-                        children: /*#__PURE__*/ jsxs(Form.Group, {
-                            controlId: termsAndConditionsId,
-                            children: [
-                                /*#__PURE__*/ jsx(Form.Label, {
-                                    children: t("productTermsConditions")
-                                }),
-                                /*#__PURE__*/ jsx(Controller, {
-                                    render: function(param) {
-                                        var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange, name = _param_field.name, ref = _param_field.ref;
-                                        return /*#__PURE__*/ jsx(Form.Control, {
-                                            ref: ref,
-                                            as: "textarea",
-                                            rows: 3,
-                                            value: value,
-                                            onChange: onChange,
-                                            isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".termsAndConditions"), errors),
-                                            disabled: isLoading || isOverrides,
-                                            name: name
-                                        });
-                                    },
-                                    control: control,
-                                    name: "".concat(fieldNamePrefix, ".termsAndConditions")
-                                }),
-                                /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                                    type: "invalid",
-                                    children: HookFormService.getErrors("".concat(fieldNamePrefix, ".termsAndConditions"), errors)
-                                })
-                            ]
-                        })
+                    isZoneCategory && /*#__PURE__*/ jsx(ProductZonesControl, {
+                        isOverrides: isOverrides,
+                        fieldNamePrefix: fieldNamePrefix,
+                        categoryType: categoryType
                     }),
                     /*#__PURE__*/ jsx(Col, {
                         lg: 4,
@@ -682,72 +460,12 @@ function ProductControl(param) {
                 children: [
                     /*#__PURE__*/ jsx(Collapse, {
                         in: expanded,
-                        children: /*#__PURE__*/ jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ jsxs(Form.Group, {
-                                    controlId: isRequiredId,
-                                    className: "advanced-switch-container",
-                                    children: [
-                                        /*#__PURE__*/ jsx(Form.Label, {
-                                            children: t("isRequired")
-                                        }),
-                                        /*#__PURE__*/ jsx(Controller, {
-                                            render: function(param) {
-                                                var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange, name = _param_field.name;
-                                                return /*#__PURE__*/ jsx(BooleanSwitch, {
-                                                    name: name,
-                                                    value: Boolean(value),
-                                                    onChange: onChange,
-                                                    disabled: isLoading || isOverrides
-                                                });
-                                            },
-                                            control: control,
-                                            name: "".concat(fieldNamePrefix, ".isRequired")
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs(Form.Group, {
-                                    controlId: hasSpecialNotesId,
-                                    className: "advanced-switch-container",
-                                    children: [
-                                        /*#__PURE__*/ jsx(Form.Label, {
-                                            children: t("hasSpecialNotes")
-                                        }),
-                                        /*#__PURE__*/ jsx(Controller, {
-                                            render: function(param) {
-                                                var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange, name = _param_field.name;
-                                                return /*#__PURE__*/ jsx(BooleanSwitch, {
-                                                    name: name,
-                                                    value: Boolean(value),
-                                                    onChange: onChange,
-                                                    disabled: isLoading || isOverrides
-                                                });
-                                            },
-                                            control: control,
-                                            name: "".concat(fieldNamePrefix, ".hasSpecialNotes")
-                                        })
-                                    ]
-                                }),
-                                [
-                                    CATEGORY_TYPE_GAME,
-                                    CATEGORY_TYPE_FIXED_DURATION
-                                ].includes(categoryType) && /*#__PURE__*/ jsx(FixedDurationOptions, {
-                                    fieldNamePrefix: fieldNamePrefix,
-                                    isOverrides: isOverrides
-                                }),
-                                /*#__PURE__*/ jsx(Form.Group, {
-                                    controlId: minSpendId,
-                                    className: "advanced-switch-container",
-                                    children: /*#__PURE__*/ jsx(ProductPriceControl, {
-                                        title: t("minSpend"),
-                                        isRequired: false,
-                                        isMoreThanZero: true,
-                                        allowDeposits: false,
-                                        isLoading: isLoading || isOverrides,
-                                        fieldNamePrefix: "".concat(fieldNamePrefix, ".minSpend")
-                                    })
-                                })
-                            ]
+                        children: /*#__PURE__*/ jsx("div", {
+                            children: /*#__PURE__*/ jsx(AdvancedOptions, {
+                                isOverrides: isOverrides,
+                                fieldNamePrefix: fieldNamePrefix,
+                                isLoading: isLoading
+                            })
                         })
                     }),
                     /*#__PURE__*/ jsx(Row, {

package/dist/product-set/product/advanced-options/AdvancedOptions.d.ts

@@ -0,0 +1,8 @@
+import { FieldNamePrefixPath, FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
+interface AdvancedOptionsProps<T> extends FieldNamePrefixPath<T> {
+    isOverrides: boolean;
+    isLoading: boolean;
+}
+export declare const AdvancedOptions: <T extends FormValues>({ fieldNamePrefix, isOverrides, isLoading, }: AdvancedOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdvancedOptions.d.ts.map

package/dist/product-set/product/advanced-options/AdvancedOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedOptions.d.ts","sourceRoot":"","sources":["../../../../src/product-set/product/advanced-options/AdvancedOptions.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,mBAAmB,EACnB,UAAU,EACX,MAAM,8DAA8D,CAAC;AAOtE,UAAU,oBAAoB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,UAAU,gDAIjD,oBAAoB,CAAC,CAAC,CAAC,4CA6IzB,CAAC"}