@licklist/design 0.69.2 → 0.69.3-dev.1

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,2CAyGrB"}
+{"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(), ")")
                                 ]
                             }),
@@ -120,12 +119,27 @@ function ProductSetCard(param) {
                                             /*#__PURE__*/ jsx(ListGroup.Item, {
                                                 action: true,
                                                 as: "div",
+                                                role: "button",
+                                                tabIndex: 0,
+                                                onClick: function(e) {
+                                                    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"
@@ -137,6 +151,11 @@ function ProductSetCard(param) {
                                                 action: true,
                                                 className: "text-danger",
                                                 as: "div",
+                                                role: "button",
+                                                tabIndex: 0,
+                                                onClick: function(e) {
+                                                    return e.stopPropagation();
+                                                },
                                                 children: Boolean(onRemove) && /*#__PURE__*/ jsx(ConfirmModal, {
                                                     children: function(confirm) {
                                                         return /*#__PURE__*/ jsx(MenuButton, {
@@ -172,7 +191,7 @@ function ProductSetCard(param) {
                 })
             ]
         })
-    });
+    }));
 }
 
 export { ProductSetCard };

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/control/ProductSetControl.d.ts

@@ -3,6 +3,7 @@ import { FieldSet } from '@licklist/core/dist/DataMapper/Order/FieldSetDataMappe
 import { EmailTemplate } from '@licklist/core/dist/DataMapper/Notification/EmailTemplateDataMapper';
 import { SmsTemplate } from '@licklist/core/dist/DataMapper/Notification/SmsTemplateDataMapper';
 import { WorkHour } from '@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper';
+import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
 import { SelectItem } from '../../types/generic/SelectItem';
 import { DateAndRecurrenceInputValues } from './DateAndRecurrenceInput';
 import { Step } from '../types';
@@ -13,6 +14,8 @@ export interface TemplateItem {
 }
 export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
     name: string;
+    description?: string;
+    image?: Image;
     type: ProductSetType;
     termsAndConditions: string;
     thankYouPageUrl: string;
@@ -23,6 +26,7 @@ export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
     steps: Step[];
     emailTemplates?: TemplateItem[];
     smsTemplates?: TemplateItem[];
+    localImageBlobURL?: string;
 }
 export interface ProductSetControlShared {
     fee?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSetControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetControl.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,mBAAmB,EACnB,cAAc,EAEd,gBAAgB,EACjB,MAAM,6DAA6D,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAG/F,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAIL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAgB/B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,aAAa,GAAG,WAAW,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,cAAc,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,mBAAmB,CAAA;IACpC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;CAC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,GAAU,EACV,SAAc,EACd,cAAmB,EACnB,YAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,4BAAoC,EACpC,WAAmB,EACnB,oBAA4B,EAC5B,QAAQ,GACT,EAAE,sBAAsB,2CAyTxB"}
+{"version":3,"file":"ProductSetControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetControl.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,mBAAmB,EACnB,cAAc,EAEd,gBAAgB,EACjB,MAAM,6DAA6D,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAG/F,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAErF,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAEL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAmB/B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,aAAa,GAAG,WAAW,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,EAAE,cAAc,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,mBAAmB,CAAA;IACpC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,GAAU,EACV,SAAc,EACd,cAAmB,EACnB,YAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,4BAAoC,EACpC,WAAmB,EACnB,oBAA4B,EAC5B,QAAQ,GACT,EAAE,sBAAsB,2CAoTxB"}

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

@@ -14,6 +14,7 @@ import TutorialGifCard from './TutorialGifCard.js';
 import { StepsControl } from '../form/StepsControl.js';
 import { Typeahead } from '../../typeahead/Typeahead.js';
 import { DateInput } from './DateInput.js';
+import { ProductSetImageControl } from './ProductSetImageControl.js';
 import WarningMessage from '../../static/WarningMessage.js';
 
 function _define_property(obj, key, value) {
@@ -72,9 +73,10 @@ var _obj;
 var OPERATIONAL_COST_TITLES = (_obj = {}, _define_property(_obj, OPERATIONAL_COST_PROVIDER, 'operationalCostProvider'), _define_property(_obj, OPERATIONAL_COST_CUSTOMER, 'operationalCostCustomer'), _obj);
 var _obj1;
 var RELY_ON_PEOPLE_TYPE_TITLES = (_obj1 = {}, _define_property(_obj1, RELY_ON_PEOPLE_PRODUCT_CAPACITY_QUANTITY, 'peopleProductCapacityQuantity'), _define_property(_obj1, RELY_ON_PEOPLE_PRODUCT_QUANTITY, 'peopleProductQuantity'), _define_property(_obj1, RELY_ON_PEOPLE_QUANTITY, 'peopleQuantity'), _obj1);
+var MAX_DESCRIPTION_LENGTH = 100;
 function ProductSetControl(param) {
     var companyName = param.companyName, isLoading = param.isLoading, _param_fee = param.fee, fee = _param_fee === void 0 ? '5%' : _param_fee, _param_fieldSets = param.fieldSets, fieldSets = _param_fieldSets === void 0 ? [] : _param_fieldSets, _param_emailTemplates = param.emailTemplates, emailTemplates = _param_emailTemplates === void 0 ? [] : _param_emailTemplates, _param_smsTemplates = param.smsTemplates, smsTemplates = _param_smsTemplates === void 0 ? [] : _param_smsTemplates, isEventEditProductSet = param.isEventEditProductSet, isCreateAction = param.isCreateAction, showEmailTemplate = param.showEmailTemplate, showSmsTemplate = param.showSmsTemplate, workHours = param.workHours, _param_providerHasBookingManagement = param.providerHasBookingManagement, providerHasBookingManagement = _param_providerHasBookingManagement === void 0 ? false : _param_providerHasBookingManagement, _param_isOverrides = param.isOverrides, isOverrides = _param_isOverrides === void 0 ? false : _param_isOverrides, _param_isCreateNewOverrides = param.isCreateNewOverrides, isCreateNewOverrides = _param_isCreateNewOverrides === void 0 ? false : _param_isCreateNewOverrides, timeZone = param.timeZone;
-    var _errors_name;
+    var _errors_name, _errors_description;
     var t = useTranslation([
         'Design',
         'Validation',
@@ -83,6 +85,7 @@ function ProductSetControl(param) {
     var _useFormContext = useFormContext(), register = _useFormContext.register, control = _useFormContext.control, errors = _useFormContext.formState.errors, watch = _useFormContext.watch, setError = _useFormContext.setError, clearErrors = _useFormContext.clearErrors;
     var steps = watch('steps');
     var nameId = useId();
+    var descriptionId = useId();
     var termsAndConditionsId = useId();
     var relyOnPeopleTypeId = useId();
     var showSmsTemplateSelector = showSmsTemplate && !isOverrides;
@@ -141,6 +144,31 @@ function ProductSetControl(param) {
                             })
                         ]
                     }),
+                    /*#__PURE__*/ jsxs(Form.Group, {
+                        controlId: descriptionId,
+                        children: [
+                            /*#__PURE__*/ jsx(Form.Label, {
+                                children: t('Design:description')
+                            }),
+                            /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register('description', {
+                                maxLength: {
+                                    value: MAX_DESCRIPTION_LENGTH,
+                                    message: t('Validation:maxLength', {
+                                        attribute: t('description'),
+                                        maxLength: MAX_DESCRIPTION_LENGTH
+                                    })
+                                }
+                            })), {
+                                as: "textarea",
+                                isInvalid: Boolean(errors.description)
+                            })),
+                            /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                                type: "invalid",
+                                children: (_errors_description = errors.description) === null || _errors_description === void 0 ? void 0 : _errors_description.message
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(ProductSetImageControl, {}),
                     showDateSelector ? /*#__PURE__*/ jsx(DateInput, {
                         workHours: isZoneAdded ? workHours : undefined,
                         isLoading: isLoading,
@@ -308,7 +336,6 @@ function ProductSetControl(param) {
                                 name: "fieldSetId",
                                 render: function(param) {
                                     var field = param.field;
-                                    var fieldValue = Number(field.value);
                                     return /*#__PURE__*/ jsxs(Fragment, {
                                         children: [
                                             /*#__PURE__*/ jsx(Form.Label, {
@@ -316,7 +343,7 @@ function ProductSetControl(param) {
                                             }),
                                             /*#__PURE__*/ jsxs(Form.Control, {
                                                 onChange: field.onChange,
-                                                value: fieldValue,
+                                                value: Number(field.value),
                                                 as: "select",
                                                 disabled: isOverrides,
                                                 isInvalid: HookFormService.isInvalid('fieldSetId', errors),

package/dist/product-set/control/ProductSetImageControl.d.ts

@@ -0,0 +1,2 @@
+export declare const ProductSetImageControl: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductSetImageControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSetImageControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetImageControl.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,+CAsFlC,CAAA"}