@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/Schedule.js

@@ -1,4 +1,4 @@
-import React__default, { createContext, useContext, useState, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { createContext, useContext, useState, useEffect, useImperativeHandle, createElement, forwardRef } from 'react';
 import { FieldArray, ErrorMessage, useFormikContext, Formik, Form as Form$1 } from 'formik';
 import { findIndexBy, isPresent, toLabelAndValue, isNotPresent, noop } from '@bigbinary/neeto-cist';
 import { uniq, pluck, difference, append, without, identity, pick, assoc } from 'ramda';
@@ -18,6 +18,7 @@ import weekday from 'dayjs/plugin/weekday';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import Copy from '@bigbinary/neeto-icons/Copy';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
@@ -35,7 +36,6 @@ import { Profile } from '@bigbinary/neeto-team-members-frontend';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import MoreDropdown from './MoreDropdown.js';
 import { n } from './inject-css-c86de496.js';
-import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-icons/MenuVertical';
@@ -285,51 +285,58 @@ var findIndicesOfOverlappingRangesInPeriods = function findIndicesOfOverlappingR
 var DisplayAvailability = withT(function (_ref) {
   var t = _ref.t,
     periods = _ref.periods;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full space-y-4"
-  }, DAYS.map(function (day) {
-    var _sortPeriodsByKey;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "neeto-ui-rounded-md neeto-ui-shadow-xs neeto-ui-border-gray-200 neeto-ui-bg-white flex w-full flex-wrap items-center justify-center gap-2 border px-6 py-4 sm:items-start sm:justify-start",
-      key: day
-    }, /*#__PURE__*/React__default.createElement(Typography, {
-      className: "mt-0.5 w-24 text-center sm:w-1/4 sm:text-left",
-      "data-cy": joinHyphenCase(day, "day-text"),
-      style: "h5",
-      weight: "semibold"
-    }, t("neetoMolecules.schedule.days.".concat(day))), /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-grow flex-col items-center space-y-4 sm:w-1/2"
-    }, isPresent(periods[day]) ? (_sortPeriodsByKey = sortPeriodsByKey({
-      periods: periods[day],
-      key: "startTime",
-      order: "asc"
-    })) === null || _sortPeriodsByKey === void 0 ? void 0 : _sortPeriodsByKey.map(function (period) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "flex items-center space-x-4",
-        key: period.id
-      }, /*#__PURE__*/React__default.createElement(Typography, {
-        className: "w-20 text-right",
-        lineHeight: "relaxed",
-        style: "h5",
-        weight: "semibold",
-        "data-cy": joinHyphenCase(day, period.startTime, "start-time-text")
-      }, period.startTime), /*#__PURE__*/React__default.createElement(Typography, {
-        className: "neeto-ui-text-gray-600",
-        component: "span"
-      }, "-"), /*#__PURE__*/React__default.createElement(Typography, {
-        className: "w-20 text-left",
-        lineHeight: "relaxed",
-        style: "h5",
-        weight: "semibold",
-        "data-cy": joinHyphenCase(day, period.endTime, "start-time-text")
-      }, period.endTime));
-    }) : /*#__PURE__*/React__default.createElement(Typography, {
-      className: "mx-8 flex-grow text-center",
-      "data-cy": joinHyphenCase(day, "unavailable-time-text"),
-      lineHeight: "relaxed",
-      style: "h5"
-    }, t("neetoMolecules.schedule.unavailable"))));
-  }));
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full space-y-4",
+    children: DAYS.map(function (day) {
+      var _sortPeriodsByKey;
+      return /*#__PURE__*/jsxs("div", {
+        className: "neeto-ui-rounded-md neeto-ui-shadow-xs neeto-ui-border-gray-200 neeto-ui-bg-white flex w-full flex-wrap items-center justify-center gap-2 border px-6 py-4 sm:items-start sm:justify-start",
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "mt-0.5 w-24 text-center sm:w-1/4 sm:text-left",
+          "data-cy": joinHyphenCase(day, "day-text"),
+          style: "h5",
+          weight: "semibold",
+          children: t("neetoMolecules.schedule.days.".concat(day))
+        }), /*#__PURE__*/jsx("div", {
+          className: "flex flex-grow flex-col items-center space-y-4 sm:w-1/2",
+          children: isPresent(periods[day]) ? (_sortPeriodsByKey = sortPeriodsByKey({
+            periods: periods[day],
+            key: "startTime",
+            order: "asc"
+          })) === null || _sortPeriodsByKey === void 0 ? void 0 : _sortPeriodsByKey.map(function (period) {
+            return /*#__PURE__*/jsxs("div", {
+              className: "flex items-center space-x-4",
+              children: [/*#__PURE__*/jsx(Typography, {
+                className: "w-20 text-right",
+                lineHeight: "relaxed",
+                style: "h5",
+                weight: "semibold",
+                "data-cy": joinHyphenCase(day, period.startTime, "start-time-text"),
+                children: period.startTime
+              }), /*#__PURE__*/jsx(Typography, {
+                className: "neeto-ui-text-gray-600",
+                component: "span",
+                children: "-"
+              }), /*#__PURE__*/jsx(Typography, {
+                className: "w-20 text-left",
+                lineHeight: "relaxed",
+                style: "h5",
+                weight: "semibold",
+                "data-cy": joinHyphenCase(day, period.endTime, "start-time-text"),
+                children: period.endTime
+              })]
+            }, period.id);
+          }) : /*#__PURE__*/jsx(Typography, {
+            className: "mx-8 flex-grow text-center",
+            "data-cy": joinHyphenCase(day, "unavailable-time-text"),
+            lineHeight: "relaxed",
+            style: "h5",
+            children: t("neetoMolecules.schedule.unavailable")
+          })
+        })]
+      }, day);
+    })
+  });
 });
 
 var buildSlotIntervals = function buildSlotIntervals(_ref) {
@@ -417,88 +424,94 @@ var ScheduleRow = function ScheduleRow(_ref) {
   };
   var _useContext = useContext(ScheduleContext),
     allowAddPeriod = _useContext.allowAddPeriod;
-  return /*#__PURE__*/React__default.createElement(FieldArray, {
+  return /*#__PURE__*/jsx(FieldArray, {
     name: "wdays[".concat(wdayIndex, "].periods"),
     render: function render(arrayHelpers) {
       var _values$wdays$wdayInd, _values$wdays$wdayInd2;
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isPresent((_values$wdays$wdayInd = values.wdays[wdayIndex]) === null || _values$wdays$wdayInd === void 0 ? void 0 : _values$wdays$wdayInd.periods) && /*#__PURE__*/React__default.createElement("div", {
-        className: "w-full space-y-2"
-      }, (_values$wdays$wdayInd2 = values.wdays[wdayIndex].periods) === null || _values$wdays$wdayInd2 === void 0 ? void 0 : _values$wdays$wdayInd2.map(function (period, index) {
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: "flex w-full flex-col sm:mx-auto sm:w-80",
-          key: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]")
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "flex items-start gap-2 sm:gap-3",
-          "data-cy": "schedule-row"
-        }, /*#__PURE__*/React__default.createElement(Select, {
-          isClearable: true,
-          isSearchable: true,
-          className: "w-full",
-          components: REMOVE_SELECT_DOWN_ARROW,
-          filterOption: customFilter,
-          name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "].startTime"),
-          placeholder: t("neetoMolecules.schedule.startTime"),
-          styles: BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN,
-          options: buildSlotIntervals({
-            interval: DEFAULT_SLOT_INTERVAL,
-            bookedSlots: values.wdays[wdayIndex].periods,
-            slotType: "startTime",
-            selectedValue: period === null || period === void 0 ? void 0 : period.startTime
-          }),
-          value: slotsSelectComponentDefaultValue(period === null || period === void 0 ? void 0 : period.startTime),
-          onChange: function onChange(e) {
-            return setFieldValue("wdays[".concat(wdayIndex, "].periods[").concat(index, "].startTime"), (e === null || e === void 0 ? void 0 : e.value) || "");
-          }
-        }), /*#__PURE__*/React__default.createElement(Select, {
-          isClearable: true,
-          isSearchable: true,
-          className: "w-full",
-          components: REMOVE_SELECT_DOWN_ARROW,
-          filterOption: customFilter,
-          name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "].endTime"),
-          placeholder: t("neetoMolecules.schedule.endTime"),
-          styles: BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN,
-          value: slotsSelectComponentDefaultValue(period === null || period === void 0 ? void 0 : period.endTime),
-          options: buildSlotIntervals({
-            interval: DEFAULT_SLOT_INTERVAL,
-            bookedSlots: values.wdays[wdayIndex].periods,
-            slotType: "endTime",
-            selectedValue: period === null || period === void 0 ? void 0 : period.endTime
-          }),
-          onChange: function onChange(e) {
-            return setFieldValue("wdays[".concat(wdayIndex, "].periods[").concat(index, "].endTime"), (e === null || e === void 0 ? void 0 : e.value) || "");
-          }
-        }), /*#__PURE__*/React__default.createElement(Button, {
-          className: "flex-shrink-0 self-start",
-          "data-cy": "delete-period-button",
-          "data-testid": "delete-period-button",
-          icon: Delete,
-          style: "text",
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [isPresent((_values$wdays$wdayInd = values.wdays[wdayIndex]) === null || _values$wdays$wdayInd === void 0 ? void 0 : _values$wdays$wdayInd.periods) && /*#__PURE__*/jsx("div", {
+          className: "w-full space-y-2",
+          children: (_values$wdays$wdayInd2 = values.wdays[wdayIndex].periods) === null || _values$wdays$wdayInd2 === void 0 ? void 0 : _values$wdays$wdayInd2.map(function (period, index) {
+            return /*#__PURE__*/jsxs("div", {
+              className: "flex w-full flex-col sm:mx-auto sm:w-80",
+              children: [/*#__PURE__*/jsxs("div", {
+                className: "flex items-start gap-2 sm:gap-3",
+                "data-cy": "schedule-row",
+                children: [/*#__PURE__*/jsx(Select, {
+                  isClearable: true,
+                  isSearchable: true,
+                  className: "w-full",
+                  components: REMOVE_SELECT_DOWN_ARROW,
+                  filterOption: customFilter,
+                  name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "].startTime"),
+                  placeholder: t("neetoMolecules.schedule.startTime"),
+                  styles: BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN,
+                  options: buildSlotIntervals({
+                    interval: DEFAULT_SLOT_INTERVAL,
+                    bookedSlots: values.wdays[wdayIndex].periods,
+                    slotType: "startTime",
+                    selectedValue: period === null || period === void 0 ? void 0 : period.startTime
+                  }),
+                  value: slotsSelectComponentDefaultValue(period === null || period === void 0 ? void 0 : period.startTime),
+                  onChange: function onChange(e) {
+                    return setFieldValue("wdays[".concat(wdayIndex, "].periods[").concat(index, "].startTime"), (e === null || e === void 0 ? void 0 : e.value) || "");
+                  }
+                }), /*#__PURE__*/jsx(Select, {
+                  isClearable: true,
+                  isSearchable: true,
+                  className: "w-full",
+                  components: REMOVE_SELECT_DOWN_ARROW,
+                  filterOption: customFilter,
+                  name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "].endTime"),
+                  placeholder: t("neetoMolecules.schedule.endTime"),
+                  styles: BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN,
+                  value: slotsSelectComponentDefaultValue(period === null || period === void 0 ? void 0 : period.endTime),
+                  options: buildSlotIntervals({
+                    interval: DEFAULT_SLOT_INTERVAL,
+                    bookedSlots: values.wdays[wdayIndex].periods,
+                    slotType: "endTime",
+                    selectedValue: period === null || period === void 0 ? void 0 : period.endTime
+                  }),
+                  onChange: function onChange(e) {
+                    return setFieldValue("wdays[".concat(wdayIndex, "].periods[").concat(index, "].endTime"), (e === null || e === void 0 ? void 0 : e.value) || "");
+                  }
+                }), /*#__PURE__*/jsx(Button, {
+                  className: "flex-shrink-0 self-start",
+                  "data-cy": "delete-period-button",
+                  "data-testid": "delete-period-button",
+                  icon: Delete,
+                  style: "text",
+                  onClick: function onClick() {
+                    return handleDeleteRow(arrayHelpers, index);
+                  }
+                })]
+              }), /*#__PURE__*/jsx(ErrorMessage, {
+                name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]"),
+                children: function children(message) {
+                  return _typeof(message) !== "object" && /*#__PURE__*/jsx("span", {
+                    className: "neeto-ui-text-error-500 mt-1 w-11/12 px-2 text-xs",
+                    children: message
+                  });
+                }
+              })]
+            }, "wdays[".concat(wdayIndex, "].periods[").concat(index, "]"));
+          })
+        }), values.wdays[wdayIndex].available && allowAddPeriod && /*#__PURE__*/jsx(Button, {
+          className: "absolute right-14 top-3 ml-auto flex-shrink-0 sm:static",
+          "data-cy": "add-new-period-button",
+          "data-testid": "add-new-period-button",
+          icon: Plus,
+          style: "secondary",
+          tooltipProps: {
+            content: t("neetoMolecules.schedule.addNewPeriod"),
+            position: "top",
+            hideAfter: 5000
+          },
           onClick: function onClick() {
-            return handleDeleteRow(arrayHelpers, index);
+            return handleAddRow(arrayHelpers);
           }
-        })), /*#__PURE__*/React__default.createElement(ErrorMessage, {
-          name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]")
-        }, function (message) {
-          return _typeof(message) !== "object" && /*#__PURE__*/React__default.createElement("span", {
-            className: "neeto-ui-text-error-500 mt-1 w-11/12 px-2 text-xs"
-          }, message);
-        }));
-      })), values.wdays[wdayIndex].available && allowAddPeriod && /*#__PURE__*/React__default.createElement(Button, {
-        className: "absolute right-14 top-3 ml-auto flex-shrink-0 sm:static",
-        "data-cy": "add-new-period-button",
-        "data-testid": "add-new-period-button",
-        icon: Plus,
-        style: "secondary",
-        tooltipProps: {
-          content: t("neetoMolecules.schedule.addNewPeriod"),
-          position: "top",
-          hideAfter: 5000
-        },
-        onClick: function onClick() {
-          return handleAddRow(arrayHelpers);
-        }
-      }));
+        })]
+      });
     }
   });
 };
@@ -554,95 +567,106 @@ var Form = function Form(_ref) {
   var handleCopyChange = function handleCopyChange(e, day) {
     return setWdaysToCopy(e.target.checked ? append(day) : without([day]));
   };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-rounded-md neeto-ui-shadow-xs neeto-ui-border-gray-200 neeto-ui-bg-white relative w-full border px-4 md:px-6"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sm:flex-no-wrap my-4 flex w-full flex-wrap items-start gap-2 sm:flex-nowrap sm:gap-4" // Added `sm:flex-no-wrap` since neetoCal is using old version of tailwind
-    ,
-    "data-cy": "working-day-container"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("flex w-36 flex-shrink-0 items-center justify-start sm:mt-1", {
-      "mb-3 sm:mb-0": isPresent((_values$wdays$index = values.wdays[index]) === null || _values$wdays$index === void 0 ? void 0 : _values$wdays$index.periods)
-    })
-  }, /*#__PURE__*/React__default.createElement(Switch, {
-    "aria-label": "wdays[".concat(index, "].available"),
-    checked: values.wdays[index].available,
-    className: "flex-grow-0",
-    "data-cy": joinHyphenCase(day, "weekly-hours-checkbox"),
-    id: "day",
-    name: "wdays[".concat(index, "].available"),
-    onChange: function onChange() {
-      return handleCheckbox(setFieldValue, values);
-    }
-  }), /*#__PURE__*/React__default.createElement(Typography, {
-    component: "span",
-    "data-cy": joinHyphenCase(day, "day-text"),
-    style: "body2",
-    weight: values.wdays[index].available ? "semibold" : "normal",
-    className: classnames("ml-2 capitalize", {
-      "neeto-ui-text-gray-600": !values.wdays[index].available
-    })
-  }, t("neetoMolecules.schedule.days.".concat(day)))), /*#__PURE__*/React__default.createElement(ScheduleRow, {
-    day: day,
-    setFieldValue: setFieldValue,
-    values: values,
-    wdayIndex: index
-  }), values.wdays[index].available && /*#__PURE__*/React__default.createElement(Dropdown, {
-    closeOnSelect: true,
-    buttonStyle: "secondary",
-    icon: Copy,
-    position: "right-start",
-    buttonProps: {
-      tooltipProps: {
-        content: t("neetoMolecules.schedule.copyScheduleTooltip"),
-        position: "top",
-        hideAfter: 5000
-      },
-      className: "absolute right-4 top-3 sm:static flex-shrink-0",
-      "data-testid": joinHyphenCase(day, "copy-schedule-icon"),
-      "data-cy": joinHyphenCase(day, "copy-schedule-icon")
-    },
-    dropdownProps: {
-      className: "neeto-ui-dropdown__popup neeto-molecules-schedule__dropdown"
-    },
-    onClose: function onClose() {
-      return setWdaysToCopy([]);
-    }
-  }, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h5"
-  }, t("neetoMolecules.schedule.copySchedule"))), DAYS.filter(function (copyDay) {
-    return copyDay !== day;
-  }).map(function (day) {
-    return /*#__PURE__*/React__default.createElement("li", {
-      key: day,
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }, /*#__PURE__*/React__default.createElement(Label, {
-      className: "w-full cursor-pointer capitalize"
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
-      checked: wdaysToCopy.includes(day),
-      id: day,
-      label: t("neetoMolecules.schedule.days.".concat(day)),
-      onChange: function onChange(e) {
-        return handleCopyChange(e, day);
-      }
-    })));
-  }), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "copy-schedule-submit-button",
-    disabled: isNotPresent(wdaysToCopy),
-    label: t("neetoMolecules.common.actions.submit"),
-    size: "small",
-    onClick: function onClick() {
-      handleCopy({
-        values: values,
-        index: index,
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-ui-rounded-md neeto-ui-shadow-xs neeto-ui-border-gray-200 neeto-ui-bg-white relative w-full border px-4 md:px-6",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "sm:flex-no-wrap my-4 flex w-full flex-wrap items-start gap-2 sm:flex-nowrap sm:gap-4" // Added `sm:flex-no-wrap` since neetoCal is using old version of tailwind
+      ,
+      "data-cy": "working-day-container",
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classnames("flex w-36 flex-shrink-0 items-center justify-start sm:mt-1", {
+          "mb-3 sm:mb-0": isPresent((_values$wdays$index = values.wdays[index]) === null || _values$wdays$index === void 0 ? void 0 : _values$wdays$index.periods)
+        }),
+        children: [/*#__PURE__*/jsx(Switch, {
+          "aria-label": "wdays[".concat(index, "].available"),
+          checked: values.wdays[index].available,
+          className: "flex-grow-0",
+          "data-cy": joinHyphenCase(day, "weekly-hours-checkbox"),
+          id: "day",
+          name: "wdays[".concat(index, "].available"),
+          onChange: function onChange() {
+            return handleCheckbox(setFieldValue, values);
+          }
+        }), /*#__PURE__*/jsx(Typography, {
+          component: "span",
+          "data-cy": joinHyphenCase(day, "day-text"),
+          style: "body2",
+          weight: values.wdays[index].available ? "semibold" : "normal",
+          className: classnames("ml-2 capitalize", {
+            "neeto-ui-text-gray-600": !values.wdays[index].available
+          }),
+          children: t("neetoMolecules.schedule.days.".concat(day))
+        })]
+      }), /*#__PURE__*/jsx(ScheduleRow, {
+        day: day,
         setFieldValue: setFieldValue,
-        wdaysToCopy: wdaysToCopy
-      });
-      setWdaysToCopy([]);
-    }
-  })))));
+        values: values,
+        wdayIndex: index
+      }), values.wdays[index].available && /*#__PURE__*/jsxs(Dropdown, {
+        closeOnSelect: true,
+        buttonStyle: "secondary",
+        icon: Copy,
+        position: "right-start",
+        buttonProps: {
+          tooltipProps: {
+            content: t("neetoMolecules.schedule.copyScheduleTooltip"),
+            position: "top",
+            hideAfter: 5000
+          },
+          className: "absolute right-4 top-3 sm:static flex-shrink-0",
+          "data-testid": joinHyphenCase(day, "copy-schedule-icon"),
+          "data-cy": joinHyphenCase(day, "copy-schedule-icon")
+        },
+        dropdownProps: {
+          className: "neeto-ui-dropdown__popup neeto-molecules-schedule__dropdown"
+        },
+        onClose: function onClose() {
+          return setWdaysToCopy([]);
+        },
+        children: [/*#__PURE__*/jsx("li", {
+          children: /*#__PURE__*/jsx(Typography, {
+            style: "h5",
+            children: t("neetoMolecules.schedule.copySchedule")
+          })
+        }), DAYS.filter(function (copyDay) {
+          return copyDay !== day;
+        }).map(function (day) {
+          return /*#__PURE__*/jsx("li", {
+            onClick: function onClick(e) {
+              return e.stopPropagation();
+            },
+            children: /*#__PURE__*/jsx(Label, {
+              className: "w-full cursor-pointer capitalize",
+              children: /*#__PURE__*/jsx(Checkbox, {
+                checked: wdaysToCopy.includes(day),
+                id: day,
+                label: t("neetoMolecules.schedule.days.".concat(day)),
+                onChange: function onChange(e) {
+                  return handleCopyChange(e, day);
+                }
+              })
+            })
+          }, day);
+        }), /*#__PURE__*/jsx("li", {
+          children: /*#__PURE__*/jsx(Button, {
+            "data-cy": "copy-schedule-submit-button",
+            disabled: isNotPresent(wdaysToCopy),
+            label: t("neetoMolecules.common.actions.submit"),
+            size: "small",
+            onClick: function onClick() {
+              handleCopy({
+                values: values,
+                index: index,
+                setFieldValue: setFieldValue,
+                wdaysToCopy: wdaysToCopy
+              });
+              setWdaysToCopy([]);
+            }
+          })
+        })]
+      })]
+    })
+  });
 };
 
 var Fields = function Fields(_ref) {
@@ -664,23 +688,24 @@ var Fields = function Fields(_ref) {
       errors: errors
     };
   });
-  return /*#__PURE__*/React__default.createElement(FieldArray, {
+  return /*#__PURE__*/jsx(FieldArray, {
     name: "wdays",
     render: function render() {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "space-y-4"
-      }, values.wdays.map(function (item, index) {
-        return /*#__PURE__*/React__default.createElement(Form, {
-          handleCopy: handleCopy,
-          index: index,
-          setFieldValue: setFieldValue,
-          values: values,
-          day: DAYS.find(function (day) {
-            return day === item.wday;
-          }),
-          key: item.wday
-        });
-      }));
+      return /*#__PURE__*/jsx("div", {
+        className: "space-y-4",
+        children: values.wdays.map(function (item, index) {
+          return /*#__PURE__*/createElement(Form, {
+            handleCopy: handleCopy,
+            index: index,
+            setFieldValue: setFieldValue,
+            values: values,
+            day: DAYS.find(function (day) {
+              return day === item.wday;
+            }),
+            key: item.wday
+          });
+        })
+      });
     }
   });
 };
@@ -716,53 +741,60 @@ var Header = function Header(_ref) {
       return clearInterval(time);
     };
   }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-6 flex flex-wrap justify-between gap-2"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-3"
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    content: t("neetoMolecules.schedule.timezoneTooltip"),
-    position: "bottom"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    component: "h4",
-    "data-cy": "timezone-text",
-    style: "h5",
-    weight: "medium"
-  }, timeZoneAndTime)), isEditable && /*#__PURE__*/React__default.createElement(MoreDropdown, {
-    dropdownButtonProps: {
-      "data-testid": "nui-more-dropdown"
-    },
-    menuItems: [{
-      onClick: function onClick() {
-        return setIsProfilePaneOpen(true);
-      },
-      label: t("neetoMolecules.common.actions.changeTimezone"),
-      target: "_blank",
-      key: "change-timezone-option",
-      "data-testid": "change-timezone-option"
-    }]
-  })), isEditing ? /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "reset-button",
-    style: "secondary",
-    label: !dirty ? t("neetoMolecules.common.actions.cancel") : t("neetoMolecules.common.actions.reset"),
-    onClick: handleReset
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "weekly-hours-save-changes-button",
-    disabled: !dirty && !isCreating || isSubmitting,
-    label: t("neetoMolecules.common.actions.saveChanges"),
-    loading: isSubmitting,
-    onClick: submitForm
-  })) : /*#__PURE__*/React__default.createElement("div", null, isEditable && /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "weekly-schedule-header",
-    label: t("neetoMolecules.schedule.changeAvailability"),
-    style: "primary",
-    weight: "semibold",
-    onClick: function onClick() {
-      return setIsEditing(true);
-    }
-  })));
+  return /*#__PURE__*/jsxs("div", {
+    className: "mb-6 flex flex-wrap justify-between gap-2",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex items-center gap-3",
+      children: [/*#__PURE__*/jsx(Tooltip, {
+        content: t("neetoMolecules.schedule.timezoneTooltip"),
+        position: "bottom",
+        children: /*#__PURE__*/jsx(Typography, {
+          component: "h4",
+          "data-cy": "timezone-text",
+          style: "h5",
+          weight: "medium",
+          children: timeZoneAndTime
+        })
+      }), isEditable && /*#__PURE__*/jsx(MoreDropdown, {
+        dropdownButtonProps: {
+          "data-testid": "nui-more-dropdown"
+        },
+        menuItems: [{
+          onClick: function onClick() {
+            return setIsProfilePaneOpen(true);
+          },
+          label: t("neetoMolecules.common.actions.changeTimezone"),
+          target: "_blank",
+          key: "change-timezone-option",
+          "data-testid": "change-timezone-option"
+        }]
+      })]
+    }), isEditing ? /*#__PURE__*/jsxs("div", {
+      className: "flex items-center gap-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-cy": "reset-button",
+        style: "secondary",
+        label: !dirty ? t("neetoMolecules.common.actions.cancel") : t("neetoMolecules.common.actions.reset"),
+        onClick: handleReset
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "weekly-hours-save-changes-button",
+        disabled: !dirty && !isCreating || isSubmitting,
+        label: t("neetoMolecules.common.actions.saveChanges"),
+        loading: isSubmitting,
+        onClick: submitForm
+      })]
+    }) : /*#__PURE__*/jsx("div", {
+      children: isEditable && /*#__PURE__*/jsx(Button, {
+        "data-cy": "weekly-schedule-header",
+        label: t("neetoMolecules.schedule.changeAvailability"),
+        style: "primary",
+        weight: "semibold",
+        onClick: function onClick() {
+          return setIsEditing(true);
+        }
+      })
+    })]
+  });
 };
 
 var css = ".neeto-molecules-schedule{margin:auto;max-width:40rem;width:100%}.neeto-molecules-schedule__dropdown{max-height:var(--neeto-ui-dropdown-popup-max-height)!important}";
@@ -814,33 +846,40 @@ var Schedule = /*#__PURE__*/forwardRef(function (_ref, scheduleRef) {
       };
     });
   };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-schedule neeto-ui-border-gray-200 flex-shrink-0"
-  }, /*#__PURE__*/React__default.createElement(Formik, {
-    enableReinitialize: true,
-    initialValues: {
-      wdays: getInitialFormValues()
-    },
-    validationSchema: getScheduleValidationSchema(),
-    onSubmit: function onSubmit(values) {
-      return handleSubmit(values, getInitialFormValues());
-    }
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showHeader && /*#__PURE__*/React__default.createElement(Header, {
-    isCreating: isCreating,
-    isEditable: isEditable,
-    isEditing: isEditing,
-    setIsEditing: setIsEditing
-  }), isEditing || !showHeader ? /*#__PURE__*/React__default.createElement(Form$1, null, /*#__PURE__*/React__default.createElement(ScheduleContext.Provider, {
-    value: {
-      allowAddPeriod: allowAddPeriod
-    }
-  }, /*#__PURE__*/React__default.createElement(Fields, {
-    handleCopy: handleCopy,
-    handleValuesChanged: handleValuesChanged,
-    scheduleRef: scheduleRef
-  }))) : /*#__PURE__*/React__default.createElement(DisplayAvailability, {
-    periods: periods
-  }))));
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-molecules-schedule neeto-ui-border-gray-200 flex-shrink-0",
+    children: /*#__PURE__*/jsx(Formik, {
+      enableReinitialize: true,
+      initialValues: {
+        wdays: getInitialFormValues()
+      },
+      validationSchema: getScheduleValidationSchema(),
+      onSubmit: function onSubmit(values) {
+        return handleSubmit(values, getInitialFormValues());
+      },
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [showHeader && /*#__PURE__*/jsx(Header, {
+          isCreating: isCreating,
+          isEditable: isEditable,
+          isEditing: isEditing,
+          setIsEditing: setIsEditing
+        }), isEditing || !showHeader ? /*#__PURE__*/jsx(Form$1, {
+          children: /*#__PURE__*/jsx(ScheduleContext.Provider, {
+            value: {
+              allowAddPeriod: allowAddPeriod
+            },
+            children: /*#__PURE__*/jsx(Fields, {
+              handleCopy: handleCopy,
+              handleValuesChanged: handleValuesChanged,
+              scheduleRef: scheduleRef
+            })
+          })
+        }) : /*#__PURE__*/jsx(DisplayAvailability, {
+          periods: periods
+        })]
+      })
+    })
+  });
 });
 Schedule.displayName = "Schedule";