phx-react 1.3.2023

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: 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";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ImportModal;
+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")))));
+}
+//# 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":";;AAIA,8BAuFC;;AA3FD,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,eAAK,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,CAAC;YACT,IAAM,UAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;YAC1B,WAAW,CAAC,UAAQ,CAAC,CAAA;QACvB,CAAC;QACD,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,aAAa;QACb,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,gBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAC,oBAAU,EAAC,cAAc,EAAE,YAAY;QAC7F;YACE,uCAAK,SAAS,EAAC,uEAAuE;gBACpF,sCAAI,SAAS,EAAC,6CAA6C,0CAAqB,CAC5E;YACN,uCAAK,SAAS,EAAC,MAAM;gBACnB,qCAAG,SAAS,EAAC,uBAAuB,qFAA2C,CAC3E;YACN,uCAAK,SAAS,EAAC,MAAM;gBACnB,uCAAK,SAAS,EAAC,QAAQ;oBAErB,yCAAO,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,GAAI,CAC1E;gBACL,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAChB,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,0LAA0L;oBAEpM,uCACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM;wBAElB,wCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,mNAAmN,GACrN,CACE;oBACN,wCAAM,SAAS,EAAC,8CAA8C,kCAAoB,CAC3E,CACV,CAAC,CAAC,CAAC,CACF;oBACE,uCAAK,SAAS,EAAC,6FAA6F;wBAC1G,uCAAK,SAAS,EAAC,aAAa;4BAC1B,8BAAC,wBAAgB,IAAC,SAAS,EAAE,wBAAwB,GAAI;4BACzD,4CAAO,QAAQ,CAAQ,CACnB;wBACN,uCAAK,SAAS,EAAC,YAAY;4BACzB,0CACE,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uNAAuN,yBAG1N,CACL,CACF,CACL,CACJ,CACG;YACN,uCAAK,SAAS,EAAC,WAAW;gBACxB,8BAAC,6BAAqB,IAAC,SAAS,EAAC,4BAA4B,GAAG;gBAChE,yCAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,uBAAuB,YAEnD,CACJ,CACF,CACG,CACZ,CAAA;AACH,CAAC"}

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";
+Object.defineProperty(exports, "__esModule", { value: 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): Promise<import("@apollo/client").FetchResult<any>>;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PHXClientMutation;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+function PHXClientMutation(mutationName_1, option_1, customHeaders_1) {
+    return tslib_1.__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 tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    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*/, 2];
+                    return [4 /*yield*/, mutationName(tslib_1.__assign(tslib_1.__assign({}, option), { context: {
+                                uri: uri,
+                                headers: headers,
+                            } }))];
+                case 1:
+                    mutationResult = _a.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, mutationName(tslib_1.__assign(tslib_1.__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/cjs/components/Func/clientMutationV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientMutationV2.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV2.ts"],"names":[],"mappings":";;AAGA,oCAoCC;;AAtCD,yDAA8C;AAE9C,SAA8B,iBAAiB;gEAC7C,YAAyF,EACzF,MAA2B,EAC3B,aAAmB,EACnB,OAAc;;QAAd,wBAAA,EAAA,cAAc;;;;oBAER,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC7B,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;yBAGrD,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;;;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/cjs/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/cjs/components/Func/clientMutationV3.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PHXClientMutationV3;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+var axios_1 = tslib_1.__importDefault(require("axios"));
+function PHXClientMutationV3(_a) {
+    return tslib_1.__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 tslib_1.__generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    startTime = performance.now();
+                    urlApiGateway = (0, read_env_config_1.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_1.default.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/cjs/components/Func/clientMutationV3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientMutationV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV3.ts"],"names":[],"mappings":";;AAGA,sCAuCC;;AA1CD,yDAA8C;AAC9C,wDAAyB;AAEzB,SAA8B,mBAAmB;gEAAC,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,IAAA,wBAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAGzE,qBAAM,eAAK,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/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): Promise<import("@apollo/client").InteropLazyQueryExecResult<any, OperationVariables>>;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PHXClientQuery;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+function PHXClientQuery(queryName_1, option_1) {
+    return tslib_1.__awaiter(this, arguments, void 0, function (queryName, option, isDelay) {
+        var startTime, env, uri, queryResult, endTime, duration;
+        if (isDelay === void 0) { isDelay = true; }
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    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);
+                    if (!(env === 'local')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, queryName(tslib_1.__assign(tslib_1.__assign({}, option), { context: { uri: uri } }))];
+                case 1:
+                    queryResult = _a.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, queryName(tslib_1.__assign(tslib_1.__assign({}, option), { context: { uri: "".concat(uri, "/graphql/rd/v1/graphql") } }))];
+                case 3:
+                    queryResult = _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*/, queryResult];
+            }
+        });
+    });
+}
+//# sourceMappingURL=clientQueryV2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clientQueryV2.js","sourceRoot":"","sources":["../../../../src/components/Func/clientQueryV2.ts"],"names":[],"mappings":";;AAGA,iCAuBC;;AAzBD,yDAA8C;AAE9C,SAA8B,cAAc;gEAC1C,SAAyD,EACzD,MAA2B,EAC3B,OAAc;;QAAd,wBAAA,EAAA,cAAc;;;;oBAER,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC7B,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;yBAE9D,CAAA,GAAG,KAAK,OAAO,CAAA,EAAf,wBAAe;oBACH,qBAAM,SAAS,uCAAM,MAAM,KAAE,OAAO,EAAE,EAAE,GAAG,KAAA,EAAE,IAAG,EAAA;;oBAA9D,WAAW,GAAG,SAAgD,CAAA;;wBAEhD,qBAAM,SAAS,uCAAM,MAAM,KAAE,OAAO,EAAE,EAAE,GAAG,EAAE,UAAG,GAAG,2BAAwB,EAAE,IAAG,EAAA;;oBAA9F,WAAW,GAAG,SAAgF,CAAA;;;oBAG1F,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,WAAW,EAAA;;;;CACnB"}

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PHXClientQueryV3;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+var axios_1 = tslib_1.__importDefault(require("axios"));
+function PHXClientQueryV3(_a) {
+    return tslib_1.__awaiter(this, arguments, void 0, function (_b) {
+        var startTime, queryResult, urlApiGateway, error_1, endTime, duration;
+        var query = _b.query, variables = _b.variables, _c = _b.isDelay, isDelay = _c === void 0 ? true : _c;
+        return tslib_1.__generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    startTime = performance.now();
+                    urlApiGateway = (0, read_env_config_1.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_1.default.post("".concat(urlApiGateway, "/query"), {
+                            source: 'dashboard',
+                            query: query,
+                            variables: variables,
+                        }, {
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                        })];
+                case 2:
+                    queryResult = _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*/, queryResult];
+            }
+        });
+    });
+}
+//# sourceMappingURL=clientQueryV3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clientQueryV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientQueryV3.ts"],"names":[],"mappings":";;AAGA,mCAuCC;;AA1CD,yDAA8C;AAC9C,wDAAyB;AAEzB,SAA8B,gBAAgB;gEAAC,EAQ9C;;YAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;;;;oBAMR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAE7B,aAAa,GAAG,IAAA,wBAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAG5E,qBAAM,eAAK,CAAC,IAAI,CAC5B,UAAG,aAAa,WAAQ,EACxB;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,WAAW,GAAG,SAYb,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,WAAW,EAAA;;;;CACnB"}

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

@@ -0,0 +1,3 @@
+import { ISchoolYear } from '../../utils/types/types';
+declare function PHXGetActiveYearAndNextYear(): ISchoolYear[];
+export default PHXGetActiveYearAndNextYear;

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+var react_1 = require("react");
+var getLoginInfo_1 = tslib_1.__importDefault(require("./getLoginInfo"));
+var gql_1 = require("../../query/gql");
+var clientQueryV2_1 = tslib_1.__importDefault(require("./clientQueryV2"));
+function PHXGetActiveYearAndNextYear() {
+    var schoolInfo = (0, getLoginInfo_1.default)();
+    var _a = (0, react_1.useState)([]), listSchoolYear = _a[0], setListSchoolYear = _a[1];
+    var currentDate = new Date();
+    currentDate.setFullYear(currentDate.getFullYear() + 1);
+    var timeYearActive = new Date().toISOString().slice(0, 10);
+    var nextYearDate = currentDate.toISOString().slice(0, 10);
+    var _b = (0, client_1.useLazyQuery)(gql_1.getActiveAndNextSchoolYear, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true,
+    }), getActiveSchoolYearInfo = _b[0], schoolYearData = _b[1].data;
+    (0, react_1.useEffect)(function () {
+        (0, clientQueryV2_1.default)(getActiveSchoolYearInfo, {
+            variables: {
+                endAt: timeYearActive,
+                startAt: nextYearDate,
+                school_id: schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id,
+            },
+        });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if ((schoolYearData === null || schoolYearData === void 0 ? void 0 : schoolYearData.school_year) && schoolYearData.school_year.length > 0) {
+            // @ts-ignore
+            var arraySchoolYear = (schoolYearData === null || schoolYearData === void 0 ? void 0 : schoolYearData.school_year) || [];
+            setListSchoolYear(arraySchoolYear);
+        }
+        else {
+            setListSchoolYear([]);
+        }
+    }, [schoolYearData]);
+    return listSchoolYear;
+}
+exports.default = PHXGetActiveYearAndNextYear;
+//# sourceMappingURL=getActiveAndNextSchoolYear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getActiveAndNextSchoolYear.js","sourceRoot":"","sources":["../../../../src/components/Func/getActiveAndNextSchoolYear.ts"],"names":[],"mappings":";;;AAAA,yCAA6C;AAC7C,+BAA2C;AAC3C,wEAAiD;AACjD,uCAA4D;AAC5D,0EAA4C;AAG5C,SAAS,2BAA2B;IAClC,IAAM,UAAU,GAAG,IAAA,sBAAoB,GAAE,CAAA;IACnC,IAAA,KAAsC,IAAA,gBAAQ,EAAgB,EAAE,CAAC,EAAhE,cAAc,QAAA,EAAE,iBAAiB,QAA+B,CAAA;IAEvE,IAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;IAC9B,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAA;IACtD,IAAM,cAAc,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAC5D,IAAM,YAAY,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAErD,IAAA,KAAsD,IAAA,qBAAY,EACtE,gCAA0B,EAC1B;QACE,WAAW,EAAE,cAAc;QAC3B,2BAA2B,EAAE,IAAI;KAClC,CACF,EANM,uBAAuB,QAAA,EAAU,cAAc,aAMrD,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAA,uBAAc,EAAC,uBAAuB,EAAE;YACtC,SAAS,EAAE;gBACT,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,YAAY;gBACrB,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS;aACjC;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,cAAc,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzE,aAAa;YACb,IAAM,eAAe,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,EAAE,CAAA;YACzD,iBAAiB,CAAC,eAAe,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,cAAc,CAAA;AACvB,CAAC;AAED,kBAAe,2BAA2B,CAAA"}

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

@@ -0,0 +1,2 @@
+import { HttpLink } from '@apollo/client';
+export default function PHXGetHttpLinkConfig(): HttpLink;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PHXGetHttpLinkConfig;
+var tslib_1 = require("tslib");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+var constants_1 = require("../../utils/constants");
+var client_1 = require("@apollo/client");
+var read_env_config_1 = require("../../read-env-config");
+function PHXGetHttpLinkConfig() {
+    var env = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV', process.env.NEXT_PUBLIC_ENV);
+    var publicAPI = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+    var uri = "".concat(publicAPI, "/graphql/rd/v1/graphql");
+    if (env === 'local') {
+        uri = publicAPI;
+    }
+    var authTokenInfo = js_cookie_1.default.get(constants_1.AUTH_TOKEN) && JSON.parse(js_cookie_1.default.get(constants_1.AUTH_TOKEN));
+    var httpLink = new client_1.HttpLink({
+        uri: uri,
+    });
+    console.log('httpLink in table', httpLink);
+    if (js_cookie_1.default.get(constants_1.AUTH_TOKEN)) {
+        httpLink = new client_1.HttpLink({
+            uri: uri,
+            headers: {
+                Authorization: 'Bearer' + ' ' + authTokenInfo.token,
+                'authorization-id': authTokenInfo.userId,
+            },
+        });
+    }
+    return httpLink;
+}
+//# sourceMappingURL=getHttpLinkConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHttpLinkConfig.js","sourceRoot":"","sources":["../../../../src/components/Func/getHttpLinkConfig.ts"],"names":[],"mappings":";;AAKA,uCAsBC;;AA3BD,gEAA+B;AAC/B,mDAAkD;AAClD,yCAAyC;AACzC,yDAA8C;AAE9C,SAAwB,oBAAoB;IAC1C,IAAM,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;IAClE,IAAM,SAAS,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;IACxE,IAAI,GAAG,GAAG,UAAG,SAAS,2BAAwB,CAAA;IAC9C,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;QACpB,GAAG,GAAG,SAAS,CAAA;IACjB,CAAC;IACD,IAAM,aAAa,GAAG,mBAAO,CAAC,GAAG,CAAC,sBAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAO,CAAC,GAAG,CAAC,sBAAU,CAAW,CAAC,CAAA;IAC9F,IAAI,QAAQ,GAAG,IAAI,iBAAQ,CAAC;QAC1B,GAAG,KAAA;KACJ,CAAC,CAAA;IACF,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAA;IAC1C,IAAI,mBAAO,CAAC,GAAG,CAAC,sBAAU,CAAC,EAAE,CAAC;QAC5B,QAAQ,GAAG,IAAI,iBAAQ,CAAC;YACtB,GAAG,KAAA;YACH,OAAO,EAAE;gBACP,aAAa,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAC,KAAK;gBACnD,kBAAkB,EAAE,aAAa,CAAC,MAAM;aACzC;SACF,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC"}

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

@@ -0,0 +1 @@
+export default function PHXFuncGetLoggedInfo(): any;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PHXFuncGetLoggedInfo;
+var tslib_1 = require("tslib");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+function PHXFuncGetLoggedInfo() {
+    var loggedInfoString = js_cookie_1.default.get('isLoggedIn');
+    var parsedLoggedInfo = loggedInfoString && JSON.parse(loggedInfoString);
+    return parsedLoggedInfo;
+}
+//# sourceMappingURL=getLoginInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":";;AAEA,uCAIC;;AAND,gEAA+B;AAE/B,SAAwB,oBAAoB;IAC1C,IAAM,gBAAgB,GAAG,mBAAO,CAAC,GAAG,CAAC,YAAY,CAAW,CAAA;IAC5D,IAAM,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;IACzE,OAAO,gBAAgB,CAAA;AACzB,CAAC"}

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

@@ -0,0 +1,2 @@
+declare function PHXGetCurrentYearWithTerm(): any;
+export default PHXGetCurrentYearWithTerm;

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+var react_1 = require("react");
+var getLoginInfo_1 = tslib_1.__importDefault(require("./getLoginInfo"));
+var gql_1 = require("../../query/gql");
+function PHXGetCurrentYearWithTerm() {
+    var _this = this;
+    var schoolInfo = (0, getLoginInfo_1.default)();
+    var _a = (0, react_1.useState)(), currentYear = _a[0], setCurrentYear = _a[1];
+    var today = new Date();
+    var getSchoolYear = (0, client_1.useLazyQuery)(gql_1.querySchoolYear, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true,
+    })[0];
+    (0, react_1.useEffect)(function () {
+        var getData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var res, school_year, _a, school_terms, current_term, schoolYear, schoolTerm, currentMonth, monthBeforeActive, gteAndLte, res_1, school_year_1, _b, school_terms, current_term, schoolYear, schoolTerm, err_1;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 5, , 6]);
+                        return [4 /*yield*/, getSchoolYear({
+                                variables: { lte: today, gte: today, school_id: schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id },
+                            })];
+                    case 1:
+                        res = _c.sent();
+                        school_year = res.data.school_year;
+                        if (!(school_year.length > 0)) return [3 /*break*/, 2];
+                        _a = school_year[0] ? school_year[0] : {}, school_terms = _a.school_terms, current_term = _a.current_term, schoolYear = tslib_1.__rest(_a, ["school_terms", "current_term"]);
+                        schoolTerm = current_term ? current_term[0] : {};
+                        setCurrentYear({ current_school_year: { schoolYear: schoolYear, school_terms: school_terms }, current_school_term: schoolTerm });
+                        return [3 /*break*/, 4];
+                    case 2:
+                        currentMonth = today.getMonth();
+                        monthBeforeActive = currentMonth - 3;
+                        gteAndLte = new Date(today.getFullYear(), monthBeforeActive, today.getDate());
+                        return [4 /*yield*/, getSchoolYear({
+                                variables: { lte: gteAndLte, gte: gteAndLte, school_id: schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id },
+                            })];
+                    case 3:
+                        res_1 = _c.sent();
+                        school_year_1 = res_1.data.school_year;
+                        _b = school_year_1[0] ? school_year_1[0] : {}, school_terms = _b.school_terms, current_term = _b.current_term, schoolYear = tslib_1.__rest(_b, ["school_terms", "current_term"]);
+                        schoolTerm = current_term ? current_term[0] : {};
+                        setCurrentYear({ current_school_year: { schoolYear: schoolYear, school_terms: school_terms }, current_school_term: schoolTerm });
+                        _c.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        err_1 = _c.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
+        getData();
+    }, []);
+    return currentYear;
+}
+exports.default = PHXGetCurrentYearWithTerm;
+//# sourceMappingURL=getSchoolYear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSchoolYear.js","sourceRoot":"","sources":["../../../../src/components/Func/getSchoolYear.ts"],"names":[],"mappings":";;;AAAA,yCAA6C;AAC7C,+BAA2C;AAC3C,wEAAiD;AACjD,uCAAiD;AAEjD,SAAS,yBAAyB;IAAlC,iBA+CC;IA9CC,IAAM,UAAU,GAAG,IAAA,sBAAoB,GAAE,CAAA;IACnC,IAAA,KAAgC,IAAA,gBAAQ,GAAO,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACjB,IAAA,aAAa,GAAI,IAAA,qBAAY,EAAC,qBAAe,EAAE;QACpD,WAAW,EAAE,cAAc;QAC3B,2BAA2B,EAAE,IAAI;KAClC,CAAC,GAHkB,CAGlB;IAEF,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG;;;;;;wBAEA,qBAAM,aAAa,CAAC;gCAC9B,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE;6BACxE,CAAC,EAAA;;wBAFI,GAAG,GAAG,SAEV;wBAEQ,WAAW,GACjB,GAAG,iBADc,CACd;6BACH,CAAA,WAAW,CAAC,MAAM,GAAG,CAAC,CAAA,EAAtB,wBAAsB;wBAElB,KAAgD,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAlF,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,UAAU,sBAA3C,gCAA6C,CAAF,CAAyC;wBACpF,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;wBACtD,cAAc,CAAC,EAAE,mBAAmB,EAAE,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC,CAAA;;;wBAEhG,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;wBAC/B,iBAAiB,GAAG,YAAY,GAAG,CAAC,CAAA;wBACpC,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;wBACvE,qBAAM,aAAa,CAAC;gCAC9B,SAAS,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE;6BAChF,CAAC,EAAA;;wBAFI,QAAM,SAEV;wBAEQ,gBACN,KAAG,iBADc,CACd;wBAED,KAAgD,aAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAlF,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,UAAU,sBAA3C,gCAA6C,CAAF,CAAyC;wBACpF,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;wBACtD,cAAc,CAAC,EAAE,mBAAmB,EAAE,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC,CAAA;;;;;wBAGxG,OAAO,CAAC,GAAG,CAAC,KAAG,CAAC,CAAA;;;;;aAEnB,CAAA;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,kBAAe,yBAAyB,CAAA"}

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

@@ -0,0 +1,2 @@
+declare function PHXGetCurrentYearWithTermHocVu(): any;
+export default PHXGetCurrentYearWithTermHocVu;