tek-wallet 0.0.805 → 0.0.807

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

@@ -19,18 +19,18 @@ var react_1 = require("react");
 var StatusDisplay_1 = require("../../components/ui/StatusDisplay");
 var StatusDisplay_2 = __importDefault(require("../../components/ui/StatusDisplay"));
 var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../providers/ThemeProvider");
+var mui_1 = require("../../theme/mui");
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
     var header = props.header, footer = props.footer, children = props.children, sx = props.sx, sxHeader = props.sxHeader, sxContent = props.sxContent, sxFooter = props.sxFooter;
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
-    var theme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         showNormal: function () { return setStatus(StatusDisplay_1.StatusDisplayType.Normal); },
         showLoading: function () { return setStatus(StatusDisplay_1.StatusDisplayType.Loading); },
         showSuccess: function () { return setStatus(StatusDisplay_1.StatusDisplayType.Success); },
         showError: function () { return setStatus(StatusDisplay_1.StatusDisplayType.Error); },
     }); });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: ref, sx: __assign({ height: "100dvh", width: "100vw", display: "grid", gridTemplateRows: "auto 1fr auto", backgroundColor: theme.palette.background.white }, sx), children: [header && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxHeader), children: header })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxContent), children: children }), footer && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", paddingLeft: theme.mixins.customPadding.p16, paddingRight: theme.mixins.customPadding.p16, paddingBottom: theme.mixins.customPadding.p24 }, sxFooter), children: footer })), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: ref, sx: __assign({ height: "100dvh", width: "100vw", display: "grid", gridTemplateRows: "auto 1fr auto", backgroundColor: theme.palette.background.default }, sx), children: [header && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxHeader), children: header })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxContent), children: children }), footer && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", paddingLeft: theme.styleMixins.customPadding.p16, paddingRight: theme.styleMixins.customPadding.p16, paddingBottom: theme.styleMixins.customPadding.p24 }, sxFooter), children: footer })), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",

package/dist/components/TekWallet/providers/ActivitiesProvider/index.js

@@ -116,6 +116,9 @@ exports.initialActivities = {
     refreshActivities: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/];
     }); }); },
+    refreshAllActivities: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/];
+    }); }); },
 };
 exports.ActivitiesContext = react_1.default.createContext(exports.initialActivities);
 function ActivitiesProvider(_a) {
@@ -315,6 +318,30 @@ function ActivitiesProvider(_a) {
             }
         });
     }); }, [isInitPasscode, activities]);
+    var refreshAllActivities = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var allTypeSlugs, _i, allTypeSlugs_1, slug;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    allTypeSlugs = activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type) { return type.slug; });
+                    if (!allTypeSlugs)
+                        return [2 /*return*/];
+                    _i = 0, allTypeSlugs_1 = allTypeSlugs;
+                    _a.label = 1;
+                case 1:
+                    if (!(_i < allTypeSlugs_1.length)) return [3 /*break*/, 4];
+                    slug = allTypeSlugs_1[_i];
+                    return [4 /*yield*/, refreshActivities(slug)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [activityTypes, refreshActivities]);
     (0, react_1.useEffect)(function () {
         if (!isInitPasscode)
             return;
@@ -330,6 +357,7 @@ function ActivitiesProvider(_a) {
             loadActivities: loadActivities,
             refreshActivities: refreshActivities,
             insertActivities: insertActivities,
+            refreshAllActivities: refreshAllActivities,
         }, children: children }));
 }
 exports.default = ActivitiesProvider;

package/dist/components/TekWallet/providers/ActivitiesProvider/type.d.ts

@@ -9,6 +9,7 @@ export interface ActivitiesProviderDataType {
     loadOutActivityType: Partial<Record<TransactionSlug, boolean>>;
     insertActivities: (activity: Transaction) => void;
     refreshActivities: (slug: TransactionSlug) => Promise<void>;
+    refreshAllActivities: () => Promise<void>;
 }
 export type Activities = Partial<Record<TransactionSlug, Transaction[]>>;
 export interface ActivityTypes extends TransactionType {

package/dist/components/TekWallet/providers/EventHandlerProvider/index.js

@@ -24,8 +24,9 @@ var TekWalletProvider_1 = require("../TekWalletProvider");
 var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
 var type_1 = require("../../services/axios/get-activities-service/type");
 var components_1 = require("../../components");
+var useRefetchOnWindowFocused_1 = require("../../hooks/useRefetchOnWindowFocused");
 function EventHandlerProvider(props) {
-    var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
+    var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler, updateData = _a.updateData;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
     var router = (0, useCustomRouter_1.default)();
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
@@ -52,6 +53,15 @@ function EventHandlerProvider(props) {
     (0, react_1.useEffect)(function () {
         walletInfoHandler === null || walletInfoHandler === void 0 ? void 0 : walletInfoHandler(walletHandlerInfo);
     }, [walletHandlerInfo]);
+    (0, useRefetchOnWindowFocused_1.useRefetchOnFocus)(function () {
+        updateData();
+    }, {
+        minIntervalMs: 1500,
+        onError: function (error) {
+            console.error("🚀 ~ useEffect ~ error:", error);
+        },
+        enabled: true,
+    });
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
 }
 exports.default = EventHandlerProvider;

package/dist/components/TekWallet/providers/RealtimeProvider/index.js

@@ -65,8 +65,9 @@ var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
 var ably_service_1 = require("../../services/ably/ably.service");
 var material_1 = require("@mui/material");
 var notistack_1 = require("notistack");
-var ThemeProvider_1 = require("../ThemeProvider");
+var mui_1 = require("../../theme/mui");
 var CloseModal_1 = __importDefault(require("../../components/ui/CloseModal"));
+var getContractColor_1 = require("../../utils/getContractColor");
 exports.initialRealtime = {
     transaction: undefined,
     walletHandlerInfo: undefined,
@@ -79,7 +80,7 @@ function GrowTransition(props) {
 exports.RealtimeContext = react_1.default.createContext(exports.initialRealtime);
 function RealtimeProvider(_a) {
     var children = _a.children, options = _a.options;
-    var theme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var masterWallet = (0, useWalletData_1.default)().masterWallet;
     var _b = (0, react_1.useState)(exports.initialRealtime.isConnected), isConnected = _b[0], setIsConnected = _b[1];
     var _c = (0, react_1.useState)(exports.initialRealtime.transaction), transaction = _c[0], setTransaction = _c[1];
@@ -136,19 +137,19 @@ function RealtimeProvider(_a) {
                             }, icon: false, severity: notification.type, sx: {
                                 width: "100%",
                                 maxWidth: "calc(100vw - 2rem)",
-                                borderRadius: theme.mixins.customRadius.r12,
+                                borderRadius: theme.styleMixins.customRadius.r12,
                                 mx: "auto",
-                                padding: "".concat(theme.mixins.customPadding.p0, " ").concat(theme.mixins.customPadding.p12),
+                                padding: "".concat(theme.styleMixins.customPadding.p0, " ").concat(theme.styleMixins.customPadding.p12),
                                 fontSize: theme.typography.fontSize14,
                                 position: "relative",
                                 transform: "translateY(0.5rem) !important",
-                                backgroundColor: theme.palette.background.white24,
-                                color: theme.palette.text.black,
+                                backgroundColor: (0, material_1.alpha)(theme.palette.background.default, 0.5),
+                                color: theme.palette.text.primary,
                                 backdropFilter: "blur(24px)",
-                                border: "1px solid ".concat(theme.palette.border.accent3),
-                                boxShadow: "1px 1px 10px 1px rgba(0, 0, 0, 0.07)",
+                                border: "1px solid ".concat(theme.palette.divider),
+                                boxShadow: "1px 1px 10px 1px ".concat((0, material_1.alpha)((0, getContractColor_1.getContrastingColor)(theme.palette.background.default), 0.07)),
                                 "& .MuiAlert-message": {
-                                    padding: "".concat(theme.mixins.customPadding.p12, " ").concat(theme.mixins.customPadding.p8),
+                                    padding: "".concat(theme.styleMixins.customPadding.p12, " ").concat(theme.styleMixins.customPadding.p8),
                                 },
                             }, children: [notification.message, " ", (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                         color: "inherit",
@@ -156,10 +157,11 @@ function RealtimeProvider(_a) {
                                         right: 0,
                                         bottom: 0,
                                         aspectRatio: "1/1",
-                                        boxShadow: "1px 1px 10px 1px rgba(0, 0, 0, 0.07)",
-                                        backgroundColor: theme.palette.background.white,
-                                        border: "1px solid ".concat(theme.palette.border.accent),
-                                        padding: theme.mixins.customPadding.p6,
+                                        boxShadow: "1px 1px 10px 1px ".concat((0, material_1.alpha)((0, getContractColor_1.getContrastingColor)(theme.palette.background.default), 0.07)),
+                                        backgroundColor: (0, material_1.alpha)(theme.palette.background.default, 0.5),
+                                        backdropFilter: "blur(24px)",
+                                        border: "1px solid ".concat(theme.palette.divider),
+                                        padding: theme.styleMixins.customPadding.p6,
                                         borderRadius: "999px",
                                         transform: "translate(30%, 30%)",
                                     }, onClick: function (e) {

package/dist/components/TekWallet/providers/TekWalletProvider/index.d.ts

@@ -1,4 +1,7 @@
 import { ReactNode } from "react";
+import { Theme } from "@mui/material";
+import { ThemeModes } from "../../theme/mui/type";
+import { THEME } from "xhub-keyboard";
 export declare enum Views {
     ACTIVITY = "activity",
     SETTING = "setting",
@@ -20,15 +23,20 @@ export interface TekWalletProviderProps {
     onLogout?: () => void;
     topOffset?: number;
     overrideQRScanMethod?: () => Promise<string>;
+    theme?: Theme;
+    themeMode?: ThemeModes;
 }
 export interface TekWalletContextType {
     isSSO: boolean | undefined;
     options?: Options;
     onLogout?: () => void;
     topOffset?: number;
+    theme?: Theme;
+    themeMode?: ThemeModes;
     overrideQRScanMethod?: () => Promise<string>;
 }
 export declare const TekWalletContext: import("react").Context<TekWalletContextType>;
-export declare function TekWalletProvider({ children, isSSO, accessToken, options, topOffset, onLogout, overrideQRScanMethod, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TekWalletProvider({ children, isSSO, accessToken, options, topOffset, onLogout, overrideQRScanMethod, theme, themeMode, }: TekWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export default TekWalletProvider;
 export declare const useWalletSetup: () => TekWalletContextType;
+export declare const useKeyboardThemeMode: () => THEME;

package/dist/components/TekWallet/providers/TekWalletProvider/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWalletSetup = exports.TekWalletContext = exports.Views = void 0;
+exports.useKeyboardThemeMode = exports.useWalletSetup = exports.TekWalletContext = exports.Views = void 0;
 exports.TekWalletProvider = TekWalletProvider;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
@@ -17,7 +17,9 @@ var EventHandlerProvider_1 = __importDefault(require("../EventHandlerProvider"))
 var SwapProvider_1 = __importDefault(require("../SwapProvider"));
 var WalletDataProviderNoImport_1 = __importDefault(require("../WalletDataProviderNoImport"));
 var WalletDataProvider_1 = __importDefault(require("../WalletDataProvider"));
-var ThemeProvider_1 = require("../ThemeProvider");
+var type_1 = require("../../theme/mui/type");
+var xhub_keyboard_1 = require("xhub-keyboard");
+var mui_1 = __importDefault(require("../../theme/mui"));
 var Views;
 (function (Views) {
     Views["ACTIVITY"] = "activity";
@@ -30,13 +32,13 @@ var initialTekWalletContext = {
 };
 exports.TekWalletContext = (0, react_1.createContext)(initialTekWalletContext);
 function TekWalletProvider(_a) {
-    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, topOffset = _a.topOffset, onLogout = _a.onLogout, overrideQRScanMethod = _a.overrideQRScanMethod;
+    var children = _a.children, isSSO = _a.isSSO, accessToken = _a.accessToken, options = _a.options, topOffset = _a.topOffset, onLogout = _a.onLogout, overrideQRScanMethod = _a.overrideQRScanMethod, theme = _a.theme, themeMode = _a.themeMode;
     var WalletProvider = isSSO ? WalletDataProviderNoImport_1.default : WalletDataProvider_1.default;
     var _b = (0, react_1.useState)("1"), resetTrigger = _b[0], setResetTrigger = _b[1];
     var onDisconnect = function () {
         setResetTrigger(function (prev) { return prev + "1"; });
     };
-    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options, onLogout: onLogout, topOffset: topOffset, overrideQRScanMethod: overrideQRScanMethod }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.CustomThemeProvider, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
+    return ((0, jsx_runtime_1.jsx)(exports.TekWalletContext.Provider, { value: { isSSO: isSSO, options: options, onLogout: onLogout, topOffset: topOffset, overrideQRScanMethod: overrideQRScanMethod, theme: theme, themeMode: themeMode }, children: (0, jsx_runtime_1.jsx)(WalletProvider, { accessToken: accessToken !== null && accessToken !== void 0 ? accessToken : "", onDisconnect: onDisconnect, children: (0, jsx_runtime_1.jsx)(mui_1.default, { children: (0, jsx_runtime_1.jsx)(RealtimeProvider_1.default, { options: options, children: (0, jsx_runtime_1.jsx)(ActivitiesProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ReceiveProvider_1.default, { children: (0, jsx_runtime_1.jsx)(LockTokenProvider_1.default, { children: (0, jsx_runtime_1.jsx)(WithdrawProvider_1.default, { children: (0, jsx_runtime_1.jsx)(SwapProvider_1.default, { children: (0, jsx_runtime_1.jsx)(EventHandlerProvider_1.default, { options: options, children: children }) }) }) }) }) }) }) }) }, resetTrigger) }));
 }
 exports.default = TekWalletProvider;
 var useWalletSetup = function () {
@@ -44,3 +46,8 @@ var useWalletSetup = function () {
     return config;
 };
 exports.useWalletSetup = useWalletSetup;
+var useKeyboardThemeMode = function () {
+    var themeMode = (0, exports.useWalletSetup)().themeMode;
+    return themeMode === type_1.ThemeModes.DARK ? xhub_keyboard_1.THEME.DARK : xhub_keyboard_1.THEME.LIGHT;
+};
+exports.useKeyboardThemeMode = useKeyboardThemeMode;

package/dist/components/TekWallet/providers/index.d.ts

@@ -5,7 +5,6 @@ export * from "./RealtimeProvider";
 export * from "./ReceiveProvider";
 export * from "./SwapProvider";
 export * from "./TekWalletProvider";
-export * from "./ThemeProvider";
 export * from "./WalletDataProvider";
 export * from "./WalletDataProviderNoImport";
 export * from "./WithdrawProvider";

package/dist/components/TekWallet/providers/index.js

@@ -21,7 +21,6 @@ __exportStar(require("./RealtimeProvider"), exports);
 __exportStar(require("./ReceiveProvider"), exports);
 __exportStar(require("./SwapProvider"), exports);
 __exportStar(require("./TekWalletProvider"), exports);
-__exportStar(require("./ThemeProvider"), exports);
 __exportStar(require("./WalletDataProvider"), exports);
 __exportStar(require("./WalletDataProviderNoImport"), exports);
 __exportStar(require("./WithdrawProvider"), exports);

package/dist/components/TekWallet/theme/mui/components/index.d.ts

@@ -0,0 +1,133 @@
+import { Theme } from "@mui/material/styles";
+declare const OverrideComponents: (theme: Theme) => {
+    MuiButton: {
+        defaultProps: {
+            variant: string;
+            size: string;
+            disableRipple: boolean;
+        };
+        styleOverrides: {
+            root: {
+                textTransform: string;
+                minWidth: string;
+            };
+        };
+        variants: ({
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow: string;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: () => {
+                padding: number;
+                aspectRatio: string;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                borderRadius: string;
+                boxShadow?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                color: string;
+                variant?: undefined;
+                size?: undefined;
+            };
+            style: {
+                backgroundImage: string;
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: number;
+                boxShadow?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        })[];
+    };
+} & import("@mui/material/styles").Components<Omit<Theme, "components">>;
+export default OverrideComponents;

package/dist/components/TekWallet/theme/mui/components/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// ** Overrides Imports
+var Button_1 = __importDefault(require("./overrides/Button"));
+var SnackBar_1 = __importDefault(require("./overrides/SnackBar"));
+var OverrideComponents = function (theme) {
+    var button = (0, Button_1.default)(theme);
+    var snackBar = (0, SnackBar_1.default)(theme);
+    return Object.assign(button, snackBar);
+};
+exports.default = OverrideComponents;

package/dist/components/TekWallet/theme/mui/components/overrides/Button.d.ts

@@ -0,0 +1,142 @@
+import { Theme } from "@mui/material/styles";
+declare module "@mui/material/Button" {
+    interface ButtonPropsVariantOverrides {
+        icon: true;
+        "contained-secondary": true;
+    }
+    interface ButtonPropsColorOverrides {
+        primaryGradient: true;
+    }
+}
+declare const Button: (theme: Theme) => {
+    MuiButton: {
+        defaultProps: {
+            variant: string;
+            size: string;
+            disableRipple: boolean;
+        };
+        styleOverrides: {
+            root: {
+                textTransform: string;
+                minWidth: string;
+            };
+        };
+        variants: ({
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow: string;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: () => {
+                padding: number;
+                aspectRatio: string;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontWeight: number;
+                borderRadius: string;
+                boxShadow?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                size: string;
+                variant?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: string;
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+                boxShadow?: undefined;
+                borderRadius?: undefined;
+                backgroundImage?: undefined;
+            };
+        } | {
+            props: {
+                color: string;
+                variant?: undefined;
+                size?: undefined;
+            };
+            style: {
+                backgroundImage: string;
+                boxShadow?: undefined;
+                padding?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+            };
+        } | {
+            props: {
+                variant: string;
+                size?: undefined;
+                color?: undefined;
+            };
+            style: {
+                padding: number;
+                boxShadow?: undefined;
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                backgroundImage?: undefined;
+            };
+        })[];
+    };
+};
+export default Button;

package/dist/components/TekWallet/theme/mui/components/overrides/Button.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// const getColorCode = (colorKeys: string[], colors: Theme["palette"]): string => {
+//   const firstKey = colorKeys[0];
+//   const colorValue = colors?.[firstKey as keyof Theme["palette"]];
+//   return typeof colorValue == "object"
+//     ? getColorCode(colorKeys?.slice(1), colorValue as unknown as Theme["palette"])
+//     : (colorValue as string);
+// };
+var Button = function (theme) {
+    return {
+        MuiButton: {
+            defaultProps: {
+                variant: "contained",
+                size: "large",
+                disableRipple: false,
+            },
+            styleOverrides: {
+                root: {
+                    textTransform: "none",
+                    minWidth: "auto",
+                },
+            },
+            variants: [
+                {
+                    props: { variant: "contained" },
+                    style: {
+                        boxShadow: theme.shadows[3],
+                    },
+                },
+                {
+                    props: { variant: "icon" },
+                    style: function () {
+                        return {
+                            padding: 0,
+                            aspectRatio: "1/1",
+                        };
+                    },
+                },
+                {
+                    props: { variant: "outlined" },
+                    style: {},
+                },
+                {
+                    props: { size: "small" },
+                    style: {
+                        padding: "".concat(theme.spacing(1, 2.25)),
+                        fontWeight: 400,
+                    },
+                },
+                {
+                    props: { size: "medium" },
+                    style: {
+                        padding: "".concat(theme.spacing(2, 3)),
+                        fontWeight: 600,
+                        borderRadius: theme.spacing(3),
+                    },
+                },
+                {
+                    props: { size: "large" },
+                    style: {
+                        padding: "".concat(theme.spacing(3, 4)),
+                        fontSize: "0.875rem",
+                        lineHeight: "120%",
+                        fontWeight: 600,
+                    },
+                },
+                {
+                    props: { color: "primaryGradient" },
+                    style: {
+                        backgroundImage: "var(--primary-gradient)",
+                    },
+                },
+                {
+                    props: { variant: "text" },
+                    style: {
+                        padding: 0,
+                    },
+                },
+            ],
+        },
+    };
+};
+exports.default = Button;

package/dist/components/TekWallet/theme/mui/components/overrides/Drawer.d.ts

@@ -0,0 +1,4 @@
+declare const Drawer: () => {
+    MuiDrawer: {};
+};
+export default Drawer;

package/dist/components/TekWallet/theme/mui/components/overrides/Drawer.js

@@ -0,0 +1,9 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Drawer = function () {
+    return {
+        MuiDrawer: {},
+    };
+};
+exports.default = Drawer;