@licklist/design 0.66.11 → 0.66.12-dev.0

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

@@ -1 +1,474 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),n=e(t),i=require("react-i18next"),a=require("react-bootstrap"),u=require("../../static/Icon.js"),o=require("react-hook-form"),l=require("@react-aria/utils"),s=require("react-use"),c=require("luxon");require("../../static/index.js");var d=require("../../modals/confirmation/ConfirmModal.js"),m=require("rrule"),v=e(m),f=require("@licklist/core/dist/Config/Date"),p=require("../../recurring-date-picker-input/RecurringDatePickerInput.js"),g=require("../../zone/form/components/AvailableTimesControl.js"),T=require("../product/constants.js"),b=require("../../recurring-date-picker-input/DatePickerInput.js"),E=require("./ProductSetRecurrenceOverridesControl.js"),_={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var r=e.state,t={width:"".concat(r.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(r.styles.popper,t)},effect:function(e){var r=e.state,t=r.elements.reference.getBoundingClientRect().width,n={width:"".concat(t,"px"),maxWidth:"unset"};Object.assign(r.elements.popper.style,n)}};exports.DateInput=function(e){var R,D,q,x,h=e.isEventEditProductSet,I=e.isLoading,C=e.workHours,y=e.providerHasBookingManagement,M=o.useFormContext(),O=M.control,k=M.register,w=M.formState.errors,A=M.getValues,N=M.setValue,S=M.clearErrors,j=o.useFieldArray({name:"menuRecurrences",control:O,keyName:"_id"}),F=j.fields,P=j.append,V=j.update,L=r.__read(t.useState([]),2),W=L[0],U=L[1],B=r.__read(t.useState(!1),2),H=B[0],z=B[1],Y=t.useRef(),G=r.__read(t.useState({index:null,values:null}),2),J=G[0],K=G[1],Q=function(){return K({index:null,values:null})},X=t.useRef();s.useClickAway(X,(function(e){var r,t,n;d.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(z(!1),Q())}));var Z=l.useId(),$=i.useTranslation("Design").t,ee=function(){F.length>=1||(Q(),z((function(e){return!e})))};return n.createElement(a.Form.Group,null,n.createElement(a.Form.Label,null,$(h?"whenOverridesAvailable":"productSetAvailable")),n.createElement(a.OverlayTrigger,{show:H,overlay:n.createElement(a.Popover,{id:Z,className:"rounded"},n.createElement(a.Popover.Content,{className:"shadow-lg rounded",ref:X},n.createElement(b.DatePickerInput,{defaultValues:J.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,i,a,u,o,l,s,d,g,T,b,E;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,null===(d=Y.current)||void 0===d?void 0:d.trigger()];case 1:return t=r.sent(),(null==e?void 0:e.startTime)&&(null==e?void 0:e.endTime)&&t&&(n=c.DateTime.fromISO(e.startTime),i=c.DateTime.fromISO(e.endTime),a=Y.current.getValues().availableTimes,!a.every((function(e){var r=c.DateTime.fromFormat(e,f.TIME_FORMAT);return r.diff(n,"minutes").minutes>=0&&r.diff(i,"minutes").minutes<=0})))?(Y.current.setError("availableTimes",{message:$("Validation:fieldTimeBetween",{attribute:$("Design:startTimesSmall"),min:n.toFormat(f.TIME_FORMAT),max:i.toFormat(f.TIME_FORMAT)})}),[2]):(u=p.getDateTimeObject(e.startDate,e.endTime||"23:59:59"),o=v.optionsToString({until:u.toJSDate(),byweekday:[],freq:m.Frequency.DAILY,tzid:f.UTC_TIMEZONE,interval:1}).replace("RRULE:",""),l=(null===(T=null===(g=null==Y?void 0:Y.current)||void 0===g?void 0:g.getValues())||void 0===T?void 0:T.availableTimes)||null,s={rrule:o,startDate:e.startDate,endDate:e.startDate,startTime:e.startTime,endTime:e.endTime,availableTimes:l},(null===(b=J.values)||void 0===b?void 0:b.id)&&(s.id=null===(E=J.values)||void 0===E?void 0:E.id),null!==J.index?V(J.index,s):P(s),z((function(){return!1})),Q(),[2])}}))}))},onDelete:function(){var e=J.index;z(!1),Q(),setTimeout((function(){var r=A().menuRecurrences;N("menuRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)}},y&&n.createElement(g.AvailableTimesControl,{workHours:C,isLoading:I,ref:Y,defaultValues:W,errorMessage:null===(q=null===(D=null===(R=null==w?void 0:w.menuRecurrences)||void 0===R?void 0:R["".concat(null==J?void 0:J.index)])||void 0===D?void 0:D.availableTimes)||void 0===q?void 0:q.message,clearErrorMessage:function(){return S("menuRecurrences.".concat(null==J?void 0:J.index,".availableTimes"))}})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[_]}},n.createElement("div",{className:"product-set-recurrences"},F.map((function(e,r){var t,i,a;return n.createElement(E.ProductSetRecurrenceOverridesControl,{key:e._id,menuRecurrence:e,onEdit:function(){return function(e,r){Q(),setTimeout((function(){K({index:r,values:e}),U(e.availableTimes||[]),z((function(){return!0}))}),100)}(e,r)},errorMessage:null===(a=null===(i=null===(t=null==w?void 0:w.menuRecurrences)||void 0===t?void 0:t["".concat(r)])||void 0===i?void 0:i.availableTimes)||void 0===a?void 0:a.message})})),F.length<T.MAX_QUANTITY_RECURRENCE_DATE_IN_OVERRIDE&&n.createElement("div",{className:"product-set-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:ee,onKeyDown:ee},n.createElement(u.default,{type:"plus-circle",height:"1rem",className:"product-set-recurrence-icon-add mr-2"}),$("addDates")),n.createElement(a.Form.Control,r.__assign({type:"hidden"},k("menuRecurrences",{required:{value:!0,message:$("Validation:fieldMinNumber",{attribute:$("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(x=w.menuRecurrences)||void 0===x?void 0:x.message))))},exports.sameWidthPopperModifier=_;
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
+import { useId } from '@react-aria/utils';
+import { Form, OverlayTrigger, Popover } from 'react-bootstrap';
+import { useFormContext, useFieldArray } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { useClickAway } from 'react-use';
+import { TIME_FORMAT, UTC_TIMEZONE } from '@licklist/core/dist/Config/Date';
+import { DateTime } from 'luxon';
+import RRule, { Frequency } from 'rrule';
+import { FaPlusCircle } from 'react-icons/fa';
+import { DatePickerInput } from '../../recurring-date-picker-input/DatePickerInput.js';
+import { CONFIRM_MODAL_ACTIONS } from '../../modals/confirmation/ConfirmModal.js';
+import { AvailableTimesControl } from '../../zone/form/components/AvailableTimesControl.js';
+import { getDateTimeObject } from '../../recurring-date-picker-input/RecurringDatePickerInput.js';
+import { ProductSetRecurrenceOverridesControl } from './ProductSetRecurrenceOverridesControl.js';
+import { MAX_QUANTITY_RECURRENCE_DATE_IN_OVERRIDE } from '../product/constants.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 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 _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 _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _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 DateInput = function(param) {
+    var isEventEditProductSet = param.isEventEditProductSet, isLoading = param.isLoading, workHours = param.workHours, providerHasBookingManagement = param.providerHasBookingManagement;
+    var _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences, _errors_menuRecurrences1;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, register = _useFormContext.register, errors = _useFormContext.formState.errors, getValues = _useFormContext.getValues, setValue = _useFormContext.setValue, clearErrors = _useFormContext.clearErrors;
+    var _useFieldArray = useFieldArray({
+        name: "menuRecurrences",
+        control: control,
+        keyName: "_id"
+    }), fields = _useFieldArray.fields, append = _useFieldArray.append, update = _useFieldArray.update;
+    var _useState = _sliced_to_array(useState([]), 2), availableTimes = _useState[0], setAvailableTimes = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), isDatePopoverVisible = _useState1[0], setIsDatePopoverVisible = _useState1[1];
+    var availableTimesFormRef = useRef();
+    var _useState2 = _sliced_to_array(useState({
+        index: null,
+        values: null
+    }), 2), editState = _useState2[0], setEditState = _useState2[1];
+    var clearEditState = function() {
+        return setEditState({
+            index: null,
+            values: null
+        });
+    };
+    var popoverRef = useRef();
+    useClickAway(popoverRef, function(event) {
+        var _event_target_attributes_getNamedItem, _event_target_attributes, _event_target;
+        var isModal = CONFIRM_MODAL_ACTIONS.includes((_event_target = event.target) === null || _event_target === void 0 ? void 0 : (_event_target_attributes = _event_target.attributes) === null || _event_target_attributes === void 0 ? void 0 : (_event_target_attributes_getNamedItem = _event_target_attributes.getNamedItem("data-id")) === null || _event_target_attributes_getNamedItem === void 0 ? void 0 : _event_target_attributes_getNamedItem.value);
+        if (isModal) {
+            return;
+        }
+        setIsDatePopoverVisible(false);
+        clearEditState();
+    });
+    var popoverId = useId();
+    var handleOnEdit = function(next, index) {
+        clearEditState();
+        // Hotfix for an issue with Popover close & open actions
+        setTimeout(function() {
+            setEditState({
+                index: index,
+                values: next
+            });
+            setAvailableTimes(next.availableTimes || []);
+            setIsDatePopoverVisible(function() {
+                return true;
+            });
+        }, 100);
+    };
+    var t = useTranslation("Design").t;
+    // in this method we should fulfill the form with a proper data
+    var handleRecurringDateChange = function() {
+        var _ref = _async_to_generator(function(next) {
+            var _availableTimesFormRef_current, _availableTimesFormRef_current_getValues, _availableTimesFormRef_current1, _editState_values, isAvailableTimesFormValid, startTime, endTime, availableTimes, validAvalilableTimes, start, rrule, availableTime, values, _editState_values1;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            (_availableTimesFormRef_current = availableTimesFormRef.current) === null || _availableTimesFormRef_current === void 0 ? void 0 : _availableTimesFormRef_current.trigger()
+                        ];
+                    case 1:
+                        isAvailableTimesFormValid = _state.sent();
+                        if ((next === null || next === void 0 ? void 0 : next.startTime) && (next === null || next === void 0 ? void 0 : next.endTime) && isAvailableTimesFormValid) {
+                            startTime = DateTime.fromISO(next.startTime);
+                            endTime = DateTime.fromISO(next.endTime);
+                            availableTimes = availableTimesFormRef.current.getValues().availableTimes;
+                            validAvalilableTimes = availableTimes.every(function(time) {
+                                var currentAvailableTime = DateTime.fromFormat(time, TIME_FORMAT);
+                                return currentAvailableTime.diff(startTime, "minutes").minutes >= 0 && currentAvailableTime.diff(endTime, "minutes").minutes <= 0;
+                            });
+                            if (!validAvalilableTimes) {
+                                availableTimesFormRef.current.setError("availableTimes", {
+                                    message: t("Validation:fieldTimeBetween", {
+                                        attribute: t("Design:startTimesSmall"),
+                                        min: startTime.toFormat(TIME_FORMAT),
+                                        max: endTime.toFormat(TIME_FORMAT)
+                                    })
+                                });
+                                return [
+                                    2
+                                ];
+                            }
+                        }
+                        start = getDateTimeObject(next.startDate, next.endTime || "23:59:59");
+                        rrule = RRule.optionsToString({
+                            until: start.toJSDate(),
+                            byweekday: [],
+                            freq: Frequency.DAILY,
+                            tzid: UTC_TIMEZONE,
+                            interval: 1
+                        }).replace("RRULE:", "");
+                        availableTime = (availableTimesFormRef === null || availableTimesFormRef === void 0 ? void 0 : (_availableTimesFormRef_current1 = availableTimesFormRef.current) === null || _availableTimesFormRef_current1 === void 0 ? void 0 : (_availableTimesFormRef_current_getValues = _availableTimesFormRef_current1.getValues()) === null || _availableTimesFormRef_current_getValues === void 0 ? void 0 : _availableTimesFormRef_current_getValues.availableTimes) || null;
+                        values = {
+                            rrule: rrule,
+                            startDate: next.startDate,
+                            endDate: next.startDate,
+                            startTime: next.startTime,
+                            endTime: next.endTime,
+                            availableTimes: availableTime
+                        };
+                        if ((_editState_values = editState.values) === null || _editState_values === void 0 ? void 0 : _editState_values.id) {
+                            values.id = (_editState_values1 = editState.values) === null || _editState_values1 === void 0 ? void 0 : _editState_values1.id;
+                        }
+                        if (editState.index !== null) {
+                            update(editState.index, values);
+                        } else {
+                            append(values);
+                        }
+                        setIsDatePopoverVisible(function() {
+                            return false;
+                        });
+                        clearEditState();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleRecurringDateChange(next) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleOnAdd = function() {
+        if (fields.length >= 1) return;
+        clearEditState();
+        setIsDatePopoverVisible(function(prevValue) {
+            return !prevValue;
+        });
+    };
+    var handleDelete = function() {
+        var removeIndex = editState.index;
+        setIsDatePopoverVisible(false);
+        clearEditState();
+        setTimeout(function() {
+            var _getValues = getValues(), _getValues_menuRecurrences = _getValues.menuRecurrences, menuRecurrences = _getValues_menuRecurrences === void 0 ? [] : _getValues_menuRecurrences;
+            // @TODO looks like workaround
+            // Need recheck other places with remove method.
+            // or update react-hook-form version.
+            // Remove method from useFormFieldArray throw
+            // errors while try to remove element by index.
+            // So we remove them manually
+            setValue("menuRecurrences", menuRecurrences.filter(function(_currentMenuRecurrence, index) {
+                return index !== removeIndex;
+            }));
+        }, 100);
+    };
+    return /*#__PURE__*/ jsxs(Form.Group, {
+        children: [
+            /*#__PURE__*/ jsx(Form.Label, {
+                children: t(isEventEditProductSet ? "whenOverridesAvailable" : "productSetAvailable")
+            }),
+            /*#__PURE__*/ jsx(OverlayTrigger, {
+                show: isDatePopoverVisible,
+                overlay: /*#__PURE__*/ jsx(Popover, {
+                    id: popoverId,
+                    className: "rounded",
+                    children: /*#__PURE__*/ jsx(Popover.Content, {
+                        className: "shadow-lg rounded",
+                        ref: popoverRef,
+                        children: /*#__PURE__*/ jsx(DatePickerInput, {
+                            defaultValues: editState.values,
+                            onChange: handleRecurringDateChange,
+                            onDelete: handleDelete,
+                            children: providerHasBookingManagement && /*#__PURE__*/ jsx(AvailableTimesControl, {
+                                workHours: workHours,
+                                isLoading: isLoading,
+                                ref: availableTimesFormRef,
+                                defaultValues: availableTimes,
+                                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,
+                                clearErrorMessage: function() {
+                                    return clearErrors("menuRecurrences.".concat(editState === null || editState === void 0 ? void 0 : editState.index, ".availableTimes"));
+                                }
+                            })
+                        })
+                    })
+                }),
+                trigger: "click",
+                placement: "bottom",
+                popperConfig: {
+                    modifiers: [
+                        sameWidthPopperModifier
+                    ]
+                },
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "product-set-recurrences",
+                    children: [
+                        fields.map(function(menuRecurrence, index) {
+                            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) || (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", {
+                            className: "product-set-recurrence-icon-wrapper",
+                            role: "button",
+                            tabIndex: 0,
+                            onClick: handleOnAdd,
+                            onKeyDown: handleOnAdd,
+                            children: [
+                                /*#__PURE__*/ jsx(FaPlusCircle, {
+                                    size: 16,
+                                    className: "product-set-recurrence-icon-add mr-2"
+                                }),
+                                t("addDates")
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Form.Control, _object_spread({
+                            type: "hidden"
+                        }, register("menuRecurrences", {
+                            required: {
+                                value: true,
+                                message: t("Validation:fieldMinNumber", {
+                                    attribute: t("dates"),
+                                    min: 1
+                                })
+                            }
+                        }))),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "manual-form-error",
+                            children: (_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : _errors_menuRecurrences1.message
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+var sameWidthPopperModifier = {
+    name: "sameWidth",
+    enabled: true,
+    phase: "beforeWrite",
+    requires: [
+        "computeStyles"
+    ],
+    fn: function fn(param) {
+        var state = param.state;
+        var style = {
+            width: "".concat(state.rects.reference.width + 4, "px"),
+            marginLeft: "-2px",
+            maxWidth: "unset"
+        };
+        Object.assign(state.styles.popper, style);
+    },
+    effect: function effect(param) {
+        var state = param.state;
+        var width = state.elements.reference.getBoundingClientRect().width;
+        var style = {
+            width: "".concat(width, "px"),
+            maxWidth: "unset"
+        };
+        Object.assign(state.elements.popper.style, style);
+    }
+};
+
+export { DateInput, sameWidthPopperModifier };

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

@@ -1,51 +1,50 @@
-/// <reference types="react" />
-import { OperationalCostType, ProductSetType, RelyOnPeopleType } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
-import { FieldSet } from "@licklist/core/dist/DataMapper/Order/FieldSetDataMapper";
-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 { SelectItem } from "../../types/generic/SelectItem";
-import { DateAndRecurrenceInputValues } from "./DateAndRecurrenceInput";
-import { Step } from "../types";
-export interface TemplateItem {
-    id: string;
-    value: EmailTemplate | SmsTemplate;
-    label: string;
-}
-export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
-    name: string;
-    type: ProductSetType;
-    termsAndConditions: string;
-    thankYouPageUrl: string;
-    operationalCost: OperationalCostType;
-    productGroups?: SelectItem[];
-    relyOnPeopleType?: RelyOnPeopleType | null;
-    fieldSetId?: number;
-    steps: Step[];
-    emailTemplates?: TemplateItem[];
-    smsTemplates?: TemplateItem[];
-}
-export interface ProductSetControlShared {
-    fee?: string;
-    fieldSets?: FieldSet[];
-    emailTemplates?: EmailTemplate[];
-    smsTemplates?: SmsTemplate[];
-}
-export interface ProductSetControlProps {
-    companyName: string;
-    isLoading: boolean;
-    isEventEditProductSet?: boolean;
-    isCreateAction?: boolean;
-    emailTemplates?: TemplateItem[];
-    smsTemplates?: TemplateItem[];
-    fee?: string;
-    fieldSets?: FieldSet[];
-    showEmailTemplate?: boolean;
-    showSmsTemplate?: boolean;
-    workHours?: WorkHour[];
-    providerHasBookingManagement?: boolean;
-    isOverrides?: boolean;
-    isCreateNewOverrides?: boolean;
-}
-export declare function ProductSetControl({ companyName, isLoading, fee, fieldSets, emailTemplates, smsTemplates, isEventEditProductSet, isCreateAction, showEmailTemplate, showSmsTemplate, workHours, providerHasBookingManagement, isOverrides, isCreateNewOverrides, }: ProductSetControlProps): JSX.Element;
+import { OperationalCostType, ProductSetType, RelyOnPeopleType } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
+import { FieldSet } from "@licklist/core/dist/DataMapper/Order/FieldSetDataMapper";
+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 { SelectItem } from "../../types/generic/SelectItem";
+import { DateAndRecurrenceInputValues } from "./DateAndRecurrenceInput";
+import { Step } from "../types";
+export interface TemplateItem {
+    id: string;
+    value: EmailTemplate | SmsTemplate;
+    label: string;
+}
+export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
+    name: string;
+    type: ProductSetType;
+    termsAndConditions: string;
+    thankYouPageUrl: string;
+    operationalCost: OperationalCostType;
+    productGroups?: SelectItem[];
+    relyOnPeopleType?: RelyOnPeopleType | null;
+    fieldSetId?: number;
+    steps: Step[];
+    emailTemplates?: TemplateItem[];
+    smsTemplates?: TemplateItem[];
+}
+export interface ProductSetControlShared {
+    fee?: string;
+    fieldSets?: FieldSet[];
+    emailTemplates?: EmailTemplate[];
+    smsTemplates?: SmsTemplate[];
+}
+export interface ProductSetControlProps {
+    companyName: string;
+    isLoading: boolean;
+    isEventEditProductSet?: boolean;
+    isCreateAction?: boolean;
+    emailTemplates?: TemplateItem[];
+    smsTemplates?: TemplateItem[];
+    fee?: string;
+    fieldSets?: FieldSet[];
+    showEmailTemplate?: boolean;
+    showSmsTemplate?: boolean;
+    workHours: WorkHour[] | undefined;
+    providerHasBookingManagement?: boolean;
+    isOverrides?: boolean;
+    isCreateNewOverrides?: boolean;
+}
+export declare function ProductSetControl({ companyName, isLoading, fee, fieldSets, emailTemplates, smsTemplates, isEventEditProductSet, isCreateAction, showEmailTemplate, showSmsTemplate, workHours, providerHasBookingManagement, isOverrides, isCreateNewOverrides, }: ProductSetControlProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProductSetControl.d.ts.map

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":";AAKA,OAAO,EAOL,mBAAmB,EACnB,cAAc,EAEd,gBAAgB,EACjB,MAAM,6DAA6D,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAC;AAGhG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAIL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAgBhC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,aAAa,GAAG,WAAW,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;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,GAC7B,EAAE,sBAAsB,eAsTxB"}
+{"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,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAC;AAGhG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAIL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAgBhC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,aAAa,GAAG,WAAW,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;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,GAC7B,EAAE,sBAAsB,2CA0TxB"}