@bigbinary/neeto-molecules 1.0.8 → 1.0.9

package/dist/Schedule.js

@@ -1,919 +1 @@
-import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
-import { findIndexBy, isPresent, toLabelAndValue, isNotPresent, noop } from '@bigbinary/neeto-commons-frontend/pure';
-import { FieldArray, ErrorMessage, useFormikContext, Formik, Form as Form$1 } from 'formik';
-import { uniq, pluck, difference, append, without, identity, 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 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 } 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(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 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(_objectSpread({}, 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();
-  return "".concat(timeZone, ": ").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({
-      timeA: periodA[key],
-      timeB: 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 flex w-full items-start justify-start border border-gray-300 py-4 px-12",
-      key: day
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "mt-0.5  w-16 text-gray-700",
-      "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 text-gray-700",
-        lineHeight: "relaxed",
-        style: "h5",
-        weight: "semibold",
-        "data-cy": joinHyphenCase(day, period.startTime, "start-time-text")
-      }, period.startTime), /*#__PURE__*/React.createElement(Typography, {
-        className: "text-gray-600",
-        component: "span"
-      }, "-"), /*#__PURE__*/React.createElement(Typography, {
-        className: "w-24 text-left text-gray-700",
-        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 text-gray-700",
-      "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 generateNewPeriod = function generateNewPeriod(periods, wday) {
-  var lastEndTime = periods[periods.length - 1].endTime;
-  var newStartTime = dayjsExtended(lastEndTime, SLOT_TIME_FORMAT).add(1, "hour");
-  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"
-  };
-};
-
-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);
-  };
-  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, {
-        className: "text-gray-700",
-        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"
-        }, /*#__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: "mt-2 w-16 cursor-pointer hover:text-red-700",
-          "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: "mt-1 w-11/12 px-2 text-xs text-red-500"
-          }, message);
-        }));
-      }))), /*#__PURE__*/React.createElement(Button, {
-        className: "flex-shrink-0",
-        "data-cy": "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: "border neeto-ui-rounded-md neeto-ui-shadow-s w-full border-gray-300 px-6"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "my-4 flex w-full items-start space-x-4"
-  }, /*#__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")
-    },
-    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, {
-    disabled: isNotPresent(wdaysToCopy),
-    label: "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
-        });
-      }));
-    }
-  });
-};
-
-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 Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem;
-  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, {
-    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", {
-    className: "flex items-center gap-x-2"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "text-gray-800",
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoMolecules.schedule.weeklyHours")), /*#__PURE__*/React.createElement(Dropdown, {
-    icon: MenuVertical,
-    buttonProps: {
-      style: "text",
-      "data-testid": "weekly-hours-edit-dropdown-icon"
-    }
-  }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
-    "data-cy": "weekly-hours-edit-link",
-    onClick: function onClick() {
-      return setIsEditing(true);
-    }
-  }, t("neetoMolecules.common.actions.edit"))))), /*#__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, {
-    style: "h4",
-    weight: "medium"
-  }, timeZoneAndTime)), /*#__PURE__*/React.createElement(Dropdown, {
-    icon: MenuVertical,
-    buttonProps: {
-      style: "text",
-      className: "flex-shrink-0"
-    }
-  }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return window.location.href = MY_PROFILE_URL;
-    }
-  }, t("neetoMolecules.common.actions.changeTimezone"))))));
-};
-
-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;
-  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(Fields, {
-    handleCopy: handleCopy,
-    handleValuesChanged: handleValuesChanged,
-    scheduleRef: scheduleRef
-  })) : /*#__PURE__*/React.createElement(DisplayAvailability, {
-    periods: periods
-  }))));
-});
-Schedule.displayName = "Schedule";
-
-export { Schedule as default };
+import e,{useState as t,useEffect as n,useImperativeHandle as r,forwardRef as a}from"react";import{findIndexBy as o,isPresent as i,toLabelAndValue as l,isNotPresent as s,noop as c}from"@bigbinary/neeto-commons-frontend/pure";import{FieldArray as u,ErrorMessage as d,useFormikContext as m,Formik as f,Form as y}from"formik";import{uniq as p,pluck as v,difference as h,append as b,without as w,identity as g,pick as x,assoc as E}from"ramda";import{timeFormat as T,joinHyphenCase as k}from"@bigbinary/neeto-commons-frontend/utils";import{Typography as S,Button as O,Dropdown as j,Label as N,Checkbox as C,Tooltip as M}from"@bigbinary/neetoui";import{useTranslation as I}from"react-i18next";import A from"dayjs";import P from"i18next";import*as D from"yup";import V from"dayjs/plugin/customParseFormat";import F from"dayjs/plugin/timezone";import z from"dayjs/plugin/utc";import B from"dayjs/plugin/weekday";import{Delete as H,Plus as R,Copy as q,MenuVertical as U}from"@bigbinary/neeto-icons";import{Select as $,Checkbox as W}from"@bigbinary/neetoui/formik";var Z=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function J(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}function K(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,t)||J(e,t)||function(){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 L(e){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},L(e)}function Q(e){var t=function(e,t){if("object"!==L(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==L(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===L(t)?t:String(t)}function X(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Q(r.key),r)}}var Y=["year","quarter","month","week","day","hour","minute","second"];function _(e,t,n){return(t=Q(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){_(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ne={DropdownIndicator:function(){return null},IndicatorSeparator:function(){return null}},re={singleValue:function(e,t){return te(te({},e),{},{color:t.selectProps.menuIsOpen?"#c2c8cc":e.color})}},ae="hh:mm A",oe=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var r=t>n?{s:n,e:t}:{s:t,e:n},a=r.s,o=r.e;this.startDate=a,this.endDate=o}var t,n,r;return t=e,n=[{key:"isValidRange",value:function(){return this.startDate.isValid()&&this.endDate.isValid()}},{key:"isOverlap",value:function(t){return!!(t instanceof e&&t.isValidRange())&&this.startDate<t.endDate&&this.endDate>t.startDate}},{key:"toArrayOfTimeIntervals",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:15,t=this.startDate,n=this.endDate.add(1,"days"),r=[];t<n;)r.push(t.format(ae)),t=t.add(e,"minutes");return r}}],n&&X(t.prototype,n),r&&X(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}();A.extend(z),A.extend(F),A.extend(V),A.extend(B);var ie=function(e){return e.range=function(t,n){return"string"==typeof t&&Y.includes(t)?new oe(e(this).startOf(t),e(this).endOf(t)):new oe(t,n)},e.range.constructor=oe,e.timeIntervalsForDay=function(t){var n=[e("00:00 AM",ae),e("00:00 AM",ae)],r=n[0],a=n[1];return e.range(r,a).toArrayOfTimeIntervals(t)},e}(A);function le(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return se(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return se(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}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 o,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw o}}}}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}D.addMethod(D.array,"ensureSlotsCantOverlap",(function(){return this.test("ensureSlotsCantOverlap",(function(e){var t=fe(e),n=t.exists,r=t.range1,a=t.range2;if(!n)return!0;var o=ye({range1:r,range2:a,periods:e}),i=o.firstIndex,l=o.secondIndex,s=this.createError({path:"".concat(this.path,"[").concat(i,"]"),message:P.t("neetoMolecules.schedule.errors.period.overlap",{start:T.time(a.startDate),end:T.time(a.endDate)})}),c=this.createError({path:"".concat(this.path,"[").concat(l,"]"),message:P.t("neetoMolecules.schedule.errors.period.overlap",{start:T.time(r.startDate),end:T.time(r.endDate)})});return new D.ValidationError([s,c])}))}));var ce=function(e,t){return!e||!t||A(e,ae).isSame(A(t,ae))},ue=function(){var e,t=null===(e=window.globalProps)||void 0===e?void 0:e.user.timeZone;return"".concat(t,": ").concat(A().tz(t).format(ae))},de=function(e,t){return A(e,ae).isBefore(A(t,ae))},me=function(e){var t=e.periods,n=e.key,r=e.order,a=void 0===r?"desc":r;return t.slice().sort((function(e,t){var r=de({timeA:e[n],timeB:t[n]});return"desc"===a?r?1:-1:r?-1:1}))},fe=function(e){var t={exists:!1,range1:null,range2:null};if(null==e||!e.length)return t;var n,r=me({periods:e,key:"startTime"}),a=le(r.slice(0,-1).entries());try{for(a.s();!(n=a.n()).done;){var o=K(n.value,2),i=o[0],l=o[1],s=r[i+1],c=ie.range(ie(l.startTime,ae),ie(l.endTime,ae)),u=ie.range(ie(s.startTime,ae),ie(s.endTime,ae));if(c.isOverlap(u)){t={exists:!0,range1:c,range2:u};break}}}catch(e){a.e(e)}finally{a.f()}return t},ye=function(e){var t=e.range1,n=e.range2,r=e.periods,a=o({startTime:t.startDate.format(ae)},r),i=r.findIndex((function(e,t){return t>a&&e.startTime===n.startDate.format(ae)}));return{firstIndex:a,secondIndex:i}},pe=function(t){var n=t.periods,r=I().t;return e.createElement("div",{className:"w-full space-y-4"},Z.map((function(t){var a;return e.createElement("div",{className:"neeto-ui-rounded-md neeto-ui-shadow-s flex w-full items-start justify-start border border-gray-300 py-4 px-12",key:t},e.createElement(S,{className:"mt-0.5  w-16 text-gray-700","data-cy":k(t,"day-text"),style:"h5",weight:"semibold"},r("neetoMolecules.schedule.days.".concat(t))),e.createElement("div",{className:"flex w-9/12 flex-col items-center space-y-4"},i(n[t])?null===(a=me({periods:n[t],key:"startTime",order:"asc"}))||void 0===a?void 0:a.map((function(n){return e.createElement("div",{className:"flex items-center space-x-4",key:n.id},e.createElement(S,{className:"w-24 text-right text-gray-700",lineHeight:"relaxed",style:"h5",weight:"semibold","data-cy":k(t,n.startTime,"start-time-text")},n.startTime),e.createElement(S,{className:"text-gray-600",component:"span"},"-"),e.createElement(S,{className:"w-24 text-left text-gray-700",lineHeight:"relaxed",style:"h5",weight:"semibold","data-cy":k(t,n.endTime,"start-time-text")},n.endTime))})):e.createElement(S,{className:"mx-8 mt-0.5 text-gray-700","data-cy":k(t,"unavailable-time-text"),lineHeight:"relaxed",style:"h5"},r("neetoMolecules.schedule.unavailable"))))})))};function ve(e){return function(e){if(Array.isArray(e))return G(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||J(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var he=function(e){var t=e.interval,n=e.bookedSlots,r=e.slotType,a=e.selectedValue,o=void 0===a?null:a,i={label:o,value:o},s=ie.timeIntervalsForDay(t);s.push("11:59 PM");var c=p(v(r,n)),u=h(s,c).map(l);return o?be([i].concat(ve(u))):u},be=function(e){return e.sort((function(e,t){return de(e.value,t.value)?-1:1}))},we=function(e){return e?l(e):""},ge=function(e,t){if(s(t))return!0;var n,r=e.value.replace(":","").startsWith((n=t.replaceAll(/\D+/gi,"")).length%2==0?n:"0".concat(n)),a=e.value.includes(t.toUpperCase().replaceAll(/[^a-z]/gi,""));return r&&a},xe=function(e){return{wday:e,startTime:"09:00 AM",endTime:"05:00 PM"}},Ee=function(t){var n=t.values,r=t.setFieldValue,a=t.wdayIndex,o=t.day,i=I().t,l=function(e){var t,i,l,c,u;s(n.wdays[a].periods)?e.push(xe(o)):e.push((t=n.wdays[a].periods,i=o,l=t[t.length-1].endTime,c=ie(l,ae).add(1,"hour"),u=ie(c,ae).add(1,"hour"),{startTime:ie(c).format(ae),endTime:ie(u).format(ae),wday:i})),r("wdays[".concat(a,"].available"),!0)};return e.createElement(u,{name:"wdays[".concat(a,"].periods"),render:function(t){var o,c;return e.createElement(e.Fragment,null,e.createElement("div",{className:"flex w-full items-start justify-between"},s(null===(o=n.wdays[a])||void 0===o?void 0:o.periods)?e.createElement("div",{className:"mx-auto mt-1 flex w-80 items-center justify-center"},e.createElement(S,{className:"text-gray-700",lineHeight:"relaxed",style:"h5"},i("neetoMolecules.schedule.unavailable"))):e.createElement("div",{className:"w-full space-y-4"},null===(c=n.wdays[a].periods)||void 0===c?void 0:c.map((function(o,l){return e.createElement("div",{className:"mx-auto flex w-80 flex-col",key:"wdays[".concat(a,"].periods[").concat(l,"]")},e.createElement("div",{className:"flex min-w-full items-start space-x-3"},e.createElement($,{isClearable:!0,isSearchable:!0,className:"w-full",components:ne,filterOption:ge,name:"wdays[".concat(a,"].periods[").concat(l,"].startTime"),placeholder:i("neetoMolecules.schedule.startTime"),styles:re,options:he({interval:30,bookedSlots:n.wdays[a].periods,slotType:"startTime",selectedValue:null==o?void 0:o.startTime}),value:we(null==o?void 0:o.startTime),onChange:function(e){return r("wdays[".concat(a,"].periods[").concat(l,"].startTime"),(null==e?void 0:e.value)||"")}}),e.createElement($,{isClearable:!0,isSearchable:!0,className:"w-full",components:ne,filterOption:ge,name:"wdays[".concat(a,"].periods[").concat(l,"].endTime"),placeholder:i("neetoMolecules.schedule.endTime"),styles:re,options:he({interval:30,bookedSlots:n.wdays[a].periods,slotType:"endTime",selectedValue:null==o?void 0:o.endTime}),value:we(null==o?void 0:o.endTime),onChange:function(e){return r("wdays[".concat(a,"].periods[").concat(l,"].endTime"),(null==e?void 0:e.value)||"")}}),e.createElement(H,{className:"mt-2 w-16 cursor-pointer hover:text-red-700","data-cy":"delete-period-button",size:20,onClick:function(){return function(e,t){var o=1===n.wdays[a].periods.length;e.remove(t),r("wdays[".concat(a,"].available"),!o)}(t,l)}})),e.createElement(d,{name:"wdays[".concat(a,"].periods[").concat(l,"]")},(function(t){return"object"!==L(t)&&e.createElement("span",{className:"mt-1 w-11/12 px-2 text-xs text-red-500"},t)})))})))),e.createElement(O,{className:"flex-shrink-0","data-cy":"add-new-period-button",icon:R,tooltipProps:{content:i("neetoMolecules.schedule.addNewPeriod"),position:"top",hideAfter:5e3},onClick:function(){return l(t)}}))}})},Te=function(n){var r=n.day,a=n.handleCopy,o=n.values,i=n.setFieldValue,l=n.index,c=K(t([]),2),u=c[0],d=c[1],m=K(t([]),2),f=m[0],y=m[1],p=I().t,v=function(e){var t;e("wdays[".concat(l,"].available"),!0),null!==(t=u[0])&&void 0!==t&&t.startTime?function(e){e("wdays[".concat(l,"].periods"),u)}(e):s(o.wdays[l].periods)?e("wdays[".concat(l,"].periods"),[xe(r)]):e("wdays[".concat(l,"].periods"),[""])},h=function(e,t){t.wdays[l].available?function(e,t){var n;e("wdays[".concat(l,"].available"),!1),e("wdays[".concat(l,"].periods"),[]),null!==(n=t.wdays[l].periods[0])&&void 0!==n&&n.id&&d(t.wdays[l].periods.filter((function(e){return e.startTime&&e.endTime})).map(g))}(e,t):v(e)};return e.createElement("div",{className:"border neeto-ui-rounded-md neeto-ui-shadow-s w-full border-gray-300 px-6"},e.createElement("div",{className:"my-4 flex w-full items-start space-x-4"},e.createElement("div",{className:"mt-1 flex w-16 items-center justify-start"},e.createElement(W,{"aria-label":"wdays[".concat(l,"].available"),checked:o.wdays[l].available,"data-cy":k(r,"weekly-hours-checkbox"),id:"day",name:"wdays[".concat(l,"].available"),onChange:function(){return h(i,o)}}),e.createElement(S,{className:"ml-2 capitalize",component:"span","data-cy":k(r,"day-text"),style:"body2",weight:"semibold"},p("neetoMolecules.schedule.days.".concat(r)))),e.createElement(Ee,{day:r,setFieldValue:i,values:o,wdayIndex:l}),e.createElement(j,{closeOnSelect:!0,buttonStyle:"secondary",icon:q,position:"right-start",buttonProps:{tooltipProps:{content:p("neetoMolecules.schedule.copyScheduleTooltip"),position:"top",hideAfter:5e3},className:"flex-shrink-0","data-testid":k(r,"copy-schedule-icon")},onClose:function(){return y([])}},e.createElement("li",null,e.createElement(S,{style:"h5"},p("neetoMolecules.schedule.copySchedule"))),Z.filter((function(e){return e!==r})).map((function(t){return e.createElement("li",{key:t,onClick:function(e){return e.stopPropagation()}},e.createElement(N,{className:"w-full cursor-pointer capitalize"},e.createElement(C,{checked:f.includes(t),id:t,label:p("neetoMolecules.schedule.days.".concat(t)),onChange:function(e){return function(e,t){return y(e.target.checked?b(t):w([t]))}(e,t)}})))})),e.createElement("li",null,e.createElement(O,{disabled:s(f),label:"Submit",size:"small",onClick:function(){a({values:o,index:l,setFieldValue:i,wdaysToCopy:f}),y([])}})))))},ke=function(t){var a=t.handleCopy,o=t.handleValuesChanged,i=t.scheduleRef,l=m(),s=l.values,c=l.setFieldValue,d=l.resetForm,f=l.errors;return n((function(){return o(s)}),[s]),r(i,(function(){return{resetForm:d,errors:f}})),e.createElement(u,{name:"wdays",render:function(){return e.createElement("div",{className:"space-y-4"},s.wdays.map((function(t,n){return e.createElement(Te,{day:Z.find((function(e){return e===t.wday})),handleCopy:a,index:n,key:t.wday,setFieldValue:c,values:s})})))}})},Se=function(r){var a=r.isEditing,o=r.setIsEditing,i=m(),l=i.dirty,s=i.resetForm,c=i.submitForm,u=i.isSubmitting,d=I().t,f=K(t(ue()),2),y=f[0],p=f[1],v=j.Menu,h=j.MenuItem;return n((function(){var e=setInterval((function(){p(ue())}),3e4);return function(){return clearInterval(e)}}),[]),e.createElement("div",{className:"mb-4 flex justify-between"},a?e.createElement("div",{className:"flex items-center space-x-4"},e.createElement(O,{style:"secondary",label:d(l?"neetoMolecules.common.actions.reset":"neetoMolecules.common.actions.cancel"),onClick:function(){l?s():o(!1)}}),e.createElement(O,{"data-cy":"weekly-hours-save-changes-button",disabled:!l||u,label:d("neetoMolecules.common.actions.saveChanges"),loading:u,onClick:c})):e.createElement("div",{className:"flex items-center gap-x-2"},e.createElement(S,{className:"text-gray-800",style:"h3",weight:"semibold"},d("neetoMolecules.schedule.weeklyHours")),e.createElement(j,{icon:U,buttonProps:{style:"text","data-testid":"weekly-hours-edit-dropdown-icon"}},e.createElement(v,null,e.createElement(h.Button,{"data-cy":"weekly-hours-edit-link",onClick:function(){return o(!0)}},d("neetoMolecules.common.actions.edit"))))),e.createElement("div",{className:"flex items-center space-x-2"},e.createElement(M,{content:d("neetoMolecules.schedule.timezoneTooltip"),position:"bottom"},e.createElement(S,{style:"h4",weight:"medium"},y)),e.createElement(j,{icon:U,buttonProps:{style:"text",className:"flex-shrink-0"}},e.createElement(v,null,e.createElement(h.Button,{onClick:function(){return window.location.href="/auth/profile/edit"}},d("neetoMolecules.common.actions.changeTimezone"))))))},Oe=a((function(t,n){var r=t.periods,a=t.handleSubmit,o=void 0===a?c:a,l=t.isEditing,s=void 0!==l&&l,u=t.setIsEditing,d=t.showHeader,m=void 0===d||d,p=t.handleValuesChanged,v=void 0===p?c:p,h=function(){return Z.map((function(e){var t;return{periods:me({periods:r[e],key:"startTime",order:"asc"}),available:!(null===(t=r[e])||void 0===t||!t.length),wday:e}}))};return e.createElement("div",{className:"neeto-ui-border-gray-200 w-41 flex-shrink-0"},e.createElement(f,{enableReinitialize:!0,initialValues:{wdays:h()},validationSchema:D.object().shape({wdays:D.array().of(D.object().shape({periods:D.array().of(D.object().shape({startTime:D.string().required(P.t("neetoMolecules.schedule.errors.period.startTime")),endTime:D.string().required(P.t("neetoMolecules.schedule.errors.period.endTime")).test("ensureToTimeNotBehindFromTime",P.t("neetoMolecules.schedule.errors.period.isBehind"),(function(e){var t=this.parent.startTime;return!!ce(e,t)||de(t,e)}))}).test("ensureTimeNotSame",P.t("neetoMolecules.schedule.errors.period.sameTime"),(function(e){var t=e.startTime,n=e.endTime;return!ce(t,n)}))).ensureSlotsCantOverlap()}))}),onSubmit:function(e){return o(e,h())}},e.createElement(e.Fragment,null,m&&e.createElement(Se,{isEditing:s,setIsEditing:u}),s||!m?e.createElement(y,null,e.createElement(ke,{handleCopy:function(e){var t,n=e.values,r=e.index,a=e.setFieldValue,o=e.wdaysToCopy,l=null===(t=n.wdays[r].periods)||void 0===t?void 0:t.map(x(["startTime","endTime"]));o.forEach((function(e){var t=Z.indexOf(e);a("wdays[".concat(t,"].available"),i(n.wdays[r].periods)),a("wdays[".concat(t,"].periods"),l.map((function(t){return E("wday",e,t)})))}))},handleValuesChanged:v,scheduleRef:n})):e.createElement(pe,{periods:r}))))}));Oe.displayName="Schedule";export{Oe as default};