tek-wallet 0.0.1

package/dist/app/api/auth/[...nextauth]/functions/refreshTokenKeycloak.d.ts

@@ -0,0 +1,6 @@
+import { REFRESH_TOKEN_STATUS } from "../type";
+declare const refreshTokenKeycloak: (token: string) => Promise<{
+    status: REFRESH_TOKEN_STATUS;
+    data: any;
+}>;
+export default refreshTokenKeycloak;

package/dist/app/api/auth/[...nextauth]/functions/refreshTokenKeycloak.js

@@ -0,0 +1,84 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var axios_1 = __importDefault(require("axios"));
+var type_1 = require("../type");
+var refreshTokenKeycloak = function (token) { return __awaiter(void 0, void 0, void 0, function () {
+    var response, data, error_1;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                _b.trys.push([0, 3, , 4]);
+                return [4 /*yield*/, axios_1.default.post("".concat(process.env.NEXT_PUBLIC_X_WALLET_REFRESH_TOKEN_URL), {
+                        refresh_token: token || "",
+                    }, {
+                        headers: {
+                            "x-api-key": process.env.NEXT_PUBLIC_X_WALLET_API_KEY || "",
+                        },
+                    })];
+            case 1:
+                response = _b.sent();
+                return [4 /*yield*/, response];
+            case 2:
+                data = _b.sent();
+                if ((data === null || data === void 0 ? void 0 : data.status) === 200) {
+                    return [2 /*return*/, {
+                            status: type_1.REFRESH_TOKEN_STATUS.SUCCESS,
+                            data: (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.data,
+                        }];
+                }
+                return [2 /*return*/, {
+                        status: type_1.REFRESH_TOKEN_STATUS.FAILED,
+                        data: null,
+                    }];
+            case 3:
+                error_1 = _b.sent();
+                console.error("🚀 ~ refreshTokenKeycloak ~ error:", error_1);
+                return [2 /*return*/, {
+                        status: type_1.REFRESH_TOKEN_STATUS.FAILED,
+                        data: null,
+                    }];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };
+exports.default = refreshTokenKeycloak;

package/dist/app/api/auth/[...nextauth]/route.d.ts

@@ -0,0 +1,2 @@
+declare const handler: any;
+export default handler;

package/dist/app/api/auth/[...nextauth]/route.js

@@ -0,0 +1,148 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var next_auth_1 = __importDefault(require("next-auth"));
+var credentials_1 = __importDefault(require("next-auth/providers/credentials"));
+var importWalletService_1 = __importDefault(require("../../../../services/axios/import-wallet-service/importWalletService"));
+var type_1 = require("./type");
+var refreshTokenKeycloak_1 = __importDefault(require("./functions/refreshTokenKeycloak"));
+var handler = (0, next_auth_1.default)({
+    providers: [
+        (0, credentials_1.default)({
+            name: "Credentials",
+            credentials: {},
+            authorize: function (credentials) {
+                return __awaiter(this, void 0, void 0, function () {
+                    var _a, seed_pharse, app_slugs, response, tokens, error_1;
+                    var _b;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                _c.trys.push([0, 2, , 3]);
+                                _a = credentials, seed_pharse = _a.seed_pharse, app_slugs = _a.app_slugs;
+                                return [4 /*yield*/, (0, importWalletService_1.default)({
+                                        seed_pharse: seed_pharse,
+                                        app_slugs: [app_slugs || ""],
+                                    })];
+                            case 1:
+                                response = _c.sent();
+                                if (response === null || response === void 0 ? void 0 : response.success) {
+                                    tokens = (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.tokens;
+                                    return [2 /*return*/, {
+                                            access_token: tokens.access_token,
+                                            refresh_token: tokens.refresh_token,
+                                            expires_at: Date.now() + tokens.expires_in * 1000,
+                                            refresh_expires_at: Date.now() + tokens.refresh_expires_in * 1000,
+                                        }];
+                                }
+                                return [2 /*return*/, null];
+                            case 2:
+                                error_1 = _c.sent();
+                                console.error("🚀 ~ authorize ~ error:", error_1);
+                                return [2 /*return*/, null];
+                            case 3: return [2 /*return*/];
+                        }
+                    });
+                });
+            },
+        }),
+    ],
+    session: {
+        strategy: "jwt",
+    },
+    secret: process.env.NEXT_PUBLIC_G_WALLET_AUTH_SECRET,
+    callbacks: {
+        jwt: function (_a) {
+            return __awaiter(this, arguments, void 0, function (_b) {
+                var preExpiredTime, expiresAt, refreshedTokens, data, expiresAt;
+                var _c, _d;
+                var user = _b.user, token = _b.token;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            preExpiredTime = 40000;
+                            //The first time login
+                            if (user) {
+                                expiresAt = ((_c = user.expires_at) !== null && _c !== void 0 ? _c : 0) * 1000;
+                                token.accessToken = user.access_token;
+                                token.refreshToken = user.refresh_token;
+                                token.expiresAt = Math.max(expiresAt - preExpiredTime, 0);
+                                token.refreshExpiresAt = user.refresh_expires_at;
+                            }
+                            if (!(Date.now() > +((_d = token.expires) !== null && _d !== void 0 ? _d : 0))) return [3 /*break*/, 2];
+                            return [4 /*yield*/, (0, refreshTokenKeycloak_1.default)(token.refreshToken)];
+                        case 1:
+                            refreshedTokens = _e.sent();
+                            console.warn("🚀 ~ jwt ~ refreshedTokens:", refreshedTokens);
+                            if (refreshedTokens.status === type_1.REFRESH_TOKEN_STATUS.SUCCESS) {
+                                data = refreshedTokens.data;
+                                expiresAt = (data === null || data === void 0 ? void 0 : data.expires_in) * 1000 + Date.now();
+                                token.accessToken = data === null || data === void 0 ? void 0 : data.access_token;
+                                token.refreshToken = data === null || data === void 0 ? void 0 : data.refresh_token;
+                                token.expires = Math.max(expiresAt - preExpiredTime, 0);
+                                token.error = "";
+                            }
+                            if (refreshedTokens.status === type_1.REFRESH_TOKEN_STATUS.FAILED) {
+                                token.error = type_1.REFRESH_TOKEN_STATUS.FAILED;
+                            }
+                            _e.label = 2;
+                        case 2: return [2 /*return*/, token];
+                    }
+                });
+            });
+        },
+        session: function (_a) {
+            return __awaiter(this, arguments, void 0, function (_b) {
+                var session = _b.session, token = _b.token;
+                return __generator(this, function (_c) {
+                    if (token) {
+                        session.accessToken = token.accessToken;
+                        session.refreshToken = token.refreshToken;
+                        session.expiresAt = token.expiresAt;
+                        session.refreshExpiresAt = token.refreshExpiresAt;
+                    }
+                    return [2 /*return*/, session];
+                });
+            });
+        },
+    },
+});
+exports.default = handler;

package/dist/app/api/auth/[...nextauth]/type.d.ts

@@ -0,0 +1,4 @@
+export declare enum REFRESH_TOKEN_STATUS {
+    FAILED = "REFRESH_TOKEN_FAILED",
+    SUCCESS = "REFRESH_TOKEN_SUCCESS"
+}

package/dist/app/api/auth/[...nextauth]/type.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REFRESH_TOKEN_STATUS = void 0;
+var REFRESH_TOKEN_STATUS;
+(function (REFRESH_TOKEN_STATUS) {
+    REFRESH_TOKEN_STATUS["FAILED"] = "REFRESH_TOKEN_FAILED";
+    REFRESH_TOKEN_STATUS["SUCCESS"] = "REFRESH_TOKEN_SUCCESS";
+})(REFRESH_TOKEN_STATUS || (exports.REFRESH_TOKEN_STATUS = REFRESH_TOKEN_STATUS = {}));

package/dist/components/layouts/ChildPageLayout/index.d.ts

@@ -0,0 +1,15 @@
+import { GeneralProps } from "../../../types/ui";
+interface ChildPageLayoutProps extends GeneralProps {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    fullScreen?: boolean;
+}
+export type ChildPageLayoutRef = {
+    showNormal: () => void;
+    showLoading: () => void;
+    showSuccess: () => void;
+    showError: () => void;
+    showWarning: () => void;
+};
+declare const ChildPageLayout: import("react").ForwardRefExoticComponent<ChildPageLayoutProps & import("react").RefAttributes<ChildPageLayoutRef>>;
+export default ChildPageLayout;

package/dist/components/layouts/ChildPageLayout/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var clsx_1 = __importDefault(require("clsx"));
+var react_1 = require("react");
+var StatusDisplay_1 = require("../../../components/ui/StatusDisplay");
+var StatusDisplay_2 = __importDefault(require("../../../components/ui/StatusDisplay"));
+var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
+    var header = props.header, footer = props.footer, fullScreen = props.fullScreen, children = props.children;
+    var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
+    (0, react_1.useImperativeHandle)(ref, function () {
+        return {
+            showNormal: function () {
+                setStatus(StatusDisplay_1.StatusDisplayType.Normal);
+            },
+            showLoading: function () {
+                setStatus(StatusDisplay_1.StatusDisplayType.Loading);
+            },
+            showSuccess: function () {
+                setStatus(StatusDisplay_1.StatusDisplayType.Success);
+            },
+            showError: function () {
+                setStatus(StatusDisplay_1.StatusDisplayType.Error);
+            },
+            showWarning: function () {
+                setStatus(StatusDisplay_1.StatusDisplayType.Warning);
+            },
+        };
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.default)("h-full w-full relative", props.className), children: [header && ((0, jsx_runtime_1.jsx)("div", { className: "h-[3.125rem] w-full absolute top-0 left-0 z-50", children: header })), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.default)("h-full w-full overflow-x-hidden overflow-y-auto", header && !fullScreen && "pt-[3.125rem]"), children: children }), footer && ((0, jsx_runtime_1.jsx)("div", { className: "h-12 w-full absolute bottom-0 left-0 z-50", children: footer })), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)("absolute inset-0 flex items-center justify-center bg-ui-background-black-24 z-50"), children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status }) }))] }));
+});
+ChildPageLayout.displayName = "ChildPageLayout";
+exports.default = ChildPageLayout;

package/dist/components/layouts/DefaultPageLayout/index.d.ts

@@ -0,0 +1,5 @@
+import { GeneralProps } from "../../../types/ui";
+interface DefaultPageLayoutProps extends GeneralProps {
+}
+declare const DefaultPageLayout: (props: DefaultPageLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultPageLayout;

package/dist/components/layouts/DefaultPageLayout/index.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var DefaultPageLayout = function (props) {
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.default)("p-4", props.className), children: props.children });
+};
+exports.default = DefaultPageLayout;

package/dist/components/layouts/MainLayout/index.d.ts

@@ -0,0 +1,5 @@
+import { GeneralProps } from "../../../types/ui";
+interface MainLayoutProps extends GeneralProps {
+}
+declare const MainLayout: (props: MainLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default MainLayout;

package/dist/components/layouts/MainLayout/index.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TheBackground_1 = __importDefault(require("../../ui/TheBackground"));
+var clsx_1 = __importDefault(require("clsx"));
+var MainLayout = function (props) {
+    return ((0, jsx_runtime_1.jsx)(TheBackground_1.default, { className: (0, clsx_1.default)("size-full flex flex-col", props.className), children: (0, jsx_runtime_1.jsx)("main", { className: "h-[calc(100dvh)] w-full overflow-y-auto overflow-x-hidden", children: props.children }) }));
+};
+exports.default = MainLayout;

package/dist/components/ui/BackArrow/index.d.ts

@@ -0,0 +1,5 @@
+import { GeneralProps } from "../../../types/ui";
+interface BackArrowProps extends GeneralProps {
+}
+declare const BackArrow: (props: BackArrowProps) => import("react/jsx-runtime").JSX.Element;
+export default BackArrow;

package/dist/components/ui/BackArrow/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var Icon_1 = __importDefault(require("../Icon"));
+var BackArrow = function (props) {
+    var className = props.className, rest = __rest(props, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ src: (0, getIcon_1.default)("arrow_back"), className: (0, cn_1.default)("size-6", className) }, rest)));
+};
+exports.default = BackArrow;

package/dist/components/ui/BackHeader/index.d.ts

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../types/ui";
+interface BackHeaderProps extends GeneralProps {
+    overrideBack?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    center?: React.ReactNode;
+    hideBack?: boolean;
+}
+declare const BackHeader: (props: BackHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default BackHeader;

package/dist/components/ui/BackHeader/index.js

@@ -0,0 +1,24 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var BackArrow_1 = __importDefault(require("../BackArrow"));
+var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
+var Text_1 = __importDefault(require("../Text"));
+var BackHeader = function (props) {
+    var router = (0, useCustomRouter_1.default)();
+    var center = props.center, children = props.children, className = props.className, hideBack = props.hideBack;
+    var back = function (e) {
+        if (props.overrideBack) {
+            props.overrideBack(e);
+            return;
+        }
+        router.back();
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.default)("flex items-center gap-3 px-ui-horizontal-3 h-full bg-ui-bg-white relative", className), children: [!hideBack && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-12 text-ui-text-white", children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)("div", { className: "absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2", children: center })), children] }));
+};
+exports.default = BackHeader;

package/dist/components/ui/Button/index.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps as MuiButtonProps } from "@mui/material";
+export declare enum BUTTON_STATUS {
+    LOADING = "loading",
+    DISABLED = "disabled",
+    ENABLED = "enabled"
+}
+export interface ButtonProps extends MuiButtonProps {
+    className?: string;
+    status?: BUTTON_STATUS;
+}
+declare const Button: React.FC<ButtonProps> & {
+    Primary: React.FC<ButtonProps>;
+    Secondary: React.FC<ButtonProps>;
+};
+export default Button;

package/dist/components/ui/Button/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUTTON_STATUS = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var material_1 = require("@mui/material");
+var theme_1 = __importDefault(require("../../../theme/mui/theme"));
+var BUTTON_STATUS;
+(function (BUTTON_STATUS) {
+    BUTTON_STATUS["LOADING"] = "loading";
+    BUTTON_STATUS["DISABLED"] = "disabled";
+    BUTTON_STATUS["ENABLED"] = "enabled";
+})(BUTTON_STATUS || (exports.BUTTON_STATUS = BUTTON_STATUS = {}));
+var Button = function (props) {
+    var _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, className = props.className, rest = __rest(props, ["status", "className"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ className: (0, cn_1.default)("", className), disabled: status !== BUTTON_STATUS.ENABLED }, rest, { children: props.children })));
+};
+Button.displayName = "Button";
+Button.Primary = function (props) {
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, props, { variant: "contained", color: "primary", className: (0, cn_1.default)("text-16 leading-120 !capitalize font-500 px-4 py-2.5", props.className), sx: {
+            borderRadius: "999px",
+            color: "#000000",
+        } })));
+};
+Button.Primary.displayName = "Button.Primary";
+Button.Secondary = function (props) {
+    var className = props.className, rest = __rest(props, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "contained", color: "secondary", className: (0, cn_1.default)("text-16 leading-120 !capitalize font-500 px-4 py-2.5", className), sx: {
+            borderRadius: "999px",
+            backgroundColor: "color-mix(in srgb, ".concat(theme_1.default.palette.secondary.main, " 16%, transparent)"),
+            color: theme_1.default.palette.secondary.main,
+        } })));
+};
+Button.Secondary.displayName = "Button.Secondary";
+exports.default = Button;

package/dist/components/ui/DrawerComponent/index.d.ts

@@ -0,0 +1,19 @@
+import { GeneralProps } from "../../../types/ui";
+export declare enum DRAWER_DIRECTION {
+    LEFT = "left",
+    RIGHT = "right"
+}
+interface DrawerComponentProps extends GeneralProps {
+    className?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    trigger?: React.ReactNode;
+    onToggle?: (status?: boolean) => unknown;
+    direction?: DRAWER_DIRECTION;
+}
+export interface DrawerComponentRef {
+    open: () => void;
+    close: () => void;
+}
+declare const DrawerComponent: import("react").ForwardRefExoticComponent<DrawerComponentProps & import("react").RefAttributes<DrawerComponentRef>>;
+export default DrawerComponent;

package/dist/components/ui/DrawerComponent/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DRAWER_DIRECTION = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var system_1 = require("@mui/system");
+var material_1 = require("@mui/material");
+var react_1 = require("react");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var DRAWER_DIRECTION;
+(function (DRAWER_DIRECTION) {
+    DRAWER_DIRECTION["LEFT"] = "left";
+    DRAWER_DIRECTION["RIGHT"] = "right";
+})(DRAWER_DIRECTION || (exports.DRAWER_DIRECTION = DRAWER_DIRECTION = {}));
+var CustomDrawer = (0, system_1.styled)(material_1.SwipeableDrawer)({
+    "& .MuiDrawer-paper": {
+        backgroundColor: "transparent",
+        overflow: "hidden",
+        boxShadow: "none",
+    },
+});
+var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = (0, react_1.useState)(false), isShowDrawerComponent = _a[0], setIsShowDrawerComponent = _a[1];
+    var handleOpen = function () {
+        var _a;
+        setIsShowDrawerComponent(true);
+        (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    var handleClose = function () {
+        var _a;
+        setIsShowDrawerComponent(false);
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    var toggle = function () {
+        var _a;
+        setIsShowDrawerComponent(!isShowDrawerComponent);
+        (_a = props.onToggle) === null || _a === void 0 ? void 0 : _a.call(props, !isShowDrawerComponent);
+    };
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        open: handleOpen,
+        close: handleClose,
+    }); });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { onClick: toggle, className: (0, cn_1.default)(props.className), children: props.trigger }), (0, jsx_runtime_1.jsx)(CustomDrawer, { onOpen: function () { }, anchor: props.direction || "bottom", open: isShowDrawerComponent, onClose: handleClose, children: props.children })] }));
+});
+DrawerComponent.displayName = "DrawerComponent";
+exports.default = DrawerComponent;

package/dist/components/ui/Icon/index.d.ts

@@ -0,0 +1,7 @@
+import { GeneralProps } from "../../../types/ui";
+export interface IconProps extends Omit<GeneralProps, "onClick">, React.ImgHTMLAttributes<HTMLImageElement> {
+    src?: string;
+    alt?: string;
+}
+declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/dist/components/ui/Icon/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var cn_1 = __importDefault(require("../../../utils/cn"));
+var Icon = function (props) {
+    var src = props.src, alt = props.alt, className = props.className, onClick = props.onClick, rest = __rest(props, ["src", "alt", "className", "onClick"]);
+    return (
+    // eslint-disable-next-line @next/next/no-img-element
+    (0, jsx_runtime_1.jsx)("img", __assign({ className: (0, cn_1.default)("block", className), src: src, alt: alt, onClick: onClick }, rest)));
+};
+exports.default = Icon;

package/dist/components/ui/Image/index.d.ts

@@ -0,0 +1,8 @@
+import { GeneralProps } from "../../../types/ui";
+interface ImageProps extends GeneralProps {
+    className?: string;
+    src?: string;
+    alt?: string;
+}
+declare const Image: (props: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export default Image;