@licklist/design 0.66.12 → 0.67.0

package/dist/product-set/product-category/ProductCategoryControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCategoryControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/product-category/ProductCategoryControl.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAE1F,OAAO,EACL,YAAY,EACZ,YAAY,EAKb,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAG9E,OAAO,EAAE,gBAAgB,EAAmB,MAAM,UAAU,CAAC;AAI7D,MAAM,WAAW,4BAA6B,SAAQ,UAAU;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,oBAAoB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACT,UAAkB,GACnB,EAAE,2BAA2B,eAoiB7B"}
+{"version":3,"file":"ProductCategoryControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/product-category/ProductCategoryControl.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAE1F,OAAO,EACL,YAAY,EACZ,YAAY,EAKb,MAAM,kEAAkE,CAAC;AAG1E,OAAO,EAAE,gBAAgB,EAAmB,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,4BAA6B,SAAQ,UAAU;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,oBAAoB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACT,UAAkB,GACnB,EAAE,2BAA2B,2CA4e7B"}

package/dist/product-set/product-category/ProductCategoryControl.js

@@ -1 +1,596 @@
-"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"),n=require("react"),a=e(n),r=require("react-i18next"),l=require("react-bootstrap"),o=require("react-hook-form"),c=e(require("@licklist/plugins/dist/services/Form/HookFormService")),m=require("@react-aria/utils"),i=require("../../static/switch/Switch.js"),u=require("../../static/switch/BooleanSwitch.js"),s=require("../../assets/dashboard/increment.svg.js");require("../../static/index.js");var d=require("../form/context.js"),E=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),p=[E.CATEGORY_TYPE_TICKETS,E.CATEGORY_TYPE_FIXED_DURATION,E.CATEGORY_TYPE_GAME];exports.ProductCategoryControl=function(e){var v,I,C,b,f=e.isLoading,g=e.categoryName,h=e.onCategoryNameChange,F=e.productCategoryIndex,y=e.stepIndex,x=e.isOverride,T=void 0!==x&&x,G=o.useFormContext(),k=G.control,N=G.formState.errors,S=G.register,w=G.clearErrors,_=G.setValue,q=G.getValues,R=G.watch,A=G.trigger,P=r.useTranslation("Design").t,D=t.__read(n.useState(!1),2),L=D[0],V=D[1],Y="steps.".concat(y,".productCategories.").concat(F),O=o.useWatch({name:Y}),B=R("".concat(Y,".maxSubItems"))||0,M=R("".concat(Y,".minSubItems"))||0,Q=R("".concat(Y,".allowDeposits")),j=p.includes(O.type),z=null===(b=null===(C=null===(I=null===(v=null==N?void 0:N.steps)||void 0===v?void 0:v[y])||void 0===I?void 0:I.productCategories)||void 0===C?void 0:C[F])||void 0===b?void 0:b.products,U=m.useId(),H=m.useId(),K=m.useId(),X=m.useId(),W=m.useId(),J=m.useId(),Z=m.useId(),$=m.useId(),ee=m.useId(),te=m.useId(),ne=m.useId(),ae=m.useId(),re=n.useContext(d.ProductSetLoadingContext),le=re.providerHasBookingManagement,oe=re.zones,ce=void 0===oe?[]:oe,me=n.useCallback((function(){return V((function(e){return!e}))}),[]);n.useEffect((function(){A("".concat(Y,".maxSubItems"))}),[M,Y]),n.useEffect((function(){A("".concat(Y,".minSubItems"))}),[B,Y]);var ie=O.type===E.CATEGORY_TYPE_FIXED_DURATION||O.type===E.CATEGORY_TYPE_GAME;return a.createElement(a.Fragment,null,a.createElement(l.Col,{md:12,xl:!0,className:"p-0"},a.createElement(l.Form.Group,{controlId:H},a.createElement(l.Form.Label,null,P("nameOfTheCategory")),a.createElement(l.Form.Control,t.__assign({},S("".concat(Y,".name"),{required:P("Validation:fieldRequired",{attribute:P("name")}),validate:function(){return(null==z?void 0:z.type)===c.manualErrorType&&w("".concat(Y,".products")),!0}}),{value:g,onChange:h,isInvalid:c.isInvalid("".concat(Y,".name"),N),placeholder:P("name"),disabled:f||T})),a.createElement(l.Form.Control.Feedback,{type:"invalid"},c.getErrors("".concat(Y,".name"),N))),a.createElement(l.Form.Group,{controlId:W},a.createElement(o.Controller,{control:k,name:"".concat(Y,".quantityType"),render:function(e){var t=e.field;return a.createElement(l.Form.Group,{className:"d-flex flex-column flex-grow-1 align-items-start"},a.createElement(l.Form.Label,null,P("quantityType")),a.createElement(i.Switch,{name:t.name,options:E.QUANTITY_TYPES.map((function(e){return{key:e,id:e,value:P(e)}})),value:t.value,onChange:t.onChange,disabled:f||T}))}})),a.createElement(l.Row,null,a.createElement(l.Col,{md:6,sm:6,xs:6},a.createElement(l.Form.Group,{controlId:K},a.createElement(l.Form.Label,null,P("minItems")),a.createElement(l.InputGroup,{hasValidation:!0},a.createElement(l.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){var e=Number(q("".concat(Y,".minSubItems"))||0);_("".concat(Y,".minSubItems"),e+1,{shouldValidate:!0})}},a.createElement(l.InputGroup.Text,{className:"py-0 px-3"},a.createElement(s.ReactComponent,null))),a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.value,r=t.onChange,o=t.name,m=t.ref;return a.createElement(l.Form.Control,{ref:m,type:"number",min:0,step:1,value:null===n?"":n,onChange:r,isInvalid:c.isInvalid("".concat(Y,".minSubItems"),N),disabled:f||T,name:o})},control:k,name:"".concat(Y,".minSubItems"),rules:{min:{value:0,message:P("Validation:fieldMinNumber",{attribute:P("minItems"),min:0})},max:B?{value:Number(B),message:P("Validation:fieldMaxNumber",{attribute:P("minItems"),max:P("maxItems")})}:void 0}}),a.createElement(l.Form.Control.Feedback,{type:"invalid"},c.getErrors("".concat(Y,".minSubItems"),N))))),a.createElement(l.Col,{md:6,sm:6,xs:6},a.createElement(l.Form.Group,{controlId:X},a.createElement(l.Form.Label,null,P("maxItems")),a.createElement(l.InputGroup,{hasValidation:!0},a.createElement(l.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){var e=Number(q("".concat(Y,".maxSubItems"))||0);_("".concat(Y,".maxSubItems"),e+1,{shouldValidate:!0})}},a.createElement(l.InputGroup.Text,{className:"py-0 px-3"},a.createElement(s.ReactComponent,null))),a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.value,r=t.onChange,o=t.name,m=t.ref;return a.createElement(l.Form.Control,{ref:m,type:"number",step:1,name:o,value:null===n?"":n,onChange:r,isInvalid:c.isInvalid("".concat(Y,".maxSubItems"),N),disabled:f||T})},control:k,name:"".concat(Y,".maxSubItems"),rules:{min:{value:Number(M),message:P("Validation:fieldGreaterMinNumber",{attribute:P("maxItems"),min:P("minItems")})}}}),a.createElement(l.Form.Control.Feedback,{type:"invalid"},c.getErrors("".concat(Y,".maxSubItems"),N)))))),a.createElement(l.Row,null,a.createElement(l.Col,{md:6,sm:6,xs:6},a.createElement(l.Form.Group,{controlId:te},a.createElement(l.Form.Label,null,P("Design:overallQuantity")),a.createElement(l.InputGroup,{hasValidation:!0},a.createElement(l.InputGroup.Prepend,{className:"arrow-up-btn",onClick:function(){var e=Number(q("".concat(Y,".overallQuantity"))||0);_("".concat(Y,".overallQuantity"),e+1,{shouldValidate:!0})}},a.createElement(l.InputGroup.Text,{className:"py-0 px-3"},a.createElement(s.ReactComponent,null))),a.createElement(o.Controller,{control:k,name:"".concat(Y,".overallQuantity"),render:function(e){var n=e.field;return a.createElement(l.Form.Control,t.__assign({min:0,step:1,type:"number",disabled:T,isInvalid:c.isInvalid("".concat(Y,".overallQuantity"),N)},n))},rules:{min:{value:0,message:P("Validation:fieldMinNumber",{attribute:P("overallQuantity"),min:0})}}}),a.createElement(l.Form.Control.Feedback,{type:"invalid"},c.getErrors("".concat(Y,".overallQuantity"),N)))))),ie&&a.createElement(a.Fragment,null,a.createElement(l.Row,null,a.createElement(l.Col,null,a.createElement(l.Form.Group,{controlId:ee},a.createElement(l.Form.Label,null,P("Design:zone")),a.createElement(o.Controller,{control:k,name:"".concat(Y,".zoneId"),render:function(e){var n=e.field;return a.createElement(l.Form.Control,t.__assign({as:"select",disabled:T,isInvalid:c.isInvalid("".concat(Y,".zoneId"),N)},n),a.createElement("option",{value:null},P("Design:choose")),ce.map((function(e){return a.createElement("option",{key:e.id,value:e.id},e.name)})))},rules:{required:{value:le,message:P("Validation:fieldRequired",{attribute:P("zone")})}}}),a.createElement(l.Form.Control.Feedback,{type:"invalid"},c.getErrors("".concat(Y,".zoneId"),N))))))),a.createElement(l.Col,{md:12,xl:!0,className:"p-0"},a.createElement(l.Form.Group,{controlId:U,className:"custom-checkbox"},a.createElement(l.Form.Check,{custom:!0,type:"checkbox",name:U,disabled:f,id:"check-api"},a.createElement(l.Form.Check.Input,{checked:L,onChange:me,disabled:T,type:"checkbox"}),a.createElement(l.Form.Check.Label,null,P("showAdvancedOptions")))),a.createElement(l.Collapse,{in:L},a.createElement("div",null,j&&a.createElement(l.Form.Group,{controlId:$,className:"advanced-switch-container"},a.createElement(l.Form.Label,null,P("hasTicket")),a.createElement("div",null,a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.name,r=t.value,l=t.onChange;return a.createElement(u.BooleanSwitch,{name:n,value:Boolean(r),onChange:l,disabled:O.type===E.CATEGORY_TYPE_TICKETS})},control:k,name:"".concat(Y,".hasTicket")}))),O.hasTicket&&a.createElement(l.Form.Group,{controlId:Z,className:"advanced-switch-container"},a.createElement(l.Form.Label,null,P("collectUserInfo")),a.createElement("div",null,a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.name,r=t.value,l=t.onChange;return a.createElement(u.BooleanSwitch,{name:n,value:Boolean(r),onChange:l,disabled:f||T})},control:k,name:"".concat(Y,".collectUserInfo")}))),!O.hasTicket&&a.createElement(l.Form.Group,{controlId:J,className:"advanced-switch-container"},a.createElement(a.Fragment,null,a.createElement(l.Form.Label,null,P("isTimeRelated")),a.createElement("div",null,a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.name,r=t.value,l=t.onChange;return a.createElement(u.BooleanSwitch,{name:n,value:Boolean(r),onChange:l,disabled:f||T})},control:k,name:"".concat(Y,".isTimeRelated")})))),a.createElement(l.Form.Group,{controlId:ne,className:"advanced-switch-container"},a.createElement(l.Form.Label,null,P("allowDeposits")),a.createElement("div",null,a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.name,r=t.value,l=t.onChange;return a.createElement(u.BooleanSwitch,{name:n,value:Boolean(r),onChange:l,disabled:f||T})},control:k,name:"".concat(Y,".allowDeposits")}))),Q&&a.createElement(l.Form.Group,{controlId:ae,className:"deposit-days"},a.createElement(l.Form.Label,null,P("depositDays")),a.createElement(o.Controller,{render:function(e){var t=e.field,n=t.value,r=t.onChange,o=t.name,m=t.ref;return a.createElement(l.Form.Control,{ref:m,type:"number",min:0,step:1,value:n,onChange:r,isInvalid:c.isInvalid("".concat(Y,".remainderExpireAfter"),N),disabled:f||T,name:o})},control:k,name:"".concat(Y,".remainderExpireAfter")}),a.createElement(l.Form.Control.Feedback,{type:"invalid"},c.getErrors("".concat(Y,".remainderExpireAfter"),N)))))))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { Col, Form, Row, InputGroup, Collapse } from 'react-bootstrap';
+import { useFormContext, useWatch, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
+import { useId } from '@react-aria/utils';
+import { QUANTITY_TYPES, CATEGORY_TYPE_TICKETS, CATEGORY_TYPE_FIXED_DURATION, CATEGORY_TYPE_GAME } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
+import '../../static/index.js';
+import { ReactComponent as SvgIncrement } from '../../assets/dashboard/increment.svg.js';
+import { Switch } from '../../static/switch/Switch.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);
+}
+var categoriesWithTickets = [
+    CATEGORY_TYPE_TICKETS,
+    CATEGORY_TYPE_FIXED_DURATION,
+    CATEGORY_TYPE_GAME
+];
+function ProductCategoryControl(param) {
+    var isLoading = param.isLoading, categoryName = param.categoryName, onCategoryNameChange = param.onCategoryNameChange, productCategoryIndex = param.productCategoryIndex, stepIndex = param.stepIndex, _param_isOverride = param.isOverride, isOverride = _param_isOverride === void 0 ? false : _param_isOverride;
+    var _errors_steps_stepIndex_productCategories_productCategoryIndex, _errors_steps_stepIndex_productCategories, _errors_steps_stepIndex, _errors_steps;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors, register = _useFormContext.register, clearErrors = _useFormContext.clearErrors, setValue = _useFormContext.setValue, getValues = _useFormContext.getValues, watch = _useFormContext.watch, trigger = _useFormContext.trigger;
+    var t = useTranslation("Design").t;
+    var _useState = _sliced_to_array(useState(false), 2), expanded = _useState[0], setExpanded = _useState[1];
+    var fieldNamePrefix = "steps.".concat(stepIndex, ".productCategories.").concat(productCategoryIndex);
+    var category = useWatch({
+        name: fieldNamePrefix
+    });
+    var maxSubItems = watch("".concat(fieldNamePrefix, ".maxSubItems")) || 0;
+    var minSubItems = watch("".concat(fieldNamePrefix, ".minSubItems")) || 0;
+    var allowDeposits = watch("".concat(fieldNamePrefix, ".allowDeposits"));
+    var categoryHasTickets = categoriesWithTickets.includes(category.type);
+    var categoryProductErrors = errors === null || errors === void 0 ? void 0 : (_errors_steps = errors.steps) === null || _errors_steps === void 0 ? void 0 : (_errors_steps_stepIndex = _errors_steps[stepIndex]) === null || _errors_steps_stepIndex === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories = _errors_steps_stepIndex.productCategories) === null || _errors_steps_stepIndex_productCategories === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories_productCategoryIndex = _errors_steps_stepIndex_productCategories[productCategoryIndex]) === null || _errors_steps_stepIndex_productCategories_productCategoryIndex === void 0 ? void 0 : _errors_steps_stepIndex_productCategories_productCategoryIndex.products;
+    var advancedId = useId();
+    var nameId = useId();
+    var minSubItemsId = useId();
+    var maxSubItemsId = useId();
+    var quantityType = useId();
+    var isTimeRelatedId = useId();
+    var collectUserInfoId = useId();
+    var hasTicketId = useId();
+    var overallQuantityId = useId();
+    var allowDepositsId = useId();
+    var remainderExpireAfterId = useId();
+    // @TODO not for first release
+    // const hasBookingManagementId = useId();
+    var handleExpand = useCallback(function() {
+        return setExpanded(function(expanded) {
+            return !expanded;
+        });
+    }, []);
+    useEffect(function() {
+        trigger("".concat(fieldNamePrefix, ".maxSubItems"));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        minSubItems,
+        fieldNamePrefix
+    ]);
+    useEffect(function() {
+        trigger("".concat(fieldNamePrefix, ".minSubItems"));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        maxSubItems,
+        fieldNamePrefix
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Col, {
+                md: 12,
+                xl: true,
+                className: "p-0",
+                children: [
+                    /*#__PURE__*/ jsxs(Form.Group, {
+                        controlId: nameId,
+                        children: [
+                            /*#__PURE__*/ jsx(Form.Label, {
+                                children: t("nameOfTheCategory")
+                            }),
+                            /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("".concat(fieldNamePrefix, ".name"), {
+                                required: t("Validation:fieldRequired", {
+                                    attribute: t("name")
+                                }),
+                                validate: function() {
+                                    if ((categoryProductErrors === null || categoryProductErrors === void 0 ? void 0 : categoryProductErrors.type) === HookFormService.manualErrorType) {
+                                        clearErrors("".concat(fieldNamePrefix, ".products"));
+                                    }
+                                    return true;
+                                }
+                            })), {
+                                value: categoryName,
+                                onChange: onCategoryNameChange,
+                                isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".name"), errors),
+                                placeholder: t("name"),
+                                disabled: isLoading || isOverride
+                            })),
+                            /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                type: "invalid",
+                                children: HookFormService.getErrors("".concat(fieldNamePrefix, ".name"), errors)
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Form.Group, {
+                        controlId: quantityType,
+                        children: /*#__PURE__*/ jsx(Controller, {
+                            control: control,
+                            name: "".concat(fieldNamePrefix, ".quantityType"),
+                            render: function(param) {
+                                var field = param.field;
+                                return /*#__PURE__*/ jsxs(Form.Group, {
+                                    className: "d-flex flex-column flex-grow-1 align-items-start",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("quantityType")
+                                        }),
+                                        /*#__PURE__*/ jsx(Switch, {
+                                            name: field.name,
+                                            options: QUANTITY_TYPES.map(function(type) {
+                                                return {
+                                                    key: type,
+                                                    id: type,
+                                                    value: t(type)
+                                                };
+                                            }),
+                                            value: field.value,
+                                            onChange: field.onChange,
+                                            disabled: isLoading || isOverride
+                                        })
+                                    ]
+                                });
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(Row, {
+                        children: [
+                            /*#__PURE__*/ jsx(Col, {
+                                md: 6,
+                                sm: 6,
+                                xs: 6,
+                                children: /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: minSubItemsId,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("minItems")
+                                        }),
+                                        /*#__PURE__*/ jsxs(InputGroup, {
+                                            hasValidation: true,
+                                            children: [
+                                                /*#__PURE__*/ jsx(InputGroup.Prepend, {
+                                                    className: "arrow-up-btn",
+                                                    onClick: function() {
+                                                        var currentMinSubItems = Number(getValues("".concat(fieldNamePrefix, ".minSubItems")) || 0);
+                                                        setValue("".concat(fieldNamePrefix, ".minSubItems"), currentMinSubItems + 1, {
+                                                            shouldValidate: true
+                                                        });
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(InputGroup.Text, {
+                                                        className: "py-0 px-3",
+                                                        children: /*#__PURE__*/ jsx(SvgIncrement, {})
+                                                    })
+                                                }),
+                                                /*#__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,
+                                                            type: "number",
+                                                            min: 0,
+                                                            step: 1,
+                                                            value: value === null ? "" : value,
+                                                            onChange: onChange,
+                                                            isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".minSubItems"), errors),
+                                                            disabled: isLoading || isOverride,
+                                                            name: name
+                                                        });
+                                                    },
+                                                    control: control,
+                                                    name: "".concat(fieldNamePrefix, ".minSubItems"),
+                                                    rules: {
+                                                        min: {
+                                                            value: 0,
+                                                            message: t("Validation:fieldMinNumber", {
+                                                                attribute: t("minItems"),
+                                                                min: 0
+                                                            })
+                                                        },
+                                                        max: maxSubItems ? {
+                                                            value: Number(maxSubItems),
+                                                            message: t("Validation:fieldMaxNumber", {
+                                                                attribute: t("minItems"),
+                                                                max: t("maxItems")
+                                                            })
+                                                        } : undefined
+                                                    }
+                                                }),
+                                                /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                                    type: "invalid",
+                                                    children: HookFormService.getErrors("".concat(fieldNamePrefix, ".minSubItems"), errors)
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Col, {
+                                md: 6,
+                                sm: 6,
+                                xs: 6,
+                                children: /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: maxSubItemsId,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("maxItems")
+                                        }),
+                                        /*#__PURE__*/ jsxs(InputGroup, {
+                                            hasValidation: true,
+                                            children: [
+                                                /*#__PURE__*/ jsx(InputGroup.Prepend, {
+                                                    className: "arrow-up-btn",
+                                                    onClick: function() {
+                                                        var currentMaxSubItems = Number(getValues("".concat(fieldNamePrefix, ".maxSubItems")) || 0);
+                                                        setValue("".concat(fieldNamePrefix, ".maxSubItems"), currentMaxSubItems + 1, {
+                                                            shouldValidate: true
+                                                        });
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(InputGroup.Text, {
+                                                        className: "py-0 px-3",
+                                                        children: /*#__PURE__*/ jsx(SvgIncrement, {})
+                                                    })
+                                                }),
+                                                /*#__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,
+                                                            type: "number",
+                                                            step: 1,
+                                                            name: name,
+                                                            value: value === null ? "" : value,
+                                                            onChange: onChange,
+                                                            isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".maxSubItems"), errors),
+                                                            disabled: isLoading || isOverride
+                                                        });
+                                                    },
+                                                    control: control,
+                                                    name: "".concat(fieldNamePrefix, ".maxSubItems"),
+                                                    rules: {
+                                                        min: {
+                                                            value: Number(minSubItems),
+                                                            message: t("Validation:fieldGreaterMinNumber", {
+                                                                attribute: t("maxItems"),
+                                                                min: t("minItems")
+                                                            })
+                                                        }
+                                                    }
+                                                }),
+                                                /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                                    type: "invalid",
+                                                    children: HookFormService.getErrors("".concat(fieldNamePrefix, ".maxSubItems"), errors)
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Row, {
+                        children: /*#__PURE__*/ jsx(Col, {
+                            md: 6,
+                            sm: 6,
+                            xs: 6,
+                            children: /*#__PURE__*/ jsxs(Form.Group, {
+                                controlId: overallQuantityId,
+                                children: [
+                                    /*#__PURE__*/ jsx(Form.Label, {
+                                        children: t("Design:overallQuantity")
+                                    }),
+                                    /*#__PURE__*/ jsxs(InputGroup, {
+                                        hasValidation: true,
+                                        children: [
+                                            /*#__PURE__*/ jsx(InputGroup.Prepend, {
+                                                className: "arrow-up-btn",
+                                                onClick: function() {
+                                                    var currentOverallCapacity = Number(getValues("".concat(fieldNamePrefix, ".overallQuantity")) || 0);
+                                                    setValue("".concat(fieldNamePrefix, ".overallQuantity"), currentOverallCapacity + 1, {
+                                                        shouldValidate: true
+                                                    });
+                                                },
+                                                children: /*#__PURE__*/ jsx(InputGroup.Text, {
+                                                    className: "py-0 px-3",
+                                                    children: /*#__PURE__*/ jsx(SvgIncrement, {})
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Controller, {
+                                                control: control,
+                                                name: "".concat(fieldNamePrefix, ".overallQuantity"),
+                                                render: function(param) {
+                                                    var field = param.field;
+                                                    return /*#__PURE__*/ jsx(Form.Control, _object_spread({
+                                                        min: 0,
+                                                        step: 1,
+                                                        type: "number",
+                                                        disabled: isOverride,
+                                                        isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".overallQuantity"), errors)
+                                                    }, field));
+                                                },
+                                                rules: {
+                                                    min: {
+                                                        value: 0,
+                                                        message: t("Validation:fieldMinNumber", {
+                                                            attribute: t("overallQuantity"),
+                                                            min: 0
+                                                        })
+                                                    }
+                                                }
+                                            }),
+                                            /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                                type: "invalid",
+                                                children: HookFormService.getErrors("".concat(fieldNamePrefix, ".overallQuantity"), errors)
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Col, {
+                md: 12,
+                xl: true,
+                className: "p-0",
+                children: [
+                    /*#__PURE__*/ jsx(Form.Group, {
+                        controlId: advancedId,
+                        className: "custom-checkbox",
+                        children: /*#__PURE__*/ jsxs(Form.Check, {
+                            custom: true,
+                            type: "checkbox",
+                            name: advancedId,
+                            disabled: isLoading,
+                            id: "check-api",
+                            children: [
+                                /*#__PURE__*/ jsx(Form.Check.Input, {
+                                    checked: expanded,
+                                    onChange: handleExpand,
+                                    disabled: isOverride,
+                                    type: "checkbox"
+                                }),
+                                /*#__PURE__*/ jsx(Form.Check.Label, {
+                                    children: t("showAdvancedOptions")
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Collapse, {
+                        in: expanded,
+                        children: /*#__PURE__*/ jsxs("div", {
+                            children: [
+                                categoryHasTickets && /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: hasTicketId,
+                                    className: "advanced-switch-container",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("hasTicket")
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            children: /*#__PURE__*/ jsx(Controller, {
+                                                render: function(param) {
+                                                    var _param_field = param.field, name = _param_field.name, value = _param_field.value, onChange = _param_field.onChange;
+                                                    return /*#__PURE__*/ jsx(BooleanSwitch, {
+                                                        name: name,
+                                                        value: Boolean(value),
+                                                        onChange: onChange,
+                                                        disabled: category.type === CATEGORY_TYPE_TICKETS
+                                                    });
+                                                },
+                                                control: control,
+                                                name: "".concat(fieldNamePrefix, ".hasTicket")
+                                            })
+                                        })
+                                    ]
+                                }),
+                                category.hasTicket && /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: collectUserInfoId,
+                                    className: "advanced-switch-container",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("collectUserInfo")
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            children: /*#__PURE__*/ jsx(Controller, {
+                                                render: function(param) {
+                                                    var _param_field = param.field, name = _param_field.name, value = _param_field.value, onChange = _param_field.onChange;
+                                                    return /*#__PURE__*/ jsx(BooleanSwitch, {
+                                                        name: name,
+                                                        value: Boolean(value),
+                                                        onChange: onChange,
+                                                        disabled: isLoading || isOverride
+                                                    });
+                                                },
+                                                control: control,
+                                                name: "".concat(fieldNamePrefix, ".collectUserInfo")
+                                            })
+                                        })
+                                    ]
+                                }),
+                                !category.hasTicket && /*#__PURE__*/ jsx(Form.Group, {
+                                    controlId: isTimeRelatedId,
+                                    className: "advanced-switch-container",
+                                    children: /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Form.Label, {
+                                                children: t("isTimeRelated")
+                                            }),
+                                            /*#__PURE__*/ jsx("div", {
+                                                children: /*#__PURE__*/ jsx(Controller, {
+                                                    render: function(param) {
+                                                        var _param_field = param.field, name = _param_field.name, value = _param_field.value, onChange = _param_field.onChange;
+                                                        return /*#__PURE__*/ jsx(BooleanSwitch, {
+                                                            name: name,
+                                                            value: Boolean(value),
+                                                            onChange: onChange,
+                                                            disabled: isLoading || isOverride
+                                                        });
+                                                    },
+                                                    control: control,
+                                                    name: "".concat(fieldNamePrefix, ".isTimeRelated")
+                                                })
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: allowDepositsId,
+                                    className: "advanced-switch-container",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("allowDeposits")
+                                        }),
+                                        /*#__PURE__*/ jsx("div", {
+                                            children: /*#__PURE__*/ jsx(Controller, {
+                                                render: function(param) {
+                                                    var _param_field = param.field, name = _param_field.name, value = _param_field.value, onChange = _param_field.onChange;
+                                                    return /*#__PURE__*/ jsx(BooleanSwitch, {
+                                                        name: name,
+                                                        value: Boolean(value),
+                                                        onChange: onChange,
+                                                        disabled: isLoading || isOverride
+                                                    });
+                                                },
+                                                control: control,
+                                                name: "".concat(fieldNamePrefix, ".allowDeposits")
+                                            })
+                                        })
+                                    ]
+                                }),
+                                allowDeposits && /*#__PURE__*/ jsxs(Form.Group, {
+                                    controlId: remainderExpireAfterId,
+                                    className: "deposit-days",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Form.Label, {
+                                            children: t("depositDays")
+                                        }),
+                                        /*#__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,
+                                                    type: "number",
+                                                    min: 0,
+                                                    step: 1,
+                                                    value: value,
+                                                    onChange: onChange,
+                                                    isInvalid: HookFormService.isInvalid("".concat(fieldNamePrefix, ".remainderExpireAfter"), errors),
+                                                    disabled: isLoading || isOverride,
+                                                    name: name
+                                                });
+                                            },
+                                            control: control,
+                                            name: "".concat(fieldNamePrefix, ".remainderExpireAfter")
+                                        }),
+                                        /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                            type: "invalid",
+                                            children: HookFormService.getErrors("".concat(fieldNamePrefix, ".remainderExpireAfter"), errors)
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { ProductCategoryControl };

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

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

package/dist/product-set/product-zone/ProductZoneControl.d.ts

@@ -0,0 +1,15 @@
+import { ArrayPath } from "react-hook-form";
+import { CategoryType } from "@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper";
+import { FieldNamePrefixPath, FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
+import { ProductZone } from "@licklist/core/dist/DataMapper/Product/ProductZoneDataMapper";
+export interface ProductZoneControlValues extends FormValues, ProductZone {
+    id: number | null;
+}
+interface ProductZoneProps<T> extends FieldNamePrefixPath<T> {
+    isOverrides: boolean;
+    categoryType?: CategoryType;
+    productZonesFieldName: ArrayPath<T>;
+}
+export declare const ProductZoneControl: <T extends FormValues>({ isOverrides, categoryType, fieldNamePrefix, productZonesFieldName, }: ProductZoneProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductZoneControl.d.ts.map