@mailstep/design-system 0.8.25 → 0.8.26-beta.0

package/ui/index882.es.js

@@ -0,0 +1,16 @@
+import { useState as e } from "react";
+//#region packages/ui/hooks/useToggleAndClose.ts
+var t = (t = !0) => {
+	let [n, r] = e(t);
+	return [
+		n,
+		() => {
+			r((e) => !e);
+		},
+		() => {
+			r(!1);
+		}
+	];
+};
+//#endregion
+export { t as useToggleAndClose };

package/ui/index883.es.js

@@ -0,0 +1,8 @@
+//#region packages/ui/Blocks/Scheduler/utils/formatDate.ts
+var e = (e, t = "en-GB") => e.toLocaleDateString(t, {
+	day: "2-digit",
+	month: "long",
+	year: "numeric"
+});
+//#endregion
+export { e as formatDate };

package/ui/index884.es.js

@@ -0,0 +1,22 @@
+import { styled as e } from "./index6.es.js";
+//#region packages/ui/Blocks/Scheduler/components/DateChanger/styles.ts
+var t = e.div`
+  display: flex;
+  margin-bottom: 24px;
+  margin-top: 12px;
+  width: fit-content;
+  align-items: center;
+  column-gap: 12px;
+  font-size: 16px;
+  font-weight: 500;
+`, n = e.div`
+  display: flex;
+  height: 15px;
+  width: 15px;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transform: ${({ rotate: e }) => `rotate(${e}deg)`};
+`;
+//#endregion
+export { n as ArrowContainer, t as DateChangerContainer };

package/ui/index885.es.js

@@ -0,0 +1,48 @@
+import { x as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { ArrowDown as n } from "./index203.es.js";
+import "./index237.es.js";
+import r from "./index245.es.js";
+import { LanguageContext as i } from "./index394.es.js";
+import a from "./index634.es.js";
+import o from "./index711.es.js";
+import { formatDate as s } from "./index883.es.js";
+import { ArrowContainer as c, DateChangerContainer as l } from "./index884.es.js";
+import { useContext as u, useRef as d } from "react";
+//#region packages/ui/Blocks/Scheduler/components/DateChanger/index.tsx
+var f = t(), p = ({ isLoading: t, date: p, handleChangeDate: m, closeDatePicker: h, handleNextDay: g, handlePrevDay: _, toggleDatepicker: v, isDatepickerOpen: y }) => {
+	let b = d(null), x = u(i);
+	return t ? /* @__PURE__ */ (0, f.jsx)(e.div, {
+		p: "6px 12px",
+		children: /* @__PURE__ */ (0, f.jsx)(r, { variant: "sm" })
+	}) : /* @__PURE__ */ (0, f.jsxs)(l, { children: [
+		/* @__PURE__ */ (0, f.jsx)(c, {
+			onClick: _,
+			rotate: 90,
+			children: /* @__PURE__ */ (0, f.jsx)(n, {})
+		}),
+		/* @__PURE__ */ (0, f.jsx)(e.span, {
+			ref: b,
+			onClick: v,
+			cursor: "pointer",
+			children: s(p, x)
+		}),
+		y && /* @__PURE__ */ (0, f.jsx)(o, {
+			parentRef: b,
+			onClose: h,
+			children: /* @__PURE__ */ (0, f.jsx)(a, {
+				value: p,
+				input: !1,
+				onChange: m,
+				isSecondDatePicker: !0
+			})
+		}),
+		/* @__PURE__ */ (0, f.jsx)(c, {
+			onClick: g,
+			rotate: -90,
+			children: /* @__PURE__ */ (0, f.jsx)(n, {})
+		})
+	] });
+};
+//#endregion
+export { p as DateChanger };

package/ui/index886.es.js

@@ -0,0 +1,30 @@
+import { th as e } from "./index4.es.js";
+import { styled as t } from "./index6.es.js";
+//#region packages/ui/Blocks/Scheduler/components/Groups/styles.ts
+var n = t.div`
+  height: ${38}px;
+  display: flex;
+  border-bottom: 1px solid ${e.color("lightGray6")};
+  width: fit-content;
+`, r = t.div`
+  background-color: ${({ bg: t }) => t || e.color("bgLightGray")};
+  flex-shrink: 0;
+  min-width: 350px;
+  height: 100%;
+  font-size: 14px;
+  font-weight: 600;
+  padding: 10px;
+  border-right: 1px solid ${e.color("lightGray6")};
+
+  &:last-child {
+    border-right: none;
+  }
+`, i = t.div`
+  background-color: ${e.color("bgLightGray1")};
+  height: 100%;
+  width: ${53}px;
+  min-width: ${53}px;
+  border-right: 1px solid ${e.color("lightGray6")};
+`;
+//#endregion
+export { i as Gap, n as GroupContainer, r as GroupItem };

package/ui/index887.es.js

@@ -0,0 +1,9 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import { Gap as t, GroupContainer as n, GroupItem as r } from "./index886.es.js";
+//#region packages/ui/Blocks/Scheduler/components/Groups/index.tsx
+var i = e(), a = ({ groups: e }) => /* @__PURE__ */ (0, i.jsxs)(n, { children: [/* @__PURE__ */ (0, i.jsx)(t, {}), e?.map((t, n) => /* @__PURE__ */ (0, i.jsx)(r, {
+	groupsCount: e?.length,
+	children: t.name
+}, t.id))] });
+//#endregion
+export { a as Groups };

package/ui/index888.es.js

@@ -0,0 +1,7 @@
+//#region packages/ui/Blocks/Scheduler/utils/getMinutesFromTime.ts
+var e = (e) => {
+	let [t, n] = e.split(":").map(Number);
+	return t * 60 + n;
+};
+//#endregion
+export { e as getMinutesFromTime };

package/ui/index889.es.js

@@ -0,0 +1,9 @@
+import { getMinutesFromTime as e } from "./index888.es.js";
+//#region packages/ui/Blocks/Scheduler/utils/isActiveTime.ts
+var t = ({ activeHours: t, time: n }) => {
+	if (!t) return !0;
+	let r = e(t.start), i = e(t.end), a = e(n);
+	return a >= r && a <= i;
+};
+//#endregion
+export { t as isActiveTime };

package/ui/index89.es.js

@@ -0,0 +1,21 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_faArrowRightArrowLeft as t } from "./index88.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faExchange.js
+var n = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var n = t();
+	e.definition = {
+		prefix: n.prefix,
+		iconName: n.iconName,
+		icon: [
+			n.width,
+			n.height,
+			n.aliases,
+			n.unicode,
+			n.svgPathData
+		]
+	}, e.faExchange = e.definition, e.prefix = n.prefix, e.iconName = n.iconName, e.width = n.width, e.height = n.height, e.ligatures = n.aliases, e.unicode = n.unicode, e.svgPathData = n.svgPathData, e.aliases = n.aliases;
+}));
+//#endregion
+export default n();
+export { n as require_faExchange };

package/ui/index890.es.js

@@ -0,0 +1,4 @@
+//#region packages/ui/Blocks/Scheduler/utils/convertDateToTime.ts
+var e = (e) => `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
+//#endregion
+export { e as convertDateToTime };

package/ui/index891.es.js

@@ -0,0 +1,7 @@
+//#region packages/ui/Blocks/Scheduler/utils/convertMinutesToDuration.ts
+var e = (e) => {
+	let t = Math.floor(e / 60), n = e % 60;
+	return t ? n ? `${t}h ${n}m` : `${t}h` : `${n} min`;
+};
+//#endregion
+export { e as convertMinutesToDuration };

package/ui/index892.es.js

@@ -0,0 +1,33 @@
+import { th as e } from "./index4.es.js";
+import { styled as t } from "./index6.es.js";
+//#region packages/ui/Blocks/Scheduler/components/BookedTimeSlots/styles.ts
+var n = t.div`
+  position: absolute;
+  z-index: 1;
+  top: ${({ startPoint: e }) => `${e * 5}px`};
+  background-color: ${e.color("bgLightGray1")};
+  border-radius: 4px;
+  box-shadow: ${e.shadow("gridShadow")};
+  height: ${({ heightInMinutes: e }) => `${e * 5}px`};
+  border-left: 4px solid ${e.color("green60")};
+  padding: 10px;
+  margin-right: 10px;
+  margin-left: 6px; // -4px border
+  width: calc(100% - 16px);
+  cursor: pointer;
+  overflow-y: auto;
+  text-align: left;
+`, r = t.div`
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  height: fit-content;
+  align-items: center;
+`, i = t.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: 6px;
+  gap: 6px;
+`;
+//#endregion
+export { i as Body, n as BookedTimeSlot, r as Header };

package/ui/index893.es.js

@@ -0,0 +1,33 @@
+import { __toESM as e } from "./index2.es.js";
+import { x as t } from "./index6.es.js";
+import { require_jsx_runtime as n } from "./index143.es.js";
+import { require_get as r } from "./index354.es.js";
+import { getMinutesFromTime as i } from "./index888.es.js";
+import { convertDateToTime as a } from "./index890.es.js";
+import { convertMinutesToDuration as o } from "./index891.es.js";
+import { Body as s, BookedTimeSlot as c, Header as l } from "./index892.es.js";
+//#region packages/ui/Blocks/Scheduler/components/BookedTimeSlots/index.tsx
+var u = /* @__PURE__ */ e(r(), 1), d = n(), f = ({ bookedTimeSlots: e, timeSlotDefinitions: n, handleTimeSlotClick: r, time: f }) => /* @__PURE__ */ (0, d.jsx)(d.Fragment, { children: e.map(({ id: e, from: p, to: m, ...h }) => {
+	let g = a(new Date(p)), _ = a(new Date(m)), v = i(g), y = i(_) - v, b = n?.count ? (0, u.default)(h, n?.count) : 0;
+	return /* @__PURE__ */ (0, d.jsxs)(c, {
+		startPoint: v - i(f) + 1,
+		heightInMinutes: y - 2,
+		onClick: r?.({
+			id: e,
+			from: p,
+			to: m,
+			...h
+		}),
+		children: [/* @__PURE__ */ (0, d.jsxs)(l, { children: [/* @__PURE__ */ (0, d.jsx)("div", { children: `${g} - ${_} (${o(y)})` }), /* @__PURE__ */ (0, d.jsxs)(t.div, {
+			display: "flex",
+			gap: "6px",
+			alignItems: "center",
+			children: [!!b && b, n?.icon]
+		})] }), /* @__PURE__ */ (0, d.jsx)(s, { children: n?.data?.map((e) => {
+			let t = (0, u.default)(h, e);
+			return /* @__PURE__ */ (0, d.jsx)("span", { children: Array.isArray(t) ? t.join(", ") : t }, `${e}-${f}`);
+		}) })]
+	}, e);
+}) });
+//#endregion
+export { f as BookedTimeSlots };

package/ui/index894.es.js

@@ -0,0 +1,16 @@
+import { convertDateToTime as e } from "./index890.es.js";
+import { useEffect as t, useState as n } from "react";
+//#region packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/hooks/useCurrentTime.ts
+var r = () => {
+	let [r, i] = n(/* @__PURE__ */ new Date());
+	return t(() => {
+		let e = setInterval(() => {
+			i(/* @__PURE__ */ new Date());
+		}, 6e4);
+		return () => {
+			clearInterval(e);
+		};
+	}, []), { time: e(r) };
+};
+//#endregion
+export { r as useCurrentTime };

package/ui/index895.es.js

@@ -0,0 +1,28 @@
+import { th as e } from "./index4.es.js";
+import { styled as t } from "./index6.es.js";
+//#region packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/styles.ts
+var n = t.div`
+  position: absolute;
+  top: ${({ minutes: e }) => `${e * 5 - 22 / 2}px`};
+  left: 0;
+  padding-left: 10px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  height: ${22}px;
+  z-index: 1;
+`, r = t.div`
+  font-size: 10px;
+  color: white;
+  font-weight: 600;
+  background-color: ${e.color("red1")};
+  width: ${35}px;
+  padding: 5px;
+  border-radius: 14px;
+`, i = t.div`
+  background-color: ${e.color("red1")};
+  width: calc(100% - ${35}px);
+  height: 1px;
+`;
+//#endregion
+export { r as CurrentTime, n as CurrentTimeContainer, i as Line };

package/ui/index896.es.js

@@ -0,0 +1,14 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import { getMinutesFromTime as t } from "./index888.es.js";
+import { useCurrentTime as n } from "./index894.es.js";
+import { CurrentTime as r, CurrentTimeContainer as i, Line as a } from "./index895.es.js";
+//#region packages/ui/Blocks/Scheduler/components/CurrentTimeMarker/index.tsx
+var o = e(), s = () => {
+	let { time: e } = n();
+	return /* @__PURE__ */ (0, o.jsxs)(i, {
+		minutes: t(e),
+		children: [/* @__PURE__ */ (0, o.jsx)(r, { children: e }), /* @__PURE__ */ (0, o.jsx)(a, {})]
+	});
+};
+//#endregion
+export { s as CurrentTimeMarker };

package/ui/index897.es.js

@@ -0,0 +1,7 @@
+//#region packages/ui/Blocks/Scheduler/utils/convertIndexToISOString.ts
+var e = (e, t) => {
+	let n = 15 * e, r = Math.floor(n / 60), i = n % 60;
+	return t.setHours(r, i, 0, 0), t.toISOString();
+};
+//#endregion
+export { e as convertIndexToISOString };

package/ui/index898.es.js

@@ -0,0 +1,36 @@
+import { convertIndexToISOString as e } from "./index897.es.js";
+import { useCallback as t, useState as n } from "react";
+//#region packages/ui/Blocks/Scheduler/components/TimeSlots/hooks/useRangeSelection.ts
+var r = ({ handleSelectTimeSlot: r, date: i }) => {
+	let [a, o] = n(!1), [s, c] = n([]), [l, u] = n(null);
+	return {
+		handleMouseDown: t((e, t) => () => {
+			c([e]), o(!0), u(t);
+		}, []),
+		handleMouseOver: t((e) => () => {
+			a && c((t) => {
+				let n = t[0], r = t.at(-1);
+				return r && (r < e ? r + 1 !== e : r - 1 !== e) ? [e] : Array.from({ length: Math.abs(e - n) + 1 }, (t, r) => n < e ? n + r : n - r);
+			});
+		}, [a]),
+		handleMouseUp: t(() => {
+			if (o(!1), l && s?.length) {
+				let t = s[0], n = (s.at(-1) ?? 0) + 1;
+				r?.({
+					groupId: l,
+					from: e(t, i),
+					to: e(n, i)
+				});
+			}
+			u(null), c([]);
+		}, [
+			i,
+			r,
+			l,
+			s
+		]),
+		isSlotSelected: t((e, t) => t === l && s.includes(e), [s, l])
+	};
+};
+//#endregion
+export { r as useRangeSelection };

package/ui/index899.es.js

@@ -0,0 +1,14 @@
+import { useEffect as e, useRef as t } from "react";
+//#region packages/ui/Blocks/Scheduler/components/TimeSlots/hooks/useScroll.ts
+var n = () => {
+	let n = t(null);
+	return e(() => {
+		let e = String((/* @__PURE__ */ new Date()).getHours()).padStart(2, "0"), t = n?.current?.querySelector(`[data-time="${e}:00"]`);
+		t && t.scrollIntoView({
+			behavior: "smooth",
+			block: "center"
+		});
+	}, []), { containerRef: n };
+};
+//#endregion
+export { n as useScroll };

package/ui/index9.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/free-brands-svg-icons/faInstagram.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fab", n = "instagram", r = 448, i = 512, a = [], o = "f16d", s = "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faInstagram = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faInstagram };

package/ui/index90.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faFlag.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "flag", r = 448, i = 512, a = [127988, 61725], o = "f024", s = "M64 32C64 14.3 49.7 0 32 0S0 14.3 0 32L0 64 0 368 0 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128 64.3-16.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30l0-247.7c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L64 48l0-16z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faFlag = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faFlag };

package/ui/index900.es.js

@@ -0,0 +1,49 @@
+import { th as e } from "./index4.es.js";
+import { styled as t } from "./index6.es.js";
+//#region packages/ui/Blocks/Scheduler/components/TimeSlots/styles.ts
+var n = t.div`
+  position: relative;
+  overflow-y: auto;
+  flex-grow: 1;
+  width: fit-content;
+
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  scroll-behavior: smooth;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`, r = t.div`
+  background-color: ${({ disabled: t }) => t ? e.color("lightGray7") : "white"};
+  display: flex;
+  width: fit-content;
+  border-bottom: 1px solid ${e.color("lightGray6")};
+`, i = t.div`
+  height: ${75}px;
+  flex-shrink: 0;
+  min-width: 350px;
+  box-sizing: border-box;
+  position: relative;
+  background-color: ${({ isSlotSelected: t }) => t ? e.color("blue20") : ""};
+  cursor: ${({ isSlotSelected: e, activeTime: t }) => e || !t ? "default" : "pointer"};
+  border-right: 1px solid ${e.color("lightGray6")};
+
+  &:last-child {
+    border-right: none;
+  }
+
+  &:hover {
+    background-color: ${({ isSlotSelected: t, activeTime: n }) => !t && n ? e.color("blue10") : ""};
+  }
+`, a = t.div`
+  font-size: 12px;
+  font-weight: 500;
+  height: ${75}px;
+  width: ${53}px;
+  border-right: 1px solid ${e.color("lightGray6")};
+  padding: 10px;
+  min-width: ${53}px;
+`;
+//#endregion
+export { i as EmptyTimeSlot, a as TimeInterval, r as TimeRow, n as TimeSlotsContainer };

package/ui/index901.es.js

@@ -0,0 +1,46 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import { isActiveTime as t } from "./index889.es.js";
+import { BookedTimeSlots as n } from "./index893.es.js";
+import { CurrentTimeMarker as r } from "./index896.es.js";
+import { useRangeSelection as i } from "./index898.es.js";
+import { useScroll as a } from "./index899.es.js";
+import { EmptyTimeSlot as o, TimeInterval as s, TimeRow as c, TimeSlotsContainer as l } from "./index900.es.js";
+//#region packages/ui/Blocks/Scheduler/components/TimeSlots/index.tsx
+var u = e(), d = ({ timeArray: e, groups: d, activeHours: f, timeSlots: p, handleSelectTimeSlot: m, handleTimeSlotClick: h, isTodayDate: g, date: _, timeSlotDefinitions: v }) => {
+	let { containerRef: y } = a(), { handleMouseUp: b, handleMouseDown: x, handleMouseOver: S, isSlotSelected: C } = i({
+		handleSelectTimeSlot: m,
+		date: _
+	});
+	return /* @__PURE__ */ (0, u.jsxs)(l, {
+		ref: y,
+		children: [e.map((e, r) => {
+			let i = t({
+				activeHours: f,
+				time: e
+			});
+			return /* @__PURE__ */ (0, u.jsxs)(c, {
+				disabled: !i,
+				"data-time": e,
+				children: [/* @__PURE__ */ (0, u.jsx)(s, { children: e }), d?.map((t) => {
+					let a = p?.[`${t.id}-${e}`] ?? [], s = !a.length && i;
+					return /* @__PURE__ */ (0, u.jsx)(o, {
+						groupsCount: d?.length,
+						activeTime: i,
+						isSlotSelected: s && C(r, t.id),
+						onMouseDown: s ? x(r, t.id) : void 0,
+						onMouseOver: s ? S(r) : void 0,
+						onMouseUp: s ? b : void 0,
+						children: /* @__PURE__ */ (0, u.jsx)(n, {
+							bookedTimeSlots: a,
+							timeSlotDefinitions: v,
+							time: e,
+							handleTimeSlotClick: h
+						})
+					}, t.id);
+				})]
+			}, e);
+		}), g && /* @__PURE__ */ (0, u.jsx)(r, {})]
+	});
+};
+//#endregion
+export { d as TimeSlots };

package/ui/index902.es.js

@@ -0,0 +1,7 @@
+//#region packages/ui/Blocks/Scheduler/utils/isToday.ts
+var e = (e) => {
+	let t = /* @__PURE__ */ new Date();
+	return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
+};
+//#endregion
+export { e as isToday };

package/ui/index903.es.js

@@ -0,0 +1,26 @@
+import { isToday as e } from "./index902.es.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+//#region packages/ui/Blocks/Scheduler/hooks/useChangeDate.ts
+var i = ({ closeDatePicker: i, handleReloadTimeSlots: a }) => {
+	let [o, s] = r(/* @__PURE__ */ new Date()), c = t(() => {
+		let e = new Date(o);
+		e.setDate(o.getDate() - 1), s(e);
+	}, [o]), l = t(() => {
+		let e = new Date(o);
+		e.setDate(o.getDate() + 1), s(e);
+	}, [o]), u = t((e) => {
+		let t = new Date(e);
+		t && s(t), i();
+	}, []), d = e(o);
+	return n(() => {
+		a && a(o).catch(console.error);
+	}, [o]), {
+		handlePrevDay: c,
+		handleNextDay: l,
+		handleChangeDate: u,
+		isTodayDate: d,
+		date: o
+	};
+};
+//#endregion
+export { i as useChangeDate };

package/ui/index904.es.js

@@ -0,0 +1,11 @@
+//#region packages/ui/Blocks/Scheduler/utils/generateTimeArray.ts
+var e = () => {
+	let e = [], t = 0, n = 0;
+	for (; t < 24 || t === 24 && n === 0;) {
+		let r = `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+		e.push(r), n += 15, n === 60 && (n = 0, t += 1);
+	}
+	return e;
+};
+//#endregion
+export { e as generateTimeArray };

package/ui/index905.es.js

@@ -0,0 +1,6 @@
+import { getMinutesFromTime as e } from "./index888.es.js";
+import { convertDateToTime as t } from "./index890.es.js";
+//#region packages/ui/Blocks/Scheduler/utils/getMinutesFromString.ts
+var n = (n) => e(t(new Date(n)));
+//#endregion
+export { n as getMinutesFromString };

package/ui/index906.es.js

@@ -0,0 +1,8 @@
+import { getMinutesFromString as e } from "./index905.es.js";
+//#region packages/ui/Blocks/Scheduler/utils/getClosestStep.ts
+var t = (t) => {
+	let n = e(t), r = Math.round(n / 15) * 15, i = Math.floor(r / 60), a = r % 60;
+	return `${String(i).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
+};
+//#endregion
+export { t as getClosestStep };

package/ui/index907.es.js

@@ -0,0 +1,23 @@
+import { th as e } from "./index4.es.js";
+import { styled as t } from "./index6.es.js";
+//#region packages/ui/Blocks/Scheduler/styles.ts
+var n = t.div`
+  background-color: white;
+  color: ${e.color("typoPrimary")};
+  overflow-x: auto;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e.color("lightGray6")};
+  user-select: none;
+  width: fit-content;
+  height: 100%;
+}
+`, r = t.div`
+  display: flex;
+  flex-direction: column;
+  overflow-y: hidden;
+  width: 100%;
+`;
+//#endregion
+export { n as Block, r as Container };

package/ui/index908.es.js

@@ -0,0 +1,40 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import { require_lodash as t } from "./index881.es.js";
+import { useToggleAndClose as n } from "./index882.es.js";
+import { DateChanger as r } from "./index885.es.js";
+import { Groups as i } from "./index887.es.js";
+import { TimeSlots as a } from "./index901.es.js";
+import { useChangeDate as o } from "./index903.es.js";
+import { generateTimeArray as s } from "./index904.es.js";
+import { getClosestStep as c } from "./index906.es.js";
+import { Block as l, Container as u } from "./index907.es.js";
+import { useMemo as d } from "react";
+//#region packages/ui/Blocks/Scheduler/Scheduler.tsx
+var f = t(), p = e(), m = s(), h = ({ groups: e, activeHours: t, data: s, handleSelectTimeSlot: h, handleReloadTimeSlots: g, handleTimeSlotClick: _, isLoading: v, timeSlotDefinitions: y }) => {
+	let b = d(() => (0, f.groupBy)(s, ({ groupId: e, from: t }) => `${e}-${c(t)}`), [s]), [x, S, C] = n(!1), { handlePrevDay: w, handleNextDay: T, handleChangeDate: E, date: D, isTodayDate: O } = o({
+		closeDatePicker: C,
+		handleReloadTimeSlots: g
+	});
+	return e?.length ? /* @__PURE__ */ (0, p.jsxs)(u, { children: [/* @__PURE__ */ (0, p.jsx)(r, {
+		isLoading: v,
+		isDatepickerOpen: x,
+		toggleDatepicker: S,
+		closeDatePicker: C,
+		handlePrevDay: w,
+		handleNextDay: T,
+		handleChangeDate: E,
+		date: D
+	}), /* @__PURE__ */ (0, p.jsxs)(l, { children: [/* @__PURE__ */ (0, p.jsx)(i, { groups: e }), /* @__PURE__ */ (0, p.jsx)(a, {
+		timeArray: m,
+		groups: e,
+		activeHours: t,
+		timeSlots: b,
+		handleSelectTimeSlot: v ? void 0 : h,
+		handleTimeSlotClick: v ? void 0 : _,
+		isTodayDate: O,
+		date: D,
+		timeSlotDefinitions: y
+	})] })] }) : null;
+};
+//#endregion
+export { h as Scheduler };