@teamco/ischeduler-mui 2.0.1

package/dist/index.es.js

@@ -0,0 +1,1200 @@
+import { CDiscountTypeValues as e, CEndReasonTypes as t, CFirstDayIdx as n, CNsDiscount as r, DEFAULT_DISCOUNT_SCHEDULER as i, DEFAULT_SALE_SCHEDULER as a, DEFAULT_SCHEDULERS_LIMIT as o, EDays as s, EDiscountType as c, EDurationTypes as l, EMonths as u, ESchedulerPrefix as d, getKeyFromEnum as f, handleChangeStartDate as p, handleDurationValueChange as m, handleSelectWeeklyDay as h, numberToCurrency as g, tsToLocaleDateTime as _, useColumnsToggle as v, useSchedulerContext as y } from "@teamco/ischeduler-core";
+import { useCallback as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Box as T, Button as E, Checkbox as D, Chip as O, CircularProgress as k, Dialog as A, DialogActions as j, DialogContent as M, DialogContentText as N, DialogTitle as P, Divider as F, Drawer as ee, FormControl as I, FormHelperText as L, Grid2 as R, IconButton as z, InputLabel as B, ListItemIcon as te, ListItemText as V, Menu as H, MenuItem as U, OutlinedInput as ne, Paper as re, Select as W, Table as ie, TableBody as ae, TableCell as oe, TableContainer as se, TableHead as ce, TablePagination as le, TableRow as G, TextField as K, ToggleButton as q, ToggleButtonGroup as J, Tooltip as Y, Typography as X } from "@mui/material";
+import { DateTimePicker as ue } from "@mui/x-date-pickers/DateTimePicker";
+import { LocalizationProvider as de } from "@mui/x-date-pickers/LocalizationProvider";
+import { AdapterDayjs as fe } from "@mui/x-date-pickers/AdapterDayjs";
+import Z from "dayjs";
+import { Fragment as pe, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+import me from "@mui/icons-material/CalendarMonth";
+import he from "@mui/icons-material/Settings";
+import ge from "@mui/icons-material/Add";
+import _e from "@mui/icons-material/DateRange";
+import ve from "@mui/icons-material/Close";
+import ye from "@mui/icons-material/Save";
+import be from "@mui/icons-material/MoreVert";
+import xe from "@mui/icons-material/Refresh";
+import Se from "@mui/icons-material/Delete";
+import Ce from "@mui/icons-material/Edit";
+export * from "@teamco/ischeduler-core";
+//#region src/components/internal/Duration.tsx
+var we = (e) => {
+	let { t } = y(), { min: n = 1, label: r, disabled: i, durationTypes: a = [], exclude: o = [], typeValue: s, periodValue: c, onTypeChange: u, onValueChange: d } = e;
+	return /* @__PURE__ */ $(T, {
+		sx: {
+			display: "flex",
+			gap: 1,
+			width: "100%"
+		},
+		children: [/* @__PURE__ */ $(I, {
+			fullWidth: !0,
+			size: "small",
+			children: [/* @__PURE__ */ Q(B, {
+				id: "duration-type-label",
+				children: t("scheduler.meta.period")
+			}), /* @__PURE__ */ Q(W, {
+				labelId: "duration-type-label",
+				value: s || "",
+				label: t("scheduler.meta.period"),
+				disabled: i,
+				onChange: (e) => u?.(e.target.value),
+				children: a.filter((e) => !o.includes(e)).map((e) => /* @__PURE__ */ Q(U, {
+					value: e,
+					children: l[e]
+				}, String(e)))
+			})]
+		}), /* @__PURE__ */ Q(K, {
+			fullWidth: !0,
+			size: "small",
+			type: "number",
+			label: r,
+			value: c ?? "",
+			disabled: i,
+			slotProps: { htmlInput: { min: n } },
+			onChange: (e) => d?.(parseInt(e.target.value, 10))
+		})]
+	});
+}, Te = (e) => {
+	let { options: t, value: n = [], onChange: r, disabled: i, loading: a, label: o, error: s, helperText: c } = e;
+	return /* @__PURE__ */ $(T, { children: [
+		o && /* @__PURE__ */ Q(X, {
+			variant: "caption",
+			color: s ? "error" : "textSecondary",
+			sx: {
+				mb: .5,
+				display: "block"
+			},
+			children: o
+		}),
+		/* @__PURE__ */ Q(J, {
+			value: n,
+			onChange: (e, t) => {
+				r?.(t ?? []);
+			},
+			disabled: i || a,
+			size: "small",
+			exclusive: !1,
+			sx: {
+				flexWrap: "wrap",
+				gap: .5,
+				"& .MuiToggleButtonGroup-grouped": {
+					margin: 0,
+					border: "1px solid rgba(0, 0, 0, 0.12) !important",
+					borderRadius: "4px !important"
+				}
+			},
+			children: t.map((e) => /* @__PURE__ */ Q(q, {
+				value: e.value,
+				sx: {
+					minWidth: 40,
+					px: 1
+				},
+				children: e.label
+			}, e.key))
+		}),
+		c && /* @__PURE__ */ Q(L, {
+			error: s,
+			children: c
+		})
+	] });
+}, Ee = (e) => {
+	let { t, loading: r } = y(), { value: i = [], onChange: a, disabled: o, setOccurs: c, scheduler: l } = e, u = C(l);
+	x(() => {
+		u.current = l;
+	}, [l]);
+	let d = S(() => Object.keys(s).map((e) => t(`scheduler.weekdays.short.${s[e].toLowerCase()}`)), [t]), p = S(() => Object.keys(s).map((e) => t(`scheduler.weekdays.${s[e].toLowerCase()}`)), [t]), h = (e) => e.map((t, r) => e[(r + n) % 7]), g = h(d), _ = h(p), v = g.map((e, t) => {
+		let n = _[t], r = f(s, n);
+		return {
+			key: `${e}-${t}`,
+			label: e,
+			value: r
+		};
+	}), w = b((e) => {
+		if (a) {
+			let n = e;
+			a(n);
+			let r = u.current, i = {
+				...r,
+				repeat: {
+					...r.repeat,
+					weekly: { days: n }
+				}
+			};
+			m(i.duration, i, c, t);
+		}
+	}, [
+		a,
+		c,
+		t
+	]);
+	return /* @__PURE__ */ Q(T, { children: /* @__PURE__ */ Q(Te, {
+		label: t("scheduler.days"),
+		options: v,
+		value: i,
+		onChange: w,
+		disabled: o,
+		loading: r
+	}) });
+}, De = (e) => {
+	let { t, loading: n } = y(), { value: r, onChange: i, onWeeklyChange: a, disabled: o, setOccurs: s, scheduler: c } = e, l = C(c);
+	x(() => {
+		l.current = c;
+	}, [c]);
+	let u = r?.type || "DAY", d = (e, n) => {
+		if (n !== null && i) {
+			let e = {
+				...r,
+				type: n,
+				...n === "PERIOD" && !r?.weekDay ? { weekDay: "FIRST" } : {}
+			};
+			i(e);
+			let a = l.current, o = {
+				...a,
+				repeat: {
+					...a.repeat,
+					monthly: e
+				}
+			};
+			n === "DAY" ? h(o.duration.period, o, s, t) : m(o.duration, o, s, t);
+		}
+	}, f = (e) => {
+		if (i) {
+			let n = {
+				...r,
+				monthDay: e
+			};
+			i(n);
+			let a = l.current;
+			h(e, {
+				...a,
+				repeat: {
+					...a.repeat,
+					monthly: n
+				}
+			}, s, t);
+		}
+	}, p = (e, n) => {
+		if (n !== null && i) {
+			let e = {
+				...r,
+				weekDay: n
+			};
+			i(e);
+			let a = l.current, o = {
+				...a,
+				repeat: {
+					...a.repeat,
+					monthly: e
+				}
+			};
+			m(o.duration, o, s, t);
+		}
+	}, g = [
+		{
+			value: "FIRST",
+			label: t("scheduler.day.first")
+		},
+		{
+			value: "SECOND",
+			label: t("scheduler.day.second")
+		},
+		{
+			value: "THIRD",
+			label: t("scheduler.day.third")
+		},
+		{
+			value: "FOURTH",
+			label: t("scheduler.day.fourth")
+		},
+		{
+			value: "LAST",
+			label: t("scheduler.day.last")
+		}
+	];
+	return /* @__PURE__ */ $(T, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		},
+		children: [/* @__PURE__ */ $(J, {
+			value: u,
+			exclusive: !0,
+			onChange: d,
+			disabled: o || n,
+			size: "small",
+			children: [/* @__PURE__ */ $(q, {
+				value: "DAY",
+				"aria-label": "day",
+				children: [/* @__PURE__ */ Q(me, {
+					fontSize: "small",
+					sx: { mr: 1 }
+				}), t("scheduler.day")]
+			}), /* @__PURE__ */ $(q, {
+				value: "PERIOD",
+				"aria-label": "period",
+				children: [/* @__PURE__ */ Q(he, {
+					fontSize: "small",
+					sx: { mr: 1 }
+				}), t("scheduler.meta.period")]
+			})]
+		}), u === "DAY" ? /* @__PURE__ */ Q(K, {
+			label: t("scheduler.day"),
+			type: "number",
+			size: "small",
+			value: r?.monthDay ?? "",
+			disabled: o || n,
+			slotProps: { htmlInput: {
+				min: 1,
+				max: 31
+			} },
+			onChange: (e) => f(parseInt(e.target.value, 10)),
+			sx: { width: 120 }
+		}) : /* @__PURE__ */ $(T, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 2
+			},
+			children: [/* @__PURE__ */ Q(J, {
+				value: r?.weekDay || "",
+				exclusive: !0,
+				onChange: p,
+				disabled: o || n,
+				size: "small",
+				sx: { flexWrap: "wrap" },
+				children: g.map((e) => /* @__PURE__ */ Q(q, {
+					value: e.value,
+					children: e.label
+				}, e.value))
+			}), /* @__PURE__ */ Q(Ee, {
+				value: c.repeat?.weekly?.days,
+				onChange: (e) => {
+					a?.(e);
+				},
+				disabled: o,
+				setOccurs: s,
+				scheduler: c
+			})]
+		})]
+	});
+}, Oe = (e) => {
+	let { t, loading: n } = y(), { value: r, onChange: i, disabled: a, setOccurs: o, scheduler: s, repeatMonthly: c, onMonthlyChange: l, onWeeklyChange: d } = e, f = C(s);
+	x(() => {
+		f.current = s;
+	}, [s]);
+	let p = S(() => Object.keys(u).map((e) => t(`scheduler.months.${u[e].toLowerCase()}`)), [t]), h = S(() => Object.keys(u).map((e) => t(`scheduler.months.short.${u[e].toLowerCase()}`)), [t]), g = Object.keys(u).map((e, t) => ({
+		key: `${e}-${t}`,
+		label: /* @__PURE__ */ Q(Y, {
+			title: p[t],
+			children: /* @__PURE__ */ Q("span", { children: h[t] })
+		}),
+		value: e
+	}));
+	return /* @__PURE__ */ $(T, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 3
+		},
+		children: [/* @__PURE__ */ Q(Te, {
+			label: t("scheduler.months"),
+			options: g,
+			value: r?.months || [],
+			onChange: (e) => {
+				if (i) {
+					let n = e, a = {
+						...r,
+						months: n
+					};
+					i(a);
+					let s = f.current, c = {
+						...s,
+						repeat: {
+							...s.repeat,
+							yearly: a
+						}
+					};
+					m(c.duration, c, o, t);
+				}
+			},
+			disabled: a,
+			loading: n
+		}), /* @__PURE__ */ Q(De, {
+			value: c,
+			onChange: l,
+			onWeeklyChange: d,
+			disabled: a,
+			setOccurs: o,
+			scheduler: s
+		})]
+	});
+}, ke = (e) => {
+	let { disabled: t, value: n, startedAt: r, onChange: i } = e, { t: a } = y(), o = r ? Z(r).add(1, "day") : Z();
+	return /* @__PURE__ */ Q(ue, {
+		label: a("scheduler.duration.endDate"),
+		value: n ?? null,
+		onChange: i,
+		disabled: t || !r,
+		minDateTime: o,
+		slotProps: { textField: {
+			size: "small",
+			fullWidth: !0
+		} }
+	});
+}, Ae = (e) => {
+	let { t } = y(), { min: n = 1, value: r, onChange: i, disabled: a = !1 } = e;
+	return /* @__PURE__ */ Q(K, {
+		fullWidth: !0,
+		size: "small",
+		type: "number",
+		label: t("scheduler.occurrences"),
+		value: r ?? "",
+		disabled: a,
+		slotProps: { htmlInput: { min: n } },
+		onChange: (e) => i?.(parseInt(e.target.value, 10))
+	});
+}, je = (e) => {
+	let { t: n, loading: r } = y(), { value: o, onChange: s, disabled: u = !1, durationTypes: f = Object.keys(l), discountTypes: h = Object.keys(c), schedulerType: g } = e, _ = g === d.SALE ? a : i, [v, b] = w(() => _), S = o ?? v, [C, E] = w("0"), [D, O] = w(null);
+	x(() => {
+		S.range?.startedAt && p(Z(S.range.startedAt), O), S.duration && m(S.duration, S, E, n);
+	}, [o, n]);
+	let k = (e, t) => {
+		let n = e.split("."), r = (e, t, n) => {
+			if (t.length === 1) return {
+				...e,
+				[t[0]]: n
+			};
+			let [i, ...a] = t;
+			return {
+				...e,
+				[i]: r(e[i] ?? {}, a, n)
+			};
+		}, i = r(S, n, t);
+		b(i), s?.(i);
+	};
+	return /* @__PURE__ */ Q(de, {
+		dateAdapter: fe,
+		children: /* @__PURE__ */ $(T, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 3,
+				py: 2
+			},
+			children: [
+				[d.DISCOUNT, d.TRIAL_DISCOUNT].includes(g) && /* @__PURE__ */ Q(R, {
+					container: !0,
+					spacing: 2,
+					children: /* @__PURE__ */ Q(R, {
+						size: {
+							xs: 12,
+							sm: 6
+						},
+						children: /* @__PURE__ */ $(T, {
+							sx: {
+								display: "flex",
+								gap: 1
+							},
+							children: [/* @__PURE__ */ $(I, {
+								fullWidth: !0,
+								size: "small",
+								children: [/* @__PURE__ */ Q(B, { children: n("scheduler.meta.duration") }), /* @__PURE__ */ Q(W, {
+									value: S.discount?.type || "",
+									label: n("scheduler.meta.duration"),
+									disabled: u || r,
+									onChange: (e) => k("discount.type", e.target.value),
+									children: h.map((e) => /* @__PURE__ */ Q(U, {
+										value: e,
+										children: c[e]
+									}, String(e)))
+								})]
+							}), /* @__PURE__ */ Q(K, {
+								fullWidth: !0,
+								size: "small",
+								type: "number",
+								label: n("scheduler.meta.duration"),
+								value: S.discount?.value || "",
+								disabled: u || r,
+								onChange: (e) => k("discount.value", parseInt(e.target.value, 10))
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ $(R, {
+					container: !0,
+					spacing: 2,
+					children: [/* @__PURE__ */ Q(R, {
+						size: {
+							xs: 12,
+							sm: 6
+						},
+						children: /* @__PURE__ */ Q(we, {
+							label: n("scheduler.duration"),
+							disabled: u || r,
+							typeValue: S.duration?.type,
+							periodValue: S.duration?.period,
+							durationTypes: f,
+							required: !0,
+							onTypeChange: (e) => k("duration.type", e),
+							onValueChange: (e) => k("duration.period", e)
+						})
+					}), /* @__PURE__ */ Q(R, {
+						size: {
+							xs: 12,
+							sm: 6
+						},
+						children: /* @__PURE__ */ Q(ue, {
+							label: n("scheduler.startedAt"),
+							value: Z(S.range?.startedAt),
+							onChange: (e) => k("range.startedAt", e),
+							disabled: u || r,
+							slotProps: { textField: {
+								size: "small",
+								fullWidth: !0
+							} }
+						})
+					})]
+				}),
+				S.duration?.type === "WEEK" && /* @__PURE__ */ Q(Ee, {
+					value: S.repeat?.weekly?.days,
+					onChange: (e) => k("repeat.weekly.days", e),
+					disabled: u,
+					setOccurs: E,
+					scheduler: S
+				}),
+				S.duration?.type === "MONTH" && /* @__PURE__ */ Q(De, {
+					value: S.repeat?.monthly,
+					onChange: (e) => k("repeat.monthly", e),
+					onWeeklyChange: (e) => k("repeat.weekly.days", e),
+					disabled: u,
+					setOccurs: E,
+					scheduler: S
+				}),
+				S.duration?.type === "YEAR" && /* @__PURE__ */ Q(Oe, {
+					value: S.repeat?.yearly,
+					onChange: (e) => k("repeat.yearly", e),
+					disabled: u,
+					setOccurs: E,
+					scheduler: S,
+					repeatMonthly: S.repeat?.monthly,
+					onMonthlyChange: (e) => k("repeat.monthly", e),
+					onWeeklyChange: (e) => k("repeat.weekly.days", e)
+				}),
+				/* @__PURE__ */ $(R, {
+					container: !0,
+					spacing: 2,
+					children: [/* @__PURE__ */ Q(R, {
+						size: {
+							xs: 12,
+							sm: 6
+						},
+						children: /* @__PURE__ */ $(I, {
+							fullWidth: !0,
+							size: "small",
+							children: [/* @__PURE__ */ Q(B, { children: n("scheduler.duration.end") }), /* @__PURE__ */ Q(W, {
+								value: S.range?.endReason?.type || "",
+								label: n("scheduler.duration.end"),
+								disabled: u,
+								onChange: (e) => k("range.endReason.type", e.target.value),
+								children: [
+									{
+										label: n("scheduler.duration.end.day"),
+										value: t[0]
+									},
+									{
+										label: n("scheduler.duration.end.after"),
+										value: t[1]
+									},
+									{
+										label: n("scheduler.duration.end.no"),
+										value: t[2]
+									}
+								].map((e) => /* @__PURE__ */ Q(U, {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							})]
+						})
+					}), /* @__PURE__ */ $(R, {
+						size: {
+							xs: 12,
+							sm: 6
+						},
+						children: [S.range?.endReason?.type === t[0] && /* @__PURE__ */ Q(ke, {
+							value: Z(S.range?.endReason?.expiredAt),
+							startedAt: Z(S.range?.startedAt),
+							onChange: (e) => k("range.endReason.expiredAt", e),
+							disabled: u
+						}), S.range?.endReason?.type === t[1] && /* @__PURE__ */ Q(Ae, {
+							value: S.range?.endReason?.occurrences,
+							onChange: (e) => k("range.endReason.occurrences", e),
+							disabled: u
+						})]
+					})]
+				}),
+				/* @__PURE__ */ Q(X, {
+					variant: "body2",
+					sx: {
+						fontStyle: "italic",
+						color: "text.secondary"
+					},
+					dangerouslySetInnerHTML: { __html: n("scheduler.result", {
+						occurs: C,
+						startAt: D ?? ""
+					}) }
+				})
+			]
+		})
+	});
+}, Me = (e) => {
+	let { t, permissions: n } = y(), { loading: r, className: i, isEdit: a, disabled: o, size: s = "small", color: c = "primary", icon: l = /* @__PURE__ */ Q(ye, { fontSize: "small" }), type: u = "button", variant: d = "contained", onClick: f } = e;
+	if (!(a ? n.canUpdate : n.canCreate)) return null;
+	let p = t(a ? "actions.update" : "actions.save");
+	return /* @__PURE__ */ Q(E, {
+		type: u,
+		size: s,
+		variant: d,
+		className: i,
+		disabled: o || r,
+		startIcon: r ? /* @__PURE__ */ Q(k, {
+			size: 16,
+			color: "inherit"
+		}) : l,
+		onClick: f,
+		color: c,
+		children: p
+	});
+}, Ne = ({ schedulerType: e, disabled: t, onSuccess: n, setDirty: s, dirty: c, isCreating: l, setIsCreating: u, buttonProps: f }) => {
+	let { t: p, loading: m, permissions: h, onCreate: g } = y(), [_, v] = w(!1), b = S(() => e === d.SALE ? a : i, [e]), [x, C] = w(b);
+	if (!h.canCreate) return null;
+	let D = (e) => {
+		e.preventDefault(), e.stopPropagation(), C(b), v(!0);
+	}, O = () => {
+		v(!1), s(!1);
+	}, k = async () => {
+		try {
+			u(!0);
+			let t = {
+				id: `new-${Date.now()}`,
+				...x,
+				type: e,
+				[r]: e === d.SALE ? null : x?.[r]
+			};
+			g && await g(e, t), n?.(t), v(!1), s(!1);
+		} catch (e) {
+			console.error("Failed to save scheduler:", e);
+		} finally {
+			u(!1);
+		}
+	};
+	return /* @__PURE__ */ $(pe, { children: [/* @__PURE__ */ Q(Y, {
+		title: t ? p("scheduler.limited", { limit: o }) : "",
+		children: /* @__PURE__ */ Q("span", { children: /* @__PURE__ */ Q(E, {
+			variant: "text",
+			size: "small",
+			...f,
+			disabled: t || m,
+			onClick: D,
+			sx: {
+				textTransform: "none",
+				p: 0,
+				minWidth: "auto",
+				...f?.sx
+			},
+			children: p("scheduler")
+		}) })
+	}), /* @__PURE__ */ Q(ee, {
+		anchor: "right",
+		open: _,
+		onClose: O,
+		PaperProps: { sx: {
+			width: {
+				xs: "100%",
+				sm: 600
+			},
+			p: 0
+		} },
+		children: /* @__PURE__ */ $(T, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "100%"
+			},
+			children: [
+				/* @__PURE__ */ $(T, {
+					sx: {
+						p: 2,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between"
+					},
+					children: [/* @__PURE__ */ $(T, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: 1
+						},
+						children: [/* @__PURE__ */ Q(_e, { color: "primary" }), /* @__PURE__ */ Q(X, {
+							variant: "h6",
+							children: p("scheduler")
+						})]
+					}), /* @__PURE__ */ $(T, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: 1
+						},
+						children: [/* @__PURE__ */ Q(Me, {
+							loading: m || l,
+							disabled: t || !c,
+							onClick: k
+						}), /* @__PURE__ */ Q(z, {
+							onClick: O,
+							size: "small",
+							children: /* @__PURE__ */ Q(ve, {})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ Q(F, {}),
+				/* @__PURE__ */ Q(T, {
+					sx: {
+						p: 3,
+						flexGrow: 1,
+						overflowY: "auto"
+					},
+					children: /* @__PURE__ */ Q(je, {
+						schedulerType: e,
+						value: x,
+						onChange: (e) => {
+							C(e), s(!0);
+						},
+						disabled: t
+					})
+				})
+			]
+		})
+	})] });
+}, Pe = (e) => {
+	let { t } = y(), { selectedColumns: n = [], columnsList: r = [], onChange: i } = e;
+	if (!r?.length) return /* @__PURE__ */ Q(pe, {});
+	let a = t("table.hideColumns");
+	return /* @__PURE__ */ $(I, {
+		sx: {
+			m: 1,
+			minWidth: 250
+		},
+		size: "small",
+		children: [/* @__PURE__ */ Q(B, {
+			id: "hide-columns-label",
+			children: a
+		}), /* @__PURE__ */ Q(W, {
+			labelId: "hide-columns-label",
+			id: "hide-columns-select",
+			multiple: !0,
+			value: n,
+			onChange: (e) => {
+				let t = e.target.value, n = typeof t == "string" ? t.split(",") : t;
+				n.length < 1 || i?.(n);
+			},
+			input: /* @__PURE__ */ Q(ne, { label: a }),
+			renderValue: (e) => e.map((e) => r.find((t) => t.value === e)?.label ?? e).join(", "),
+			sx: { maxHeight: 40 },
+			children: r.map((e) => /* @__PURE__ */ $(U, {
+				value: e.value,
+				children: [/* @__PURE__ */ Q(D, {
+					checked: n.indexOf(e.value) > -1,
+					size: "small"
+				}), /* @__PURE__ */ Q(V, { primary: e.label })]
+			}, e.value))
+		})]
+	});
+}, Fe = (e) => {
+	let { loading: t, t: n } = y(), { children: r, items: i = [], onRefresh: a } = e, [o, s] = w(null), c = !!o, l = (e) => {
+		s(e.currentTarget);
+	}, u = () => {
+		s(null);
+	};
+	return /* @__PURE__ */ $(T, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end",
+			gap: 1,
+			mb: 1
+		},
+		children: [
+			r,
+			/* @__PURE__ */ Q(z, {
+				"aria-label": "more",
+				id: "toolbar-button",
+				"aria-controls": c ? "toolbar-menu" : void 0,
+				"aria-expanded": c ? "true" : void 0,
+				"aria-haspopup": "true",
+				onClick: l,
+				size: "small",
+				children: t ? /* @__PURE__ */ Q(k, { size: 20 }) : /* @__PURE__ */ Q(be, {})
+			}),
+			/* @__PURE__ */ $(H, {
+				id: "toolbar-menu",
+				anchorEl: o,
+				open: c,
+				onClose: u,
+				MenuListProps: { "aria-labelledby": "toolbar-button" },
+				children: [
+					i.map((e, t) => /* @__PURE__ */ $(U, {
+						onClick: () => {
+							e.onClick?.(), u();
+						},
+						children: [e.icon && /* @__PURE__ */ Q(te, { children: e.icon }), /* @__PURE__ */ Q(V, { children: e.label })]
+					}, t)),
+					i.length > 0 && a && /* @__PURE__ */ Q(F, {}),
+					a && /* @__PURE__ */ $(U, {
+						onClick: () => {
+							a(), u();
+						},
+						children: [/* @__PURE__ */ Q(te, { children: /* @__PURE__ */ Q(xe, { fontSize: "small" }) }), /* @__PURE__ */ Q(V, { children: n("toolbar.refresh") })]
+					})
+				]
+			})
+		]
+	});
+}, Ie = {
+	ACTIVE: "success",
+	DEACTIVATED: "default",
+	DELETED: "error",
+	PROCESSING: "info",
+	PENDING: "warning",
+	APPROVED: "success",
+	PUBLISHED: "primary"
+}, Le = ({ status: e }) => /* @__PURE__ */ Q(O, {
+	label: String(e),
+	size: "small",
+	color: Ie[e] || "default",
+	variant: "outlined"
+}), Re = (e) => {
+	let { t, permissions: n } = y(), { entity: r, disabled: i, onDelete: a, showLabel: o = !1 } = e, [s, c] = w(!1);
+	if (!r || !n.canDelete) return null;
+	let l = (e) => {
+		e.stopPropagation(), c(!0);
+	}, u = (e) => {
+		e.stopPropagation(), c(!1);
+	};
+	return /* @__PURE__ */ $(pe, { children: [/* @__PURE__ */ Q(Y, {
+		title: t("actions.delete"),
+		children: /* @__PURE__ */ Q("span", { children: /* @__PURE__ */ $(z, {
+			color: "error",
+			size: "small",
+			onClick: l,
+			disabled: i,
+			children: [/* @__PURE__ */ Q(Se, { fontSize: "small" }), o && t("actions.delete")]
+		}) })
+	}), /* @__PURE__ */ $(A, {
+		open: s,
+		onClose: u,
+		onClick: (e) => e.stopPropagation(),
+		children: [
+			/* @__PURE__ */ Q(P, { children: t("actions.delete") }),
+			/* @__PURE__ */ Q(M, { children: /* @__PURE__ */ Q(N, { children: t("actions.confirm.delete") }) }),
+			/* @__PURE__ */ $(j, { children: [/* @__PURE__ */ Q(E, {
+				onClick: u,
+				size: "small",
+				children: t("actions.cancel")
+			}), /* @__PURE__ */ Q(E, {
+				onClick: (e) => {
+					e.stopPropagation(), a?.(r), c(!1);
+				},
+				color: "error",
+				variant: "contained",
+				size: "small",
+				autoFocus: !0,
+				children: t("actions.delete")
+			})] })
+		]
+	})] });
+}, ze = (e) => {
+	let { t, permissions: n } = y(), { entity: r, disabled: i, onEdit: a, showLabel: o = !1 } = e;
+	return !r || !n.canUpdate ? null : /* @__PURE__ */ Q(Y, {
+		title: t("actions.edit"),
+		children: /* @__PURE__ */ Q("span", { children: /* @__PURE__ */ $(z, {
+			color: "primary",
+			size: "small",
+			onClick: (e) => {
+				e.stopPropagation(), a?.(r);
+			},
+			disabled: i,
+			children: [/* @__PURE__ */ Q(Ce, { fontSize: "small" }), o && t("actions.edit")]
+		}) })
+	});
+}, Be = (e) => /* @__PURE__ */ Q(T, {
+	sx: {
+		display: "flex",
+		flexWrap: "wrap",
+		gap: .5
+	},
+	children: e?.days.map((e, t) => /* @__PURE__ */ Q(O, {
+		label: e,
+		size: "small",
+		variant: "outlined",
+		color: "primary"
+	}, t))
+}), Ve = (e, t) => e?.type === "PERIOD" ? /* @__PURE__ */ Q(T, {
+	sx: {
+		display: "flex",
+		flexWrap: "wrap",
+		gap: .5
+	},
+	children: t?.days.map((t, n) => /* @__PURE__ */ Q(O, {
+		label: `${e.weekDay} ${t}`,
+		size: "small",
+		variant: "outlined",
+		color: "secondary"
+	}, n))
+}) : /* @__PURE__ */ Q(T, {
+	sx: {
+		display: "flex",
+		flexWrap: "wrap",
+		gap: .5
+	},
+	children: /* @__PURE__ */ Q(O, {
+		label: e?.monthDay?.toString(),
+		size: "small",
+		variant: "outlined",
+		color: "info"
+	}, "monthDay")
+}), He = (e, t, n) => /* @__PURE__ */ $(T, {
+	sx: {
+		display: "flex",
+		flexDirection: "column",
+		gap: .5
+	},
+	children: [Ve(t, n), /* @__PURE__ */ Q(T, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: .5
+		},
+		children: e?.months?.map((e, t) => /* @__PURE__ */ Q(O, {
+			label: e,
+			size: "small",
+			variant: "outlined",
+			color: "warning"
+		}, t))
+	})]
+}), Ue = (t) => {
+	let { disabled: n, schedulerType: r, currency: i, t: a, onEdit: o, onDelete: s } = t;
+	return [
+		{
+			id: "index",
+			key: "index",
+			label: "#",
+			minWidth: 50
+		},
+		{
+			id: "duration",
+			key: "duration",
+			label: a("scheduler.meta.duration"),
+			minWidth: 120,
+			format: (e) => {
+				let t = e;
+				return `${t?.period} (${t?.type})`;
+			}
+		},
+		{
+			id: "repeat",
+			key: "repeat",
+			label: a("scheduler.duration"),
+			minWidth: 200,
+			format: (e, t) => {
+				let { duration: n, repeat: r } = t, { weekly: i, monthly: a, yearly: o } = r;
+				switch (n?.type) {
+					case "WEEK": return Be(i);
+					case "MONTH": return Ve(a, i);
+					case "YEAR": return He(o, a, i);
+					default: return null;
+				}
+			}
+		},
+		[d.DISCOUNT, d.TRIAL_DISCOUNT].includes(r) ? {
+			id: "discount",
+			key: "discount",
+			label: a("scheduler.meta.duration"),
+			minWidth: 120,
+			format: (t) => {
+				let n = t;
+				return n ? n.type === "PERCENT" ? `${n.value}${e[n.type]}` : g(n.value, i ?? "USD") : "—";
+			}
+		} : null,
+		{
+			id: "status",
+			key: "status",
+			label: a("scheduler.status"),
+			minWidth: 120,
+			align: "center",
+			concealable: !0,
+			format: (e) => /* @__PURE__ */ Q(Le, { status: e })
+		},
+		{
+			id: "updatedAt",
+			key: "updatedAt",
+			label: a("scheduler.updatedAt"),
+			minWidth: 180,
+			align: "center",
+			concealable: !0,
+			format: (e) => {
+				let t = e;
+				return /* @__PURE__ */ Q("span", { children: t?.updatedAt ? _(Z(t.updatedAt).toDate()) : "—" });
+			}
+		},
+		o || s ? {
+			id: "actions",
+			key: "actions",
+			label: a("table.actions"),
+			minWidth: 100,
+			align: "center",
+			format: (e, t) => /* @__PURE__ */ $(T, {
+				sx: {
+					display: "flex",
+					justifyContent: "center",
+					gap: .5
+				},
+				children: [o && /* @__PURE__ */ Q(ze, {
+					onEdit: o,
+					disabled: n,
+					entity: t
+				}), s && /* @__PURE__ */ Q(Re, {
+					onDelete: s,
+					entity: t,
+					disabled: n
+				})]
+			})
+		} : null
+	].filter(Boolean);
+}, We = (e) => e.map((e, t) => ({
+	...e,
+	key: e.id || t.toString(),
+	index: t + 1
+})), Ge = () => ({
+	title: "#",
+	dataIndex: "index",
+	key: "index",
+	width: 50
+}), Ke = (e) => ({
+	title: e("table.actions"),
+	key: "actions",
+	width: 100
+}), qe = (e) => {
+	let { type: t, title: n, disabled: r, readOnlyFields: i = [], currency: a, onRefresh: s } = e, { schedulers: c, loading: l, disabled: u, t: d, permissions: f, onUpdate: p, onDelete: m } = y(), h = r ?? u, [g, _] = w(/* @__PURE__ */ new Set()), [x, C] = w(!1), [E, D] = w(!1), [O, k] = w(!1), [A, j] = w(null), [M, N] = w(0), [P, I] = w(10), L = S(() => {
+		let e = c[t] ?? [];
+		return g.size > 0 && (e = e.filter((e) => !e.id || !g.has(e.id))), We(e);
+	}, [
+		c,
+		t,
+		g
+	]), R = L.length >= o, B = b((e) => {
+		j(JSON.parse(JSON.stringify(e))), k(!0), C(!1);
+	}, []), te = async () => {
+		if (!(!A || !p)) try {
+			await p(t, A), k(!1), j(null), C(!1), s?.();
+		} catch (e) {
+			console.error("Failed to update scheduler:", e);
+		}
+	}, V = b(async (e) => {
+		if (e.id?.startsWith("new-")) {
+			_((t) => {
+				let n = new Set(t);
+				return e.id && n.add(e.id), n;
+			});
+			return;
+		}
+		m && e.id && (await m(t, e.id), s?.());
+	}, [
+		m,
+		t,
+		s
+	]), { filteredColumns: H, columnsList: U, selectedColumns: ne, setSelectedColumns: W } = v(S(() => Ue({
+		disabled: h,
+		schedulerType: t,
+		entities: L,
+		currency: a,
+		t: d,
+		onEdit: f.canUpdate ? B : void 0,
+		onDelete: f.canDelete ? V : void 0
+	}), [
+		h,
+		t,
+		L,
+		a,
+		d,
+		f,
+		B,
+		V
+	])), K = (e, t) => {
+		N(t);
+	}, q = (e) => {
+		I(parseInt(e.target.value, 10)), N(0);
+	}, J = L.slice(M * P, M * P + P);
+	return /* @__PURE__ */ $(re, {
+		sx: {
+			width: "100%",
+			overflow: "hidden",
+			mb: 2
+		},
+		children: [
+			/* @__PURE__ */ Q(T, {
+				sx: {
+					p: 2,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "flex-end",
+					gap: 2
+				},
+				children: /* @__PURE__ */ Q(Fe, {
+					onRefresh: s,
+					items: f.canCreate && !R ? [{
+						label: /* @__PURE__ */ Q(Ne, {
+							setDirty: C,
+							dirty: x,
+							isCreating: E,
+							setIsCreating: D,
+							schedulerType: t,
+							disabled: h || l || R || E,
+							onSuccess: () => s?.(),
+							buttonProps: { startIcon: /* @__PURE__ */ Q(ge, {}) }
+						}),
+						onClick: () => {}
+					}] : [],
+					children: /* @__PURE__ */ Q(Pe, {
+						columnsList: U,
+						selectedColumns: ne,
+						onChange: W
+					})
+				})
+			}),
+			/* @__PURE__ */ Q(se, {
+				sx: { maxHeight: 440 },
+				children: /* @__PURE__ */ $(ie, {
+					stickyHeader: !0,
+					"aria-label": "schedulers table",
+					size: "small",
+					children: [/* @__PURE__ */ Q(ce, { children: /* @__PURE__ */ Q(G, { children: H.filter((e) => !e.hidden).map((e) => /* @__PURE__ */ Q(oe, {
+						align: e.align,
+						style: { minWidth: e.minWidth },
+						children: e.label
+					}, e.id)) }) }), /* @__PURE__ */ $(ae, { children: [J.map((e) => /* @__PURE__ */ Q(G, {
+						hover: !0,
+						role: "checkbox",
+						tabIndex: -1,
+						children: H.filter((e) => !e.hidden).map((t) => {
+							let n = t.id.includes(".") ? t.id.split(".").reduce((e, t) => e?.[t], e) : e[t.id];
+							return /* @__PURE__ */ Q(oe, {
+								align: t.align,
+								children: t.format ? t.format(n, e) : n
+							}, t.id);
+						})
+					}, e.key)), J.length === 0 && /* @__PURE__ */ Q(G, { children: /* @__PURE__ */ Q(oe, {
+						colSpan: H.length,
+						align: "center",
+						sx: { py: 3 },
+						children: /* @__PURE__ */ Q(X, {
+							variant: "body2",
+							color: "text.secondary",
+							children: "No items found"
+						})
+					}) })] })]
+				})
+			}),
+			/* @__PURE__ */ Q(le, {
+				rowsPerPageOptions: [
+					5,
+					10,
+					25,
+					100
+				],
+				component: "div",
+				count: L.length,
+				rowsPerPage: P,
+				page: M,
+				onPageChange: K,
+				onRowsPerPageChange: q
+			}),
+			/* @__PURE__ */ Q(ee, {
+				anchor: "right",
+				open: O,
+				onClose: () => {
+					k(!1), j(null);
+				},
+				PaperProps: { sx: {
+					width: {
+						xs: "100%",
+						sm: 600
+					},
+					p: 0
+				} },
+				children: /* @__PURE__ */ $(T, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						height: "100%"
+					},
+					children: [
+						/* @__PURE__ */ $(T, {
+							sx: {
+								p: 2,
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "space-between"
+							},
+							children: [/* @__PURE__ */ $(T, {
+								sx: {
+									display: "flex",
+									alignItems: "center",
+									gap: 1
+								},
+								children: [/* @__PURE__ */ Q(_e, { color: "primary" }), /* @__PURE__ */ Q(X, {
+									variant: "h6",
+									children: n ?? d("scheduler")
+								})]
+							}), /* @__PURE__ */ $(T, {
+								sx: {
+									display: "flex",
+									alignItems: "center",
+									gap: 1
+								},
+								children: [/* @__PURE__ */ Q(Me, {
+									isEdit: !0,
+									loading: l,
+									disabled: h || !x || E,
+									onClick: te
+								}), /* @__PURE__ */ Q(z, {
+									onClick: () => k(!1),
+									size: "small",
+									children: /* @__PURE__ */ Q(ve, {})
+								})]
+							})]
+						}),
+						/* @__PURE__ */ Q(F, {}),
+						/* @__PURE__ */ Q(T, {
+							sx: {
+								p: 3,
+								flexGrow: 1,
+								overflowY: "auto"
+							},
+							children: O && A && /* @__PURE__ */ Q(je, {
+								schedulerType: t,
+								value: A,
+								onChange: (e) => {
+									j(e), C(!0);
+								},
+								disabled: h,
+								readOnlyFields: i
+							})
+						})
+					]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { je as Scheduler, Ne as SchedulerDrawerButton, qe as SchedulersList, Ke as actionField, Ge as indexColumn, We as indexable };