phx-uikit 1.0.0

package/dist/esm/utils/email-service.js

@@ -0,0 +1,23 @@
+import { __awaiter, __generator } from "tslib";
+import axios from 'axios';
+var BASE_URL_SERVER = 'http://192.168.0.167:2000';
+var API_ENDPOINT = {
+    SEND_MAIL: '/emit/email-send'
+};
+var EmailService = /** @class */ (function () {
+    function EmailService() {
+        var _this = this;
+        this.sendEmail = function (data) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, axios.post(BASE_URL_SERVER + API_ENDPOINT.SEND_MAIL, data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        }); };
+    }
+    return EmailService;
+}());
+var emailService = new EmailService();
+export default emailService;
+//# sourceMappingURL=email-service.js.map

package/dist/esm/utils/email-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-service.js","sourceRoot":"","sources":["../../../src/utils/email-service.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,IAAM,eAAe,GAAG,2BAA2B,CAAA;AACnD,IAAM,YAAY,GAAG;IACnB,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED;IAAA;QAAA,iBAIC;QAHC,cAAS,GAAG,UAAO,IAAkB;;;4BAC5B,qBAAM,KAAK,CAAC,IAAI,CAAe,eAAe,GAAG,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,EAAA;4BAArF,sBAAO,SAA8E,EAAA;;;aACtF,CAAA;IACH,CAAC;IAAD,mBAAC;AAAD,CAAC,AAJD,IAIC;AAED,IAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;AACvC,eAAe,YAAY,CAAA"}

package/dist/esm/utils/format-number.d.ts

@@ -0,0 +1,3 @@
+declare const formatNumber: (number: number, locale?: string, option?: Intl.NumberFormatOptions) => string;
+declare function toVND(n: number): string;
+export { toVND, formatNumber };

package/dist/esm/utils/format-number.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+var formatNumber = function (number, locale, option) {
+    var _a;
+    return new Intl.NumberFormat(locale !== null && locale !== void 0 ? locale : 'VND', __assign(__assign({}, option), { currency: (_a = option === null || option === void 0 ? void 0 : option.currency) !== null && _a !== void 0 ? _a : 'VND' })).format(number);
+};
+function toVND(n) {
+    return new Intl.NumberFormat('vi-VN', {
+        style: 'currency',
+        currency: 'VND',
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 4
+    }).format(n);
+}
+export { toVND, formatNumber };
+//# sourceMappingURL=format-number.js.map

package/dist/esm/utils/format-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-number.js","sourceRoot":"","sources":["../../../src/utils/format-number.ts"],"names":[],"mappings":";AAAA,IAAM,YAAY,GAAG,UAAC,MAAc,EAAE,MAAe,EAAE,MAAiC;;IACtF,OAAA,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,wBAChC,MAAM,KACT,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,mCAAI,KAAK,IACnC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;CAAA,CAAA;AAEnB,SAAS,KAAK,CAAC,CAAS;IACtB,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QACpC,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,KAAK;QACf,qBAAqB,EAAE,CAAC;QACxB,qBAAqB,EAAE,CAAC;KACzB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;AACd,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/utils/notification.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface NotificationProps {
+    show: boolean;
+    setShow: (boolean: boolean) => void;
+    title: string;
+    description: string;
+    handleClose: () => void;
+    type: 'success' | 'error' | 'info';
+    autoHideTimeout: number;
+}
+declare function Notification(props: NotificationProps): React.JSX.Element;
+export default Notification;

package/dist/esm/utils/notification.js

@@ -0,0 +1,31 @@
+import { Transition } from '@headlessui/react';
+import { CheckCircleIcon, ExclamationCircleIcon, XMarkIcon } from '@heroicons/react/24/solid';
+import React, { Fragment, useEffect } from 'react';
+function Notification(props) {
+    var show = props.show, title = props.title, description = props.description, handleClose = props.handleClose, _a = props.type, type = _a === void 0 ? 'success' : _a, autoHideTimeout = props.autoHideTimeout, setShow = props.setShow;
+    useEffect(function () {
+        if (show) {
+            var timeoutId_1 = setTimeout(function () {
+                setShow(false);
+            }, autoHideTimeout);
+            return function () { return clearTimeout(timeoutId_1); };
+        }
+        return undefined;
+    }, [show]);
+    return (React.createElement("div", { "aria-live": 'assertive', className: 'pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6' },
+        React.createElement("div", { className: 'flex w-full flex-col items-center space-y-4 sm:items-end' },
+            React.createElement(Transition, { show: show, as: Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2', enterTo: 'translate-y-0 opacity-100 sm:translate-x-0', leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+                React.createElement("div", { className: 'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5' },
+                    React.createElement("div", { className: 'p-4' },
+                        React.createElement("div", { className: 'flex items-start' },
+                            React.createElement("div", { className: 'flex-shrink-0' }, type === 'success' ? (React.createElement(CheckCircleIcon, { className: 'h-6 w-6 text-green-400', "aria-hidden": 'true' })) : type === 'error' ? (React.createElement(ExclamationCircleIcon, { className: 'h-6 w-6  text-red-400', "aria-hidden": 'true' })) : (React.createElement(ExclamationCircleIcon, { className: 'h-6 w-6  text-blue-400', "aria-hidden": 'true' }))),
+                            React.createElement("div", { className: 'ml-3 w-0 flex-1 pt-0.5' },
+                                React.createElement("p", { className: 'text-sm font-medium text-gray-900' }, title),
+                                React.createElement("p", { className: 'mt-1 text-sm text-gray-500' }, description)),
+                            React.createElement("div", { className: 'ml-4 flex flex-shrink-0' },
+                                React.createElement("button", { type: 'button', className: 'inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2', onClick: handleClose },
+                                    React.createElement("span", { className: 'sr-only' }, "Close"),
+                                    React.createElement(XMarkIcon, { className: 'h-5 w-5', "aria-hidden": 'true' }))))))))));
+}
+export default Notification;
+//# sourceMappingURL=notification.js.map

package/dist/esm/utils/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/utils/notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC7F,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYlD,SAAS,YAAY,CAAC,KAAwB;IACpC,IAAA,IAAI,GAAkF,KAAK,KAAvF,EAAE,KAAK,GAA2E,KAAK,MAAhF,EAAE,WAAW,GAA8D,KAAK,YAAnE,EAAE,WAAW,GAAiD,KAAK,YAAtD,EAAE,KAA+C,KAAK,KAApC,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,eAAe,GAAc,KAAK,gBAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAU;IAEnG,SAAS,CAAC;QACR,IAAI,IAAI,EAAE;YACR,IAAM,WAAS,GAAG,UAAU,CAAC;gBAC3B,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,EAAE,eAAe,CAAC,CAAA;YAEnB,OAAO,cAAM,OAAA,YAAY,CAAC,WAAS,CAAC,EAAvB,CAAuB,CAAA;SACrC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,0CACY,WAAW,EACrB,SAAS,EAAC,kFAAkF;QAE5F,6BAAK,SAAS,EAAC,0DAA0D;YACvE,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;gBAEnB,6BAAK,SAAS,EAAC,oHAAoH;oBACjI,6BAAK,SAAS,EAAC,KAAK;wBAClB,6BAAK,SAAS,EAAC,kBAAkB;4BAC/B,6BAAK,SAAS,EAAC,eAAe,IAC3B,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,eAAe,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG,CAC1E,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACrB,oBAAC,qBAAqB,IAAC,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,CAC/E,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG,CAChF,CACG;4BACN,6BAAK,SAAS,EAAC,wBAAwB;gCACrC,2BAAG,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAK;gCAC5D,2BAAG,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAK,CACvD;4BACN,6BAAK,SAAS,EAAC,yBAAyB;gCACtC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6IAA6I,EACvJ,OAAO,EAAE,WAAW;oCAEpB,8BAAM,SAAS,EAAC,SAAS,YAAa;oCACtC,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC7C,CACL,CACF,CACF,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/utils/query.d.ts

@@ -0,0 +1,3 @@
+import { MutationOptions, QueryOptions, ApolloClient, NormalizedCacheObject } from '@apollo/client';
+export declare function clientQuery(option: QueryOptions, client: ApolloClient<NormalizedCacheObject>): Promise<any>;
+export declare function clientMutation(option: MutationOptions, client: ApolloClient<NormalizedCacheObject>): Promise<any>;

package/dist/esm/utils/query.js

@@ -0,0 +1,50 @@
+'use client';
+import { __awaiter, __generator } from "tslib";
+// import client from '../apollo-client'
+export function clientQuery(option, client) {
+    return __awaiter(this, void 0, void 0, function () {
+        var startTime, data, endTime, duration;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, client.query(option)];
+                case 1:
+                    data = (_a.sent()).data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 500); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    });
+}
+export function clientMutation(option, client) {
+    return __awaiter(this, void 0, void 0, function () {
+        var startTime, data, endTime, duration;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, client.mutate(option)];
+                case 1:
+                    data = (_a.sent()).data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 500); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    });
+}
+//# sourceMappingURL=query.js.map

package/dist/esm/utils/query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/utils/query.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,wCAAwC;AAExC,MAAM,UAAgB,WAAW,CAAC,MAAoB,EAAE,MAA2C;;;;;;oBAC3F,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAClB,qBAAM,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA;;oBAAnC,IAAI,GAAK,CAAA,SAA0B,CAAA,KAA/B;oBACN,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAGhC,CAAA,QAAQ,GAAG,GAAG,CAAA,EAAd,wBAAc;oBAChB,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,IAAI,EAAA;;;;CACZ;AAED,MAAM,UAAgB,cAAc,CAClC,MAAuB,EACvB,MAA2C;;;;;;oBAErC,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAClB,qBAAM,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAA;;oBAApC,IAAI,GAAK,CAAA,SAA2B,CAAA,KAAhC;oBACN,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAGhC,CAAA,QAAQ,GAAG,GAAG,CAAA,EAAd,wBAAc;oBAChB,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,IAAI,EAAA;;;;CACZ"}

package/dist/esm/utils/queryLogin.d.ts

@@ -0,0 +1,2 @@
+export declare const getUserInfo: import("@apollo/client").DocumentNode;
+export declare const getUserInfoPn28: import("@apollo/client").DocumentNode;

package/dist/esm/utils/queryLogin.js

@@ -0,0 +1,6 @@
+import { __makeTemplateObject } from "tslib";
+import { gql } from '@apollo/client';
+export var getUserInfo = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  query MyQuery($userId: Int) {\n    users(where: { id: { _eq: $userId } }) {\n      id\n      email\n      phone_number\n      full_name\n      school_id\n      school {\n        educational_levels(where: { deleted_at: { _is_null: true } }) {\n          code\n        }\n        school_name_id\n        email\n        id\n        phone\n        name\n        school_name {\n          name\n          group_id\n        }\n      }\n      user_roles(where: { is_active: { _eq: true }, deleted_at: { _is_null: true } }) {\n        role_id\n        role {\n          name\n          role_code\n        }\n      }\n    }\n  }\n"], ["\n  query MyQuery($userId: Int) {\n    users(where: { id: { _eq: $userId } }) {\n      id\n      email\n      phone_number\n      full_name\n      school_id\n      school {\n        educational_levels(where: { deleted_at: { _is_null: true } }) {\n          code\n        }\n        school_name_id\n        email\n        id\n        phone\n        name\n        school_name {\n          name\n          group_id\n        }\n      }\n      user_roles(where: { is_active: { _eq: true }, deleted_at: { _is_null: true } }) {\n        role_id\n        role {\n          name\n          role_code\n        }\n      }\n    }\n  }\n"])));
+export var getUserInfoPn28 = gql(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  query MyQuery($email: String, $password: String) {\n    users(where: { email: { _eq: $email }, password: { _eq: $password }, deleted_at: { _is_null: true } }) {\n      id\n      email\n      password\n    }\n  }\n"], ["\n  query MyQuery($email: String, $password: String) {\n    users(where: { email: { _eq: $email }, password: { _eq: $password }, deleted_at: { _is_null: true } }) {\n      id\n      email\n      password\n    }\n  }\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=queryLogin.js.map

package/dist/esm/utils/queryLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryLogin.js","sourceRoot":"","sources":["../../../src/utils/queryLogin.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,WAAW,GAAG,GAAG,qrBAAA,knBA+B7B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,8RAAA,2NAQjC,IAAA,CAAA"}

package/dist/esm/utils/types/types.d.ts

@@ -0,0 +1,24 @@
+export interface SendMailData {
+    to: string;
+    subject: string;
+    text: string;
+}
+export interface ISchoolCourse {
+    id: number;
+    code: string;
+    course_name: string;
+}
+export interface ISchoolTerm {
+    id: number;
+    code: string;
+    name: string;
+}
+export interface ISchoolYear {
+    code: string;
+    end_at: string;
+    id: number;
+    name: string;
+    start_at: string;
+    school_course: ISchoolCourse;
+    school_terms: ISchoolTerm;
+}

package/dist/esm/utils/types/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/utils/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/utils/types/types.ts"],"names":[],"mappings":""}

package/dist/esm/utils/use-disable-interaction.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useDisableClick(disabled?: boolean, handleClick?: () => void): ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;

package/dist/esm/utils/use-disable-interaction.js

@@ -0,0 +1,14 @@
+import { useCallback } from 'react';
+export function useDisableClick(disabled, handleClick) {
+    var handleClickWrapper = useCallback(function (event) {
+        if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }, [disabled]);
+    if (!disabled) {
+        return handleClick;
+    }
+    return handleClickWrapper;
+}
+//# sourceMappingURL=use-disable-interaction.js.map

package/dist/esm/utils/use-disable-interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-disable-interaction.js","sourceRoot":"","sources":["../../../src/utils/use-disable-interaction.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,UAAU,eAAe,CAAC,QAAkB,EAAE,WAAwB;IAC1E,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,KAA0C;QACzC,IAAI,QAAQ,EAAE;YACZ,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,WAAW,CAAA;KACnB;IAED,OAAO,kBAAkB,CAAA;AAC3B,CAAC"}

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "phx-uikit",
+  "version": "1.0.0",
+  "description": "PHX REACT",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "scripts": {
+    "build": "yarn build:esm && yarn build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"",
+    "test": "jest --config jestconfig.json",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm test && npm run prettier",
+    "pub": "yarn build && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "typescript",
+    "awesome-project"
+  ],
+  "author": "PHX DevTeam 2024",
+  "license": "MIT",
+  "devDependencies": {
+    "@apollo/client": "^3.9.1",
+    "@apollo/experimental-nextjs-app-support": "0.7.0",
+    "@babel/runtime": "7.13.8",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@headlessui/react": "^1.7.16",
+    "@heroicons/react": "^2.0.18",
+    "@storybook/addon-essentials": "^7.2.3",
+    "@storybook/addon-interactions": "7.2.3",
+    "@storybook/addon-links": "^7.2.3",
+    "@storybook/addon-styling": "^1.3.6",
+    "@storybook/blocks": "7.2.3",
+    "@storybook/react": "7.2.3",
+    "@storybook/react-vite": "7.2.3",
+    "@storybook/testing-library": "^0.0.14-next.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@testing-library/react": "^13.3.0",
+    "@types/jest": "^29.5.11",
+    "@types/js-cookie": "^3.0.3",
+    "@types/react": "^18.0.12",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
+    "@typescript-eslint/parser": "^5.27.1",
+    "autoprefixer": "^10.4.14",
+    "chromatic": "^6.18.2",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-storybook": "^0.6.13",
+    "graphql": "^16.7.1",
+    "jest": "^28.1.1",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^28.1.1",
+    "js-cookie": "^3.0.5",
+    "next": "^13.4.13",
+    "postcss": "^8.4.23",
+    "prettier": "^2.6.2",
+    "prop-types": "^15.8.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-hook-form": "^7.45.2",
+    "react-select": "^5.7.4",
+    "storybook": "^7.2.3",
+    "tailwindcss": "^3.3.3",
+    "ts-jest": "^28.0.4",
+    "tslib": "^2.6.2",
+    "typescript": "^4.7.3",
+    "vite": "^4.3.9"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "dependencies": {
+    "axios": "^1.5.0",
+    "date-fns": "^2.30.0",
+    "recharts": "^2.12.7"
+  },
+  "resolutions": {
+    "@types/mime": "3.0.4"
+  }
+}