@licklist/design 0.66.13 → 0.67.1

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

@@ -1 +1,508 @@
-"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"),r=e(a),n=require("react-i18next"),o=e(require("react-bootstrap/Row")),l=e(require("react-bootstrap/Col")),i=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");require("../../static/index.js");var E=require("@licklist/plugins"),g=require("../form/context.js"),f=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),C=require("./booking-management/ProductBookingManagementControl.js"),v=require("./deposit/ProductDepositControl.js"),h=require("./quantity/ProductQuantityControl.js"),P=require("./quantity/ProductQuantityConstantControl.js"),b=require("./quantity/ProductQuantityRechargingControl.js"),q=e(require("react-bootstrap/Collapse")),y=require("@licklist/plugins/dist/hooks/Media/useImages"),I=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),k=require("../../file-upload/FileUpload.js"),x=require("../../tiptap-editor/TipTapEditor.js"),F=require("./price/ProductPriceControl.js"),N=require("./constants.js"),T=require("./advanced-options/AdvancedOptions.js"),_=require("../form/ProductZonesControl.js");exports.ProductControl=function(e){var L=e.isLoading,S=void 0!==L&&L,j=e.fieldNamePrefix,A=e.allowDeposits,w=void 0!==A&&A,M=e.hasBookingManagement,O=void 0!==M&&M,R=e.zoneList,D=void 0===R?[]:R,G=e.onCopy,U=e.onProductNameChange,B=e.productName,Q=e.hasTicket,Y=e.categoryType,H=e.isOverrides,V=void 0!==H&&H,Z=s.useFormContext(),z=Z.register,X=Z.control,W=Z.formState.errors,J=Z.setValue,K=Z.getValues,$=Z.watch,ee=a.useContext(g.ProductSetLoadingContext).setLoading,te=n.useTranslation(["Design","Validation","ProductSet"]).t,ae=t.__read(a.useState(!1),2),re=ae[0],ne=ae[1],oe=t.__read(a.useState(null),2),le=oe[0],ie=oe[1],ce=Boolean($("".concat(j,".isUnlimited"))),se=u.useId(),de=u.useId(),ue=u.useId(),me=u.useId(),pe=u.useId(),Ee=u.useId(),ge=u.useId(),fe=E.checkIfZoneCategory(Y),Ce=[{id:1,value:te("quantitySelector")},{id:2,value:te("stockControl")}],ve=a.useCallback((function(){return ne((function(e){return!e}))}),[]),he=s.useWatch({control:X,name:"".concat(j,".quantitySelector")}),Pe=y.useImages(le),be=Pe.images,qe=Pe.handleImageRemove,ye=Pe.handleImageUploading,Ie=Pe.isLoading,ke=a.useCallback((function(e){ye(e,I.IMAGE_TYPE_IMAGE)}),[ye]),xe=a.useCallback((function(e,t){qe(String(e),t)}),[qe]),Fe=function(e){return e.target.select()};a.useEffect((function(){ee(Ie)}),[ee,Ie]),a.useEffect((function(){var e=K("".concat(j,".images"));ie(e)}),[K,ie,j]),a.useEffect((function(){Array.isArray(be)&&J("".concat(j,".images"),be)}),[be,j,J]);var Ne=null!=he?he:"1",Te=f.QUANTITY_TYPE_LIST_DTO[Ne];return r.createElement(r.Fragment,null,r.createElement(o,null,r.createElement(l,{lg:8,md:8},r.createElement(i.Form.Group,{controlId:de},r.createElement(i.Form.Label,null,te("name")),r.createElement(i.Form.Control,t.__assign({},z("".concat(j,".name")),{value:B,onChange:U,isInvalid:d.isInvalid("".concat(j,".name"),W),disabled:S||V,placeholder:te("name")})),r.createElement(i.Form.Control.Feedback,{type:"invalid"},d.getErrors("".concat(j,".name"),W))),r.createElement(i.Form.Group,{controlId:ue},r.createElement(i.Form.Label,null,te("description")),r.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,n=t.onChange;return r.createElement(x.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:n,content:a,disabled:S||V})},rules:{maxLength:{value:N.MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH,message:te("Validation:descriptionTooManyCharactersMessage",{max:N.MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH})}},control:X,name:"".concat(j,".description")})),r.createElement("div",{className:"invalid-feedback field-values-error d-block"},d.getErrors("".concat(j,".description"),W)),w?r.createElement(o,null,r.createElement(v.ProductDepositControl,{isLoading:S,fieldNamePrefix:j}),r.createElement(F.ProductPriceControl,{isLoading:S,fieldNamePrefix:"".concat(j,".price"),title:te("totalPrice"),allowDeposits:w})):r.createElement(F.ProductPriceControl,{isLoading:S,fieldNamePrefix:"".concat(j,".price")}),r.createElement("div",null,r.createElement(h.ProductQuantityControl,{isLoading:S,fieldNamePrefix:j,isOverrides:V,onFocus:Fe}),Te===f.QUANTITY_TYPE_CONSTANT&&r.createElement(P.ProductQuantityConstantControl,{isLoading:S,fieldNamePrefix:j,onFocus:Fe,disabled:ce}),Te===f.QUANTITY_TYPE_RECHARGING&&r.createElement(b.ProductQuantityRechargingControl,{isLoading:S,fieldNamePrefix:j,onFocus:Fe,disabled:ce}),r.createElement(i.Form.Group,{controlId:ge,className:"custom-checkbox"},r.createElement(i.Form.Check,t.__assign({custom:!0,type:"checkbox"},z("".concat(j,".isUnlimited")),{name:"".concat(j,".isUnlimited"),disabled:S})),r.createElement(i.Form.Check.Label,null,te("isUnlimited")))),r.createElement(i.Form.Group,{controlId:Ee},r.createElement(i.Form.Label,null,te("quantitySelectorType")),r.createElement(i.Form.Control,t.__assign({as:"select",defaultValue:Q?Ce[0].id:void 0},z("".concat(j,".quantitySelector")),{isInvalid:d.isInvalid("".concat(j,".quantitySelector"),W),disabled:S||Q||V}),Ce.map((function(e){return r.createElement("option",{value:e.id,key:e.id},e.value)}))),r.createElement(i.Form.Control.Feedback,{type:"invalid"},d.getErrors("".concat(j,".quantitySelector"),W))))),r.createElement(o,{className:"my-4 mx-0 d-flex flex-column"},fe&&r.createElement(_.ProductZonesControl,{isOverrides:V,fieldNamePrefix:j,categoryType:Y}),r.createElement(l,{lg:4,md:4,className:m("licklist-file-upload-wrapper",V&&"opacity-50")},r.createElement(k.FileUpload,{onFilesChange:ke,allowedExtensions:["jpeg","jpg","png"],subTitle:".jpeg    .jpg    .png",enablePreview:!0,onFileRemove:xe,defaultFiles:be,isLoading:Ie,disabled:V,withIcon:!0,title:te("addImage")}))),r.createElement(l,{lg:12,md:12,xl:!0,className:"p-0"},r.createElement(i.Form.Group,{controlId:me,className:"advanced-switch-container"},r.createElement(i.Form.Label,null,te("isAvailable")),r.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,n=t.onChange,o=t.name;return r.createElement(p.BooleanSwitch,{name:o,value:Boolean(a),onChange:n,disabled:S||V})},control:X,name:"".concat(j,".isAvailable")})),r.createElement(i.Form.Group,{controlId:pe,className:"advanced-switch-container"},r.createElement(i.Form.Label,null,te("isSoldOut")),r.createElement(s.Controller,{render:function(e){var t=e.field,a=t.value,n=t.onChange,o=t.name;return r.createElement(p.BooleanSwitch,{name:o,value:Boolean(a),onChange:n,disabled:S})},control:X,name:"".concat(j,".isSoldOut")})),r.createElement(i.Form.Group,{controlId:se,className:"custom-checkbox"},r.createElement(i.Form.Check,{custom:!0,type:"checkbox",name:se,disabled:S||V},r.createElement(i.Form.Check.Input,{checked:re,onChange:ve,type:"checkbox"}),r.createElement(i.Form.Check.Label,null,te("showAdvancedOptions"))))),r.createElement(l,{lg:12,md:12,xl:!0,className:"p-0"},r.createElement(q,{in:re},r.createElement("div",null,r.createElement(T.AdvancedOptions,{isOverrides:V,fieldNamePrefix:j,isLoading:S}))),r.createElement(o,null,r.createElement(l,{xs:12},O&&r.createElement(C.ProductBookingManagementControl,{isLoading:S,zoneList:D,fieldNamePrefix:j})))),r.createElement(o,null,r.createElement(l,{xs:!0},r.createElement("div",{className:"d-flex justify-content-end mt-4"},Boolean(G)&&r.createElement(i.Button,{onClick:G,variant:"link",className:"d-flex align-items-center"},r.createElement(c.default,{type:"clipboard",height:"1rem",className:"mr-2"})," ",te("copy"))))))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+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';
+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/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';
+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 { TipTapEditor } from '../../tiptap-editor/TipTapEditor.js';
+import { ProductPriceControl } from './price/ProductPriceControl.js';
+import { MAX_PRODUCT_DESCRIPTION_CHARACTERS_LENGTH } from './constants.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) {
+    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, _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",
+        "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 advancedId = useId();
+    var nameId = useId();
+    var descriptionId = useId();
+    var isAvailableId = useId();
+    var isSoldOutId = useId();
+    var quantitySelectorId = useId();
+    var unlimitedQuantityId = useId();
+    var isZoneCategory = checkIfZoneCategory(categoryType);
+    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 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
+    ]);
+    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__*/ jsxs(Row, {
+                className: "my-4 mx-0 d-flex flex-column",
+                children: [
+                    isZoneCategory && /*#__PURE__*/ jsx(ProductZonesControl, {
+                        isOverrides: isOverrides,
+                        fieldNamePrefix: fieldNamePrefix,
+                        categoryType: categoryType
+                    }),
+                    /*#__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__*/ jsx("div", {
+                            children: /*#__PURE__*/ jsx(AdvancedOptions, {
+                                isOverrides: isOverrides,
+                                fieldNamePrefix: fieldNamePrefix,
+                                isLoading: isLoading
+                            })
+                        })
+                    }),
+                    /*#__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(FaClipboard, {
+                                    size: 16,
+                                    className: "mr-2"
+                                }),
+                                " ",
+                                t("copy")
+                            ]
+                        })
+                    })
+                })
+            })
+        ]
+    });
+}
+
+export { ProductControl };

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-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>) => JSX.Element;
-export {};
+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

@@ -1 +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,8GAiJ3B,CAAC"}
+{"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"}