@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/Schedule/Form/ScheduleRow.js

@@ -1,125 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import React, { useContext } from "react";
-import { FieldArray, ErrorMessage } from "formik";
-import { isNotPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { Plus, Delete } from "@bigbinary/neeto-icons";
-import { Typography, Button } from "@bigbinary/neetoui";
-import { Select } from "@bigbinary/neetoui/formik";
-import { useTranslation } from "react-i18next";
-import { REMOVE_SELECT_DOWN_ARROW, BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN } from "./constants";
-import { buildSlotIntervals, slotsSelectComponentDefaultValue, customFilter, generateNewPeriod, addDefaultPeriod } from "./utils";
-import { DEFAULT_SLOT_INTERVAL } from "../constants";
-import ScheduleContext from "../ScheduleContext";
-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);
-        }
-      }));
-    }
-  });
-};
-export default ScheduleRow;

package/dist/Schedule/Form/constants.js

@@ -1,20 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-export var REMOVE_SELECT_DOWN_ARROW = {
-  DropdownIndicator: function DropdownIndicator() {
-    return null;
-  },
-  IndicatorSeparator: function IndicatorSeparator() {
-    return null;
-  }
-};
-export var BLUR_TEXT_WHEN_SELECT_MENU_IS_OPEN = {
-  singleValue: function singleValue(base, state) {
-    return _objectSpread(_objectSpread({}, base), {}, {
-      color: state.selectProps.menuIsOpen ? "#c2c8cc" : base.color
-    });
-  }
-};
-export var SLOT_TIME_FORMAT = "hh:mm A";
-export var END_OF_DAY = "11:59 PM";

package/dist/Schedule/Form/index.js

@@ -1,144 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import { isNotPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import { Copy } from "@bigbinary/neeto-icons";
-import { Typography, Dropdown, Button, Label, Checkbox } from "@bigbinary/neetoui";
-import { Checkbox as FormikCheckbox } from "@bigbinary/neetoui/formik";
-import { append, identity, without } from "ramda";
-import { useTranslation } from "react-i18next";
-import ScheduleRow from "./ScheduleRow";
-import { addDefaultPeriod } from "./utils";
-import { DAYS } from "../constants";
-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(FormikCheckbox, {
-    "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, {
-      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([]);
-    }
-  })))));
-};
-export default Form;

package/dist/Schedule/Form/utils.js

@@ -1,63 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { toLabelAndValue, isNotPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { uniq, pluck, difference } from "ramda";
-import { SLOT_TIME_FORMAT, END_OF_DAY } from "./constants";
-import dayjs from "../dayjsExtended";
-import { isTimeBehind } from "../utils";
-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 = dayjs.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(dayjs(lastEndTime, SLOT_TIME_FORMAT));
-  var newEndTime = dayjs(newStartTime, SLOT_TIME_FORMAT).add(1, "hour");
-  return {
-    startTime: dayjs(newStartTime).format(SLOT_TIME_FORMAT),
-    endTime: dayjs(newEndTime).format(SLOT_TIME_FORMAT),
-    wday: wday
-  };
-};
-var addDefaultPeriod = function addDefaultPeriod(wday) {
-  return {
-    wday: wday,
-    startTime: "09:00 AM",
-    endTime: "05:00 PM"
-  };
-};
-export { buildSlotIntervals, slotsSelectComponentDefaultValue, customFilter, generateNewPeriod, addDefaultPeriod };

package/dist/Schedule/Header.js

@@ -1,76 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useEffect } from "react";
-import { useFormikContext } from "formik";
-import { Button, Typography, Tooltip } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import MoreDropdown from "../MoreDropdown";
-import { MY_PROFILE_URL } from "./constants";
-import { getTimeZoneAndTime } from "./utils";
-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"
-    }]
-  })));
-};
-export default Header;

package/dist/Schedule/ScheduleContext.js

@@ -1,8 +0,0 @@
-import { createContext } from "react";
-
-// 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
-});
-export default ScheduleContext;

package/dist/Schedule/constants.js

@@ -1,8 +0,0 @@
-export var DEFAULT_BOOKED_SLOTS = [{
-  startTime: "09:00 AM",
-  endTime: "05:00 PM"
-}];
-export var MARK_DAY_AS_AVAILABLE_BY_DEFAULT = true;
-export var DAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
-export var DEFAULT_SLOT_INTERVAL = 30;
-export var MY_PROFILE_URL = "/auth/profile/edit";

package/dist/Schedule/dayjsExtended/constants.js

@@ -1 +0,0 @@
-export var INTERVALS = ["year", "quarter", "month", "week", "day", "hour", "minute", "second"];

package/dist/Schedule/dayjsExtended/index.js

@@ -1,14 +0,0 @@
-import Dayjs from "dayjs";
-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 { extendDayjs } from "./range";
-Dayjs.extend(utc);
-Dayjs.extend(timezone);
-Dayjs.extend(customParseFormat);
-Dayjs.extend(weekday);
-
-// Add range and overlap functions to dayjs
-var dayjsExtended = extendDayjs(Dayjs);
-export default dayjsExtended;

package/dist/Schedule/dayjsExtended/range.js

@@ -1,73 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import { INTERVALS } from "./constants";
-import { SLOT_TIME_FORMAT } from "../Form/constants";
-export 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;
-}();
-export default (function (_, __, d) {
-  d.range = function (start, end) {
-    return new DayjsRange(d(start), d(end));
-  };
-});
-export 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;
-}

package/dist/Schedule/index.js

@@ -1,80 +0,0 @@
-import React, { forwardRef } from "react";
-import { Formik, Form as FormikForm } from "formik";
-import { isPresent, noop } from "@bigbinary/neeto-commons-frontend/pure";
-import { assoc, pick } from "ramda";
-import { DAYS } from "./constants";
-import DisplayAvailability from "./DisplayAvailability";
-import Fields from "./Fields";
-import Header from "./Header";
-import ScheduleContext from "./ScheduleContext";
-import { sortPeriodsByKey, getScheduleValidationSchema } from "./utils";
-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(FormikForm, 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 default Schedule;