phx-react 1.3.572 → 1.3.576

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/cjs/components/FormTuition/FormTuition.d.ts +10 -0
  2. package/dist/cjs/components/FormTuition/FormTuition.js +218 -0
  3. package/dist/cjs/components/FormTuition/FormTuition.js.map +1 -0
  4. package/dist/cjs/components/FormTuition/index.d.ts +1 -0
  5. package/dist/cjs/components/FormTuition/index.js +5 -0
  6. package/dist/cjs/components/FormTuition/index.js.map +1 -0
  7. package/dist/cjs/components/MainWrap/MainWrap.js +55 -44
  8. package/dist/cjs/components/MainWrap/MainWrap.js.map +1 -1
  9. package/dist/cjs/demo/FormTuitionDemo.d.ts +3 -0
  10. package/dist/cjs/demo/FormTuitionDemo.js +12 -0
  11. package/dist/cjs/demo/FormTuitionDemo.js.map +1 -0
  12. package/dist/cjs/index.d.ts +2 -1
  13. package/dist/cjs/index.js +4 -2
  14. package/dist/cjs/index.js.map +1 -1
  15. package/dist/cjs/query/gql.d.ts +1 -0
  16. package/dist/cjs/query/gql.js +3 -2
  17. package/dist/cjs/query/gql.js.map +1 -1
  18. package/dist/cjs/utils/format-number.d.ts +3 -0
  19. package/dist/cjs/utils/format-number.js +19 -0
  20. package/dist/cjs/utils/format-number.js.map +1 -0
  21. package/dist/esm/components/FormTuition/FormTuition.d.ts +10 -0
  22. package/dist/esm/components/FormTuition/FormTuition.js +214 -0
  23. package/dist/esm/components/FormTuition/FormTuition.js.map +1 -0
  24. package/dist/esm/components/FormTuition/index.d.ts +1 -0
  25. package/dist/esm/components/FormTuition/index.js +2 -0
  26. package/dist/esm/components/FormTuition/index.js.map +1 -0
  27. package/dist/esm/components/MainWrap/MainWrap.js +56 -45
  28. package/dist/esm/components/MainWrap/MainWrap.js.map +1 -1
  29. package/dist/esm/demo/FormTuitionDemo.d.ts +3 -0
  30. package/dist/esm/demo/FormTuitionDemo.js +9 -0
  31. package/dist/esm/demo/FormTuitionDemo.js.map +1 -0
  32. package/dist/esm/index.d.ts +2 -1
  33. package/dist/esm/index.js +2 -1
  34. package/dist/esm/index.js.map +1 -1
  35. package/dist/esm/query/gql.d.ts +1 -0
  36. package/dist/esm/query/gql.js +2 -1
  37. package/dist/esm/query/gql.js.map +1 -1
  38. package/dist/esm/utils/format-number.d.ts +3 -0
  39. package/dist/esm/utils/format-number.js +15 -0
  40. package/dist/esm/utils/format-number.js.map +1 -0
  41. package/package.json +1 -1
  42. package/dist/cjs/components/MainWrap/ListWithDescriptionsInPanel.d.ts +0 -2
  43. package/dist/cjs/components/MainWrap/ListWithDescriptionsInPanel.js +0 -24
  44. package/dist/cjs/components/MainWrap/ListWithDescriptionsInPanel.js.map +0 -1
  45. package/dist/esm/components/MainWrap/ListWithDescriptionsInPanel.d.ts +0 -2
  46. package/dist/esm/components/MainWrap/ListWithDescriptionsInPanel.js +0 -20
  47. package/dist/esm/components/MainWrap/ListWithDescriptionsInPanel.js.map +0 -1
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface FormTuitionProps {
3
+ school_id: number;
4
+ user_code: any;
5
+ school_year_id: number;
6
+ setDiscountPromotionObject?: any;
7
+ setShowModalPromotionObject?: any;
8
+ setShowModalService?: any;
9
+ }
10
+ export declare const PHXFormTuition: React.FC<FormTuitionProps>;
@@ -0,0 +1,218 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.PHXFormTuition = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var react_1 = tslib_1.__importStar(require("react"));
6
+ var client_1 = require("@apollo/client");
7
+ var format_number_1 = require("../../utils/format-number");
8
+ var Button_1 = require("../Button");
9
+ var Skeleton_1 = require("../Skeleton");
10
+ var clientQueryV2_1 = tslib_1.__importDefault(require("../Func/clientQueryV2"));
11
+ var gql_1 = require("../../query/gql");
12
+ var EmptyRecord_1 = require("../EmptyRecord");
13
+ var PHXFormTuition = function (_a) {
14
+ var school_id = _a.school_id, user_code = _a.user_code, school_year_id = _a.school_year_id, setDiscountPromotionObject = _a.setDiscountPromotionObject, setShowModalPromotionObject = _a.setShowModalPromotionObject, setShowModalService = _a.setShowModalService;
15
+ var getDataFeeListQuery = (0, client_1.useLazyQuery)(gql_1.getTuitionDebtRecordByUserCode, {
16
+ fetchPolicy: 'network-only',
17
+ notifyOnNetworkStatusChange: true
18
+ })[0];
19
+ var _b = (0, react_1.useState)(false), isLoadingTable = _b[0], setIsLoadingTable = _b[1];
20
+ var _c = (0, react_1.useState)([]), listDebtRecordByStudent = _c[0], setListDebtRecordByStudent = _c[1];
21
+ var fetchData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
22
+ var res, tuition_fee_debt_record;
23
+ return tslib_1.__generator(this, function (_a) {
24
+ switch (_a.label) {
25
+ case 0:
26
+ setIsLoadingTable(true);
27
+ return [4 /*yield*/, (0, clientQueryV2_1["default"])(getDataFeeListQuery, {
28
+ variables: {
29
+ school_id: school_id,
30
+ user_code: user_code,
31
+ school_year_id: school_year_id
32
+ }
33
+ })];
34
+ case 1:
35
+ res = _a.sent();
36
+ if (res) {
37
+ tuition_fee_debt_record = res.data.tuition_fee_debt_record;
38
+ setListDebtRecordByStudent(tuition_fee_debt_record);
39
+ }
40
+ setIsLoadingTable(false);
41
+ return [2 /*return*/];
42
+ }
43
+ });
44
+ }); };
45
+ (0, react_1.useEffect)(function () {
46
+ if (school_year_id) {
47
+ fetchData();
48
+ }
49
+ }, [school_year_id]);
50
+ var checkIsCanHoverTuitionRaw = function (listFee) {
51
+ return listFee === null || listFee === void 0 ? void 0 : listFee.some(function (item) { return item.total_promotion_tuition_policy; });
52
+ };
53
+ var totalFeeByCode = function (listData, code) {
54
+ var total = listData === null || listData === void 0 ? void 0 : listData.reduce(function (total, item) { return total + Number(item[code]); }, 0);
55
+ return total;
56
+ };
57
+ return (react_1["default"].createElement(react_1["default"].Fragment, null, isLoadingTable ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : listDebtRecordByStudent.length > 0 ? (react_1["default"].createElement("div", { className: '-my-2 overflow-x-auto' },
58
+ react_1["default"].createElement("div", { className: 'inline-block min-w-full py-2 align-middle' },
59
+ react_1["default"].createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
60
+ react_1["default"].createElement("thead", null,
61
+ react_1["default"].createElement("tr", null,
62
+ react_1["default"].createElement("th", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-left text-xs font-semibold text-gray-500 sm:pl-2', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
63
+ listDebtRecordByStudent.map(function (item, index) {
64
+ var _a;
65
+ return (react_1["default"].createElement("th", { key: index, className: 'py-2 pl-4 pr-3 text-left text-xs font-semibold text-gray-500 sm:pl-2', scope: 'col' }, ((_a = item.school_term) === null || _a === void 0 ? void 0 : _a.name) || ''));
66
+ }),
67
+ react_1["default"].createElement("th", { className: 'whitespace-nowrap px-2 py-2 text-left text-xs font-semibold text-gray-500 sm:pl-2', scope: 'col' }, "C\u1EA3 n\u0103m"))),
68
+ react_1["default"].createElement("tbody", { className: 'divide-y divide-gray-200 bg-white' },
69
+ react_1["default"].createElement("tr", { className: 'bg-gray-100' },
70
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "1. H\u1ECDc ph\u00ED"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
71
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_tuition -
72
+ item.total_promotion_tuition_policy -
73
+ item.total_promotion_tuition_seniority -
74
+ item.total_promotion_tuition_scholar_ship -
75
+ item.total_promotion_early))); }),
76
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'total_tuition') -
77
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
78
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
79
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_seniority') -
80
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early')))),
81
+ react_1["default"].createElement("tr", null,
82
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "H\u1ECDc ph\u00ED ni\u00EAm y\u1EBFt"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
83
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_tuition))); }),
84
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
85
+ react_1["default"].createElement("tr", { className: "".concat(setShowModalPromotionObject
86
+ ? checkIsCanHoverTuitionRaw(listDebtRecordByStudent)
87
+ ? 'hover:cursor-pointer hover:bg-gray-100'
88
+ : ''
89
+ : ''), onClick: function () {
90
+ if (!setShowModalPromotionObject) {
91
+ return;
92
+ }
93
+ var isCanClick = checkIsCanHoverTuitionRaw(listDebtRecordByStudent);
94
+ if (isCanClick) {
95
+ setShowModalPromotionObject(true);
96
+ setDiscountPromotionObject(Number((totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') /
97
+ totalFeeByCode(listDebtRecordByStudent, 'total_tuition')) *
98
+ 100).toFixed(1));
99
+ }
100
+ } },
101
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "\u01AFu \u0111\u00E3i \u0111\u1ED1i t\u01B0\u1EE3ng"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
102
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_promotion_tuition_policy))); }),
103
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
104
+ react_1["default"].createElement("tr", null,
105
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "\u01AFu \u0111\u00E3i h\u1ECDc b\u1ED5ng"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
106
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_promotion_tuition_scholar_ship))); }),
107
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
108
+ react_1["default"].createElement("tr", null,
109
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "\u01AFu \u0111\u00E3i th\u00E2m ni\u00EAn"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
110
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_promotion_tuition_seniority))); }),
111
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
112
+ react_1["default"].createElement("tr", null,
113
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "\u01AFu \u0111\u00E3i \u0111\u00F3ng s\u1EDBm"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
114
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_promotion_early))); }),
115
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
116
+ react_1["default"].createElement("tr", { className: 'bg-gray-100' },
117
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "2. Ph\u00ED d\u1ECBch v\u1EE5"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
118
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_required_service + item.total_not_required_service - item.total_promotion_service))); }),
119
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'total_required_service') +
120
+ totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') -
121
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service')))),
122
+ react_1["default"].createElement("tr", null,
123
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "Ph\u00ED d\u1ECBch v\u1EE5 b\u1EAFt bu\u1ED9c"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
124
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_required_service))); }),
125
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, setShowModalService && (react_1["default"].createElement(Button_1.PHXButton, { onClick: function () { return setShowModalService(true); }, secondary: true, size: 'micro' }, "Chi ti\u1EBFt")))),
126
+ react_1["default"].createElement("tr", null,
127
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "Ph\u00ED d\u1ECBch v\u1EE5 kh\u00F4ng b\u1EAFt bu\u1ED9c"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
128
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_not_required_service))); }),
129
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
130
+ react_1["default"].createElement("tr", null,
131
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-5' }, "\u01AFu \u0111\u00E3i ph\u00ED d\u1ECBch v\u1EE5"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
132
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_promotion_service))); }),
133
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' })),
134
+ react_1["default"].createElement("tr", { className: 'bg-gray-100' },
135
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "3. Ti\u1EC1n thi\u1EBFu n\u0103m h\u1ECDc tr\u01B0\u1EDBc"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
136
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.last_period_debt_balance))); }),
137
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'last_period_debt_balance')))),
138
+ react_1["default"].createElement("tr", { className: 'bg-gray-100' },
139
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "4. Ti\u1EC1n th\u1EEBa n\u0103m h\u1ECDc tr\u01B0\u1EDBc"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
140
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.last_period_credit_balance))); }),
141
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'last_period_credit_balance')))),
142
+ react_1["default"].createElement("tr", { className: 'bg-gray-100' },
143
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "5. \u01AFu \u0111\u00E3i ghi danh"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
144
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_promotion_admission))); }),
145
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission')))),
146
+ react_1["default"].createElement("tr", { className: 'bg-gray-100' },
147
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "6. Ph\u1EA3i \u0111\u00F3ng (6=1+2+3-4-5)"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
148
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.last_period_debt_balance +
149
+ item.total_tuition +
150
+ item.total_required_service +
151
+ item.total_not_required_service -
152
+ item.total_promotion_service -
153
+ item.total_promotion_tuition_policy -
154
+ item.total_promotion_admission -
155
+ item.total_promotion_tuition_scholar_ship -
156
+ item.total_promotion_tuition_seniority -
157
+ item.total_promotion_early -
158
+ item.last_period_credit_balance))); }),
159
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'last_period_debt_balance') +
160
+ totalFeeByCode(listDebtRecordByStudent, 'total_tuition') +
161
+ totalFeeByCode(listDebtRecordByStudent, 'total_required_service') +
162
+ totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') -
163
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service') -
164
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
165
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission') -
166
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
167
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
168
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early') -
169
+ totalFeeByCode(listDebtRecordByStudent, 'last_period_credit_balance')))),
170
+ react_1["default"].createElement("tr", { className: 'border-t bg-gray-100' },
171
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "7. \u0110\u00E3 \u0111\u00F3ng"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
172
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.total_payment))); }),
173
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'total_payment')))),
174
+ react_1["default"].createElement("tr", { className: 'border-t bg-gray-100' },
175
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "8. Ti\u1EC1n th\u1EEBa/(thi\u1EBFu)"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
176
+ listDebtRecordByStudent.map(function (item, index) { return (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(item.last_period_debt_balance +
177
+ item.total_tuition +
178
+ item.total_required_service +
179
+ item.total_not_required_service -
180
+ item.total_promotion_service -
181
+ item.total_promotion_tuition_policy -
182
+ item.total_promotion_admission -
183
+ item.total_promotion_tuition_scholar_ship -
184
+ item.total_promotion_tuition_seniority -
185
+ item.total_promotion_early -
186
+ item.total_payment -
187
+ item.last_period_credit_balance))); }),
188
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, (0, format_number_1.toVND)(totalFeeByCode(listDebtRecordByStudent, 'last_period_debt_balance') +
189
+ totalFeeByCode(listDebtRecordByStudent, 'total_tuition') +
190
+ totalFeeByCode(listDebtRecordByStudent, 'total_required_service') +
191
+ totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') -
192
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service') -
193
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
194
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission') -
195
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
196
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
197
+ totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early') -
198
+ totalFeeByCode(listDebtRecordByStudent, 'total_payment') -
199
+ totalFeeByCode(listDebtRecordByStudent, 'last_period_credit_balance')))),
200
+ react_1["default"].createElement("tr", null,
201
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "7. File PDF thu ph\u00ED"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
202
+ listDebtRecordByStudent.map(function (itemDebt, index) {
203
+ var _a, _b;
204
+ var linkDeliveredEmail = ((_a = itemDebt.profile_student) === null || _a === void 0 ? void 0 : _a.tuition_notice_delivered_emails) || [];
205
+ var listEmailFilterWithSchoolTermId = (linkDeliveredEmail === null || linkDeliveredEmail === void 0 ? void 0 : linkDeliveredEmail.filter(function (item) { var _a, _b; return ((_a = itemDebt.school_term) === null || _a === void 0 ? void 0 : _a.id) === ((_b = item.tuition_notice_campaign) === null || _b === void 0 ? void 0 : _b.school_term_id); })) || [];
206
+ var linkPdfNewest = '';
207
+ if (listEmailFilterWithSchoolTermId.length > 0) {
208
+ linkPdfNewest = (_b = listEmailFilterWithSchoolTermId[0]) === null || _b === void 0 ? void 0 : _b.link_pdf_cdn;
209
+ }
210
+ return linkPdfNewest ? (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' },
211
+ react_1["default"].createElement("a", {
212
+ // ref={linkRef}
213
+ className: 'pt-3 text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', href: linkPdfNewest, rel: 'noreferrer', target: '_blank' }, "pdf file"))) : (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }, "---"));
214
+ }),
215
+ react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs text-gray-900' }))))))) : (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null))));
216
+ };
217
+ exports.PHXFormTuition = PHXFormTuition;
218
+ //# sourceMappingURL=FormTuition.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormTuition.js","sourceRoot":"","sources":["../../../../src/components/FormTuition/FormTuition.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export * from './FormTuition';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ var tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./FormTuition"), exports);
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormTuition/index.tsx"],"names":[],"mappings":";;;AAAA,wDAA6B"}
@@ -9,7 +9,6 @@ var outline_1 = require("@heroicons/react/24/outline");
9
9
  var react_2 = tslib_1.__importStar(require("react"));
10
10
  var nav_mobile_1 = tslib_1.__importDefault(require("./navigator/nav-mobile"));
11
11
  var Modal_1 = require("../Modal");
12
- var ListWithDescriptionsInPanel_1 = tslib_1.__importDefault(require("./ListWithDescriptionsInPanel"));
13
12
  var client_1 = require("@apollo/client");
14
13
  var gql_1 = require("../../query/gql");
15
14
  var Skeleton_1 = require("../Skeleton");
@@ -23,6 +22,7 @@ var Banner_1 = require("../Banner");
23
22
  var clientQueryV2_1 = tslib_1.__importDefault(require("../Func/clientQueryV2"));
24
23
  var sub_menu_style_1 = require("./style/sub-menu-style");
25
24
  var appearance_styled_1 = tslib_1.__importDefault(require("./appearance/appearance-styled"));
25
+ var solid_2 = require("@heroicons/react/24/solid");
26
26
  fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.fas);
27
27
  function classNames() {
28
28
  var classes = [];
@@ -44,15 +44,14 @@ var PHXMainWrap = function (_a) {
44
44
  var _p = (0, react_2.useState)([]), menu = _p[0], setMenu = _p[1];
45
45
  var _q = (0, react_2.useState)(true), loadingSchool = _q[0], setLoadingSchool = _q[1];
46
46
  var _r = (0, react_2.useState)(true), loadingMenu = _r[0], setLoadingMenu = _r[1];
47
- var _s = (0, react_2.useState)(), nameSchool = _s[0], setNameSchool = _s[1];
48
- var _t = (0, react_2.useState)(false), modalSignOut = _t[0], setModalSignOut = _t[1];
49
- var _u = (0, react_2.useState)([]), infoSchool = _u[0], setInfoSchool = _u[1];
50
- var _v = (0, react_2.useState)([]), roleCode = _v[0], setRoleCode = _v[1];
51
- var _w = (0, react_2.useState)([]), perCode = _w[0], setPerCode = _w[1];
52
- var _x = (0, react_2.useState)(null), schoolId = _x[0], setSchoolId = _x[1];
53
- var _y = (0, react_2.useState)(true), showBanner = _y[0], setShowBanner = _y[1];
54
- var _z = (0, react_2.useState)({}), configLayout = _z[0], setConfigLayout = _z[1];
55
- var _0 = (0, react_2.useState)(true), isLoading = _0[0], setIsLoading = _0[1];
47
+ var _s = (0, react_2.useState)(false), modalSignOut = _s[0], setModalSignOut = _s[1];
48
+ var _t = (0, react_2.useState)([]), infoSchool = _t[0], setInfoSchool = _t[1];
49
+ var _u = (0, react_2.useState)([]), roleCode = _u[0], setRoleCode = _u[1];
50
+ var _v = (0, react_2.useState)([]), perCode = _v[0], setPerCode = _v[1];
51
+ var _w = (0, react_2.useState)(null), schoolId = _w[0], setSchoolId = _w[1];
52
+ var _x = (0, react_2.useState)(true), showBanner = _x[0], setShowBanner = _x[1];
53
+ var _y = (0, react_2.useState)({}), configLayout = _y[0], setConfigLayout = _y[1];
54
+ var _z = (0, react_2.useState)(true), isLoading = _z[0], setIsLoading = _z[1];
56
55
  var locationPathname = typeof window !== 'undefined' ? window.location.pathname : '';
57
56
  var pathArr = locationPathname.split('/');
58
57
  var pathNameWithBasePath = "/".concat(pathArr[1]).concat(pathName);
@@ -62,14 +61,14 @@ var PHXMainWrap = function (_a) {
62
61
  function enablePer(code, arr) {
63
62
  return arr === null || arr === void 0 ? void 0 : arr.some(function (item) { return item === code; });
64
63
  }
65
- var _1 = (0, react_2.useState)({
64
+ var _0 = (0, react_2.useState)({
66
65
  path: '',
67
66
  height: logoHeight
68
- }), logo = _1[0], setLogo = _1[1];
67
+ }), logo = _0[0], setLogo = _0[1];
69
68
  var getCampaignById = (0, client_1.useLazyQuery)(gql_1.getCampaignName, {
70
69
  variables: {}
71
70
  })[0];
72
- var _2 = (0, client_1.useLazyQuery)(gql_1.GET_SCHOOL, {
71
+ var _1 = (0, client_1.useLazyQuery)(gql_1.GET_SCHOOL, {
73
72
  variables: {
74
73
  group_id: '',
75
74
  school_name_id: '',
@@ -77,7 +76,7 @@ var PHXMainWrap = function (_a) {
77
76
  },
78
77
  fetchPolicy: 'network-only',
79
78
  notifyOnNetworkStatusChange: true
80
- }), getSchool = _2[0], data = _2[1].data;
79
+ }), getSchool = _1[0], data = _1[1].data;
81
80
  var getDataPermission = (0, client_1.useLazyQuery)(gql_1.GET_PERMISSION_DETAIL_USER, {
82
81
  variables: {
83
82
  id: ''
@@ -115,28 +114,26 @@ var PHXMainWrap = function (_a) {
115
114
  setSchoolId(data_1 === null || data_1 === void 0 ? void 0 : data_1.school_id);
116
115
  var _b = data_1.school, group_id_1 = _b.school_name.group_id, school_name_id_1 = _b.school_name_id, school_id_1 = data_1.school_id, id_1 = data_1.id;
117
116
  var fetchData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
118
- var res, data_2, dataLength, school, settingFetchData, cleanedJsonString, jsonObjectSetting, getSeting, dataCompare, error_1;
119
- var _a, _b, _c, _d, _e;
120
- return tslib_1.__generator(this, function (_f) {
121
- switch (_f.label) {
117
+ var res, data_2, dataLength, settingFetchData, cleanedJsonString, jsonObjectSetting, getSeting, dataCompare, error_1;
118
+ var _a, _b, _c, _d;
119
+ return tslib_1.__generator(this, function (_e) {
120
+ switch (_e.label) {
122
121
  case 0:
123
122
  setIsLoading(true);
124
- _f.label = 1;
123
+ _e.label = 1;
125
124
  case 1:
126
- _f.trys.push([1, 3, , 4]);
125
+ _e.trys.push([1, 3, , 4]);
127
126
  return [4 /*yield*/, (0, clientQueryV2_1["default"])(getSchool, { variables: { group_id: group_id_1, school_name_id: school_name_id_1, user_id: id_1 } }, false)];
128
127
  case 2:
129
- res = _f.sent();
128
+ res = _e.sent();
130
129
  data_2 = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.school_name[0]) === null || _b === void 0 ? void 0 : _b.schools;
131
130
  dataLength = data_2.length;
132
131
  if (data_2 && dataLength > 0) {
133
132
  setLoadingSchool(false);
134
133
  }
135
- school = data_2 === null || data_2 === void 0 ? void 0 : data_2.filter(function (item) { return (item === null || item === void 0 ? void 0 : item.id) === school_id_1; });
136
- setNameSchool((_c = school[0]) === null || _c === void 0 ? void 0 : _c.name);
137
134
  setInfoSchool(data_2);
138
135
  setIsLoading(false);
139
- settingFetchData = (_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.setting_site[0]) === null || _e === void 0 ? void 0 : _e.value_setting;
136
+ settingFetchData = (_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.setting_site[0]) === null || _d === void 0 ? void 0 : _d.value_setting;
140
137
  if (settingFetchData) {
141
138
  cleanedJsonString = settingFetchData.replace(/^"(.*)"$/, '$1');
142
139
  jsonObjectSetting = JSON.parse(cleanedJsonString);
@@ -157,7 +154,7 @@ var PHXMainWrap = function (_a) {
157
154
  }
158
155
  return [3 /*break*/, 4];
159
156
  case 3:
160
- error_1 = _f.sent();
157
+ error_1 = _e.sent();
161
158
  setIsLoading(false);
162
159
  console.error('Error fetching school data:', error_1);
163
160
  return [3 /*break*/, 4];
@@ -421,7 +418,6 @@ var PHXMainWrap = function (_a) {
421
418
  router.push(item.path);
422
419
  };
423
420
  var path = logo.path, height = logo.height;
424
- var handleClickIconChange = function () { return setModal(true); };
425
421
  var handleModalSignOut = function () { return setModalSignOut(true); };
426
422
  var handleRedirectRouter = function (path) {
427
423
  var currentURL = window.location.href;
@@ -450,15 +446,19 @@ var PHXMainWrap = function (_a) {
450
446
  var currentIndexActive = item.find(function (s) { return s.current; });
451
447
  return currentIndexActive ? currentIndexActive.id > currentItem.id : false;
452
448
  };
453
- var _3 = (0, react_2.useState)(false), openNavName = _3[0], setOpenNavName = _3[1];
454
- var _4 = (0, react_2.useState)(false), showSearchBar = _4[0], setShowSearchBar = _4[1];
455
- var _5 = (0, react_2.useState)(null), selected = _5[0], setSelected = _5[1];
449
+ var _2 = (0, react_2.useState)(false), openNavName = _2[0], setOpenNavName = _2[1];
450
+ var _3 = (0, react_2.useState)(false), showSearchBar = _3[0], setShowSearchBar = _3[1];
451
+ var _4 = (0, react_2.useState)(null), selected = _4[0], setSelected = _4[1];
452
+ var handleOpenModal = function (id) {
453
+ setModal(id !== schoolId);
454
+ setSelected(id);
455
+ };
456
456
  var handlePrimaryModal = function () {
457
457
  if (cookie) {
458
458
  try {
459
459
  var data_3 = JSON.parse(cookie);
460
460
  if (data_3) {
461
- var newSchoolId = selected === null || selected === void 0 ? void 0 : selected.id;
461
+ var newSchoolId = selected;
462
462
  if (newSchoolId && newSchoolId !== data_3.school_id) {
463
463
  data_3.school_id = newSchoolId;
464
464
  var updatedCookie = encodeURIComponent(JSON.stringify(data_3));
@@ -532,27 +532,38 @@ var PHXMainWrap = function (_a) {
532
532
  isLoading ? (react_2["default"].createElement("div", { className: 'animate-pulse flex' },
533
533
  react_2["default"].createElement("div", { className: 'rounded-full h-8 w-8 header-loading-avatar' }))) : (react_2["default"].createElement("img", { alt: '', className: 'h-8 w-8 rounded-full', src: sourceAvatar })))),
534
534
  react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
535
- react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute right-0 z-10 mt-2 w-[300px] origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none' },
535
+ react_2["default"].createElement(react_1.Menu.Items, { className: ' px-2 absolute right-0 z-10 mt-2 w-[340px] origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none' },
536
+ react_2["default"].createElement(react_1.Menu.Item, null,
537
+ react_2["default"].createElement("div", { "aria-hidden": true, className: 'px-2 pt-4 pb-2 font-semibold text-gray-900 text-sm ' }, "Ch\u1ECDn tr\u01B0\u1EDDng")),
538
+ !loadingSchool ? (react_2["default"].createElement(react_2["default"].Fragment, null, infoSchool
539
+ .filter(function (val) {
540
+ if (!enablePer(constants_1.switchSchool, perCode)) {
541
+ return val.id === schoolId;
542
+ }
543
+ else {
544
+ return true;
545
+ }
546
+ })
547
+ .map(function (item) { return (react_2["default"].createElement(react_1.Menu.Item, { key: item.id },
548
+ react_2["default"].createElement("div", { "aria-hidden": true, className: "".concat(item.id === schoolId && !enablePer(constants_1.switchSchool, perCode) === false
549
+ ? 'rounded-lg bg-zinc-200 text-gray-900 font-semibold '
550
+ : 'font-normal hover:bg-gray-100 hover:rounded-lg ', " \n py-1.5 relative cursor-pointer px-2 mb-1 text-gray-900 text-sm flex justify-between items-center"), onClick: function () { return handleOpenModal(item.id); } },
551
+ item.name,
552
+ item.id === schoolId && !enablePer(constants_1.switchSchool, perCode) === false && (react_2["default"].createElement(solid_2.CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }))))); }))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'flex-1 py-2 px-2', type: 'single' })),
553
+ react_2["default"].createElement("div", { className: 'border-b' }),
536
554
  react_2["default"].createElement(react_1.Menu.Item, null,
537
- react_2["default"].createElement("div", null,
538
- !loadingSchool ? (react_2["default"].createElement("div", { className: 'flex items-center justify-between py-2' },
539
- react_2["default"].createElement("div", { className: 'flex items-center' },
540
- react_2["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: 'pl-4 w-5 mr-1 text-gray-500', icon: free_solid_svg_icons_1.faSchool }),
541
- react_2["default"].createElement("div", { className: 'py-2 px-2 text-sm text-gray-700' }, nameSchool)),
542
- enablePer(constants_1.switchSchool, perCode) && (react_2["default"].createElement(react_fontawesome_1.FontAwesomeIcon, { className: 'cursor-pointer mr-4 pt-1 pl-2 pr-2 pb-1 rounded block hover:bg-gray-400 hover:text-white h-4 text-gray-500 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500', icon: free_solid_svg_icons_1.faRepeat, onClick: handleClickIconChange })))) : (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'flex-1 py-2 px-2', type: 'single' })),
543
- react_2["default"].createElement("div", { className: 'border-b' }))),
555
+ react_2["default"].createElement("div", { "aria-hidden": true, className: 'pt-4 px-2 pb-2 font-semibold text-gray-900 text-sm' }, "T\u00F9y ch\u1ECDn")),
544
556
  react_2["default"].createElement(react_1.Menu.Item, null,
545
- react_2["default"].createElement("div", { "aria-hidden": true, className: 'px-4 py-2 cursor-pointer text-gray-700 text-sm hover:bg-gray-100', onClick: handleProfilePage }, "Th\u00F4ng tin c\u00E1 nh\u00E2n")),
557
+ react_2["default"].createElement("div", { "aria-hidden": true, className: 'py-1.5 px-2 cursor-pointer text-gray-700 text-sm hover:bg-gray-100 hover:rounded-lg', onClick: handleProfilePage }, "Th\u00F4ng tin c\u00E1 nh\u00E2n")),
546
558
  (checkRole(constants_1.admin, roleCode) || checkRole(constants_1.superAdmin, roleCode)) && (react_2["default"].createElement(react_1.Menu.Item, null,
547
- react_2["default"].createElement("div", { "aria-hidden": true, className: 'px-4 py-2 cursor-pointer text-gray-700 text-sm hover:bg-gray-100', onClick: handleClickPageAdmin }, "Qu\u1EA3n tr\u1ECB \u0111\u0103ng nh\u1EADp portal"))),
559
+ react_2["default"].createElement("div", { "aria-hidden": true, className: 'py-1.5 px-2 cursor-pointer text-gray-700 text-sm hover:bg-gray-100 hover:rounded-lg', onClick: handleClickPageAdmin }, "Qu\u1EA3n tr\u1ECB \u0111\u0103ng nh\u1EADp portal"))),
548
560
  react_2["default"].createElement(react_1.Menu.Item, null,
549
- react_2["default"].createElement("div", { "aria-hidden": true, className: 'px-4 py-2 cursor-pointer text-gray-700 text-sm hover:bg-gray-100', onClick: handleModalSignOut }, "\u0110\u0103ng xu\u1EA5t")))))))))),
561
+ react_2["default"].createElement("div", { "aria-hidden": true, className: 'py-1.5 px-2 mb-4 cursor-pointer text-[#8e1f0c] text-sm hover:bg-gray-100 hover:rounded-lg', onClick: handleModalSignOut }, "\u0110\u0103ng xu\u1EA5t")))))))))),
550
562
  react_2["default"].createElement("div", null,
551
563
  react_2["default"].createElement(Modal_1.PHXModal, { dangerActionText: '\u0110\u0103ng xu\u1EA5t', onDangerClick: handleSignOut, onHide: function () { return setModalSignOut(false); }, primaryActionText: '', show: modalSignOut, title: '\u0110\u0103ng xu\u1EA5t' },
552
564
  react_2["default"].createElement("div", { className: 'text-gray-700 text-sm' }, "Khi th\u1EF1c hi\u1EC7n thao t\u00E1c n\u00E0y b\u1EA1n s\u1EBD tho\u00E1t kh\u1ECFi trang qu\u1EA3n tr\u1ECB v\u00E0 tr\u1EDF v\u1EC1 trang \u0111\u0103ng nh\u1EADp"))),
553
- react_2["default"].createElement(Modal_1.PHXModal, { onHide: function () { return setModal(false); }, primaryActionText: 'X\u00E1c nh\u1EADn chuy\u1EC3n', show: modal, onPrimaryClick: handlePrimaryModal, title: 'Ch\u1ECDn tr\u01B0\u1EDDng' },
554
- react_2["default"].createElement(Banner_1.PHXBanner, { description: 'Khi thay \u0111\u1ED5i tr\u01B0\u1EDDng t\u1EA5t c\u1EA3 d\u1EEF li\u1EC7u s\u1EBD hi\u1EC3n th\u1ECB theo tr\u01B0\u1EDDng v\u1EEBa \u0111\u01B0\u1EE3c ch\u1ECDn', onClose: function () { return setShowBanner(false); }, show: showBanner, title: 'L\u01B0u \u00FD', type: 'warning', className: 'mb-3' }),
555
- react_2["default"].createElement(ListWithDescriptionsInPanel_1["default"], { infoSchool: infoSchool, id: schoolId, selected: selected, setSelected: setSelected })),
565
+ react_2["default"].createElement(Modal_1.PHXModal, { onHide: function () { return setModal(false); }, primaryActionText: 'X\u00E1c nh\u1EADn', show: modal, onPrimaryClick: handlePrimaryModal, title: 'X\u00E1c nh\u1EADn thay \u0111\u1ED5i tr\u01B0\u1EDDng' },
566
+ react_2["default"].createElement(Banner_1.PHXBanner, { description: 'Khi thay \u0111\u1ED5i tr\u01B0\u1EDDng t\u1EA5t c\u1EA3 d\u1EEF li\u1EC7u s\u1EBD hi\u1EC3n th\u1ECB theo tr\u01B0\u1EDDng v\u1EEBa \u0111\u01B0\u1EE3c ch\u1ECDn', onClose: function () { return setShowBanner(false); }, show: showBanner, title: 'L\u01B0u \u00FD', type: 'warning' })),
556
567
  react_2["default"].createElement("div", { className: 'relative flex min-h-screen bg-[#f1f1f1]' },
557
568
  react_2["default"].createElement(react_1.Transition.Root, { as: react_2.Fragment, show: sidebarOpen },
558
569
  react_2["default"].createElement(react_1.Dialog, { as: 'div', className: 'relative z-40 lg:hidden', onClose: setSidebarOpen },