@licklist/design 0.69.4 → 0.69.6-dev.0

package/dist/iframe/ryft/utils/ryft-form.js

@@ -1,5 +1,5 @@
 var injectComponentsInRyftForm = function(param) {
-    var t = param.t, additionalPaymentMethodsEnabled = param.additionalPaymentMethodsEnabled, isAppUsingInIframe = param.isAppUsingInIframe, onApplePayButtonClick = param.onApplePayButtonClick;
+    var t = param.t, additionalPaymentMethodsEnabled = param.additionalPaymentMethodsEnabled, isAppUsingInIframe = param.isAppUsingInIframe, isDisableButton = param.isDisableButton, onApplePayButtonClick = param.onApplePayButtonClick;
     var // Removing of the old title container
     _document_getElementById, // Removing of the old mobile  title container  and divider container
     _document_getElementById1, _document_getElementById2, _document_getElementById3;
@@ -8,6 +8,8 @@ var injectComponentsInRyftForm = function(param) {
         return;
     }
     (_document_getElementById = document.getElementById('card-title-container')) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.remove();
+    cardContainer.style.opacity = isDisableButton ? '0.6' : '1';
+    cardContainer.ariaDisabled = isDisableButton === null || isDisableButton === void 0 ? void 0 : isDisableButton.toString();
     var cardTitle = document.createElement('div');
     var cardText = document.createElement('div');
     var cardTitleContainer = document.createElement('div');
@@ -37,6 +39,23 @@ var injectComponentsInRyftForm = function(param) {
     divider.id = 'mobile-pay-divider';
     container.id = 'mobile-pay-divider-container';
     container.append(dividerText, divider);
+    var payIframe = document.getElementById('ryft-pay-iframe');
+    if (payIframe) {
+        var formBox = document.getElementById('form-disable-box');
+        if (formBox) {
+            formBox.style.display = isDisableButton ? 'block' : 'none';
+        }
+        var googleButton = document.getElementById('gpay-button-online-api-id');
+        var appleButton = document.getElementById('ryft-pay-apple-pay-button');
+        if (googleButton) {
+            googleButton.disabled = isDisableButton;
+            googleButton.style.opacity = isDisableButton ? '1' : '0.6';
+        }
+        if (appleButton) {
+            appleButton.disabled = isDisableButton;
+            appleButton.style.opacity = isDisableButton ? '1' : '0.6';
+        }
+    }
     if (isAppUsingInIframe) {
         var applePayButton = document.createElement('button');
         applePayButton.id = 'apple-pay';

package/dist/index.js

@@ -87,6 +87,7 @@ export { ProductSetControl } from './product-set/control/ProductSetControl.js';
 export { ProductSetDepositPaidControl } from './product-set/deposit-paid/ProductSetDepositPaidControl.js';
 export { DeleteFieldButton } from './product-set/elements/DeleteFieldButton.js';
 export { ProductSetForm } from './product-set/form/ProductSetForm.js';
+export { ProductSetNameControl } from './product-set/form/ProductSetNameControl.js';
 export { ProductSetPopover } from './product-set/popover/ProductSetPopover.js';
 export { ProductBookingManagementControl } from './product-set/product/booking-management/ProductBookingManagementControl.js';
 export { ProductDepositControl } from './product-set/product/deposit/ProductDepositControl.js';

package/dist/layout/DropDown.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 interface Props {
     children?: React.ReactNode | React.ReactNode[];
     style?: any;
     className?: any;
     'aria-laballedby'?: any;
 }
-declare const DropDown: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+declare const DropDown: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
 export default DropDown;
 //# sourceMappingURL=DropDown.d.ts.map

package/dist/layout/DropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/layout/DropDown.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,2FAcZ,CAAA;AAIF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/layout/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,uEAcZ,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/modals/confirmation/ConfirmModal.d.ts

@@ -8,6 +8,8 @@ export type ConfirmModalTypes = (typeof ConfirmModalType)[keyof typeof ConfirmMo
 export interface ConfirmModalProps {
     type?: ConfirmModalTypes;
     children?: (confirm: (action: ConfirmAction) => void) => ReactNode;
+    confirmationHandler?: () => Promise<boolean | undefined>;
+    disabledButtons?: boolean;
     title?: string;
     content?: string | ReactNode;
     onClose?: () => void;
@@ -16,5 +18,5 @@ export interface ConfirmModalProps {
 export declare const CONFIRM_MODAL_ACTION_DECLINE = "confirm-modal-decline";
 export declare const CONFIRM_MODAL_ACTION_CONFIRM = "confirm-modal-confirm";
 export declare const CONFIRM_MODAL_ACTIONS: readonly string[];
-export declare function ConfirmModal({ type, children, onClose, title, content, hideButtons, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmModal({ type, children, onClose, confirmationHandler, title, disabledButtons, content, hideButtons, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ConfirmModal.d.ts.map

package/dist/modals/confirmation/ConfirmModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/modals/confirmation/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAUnD,MAAM,MAAM,aAAa,GAAG,MAAM,IAAI,CAAA;AACtC,eAAO,MAAM,gBAAgB;;;CAGnB,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAA;AAE1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,KAAK,SAAS,CAAA;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,4BAA4B,0BAA0B,CAAA;AACnE,eAAO,MAAM,4BAA4B,0BAA0B,CAAA;AACnE,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAGlD,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,WAAmB,GACpB,EAAE,iBAAiB,2CAoGnB"}
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/modals/confirmation/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAUnD,MAAM,MAAM,aAAa,GAAG,MAAM,IAAI,CAAA;AACtC,eAAO,MAAM,gBAAgB;;;CAGnB,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAA;AAE1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,KAAK,SAAS,CAAA;IAElE,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,4BAA4B,0BAA0B,CAAA;AACnE,eAAO,MAAM,4BAA4B,0BAA0B,CAAA;AACnE,eAAO,MAAM,qBAAqB,EAAE,SAAS,MAAM,EAGlD,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,KAAK,EACL,eAAe,EACf,OAAO,EACP,WAAmB,GACpB,EAAE,iBAAiB,2CA+GnB"}

package/dist/modals/confirmation/ConfirmModal.js

@@ -17,6 +17,35 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -55,6 +84,101 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 var ConfirmModalType = {
     remove: 'remove',
     default: 'default'
@@ -66,7 +190,7 @@ var CONFIRM_MODAL_ACTIONS = [
     CONFIRM_MODAL_ACTION_CONFIRM
 ];
 function ConfirmModal(param) {
-    var _param_type = param.type, type = _param_type === void 0 ? 'default' : _param_type, children = param.children, onClose = param.onClose, title = param.title, content = param.content, _param_hideButtons = param.hideButtons, hideButtons = _param_hideButtons === void 0 ? false : _param_hideButtons;
+    var _param_type = param.type, type = _param_type === void 0 ? 'default' : _param_type, children = param.children, onClose = param.onClose, confirmationHandler = param.confirmationHandler, title = param.title, disabledButtons = param.disabledButtons, content = param.content, _param_hideButtons = param.hideButtons, hideButtons = _param_hideButtons === void 0 ? false : _param_hideButtons;
     var t = useTranslation('Design').t;
     var actionRef = useRef();
     var _useState = _sliced_to_array(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
@@ -76,14 +200,49 @@ function ConfirmModal(param) {
             return true;
         });
     };
-    var handleConfirmation = function(e) {
-        e.stopPropagation();
-        if (!actionRef.current) return;
-        actionRef.current();
-        setIsOpen(function() {
-            return false;
+    var handleConfirmation = function() {
+        var _ref = _async_to_generator(function(e) {
+            var res;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        e.stopPropagation();
+                        if (!actionRef.current && !confirmationHandler) return [
+                            2
+                        ];
+                        if (!confirmationHandler) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            confirmationHandler()
+                        ];
+                    case 1:
+                        res = _state.sent();
+                        if (res) {
+                            setIsOpen(function() {
+                                return false;
+                            });
+                        }
+                        return [
+                            2
+                        ];
+                    case 2:
+                        actionRef.current();
+                        setIsOpen(function() {
+                            return false;
+                        });
+                        return [
+                            2
+                        ];
+                }
+            });
         });
-    };
+        return function handleConfirmation(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var handleClose = function(e) {
         e.stopPropagation();
         setIsOpen(function() {
@@ -113,6 +272,7 @@ function ConfirmModal(param) {
                             /*#__PURE__*/ jsx(Button, {
                                 variant: "danger",
                                 className: "btn-sm rounded",
+                                disabled: disabledButtons,
                                 onClick: handleClose,
                                 "data-id": CONFIRM_MODAL_ACTION_DECLINE,
                                 children: /*#__PURE__*/ jsx(FaTimes, {
@@ -133,11 +293,13 @@ function ConfirmModal(param) {
                                     variant: "outline",
                                     className: "cancel-button",
                                     onClick: handleClose,
+                                    disabled: disabledButtons,
                                     "data-id": CONFIRM_MODAL_ACTION_DECLINE,
                                     children: t('cancel')
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
                                     variant: "danger",
+                                    disabled: disabledButtons,
                                     onClick: handleConfirmation,
                                     "data-id": CONFIRM_MODAL_ACTION_CONFIRM,
                                     children: t('remove')
@@ -147,12 +309,14 @@ function ConfirmModal(param) {
                             children: [
                                 /*#__PURE__*/ jsx(Button, {
                                     variant: "danger",
+                                    disabled: disabledButtons,
                                     onClick: handleClose,
                                     "data-id": CONFIRM_MODAL_ACTION_DECLINE,
                                     children: t('decline')
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
                                     variant: "success",
+                                    disabled: disabledButtons,
                                     onClick: handleConfirmation,
                                     "data-id": CONFIRM_MODAL_ACTION_CONFIRM,
                                     children: t('confirm')

package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/control/EmailTemplateControl.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAA;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAM7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAA;AAMzG,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAA;IACjC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;CAC1E;AAED,eAAO,MAAM,oBAAoB,+GAqahC,CAAA"}
+{"version":3,"file":"EmailTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/control/EmailTemplateControl.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAA;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAM7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAA;AAMzG,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAA;IACjC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAA;CAC1E;AAED,eAAO,MAAM,oBAAoB,+GAsahC,CAAA"}

package/dist/notification/email-template/control/EmailTemplateControl.js

@@ -631,6 +631,9 @@ var EmailTemplateControl = /*#__PURE__*/ forwardRef(function(param, ref) {
                                     }),
                                     /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("templateOptionValues.".concat(option === null || option === void 0 ? void 0 : option.id, ".value"))), {
                                         type: "number",
+                                        onWheel: function(event) {
+                                            return event.currentTarget.blur();
+                                        },
                                         placeholder: t("Design:".concat(option.name)),
                                         id: option.name + option.id,
                                         defaultValue: option.selectedValue || ''

package/dist/product-set/card/ProductSetCard.d.ts

@@ -3,10 +3,14 @@ export interface ProductSetCardProps extends HasPermissionProp {
     name: string;
     rrule?: string;
     href: string;
-    onCopy: () => void;
+    duplicateProductSetName: string;
+    onChangeDuplicateProductSetName: (value: string) => void;
+    onCopy: () => Promise<boolean | undefined>;
     onRemove: () => void;
+    isLoading?: boolean;
     className?: string;
     override?: number;
+    duplicateProductSetError?: string;
 }
-export declare function ProductSetCard({ name, rrule, href, onCopy, onRemove, className, hasPermission, override, }: ProductSetCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductSetCard({ name, rrule, href, onCopy, onRemove, onChangeDuplicateProductSetName, duplicateProductSetName, duplicateProductSetError, isLoading, className, hasPermission, override, }: ProductSetCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProductSetCard.d.ts.map

package/dist/product-set/card/ProductSetCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSetCard.d.ts","sourceRoot":"","sources":["../../../src/product-set/card/ProductSetCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAMtF,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAc,EACd,aAAoB,EACpB,QAAY,GACb,EAAE,mBAAmB,2CAsHrB"}
+{"version":3,"file":"ProductSetCard.d.ts","sourceRoot":"","sources":["../../../src/product-set/card/ProductSetCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAOtF,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,uBAAuB,EAAE,MAAM,CAAA;IAC/B,+BAA+B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,+BAA+B,EAC/B,uBAAuB,EACvB,wBAAwB,EACxB,SAAS,EACT,SAAc,EACd,aAAoB,EACpB,QAAY,GACb,EAAE,mBAAmB,2CAuIrB"}

package/dist/product-set/card/ProductSetCard.js

@@ -9,6 +9,7 @@ import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
 import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
 import { ConfirmModal } from '../../modals/confirmation/ConfirmModal.js';
 import { MenuButton } from '../../table/MenuButton.js';
+import { ProductSetNameControl } from '../form/ProductSetNameControl.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -57,21 +58,20 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function ProductSetCard(param) {
-    var name = param.name, rrule = param.rrule, href = param.href, onCopy = param.onCopy, onRemove = param.onRemove, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_override = param.override, override = _param_override === void 0 ? 0 : _param_override;
+    var name = param.name, rrule = param.rrule, href = param.href, onCopy = param.onCopy, onRemove = param.onRemove, onChangeDuplicateProductSetName = param.onChangeDuplicateProductSetName, duplicateProductSetName = param.duplicateProductSetName, duplicateProductSetError = param.duplicateProductSetError, isLoading = param.isLoading, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_override = param.override, override = _param_override === void 0 ? 0 : _param_override;
     var t = useTranslation('Design').t;
     var popoverId = useId();
     var productSetCardClasses = "product-set-card ".concat(className);
     var _useState = _sliced_to_array(useState(false), 2), isOverlayVisibile = _useState[0], setIsOverlayVisible = _useState[1];
-    return /*#__PURE__*/ jsx("div", {
+    var onCardClick = function() {
+        RouteService.redirectTo(href);
+    };
+    return(// eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    /*#__PURE__*/ jsx("div", {
         role: "button",
         tabIndex: 0,
         className: "border-0 product-set-card-wrapper w-100 pb-0",
-        onClick: function() {
-            return RouteService.redirectTo(href);
-        },
-        onKeyUp: function() {
-            return RouteService.redirectTo(href);
-        },
+        onClick: onCardClick,
         children: /*#__PURE__*/ jsxs("div", {
             className: productSetCardClasses,
             children: [
@@ -83,7 +83,6 @@ function ProductSetCard(param) {
                             /*#__PURE__*/ jsxs("div", {
                                 children: [
                                     name,
-                                    " ",
                                     rrule && "(".concat(RRule.fromString(rrule).toText(), ")")
                                 ]
                             }),
@@ -126,11 +125,21 @@ function ProductSetCard(param) {
                                                     return e.stopPropagation();
                                                 },
                                                 children: Boolean(onCopy) && /*#__PURE__*/ jsx(ConfirmModal, {
+                                                    // confirm function  memoize the callback function and it leads to bugs
+                                                    confirmationHandler: onCopy,
+                                                    disabledButtons: isLoading,
+                                                    content: /*#__PURE__*/ jsx(ProductSetNameControl, {
+                                                        value: duplicateProductSetName,
+                                                        onChange: onChangeDuplicateProductSetName,
+                                                        error: duplicateProductSetError
+                                                    }),
                                                     children: function(confirm) {
                                                         return /*#__PURE__*/ jsx(MenuButton, {
                                                             onClick: function() {
                                                                 setIsOverlayVisible(false);
-                                                                confirm(onCopy);
+                                                                onChangeDuplicateProductSetName(name);
+                                                                // confirm function  memoize the callback function and it leads to bugs
+                                                                confirm(function() {});
                                                             },
                                                             name: t('duplicate'),
                                                             className: "product-set-card-menu-item-text"
@@ -182,7 +191,7 @@ function ProductSetCard(param) {
                 })
             ]
         })
-    });
+    }));
 }
 
 export { ProductSetCard };

package/dist/product-set/control/DateAndRecurrenceInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAkB5G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,6FAMhC,2BAA2B,4CA8Q7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}
+{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAkB5G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,6FAMhC,2BAA2B,4CAgR7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}

package/dist/product-set/control/DateAndRecurrenceInput.js

@@ -216,7 +216,7 @@ function _ts_generator(thisArg, body) {
 }
 var DateAndRecurrenceInput = function(param) {
     var isEventEditProductSet = param.isEventEditProductSet, providerHasBookingManagement = param.providerHasBookingManagement, workHours = param.workHours, isLoading = param.isLoading, timeZone = param.timeZone;
-    var _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences, _errors_menuRecurrences1;
+    var _errors_menuRecurrences, _errors_menuRecurrences_root, _errors_menuRecurrences1, _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences2;
     var _useFormContext = useFormContext(), control = _useFormContext.control, register = _useFormContext.register, errors = _useFormContext.formState.errors, getValues = _useFormContext.getValues, setValue = _useFormContext.setValue, clearErrors = _useFormContext.clearErrors;
     var _useState = _sliced_to_array(useState([]), 2), availableTimes = _useState[0], setAvailableTimes = _useState[1];
     var availableTimesFormRef = useRef();
@@ -361,6 +361,7 @@ var DateAndRecurrenceInput = function(param) {
         });
         move(prevIndex, nextIndex);
     };
+    var errorMessage = ((_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : _errors_menuRecurrences.message) || ((_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : (_errors_menuRecurrences_root = _errors_menuRecurrences1.root) === null || _errors_menuRecurrences_root === void 0 ? void 0 : _errors_menuRecurrences_root.message);
     useEffect(function() {
         if (fields.length) {
             clearErrors('menuRecurrences');
@@ -394,7 +395,7 @@ var DateAndRecurrenceInput = function(param) {
                                 isLoading: isLoading,
                                 defaultValues: availableTimes,
                                 ref: availableTimesFormRef,
-                                errorMessage: errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences["".concat(editState === null || editState === void 0 ? void 0 : editState.index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message,
+                                errorMessage: errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences2 = errors.menuRecurrences) === null || _errors_menuRecurrences2 === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences2["".concat(editState === null || editState === void 0 ? void 0 : editState.index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message,
                                 clearErrorMessage: function() {
                                     return clearErrors("menuRecurrences.".concat(editState === null || editState === void 0 ? void 0 : editState.index, ".availableTimes"));
                                 }
@@ -461,7 +462,7 @@ var DateAndRecurrenceInput = function(param) {
                         }))),
                         /*#__PURE__*/ jsx("div", {
                             className: "manual-form-error",
-                            children: (_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : _errors_menuRecurrences1.message
+                            children: errorMessage
                         })
                     ]
                 })

package/dist/product-set/control/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAG5G,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAiBrF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,mFAKnB,2BAA2B,4CAsP7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAG5G,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAiBrF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,mFAKnB,2BAA2B,4CAuP7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}

package/dist/product-set/control/DateInput.js

@@ -400,13 +400,13 @@ var DateInput = function(param) {
                     className: "product-set-recurrences",
                     children: [
                         fields.map(function(menuRecurrence, index) {
-                            var _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences;
+                            var _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences, _errors_menuRecurrences_1, _errors_menuRecurrences1;
                             return /*#__PURE__*/ jsx(ProductSetRecurrenceOverridesControl, {
                                 menuRecurrence: menuRecurrence,
                                 onEdit: function() {
                                     return handleOnEdit(menuRecurrence, index);
                                 },
-                                errorMessage: errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences["".concat(index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message
+                                errorMessage: (errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences["".concat(index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message) || (errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : (_errors_menuRecurrences_1 = _errors_menuRecurrences1["".concat(index)]) === null || _errors_menuRecurrences_1 === void 0 ? void 0 : _errors_menuRecurrences_1.message)
                             }, menuRecurrence._id);
                         }),
                         fields.length < MAX_QUANTITY_RECURRENCE_DATE_IN_OVERRIDE && /*#__PURE__*/ jsxs("div", {

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

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

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

@@ -1,9 +1,10 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useContext, useState, useEffect } from 'react';
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
 import { uniqueId } from 'lodash';
 import { Badge } from 'react-bootstrap';
 import { useFormContext, useFieldArray, useWatch, Controller } from 'react-hook-form';
+import { FaTicketAlt, FaCalendar, FaBars, FaBowlingBall } from 'react-icons/fa';
 import { useTranslation } from 'react-i18next';
 import { useSensor, MouseSensor } from '@dnd-kit/core';
 import { CATEGORY_TYPE_GAME, CATEGORY_TYPE_FIXED_DURATION, QUANTITY_TYPE_STANDARD, CATEGORY_TYPE_TICKETS } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper';
@@ -13,7 +14,7 @@ import { ProductSetModalClasses } from '../../sortable-tree/SortableTreeItem.js'
 import { CreateProductSetItem } from '../item/CreateProductSetItem.js';
 import { ProductCategoryControl } from '../product-category/ProductCategoryControl.js';
 import { ProductsControl } from './ProductsControl.js';
-import { SelectCategoryModal } from './SelectCategoryModal.js';
+import { CATEGORY_TYPES_NAMES, SelectCategoryModal } from './SelectCategoryModal.js';
 import { ProductSetLoadingContext } from './context.js';
 import { VenueMapSetModal } from './VenueMapSetModal.js';
 import { sortArrayByIndex, moveArrayElements } from '../utils/index.js';
@@ -117,6 +118,40 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
+var _obj;
+// @TODO not for first release
+// import Popover from "./ProductSetFormPopover";
+var CATEGORIES_TYPE = (_obj = {}, _define_property(_obj, CATEGORY_TYPES_NAMES.tickets, {
+    label: 'tickets',
+    icon: /*#__PURE__*/ jsx(FaTicketAlt, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.bookings, {
+    label: 'bookings',
+    icon: /*#__PURE__*/ jsx(FaCalendar, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.menuItems, {
+    label: 'menuItems',
+    icon: /*#__PURE__*/ jsx(FaBars, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.game, {
+    label: 'game',
+    icon: /*#__PURE__*/ jsx(FaBowlingBall, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _define_property(_obj, CATEGORY_TYPES_NAMES.fixedDuration, {
+    label: 'fixedDuration',
+    icon: /*#__PURE__*/ jsx(FaCalendar, {
+        color: "#0e8ce2",
+        size: 10
+    })
+}), _obj);
 var getCategoryDefaultValue = function(categoryType, sort) {
     return {
         id: null,
@@ -250,6 +285,7 @@ function ProductCategoriesControl(param) {
                     var onSetIsExpanded = function() {
                         setIsExpanded(productCategoryId);
                     };
+                    var categoryType = CATEGORIES_TYPE[productCategory.type];
                     return /*#__PURE__*/ jsx(Controller, {
                         name: "".concat(productCategoriesFieldName, ".").concat(index, ".name"),
                         control: control,
@@ -299,6 +335,16 @@ function ProductCategoriesControl(param) {
                                 secondaryBadge: getBadgeConfig(productCategory.type, t(productCategory.type)),
                                 modalClass: ProductSetModalClasses.category,
                                 isNewAdded: showCategoryModal,
+                                itemButton: /*#__PURE__*/ jsxs("div", {
+                                    className: "btn-outline-primary item-icon sm border border-primary rounded-sm",
+                                    children: [
+                                        categoryType.icon,
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "ml-2",
+                                            children: t(categoryType.label)
+                                        })
+                                    ]
+                                }),
                                 body: /*#__PURE__*/ jsx(ProductCategoryControl, {
                                     isLoading: isLoading,
                                     onCategoryNameChange: onChange,

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

@@ -10,10 +10,13 @@ import { SelectItem } from '../../types/generic/SelectItem';
 export interface WithIsLoading {
     isLoading: boolean;
 }
+export interface WithIdOptional {
+    id?: number;
+}
 export interface WithId {
     id: number;
 }
-export interface ProductSetFormValues extends FormValues, WithId, ProductSetControlValues {
+export interface ProductSetFormValues extends FormValues, WithIdOptional, ProductSetControlValues {
     steps: Step[];
     isOverrides?: boolean;
 }