@materialui-reactjs/admin 1.0.5 → 2.0.0

package/dist/{chunks/single-DfnwtW2f.js → single-CqD5cgNi.js}

@@ -1,60 +1,71 @@
-import { n as e } from "./Env-DRXhvUcb.js";
-import { _ as t, b as n, c as r, g as i, i as a, t as o, v as s, y as c } from "./Common-C_ZhT4L6.js";
-import { n as l, r as u, t as d } from "./Validator-CXYkI7vJ.js";
-import { t as f } from "./UDragFile-CAiSfTsp.js";
-import { t as p } from "./SpinnerLoader-h8RDIarB.js";
-import { a as m, c as h, d as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./HeaderUpdate-CYN7fndV.js";
-import T, { createRef as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Form as A, Link as j } from "react-router-dom";
-import { Helmet as M } from "react-helmet-async";
-//#region src/hook/detail.ts
-var N = (e) => {
-	e.preventDefault();
-	let { name: t, type: n, value: r } = e.target;
-	if (n === "file") {
-		let n = e.target.files;
-		return { [t]: n ? n[0] : null };
-	}
-	return { [t]: r };
-}, P = (e, t, n, r, i, a) => {
+import { t as e } from "./Env-SHztUA3s.js";
+import { _ as t, a as n, b as r, l as i, n as a, v as o, x as s, y as c } from "./Common-1GAoFU4L.js";
+import { n as l, r as u, t as d } from "./Validator-aKlMgoxl.js";
+import { t as f } from "./UDragFile-BqGt1-gK.js";
+import { t as p } from "./SpinnerLoader-CyhOQC6d.js";
+import { a as m, c as h, d as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./HeaderUpdate-UXncZcAD.js";
+import { n as T } from "./common-DVWX6AUQ.js";
+import E, { createRef as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Form as j, Link as M } from "react-router-dom";
+import { Helmet as N } from "react-helmet-async";
+//#region src/utils/Group.ts
+var P = (e, t, n, r, i, a) => {
 	if (!a) return !1;
-	if (a == 1) return !0;
-	for (let o of e) {
-		if (o.module == t && o.controller == n && o.action == r && o.code == i && o.status !== 1) return o.isPer;
-		if (o.subs && o.subs.length > 0 && !P(o.subs, t, n, r, i, a)) return !1;
+	if (a === 1) return !0;
+	if (!Array.isArray(e)) return !1;
+	for (let o of e) if (o) {
+		if (o.module === t && o.controller === n && o.action === r && Number(o.code) === Number(i)) return o.status !== 0 && !!o.isPer;
+		if (Array.isArray(o.subs) && o.subs.length > 0 && P(o.subs, t, n, r, i, a)) return !0;
 	}
-	return !0;
-}, { API_URL: F, ADMIN_URI: I } = await e(), L = class extends T.Component {
+	return !1;
+}, F = class extends E.Component {
 	effectRan = !1;
 	module = "admins";
 	controller = "";
 	state = {
 		data: { filter: {} },
-		formValue: void 0,
+		formValue: {},
 		item: void 0,
 		isDetail: void 0
 	};
 	title = "";
 	cUri = "";
-	cLink = I + this.cUri;
-	API_URL = F;
-	ADMIN_URI = I;
+	_envOverride = {};
+	_cLinkOverride;
+	get API_URL() {
+		return this._envOverride.API_URL ?? e().API_URL ?? "";
+	}
+	set API_URL(e) {
+		this._envOverride.API_URL = e;
+	}
+	get ADMIN_URI() {
+		return this._envOverride.ADMIN_URI ?? e().ADMIN_URI ?? "";
+	}
+	set ADMIN_URI(e) {
+		this._envOverride.ADMIN_URI = e;
+	}
+	get cLink() {
+		return this._cLinkOverride ?? this.ADMIN_URI + this.cUri;
+	}
+	set cLink(e) {
+		this._cLinkOverride = e;
+	}
 	getDataUrl = "";
 	ctype = "application/json";
 	fluid = !1;
 	isBackUri = !0;
 	debug = !1;
-	renderForm = () => /* @__PURE__ */ O(D, {});
+	renderForm = () => /* @__PURE__ */ k(O, {});
 	syncPermissionsAndState = async () => {
 		let { menuData: e, user: t } = this.props, n = { isDetail: P(e, this.module, this.controller, "detail", 0, t.groupId) };
 		this.setState(n, async () => {
-			let e = r();
+			let e = i();
 			if (e && n.isDetail) {
-				let t = (await o(this.getDataUrl + "/" + e, {}, "GET", "application/json", !1))?.data;
+				let t = await a(this.getDataUrl + "/" + e, {}, "GET", "application/json", !1), n = t ? t.data : void 0;
 				this.setState({
-					item: t || !1,
-					formValue: t ? JSON.parse(JSON.stringify(t)) : {}
+					item: n || !1,
+					formValue: n ? JSON.parse(JSON.stringify(n)) : {}
 				}, async () => {
 					await this.componentDidMountAfter();
 				});
@@ -66,7 +77,7 @@ var N = (e) => {
 			if (this.effectRan) return;
 			this.effectRan = !0, this.props.user?.groupId && await this.syncPermissionsAndState();
 		} catch (e) {
-			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+			e.message == "invalid_404" && this.props.navigate(this.cUri), c(e.message);
 		}
 	}
 	componentDidMount() {
@@ -74,7 +85,7 @@ var N = (e) => {
 	}
 	componentDidMountAfter = async () => {};
 	renderHeaderDetail() {
-		return /* @__PURE__ */ O(x, {
+		return /* @__PURE__ */ k(x, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri
@@ -82,7 +93,7 @@ var N = (e) => {
 	}
 	handleChange = async (e) => {
 		e.preventDefault();
-		let t = N(e);
+		let t = T(e);
 		this.debug && console.log("handleChange:", e.target.name, e.target.value), this.setState((e) => ({ formValue: {
 			...e.formValue,
 			...t
@@ -90,15 +101,15 @@ var N = (e) => {
 	};
 	render() {
 		let { isDetail: e, item: t } = this.state;
-		return e ? t === !1 ? /* @__PURE__ */ O(_, {
+		return e ? t === !1 ? /* @__PURE__ */ k(_, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | Chi tiết"
-		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: this.title }) }), /* @__PURE__ */ k("div", {
+		}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ k("title", { children: this.title }) }), /* @__PURE__ */ A("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-			children: [this.renderHeaderDetail(), /* @__PURE__ */ O("div", {
+			children: [this.renderHeaderDetail(), /* @__PURE__ */ k("div", {
 				className: "position-relative",
-				children: /* @__PURE__ */ O(p, {
+				children: /* @__PURE__ */ k(p, {
 					loading: !t,
 					style: {
 						minHeight: 200,
@@ -107,22 +118,26 @@ var N = (e) => {
 					children: this.renderForm()
 				})
 			})]
-		})] }) : /* @__PURE__ */ O(m, {
+		})] }) : /* @__PURE__ */ k(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | Chi tiết",
 			fluid: this.fluid
 		});
 	}
-}, R = (e) => {
-	e.preventDefault();
-	let { name: t, type: n, value: r } = e.target;
-	if (n === "file") {
-		let n = e.target.files;
-		return { [t]: n ? n[0] : null };
-	}
-	return { [t]: r };
-}, { API_URL: z, ADMIN_URI: B } = await e(), V = class extends T.Component {
+};
+//#endregion
+//#region src/hook/common.ts
+function I(e) {
+	if (!e) return;
+	let t = e.id;
+	if (t == null || t === "") return;
+	let n = Number(t);
+	return Number.isNaN(n) ? void 0 : n;
+}
+//#endregion
+//#region src/components/single/Fields.tsx
+var L = class extends E.Component {
 	effectRan = !1;
 	module = "admins";
 	controller = "";
@@ -135,9 +150,26 @@ var N = (e) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = B + this.cUri;
-	API_URL = z;
-	ADMIN_URI = B;
+	_envOverride = {};
+	_cLinkOverride;
+	get API_URL() {
+		return this._envOverride.API_URL ?? e().API_URL ?? "";
+	}
+	set API_URL(e) {
+		this._envOverride.API_URL = e;
+	}
+	get ADMIN_URI() {
+		return this._envOverride.ADMIN_URI ?? e().ADMIN_URI ?? "";
+	}
+	set ADMIN_URI(e) {
+		this._envOverride.ADMIN_URI = e;
+	}
+	get cLink() {
+		return this._cLinkOverride ?? this.ADMIN_URI + this.cUri;
+	}
+	set cLink(e) {
+		this._cLinkOverride = e;
+	}
 	getDataUrl = "";
 	editUrl = "";
 	createUrl = "";
@@ -145,11 +177,11 @@ var N = (e) => {
 	fluid = !1;
 	isBackUri = !1;
 	debug = !1;
-	renderForm = () => /* @__PURE__ */ O(D, {});
-	renderAfterForm = () => /* @__PURE__ */ O(D, {});
+	renderForm = () => /* @__PURE__ */ k(O, {});
+	renderAfterForm = () => /* @__PURE__ */ k(O, {});
 	handleChange = async (e) => {
 		e.preventDefault();
-		let t = R(e);
+		let t = T(e);
 		this.debug && console.log("handleChange:", e.target.name, e.target.value), this.setState((e) => ({ formValue: {
 			...e.formValue,
 			...t
@@ -158,11 +190,15 @@ var N = (e) => {
 	syncPermissionsAndState = async () => {
 		let { menuData: e, user: t } = this.props, n = { isDetail: P(e, this.module, this.controller, "detail", 0, t.groupId) };
 		this.setState(n, async () => {
-			let e = (await o(this.getDataUrl, { table: this.table }, "GET", "application/json", !1))?.data;
-			this.setState({
-				item: e || !1,
-				formValue: e ? { ...e } : {}
-			}), new d("#fieldUpdate").run();
+			try {
+				let e = await a(this.getDataUrl, { table: this.table }, "GET", "application/json", !1), t = e ? e.data : void 0;
+				this.setState({
+					item: t || !1,
+					formValue: t ? { ...t } : {}
+				}), new d("#fieldUpdate").run();
+			} catch (e) {
+				e.message == "invalid_404" && this.props.navigate(this.cUri), c(e.message);
+			}
 		});
 	};
 	async initDidMount() {
@@ -170,7 +206,7 @@ var N = (e) => {
 			if (this.effectRan) return;
 			this.effectRan = !0, this.props.user?.groupId && (await this.syncPermissionsAndState(), await this.componentDidMountAfter());
 		} catch (e) {
-			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+			e.message == "invalid_404" && this.props.navigate(this.cUri), c(e.message);
 		}
 	}
 	componentDidMount() {
@@ -179,13 +215,13 @@ var N = (e) => {
 	componentDidMountAfter = async () => {};
 	handleSubmit = async (e) => {
 		e.preventDefault();
-		let { formValue: t } = this.state, r = new d("#fieldUpdate");
-		if (!r.hasErrors() && !r.isIncomplete()) {
-			n("#fieldUpdate", !0);
+		let { formValue: t } = this.state, n = new d("#fieldUpdate");
+		if (!n.hasErrors() && !n.isIncomplete()) {
+			s("#fieldUpdate", !0);
 			try {
 				t.table ||= this.table;
-				let e = await o(this.editUrl, t, "POST", this.ctype);
-				if (c("Cập nhật thành công", "top-end", !0), e?.data?.id) {
+				let e = await a(this.editUrl, t, "POST", this.ctype);
+				if (r("Cập nhật thành công", "top-end", !0), e.data.id) {
 					if (this.isBackUri) return this.props.navigate(this.cUri);
 					this.props.navigate(this.cUri + "/fields"), this.setState({
 						item: { ...e.data },
@@ -195,33 +231,33 @@ var N = (e) => {
 					});
 				}
 			} catch (e) {
-				s(e.message);
+				c(e.message);
 			} finally {
-				n("#fieldUpdate", !1);
+				s("#fieldUpdate", !1);
 			}
 		}
 	};
 	afterSubmit = async (e) => {};
 	renderHeaderUpdate() {
-		return /* @__PURE__ */ O(C, {
+		return /* @__PURE__ */ k(C, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri,
-			itemId: this.state.item?.id
+			itemId: I(this.state.item)
 		});
 	}
 	render() {
 		let { isDetail: e, item: t } = this.state;
-		return e === !1 ? /* @__PURE__ */ O(m, {
+		return e === !1 ? /* @__PURE__ */ k(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title,
 			fluid: this.fluid
-		}) : /* @__PURE__ */ k(D, { children: [
-			/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [this.title, " | Tùy chỉnh dữ liệu"] }) }),
-			/* @__PURE__ */ O("div", {
+		}) : /* @__PURE__ */ A(O, { children: [
+			/* @__PURE__ */ k(N, { children: /* @__PURE__ */ A("title", { children: [this.title, " | Tùy chỉnh dữ liệu"] }) }),
+			/* @__PURE__ */ k("div", {
 				className: `position-relative mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-				children: /* @__PURE__ */ O(A, {
+				children: /* @__PURE__ */ k(j, {
 					id: "fieldUpdate",
 					className: "position-relative",
 					method: "post",
@@ -229,7 +265,7 @@ var N = (e) => {
 					"data-toggle": "validator",
 					role: "form",
 					onSubmit: this.handleSubmit,
-					children: /* @__PURE__ */ k(p, {
+					children: /* @__PURE__ */ A(p, {
 						loading: !t,
 						style: {
 							minHeight: 200,
@@ -242,7 +278,7 @@ var N = (e) => {
 			this.renderAfterForm()
 		] });
 	}
-}, { API_URL: H, ADMIN_URI: U } = await e(), W = class extends T.Component {
+}, R = class extends E.Component {
 	module = "admins";
 	controller = "";
 	state = {
@@ -253,9 +289,26 @@ var N = (e) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = U + this.cUri;
-	API_URL = H;
-	ADMIN_URI = U;
+	_envOverride = {};
+	_cLinkOverride;
+	get API_URL() {
+		return this._envOverride.API_URL ?? e().API_URL ?? "";
+	}
+	set API_URL(e) {
+		this._envOverride.API_URL = e;
+	}
+	get ADMIN_URI() {
+		return this._envOverride.ADMIN_URI ?? e().ADMIN_URI ?? "";
+	}
+	set ADMIN_URI(e) {
+		this._envOverride.ADMIN_URI = e;
+	}
+	get cLink() {
+		return this._cLinkOverride ?? this.ADMIN_URI + this.cUri;
+	}
+	set cLink(e) {
+		this._cLinkOverride = e;
+	}
 	importUrl = "";
 	importFile = "assetorigin.xlsx";
 	ctype = "multipart/form-data";
@@ -287,7 +340,7 @@ var N = (e) => {
 		try {
 			this.props.user?.groupId && (this.syncPermissionsAndState(), this.componentDidMountAfter());
 		} catch (e) {
-			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+			e.message == "invalid_404" && this.props.navigate(this.cUri), c(e.message);
 		}
 	}
 	componentDidMount() {
@@ -296,39 +349,39 @@ var N = (e) => {
 	componentDidMountAfter = async () => {};
 	handleSubmit = async (e) => {
 		e.preventDefault();
-		let { formValue: t } = this.state, r = new d("#itemImport");
-		if (!r.hasErrors() && !r.isIncomplete()) {
-			n("#itemImport", !0);
+		let { formValue: t } = this.state, n = new d("#itemImport");
+		if (!n.hasErrors() && !n.isIncomplete()) {
+			s("#itemImport", !0);
 			try {
-				let e = await o(this.importUrl, t, "POST", this.ctype);
-				e.data?.error?.length ? e?.data?.error && this.setState({ error: Object.fromEntries(e?.data?.error.map((e, t) => [t, e])) }) : (this.props.navigate(this.cUri), c("Import thành công", "top-end", !0));
+				let e = await a(this.importUrl, t, "POST", this.ctype);
+				e.data?.error?.length ? e.data.error && this.setState({ error: Object.fromEntries(e.data.error.map((e, t) => [t, e])) }) : (this.props.navigate(this.cUri), r("Import thành công", "top-end", !0));
 			} catch (e) {
-				s(e.message);
+				c(e.message);
 			} finally {
-				n("#itemImport", !1);
+				s("#itemImport", !1);
 			}
 		}
 	};
-	renderForm = () => /* @__PURE__ */ O(D, { children: /* @__PURE__ */ O(f, {
+	renderForm = () => /* @__PURE__ */ k(O, { children: /* @__PURE__ */ k(f, {
 		onChange: this.handleChange,
 		label: "Import excel",
 		name: "importfile",
 		ext: ".xlsx,.xls"
 	}) });
 	render() {
-		let { isCre: e, isEdit: t } = this.state;
-		return e === !1 && t === !1 ? /* @__PURE__ */ O(m, {
+		let { isCre: e, isEdit: n } = this.state;
+		return e === !1 && n === !1 ? /* @__PURE__ */ k(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | Import",
 			fluid: this.fluid
-		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
+		}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ A("title", { children: [
 			this.title,
 			" | ",
 			"Import"
-		] }) }), /* @__PURE__ */ O("div", {
+		] }) }), /* @__PURE__ */ k("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-			children: /* @__PURE__ */ k(A, {
+			children: /* @__PURE__ */ A(j, {
 				id: "itemImport",
 				className: "position-relative",
 				action: this.importUrl,
@@ -337,71 +390,71 @@ var N = (e) => {
 				"data-toggle": "validator",
 				role: "form",
 				onSubmit: this.handleSubmit,
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-					children: [/* @__PURE__ */ O("nav", {
+					children: [/* @__PURE__ */ k("nav", {
 						"aria-label": "breadcrumb",
-						children: /* @__PURE__ */ k("ol", {
+						children: /* @__PURE__ */ A("ol", {
 							className: "breadcrumb bg-transparent m-0 p-0",
 							children: [
-								/* @__PURE__ */ O("li", {
+								/* @__PURE__ */ k("li", {
 									className: "breadcrumb-item",
-									children: /* @__PURE__ */ O(j, {
+									children: /* @__PURE__ */ k(M, {
 										className: "text-white",
 										to: this.ADMIN_URI || "/",
-										children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
+										children: /* @__PURE__ */ k("i", { className: "fal fa-home" })
 									})
 								}),
-								/* @__PURE__ */ O("li", {
+								/* @__PURE__ */ k("li", {
 									className: "breadcrumb-item",
-									children: /* @__PURE__ */ O(j, {
+									children: /* @__PURE__ */ k(M, {
 										className: "text-white",
 										to: this.cUri,
 										children: this.title
 									})
 								}),
-								/* @__PURE__ */ O("li", {
+								/* @__PURE__ */ k("li", {
 									className: "breadcrumb-item text-white active",
 									"aria-current": "page",
 									children: "Import"
 								})
 							]
 						})
-					}), /* @__PURE__ */ k("div", {
+					}), /* @__PURE__ */ A("div", {
 						className: "ms-auto",
-						children: [/* @__PURE__ */ O(j, {
+						children: [/* @__PURE__ */ k(M, {
 							target: "_blank",
 							to: this.API_URL + "/importfile/" + this.importFile,
 							className: "btn btn-sm btn-icon btn-info me-2",
 							title: "Tải xuống biểu mẫu",
-							children: /* @__PURE__ */ O("i", {
+							children: /* @__PURE__ */ k("i", {
 								className: "material-icons text-white position-relative text-lg",
 								children: "file_download"
 							})
-						}), /* @__PURE__ */ O(j, {
+						}), /* @__PURE__ */ k(M, {
 							to: this.cUri,
 							className: "btn btn-sm btn-icon btn-secondary",
 							title: "Trở lại",
-							children: /* @__PURE__ */ O("i", {
+							children: /* @__PURE__ */ k("i", {
 								className: "material-icons text-white position-relative text-lg",
 								children: "reply"
 							})
 						})]
 					})]
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "card",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ k("div", {
 						className: "card-body pb-0",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "row justify-content-center",
-							children: /* @__PURE__ */ k("div", {
+							children: /* @__PURE__ */ A("div", {
 								className: "col-md-8 pt-5 pb-4",
 								children: [
-									/* @__PURE__ */ O("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
+									/* @__PURE__ */ k("div", { dangerouslySetInnerHTML: { __html: t(this.state.error) } }),
 									this.renderForm(),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ k("div", {
 										className: "w-100 d-flex",
-										children: /* @__PURE__ */ O("button", {
+										children: /* @__PURE__ */ k("button", {
 											title: "Import",
 											type: "submit",
 											className: "btn btn-success mb-4 mx-auto",
@@ -416,7 +469,7 @@ var N = (e) => {
 			})
 		})] });
 	}
-}, { API_URL: G, ADMIN_URI: K } = await e(), q = class extends T.Component {
+}, z = class extends E.Component {
 	effectRan = !1;
 	fluid = !1;
 	module = "admins";
@@ -455,9 +508,26 @@ var N = (e) => {
 		"del"
 	];
 	cUri = "";
-	cLink = K + this.cUri;
-	API_URL = G;
-	ADMIN_URI = K;
+	_envOverride = {};
+	_cLinkOverride;
+	get API_URL() {
+		return this._envOverride.API_URL ?? e().API_URL ?? "";
+	}
+	set API_URL(e) {
+		this._envOverride.API_URL = e;
+	}
+	get ADMIN_URI() {
+		return this._envOverride.ADMIN_URI ?? e().ADMIN_URI ?? "";
+	}
+	set ADMIN_URI(e) {
+		this._envOverride.ADMIN_URI = e;
+	}
+	get cLink() {
+		return this._cLinkOverride ?? this.ADMIN_URI + this.cUri;
+	}
+	set cLink(e) {
+		this._cLinkOverride = e;
+	}
 	getDataUrl = "";
 	deleteUrl = "";
 	copyUrl = "";
@@ -466,14 +536,14 @@ var N = (e) => {
 	handleChange = async (e) => {
 		try {
 			e.preventDefault();
-			let { name: t } = e.target, n = await v(e, this.state.data.filter || {});
+			let { name: t } = e.target, r = await v(e, this.state.data.filter || {});
 			if (t === "pageLen") {
-				await this.setFilter(n);
-				let e = n ? a(n) : "";
+				await this.setFilter(r);
+				let e = r ? n(r) : "";
 				this.props.navigate(`${this.cUri}?${e}`, { replace: !0 }), await this.fetchData();
 			} else this.setState((e) => ({ data: {
 				...e.data,
-				filter: n
+				filter: r
 			} }));
 		} catch (e) {
 			console.log(e);
@@ -494,42 +564,42 @@ var N = (e) => {
 			let t = await S(e, this.state.data.filter || {}, this.cUri, this.props.navigate);
 			await this.setFilter(t), await this.fetchData();
 		} catch (e) {
-			s(e.message);
+			c(e.message);
 		}
 	};
 	handleDeleteOne = async (e) => {
-		t().then(async () => {
+		o().then(async () => {
 			try {
-				await o(`${this.deleteUrl}/${e}`, {}, "GET"), c("Xoá thành công!", "top-end", !0), await this.fetchData();
+				await a(`${this.deleteUrl}/${e}`, {}, "DELETE"), r("Xoá thành công!", "top-end", !0), await this.fetchData();
 			} catch (e) {
-				s(e.message);
+				c(e.message);
 			}
 		});
 	};
 	handleDelete = async () => {
-		this.state.selectedIds.length ? t().then(async () => {
+		this.state.selectedIds.length ? o().then(async () => {
 			try {
-				await o(this.deleteUrl, { selected: this.state.selectedIds }, "POST"), c("Xoá thành công!", "top-end", !0), await this.fetchData();
+				await a(this.deleteUrl, { selected: this.state.selectedIds }, "POST"), r("Xoá thành công!", "top-end", !0), await this.fetchData();
 			} catch (e) {
-				s(e.message);
+				c(e.message);
 			}
-		}) : s("Vui lòng chọn thông tin");
+		}) : c("Vui lòng chọn thông tin");
 	};
 	handleCopy = async () => {
-		this.state.selectedIds.length ? t().then(async () => {
+		this.state.selectedIds.length ? o().then(async () => {
 			try {
-				await o(this.copyUrl, { selected: this.state.selectedIds }, "POST"), c("Sao chép thành công!", "top-end", !0), await this.fetchData();
+				await a(this.copyUrl, { selected: this.state.selectedIds }, "POST"), r("Sao chép thành công!", "top-end", !0), await this.fetchData();
 			} catch (e) {
-				s(e.message);
+				c(e.message);
 			}
-		}) : s("Vui lòng chọn thông tin");
+		}) : c("Vui lòng chọn thông tin");
 	};
 	handleExport = async () => {
 		try {
-			let { data: e } = this.state, t = a(e.filter || {});
+			let { data: e } = this.state, t = n(e.filter || {});
 			this.exportUrl && (window.location.href = this.exportUrl + `?${t}`);
 		} catch (e) {
-			s(e.message);
+			c(e.message);
 		}
 	};
 	handleSelectOne = (e, t) => {
@@ -602,7 +672,7 @@ var N = (e) => {
 			};
 			await this.setFilter(n), this.props.user?.groupId && await this.syncPermissionsAndState();
 		} catch (e) {
-			s(e.message);
+			c(e.message);
 		}
 	}
 	componentDidMount() {
@@ -610,7 +680,7 @@ var N = (e) => {
 	}
 	componentDidMountAfter = async () => {};
 	renderHeaderIndex() {
-		return /* @__PURE__ */ O(y, {
+		return /* @__PURE__ */ k(y, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri,
@@ -625,41 +695,41 @@ var N = (e) => {
 			onDelete: this.handleDelete
 		});
 	}
-	renderTable = () => /* @__PURE__ */ O(D, {});
-	renderSearch = () => /* @__PURE__ */ O(D, {});
+	renderTable = () => /* @__PURE__ */ k(O, {});
+	renderSearch = () => /* @__PURE__ */ k(O, {});
 	render() {
 		let { isIndex: e, data: t, loading: n } = this.state;
-		return e === !1 ? /* @__PURE__ */ O(m, {
+		return e === !1 ? /* @__PURE__ */ k(m, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title,
 			fluid: this.fluid
-		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: this.title }) }), /* @__PURE__ */ O(p, {
+		}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ k("title", { children: this.title }) }), /* @__PURE__ */ k(p, {
 			loading: n,
-			children: e && /* @__PURE__ */ k("div", {
+			children: e && /* @__PURE__ */ A("div", {
 				className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
-				children: [this.renderHeaderIndex(), /* @__PURE__ */ O("div", {
+				children: [this.renderHeaderIndex(), /* @__PURE__ */ k("div", {
 					className: "card position-relative",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ k("div", {
 						className: "card-body",
 						style: { minHeight: "200px" },
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ A("div", {
 							className: "searchForm",
 							children: [
-								/* @__PURE__ */ O("form", {
+								/* @__PURE__ */ k("form", {
 									onSubmit: this.handleSearchForm,
 									children: this.renderSearch()
 								}),
-								t.items.length ? /* @__PURE__ */ O(w, {
+								t.items.length ? /* @__PURE__ */ k(w, {
 									data: t,
 									onChange: this.handleChange,
 									onClickPage: this.handleClickPage
 								}) : "",
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ k("div", {
 									className: "table-responsive mt-2",
 									children: this.renderTable()
 								}),
-								t.items.length ? /* @__PURE__ */ O(w, {
+								t.items.length ? /* @__PURE__ */ k(w, {
 									data: t,
 									onChange: this.handleChange,
 									onClickPage: this.handleClickPage
@@ -671,78 +741,78 @@ var N = (e) => {
 			})
 		})] });
 	}
-}, J = ({ adminUri: e, cUri: t, title: n, itemId: r, isSave: i = !0, titleAction: a }) => /* @__PURE__ */ k("div", {
+}, B = ({ adminUri: e, cUri: t, title: n, itemId: r, isSave: i = !0, titleAction: a }) => /* @__PURE__ */ A("div", {
 	className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-	children: [/* @__PURE__ */ O("nav", {
+	children: [/* @__PURE__ */ k("nav", {
 		"aria-label": "breadcrumb",
-		children: /* @__PURE__ */ k("ol", {
+		children: /* @__PURE__ */ A("ol", {
 			className: "breadcrumb bg-transparent m-0 p-0",
 			children: [
-				/* @__PURE__ */ O("li", {
+				/* @__PURE__ */ k("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						className: "text-white",
 						to: e || "/",
-						children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
+						children: /* @__PURE__ */ k("i", { className: "fal fa-home" })
 					})
 				}),
-				/* @__PURE__ */ O("li", {
+				/* @__PURE__ */ k("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						className: "text-white",
 						to: t,
 						children: n
 					})
 				}),
-				/* @__PURE__ */ O("li", {
+				/* @__PURE__ */ k("li", {
 					className: "breadcrumb-item text-white active",
 					"aria-current": "page",
 					children: a ?? (r ? "Chỉnh sửa" : "Thêm mới")
 				})
 			]
 		})
-	}), /* @__PURE__ */ k("div", {
+	}), /* @__PURE__ */ A("div", {
 		className: "ms-auto",
-		children: [i && /* @__PURE__ */ O(g, {
+		children: [i && /* @__PURE__ */ k(g, {
 			title: "Lưu lại",
-			children: /* @__PURE__ */ O("button", {
+			children: /* @__PURE__ */ k("button", {
 				type: "submit",
 				className: "btn btn-sm btn-icon btn-success me-1",
-				children: /* @__PURE__ */ O("i", {
+				children: /* @__PURE__ */ k("i", {
 					className: "material-icons text-white position-relative text-lg",
 					children: "save"
 				})
 			})
-		}), /* @__PURE__ */ O(g, {
+		}), /* @__PURE__ */ k(g, {
 			title: "Trở lại",
-			children: /* @__PURE__ */ O(j, {
+			children: /* @__PURE__ */ k(M, {
 				to: t,
 				className: "btn btn-sm btn-icon btn-secondary",
-				children: /* @__PURE__ */ O("i", {
+				children: /* @__PURE__ */ k("i", {
 					className: "material-icons text-white position-relative text-lg",
 					children: "reply"
 				})
 			})
 		})]
 	})]
-}), Y = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: e || "Truy cập không được phép" }) }), /* @__PURE__ */ k("div", {
+}), V = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ k("title", { children: e || "Truy cập không được phép" }) }), /* @__PURE__ */ A("div", {
 	className: `${n ? "container-fluid" : "container"}`,
-	children: [/* @__PURE__ */ O("div", {
+	children: [/* @__PURE__ */ k("div", {
 		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-		children: /* @__PURE__ */ O("nav", {
+		children: /* @__PURE__ */ k("nav", {
 			"aria-label": "breadcrumb",
-			children: /* @__PURE__ */ k("ol", {
+			children: /* @__PURE__ */ A("ol", {
 				className: "breadcrumb bg-transparent m-0 p-0",
-				children: [/* @__PURE__ */ O("li", {
+				children: [/* @__PURE__ */ k("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						className: "text-white",
 						to: "/",
-						children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
+						children: /* @__PURE__ */ k("i", { className: "fal fa-home" })
 					})
-				}), /* @__PURE__ */ O("li", {
+				}), /* @__PURE__ */ k("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						className: "text-white",
 						to: t,
 						children: r
@@ -750,25 +820,25 @@ var N = (e) => {
 				})]
 			})
 		})
-	}), /* @__PURE__ */ O("div", {
+	}), /* @__PURE__ */ k("div", {
 		style: { minHeight: "50vh" },
 		className: "d-flex align-items-center",
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ A("div", {
 			className: "m-auto text-center",
 			children: [
-				/* @__PURE__ */ O("h1", {
+				/* @__PURE__ */ k("h1", {
 					className: "display-1 text-bolder text-white",
 					children: "403"
 				}),
-				/* @__PURE__ */ O("h2", {
+				/* @__PURE__ */ k("h2", {
 					className: "text-white",
 					children: "Truy cập không được phép"
 				}),
-				/* @__PURE__ */ O("p", {
+				/* @__PURE__ */ k("p", {
 					className: "lead text-white",
 					children: "Xin lỗi, bạn không có quyền truy cập vào trang này."
 				}),
-				/* @__PURE__ */ O(j, {
+				/* @__PURE__ */ k(M, {
 					to: "/",
 					className: "btn btn-outline-white mt-4",
 					children: "trang chủ"
@@ -776,24 +846,24 @@ var N = (e) => {
 			]
 		})
 	})]
-})] }), X = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ O("title", { children: e || "Không tìm thấy dữ liệu" }) }), /* @__PURE__ */ k("div", {
+})] }), H = ({ title: e = "", cUri: t = "", fluid: n = !1, cUriTitle: r = "" }) => /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ k("title", { children: e || "Không tìm thấy dữ liệu" }) }), /* @__PURE__ */ A("div", {
 	className: `${n ? "container-fluid" : "container"}`,
-	children: [/* @__PURE__ */ O("div", {
+	children: [/* @__PURE__ */ k("div", {
 		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
-		children: /* @__PURE__ */ O("nav", {
+		children: /* @__PURE__ */ k("nav", {
 			"aria-label": "breadcrumb",
-			children: /* @__PURE__ */ k("ol", {
+			children: /* @__PURE__ */ A("ol", {
 				className: "breadcrumb bg-transparent m-0 p-0",
-				children: [/* @__PURE__ */ O("li", {
+				children: [/* @__PURE__ */ k("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						className: "text-white",
 						to: "/",
-						children: /* @__PURE__ */ O("i", { className: "fal fa-home" })
+						children: /* @__PURE__ */ k("i", { className: "fal fa-home" })
 					})
-				}), /* @__PURE__ */ O("li", {
+				}), /* @__PURE__ */ k("li", {
 					className: "breadcrumb-item",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						className: "text-white",
 						to: t,
 						children: r
@@ -801,25 +871,25 @@ var N = (e) => {
 				})]
 			})
 		})
-	}), /* @__PURE__ */ O("div", {
+	}), /* @__PURE__ */ k("div", {
 		style: { minHeight: "50vh" },
 		className: "d-flex align-items-center",
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ A("div", {
 			className: "m-auto text-center",
 			children: [
-				/* @__PURE__ */ O("h1", {
+				/* @__PURE__ */ k("h1", {
 					className: "display-1 text-bolder text-white",
 					children: "404"
 				}),
-				/* @__PURE__ */ O("h2", {
+				/* @__PURE__ */ k("h2", {
 					className: "text-white",
 					children: "Không tìm thấy dữ liệu"
 				}),
-				/* @__PURE__ */ O("p", {
+				/* @__PURE__ */ k("p", {
 					className: "lead text-white",
 					children: "Xin lỗi, dữ liệu của bạn không được tìm thấy"
 				}),
-				/* @__PURE__ */ O(j, {
+				/* @__PURE__ */ k(M, {
 					to: "/",
 					className: "btn btn-outline-white mt-4",
 					children: "trang chủ"
@@ -827,7 +897,7 @@ var N = (e) => {
 			]
 		})
 	})]
-})] }), { API_URL: Z, ADMIN_URI: Q } = await e(), $ = class extends T.Component {
+})] }), U = class extends E.Component {
 	effectRan = !1;
 	module = "admins";
 	controller = "";
@@ -842,9 +912,26 @@ var N = (e) => {
 	};
 	title = "";
 	cUri = "";
-	cLink = Q + this.cUri;
-	API_URL = Z;
-	ADMIN_URI = Q;
+	_envOverride = {};
+	_cLinkOverride;
+	get API_URL() {
+		return this._envOverride.API_URL ?? e().API_URL ?? "";
+	}
+	set API_URL(e) {
+		this._envOverride.API_URL = e;
+	}
+	get ADMIN_URI() {
+		return this._envOverride.ADMIN_URI ?? e().ADMIN_URI ?? "";
+	}
+	set ADMIN_URI(e) {
+		this._envOverride.ADMIN_URI = e;
+	}
+	get cLink() {
+		return this._cLinkOverride ?? this.ADMIN_URI + this.cUri;
+	}
+	set cLink(e) {
+		this._cLinkOverride = e;
+	}
 	getDataUrl = "";
 	editUrl = "";
 	createUrl = "";
@@ -854,10 +941,10 @@ var N = (e) => {
 	isBackUri = !0;
 	debug = !1;
 	constructor(e) {
-		super(e), this.formRef = T.createRef();
+		super(e), this.formRef = E.createRef();
 	}
-	renderForm = () => /* @__PURE__ */ O(D, {});
-	renderAfterForm = () => /* @__PURE__ */ O(D, {});
+	renderForm = () => /* @__PURE__ */ k(O, {});
+	renderAfterForm = () => /* @__PURE__ */ k(O, {});
 	handleChange = (e) => {
 		e.preventDefault();
 		let t = u(e);
@@ -870,12 +957,12 @@ var N = (e) => {
 			isDetail: P(e, this.module, this.controller, "detail", 0, t.groupId)
 		};
 		this.setState(n, async () => {
-			let e = r();
+			let e = i();
 			if (e && n.isEdit) {
-				let t = (await o(this.getDataUrl + "/" + e, {}, "GET", "application/json", !1))?.data;
+				let t = await a(this.getDataUrl + "/" + e, {}, "GET", "application/json", !1), n = t ? t.data : void 0;
 				this.setState({
-					item: t || !1,
-					formValue: t ? JSON.parse(JSON.stringify(t)) : {}
+					item: n || !1,
+					formValue: n ? JSON.parse(JSON.stringify(n)) : {}
 				}, async () => {
 					this.setState({ loading: !1 }), await this.componentDidMountAfter(), this.formRef.current && new d(this.formRef.current).run();
 				});
@@ -890,7 +977,7 @@ var N = (e) => {
 			if (this.effectRan) return;
 			this.effectRan = !0, this.props.user?.groupId && await this.syncPermissionsAndState();
 		} catch (e) {
-			e.message == "invalid_404" && this.props.navigate(this.cUri), s(e.message);
+			e.message == "invalid_404" && this.props.navigate(this.cUri), c(e.message);
 		}
 	}
 	componentDidMount = () => {
@@ -902,12 +989,12 @@ var N = (e) => {
 	});
 	handleSubmit = async (e) => {
 		e.preventDefault();
-		let { item: t, formValue: n } = this.state, r = Number(t?.id), i = new d(this.formRef.current);
-		!i.hasErrors() && !i.isIncomplete() && this.formRef.current && this.beforeSubmit().then(async () => {
+		let { item: t, formValue: n } = this.state, i = I(t), o = new d(this.formRef.current);
+		!o.hasErrors() && !o.isIncomplete() && this.formRef.current && this.beforeSubmit().then(async () => {
 			this.setState({ loading: !0 });
 			try {
-				let e = r ? this.editUrl + "/" + r : this.createUrl, t = await o(e, n, "POST", this.ctype);
-				if (c(r ? "Cập nhật thành công" : "Thêm mới thành công", "top-end", !0), t?.data?.id) {
+				let e = i ? this.editUrl + "/" + i : this.createUrl, t = await a(e, n, "POST", this.ctype);
+				if (r(i ? "Cập nhật thành công" : "Thêm mới thành công", "top-end", !0), t?.data?.id) {
 					if (this.isBackUri) return this.props.navigate(this.cUri);
 					this.props.navigate(this.cUri + "/edit/" + Number(t.data.id)), this.setState({
 						item: { ...t.data },
@@ -917,7 +1004,7 @@ var N = (e) => {
 					});
 				}
 			} catch (e) {
-				s(e.message);
+				c(e.message);
 			} finally {
 				this.setState({ loading: !1 });
 			}
@@ -925,33 +1012,33 @@ var N = (e) => {
 	};
 	afterSubmit = async (e) => {};
 	renderHeaderUpdate() {
-		return /* @__PURE__ */ O(J, {
+		return /* @__PURE__ */ k(B, {
 			adminUri: this.ADMIN_URI,
 			title: this.title,
 			cUri: this.cUri,
-			itemId: this.state.item?.id
+			itemId: I(this.state.item)
 		});
 	}
 	render() {
-		let e = r(), { isCre: t, isEdit: n, isDetail: a, item: o } = this.state;
-		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ O(Y, {
+		let e = i(), { isCre: n, isEdit: r, isDetail: a, item: o } = this.state;
+		return n === !1 && r === !1 && a === !1 || n === !1 && e == null || (r === !1 || a === !1) && e ? /* @__PURE__ */ k(V, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
 			fluid: this.fluid
-		}) : e && o === !1 ? /* @__PURE__ */ O(X, {
+		}) : e && o === !1 ? /* @__PURE__ */ k(H, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
-		}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
+		}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ A("title", { children: [
 			this.title,
 			" | ",
-			o?.id ? "Chỉnh sửa" : "Thêm mới"
-		] }) }), /* @__PURE__ */ k("div", {
+			I(o) ? "Chỉnh sửa" : "Thêm mới"
+		] }) }), /* @__PURE__ */ A("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
 			children: [
-				/* @__PURE__ */ O("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
-				/* @__PURE__ */ O(A, {
+				/* @__PURE__ */ k("div", { dangerouslySetInnerHTML: { __html: t(this.state.error) } }),
+				/* @__PURE__ */ k(j, {
 					ref: this.formRef,
 					className: "position-relative",
 					method: "post",
@@ -959,7 +1046,7 @@ var N = (e) => {
 					"data-toggle": "validator",
 					role: "form",
 					onSubmit: this.handleSubmit,
-					children: /* @__PURE__ */ k(p, {
+					children: /* @__PURE__ */ A(p, {
 						loading: !!this.state.loading,
 						style: {
 							minHeight: 200,
@@ -972,37 +1059,40 @@ var N = (e) => {
 			]
 		})] });
 	}
-}, ee = class extends $ {
+}, W = class extends U {
 	urlUpdateDetail = "";
 	render() {
-		let e = r(), { isCre: t, isEdit: n, isDetail: a, item: o } = this.state;
-		return t === !1 && n === !1 && a === !1 || t === !1 && e === 0 || (n === !1 || a === !1) && e ? /* @__PURE__ */ O(Y, {
+		let e = i(), { isCre: n, isEdit: r, isDetail: a, item: o } = this.state;
+		if (n === !1 && r === !1 && a === !1 || n === !1 && e == null || (r === !1 || a === !1) && e) return /* @__PURE__ */ k(V, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
 			fluid: this.fluid
-		}) : e && o === !1 ? /* @__PURE__ */ O(X, {
+		});
+		if (e && o === !1) return /* @__PURE__ */ k(H, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
-		}) : (e && o || !e) && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
+		});
+		let s = I(o);
+		return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ A("title", { children: [
 			this.title,
 			" | ",
-			o?.id ? "Chỉnh sửa" : "Thêm mới"
-		] }) }), /* @__PURE__ */ k("div", {
+			s ? "Chỉnh sửa" : "Thêm mới"
+		] }) }), /* @__PURE__ */ A("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
 			children: [
-				/* @__PURE__ */ O(J, {
+				/* @__PURE__ */ k(B, {
 					adminUri: this.ADMIN_URI,
 					title: this.title,
 					cUri: this.cUri,
 					isSave: !1,
-					itemId: o?.id
+					itemId: s
 				}),
-				/* @__PURE__ */ O("div", { dangerouslySetInnerHTML: { __html: i(this.state.error) } }),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ k("div", { dangerouslySetInnerHTML: { __html: t(this.state.error) } }),
+				/* @__PURE__ */ k("div", {
 					className: "position-relative",
-					children: /* @__PURE__ */ O(p, {
+					children: /* @__PURE__ */ k(p, {
 						loading: !!this.state.loading,
 						style: {
 							minHeight: 200,
@@ -1016,16 +1106,17 @@ var N = (e) => {
 	}
 	handleDetailSubmit = async (e, t) => {
 		try {
-			if (this.state.item?.id && e?.length) {
-				let r = {};
-				r.itemid = this.state.item?.id, r.details = e, n(t, !0), await o(this.urlUpdateDetail, r), n(t, !1), c("Thêm tài sản thành công", "top-end", !0), await this.editDetailAfter(this.state.item?.id), this.props.navigate(this.cUri + "/edit/" + this.state.item?.id);
-			}
+			let n = I(this.state.item);
+			n && e?.length && (s(t, !0), await a(this.urlUpdateDetail, {
+				itemid: n,
+				details: e
+			}), s(t, !1), r("Thêm tài sản thành công", "top-end", !0), await this.editDetailAfter(n), this.props.navigate(this.cUri + "/edit/" + n));
 		} catch (e) {
-			s(e.message), n(t, !1);
+			c(e.message), s(t, !1);
 		}
 	};
 	editDetailAfter = async (e) => {};
-}, te = class extends $ {
+}, G = class extends U {
 	urlGetDeTableList = "";
 	urlGetDeTable = "";
 	urlCreDeTable = "";
@@ -1034,49 +1125,52 @@ var N = (e) => {
 	modalRef;
 	isBackUri = !1;
 	constructor(e) {
-		super(e), this.modalRef = E();
+		super(e), this.modalRef = D();
 	}
 	async fetchDataDetails() {
 		return {};
 	}
 	render() {
-		let e = r(), { isCre: t, isEdit: n, isDetail: i, item: a } = this.state;
-		return t === !1 && n === !1 && i === !1 || t === !1 && e === 0 || (n === !1 || i === !1) && e ? /* @__PURE__ */ O(Y, {
+		let e = i(), { isCre: t, isEdit: n, isDetail: r, item: a } = this.state;
+		if (t === !1 && n === !1 && r === !1 || t === !1 && e == null || (n === !1 || r === !1) && e) return /* @__PURE__ */ k(V, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới"),
 			fluid: this.fluid
-		}) : e && a === !1 ? /* @__PURE__ */ O(X, {
+		});
+		if (e && a === !1) return /* @__PURE__ */ k(H, {
 			cUriTitle: this.title,
 			cUri: this.cUri,
 			title: this.title + " | " + (e ? "Chỉnh sửa" : "Thêm mới")
-		}) : (e && a || !e) && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(M, { children: /* @__PURE__ */ k("title", { children: [
+		});
+		let o = I(a);
+		return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(N, { children: /* @__PURE__ */ A("title", { children: [
 			this.title,
 			" | ",
-			a?.id ? "Chỉnh sửa" : "Thêm mới"
-		] }) }), /* @__PURE__ */ k("div", {
+			o ? "Chỉnh sửa" : "Thêm mới"
+		] }) }), /* @__PURE__ */ A("div", {
 			className: `mb-3 ${this.fluid ? "container-fluid" : "container"}`,
 			children: [
-				/* @__PURE__ */ O(J, {
+				/* @__PURE__ */ k(B, {
 					adminUri: this.ADMIN_URI,
 					title: this.title,
 					cUri: this.cUri,
 					isSave: !1,
-					itemId: this.state?.item?.id
+					itemId: o
 				}),
-				a && this.renderDeTable(),
+				a ? this.renderDeTable() : null,
 				this.renderForm()
 			]
 		})] });
 	}
 	renderDeTable() {
-		return /* @__PURE__ */ O(D, {});
+		return /* @__PURE__ */ k(O, {});
 	}
-	renderModalDeBody = (e, t) => /* @__PURE__ */ O(D, {});
+	renderModalDeBody = (e, t) => /* @__PURE__ */ k(O, {});
 	handleDetailSubmit = async (e) => {
 		e.preventDefault();
 	};
 	editDetailAfter = async (e) => {};
 };
 //#endregion
-export { W as a, q as i, ee as n, V as o, $ as r, L as s, te as t };
+export { R as a, z as i, W as n, L as o, U as r, F as s, G as t };