@licklist/design 0.66.7-dev.4 → 0.66.7-dev.6

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

@@ -1 +1,791 @@
-"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"),a=require("react"),n=e(a),r=require("react-i18next"),o=e(require("react-bootstrap/Row")),i=e(require("react-bootstrap/Col")),l=require("react-bootstrap"),c=require("../../static/Icon.js"),s=require("react-hook-form"),d=e(require("@licklist/plugins/dist/services/Form/HookFormService")),u=require("@react-aria/utils"),m=e(require("clsx")),p=require("../../static/switch/BooleanSwitch.js"),E=require("../../static/form-number-input/FormNumberInput.js");require("../../static/index.js");var g=require("../form/context.js"),f=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),C=require("@licklist/core/dist/DataMapper/Product/ProductDataMapper"),v=require("./booking-management/ProductBookingManagementControl.js"),b=require("./deposit/ProductDepositControl.js"),I=require("./quantity/ProductQuantityControl.js"),h=require("./quantity/ProductQuantityConstantControl.js"),F=require("./quantity/ProductQuantityRechargingControl.js"),P=e(require("react-bootstrap/Collapse")),N=require("@licklist/plugins/dist/hooks/Media/useImages"),q=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),T=require("../../file-upload/FileUpload.js");require("../../snippet/snippet-template/context/snippetTemplate.js"),require("../../snippet/snippet-template/context/snippetTemplateLoading.js"),require("../../snippet/snippet-template/context/snippetTemplateView.js");var y=require("../../snippet/snippet-template/control/PropertyControl.js");require("../../snippet/snippet-template/form/SnippetTemplateForm.js");var _=require("../../tiptap-editor/TipTapEditor.js");require("../../snippet/snippet-template/settings/SettingButton.js"),require("../../snippet/snippet-template/preview/Preview.js"),require("../../snippet/snippet-template/SnippetTemplate.js");var x=require("./fixed-duration-fields/FixedDurationOptions.js"),k=require("./duration/ProductDurationControl.js"),S=require("./price/ProductPriceControl.js"),D=require("./constants.js");exports.ProductControl=function(e){var L=e.isLoading,j=void 0!==L&&L,A=e.fieldNamePrefix,G=e.allowDeposits,R=void 0!==G&&G,w=e.hasBookingManagement,M=void 0!==w&&w,O=e.zoneList,U=void 0===O?[]:O,B=e.onCopy,Y=e.onProductNameChange,V=e.productName,Q=e.hasTicket,H=e.categoryType,X=e.zoneDuration,z=e.isOverrides,W=void 0!==z&&z,Z=s.useFormContext(),J=Z.register,K=Z.control,$=Z.formState.errors,ee=Z.setValue,te=Z.getValues,ae=Z.watch,ne=Z.trigger,re=Z.clearErrors,oe=a.useContext(g.ProductSetLoadingContext),ie=oe.setLoading,le=oe.productGroupList,ce=r.useTranslation(["Design","Validation","ProductSet"]).t,se=t.__read(a.useState(!1),2),de=se[0],ue=se[1],me=t.__read(a.useState(null),2),pe=me[0],Ee=me[1],ge=Boolean(ae("".concat(A,".isUnlimited"))),fe=ae("".concat(A,".capacity")),Ce="0"===fe||!fe,ve=u.useId(),be=u.useId(),Ie=u.useId(),he=u.useId(),Fe=u.useId(),Pe=u.useId(),Ne=u.useId(),qe=u.useId(),Te=u.useId(),ye=u.useId(),_e=u.useId(),xe=u.useId(),ke=[{id:1,value:ce("quantitySelector")},{id:2,value:ce("stockControl")}],Se=a.useCallback((function(){return ue((function(e){return!e}))}),[]),De=s.useWatch({control:K,name:"".concat(A,".quantitySelector")}),Le=N.useImages(pe),je=Le.images,Ae=Le.handleImageRemove,Ge=Le.handleImageUploading,Re=Le.isLoading,we=a.useCallback((function(e){Ge(e,q.IMAGE_TYPE_IMAGE)}),[Ge]),Me=a.useCallback((function(e,t){Ae(String(e),t)}),[Ae]),Oe=function(e){return e.target.select()};a.useEffect((function(){ie(Re)}),[ie,Re]),a.useEffect((function(){var e=te("".concat(A,".images"));Ee(e)}),[te,Ee,A]),a.useEffect((function(){Array.isArray(je)&&ee("".concat(A,".images"),je)}),[je,A,ee]),a.useEffect((function(){Ce?(ee("".concat(A,".duration"),0),re("".concat(A,".duration"))):ne("".concat(A,".duration"))}),[Ce]);var Ue=null!=De?De:"1",Be=f.QUANTITY_TYPE_LIST_DTO[Ue];return n.createElement(n.Fragment,null,n.createElement(o,null,n.createElement(i,{lg:8,md:8},n.createElement(l.Form.Group,{controlId:be},n.createElement(l.Form.Label,null,ce("name")),n.createElement(l.Form.Control,t.__assign({},J("".concat(A,".name")),{value:V,onChange:Y,isInvalid:d.isInvalid("".concat(A,".name"),$),disabled:j||W,placeholder:ce("name")})),n.createElement(l.Form.Control.Feedback,{type:"invalid"},d.getErrors("".concat(A,".name"),$))),n.createElement(l.Form.Group,{controlId:he},n.createElement(l.Form.Label,null,ce("description")),n.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,r=t.onChange;return n.createElement(_.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:r,content:a,disabled:j||W})},rules:{maxLength:{value:D.MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH,message:ce("Validation:descriptionTooManyCharactersMessage",{max:D.MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH})}},control:K,name:"".concat(A,".description")})),n.createElement("div",{className:"invalid-feedback field-values-error d-block"},d.getErrors("".concat(A,".description"),$)),R?n.createElement(o,null,n.createElement(b.ProductDepositControl,{isLoading:j,fieldNamePrefix:A}),n.createElement(S.ProductPriceControl,{isLoading:j,fieldNamePrefix:"".concat(A,".price"),title:ce("totalPrice"),allowDeposits:R})):n.createElement(S.ProductPriceControl,{isLoading:j,fieldNamePrefix:"".concat(A,".price")}),n.createElement("div",null,n.createElement(I.ProductQuantityControl,{isLoading:j,fieldNamePrefix:A,isOverrides:W,onFocus:Oe}),Be===f.QUANTITY_TYPE_CONSTANT&&n.createElement(h.ProductQuantityConstantControl,{isLoading:j,fieldNamePrefix:A,onFocus:Oe,disabled:ge}),Be===f.QUANTITY_TYPE_RECHARGING&&n.createElement(F.ProductQuantityRechargingControl,{isLoading:j,fieldNamePrefix:A,onFocus:Oe,disabled:ge}),n.createElement(l.Form.Group,{controlId:_e,className:"custom-checkbox"},n.createElement(l.Form.Check,t.__assign({custom:!0,type:"checkbox"},J("".concat(A,".isUnlimited")),{name:"".concat(A,".isUnlimited"),disabled:j})),n.createElement(l.Form.Check.Label,null,ce("isUnlimited")))),n.createElement(l.Form.Group,{controlId:Te},n.createElement(l.Form.Label,null,ce("quantitySelectorType")),n.createElement(l.Form.Control,t.__assign({as:"select",defaultValue:Q?ke[0].id:void 0},J("".concat(A,".quantitySelector")),{isInvalid:d.isInvalid("".concat(A,".quantitySelector"),$),disabled:j||Q||W}),ke.map((function(e){return n.createElement("option",{value:e.id,key:e.id},e.value)}))),n.createElement(l.Form.Control.Feedback,{type:"invalid"},d.getErrors("".concat(A,".quantitySelector"),$))),n.createElement(y.PropertyControl,{item:"".concat(A,".color"),label:ce("ProductSet:selectColor"),isDisabled:W,isRequired:!1,defaultColors:C.PRODUCT_DEfAULT_COLORS}),n.createElement(l.Form.Group,{controlId:Ie},n.createElement(l.Form.Label,null,ce("productGroup")),n.createElement(l.Form.Control,t.__assign({as:"select"},J("".concat(A,".productGroupId")),{isInvalid:d.isInvalid("".concat(A,".productGroupId"),$),disabled:j||W,defaultValue:""}),n.createElement("option",{value:""},ce("Design:selectProductGroup")),le.map((function(e){return n.createElement("option",{value:e.id,key:e.id},e.value)}))),n.createElement(l.Form.Control.Feedback,{type:"invalid"},d.getErrors("".concat(A,".productGroupId"),$))))),H===f.CATEGORY_TYPE_FIXED_DURATION&&n.createElement(o,{className:"align-items-start duration-capacity-container"},n.createElement(k.ProductDurationControl,{fieldNamePrefix:A,disabled:Ce||W}),n.createElement(i,{lg:4,md:4},n.createElement(E.FormNumberInput,{fieldName:"".concat(A,".capacity"),label:ce("capacity"),disabled:W,rules:{min:{value:0,message:ce("Validation:fieldMinNumber",{attribute:ce("capacity"),min:0})}}})),Ce&&n.createElement("div",{className:"duration-hint duration-capacity-container"},ce("Design:forDurationEditing"))),H===f.CATEGORY_TYPE_GAME&&n.createElement(n.Fragment,null,n.createElement(o,{className:"align-items-start duration-capacity-container"},n.createElement(i,{lg:4,md:4},n.createElement(E.FormNumberInput,{fieldName:"".concat(A,".capacity"),label:ce("capacity"),onChange:function(e){X&&ee("".concat(A,".duration"),e*X)},disabled:W,rules:{min:{value:0,message:ce("Validation:fieldMinNumber",{attribute:ce("capacity"),min:1})}}})),n.createElement(i,{lg:4,md:4},n.createElement(E.FormNumberInput,{fieldName:"".concat(A,".duration"),label:ce("durationMinutes"),disabled:Ce||W,rules:{min:{value:0,message:ce("Validation:fieldMinNumber",{attribute:ce("duration"),min:0})},validate:function(e){return!(!Ce&&(!e||e<1))||ce("Validation:fieldRequired",{attribute:ce("duration")})}}}))),Ce&&n.createElement("div",{className:"duration-hint pl-0"},ce("Design:forDurationEditing"))),n.createElement(o,{className:"mt-4"},n.createElement(i,{lg:8,md:8},n.createElement(l.Form.Group,{controlId:Fe},n.createElement(l.Form.Label,null,ce("productTermsConditions")),n.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,r=t.onChange,o=t.name,i=t.ref;return n.createElement(l.Form.Control,{ref:i,as:"textarea",rows:3,value:a,onChange:r,isInvalid:d.isInvalid("".concat(A,".termsAndConditions"),$),disabled:j||W,name:o})},control:K,name:"".concat(A,".termsAndConditions")}),n.createElement(l.Form.Control.Feedback,{type:"invalid"},d.getErrors("".concat(A,".termsAndConditions"),$)))),n.createElement(i,{lg:4,md:4,className:m("licklist-file-upload-wrapper",W&&"opacity-50")},n.createElement(T.FileUpload,{onFilesChange:we,allowedExtensions:["jpeg","jpg","png"],subTitle:".jpeg    .jpg    .png",enablePreview:!0,onFileRemove:Me,defaultFiles:je,isLoading:Re,disabled:W,withIcon:!0,title:ce("addImage")}))),n.createElement(i,{lg:12,md:12,xl:!0,className:"p-0"},n.createElement(l.Form.Group,{controlId:Pe,className:"advanced-switch-container"},n.createElement(l.Form.Label,null,ce("isAvailable")),n.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,r=t.onChange,o=t.name;return n.createElement(p.BooleanSwitch,{name:o,value:Boolean(a),onChange:r,disabled:j||W})},control:K,name:"".concat(A,".isAvailable")})),n.createElement(l.Form.Group,{controlId:Ne,className:"advanced-switch-container"},n.createElement(l.Form.Label,null,ce("isSoldOut")),n.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,r=t.onChange,o=t.name;return n.createElement(p.BooleanSwitch,{name:o,value:Boolean(a),onChange:r,disabled:j})},control:K,name:"".concat(A,".isSoldOut")})),n.createElement(l.Form.Group,{controlId:ve,className:"custom-checkbox"},n.createElement(l.Form.Check,{custom:!0,type:"checkbox",name:ve,disabled:j||W},n.createElement(l.Form.Check.Input,{checked:de,onChange:Se,type:"checkbox"}),n.createElement(l.Form.Check.Label,null,ce("showAdvancedOptions"))))),n.createElement(i,{lg:12,md:12,xl:!0,className:"p-0"},n.createElement(P,{in:de},n.createElement("div",null,n.createElement(l.Form.Group,{controlId:qe,className:"advanced-switch-container"},n.createElement(l.Form.Label,null,ce("isRequired")),n.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,r=t.onChange,o=t.name;return n.createElement(p.BooleanSwitch,{name:o,value:Boolean(a),onChange:r,disabled:j||W})},control:K,name:"".concat(A,".isRequired")})),n.createElement(l.Form.Group,{controlId:ye,className:"advanced-switch-container"},n.createElement(l.Form.Label,null,ce("hasSpecialNotes")),n.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,r=t.onChange,o=t.name;return n.createElement(p.BooleanSwitch,{name:o,value:Boolean(a),onChange:r,disabled:j||W})},control:K,name:"".concat(A,".hasSpecialNotes")})),[f.CATEGORY_TYPE_GAME,f.CATEGORY_TYPE_FIXED_DURATION].includes(H)&&n.createElement(x.FixedDurationOptions,{fieldNamePrefix:A,isOverrides:W}),n.createElement(l.Form.Group,{controlId:xe,className:"advanced-switch-container"},n.createElement(S.ProductPriceControl,{title:ce("minSpend"),isRequired:!1,isMoreThanZero:!0,allowDeposits:!1,isLoading:j||W,fieldNamePrefix:"".concat(A,".minSpend")})))),n.createElement(o,null,n.createElement(i,{xs:12},M&&n.createElement(v.ProductBookingManagementControl,{isLoading:j,zoneList:U,fieldNamePrefix:A})))),n.createElement(o,null,n.createElement(i,{xs:!0},n.createElement("div",{className:"d-flex justify-content-end mt-4"},Boolean(B)&&n.createElement(l.Button,{onClick:B,variant:"link",className:"d-flex align-items-center"},n.createElement(c.default,{type:"clipboard",height:"1rem",className:"mr-2"})," ",ce("copy"))))))};
+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/src/DataMapper/Product/ProductCategoryDataMapper';
+import { PRODUCT_DEfAULT_COLORS } from '@licklist/core/src/DataMapper/Product/ProductDataMapper';
+import HookFormService from '@licklist/plugins/src/services/Form/HookFormService';
+import clsx from 'clsx';
+import { useId } from '@react-aria/utils';
+import { useContext, useState, useCallback, useEffect } from 'react';
+import { Form, Button } from 'react-bootstrap';
+import Col from 'react-bootstrap/Col';
+import Collapse from 'react-bootstrap/Collapse';
+import Row from 'react-bootstrap/Row';
+import { useFormContext, useWatch, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { useImages } from '@licklist/plugins/src/hooks/Media/useImages';
+import { IMAGE_TYPE_IMAGE } from '@licklist/core/src/DataMapper/Media/ImageDataMapper';
+import { FileUpload } from '../../file-upload/FileUpload.js';
+import '../../static/index.js';
+import Icon from '../../static/Icon.js';
+import { ProductSetLoadingContext } from '../form/context.js';
+import { ProductBookingManagementControl } from './booking-management/ProductBookingManagementControl.js';
+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/src/DataMapper/Provider/SnippetTemplateDataMapper';
+import { PropertyControl } from '../../snippet/snippet-template/control/PropertyControl.js';
+import 'react-bootstrap/Button';
+import 'lodash';
+import '@licklist/plugins/src/services/Form/FormErrorService';
+import 'react-router-dom';
+import '@licklist/core/src/DataMapper/Provider/SnippetDataMapper';
+import '../../calendar/Calendar.js';
+import 'luxon';
+import 'react-intl';
+import { TipTapEditor } from '../../tiptap-editor/TipTapEditor.js';
+import '@licklist/core/src/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/src/services/Route/RouteService';
+import '@licklist/plugins/src/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/src/services/Table/PaginationService';
+import '@licklist/plugins/src/services/Table/TableService';
+import '@licklist/plugins/src/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/src/context/payment/PaymentSessionContext';
+import 'react-bootstrap/Alert';
+import '@licklist/plugins/src/hooks/Ryft/useRyftPayment';
+import '@licklist/plugins/src';
+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 { BooleanSwitch } from '../../static/switch/BooleanSwitch.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+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 t = useTranslation([
+        "Design",
+        "Validation",
+        "ProductSet"
+    ]).t;
+    var _useState = _sliced_to_array(useState(false), 2), expanded = _useState[0], setExpanded = _useState[1];
+    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 quantitySelectorList = [
+        {
+            id: 1,
+            value: t("quantitySelector")
+        },
+        {
+            id: 2,
+            value: t("stockControl")
+        }
+    ];
+    var handleExpand = useCallback(function() {
+        return setExpanded(function(prevExpanded) {
+            return !prevExpanded;
+        });
+    }, []);
+    var quantityValue = useWatch({
+        control: control,
+        name: "".concat(fieldNamePrefix, ".quantitySelector")
+    });
+    var _useImages = useImages(initialImages), images = _useImages.images, handleImageRemove = _useImages.handleImageRemove, handleImageUploading = _useImages.handleImageUploading, isImageUploading = _useImages.isLoading;
+    var onFilesChange = useCallback(function(files) {
+        handleImageUploading(files, IMAGE_TYPE_IMAGE);
+    }, [
+        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);
+    }, [
+        handleImageRemove
+    ]);
+    var onFocus = function(e) {
+        return e.target.select();
+    };
+    useEffect(function() {
+        setLoading(isImageUploading);
+    }, [
+        setLoading,
+        isImageUploading
+    ]);
+    useEffect(function() {
+        var formImages = getValues("".concat(fieldNamePrefix, ".images"));
+        setInitialImages(formImages);
+    }, [
+        getValues,
+        setInitialImages,
+        fieldNamePrefix
+    ]);
+    useEffect(function() {
+        if (Array.isArray(images)) {
+            setValue("".concat(fieldNamePrefix, ".images"), /* @ts-expect-error 6385 */ images);
+        }
+    }, [
+        images,
+        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, {
+        children: [
+            /*#__PURE__*/ jsx(Row, {
+                children: /*#__PURE__*/ jsxs(Col, {
+                    lg: 8,
+                    md: 8,
+                    children: [
+                        /*#__PURE__*/ jsxs(Form.Group, {
+                            controlId: nameId,
+                            children: [
+                                /*#__PURE__*/ jsx(Form.Label, {
+                                    children: t("name")
+                                }),
+                                /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("".concat(fieldNamePrefix, ".name"))), {
+                                    value: productName,
+                                    onChange: onProductNameChange,
+                                    isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".name"), errors),
+                                    disabled: isLoading || isOverrides,
+                                    placeholder: t("name")
+                                })),
+                                /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                    type: "invalid",
+                                    children: HookFormService.getErrors("".concat(fieldNamePrefix, ".name"), errors)
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Form.Group, {
+                            controlId: descriptionId,
+                            children: [
+                                /*#__PURE__*/ jsx(Form.Label, {
+                                    children: t("description")
+                                }),
+                                /*#__PURE__*/ jsx(Controller, {
+                                    render: function(param) {
+                                        var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange;
+                                        return /*#__PURE__*/ jsx(TipTapEditor, {
+                                            withEmoji: false,
+                                            viewMode: false,
+                                            onUpdate: onChange,
+                                            content: value,
+                                            disabled: isLoading || isOverrides
+                                        });
+                                    },
+                                    rules: {
+                                        maxLength: {
+                                            value: MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH,
+                                            message: t("Validation:descriptionTooManyCharactersMessage", {
+                                                max: MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH
+                                            })
+                                        }
+                                    },
+                                    control: control,
+                                    name: "".concat(fieldNamePrefix, ".description")
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "invalid-feedback field-values-error d-block",
+                            children: HookFormService.getErrors("".concat(fieldNamePrefix, ".description"), errors)
+                        }),
+                        allowDeposits ? /*#__PURE__*/ jsxs(Row, {
+                            children: [
+                                /*#__PURE__*/ jsx(ProductDepositControl, {
+                                    isLoading: isLoading,
+                                    fieldNamePrefix: fieldNamePrefix
+                                }),
+                                /*#__PURE__*/ jsx(ProductPriceControl, {
+                                    isLoading: isLoading,
+                                    fieldNamePrefix: "".concat(fieldNamePrefix, ".price"),
+                                    title: t("totalPrice"),
+                                    allowDeposits: allowDeposits
+                                })
+                            ]
+                        }) : /*#__PURE__*/ jsx(ProductPriceControl, {
+                            isLoading: isLoading,
+                            fieldNamePrefix: "".concat(fieldNamePrefix, ".price")
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            children: [
+                                /*#__PURE__*/ jsx(ProductQuantityControl, {
+                                    isLoading: isLoading,
+                                    fieldNamePrefix: fieldNamePrefix,
+                                    isOverrides: isOverrides,
+                                    onFocus: onFocus
+                                }),
+                                quantity === QUANTITY_TYPE_CONSTANT && /*#__PURE__*/ jsx(ProductQuantityConstantControl, {
+                                    isLoading: isLoading,
+                                    fieldNamePrefix: fieldNamePrefix,
+                                    onFocus: onFocus,
+                                    disabled: isUnlimited
+                                }),
+                                quantity === QUANTITY_TYPE_RECHARGING && /*#__PURE__*/ jsx(ProductQuantityRechargingControl, {
+                                    isLoading: isLoading,
+                                    fieldNamePrefix: fieldNamePrefix,
+                                    onFocus: onFocus,
+                                    disabled: isUnlimited
+                                }),
+                                /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: unlimitedQuantityId,
+                                    className: "custom-checkbox",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({
+                                            custom: true,
+                                            type: "checkbox"
+                                        }, register("".concat(fieldNamePrefix, ".isUnlimited"))), {
+                                            name: "".concat(fieldNamePrefix, ".isUnlimited"),
+                                            disabled: isLoading
+                                        })),
+                                        /*#__PURE__*/ jsx(Form.Check.Label, {
+                                            children: t("isUnlimited")
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Form.Group, {
+                            controlId: quantitySelectorId,
+                            children: [
+                                /*#__PURE__*/ jsx(Form.Label, {
+                                    children: t("quantitySelectorType")
+                                }),
+                                /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
+                                    as: "select",
+                                    defaultValue: hasTicket ? quantitySelectorList[0].id : undefined
+                                }, register("".concat(fieldNamePrefix, ".quantitySelector"))), {
+                                    isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".quantitySelector"), errors),
+                                    disabled: isLoading || hasTicket || isOverrides,
+                                    children: quantitySelectorList.map(function(selector) {
+                                        return /*#__PURE__*/ jsx("option", {
+                                            value: selector.id,
+                                            children: selector.value
+                                        }, selector.id);
+                                    })
+                                })),
+                                /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                    type: "invalid",
+                                    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",
+                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)
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Col, {
+                        lg: 4,
+                        md: 4,
+                        className: clsx("licklist-file-upload-wrapper", isOverrides && "opacity-50"),
+                        children: /*#__PURE__*/ jsx(FileUpload, {
+                            onFilesChange: onFilesChange,
+                            allowedExtensions: [
+                                "jpeg",
+                                "jpg",
+                                "png"
+                            ],
+                            subTitle: ".jpeg    .jpg    .png",
+                            enablePreview: true,
+                            onFileRemove: onImageRemove,
+                            defaultFiles: images,
+                            isLoading: isImageUploading,
+                            disabled: isOverrides,
+                            withIcon: true,
+                            title: t("addImage")
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Col, {
+                lg: 12,
+                md: 12,
+                xl: true,
+                className: "p-0",
+                children: [
+                    /*#__PURE__*/ jsxs(Form.Group, {
+                        controlId: isAvailableId,
+                        className: "advanced-switch-container",
+                        children: [
+                            /*#__PURE__*/ jsx(Form.Label, {
+                                children: t("isAvailable")
+                            }),
+                            /*#__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, ".isAvailable")
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Form.Group, {
+                        controlId: isSoldOutId,
+                        className: "advanced-switch-container",
+                        children: [
+                            /*#__PURE__*/ jsx(Form.Label, {
+                                children: t("isSoldOut")
+                            }),
+                            /*#__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
+                                    });
+                                },
+                                control: control,
+                                name: "".concat(fieldNamePrefix, ".isSoldOut")
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Form.Group, {
+                        controlId: advancedId,
+                        className: "custom-checkbox",
+                        children: /*#__PURE__*/ jsxs(Form.Check, {
+                            custom: true,
+                            type: "checkbox",
+                            name: advancedId,
+                            disabled: isLoading || isOverrides,
+                            children: [
+                                /*#__PURE__*/ jsx(Form.Check.Input, {
+                                    checked: expanded,
+                                    onChange: handleExpand,
+                                    type: "checkbox"
+                                }),
+                                /*#__PURE__*/ jsx(Form.Check.Label, {
+                                    children: t("showAdvancedOptions")
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Col, {
+                lg: 12,
+                md: 12,
+                xl: true,
+                className: "p-0",
+                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")
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Row, {
+                        children: /*#__PURE__*/ jsx(Col, {
+                            xs: 12,
+                            children: hasBookingManagement && /*#__PURE__*/ jsx(ProductBookingManagementControl, {
+                                isLoading: isLoading,
+                                zoneList: zoneList,
+                                fieldNamePrefix: fieldNamePrefix
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Row, {
+                children: /*#__PURE__*/ jsx(Col, {
+                    xs: true,
+                    children: /*#__PURE__*/ jsx("div", {
+                        className: "d-flex justify-content-end mt-4",
+                        children: Boolean(onCopy) && /*#__PURE__*/ jsxs(Button, {
+                            onClick: onCopy,
+                            variant: "link",
+                            className: "d-flex align-items-center",
+                            children: [
+                                /*#__PURE__*/ jsx(Icon, {
+                                    type: "clipboard",
+                                    height: "1rem",
+                                    className: "mr-2"
+                                }),
+                                " ",
+                                t("copy")
+                            ]
+                        })
+                    })
+                })
+            })
+        ]
+    });
+}
+
+export { ProductControl };