phx-uikit 1.0.0

package/dist/cjs/components/FormTuition/FormTuition.js

@@ -0,0 +1,233 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXFormTuition = exports.KEY_COEFFICIENT_SEMESTER_I = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var client_1 = require("@apollo/client");
+var format_number_1 = require("../../utils/format-number");
+var Button_1 = require("../Button");
+var Skeleton_1 = require("../Skeleton");
+var clientQueryV2_1 = tslib_1.__importDefault(require("../Func/clientQueryV2"));
+var gql_1 = require("../../query/gql");
+var EmptyRecord_1 = require("../EmptyRecord");
+exports.KEY_COEFFICIENT_SEMESTER_I = 1;
+var PHXFormTuition = function (_a) {
+    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;
+    var getDataFeeListQuery = (0, client_1.useLazyQuery)(gql_1.getTuitionDebtRecordByUserCode, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    var _b = (0, react_1.useState)(false), isLoadingTable = _b[0], setIsLoadingTable = _b[1];
+    var _c = (0, react_1.useState)([]), listDebtRecordByStudent = _c[0], setListDebtRecordByStudent = _c[1];
+    var generateValueToView = function (value) {
+        if (!value)
+            return 0;
+        return value > 0 ? (0, format_number_1.toVND)(value) : "(".concat((0, format_number_1.toVND)(-value), ")");
+    };
+    var fetchData = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var res, tuition_fee_debt_record;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoadingTable(true);
+                    return [4 /*yield*/, (0, clientQueryV2_1["default"])(getDataFeeListQuery, {
+                            variables: {
+                                school_id: school_id,
+                                user_code: user_code,
+                                school_year_id: school_year_id
+                            }
+                        })];
+                case 1:
+                    res = _a.sent();
+                    if (res) {
+                        tuition_fee_debt_record = res.data.tuition_fee_debt_record;
+                        setListDebtRecordByStudent(tuition_fee_debt_record);
+                    }
+                    setIsLoadingTable(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    (0, react_1.useEffect)(function () {
+        if (school_year_id) {
+            fetchData();
+        }
+    }, [school_year_id]);
+    var checkIsCanHoverTuitionRaw = function (listFee) {
+        return listFee === null || listFee === void 0 ? void 0 : listFee.some(function (item) { return item.total_promotion_tuition_policy; });
+    };
+    var totalFeeByCode = function (listData, code) {
+        var total = listData === null || listData === void 0 ? void 0 : listData.reduce(function (total, item) { return total + Number(item[code]); }, 0);
+        return total;
+    };
+    var getDebtAndCreditLastYear = function (listDebtRecord) {
+        // Tìm ra dư có và dư có và dư nợ của năm ngoái (chính là bản ghi học kỳ 1)
+        var dataLastYear = listDebtRecord === null || listDebtRecord === void 0 ? void 0 : listDebtRecord.filter(function (item) { var _a; return ((_a = item.school_term) === null || _a === void 0 ? void 0 : _a.coefficient) === exports.KEY_COEFFICIENT_SEMESTER_I; });
+        return dataLastYear || [];
+    };
+    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' },
+        react_1["default"].createElement("div", { className: 'inline-block min-w-full py-2 align-middle' },
+            react_1["default"].createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
+                react_1["default"].createElement("thead", null,
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        listDebtRecordByStudent.map(function (item, index) {
+                            var _a;
+                            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) || ''));
+                        }),
+                        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"))),
+                react_1["default"].createElement("tbody", { className: 'divide-y divide-gray-200 bg-white' },
+                    react_1["default"].createElement("tr", { className: 'bg-gray-100' },
+                        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 :
+                        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 -
+                            item.total_promotion_tuition_policy -
+                            item.total_promotion_tuition_seniority -
+                            item.total_promotion_tuition_scholar_ship -
+                            item.total_promotion_early))); }),
+                        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') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_seniority') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early')))),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", { className: "".concat(setShowModalPromotionObject
+                            ? checkIsCanHoverTuitionRaw(listDebtRecordByStudent)
+                                ? 'hover:cursor-pointer hover:bg-gray-100'
+                                : ''
+                            : ''), onClick: function () {
+                            if (!setShowModalPromotionObject) {
+                                return;
+                            }
+                            var isCanClick = checkIsCanHoverTuitionRaw(listDebtRecordByStudent);
+                            if (isCanClick) {
+                                setShowModalPromotionObject(true);
+                                setDiscountPromotionObject(Number((totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') /
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_tuition')) *
+                                    100).toFixed(1));
+                            }
+                        } },
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", { className: 'bg-gray-100' },
+                        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 :
+                        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))); }),
+                        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') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service')))),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        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")))),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", null,
+                        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 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", { className: 'bg-gray-100' },
+                        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 k\u1EF3 h\u1ECDc tr\u01B0\u1EDBc"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", { className: 'bg-gray-100' },
+                        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 k\u1EF3 h\u1ECDc tr\u01B0\u1EDBc"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
+                        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))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' })),
+                    react_1["default"].createElement("tr", { className: 'bg-gray-100' },
+                        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 :
+                        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))); }),
+                        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')))),
+                    react_1["default"].createElement("tr", { className: 'bg-gray-100' },
+                        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 :
+                        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' }, generateValueToView(item.last_period_debt_balance +
+                            item.total_tuition +
+                            item.total_required_service +
+                            item.total_not_required_service -
+                            item.total_promotion_service -
+                            item.total_promotion_tuition_policy -
+                            item.total_promotion_admission -
+                            item.total_promotion_tuition_scholar_ship -
+                            item.total_promotion_tuition_seniority -
+                            item.total_promotion_early -
+                            item.last_period_credit_balance))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' }, generateValueToView(totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_debt_balance') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_tuition') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_required_service') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early') -
+                            totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_credit_balance')))),
+                    react_1["default"].createElement("tr", { className: 'border-t  bg-gray-100' },
+                        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 :
+                        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))); }),
+                        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')))),
+                    react_1["default"].createElement("tr", { className: 'border-t  bg-gray-100' },
+                        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 thi\u1EBFu/(th\u1EEBa)"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
+                        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' }, generateValueToView(item.last_period_debt_balance +
+                            item.total_tuition +
+                            item.total_required_service +
+                            item.total_not_required_service -
+                            item.total_promotion_service -
+                            item.total_promotion_tuition_policy -
+                            item.total_promotion_admission -
+                            item.total_promotion_tuition_scholar_ship -
+                            item.total_promotion_tuition_seniority -
+                            item.total_promotion_early -
+                            item.total_payment -
+                            item.last_period_credit_balance))); }),
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' }, generateValueToView(totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_debt_balance') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_tuition') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_required_service') +
+                            totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early') -
+                            totalFeeByCode(listDebtRecordByStudent, 'total_payment') -
+                            totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_credit_balance')))),
+                    react_1["default"].createElement("tr", null,
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "9. \u0110\u00E3 ho\u00E0n tr\u1EA3"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
+                        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_refund))); }),
+                        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_refund')))),
+                    react_1["default"].createElement("tr", null,
+                        react_1["default"].createElement("td", { className: 'whitespace-nowrap py-2 pl-4 pr-3 text-xs font-medium text-gray-900 sm:pl-2' }, "10. File PDF thu ph\u00ED"), listDebtRecordByStudent === null || listDebtRecordByStudent === void 0 ? void 0 :
+                        listDebtRecordByStudent.map(function (itemDebt, index) {
+                            var _a, _b;
+                            var linkDeliveredEmail = ((_a = itemDebt.profile_student) === null || _a === void 0 ? void 0 : _a.tuition_notice_delivered_emails) || [];
+                            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); })) || [];
+                            var linkPdfNewest = '';
+                            if (listEmailFilterWithSchoolTermId.length > 0) {
+                                linkPdfNewest = (_b = listEmailFilterWithSchoolTermId[0]) === null || _b === void 0 ? void 0 : _b.link_pdf_cdn;
+                            }
+                            return linkPdfNewest ? (react_1["default"].createElement("td", { key: index, className: 'whitespace-nowrap px-2 py-2 text-xs  text-gray-900' },
+                                react_1["default"].createElement("a", { 
+                                    // ref={linkRef}
+                                    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' }, "---"));
+                        }),
+                        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))));
+};
+exports.PHXFormTuition = PHXFormTuition;
+//# sourceMappingURL=FormTuition.js.map

package/dist/cjs/components/FormTuition/FormTuition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTuition.js","sourceRoot":"","sources":["../../../../src/components/FormTuition/FormTuition.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/FormTuition/index.d.ts

@@ -0,0 +1 @@
+export * from './FormTuition';

package/dist/cjs/components/FormTuition/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FormTuition"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/FormTuition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormTuition/index.tsx"],"names":[],"mappings":";;;AAAA,wDAA6B"}

package/dist/cjs/components/FormWrap/FormWrap.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export interface FooterBarProps {
+    title?: string;
+    nameOfModal?: string;
+    contentOfModal?: string;
+    method?: string;
+    headerAction?: boolean;
+    headerActionText?: string;
+    headerActionType?: 'import' | 'custom';
+    footerAction?: boolean;
+    className?: string;
+    children?: any;
+    loading?: boolean;
+    onlyDelete?: boolean;
+    secondaryLeftButton?: boolean;
+    secondaryLeftButtonSubmit?: boolean;
+    secondaryLeftTextButton?: string;
+    deleted?: boolean;
+    submit?: boolean;
+    cancelText?: string;
+    submitText?: string;
+    isExport?: boolean;
+    exportText?: string;
+    onExport?(): void;
+    deletedLoading?: boolean;
+    formType?: 'add' | 'edit' | 'custom';
+    badge?: {
+        badgeText?: string;
+        badgeType?: string;
+    } | any;
+    size?: 'small' | 'medium' | 'large';
+    type?: 'default' | 'title-with-badge';
+    backAction?: boolean;
+    onSecondary?(): void;
+    onDelete?(): void;
+    onCancel?(): void;
+    onSubmit?(): void;
+    onImport?(): void;
+    onChangeCapture?(): void;
+    onHeaderActionClick?(): void;
+    onSubmitSecondaryLeftButton?(): void;
+    onDeletedSecondaryLeftButton?(): void;
+}
+export declare const PHXFormWrap: ({ isExport, exportText, onExport, badge, cancelText, children, contentOfModal, className, deleted, secondaryLeftButton, secondaryLeftButtonSubmit, secondaryLeftTextButton, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;

package/dist/cjs/components/FormWrap/FormWrap.js

@@ -0,0 +1,77 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXFormWrap = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Button_1 = require("../Button");
+var types_1 = require("../types");
+var solid_1 = require("@heroicons/react/20/solid");
+var Badge_1 = require("../Badge");
+var Modal_1 = require("../Modal");
+var outline_1 = require("@heroicons/react/24/outline");
+var ModalImport_1 = tslib_1.__importDefault(require("./ModalImport"));
+var PHXFormWrap = function (_a) {
+    var isExport = _a.isExport, exportText = _a.exportText, onExport = _a.onExport, badge = _a.badge, cancelText = _a.cancelText, children = _a.children, contentOfModal = _a.contentOfModal, className = _a.className, deleted = _a.deleted, secondaryLeftButton = _a.secondaryLeftButton, secondaryLeftButtonSubmit = _a.secondaryLeftButtonSubmit, secondaryLeftTextButton = _a.secondaryLeftTextButton, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onSecondary = _a.onSecondary, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onSubmitSecondaryLeftButton = _a.onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton = _a.onDeletedSecondaryLeftButton, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
+    var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
+    var _h = (0, react_1.useState)(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
+    var _j = (0, react_1.useState)(false), openImport = _j[0], setOpenImport = _j[1];
+    var handleDelete = function () {
+        if (onDelete) {
+            onDelete();
+        }
+        else {
+            return;
+        }
+    };
+    var handleHeaderAction = function () {
+        if (headerActionType === 'import') {
+            setOpenImport(true);
+        }
+        else {
+            if (onHeaderActionClick) {
+                onHeaderActionClick();
+            }
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        setIsModalOpen(deletedLoading);
+    }, [deletedLoading]);
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
+            react_1["default"].createElement("div", { className: sizeClassName },
+                headerAction && (react_1["default"].createElement("div", { className: 'mb-4 flex items-center justify-between' },
+                    react_1["default"].createElement("div", { className: 'flex items-center truncate' },
+                        backAction && (react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
+                            react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' }))),
+                        react_1["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex', backAction ? 'ml-2' : '') },
+                            react_1["default"].createElement("h2", { className: (0, types_1.classNames)('sm:text-md truncate text-lg font-medium leading-6 text-gray-900 sm:tracking-tight', type === 'default' ? '' : 'mr-2 flex-1') }, title),
+                            type === 'title-with-badge' && (react_1["default"].createElement("div", { className: 'flex items-center' },
+                                react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
+                    (exportText || headerActionText) && (react_1["default"].createElement("div", { className: 'flex items-center' },
+                        isExport && exportText && (react_1["default"].createElement("div", { className: (0, types_1.classNames)(headerActionText ? 'mr-2' : '') },
+                            react_1["default"].createElement(Button_1.PHXButton, { onClick: onExport, secondary: true, size: 'small' }, exportText))),
+                        headerActionText && (react_1["default"].createElement("div", null,
+                            react_1["default"].createElement(Button_1.PHXButton, { onClick: handleHeaderAction, primary: true, size: 'small' }, headerActionText))))))),
+                children,
+                react_1["default"].createElement("div", { className: footerAction
+                        ? (0, types_1.classNames)(deleted || secondaryLeftButton ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
+                        : 'hidden' },
+                    deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
+                        react_1["default"].createElement(Button_1.PHXButton, { danger: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
+                        react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'X\u00E1c nh\u1EADn x\u00F3a', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen === true, title: "Xo\u00E1 ".concat(nameOfModal, "?") },
+                            react_1["default"].createElement("div", { className: 'sm:flex sm:items-start' },
+                                react_1["default"].createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
+                                    react_1["default"].createElement(outline_1.ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
+                                react_1["default"].createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
+                                    react_1["default"].createElement("div", { className: 'mt-2' },
+                                        react_1["default"].createElement("p", { className: 'text-xs text-gray-500' }, contentOfModal
+                                            ? contentOfModal
+                                            : "B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ".concat(nameOfModal, "? Thao t\u00E1c n\u00E0y kh\u00F4ng th\u1EC3 ho\u00E0n t\u00E1c.")))))))),
+                    secondaryLeftButton && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (react_1["default"].createElement(Button_1.PHXButton, { danger: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
+                    !onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
+                        react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onSecondary ? onSecondary : onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
+                        submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
+        react_1["default"].createElement(ModalImport_1["default"], { show: openImport, onHide: function () { return setOpenImport(false); }, handleImport: onImport, onChangeCapture: onChangeCapture })));
+};
+exports.PHXFormWrap = PHXFormWrap;
+//# sourceMappingURL=FormWrap.js.map

package/dist/cjs/components/FormWrap/FormWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/FormWrap/ModalImport.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ImportModal({ handleImport, show, onHide, onChangeCapture }: any): React.JSX.Element;

package/dist/cjs/components/FormWrap/ModalImport.js

@@ -0,0 +1,49 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var Modal_1 = require("../Modal");
+function ImportModal(_a) {
+    var handleImport = _a.handleImport, show = _a.show, onHide = _a.onHide, onChangeCapture = _a.onChangeCapture;
+    var _b = (0, react_1.useState)(''), fileName = _b[0], setFileName = _b[1];
+    var inputFileRef = react_1["default"].useRef();
+    var onFileChangeCapture = function (e) {
+        var file = e.target.files ? e.target.files[0] : null;
+        if (file) {
+            var fileName_1 = file.name;
+            setFileName(fileName_1);
+        }
+        if (onChangeCapture) {
+            onChangeCapture(file);
+        }
+    };
+    var onFileChange = function () {
+        // @ts-ignore
+        inputFileRef.current.click();
+    };
+    return (react_1["default"].createElement(Modal_1.PHXModal, { show: show, onHide: onHide, primaryActionText: 'X\u00E1c nh\u1EADn', onPrimaryClick: handleImport },
+        react_1["default"].createElement("div", null,
+            react_1["default"].createElement("div", { className: 'border-b border-gray-200 bg-white px-4 py-5 sm:px-6 -ml-6 -mt-6 -mr-6' },
+                react_1["default"].createElement("h3", { className: 'text-lg font-medium leading-6 text-gray-900' }, "T\u1EA3i l\u00EAn d\u1EEF li\u1EC7u")),
+            react_1["default"].createElement("div", { className: 'mt-2' },
+                react_1["default"].createElement("p", { className: 'text-sm text-gray-500' }, "H\u00E3y ki\u1EC3m tra d\u1EEF li\u1EC7u tr\u01B0\u1EDBc khi t\u1EA3i l\u00EAn")),
+            react_1["default"].createElement("div", { className: 'mt-5' },
+                react_1["default"].createElement("div", { className: 'hidden' },
+                    react_1["default"].createElement("input", { type: 'file', ref: inputFileRef, onChangeCapture: onFileChangeCapture })),
+                fileName == '' ? (react_1["default"].createElement("button", { type: 'button', onClick: onFileChange, className: 'relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2' },
+                    react_1["default"].createElement("svg", { className: 'mx-auto h-12 w-12 text-gray-400', xmlns: 'http://www.w3.org/2000/svg', stroke: 'currentColor', fill: 'none', viewBox: '0 0 48 48', "aria-hidden": 'true' },
+                        react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: 2, d: 'M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6' })),
+                    react_1["default"].createElement("span", { className: 'mt-2 block text-sm font-medium text-gray-900' }, "Ch\u1ECDn th\u01B0 m\u1EE5c"))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
+                    react_1["default"].createElement("div", { className: 'flex border text-gray-500 text-sm border-r-0 border-l-0 border-gray-300 pt-5 pb-5 pl-3 pr-3' },
+                        react_1["default"].createElement("div", { className: 'flex flex-1' },
+                            react_1["default"].createElement(solid_1.DocumentTextIcon, { className: 'mr-1 w-5 h-5 min-w-fit' }),
+                            react_1["default"].createElement("span", null, fileName)),
+                        react_1["default"].createElement("div", { className: 'text-right' },
+                            react_1["default"].createElement("button", { onClick: onFileChange, type: 'button', className: 'inline-flex items-center rounded border border-gray-300 bg-white px-2.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2' }, "Thay \u0111\u1ED5i")))))),
+            react_1["default"].createElement("div", { className: 'flex mt-5' },
+                react_1["default"].createElement(solid_1.InformationCircleIcon, { className: 'w-6 h-6 text-gray-400 mr-1' }),
+                react_1["default"].createElement("label", { htmlFor: 'comments', className: 'text-sm text-gray-500' }, "check")))));
+}
+exports["default"] = ImportModal;
+//# sourceMappingURL=ModalImport.js.map

package/dist/cjs/components/FormWrap/ModalImport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalImport.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/ModalImport.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,mDAAmF;AACnF,kCAAmC;AAEnC,SAAwB,WAAW,CAAC,EAAoD;QAAlD,YAAY,kBAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA;IACzE,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAArC,QAAQ,QAAA,EAAE,WAAW,QAAgB,CAAA;IAE5C,IAAM,YAAY,GAAG,kBAAK,CAAC,MAAM,EAAE,CAAA;IAEnC,IAAM,mBAAmB,GAAG,UAAC,CAAsC;QACjE,IAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QACtD,IAAI,IAAI,EAAE;YACR,IAAM,UAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;YAC1B,WAAW,CAAC,UAAQ,CAAC,CAAA;SACtB;QACD,IAAI,eAAe,EAAE;YACnB,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,aAAa;QACb,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,CACL,iCAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAC,oBAAU,EAAC,cAAc,EAAE,YAAY;QAC7F;YACE,0CAAK,SAAS,EAAC,uEAAuE;gBACpF,yCAAI,SAAS,EAAC,6CAA6C,0CAAqB,CAC5E;YACN,0CAAK,SAAS,EAAC,MAAM;gBACnB,wCAAG,SAAS,EAAC,uBAAuB,qFAA2C,CAC3E;YACN,0CAAK,SAAS,EAAC,MAAM;gBACnB,0CAAK,SAAS,EAAC,QAAQ;oBAErB,4CAAO,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,GAAI,CAC1E;gBACL,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAChB,6CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,0LAA0L;oBAEpM,0CACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM;wBAElB,2CACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,mNAAmN,GACrN,CACE;oBACN,2CAAM,SAAS,EAAC,8CAA8C,kCAAoB,CAC3E,CACV,CAAC,CAAC,CAAC,CACF;oBACE,0CAAK,SAAS,EAAC,6FAA6F;wBAC1G,0CAAK,SAAS,EAAC,aAAa;4BAC1B,iCAAC,wBAAgB,IAAC,SAAS,EAAE,wBAAwB,GAAI;4BACzD,+CAAO,QAAQ,CAAQ,CACnB;wBACN,0CAAK,SAAS,EAAC,YAAY;4BACzB,6CACE,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uNAAuN,yBAG1N,CACL,CACF,CACL,CACJ,CACG;YACN,0CAAK,SAAS,EAAC,WAAW;gBACxB,iCAAC,6BAAqB,IAAC,SAAS,EAAC,4BAA4B,GAAG;gBAChE,4CAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,uBAAuB,YAEnD,CACJ,CACF,CACG,CACZ,CAAA;AACH,CAAC;AAvFD,iCAuFC"}

package/dist/cjs/components/FormWrap/index.d.ts

@@ -0,0 +1 @@
+export * from './FormWrap';

package/dist/cjs/components/FormWrap/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FormWrap"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/FormWrap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}

package/dist/cjs/components/Func/clientMutationV2.d.ts

@@ -0,0 +1,2 @@
+import { ApolloCache, DefaultContext, MutationFunction, OperationVariables } from '@apollo/client';
+export default function PHXClientMutation(mutationName: MutationFunction<any, OperationVariables, DefaultContext, ApolloCache<any>>, option?: OperationVariables, customHeaders?: any, isDelay?: boolean, query?: string): Promise<import("@apollo/client").FetchResult<any, Record<string, any>, Record<string, any>> | Response>;

package/dist/cjs/components/Func/clientMutationV2.js

@@ -0,0 +1,58 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+function PHXClientMutation(mutationName, option, customHeaders, isDelay, query) {
+    if (isDelay === void 0) { isDelay = true; }
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var mutationResult, startTime, urlApiGateway, variable, env, uri, fullUrl, headers, endTime, duration;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    if (!query) return [3 /*break*/, 2];
+                    urlApiGateway = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
+                    variable = option === null || option === void 0 ? void 0 : option.variables;
+                    return [4 /*yield*/, fetch("".concat(urlApiGateway, "/mutation"), {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({ source: 'dashboard', query: query, variable: variable })
+                        })];
+                case 1:
+                    mutationResult = _a.sent();
+                    return [3 /*break*/, 6];
+                case 2:
+                    env = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV', process.env.NEXT_PUBLIC_ENV);
+                    uri = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+                    fullUrl = typeof window === 'undefined' ? '' : window.location.href;
+                    headers = tslib_1.__assign(tslib_1.__assign({}, customHeaders), { 'Full-Url': fullUrl });
+                    if (!(env === 'local')) return [3 /*break*/, 4];
+                    return [4 /*yield*/, mutationName(tslib_1.__assign(tslib_1.__assign({}, option), { context: {
+                                uri: uri,
+                                headers: headers
+                            } }))];
+                case 3:
+                    mutationResult = _a.sent();
+                    return [3 /*break*/, 6];
+                case 4: return [4 /*yield*/, mutationName(tslib_1.__assign(tslib_1.__assign({}, option), { context: { uri: "".concat(uri, "/graphql/ms/v1/graphql"), headers: headers } }))];
+                case 5:
+                    mutationResult = _a.sent();
+                    _a.label = 6;
+                case 6:
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100 && isDelay)) return [3 /*break*/, 8];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
+                case 7:
+                    _a.sent();
+                    _a.label = 8;
+                case 8: return [2 /*return*/, mutationResult];
+            }
+        });
+    });
+}
+exports["default"] = PHXClientMutation;
+//# sourceMappingURL=clientMutationV2.js.map

package/dist/cjs/components/Func/clientMutationV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientMutationV2.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV2.ts"],"names":[],"mappings":";;;AACA,yDAA8C;AAE9C,SAA8B,iBAAiB,CAC7C,YAAyF,EACzF,MAA2B,EAC3B,aAAmB,EACnB,OAAc,EACd,KAAc;IADd,wBAAA,EAAA,cAAc;;;;;;oBAIR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;yBAC/B,KAAK,EAAL,wBAAK;oBAED,aAAa,GAAG,IAAA,wBAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;oBAEtF,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAA;oBACjB,qBAAM,KAAK,CAAC,UAAG,aAAa,cAAW,EAAE;4BACxD,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;4BACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;yBAC/D,CAAC,EAAA;;oBANF,cAAc,GAAG,SAMf,CAAA;;;oBAGI,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;oBAC5D,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;oBAC5D,OAAO,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;oBACnE,OAAO,yCAAQ,aAAa,KAAE,UAAU,EAAE,OAAO,GAAE,CAAA;yBAErD,CAAA,GAAG,KAAK,OAAO,CAAA,EAAf,wBAAe;oBACA,qBAAM,YAAY,uCAC9B,MAAM,KACT,OAAO,EAAE;gCACP,GAAG,KAAA;gCACH,OAAO,SAAA;6BACR,IACD,EAAA;;oBANF,cAAc,GAAG,SAMf,CAAA;;wBAEe,qBAAM,YAAY,uCAC9B,MAAM,KACT,OAAO,EAAE,EAAE,GAAG,EAAE,UAAG,GAAG,2BAAwB,EAAE,OAAO,SAAA,EAAE,IACzD,EAAA;;oBAHF,cAAc,GAAG,SAGf,CAAA;;;oBAIA,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAEhC,CAAA,QAAQ,GAAG,GAAG,IAAI,OAAO,CAAA,EAAzB,wBAAyB;oBAC3B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,cAAc,EAAA;;;;CACtB;AApDD,uCAoDC"}

package/dist/cjs/components/Func/clientQueryV2.d.ts

@@ -0,0 +1,2 @@
+import { LazyQueryExecFunction, OperationVariables } from '@apollo/client';
+export default function PHXClientQuery(queryName: LazyQueryExecFunction<any, OperationVariables>, option?: OperationVariables, isDelay?: boolean, query?: string): Promise<Response | import("@apollo/client").QueryResult<any, OperationVariables>>;