@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/Schedule.js

@@ -0,0 +1,1046 @@
+import React, { createContext, useContext, useState, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { FieldArray, ErrorMessage, useFormikContext, Formik, Form as Form$1 } from 'formik';
+import { findIndexBy, isPresent, toLabelAndValue, isNotPresent, noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { uniq, pluck, difference, append, without, identity, mergeRight, pick, assoc } from 'ramda';
+import { timeFormat, joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
+import { Typography, Button, Dropdown, Label, Checkbox as Checkbox$1, Tooltip } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
+import { ianaTimezoneToHumanReadable } from '@bigbinary/neeto-time-zones';
+import dayjs from 'dayjs';
+import i18next from 'i18next';
+import * as yup from 'yup';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import timezone from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
+import weekday from 'dayjs/plugin/weekday';
+import { Delete, Plus, Copy, MenuVertical, MenuHorizontal } from '@bigbinary/neeto-icons';
+import { Select, Checkbox } from '@bigbinary/neetoui/formik';
+
+var DAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
+var DEFAULT_SLOT_INTERVAL = 30;
+var MY_PROFILE_URL = "/auth/profile/edit";
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray$1(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 _unsupportedIterableToArray$1(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$1(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(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+}
+
+function _nonIterableRest() {
+  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 _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
+var INTERVALS = ["year", "quarter", "month", "week", "day", "hour", "minute", "second"];
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var REMOVE_SELECT_DOWN_ARROW = {
+  DropdownIndicator: function DropdownIndicator() {
+    return null;
+  },
+  IndicatorSeparator: function IndicatorSeparator() {
+    return null;
+  }
+};
+var BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN = {
+  singleValue: function singleValue(base, state) {
+    return _objectSpread$1(_objectSpread$1({}, base), {}, {
+      color: state.selectProps.menuIsOpen ? "#c2c8cc" : base.color
+    });
+  }
+};
+var SLOT_TIME_FORMAT = "hh:mm A";
+var END_OF_DAY = "11:59 PM";
+
+var DayjsRange = /*#__PURE__*/function () {
+  function DayjsRange(startDate, endDate) {
+    _classCallCheck(this, DayjsRange);
+    var _ref = startDate > endDate ? {
+        s: endDate,
+        e: startDate
+      } : {
+        s: startDate,
+        e: endDate
+      },
+      s = _ref.s,
+      e = _ref.e;
+    this.startDate = s;
+    this.endDate = e;
+  }
+  _createClass(DayjsRange, [{
+    key: "isValidRange",
+    value: function isValidRange() {
+      return this.startDate.isValid() && this.endDate.isValid();
+    }
+  }, {
+    key: "isOverlap",
+    value: function isOverlap(other) {
+      if (!(other instanceof DayjsRange) || !other.isValidRange()) {
+        return false;
+      }
+      return this.startDate < other.endDate && this.endDate > other.startDate;
+    }
+  }, {
+    key: "toArrayOfTimeIntervals",
+    value: function toArrayOfTimeIntervals() {
+      var interval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 15;
+      var startTime = this.startDate;
+      var endTime = this.endDate.add(1, "days");
+      var allTimes = [];
+      while (startTime < endTime) {
+        allTimes.push(startTime.format(SLOT_TIME_FORMAT));
+        startTime = startTime.add(interval, "minutes");
+      }
+      return allTimes;
+    }
+  }]);
+  return DayjsRange;
+}();
+function extendDayjs(dayjs) {
+  dayjs.range = function range(start, end) {
+    var dayjsObject = this;
+    if (typeof start === "string" && INTERVALS.includes(start)) {
+      return new DayjsRange(dayjs(dayjsObject).startOf(start), dayjs(dayjsObject).endOf(start));
+    }
+    return new DayjsRange(start, end);
+  };
+  dayjs.range.constructor = DayjsRange;
+
+  // Returns timeIntervals in 12 hour clock format for the whole day with both AM or PM suffixed
+  dayjs.timeIntervalsForDay = function (interval) {
+    var _ref2 = [dayjs("00:00 AM", SLOT_TIME_FORMAT), dayjs("00:00 AM", SLOT_TIME_FORMAT)],
+      startOfDay = _ref2[0],
+      endOfDay = _ref2[1];
+    var allIntervalsForADay = dayjs.range(startOfDay, endOfDay).toArrayOfTimeIntervals(interval);
+    return allIntervalsForADay;
+  };
+  return dayjs;
+}
+
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(customParseFormat);
+dayjs.extend(weekday);
+
+// Add range and overlap functions to dayjs
+var dayjsExtended = extendDayjs(dayjs);
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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; }
+yup.addMethod(yup.array, "ensureSlotsCantOverlap", function () {
+  return this.test("ensureSlotsCantOverlap", function (periods) {
+    var _checkForOverlapBetwe = checkForOverlapBetweenPeriods(periods),
+      isOverlapping = _checkForOverlapBetwe.exists,
+      range1 = _checkForOverlapBetwe.range1,
+      range2 = _checkForOverlapBetwe.range2;
+    if (!isOverlapping) return true;
+    var _findIndicesOfOverlap = findIndicesOfOverlappingRangesInPeriods({
+        range1: range1,
+        range2: range2,
+        periods: periods
+      }),
+      firstIndex = _findIndicesOfOverlap.firstIndex,
+      secondIndex = _findIndicesOfOverlap.secondIndex;
+    var firstError = this.createError({
+      path: "".concat(this.path, "[").concat(firstIndex, "]"),
+      message: i18next.t("neetoMolecules.schedule.errors.period.overlap", {
+        start: timeFormat.time(range2.startDate),
+        end: timeFormat.time(range2.endDate)
+      })
+    });
+    var secondError = this.createError({
+      path: "".concat(this.path, "[").concat(secondIndex, "]"),
+      message: i18next.t("neetoMolecules.schedule.errors.period.overlap", {
+        start: timeFormat.time(range1.startDate),
+        end: timeFormat.time(range1.endDate)
+      })
+    });
+    return new yup.ValidationError([firstError, secondError]);
+  });
+});
+var isFromAndToSame = function isFromAndToSame(startTime, endTime) {
+  if (!startTime || !endTime) return true;
+  return dayjs(startTime, SLOT_TIME_FORMAT).isSame(dayjs(endTime, SLOT_TIME_FORMAT));
+};
+var getScheduleValidationSchema = function getScheduleValidationSchema() {
+  return yup.object().shape({
+    wdays: yup.array().of(yup.object().shape({
+      periods: yup.array().of(yup.object().shape({
+        startTime: yup.string().required(i18next.t("neetoMolecules.schedule.errors.period.startTime")),
+        endTime: yup.string().required(i18next.t("neetoMolecules.schedule.errors.period.endTime")).test("ensureToTimeNotBehindFromTime", i18next.t("neetoMolecules.schedule.errors.period.isBehind"), function (value) {
+          var startTime = this.parent.startTime;
+          if (isFromAndToSame(value, startTime)) return true;
+          return isTimeBehind(startTime, value);
+        })
+      }).test("ensureTimeNotSame", i18next.t("neetoMolecules.schedule.errors.period.sameTime"), function (value) {
+        var startTime = value.startTime,
+          endTime = value.endTime;
+        return !isFromAndToSame(startTime, endTime);
+      })).ensureSlotsCantOverlap()
+    }))
+  });
+};
+var getUserTimeZone = function getUserTimeZone() {
+  var _window$globalProps;
+  return (_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.user.timeZone;
+};
+var getTimeZoneAndTime = function getTimeZoneAndTime() {
+  var timeZone = getUserTimeZone();
+  var humanReadableTimezone = ianaTimezoneToHumanReadable(timeZone);
+  return "".concat(humanReadableTimezone, ": ").concat(dayjs().tz(timeZone).format(SLOT_TIME_FORMAT));
+};
+var isTimeBehind = function isTimeBehind(timeA, timeB) {
+  return dayjs(timeA, SLOT_TIME_FORMAT).isBefore(dayjs(timeB, SLOT_TIME_FORMAT));
+};
+var sortPeriodsByKey = function sortPeriodsByKey(_ref) {
+  var periods = _ref.periods,
+    key = _ref.key,
+    _ref$order = _ref.order,
+    order = _ref$order === void 0 ? "desc" : _ref$order;
+  return periods.slice().sort(function (periodA, periodB) {
+    var isPeriodBehind = isTimeBehind(periodA[key], periodB[key]);
+    if (order === "desc") return isPeriodBehind ? 1 : -1;
+    return isPeriodBehind ? -1 : 1;
+  });
+};
+
+/**
+ * Check for overlapping between entered periods
+ * @typedef {Object} Slots
+ * @property {Array<{startTime:string, endTime: string}>} periods - startTime and endTime
+ * @param {Slots} periods - changed time periods
+ * @return {{exists: boolean, range1: DayjsRange | null, range2:DayjsRange | null }} - overlapped ranges if exists
+ */
+var checkForOverlapBetweenPeriods = function checkForOverlapBetweenPeriods(periods) {
+  var response = {
+    exists: false,
+    range1: null,
+    range2: null
+  };
+  if (!(periods !== null && periods !== void 0 && periods.length)) return response;
+  var slotsSortedByStartTime = sortPeriodsByKey({
+    periods: periods,
+    key: "startTime"
+  });
+  var _iterator = _createForOfIteratorHelper(slotsSortedByStartTime.slice(0, -1).entries()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _slicedToArray(_step.value, 2),
+        index = _step$value[0],
+        value = _step$value[1];
+      var seg1 = value;
+      var seg2 = slotsSortedByStartTime[index + 1];
+      var range1 = dayjsExtended.range(dayjsExtended(seg1.startTime, SLOT_TIME_FORMAT), dayjsExtended(seg1.endTime, SLOT_TIME_FORMAT));
+      var range2 = dayjsExtended.range(dayjsExtended(seg2.startTime, SLOT_TIME_FORMAT), dayjsExtended(seg2.endTime, SLOT_TIME_FORMAT));
+      if (range1.isOverlap(range2)) {
+        response = {
+          exists: true,
+          range1: range1,
+          range2: range2
+        };
+        break;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return response;
+};
+var findIndicesOfOverlappingRangesInPeriods = function findIndicesOfOverlappingRangesInPeriods(_ref2) {
+  var range1 = _ref2.range1,
+    range2 = _ref2.range2,
+    periods = _ref2.periods;
+  var firstIndex = findIndexBy({
+    startTime: range1.startDate.format(SLOT_TIME_FORMAT)
+  }, periods);
+  var secondIndex = periods.findIndex(function (slot, index) {
+    return index > firstIndex && slot.startTime === range2.startDate.format(SLOT_TIME_FORMAT);
+  });
+  return {
+    firstIndex: firstIndex,
+    secondIndex: secondIndex
+  };
+};
+
+var DisplayAvailability = function DisplayAvailability(_ref) {
+  var periods = _ref.periods;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full space-y-4"
+  }, DAYS.map(function (day) {
+    var _sortPeriodsByKey;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "neeto-ui-rounded-md neeto-ui-shadow-s neeto-ui-border-gray-300 flex w-full items-start justify-start border py-4 px-12",
+      key: day
+    }, /*#__PURE__*/React.createElement(Typography, {
+      className: "mt-0.5 w-16",
+      "data-cy": joinHyphenCase(day, "day-text"),
+      style: "h5",
+      weight: "semibold"
+    }, t("neetoMolecules.schedule.days.".concat(day))), /*#__PURE__*/React.createElement("div", {
+      className: "flex w-9/12 flex-col items-center space-y-4"
+    }, 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.createElement("div", {
+        className: "flex items-center space-x-4",
+        key: period.id
+      }, /*#__PURE__*/React.createElement(Typography, {
+        className: "w-24 text-right",
+        lineHeight: "relaxed",
+        style: "h5",
+        weight: "semibold",
+        "data-cy": joinHyphenCase(day, period.startTime, "start-time-text")
+      }, period.startTime), /*#__PURE__*/React.createElement(Typography, {
+        className: "neeto-ui-text-gray-600",
+        component: "span"
+      }, "-"), /*#__PURE__*/React.createElement(Typography, {
+        className: "w-24 text-left",
+        lineHeight: "relaxed",
+        style: "h5",
+        weight: "semibold",
+        "data-cy": joinHyphenCase(day, period.endTime, "start-time-text")
+      }, period.endTime));
+    }) : /*#__PURE__*/React.createElement(Typography, {
+      className: "mx-8 mt-0.5",
+      "data-cy": joinHyphenCase(day, "unavailable-time-text"),
+      lineHeight: "relaxed",
+      style: "h5"
+    }, t("neetoMolecules.schedule.unavailable"))));
+  }));
+};
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+}
+
+var buildSlotIntervals = function buildSlotIntervals(_ref) {
+  var interval = _ref.interval,
+    bookedSlots = _ref.bookedSlots,
+    slotType = _ref.slotType,
+    _ref$selectedValue = _ref.selectedValue,
+    selectedValue = _ref$selectedValue === void 0 ? null : _ref$selectedValue;
+  var selectedOption = {
+    label: selectedValue,
+    value: selectedValue
+  };
+  var allIntervalsForADay = dayjsExtended.timeIntervalsForDay(interval);
+  allIntervalsForADay.push(END_OF_DAY);
+  var uniqBookedSlots = uniq(pluck(slotType, bookedSlots));
+  var slotsAvailableForBooking = difference(allIntervalsForADay, uniqBookedSlots);
+  var slots = slotsAvailableForBooking.map(toLabelAndValue);
+  return selectedValue ? sortSlots([selectedOption].concat(_toConsumableArray(slots))) : slots;
+};
+var sortSlots = function sortSlots(slots) {
+  return slots.sort(function (a, b) {
+    return isTimeBehind(a["value"], b["value"]) ? -1 : 1;
+  });
+};
+var slotsSelectComponentDefaultValue = function slotsSelectComponentDefaultValue(slot) {
+  return slot ? toLabelAndValue(slot) : "";
+};
+var padZeroes = function padZeroes(str) {
+  return str.length % 2 === 0 ? str : "0".concat(str);
+};
+var customFilter = function customFilter(option, searchTerm) {
+  if (isNotPresent(searchTerm)) return true;
+  var doesNumberMatches = option.value.replace(":", "").startsWith(padZeroes(searchTerm.replaceAll(/\D+/gi, "")));
+  var doesAmPmMatches = option.value.includes(searchTerm.toUpperCase().replaceAll(/[^a-z]/gi, ""));
+  return doesNumberMatches && doesAmPmMatches;
+};
+var roundToNearestHour = function roundToNearestHour(time) {
+  var minutes = time.minute();
+  if (minutes === 59) return time.startOf("hour").add(1, "hour");
+  return time.add(1, "hour");
+};
+var generateNewPeriod = function generateNewPeriod(periods, wday) {
+  var lastEndTime = periods[periods.length - 1].endTime;
+  var newStartTime = roundToNearestHour(dayjsExtended(lastEndTime, SLOT_TIME_FORMAT));
+  var newEndTime = dayjsExtended(newStartTime, SLOT_TIME_FORMAT).add(1, "hour");
+  return {
+    startTime: dayjsExtended(newStartTime).format(SLOT_TIME_FORMAT),
+    endTime: dayjsExtended(newEndTime).format(SLOT_TIME_FORMAT),
+    wday: wday
+  };
+};
+var addDefaultPeriod = function addDefaultPeriod(wday) {
+  return {
+    wday: wday,
+    startTime: "09:00 AM",
+    endTime: "05:00 PM"
+  };
+};
+
+// To avoid prop drilling `allowAddPeriod` to `ScheduleRow` component
+// eslint-disable-next-line @bigbinary/neeto/use-zustand-for-global-state-management
+var ScheduleContext = /*#__PURE__*/createContext({
+  allowAddPeriod: true
+});
+
+var ScheduleRow = function ScheduleRow(_ref) {
+  var values = _ref.values,
+    setFieldValue = _ref.setFieldValue,
+    wdayIndex = _ref.wdayIndex,
+    day = _ref.day;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleAddRow = function handleAddRow(arrayHelpers) {
+    if (isNotPresent(values.wdays[wdayIndex].periods)) {
+      arrayHelpers.push(addDefaultPeriod(day));
+    } else {
+      arrayHelpers.push(generateNewPeriod(values.wdays[wdayIndex].periods, day));
+    }
+    setFieldValue("wdays[".concat(wdayIndex, "].available"), true);
+  };
+  var handleDeleteRow = function handleDeleteRow(arrayHelpers, index) {
+    var isLastRowDeleted = values.wdays[wdayIndex].periods.length === 1;
+    arrayHelpers.remove(index);
+    setFieldValue("wdays[".concat(wdayIndex, "].available"), !isLastRowDeleted);
+  };
+  var _useContext = useContext(ScheduleContext),
+    allowAddPeriod = _useContext.allowAddPeriod;
+  return /*#__PURE__*/React.createElement(FieldArray, {
+    name: "wdays[".concat(wdayIndex, "].periods"),
+    render: function render(arrayHelpers) {
+      var _values$wdays$wdayInd, _values$wdays$wdayInd2;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "flex w-full items-start justify-between"
+      }, isNotPresent((_values$wdays$wdayInd = values.wdays[wdayIndex]) === null || _values$wdays$wdayInd === void 0 ? void 0 : _values$wdays$wdayInd.periods) ? /*#__PURE__*/React.createElement("div", {
+        className: "mx-auto mt-1 flex w-80 items-center justify-center"
+      }, /*#__PURE__*/React.createElement(Typography, {
+        "data-cy": "unavailable-text",
+        lineHeight: "relaxed",
+        style: "h5"
+      }, t("neetoMolecules.schedule.unavailable"))) : /*#__PURE__*/React.createElement("div", {
+        className: "w-full space-y-4"
+      }, (_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.createElement("div", {
+          className: "mx-auto flex w-80 flex-col",
+          key: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]")
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "flex min-w-full items-start space-x-3",
+          "data-cy": "schedule-row"
+        }, /*#__PURE__*/React.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.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,
+          options: buildSlotIntervals({
+            interval: DEFAULT_SLOT_INTERVAL,
+            bookedSlots: values.wdays[wdayIndex].periods,
+            slotType: "endTime",
+            selectedValue: period === null || period === void 0 ? void 0 : period.endTime
+          }),
+          value: slotsSelectComponentDefaultValue(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.createElement(Delete, {
+          className: "hover:neeto-ui-text-error-600 mt-2 w-16 cursor-pointer",
+          "data-cy": "delete-period-button",
+          size: 20,
+          onClick: function onClick() {
+            return handleDeleteRow(arrayHelpers, index);
+          }
+        })), /*#__PURE__*/React.createElement(ErrorMessage, {
+          name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]")
+        }, function (message) {
+          return _typeof(message) !== "object" && /*#__PURE__*/React.createElement("span", {
+            className: "neeto-ui-text-error-500 mt-1 w-11/12 px-2 text-xs"
+          }, message);
+        }));
+      }))), allowAddPeriod && /*#__PURE__*/React.createElement(Button, {
+        className: "flex-shrink-0",
+        "data-cy": "add-new-period-button",
+        "data-testid": "add-new-period-button",
+        icon: Plus,
+        tooltipProps: {
+          content: t("neetoMolecules.schedule.addNewPeriod"),
+          position: "top",
+          hideAfter: 5000
+        },
+        onClick: function onClick() {
+          return handleAddRow(arrayHelpers);
+        }
+      }));
+    }
+  });
+};
+
+var Form = function Form(_ref) {
+  var day = _ref.day,
+    handleCopy = _ref.handleCopy,
+    values = _ref.values,
+    setFieldValue = _ref.setFieldValue,
+    index = _ref.index;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    deletedPeriods = _useState2[0],
+    setDeletedPeriods = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    wdaysToCopy = _useState4[0],
+    setWdaysToCopy = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var restoreDeletedPeriods = function restoreDeletedPeriods(setFieldValue) {
+    setFieldValue("wdays[".concat(index, "].periods"), deletedPeriods);
+  };
+  var uncheckCheckbox = function uncheckCheckbox(setFieldValue, values) {
+    var _values$wdays$index$p;
+    setFieldValue("wdays[".concat(index, "].available"), false);
+    setFieldValue("wdays[".concat(index, "].periods"), []);
+    if ((_values$wdays$index$p = values.wdays[index].periods[0]) !== null && _values$wdays$index$p !== void 0 && _values$wdays$index$p.id) {
+      setDeletedPeriods(values.wdays[index].periods.filter(function (item) {
+        return item.startTime && item.endTime;
+      }).map(identity));
+    }
+  };
+  var checkCheckbox = function checkCheckbox(setFieldValue) {
+    var _deletedPeriods$;
+    setFieldValue("wdays[".concat(index, "].available"), true);
+    if ((_deletedPeriods$ = deletedPeriods[0]) !== null && _deletedPeriods$ !== void 0 && _deletedPeriods$.startTime) {
+      restoreDeletedPeriods(setFieldValue);
+    } else if (isNotPresent(values.wdays[index].periods)) {
+      setFieldValue("wdays[".concat(index, "].periods"), [addDefaultPeriod(day)]);
+    } else {
+      setFieldValue("wdays[".concat(index, "].periods"), [""]);
+    }
+  };
+  var handleCheckbox = function handleCheckbox(setFieldValue, values) {
+    if (values.wdays[index].available) {
+      uncheckCheckbox(setFieldValue, values);
+    } else {
+      checkCheckbox(setFieldValue);
+    }
+  };
+  var handleCopyChange = function handleCopyChange(e, day) {
+    return setWdaysToCopy(e.target.checked ? append(day) : without([day]));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-rounded-md neeto-ui-shadow-s neeto-ui-border-gray-300 w-full border px-6"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "my-4 flex w-full items-start space-x-4",
+    "data-cy": "working-day-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mt-1 flex w-16 items-center justify-start"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    "aria-label": "wdays[".concat(index, "].available"),
+    checked: values.wdays[index].available,
+    "data-cy": joinHyphenCase(day, "weekly-hours-checkbox"),
+    id: "day",
+    name: "wdays[".concat(index, "].available"),
+    onChange: function onChange() {
+      return handleCheckbox(setFieldValue, values);
+    }
+  }), /*#__PURE__*/React.createElement(Typography, {
+    className: "ml-2 capitalize",
+    component: "span",
+    "data-cy": joinHyphenCase(day, "day-text"),
+    style: "body2",
+    weight: "semibold"
+  }, t("neetoMolecules.schedule.days.".concat(day)))), /*#__PURE__*/React.createElement(ScheduleRow, {
+    day: day,
+    setFieldValue: setFieldValue,
+    values: values,
+    wdayIndex: index
+  }), /*#__PURE__*/React.createElement(Dropdown, {
+    closeOnSelect: true,
+    buttonStyle: "secondary",
+    icon: Copy,
+    position: "right-start",
+    buttonProps: {
+      tooltipProps: {
+        content: t("neetoMolecules.schedule.copyScheduleTooltip"),
+        position: "top",
+        hideAfter: 5000
+      },
+      className: "flex-shrink-0",
+      "data-testid": joinHyphenCase(day, "copy-schedule-icon"),
+      "data-cy": joinHyphenCase(day, "copy-schedule-icon")
+    },
+    onClose: function onClose() {
+      return setWdaysToCopy([]);
+    }
+  }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
+    style: "h5"
+  }, t("neetoMolecules.schedule.copySchedule"))), DAYS.filter(function (copyDay) {
+    return copyDay !== day;
+  }).map(function (day) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: day,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, /*#__PURE__*/React.createElement(Label, {
+      className: "w-full cursor-pointer capitalize"
+    }, /*#__PURE__*/React.createElement(Checkbox$1, {
+      checked: wdaysToCopy.includes(day),
+      id: day,
+      label: t("neetoMolecules.schedule.days.".concat(day)),
+      onChange: function onChange(e) {
+        return handleCopyChange(e, day);
+      }
+    })));
+  }), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.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,
+        setFieldValue: setFieldValue,
+        wdaysToCopy: wdaysToCopy
+      });
+      setWdaysToCopy([]);
+    }
+  })))));
+};
+
+var Fields = function Fields(_ref) {
+  var handleCopy = _ref.handleCopy,
+    handleValuesChanged = _ref.handleValuesChanged,
+    scheduleRef = _ref.scheduleRef;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue,
+    resetForm = _useFormikContext.resetForm,
+    errors = _useFormikContext.errors;
+  useEffect(function () {
+    return handleValuesChanged(values);
+  }, [values]);
+  useImperativeHandle(scheduleRef, function () {
+    return {
+      resetForm: resetForm,
+      errors: errors
+    };
+  });
+  return /*#__PURE__*/React.createElement(FieldArray, {
+    name: "wdays",
+    render: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "space-y-4"
+      }, values.wdays.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(Form, {
+          day: DAYS.find(function (day) {
+            return day === item.wday;
+          }),
+          handleCopy: handleCopy,
+          index: index,
+          key: item.wday,
+          setFieldValue: setFieldValue,
+          values: values
+        });
+      }));
+    }
+  });
+};
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+var MENU_ITEM_TYPES = {
+  menuItem: "menuItem",
+  divider: "divider"
+};
+var DEFAULT_TOOLTIP_PROPS = {
+  disabled: true,
+  position: "bottom"
+};
+
+var _excluded = ["key", "onClick", "label", "type", "isVisible"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem,
+  Divider = Dropdown.Divider;
+var MoreDropdown = function MoreDropdown(_ref) {
+  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
+    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
+    _ref$isVertical = _ref.isVertical,
+    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    menuTopChildren = _ref.menuTopChildren,
+    menuBottomChildren = _ref.menuBottomChildren,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
+  var tooltipProps = mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
+  var targetIcon = isVertical ? MenuVertical : MenuHorizontal;
+  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
+  if (isDropdownDisabled && !tooltipProps.disabled) {
+    return /*#__PURE__*/React.createElement(Tooltip, tooltipProps, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, _extends({
+      disabled: true,
+      "data-testid": "nui-dropdown-button",
+      icon: targetIcon,
+      iconPosition: "right",
+      size: "medium",
+      style: "text"
+    }, dropdownButtonProps))));
+  }
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
+    autoWidth: true,
+    className: "flex",
+    disabled: isDisabled,
+    icon: targetIcon,
+    buttonProps: _objectSpread({
+      className: "min-h-0 flex-shrink-0",
+      style: "text"
+    }, dropdownButtonProps)
+  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
+    var key = _ref2.key,
+      onClick = _ref2.onClick,
+      label = _ref2.label,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
+      _ref2$isVisible = _ref2.isVisible,
+      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+      menuItemProps = _objectWithoutProperties(_ref2, _excluded);
+    if (!isVisible) return null;
+    return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
+      key: key
+    }, _objectSpread({
+      onClick: onClick
+    }, menuItemProps)), label) : /*#__PURE__*/React.createElement(Divider, {
+      key: key
+    });
+  }), menuBottomChildren));
+};
+
+var Header = function Header(_ref) {
+  var isEditing = _ref.isEditing,
+    setIsEditing = _ref.setIsEditing;
+  var _useFormikContext = useFormikContext(),
+    dirty = _useFormikContext.dirty,
+    resetForm = _useFormikContext.resetForm,
+    submitForm = _useFormikContext.submitForm,
+    isSubmitting = _useFormikContext.isSubmitting;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(getTimeZoneAndTime()),
+    _useState2 = _slicedToArray(_useState, 2),
+    timeZoneAndTime = _useState2[0],
+    setTimeZoneAndTime = _useState2[1];
+  var handleReset = function handleReset() {
+    if (dirty) resetForm();else setIsEditing(false);
+  };
+  useEffect(function () {
+    var time = setInterval(function () {
+      setTimeZoneAndTime(getTimeZoneAndTime());
+    }, 30000);
+    return function () {
+      return clearInterval(time);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mb-4 flex justify-between"
+  }, isEditing ? /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center space-x-4"
+  }, /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "reset-button",
+    style: "secondary",
+    label: !dirty ? t("neetoMolecules.common.actions.cancel") : t("neetoMolecules.common.actions.reset"),
+    onClick: handleReset
+  }), /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "weekly-hours-save-changes-button",
+    disabled: !dirty || isSubmitting,
+    label: t("neetoMolecules.common.actions.saveChanges"),
+    loading: isSubmitting,
+    onClick: submitForm
+  })) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "weekly-schedule-header",
+    label: t("neetoMolecules.schedule.editSchedule"),
+    style: "secondary",
+    weight: "semibold",
+    onClick: function onClick() {
+      return setIsEditing(true);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: t("neetoMolecules.schedule.timezoneTooltip"),
+    position: "bottom"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    component: "h4",
+    "data-cy": "timezone-text",
+    style: "h5",
+    weight: "medium"
+  }, timeZoneAndTime)), /*#__PURE__*/React.createElement(MoreDropdown, {
+    menuItems: [{
+      href: MY_PROFILE_URL,
+      label: t("neetoMolecules.common.actions.changeTimezone"),
+      target: "_blank",
+      key: "change-timezone-option"
+    }]
+  })));
+};
+
+var Schedule = /*#__PURE__*/forwardRef(function (_ref, scheduleRef) {
+  var periods = _ref.periods,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
+    _ref$isEditing = _ref.isEditing,
+    isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
+    setIsEditing = _ref.setIsEditing,
+    _ref$showHeader = _ref.showHeader,
+    showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader,
+    _ref$handleValuesChan = _ref.handleValuesChanged,
+    handleValuesChanged = _ref$handleValuesChan === void 0 ? noop : _ref$handleValuesChan,
+    _ref$allowAddPeriod = _ref.allowAddPeriod,
+    allowAddPeriod = _ref$allowAddPeriod === void 0 ? true : _ref$allowAddPeriod;
+  var handleCopy = function handleCopy(_ref2) {
+    var _values$wdays$index$p;
+    var values = _ref2.values,
+      index = _ref2.index,
+      setFieldValue = _ref2.setFieldValue,
+      wdaysToCopy = _ref2.wdaysToCopy;
+    var newPeriods = (_values$wdays$index$p = values.wdays[index].periods) === null || _values$wdays$index$p === void 0 ? void 0 : _values$wdays$index$p.map(pick(["startTime", "endTime"]));
+    wdaysToCopy.forEach(function (wday) {
+      var dayIndex = DAYS.indexOf(wday);
+      setFieldValue("wdays[".concat(dayIndex, "].available"), isPresent(values.wdays[index].periods));
+      setFieldValue("wdays[".concat(dayIndex, "].periods"), newPeriods.map(function (period) {
+        return assoc("wday", wday, period);
+      }));
+    });
+  };
+  var getInitialFormValues = function getInitialFormValues() {
+    return DAYS.map(function (wday) {
+      var _periods$wday;
+      return {
+        periods: sortPeriodsByKey({
+          periods: periods[wday],
+          key: "startTime",
+          order: "asc"
+        }),
+        available: !!((_periods$wday = periods[wday]) !== null && _periods$wday !== void 0 && _periods$wday.length),
+        wday: wday
+      };
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-border-gray-200 w-41 flex-shrink-0"
+  }, /*#__PURE__*/React.createElement(Formik, {
+    enableReinitialize: true,
+    initialValues: {
+      wdays: getInitialFormValues()
+    },
+    validationSchema: getScheduleValidationSchema(),
+    onSubmit: function onSubmit(values) {
+      return handleSubmit(values, getInitialFormValues());
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, showHeader && /*#__PURE__*/React.createElement(Header, {
+    isEditing: isEditing,
+    setIsEditing: setIsEditing
+  }), isEditing || !showHeader ? /*#__PURE__*/React.createElement(Form$1, null, /*#__PURE__*/React.createElement(ScheduleContext.Provider, {
+    value: {
+      allowAddPeriod: allowAddPeriod
+    }
+  }, /*#__PURE__*/React.createElement(Fields, {
+    handleCopy: handleCopy,
+    handleValuesChanged: handleValuesChanged,
+    scheduleRef: scheduleRef
+  }))) : /*#__PURE__*/React.createElement(DisplayAvailability, {
+    periods: periods
+  }))));
+});
+Schedule.displayName = "Schedule";
+
+export { Schedule as default };
+//# sourceMappingURL=Schedule.js.map