phx-react 1.3.2023

package/dist/esm/components/FormTuition/FormTuition.js

@@ -0,0 +1,223 @@
+import { __awaiter, __generator } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { useLazyQuery } from '@apollo/client';
+import { toVND } from '../../utils/format-number';
+import { PHXSkeleton } from '../Skeleton';
+import PHXClientQuery from '../Func/clientQueryV2';
+import { getTuitionDebtRecordByUserCode } from '../../query/gql';
+import { PHXEmptyRecord } from '../EmptyRecord';
+import { KEY_COEFFICIENT_SEMESTER_I, KEY_COEFFICIENT_SEMESTER_II } from '../../utils/constants';
+export var PHXFormTuition = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _m = _a.isProcessByMonth, isProcessByMonth = _m === void 0 ? false : _m, school_id = _a.school_id, school_year_id = _a.school_year_id, setDiscountPromotionObject = _a.setDiscountPromotionObject, setShowModalPromotionObject = _a.setShowModalPromotionObject, setShowModalService = _a.setShowModalService, user_code = _a.user_code;
+    var getDataFeeListQuery = useLazyQuery(getTuitionDebtRecordByUserCode, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true,
+    })[0];
+    var _o = useState(false), isLoadingTable = _o[0], setIsLoadingTable = _o[1];
+    var _p = useState([]), listDebtRecordByStudent = _p[0], setListDebtRecordByStudent = _p[1];
+    var _q = useState([]), listDebtRecordByMonth = _q[0], setListDebtRecordByMonth = _q[1];
+    var generateValueToView = function (value) {
+        if (!value)
+            return 0;
+        return value > 0 ? toVND(value) : "(".concat(toVND(-value), ")");
+    };
+    var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, _a, tuition_fee_debt_record, tuition_fee_debt_record_by_month;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setIsLoadingTable(true);
+                    return [4 /*yield*/, PHXClientQuery(getDataFeeListQuery, {
+                            variables: {
+                                school_id: school_id,
+                                user_code: user_code,
+                                school_year_id: school_year_id,
+                            },
+                        })];
+                case 1:
+                    res = _b.sent();
+                    if (res) {
+                        _a = res.data, tuition_fee_debt_record = _a.tuition_fee_debt_record, tuition_fee_debt_record_by_month = _a.tuition_fee_debt_record_by_month;
+                        setListDebtRecordByStudent(tuition_fee_debt_record);
+                        setListDebtRecordByMonth(tuition_fee_debt_record_by_month);
+                    }
+                    setIsLoadingTable(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (school_year_id) {
+            fetchData();
+        }
+    }, [school_year_id, isProcessByMonth]);
+    var checkIsHasPromoPolicy = 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(
+        // eslint-disable-next-line @typescript-eslint/no-shadow
+        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) === KEY_COEFFICIENT_SEMESTER_I; });
+        return dataLastYear || [];
+    };
+    var getDebtAndCreditCurrentYear = 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) === KEY_COEFFICIENT_SEMESTER_II; });
+        return dataLastYear || [];
+    };
+    // Tạo ra những row detail của các đầu mục lớn vd (1., 2. ...)
+    var createRowDetail = function (title, key) {
+        var listDebtRecord = isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent;
+        var isHasData = listDebtRecord.some(function (item) { return item[key]; });
+        if (isHasData) {
+            return (React.createElement("tr", null,
+                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-white pl-6 text-xs text-gray-900 drop-shadow-md' }, title), listDebtRecord === null || listDebtRecord === void 0 ? void 0 :
+                listDebtRecord.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item[key]))); }),
+                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, key)))));
+        }
+        else {
+            return React.createElement(React.Fragment, null);
+        }
+    };
+    return (React.createElement(React.Fragment, null, isLoadingTable ? (React.createElement(PHXSkeleton, { type: 'table' })) : listDebtRecordByStudent.length > 0 ? (React.createElement("div", { className: 'rounded-lg bg-white  shadow ring-1 ring-black ring-opacity-5' },
+        React.createElement("div", { className: 'overflow-x-auto rounded-lg' },
+            React.createElement("div", { className: 'min-w-full align-middle shadow  ring-black ring-opacity-5' },
+                React.createElement("div", { className: 'relative overflow-auto' },
+                    React.createElement("table", { className: 'w-full table-fixed border-separate border-spacing-0\t divide-y divide-gray-300' },
+                        React.createElement("thead", null,
+                            React.createElement("tr", null,
+                                React.createElement("th", { className: 'sticky left-0 w-[210px] border-r bg-white px-3 py-2 pl-8 text-left align-top text-xs font-semibold text-gray-500 drop-shadow-md xl:drop-shadow-none', scope: 'col' }, "Chi ti\u1EBFt kho\u1EA3n ph\u00ED"), (_b = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _b === void 0 ? void 0 :
+                                _b.map(function (item, index) {
+                                    var _a, _b;
+                                    return (React.createElement("th", { key: index, className: 'w-[210px] border-r bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, isProcessByMonth ? (_a = item.school_month) === null || _a === void 0 ? void 0 : _a.name : (_b = item.school_term) === null || _b === void 0 ? void 0 : _b.name));
+                                }),
+                                React.createElement("th", { className: 'w-[210px] bg-white px-3 py-2 pl-2 text-left align-top text-xs font-semibold text-gray-500', scope: 'col' }, "C\u1EA3 n\u0103m"))),
+                        React.createElement("tbody", { className: 'divide-y divide-gray-200 bg-white' },
+                            React.createElement("tr", { className: 'bg-gray-100' },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "1. D\u01B0 n\u1EE3 \u0111\u1EA7u k\u1EF3"), (_c = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _c === void 0 ? void 0 :
+                                _c.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, generateValueToView(item.last_period_debt_balance - item.last_period_credit_balance))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, generateValueToView(totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_debt_balance') -
+                                    totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_credit_balance')))),
+                            React.createElement("tr", { className: 'bg-gray-100' },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "2. Kho\u1EA3n thu"), (_d = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _d === void 0 ? void 0 :
+                                _d.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item.total_tuition +
+                                    item.total_required_service +
+                                    item.total_not_required_service +
+                                    item.total_adjustment_additional))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, 'total_tuition') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_required_service') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_not_required_service') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_adjustment_additional')))),
+                            React.createElement("tr", null,
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-white pl-6 text-xs text-gray-900 drop-shadow-md' }, "H\u1ECDc ph\u00ED ni\u00EAm y\u1EBFt"), (_e = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _e === void 0 ? void 0 :
+                                _e.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item.total_tuition))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, 'total_tuition')))),
+                            React.createElement("tr", { className: "".concat(setShowModalService ? 'hover:cursor-pointer hover:bg-gray-50' : ''), onClick: function () {
+                                    if (!setShowModalService) {
+                                        return;
+                                    }
+                                    setShowModalService(true);
+                                } },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-white pl-6 text-xs text-gray-900 drop-shadow-md' }, "D\u1ECBch v\u1EE5 b\u1EAFt bu\u1ED9c"), (_f = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _f === void 0 ? void 0 :
+                                _f.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item.total_required_service))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, 'total_required_service')))),
+                            createRowDetail('Dịch vụ tuỳ chọn', 'total_not_required_service'),
+                            createRowDetail('Phí phụ thu', 'total_adjustment_additional'),
+                            React.createElement("tr", { className: 'bg-gray-100' },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "3. Kho\u1EA3n gi\u1EA3m tr\u1EEB"), (_g = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _g === void 0 ? void 0 :
+                                _g.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item.total_promotion_early +
+                                    item.total_promotion_tuition_scholar_ship +
+                                    item.total_promotion_tuition_policy +
+                                    item.total_promotion_tuition_seniority +
+                                    item.total_promotion_admission +
+                                    item.total_promotion_service +
+                                    item.total_adjustment_refund +
+                                    item.total_refund))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_seniority') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_adjustment_refund') +
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_refund')))),
+                            createRowDetail('Ưu đãi đóng sớm', 'total_promotion_early'),
+                            createRowDetail('Ưu đãi học bổng', 'total_promotion_tuition_scholar_ship'),
+                            checkIsHasPromoPolicy(listDebtRecordByStudent) && (React.createElement("tr", { className: "".concat(setShowModalPromotionObject ? 'hover:cursor-pointer hover:bg-gray-50' : ''), onClick: function () {
+                                    if (!setShowModalPromotionObject) {
+                                        return;
+                                    }
+                                    setShowModalPromotionObject(true);
+                                    setDiscountPromotionObject(Number((totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') /
+                                        totalFeeByCode(listDebtRecordByStudent, 'total_tuition')) *
+                                        100).toFixed(1));
+                                } },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-white pl-6 text-xs text-gray-900 drop-shadow-md' }, "\u01AFu \u0111\u00E3i \u0111\u1ED1i t\u01B0\u1EE3ng"), (_h = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _h === void 0 ? void 0 :
+                                _h.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item.total_promotion_tuition_policy))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy'))))),
+                            createRowDetail('Ưu đãi thâm niên', 'total_promotion_tuition_seniority'),
+                            createRowDetail('Ưu đãi tuyển sinh', 'total_promotion_admission'),
+                            createRowDetail('Ưu đãi phí dịch vụ', 'total_promotion_service'),
+                            createRowDetail('Giảm trừ bổ sung', 'total_adjustment_refund'),
+                            createRowDetail('Hoàn tiền dịch vụ', 'total_refund'),
+                            React.createElement("tr", { className: 'bg-gray-100' },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "4. Ph\u1EA3i thu (4=1+2-3)"), (_j = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _j === void 0 ? void 0 :
+                                _j.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t 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_adjustment_additional -
+                                    item.total_promotion_early -
+                                    item.total_promotion_tuition_scholar_ship -
+                                    item.total_promotion_tuition_policy -
+                                    item.total_promotion_tuition_seniority -
+                                    item.total_promotion_admission -
+                                    item.total_promotion_service -
+                                    item.total_adjustment_refund -
+                                    item.total_refund -
+                                    item.last_period_credit_balance))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t 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_adjustment_additional') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_early') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_scholar_ship') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_policy') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_tuition_seniority') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_admission') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_promotion_service') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_adjustment_refund') -
+                                    totalFeeByCode(listDebtRecordByStudent, 'total_refund') -
+                                    totalFeeByCode(getDebtAndCreditLastYear(listDebtRecordByStudent), 'last_period_credit_balance')))),
+                            React.createElement("tr", { className: 'border-t  bg-gray-100' },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "5. \u0110\u00E3 \u0111\u00F3ng"), (_k = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _k === void 0 ? void 0 :
+                                _k.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, toVND(item.total_payment))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, toVND(totalFeeByCode(listDebtRecordByStudent, 'total_payment')))),
+                            React.createElement("tr", { className: 'border-t  bg-gray-100' },
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-gray-100 pl-2 text-xs text-gray-900 drop-shadow-md' }, "6. Ti\u1EC1n thi\u1EBFu/(th\u1EEBa)"), (_l = (isProcessByMonth ? listDebtRecordByMonth : listDebtRecordByStudent)) === null || _l === void 0 ? void 0 :
+                                _l.map(function (item, index) { return (React.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, generateValueToView(item.last_debt_balance - item.last_credit_balance))); }),
+                                React.createElement("td", { className: 'whitespace-nowrap border-t px-2 py-2 text-xs text-gray-900' }, generateValueToView(totalFeeByCode(getDebtAndCreditCurrentYear(listDebtRecordByStudent), 'last_debt_balance') -
+                                    totalFeeByCode(getDebtAndCreditCurrentYear(listDebtRecordByStudent), 'last_credit_balance')))),
+                            !isProcessByMonth && (React.createElement("tr", null,
+                                React.createElement("td", { className: 'sticky left-0 whitespace-nowrap border-r border-t bg-white pl-2 text-xs text-gray-900 drop-shadow-md' }, "7. 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.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' },
+                                        React.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.createElement("td", { key: index, className: 'whitespace-nowrap border-r border-t px-2 py-2 text-xs text-gray-900' }, "---"));
+                                }),
+                                React.createElement("td", { className: 'whitespace-nowrap px-2 py-2 text-xs border-t text-gray-900' })))))))))) : (React.createElement(PHXEmptyRecord, null))));
+};
+//# sourceMappingURL=FormTuition.js.map

package/dist/esm/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/esm/components/FormTuition/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './FormTuition';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/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/esm/components/FormWrap/FormWrap.js

@@ -0,0 +1,72 @@
+import React, { useEffect, useState } from 'react';
+import { PHXButton } from '../Button';
+import { classNames } from '../types';
+import { ArrowLeftIcon } from '@heroicons/react/20/solid';
+import { PHXBadge } from '../Badge';
+import { PHXModal } from '../Modal';
+import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
+import ImportModal from './ModalImport';
+export 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 = 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 = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
+    var _j = 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();
+            }
+        }
+    };
+    useEffect(function () {
+        setIsModalOpen(deletedLoading);
+    }, [deletedLoading]);
+    return (React.createElement("div", { className: className },
+        React.createElement("form", { method: method, onSubmit: onSubmit },
+            React.createElement("div", { className: sizeClassName },
+                headerAction && (React.createElement("div", { className: 'mb-4 flex items-center justify-between' },
+                    React.createElement("div", { className: 'flex items-center truncate' },
+                        backAction && (React.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.createElement(ArrowLeftIcon, { className: 'h-5 w-5' }))),
+                        React.createElement("div", { className: classNames('min-w-0', type === 'default' ? 'flex-1' : 'flex', backAction ? 'ml-2' : '') },
+                            React.createElement("h2", { className: 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.createElement("div", { className: 'flex items-center' },
+                                React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
+                    (exportText || headerActionText) && (React.createElement("div", { className: 'flex items-center' },
+                        isExport && exportText && (React.createElement("div", { className: classNames(headerActionText ? 'mr-2' : '') },
+                            React.createElement(PHXButton, { onClick: onExport, secondary: true, size: 'small' }, exportText))),
+                        headerActionText && (React.createElement("div", null,
+                            React.createElement(PHXButton, { onClick: handleHeaderAction, primary: true, size: 'small' }, headerActionText))))))),
+                children,
+                React.createElement("div", { className: footerAction
+                        ? classNames(deleted || secondaryLeftButton ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
+                        : 'hidden' },
+                    deleted && (React.createElement(React.Fragment, null,
+                        React.createElement(PHXButton, { danger: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
+                        React.createElement(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.createElement("div", { className: 'sm:flex sm:items-start' },
+                                React.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.createElement(ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
+                                React.createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
+                                    React.createElement("div", { className: 'mt-2' },
+                                        React.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.createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (React.createElement(PHXButton, { danger: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
+                    !onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
+                        React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onSecondary ? onSecondary : onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
+                        submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
+        React.createElement(ImportModal, { show: openImport, onHide: function () { return setOpenImport(false); }, handleImport: onImport, onChangeCapture: onChangeCapture })));
+};
+//# sourceMappingURL=FormWrap.js.map

package/dist/esm/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/esm/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/esm/components/FormWrap/ModalImport.js

@@ -0,0 +1,45 @@
+import React, { useState } from 'react';
+import { InformationCircleIcon, DocumentTextIcon } from '@heroicons/react/20/solid';
+import { PHXModal } from '../Modal';
+export default function ImportModal(_a) {
+    var handleImport = _a.handleImport, show = _a.show, onHide = _a.onHide, onChangeCapture = _a.onChangeCapture;
+    var _b = useState(''), fileName = _b[0], setFileName = _b[1];
+    var inputFileRef = React.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.createElement(PHXModal, { show: show, onHide: onHide, primaryActionText: 'X\u00E1c nh\u1EADn', onPrimaryClick: handleImport },
+        React.createElement("div", null,
+            React.createElement("div", { className: 'border-b border-gray-200 bg-white px-4 py-5 sm:px-6 -ml-6 -mt-6 -mr-6' },
+                React.createElement("h3", { className: 'text-lg font-medium leading-6 text-gray-900' }, "T\u1EA3i l\u00EAn d\u1EEF li\u1EC7u")),
+            React.createElement("div", { className: 'mt-2' },
+                React.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.createElement("div", { className: 'mt-5' },
+                React.createElement("div", { className: 'hidden' },
+                    React.createElement("input", { type: 'file', ref: inputFileRef, onChangeCapture: onFileChangeCapture })),
+                fileName == '' ? (React.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.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.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.createElement("span", { className: 'mt-2 block text-sm font-medium text-gray-900' }, "Ch\u1ECDn th\u01B0 m\u1EE5c"))) : (React.createElement(React.Fragment, null,
+                    React.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.createElement("div", { className: 'flex flex-1' },
+                            React.createElement(DocumentTextIcon, { className: 'mr-1 w-5 h-5 min-w-fit' }),
+                            React.createElement("span", null, fileName)),
+                        React.createElement("div", { className: 'text-right' },
+                            React.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.createElement("div", { className: 'flex mt-5' },
+                React.createElement(InformationCircleIcon, { className: 'w-6 h-6 text-gray-400 mr-1' }),
+                React.createElement("label", { htmlFor: 'comments', className: 'text-sm text-gray-500' }, "check")))));
+}
+//# sourceMappingURL=ModalImport.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './FormWrap';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/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): Promise<import("@apollo/client").FetchResult<any>>;

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

@@ -0,0 +1,41 @@
+import { __assign, __awaiter, __generator } from "tslib";
+import { getEnv } from '../../read-env-config';
+export default function PHXClientMutation(mutationName_1, option_1, customHeaders_1) {
+    return __awaiter(this, arguments, void 0, function (mutationName, option, customHeaders, isDelay) {
+        var startTime, env, uri, fullUrl, headers, mutationResult, endTime, duration;
+        if (isDelay === void 0) { isDelay = true; }
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    env = getEnv('NEXT_PUBLIC_ENV', process.env.NEXT_PUBLIC_ENV);
+                    uri = getEnv('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+                    fullUrl = typeof window === 'undefined' ? '' : window.location.href;
+                    headers = __assign(__assign({}, customHeaders), { 'Full-Url': fullUrl });
+                    if (!(env === 'local')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, mutationName(__assign(__assign({}, option), { context: {
+                                uri: uri,
+                                headers: headers,
+                            } }))];
+                case 1:
+                    mutationResult = _a.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, mutationName(__assign(__assign({}, option), { context: { uri: "".concat(uri, "/graphql/ms/v1/graphql"), headers: headers } }))];
+                case 3:
+                    mutationResult = _a.sent();
+                    _a.label = 4;
+                case 4:
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100 && isDelay)) return [3 /*break*/, 6];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
+                case 5:
+                    _a.sent();
+                    _a.label = 6;
+                case 6: return [2 /*return*/, mutationResult];
+            }
+        });
+    });
+}
+//# sourceMappingURL=clientMutationV2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clientMutationV2.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV2.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAE9C,MAAM,CAAC,OAAO,UAAgB,iBAAiB;wDAC7C,YAAyF,EACzF,MAA2B,EAC3B,aAAmB,EACnB,OAAc;;QAAd,wBAAA,EAAA,cAAc;;;;oBAER,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC7B,GAAG,GAAG,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;oBAC5D,GAAG,GAAG,MAAM,CAAC,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,yBAAQ,aAAa,KAAE,UAAU,EAAE,OAAO,GAAE,CAAA;yBAGrD,CAAA,GAAG,KAAK,OAAO,CAAA,EAAf,wBAAe;oBACA,qBAAM,YAAY,uBAC9B,MAAM,KACT,OAAO,EAAE;gCACP,GAAG,KAAA;gCACH,OAAO,SAAA;6BACR,IACD,EAAA;;oBANF,cAAc,GAAG,SAMf,CAAA;;wBAEe,qBAAM,YAAY,uBAC9B,MAAM,KACT,OAAO,EAAE,EAAE,GAAG,EAAE,UAAG,GAAG,2BAAwB,EAAE,OAAO,SAAA,EAAE,IACzD,EAAA;;oBAHF,cAAc,GAAG,SAGf,CAAA;;;oBAGE,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"}

package/dist/esm/components/Func/clientMutationV3.d.ts

@@ -0,0 +1,9 @@
+export default function PHXClientMutationV3({ query, variables, isDelay, }: {
+    query: string;
+    variables?: object;
+    isDelay?: boolean;
+}): Promise<import("axios").AxiosResponse<any, {
+    source: string;
+    query: string;
+    variables: object | undefined;
+}, {}, any>>;

package/dist/esm/components/Func/clientMutationV3.js

@@ -0,0 +1,45 @@
+import { __awaiter, __generator } from "tslib";
+import { getEnv } from '../../read-env-config';
+import axios from 'axios';
+export default function PHXClientMutationV3(_a) {
+    return __awaiter(this, arguments, void 0, function (_b) {
+        var mutationResult, startTime, urlApiGateway, error_1, endTime, duration;
+        var query = _b.query, variables = _b.variables, _c = _b.isDelay, isDelay = _c === void 0 ? true : _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    startTime = performance.now();
+                    urlApiGateway = getEnv('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, axios.post("".concat(urlApiGateway, "/mutation"), {
+                            source: 'dashboard',
+                            query: query,
+                            variables: variables,
+                        }, {
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                        })];
+                case 2:
+                    mutationResult = _d.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _d.sent();
+                    throw new Error('Error with Axios request: ' + error_1.message);
+                case 4:
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100 && isDelay)) return [3 /*break*/, 6];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
+                case 5:
+                    _d.sent();
+                    _d.label = 6;
+                case 6: return [2 /*return*/, mutationResult];
+            }
+        });
+    });
+}
+//# sourceMappingURL=clientMutationV3.js.map

package/dist/esm/components/Func/clientMutationV3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientMutationV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV3.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAgB,mBAAmB;wDAAC,EAQjD;;YAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;;;;oBAOR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC7B,aAAa,GAAG,MAAM,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAGzE,qBAAM,KAAK,CAAC,IAAI,CAC/B,UAAG,aAAa,cAAW,EAC3B;4BACE,MAAM,EAAE,WAAW;4BACnB,KAAK,EAAE,KAAK;4BACZ,SAAS,WAAA;yBACV,EACD;4BACE,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CACF,EAAA;;oBAZD,cAAc,GAAG,SAYhB,CAAA;;;;oBAED,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,OAAK,CAAC,OAAO,CAAC,CAAA;;oBAGzD,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"}

package/dist/esm/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): Promise<import("@apollo/client").InteropLazyQueryExecResult<any, OperationVariables>>;