tek-wallet 0.0.616 → 0.0.619

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

@@ -0,0 +1,8 @@
+export * from "./views/AssetView";
+export * from "./views/AuthView";
+export * from "./views/AuthViewSignIn";
+export * from "./views/ChangePasscodeView";
+export * from "./views/CreateWalletView";
+export * from "./views/GetSeedPhraseWalletView";
+export * from "./views/ImportWalletView";
+export * from "./ui/Fees";

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

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./views/AssetView"), exports);
+__exportStar(require("./views/AuthView"), exports);
+__exportStar(require("./views/AuthViewSignIn"), exports);
+__exportStar(require("./views/ChangePasscodeView"), exports);
+__exportStar(require("./views/CreateWalletView"), exports);
+__exportStar(require("./views/GetSeedPhraseWalletView"), exports);
+__exportStar(require("./views/ImportWalletView"), exports);
+__exportStar(require("./ui/Fees"), exports);

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

@@ -19,10 +19,11 @@ var react_1 = require("react");
 var StatusDisplay_1 = require("../../ui/StatusDisplay");
 var StatusDisplay_2 = __importDefault(require("../../ui/StatusDisplay"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
     var header = props.header, footer = props.footer, fullScreen = props.fullScreen, children = props.children, sx = props.sx;
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () {
         return {
             showNormal: function () {

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

@@ -14,8 +14,9 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var DefaultPageLayout = function (props) {
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.pagePadding), { minHeight: "100%", width: "100%" }), props.sx), children: props.children }));
 };
 exports.default = DefaultPageLayout;

package/dist/components/TekWallet/components/ui/Activities/index.d.ts

@@ -8,5 +8,5 @@ export type ActivitiesRef = {
     close: () => void;
     openTab: (index: number) => void;
 };
-declare const Activities: import("react").ForwardRefExoticComponent<ActivitiesProps & import("react").RefAttributes<ActivitiesRef>>;
+export declare const Activities: import("react").ForwardRefExoticComponent<ActivitiesProps & import("react").RefAttributes<ActivitiesRef>>;
 export default Activities;

package/dist/components/TekWallet/components/ui/Activities/index.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Activities = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
@@ -46,11 +47,12 @@ var PageHeader_1 = __importDefault(require("../PageHeader"));
 var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
 var useActivities_1 = __importDefault(require("../../../hooks/useActivities"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var react_2 = require("swiper/react");
 var ActivitiesTypeSlice_1 = __importDefault(require("../ActivitiesTypeSlice"));
-var Activities = (0, react_1.forwardRef)(function (props, ref) {
+exports.Activities = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var swiperRef = (0, react_1.useRef)(null);
     var activityTypes = (0, useActivities_1.default)().activityTypes;
     var _a = (0, react_1.useState)(0), activeTab = _a[0], setActiveTab = _a[1];
@@ -111,5 +113,5 @@ var Activities = (0, react_1.forwardRef)(function (props, ref) {
                             }, children: (0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { type: type, isActive: activeTab === index }) }, index));
                     }) }) }) }) }));
 });
-Activities.displayName = "Activities";
-exports.default = Activities;
+exports.Activities.displayName = "Activities";
+exports.default = exports.Activities;

package/dist/components/TekWallet/components/ui/ActivitiesTypeSlice/index.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Status = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var EmptyData_1 = __importDefault(require("../EmptyData"));
 var ActivityItem_1 = __importDefault(require("../ActivityItem"));
@@ -37,7 +38,7 @@ var Status;
 var prefix = "activities_";
 function ActivitiesTypeSlice(props) {
     var _a, _b;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var _c = (0, useActivities_1.default)(), activities = _c.activities, loadActivities = _c.loadActivities, pages = _c.pages;
     var type = props.type, isActive = props.isActive;
     var _d = (0, react_1.useState)(undefined), detailActivity = _d[0], setDetailActivity = _d[1];

package/dist/components/TekWallet/components/ui/ActivityDetail/index.js

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var Icon_1 = __importDefault(require("../Icon"));
 var react_1 = require("react");
@@ -26,7 +27,7 @@ var formatDate_1 = __importDefault(require("../../../utils/formatDate"));
 var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 function ActivityDetail(props) {
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var activityData = props.activityData;
     var masterWallet = (0, useWalletData_1.default)().masterWallet;
     var status = activityData === null || activityData === void 0 ? void 0 : activityData.transaction_status;

package/dist/components/TekWallet/components/ui/AmountGroupAndChart/index.js

@@ -22,6 +22,7 @@ var TimeFilter_1 = __importDefault(require("../TimeFilter"));
 var TimeFilter_2 = require("../TimeFilter");
 var DelayMounted_1 = __importDefault(require("../DelayMounted"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var NeonLineChart_1 = __importDefault(require("../NeonLineChart"));
 var Icon_1 = __importDefault(require("../Icon"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
@@ -75,7 +76,7 @@ var variants = {
 var AmountGroupAndChart = function (props) {
     var _a = (0, react_1.useState)(false), expandAreaChart = _a[0], setExpandAreaChart = _a[1];
     var _b = (0, react_1.useState)(), timeRangeData = _b[0], setTimeRangeData = _b[1];
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var handleChangeTimeRange = function (data) {
         setTimeRangeData(data);
     };

package/dist/components/TekWallet/components/ui/AnalyticGroup/index.js

@@ -19,9 +19,10 @@ var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
 var Icon_1 = __importDefault(require("../Icon"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var AnalyticGroup = function (props) {
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var sx = props.sx;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Total Amount" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { fontSize: theme.typography.fontSize20 }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: 1000000 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontWeight: theme.typography.fontWeight400,

package/dist/components/TekWallet/components/ui/AppBackDrop/index.js

@@ -27,13 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var material_2 = require("@mui/material");
 var react_1 = require("react");
 var Text_1 = __importDefault(require("../Text"));
 var AppBackDrop = (0, react_1.forwardRef)(function (props, ref) {
     var sx = props.sx, open = props.open, message = props.message, rest = __rest(props, ["sx", "open", "message"]);
     var _a = (0, react_1.useState)(!!open), isOpen = _a[0], setIsOpen = _a[1];
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: function () { return setIsOpen(true); },
         close: function () { return setIsOpen(false); },

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

@@ -20,9 +20,10 @@ var BackArrow_1 = __importDefault(require("../BackArrow"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var BackHeader = function (props) {
     var router = (0, useCustomRouter_1.default)();
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var center = props.center, children = props.children, hideBack = props.hideBack;
     var back = function (e) {
         if (props.overrideBack) {

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

@@ -26,6 +26,7 @@ exports.BUTTON_STATUS = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react-hooks/rules-of-hooks */
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var BUTTON_STATUS;
 (function (BUTTON_STATUS) {
     BUTTON_STATUS["LOADING"] = "loading";
@@ -40,7 +41,7 @@ var Button = function (props) {
 Button.displayName = "Button";
 Button.Primary = function (props) {
     var children = props.children, _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, rest = __rest(props, ["children", "status"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     // const disabledStyles: Record<string, SxProps> = {
     //   [BUTTON_STATUS.LOADING]: {
     //     backgroundColor: theme.palette.background.secondary16,
@@ -65,7 +66,7 @@ Button.Secondary = function (props) {
 Button.Secondary.displayName = "Button.Secondary";
 Button.Text = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "text", color: "secondary", sx: __assign({ width: "fit-content", height: "fit-content", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p8 }, sx) })));
 };
 Button.Text.displayName = "Button.Text";

package/dist/components/TekWallet/components/ui/ChangePasscode/index.d.ts

@@ -3,5 +3,5 @@ export interface ChangePasscodeProps extends GeneralProps {
     children: React.ReactNode;
     isInitPasscode?: boolean;
 }
-declare function ChangePasscode({ children, isInitPasscode, ...rest }: ChangePasscodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChangePasscode({ children, isInitPasscode, ...rest }: ChangePasscodeProps): import("react/jsx-runtime").JSX.Element;
 export default ChangePasscode;

package/dist/components/TekWallet/components/ui/ChangePasscode/index.js

@@ -59,6 +59,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasscode = ChangePasscode;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var react_1 = require("react");

package/dist/components/TekWallet/components/ui/ConfirmByPasscode/index.js

@@ -90,6 +90,7 @@ var react_1 = require("react");
 var Text_1 = __importDefault(require("../Text"));
 var ModalLayout_1 = __importDefault(require("../ModalLayout"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var LoadingLayout_1 = __importDefault(require("../LoadingLayout"));
 var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
 var authentication_by_passcode_service_1 = __importDefault(require("../../../services/axios/authentication-by-passcode-service"));
@@ -114,7 +115,7 @@ var handleVerifyPasscode = function (data) { return __awaiter(void 0, void 0, vo
 var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var action = props.action, onConfirmSuccess = props.onConfirmSuccess;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var _a = (0, react_1.useState)(""), otp = _a[0], setOtp = _a[1];
     var loadingRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(""), authError = _b[0], setAuthError = _b[1];
@@ -195,7 +196,11 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
         }, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                 backgroundColor: "transparent",
                 width: "100%",
-            }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Authentication", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: ["Enter your passcode to confirm ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
+            }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Enter Passcode", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                                fontSize: theme.typography.fontSize13,
+                                fontWeight: theme.typography.fontWeight500,
+                                color: theme.palette.text.darkContrast,
+                            }, children: ["Enter your passcode to confirm ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

package/dist/components/TekWallet/components/ui/ConfirmLayout/index.d.ts

@@ -2,14 +2,9 @@ import { DrawerComponentProps, DrawerComponentRef } from "../DrawerComponent";
 import { TransactionSlug } from "../../../services/axios/get-activities-service/type";
 export interface ConfirmLayoutProps extends DrawerComponentProps {
     action: TransactionSlug;
-    title?: string;
-    transferAmount?: number;
-    link?: string;
-    currency?: string;
     header?: {
         rightAdornment?: React.ReactNode;
     };
-    isFlag?: boolean;
     confirmAction?: React.ReactNode;
 }
 declare const ConfirmLayout: import("react").ForwardRefExoticComponent<Omit<ConfirmLayoutProps, "ref"> & import("react").RefAttributes<DrawerComponentRef>>;

package/dist/components/TekWallet/components/ui/ConfirmLayout/index.js

@@ -61,17 +61,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var react_1 = require("react");
-var type_1 = require("../../../services/axios/get-activities-service/type");
-var Text_1 = __importDefault(require("../Text"));
-var Formatter_1 = __importDefault(require("../Formatter"));
-var Icon_1 = __importDefault(require("../Icon"));
 var ChildPageLayout_1 = __importDefault(require("../../../layouts/ChildPageLayout"));
 var PageHeader_1 = __importDefault(require("../PageHeader"));
 var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
-    var children = props.children, action = props.action, header = props.header, _a = props.isFlag, isFlag = _a === void 0 ? true : _a, confirmAction = props.confirmAction, rest = __rest(props, ["children", "action", "header", "isFlag", "confirmAction"]);
-    var theme = (0, material_1.useTheme)();
+    var children = props.children, action = props.action, header = props.header, confirmAction = props.confirmAction, rest = __rest(props, ["children", "action", "header", "confirmAction"]);
+    var theme = (0, ThemeProvider_1.useTheme)();
     var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
     var handleOnClose = function () {
         var _a;
@@ -95,15 +92,7 @@ var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
             (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.unlockStatus();
         },
     }); });
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: confirmByPasscodeDrawerRef }, rest, { children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: action === type_1.TransactionSlug.Withdrawn ? "Confirm Transaction" : "Confirm deposit", overrideBack: handleOnClose, rightAdornment: header === null || header === void 0 ? void 0 : header.rightAdornment }), footer: confirmAction, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16, padding: theme.mixins.customPadding.p16 }), children: [isFlag && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", marginTop: theme.mixins.customMargin.m16, marginBottom: theme.mixins.customMargin.m12, gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.sessionDescription), { textTransform: "capitalize" }), children: props.title }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.transferAmount, sx: {
-                                    color: theme.palette.text.primary,
-                                    fontSize: theme.typography.fontSize24,
-                                    fontWeight: theme.typography.fontWeight600,
-                                } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.5, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.link, width: 16, height: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            fontWeight: theme.typography.fontWeight500,
-                                            fontSize: theme.typography.fontSize15,
-                                            color: theme.palette.text.accent2,
-                                        }, children: props.currency })] })] })), children] }) }) })));
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: confirmByPasscodeDrawerRef }, rest, { children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: action, overrideBack: handleOnClose, rightAdornment: header === null || header === void 0 ? void 0 : header.rightAdornment }), footer: confirmAction, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16, padding: theme.mixins.customPadding.p16 }), children: children }) }) })));
 });
 ConfirmLayout.displayName = "ConfirmLayout";
 exports.default = ConfirmLayout;

package/dist/components/TekWallet/components/ui/ConfirmLayout copy/index.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Icon_1 = __importDefault(require("../Icon"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var ModalLayout_1 = __importDefault(require("../ModalLayout"));
@@ -36,7 +37,7 @@ var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
 var react_1 = require("react");
 var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
     var children = props.children, rest = __rest(props, ["children"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
     var handleOnClose = function () {
         var _a;

package/dist/components/TekWallet/components/ui/CopyTextComponent/index.js

@@ -53,12 +53,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Icon_1 = __importDefault(require("../Icon"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Text_1 = __importDefault(require("../Text"));
 var CopyTextComponent = function (_a) {
     var value = _a.value, iconSuccess = _a.iconSuccess, children = _a.children, hideTextMessage = _a.hideTextMessage, sx = _a.sx;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var _b = (0, react_1.useState)(false), showSuccess = _b[0], setShowSuccess = _b[1];
     var copyText = function (e) { return __awaiter(void 0, void 0, void 0, function () {
         var err_1;

package/dist/components/TekWallet/components/ui/DialogContentLayout/index.js

@@ -27,10 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Text_1 = __importDefault(require("../Text"));
 function DialogContentLayout(props) {
     var content = props.content, actions = props.actions, sx = props.sx, rest = __rest(props, ["content", "actions", "sx"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { borderRadius: theme.mixins.customRadius.r12, backgroundColor: theme.palette.background.black, boxShadow: theme.shadows[1], minWidth: "12rem" }), theme.mixins.dialogContent), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     padding: theme.mixins.customPadding.p12,
                 }, children: content }), !!actions && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height: "1px", backgroundColor: theme.palette.border.white16 } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {

package/dist/components/TekWallet/components/ui/EmptyData/index.js

@@ -16,11 +16,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Text_1 = __importDefault(require("../Text"));
 var Icon_1 = __importDefault(require("../Icon"));
 var Button_1 = __importDefault(require("../Button"));
 function EmptyData(props) {
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center", justifyContent: "center" }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 48, src: props.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: props.description }), props.action && (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText })] }));
 }
 exports.default = EmptyData;

package/dist/components/TekWallet/components/ui/Fees/index.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
@@ -38,7 +39,7 @@ var ReceiveFunction_1 = __importDefault(require("../ReceiveFunction"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 function Fees(props) {
     var sx = props.sx, amount = props.amount, feesDataString = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var feesData = (0, parsePropsData_1.default)(feesDataString);
     var tokens = (0, useWalletData_1.default)().tokens;
     var getBalanceUseToPaidFee = (0, react_1.useCallback)(function (tokenSlugMustBePaidFee) {
@@ -106,13 +107,14 @@ function Fees(props) {
                                 fontWeight: theme.typography.fontWeight500,
                                 color: theme.palette.text.darkContrast,
                             }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                borderTop: "1px dashed ".concat(theme.palette.border.accent),
+                                borderTop: "1px dashed",
+                                borderColor: theme.palette.border.accent,
                                 flex: 1,
                                 height: "1px",
                                 width: "100%",
                                 ml: theme.mixins.gaps.g8,
                                 mr: theme.mixins.gaps.g8,
-                            } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: totalfee_in_usd, start: "~ $", disableTooltip: true }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g8, alignItems: "center", justifyContent: "center" }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                            } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: __assign({}, theme.mixins.value), value: totalfee_in_usd, start: "~ $", disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g8, alignItems: "center", justifyContent: "center" }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
                                         var _a;
                                         return ((0, jsx_runtime_1.jsxs)(jsx_runtime_2.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                                         borderRight: "1px dashed ".concat(theme.palette.border.white24),
@@ -130,7 +132,7 @@ function Fees(props) {
 exports.default = Fees;
 var FeeDetails = function (_a) {
     var feeName = _a.feeName, fee_in_currency = _a.fee_in_currency, fee_in_usd = _a.fee_in_usd, currencyName = _a.currencyName;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     fontSize: theme.typography.fontSize11,
                     fontWeight: theme.typography.fontWeight500,
@@ -138,5 +140,5 @@ var FeeDetails = function (_a) {
                     color: theme.palette.text.accent,
                     pl: theme.mixins.gaps.g12,
                     whiteSpace: "nowrap",
-                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: fee_in_currency, unit: " ".concat(currencyName) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: fee_in_usd, start: "~ $" }) })] })] }));
+                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: __assign({}, theme.mixins.value), value: fee_in_currency, unit: " ".concat(currencyName) }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: __assign({}, theme.mixins.valueDescription), value: fee_in_usd, start: "~ $" })] })] }));
 };

package/dist/components/TekWallet/components/ui/Formatter/index.js

@@ -20,13 +20,14 @@ var getStandardNumber_1 = __importDefault(require("../../../utils/getStandardNum
 var lengthFromDotToFirstNonZero_1 = __importDefault(require("../../../utils/lengthFromDotToFirstNonZero"));
 var CustomTooltip_1 = __importDefault(require("../CustomTooltip"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var formatter_1 = __importDefault(require("../../../utils/formatter"));
 var Formatter = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var value = _a.value, _o = _a.start, start = _o === void 0 ? "" : _o, _p = _a.unit, unit = _p === void 0 ? "" : _p, _q = _a.lengthValueAllowed, lengthValueAllowed = _q === void 0 ? 2 : _q, _r = _a.noUnitSpacing, noUnitSpacing = _r === void 0 ? false : _r, _s = _a.allowShowZero, allowShowZero = _s === void 0 ? false : _s, _t = _a.useCompact, useCompact = _t === void 0 ? true : _t, disableTooltip = _a.disableTooltip, isLessThan = _a.isLessThan, unitStyle = _a.unitStyle, _u = _a.useCompactOnThousand, useCompactOnThousand = _u === void 0 ? false : _u, startStyle = _a.startStyle, hideStart = _a.hideStart, hideUnit = _a.hideUnit, onClickUnit = _a.onClickUnit, sx = _a.sx;
     var tokensRateState = {}.tokensRateState;
     var userInfo = {}.userInfo;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     //   const { tokensRateState } = useRealtimeData();
     //   const { userInfo } = useGlobalData();
     if (value === undefined)

package/dist/components/TekWallet/components/ui/FunctionItem/index.js

@@ -16,10 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var FunctionItem = function (props) {
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.icon, sx: {
                     borderRadius: theme.mixins.customRadius.full,
                 }, width: 44 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {

package/dist/components/TekWallet/components/ui/GetWalletSeedPhrase/index.d.ts

@@ -2,5 +2,5 @@ import { GeneralProps } from "../../../types/ui";
 export interface GetWalletSeedPhraseProps extends GeneralProps {
     children: React.ReactNode;
 }
-declare function GetWalletSeedPhrase({ children, ...rest }: GetWalletSeedPhraseProps): import("react/jsx-runtime").JSX.Element;
+export declare function GetWalletSeedPhrase({ children, ...rest }: GetWalletSeedPhraseProps): import("react/jsx-runtime").JSX.Element;
 export default GetWalletSeedPhrase;

package/dist/components/TekWallet/components/ui/GetWalletSeedPhrase/index.js

@@ -59,6 +59,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetWalletSeedPhrase = GetWalletSeedPhrase;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var react_1 = require("react");

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

@@ -5,7 +5,7 @@ export interface IconProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     width?: number;
     height?: number;
     sx?: SxProps;
-    rounded?: boolean;
+    isRounded?: boolean;
 }
 declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default Icon;

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

@@ -26,7 +26,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var Icon = function (props) {
     var _a, _b;
-    var src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, sx = props.sx, rest = __rest(props, ["src", "alt", "onClick", "width", "height", "sx"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false) ? "".concat((width || height || 0) / 16, "rem") : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false) ? "".concat((height || width || 0) / 16, "rem") : "auto" }, sx) })));
+    var src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, sx = props.sx, isRounded = props.isRounded, rest = __rest(props, ["src", "alt", "onClick", "width", "height", "sx", "isRounded"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false) ? "".concat((width || height || 0) / 16, "rem") : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false) ? "".concat((height || width || 0) / 16, "rem") : "auto", borderRadius: isRounded ? "100%" : null }, sx) })));
 };
 exports.default = Icon;

package/dist/components/TekWallet/components/ui/IconText/index.js

@@ -18,8 +18,9 @@ exports.default = IconText;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 function IconText(props) {
     var title = props.title, beforeIcon = props.beforeIcon, afterIcon = props.afterIcon, sx = props.sx;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [beforeIcon && beforeIcon, (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, sx), children: title }), afterIcon && afterIcon] }));
 }

package/dist/components/TekWallet/components/ui/Input/index.js

@@ -25,9 +25,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Input = (0, react_1.forwardRef)(function (props, inputRef) {
     var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.customRadius.r12, padding: 0, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { 
                 // variant="outlined"
                 sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", minHeight: "unset", "& .MuiInputBase-input": {

package/dist/components/TekWallet/components/ui/LineValue/index.js

@@ -18,8 +18,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var LineValue = function (props) {
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     var field = props.field, value = props.value, valueDescription = props.valueDescription;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { alignItems: "center", gap: theme.mixins.gaps.g32 }), props.sx), children: [!!field && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.valueDescription), props.sxField), { whiteSpace: "nowrap" }), children: field })), (!!value || !!valueDescription) && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, alignItems: "end", gap: theme.mixins.gaps.g2 }), children: [!!value && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.value), { textAlign: "right" }), props.sxValue), children: value })), !!valueDescription && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.valueDescription), { textAlign: "right" }), props.sxValueDescription), children: valueDescription }))] }))] }));
 };

package/dist/components/TekWallet/components/ui/ListItemCustom/index.js

@@ -27,12 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Icon_1 = __importDefault(require("../Icon"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Text_1 = __importDefault(require("../Text"));
 function ListItemCustom(_a) {
     var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx"]);
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, padding: 0 }), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && (0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("right_arrow"), sx: { ml: "auto" } }))] })));
 }
 exports.default = ListItemCustom;

package/dist/components/TekWallet/components/ui/LoadingLayout/index.js

@@ -16,12 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Text_1 = __importDefault(require("../Text"));
 var react_1 = require("react");
 var LoadingLayout = (0, react_1.forwardRef)(function (props, ref) {
     var _a = (0, react_1.useState)(props.initLoading), loading = _a[0], setLoading = _a[1];
     var _b = props.loadingMessage, loadingMessage = _b === void 0 ? "Processing" : _b, children = props.children, sx = props.sx;
-    var theme = (0, material_1.useTheme)();
+    var theme = (0, ThemeProvider_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         startLoading: function () {
             setLoading(true);