tek-wallet 0.0.806 → 0.0.807

package/dist/components/TekWallet/components/views/SwapView/components/SelectToken.js

@@ -58,20 +58,20 @@ 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 providers_1 = require("../../../../providers");
 var TokenSelection_1 = __importDefault(require("../../../ui/TokenSelection"));
-var SvgPath_1 = require("../../../ui/SvgPath");
 var EmptyData_1 = __importDefault(require("../../../ui/EmptyData"));
 var WaitingData_1 = __importDefault(require("../../../ui/WaitingData"));
 var react_1 = require("react");
 var lodash_1 = require("lodash");
 var SortGroup_1 = __importStar(require("../../../ui/ReceiveFunction/components/SortGroup"));
 var SortTool_1 = require("../../../ui/ReceiveFunction/components/SortTool");
+var SearchBar_1 = __importDefault(require("../../../ui/SearchBar"));
+var mui_1 = require("../../../../theme/mui");
 var searchDebounce = (0, lodash_1.debounce)(function (callback) {
     callback();
 }, 500, { leading: true, trailing: true });
 var SelectToken = function (props) {
-    var theme = (0, providers_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var _a = (0, react_1.useState)(""), searchValue = _a[0], setSearchValue = _a[1];
     var _b = (0, react_1.useState)(), searchedReceiveTokens = _b[0], setSearchedReceiveTokens = _b[1];
     var _c = (0, react_1.useState)([]), tokenRender = _c[0], setTokenRender = _c[1];
@@ -132,38 +132,13 @@ var SelectToken = function (props) {
             setTokenRender(tokens || []);
         }
     }, [isSearching, searchedReceiveTokens, tokens]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: [!isEmptyDepositTokens && !isLoadingDepositTokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12, height: "fit-content" }), children: [!isEmptyDepositTokens && !isLoadingDepositTokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     position: "sticky",
-                    backgroundColor: theme.palette.background.white,
+                    backgroundColor: theme.palette.background.default,
                     zIndex: 100,
                     top: "0px",
-                    pb: theme.mixins.customPadding.p12,
-                }, children: [(0, jsx_runtime_1.jsx)(material_1.InputBase, { onChange: handleSearch, startAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20 }, children: SvgPath_1.IC_SEARCH }) }), value: searchValue, placeholder: "Search", sx: {
-                            borderRadius: theme.mixins.customRadius.r12,
-                            border: "1px solid",
-                            borderColor: theme.palette.border.accent3,
-                            background: theme.palette.background.white,
-                            color: theme.palette.text.black,
-                            py: theme.mixins.customPadding.p6,
-                            px: theme.mixins.customPadding.p12,
-                            fontSize: theme.typography.fontSize16,
-                            width: "100%",
-                            lineHeight: "100%",
-                            "input::placeholder": {
-                                fontSize: theme.typography.fontSize12,
-                                pl: theme.mixins.customPadding.p4,
-                                fontWeight: theme.typography.fontWeight500,
-                                color: theme.palette.text.black,
-                                lineHeight: "100%",
-                            },
-                        }, endAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: {
-                                visibility: isSearching ? "visible" : "hidden",
-                            }, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: {
-                                    width: 20,
-                                    height: 20,
-                                    p: theme.mixins.customPadding.p4,
-                                    cursor: "pointer",
-                                }, onClick: handleClearSearch, children: SvgPath_1.IC_CLOSE }) }) }), (tokenRender === null || tokenRender === void 0 ? void 0 : tokenRender.length) > 0 && (0, jsx_runtime_1.jsx)(SortGroup_1.default, { onChange: handleSort })] })), isLoadingDepositTokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 8 }), isEmptyDepositTokens && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { py: "4rem" }, title: "No deposit tokens", description: "No deposit tokens" })), isSearching && isEmptySearch && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { py: "4rem" }, title: "No search results", description: "Let's try again with a different search" })), tokenRender === null || tokenRender === void 0 ? void 0 : tokenRender.map(function (item, index) {
+                    pb: theme.styleMixins.customPadding.p12,
+                }, children: [(0, jsx_runtime_1.jsx)(SearchBar_1.default, { onChange: handleSearch, value: searchValue, placeholder: "Search", onClearSearch: handleClearSearch }), (tokenRender === null || tokenRender === void 0 ? void 0 : tokenRender.length) > 0 && (0, jsx_runtime_1.jsx)(SortGroup_1.default, { onChange: handleSort })] })), isLoadingDepositTokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 8 }), isEmptyDepositTokens && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { py: "4rem" }, title: "No deposit tokens", description: "No deposit tokens" })), isSearching && isEmptySearch && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { py: "4rem" }, title: "No search results", description: "Let's try again with a different search" })), tokenRender === null || tokenRender === void 0 ? void 0 : tokenRender.map(function (item, index) {
                 var stringifiedTokenData = JSON.stringify(item);
                 if (!item)
                     return null;

package/dist/components/TekWallet/components/views/SwapView/components/Summary.js

@@ -101,7 +101,7 @@ var Text_1 = __importDefault(require("../../../ui/Text"));
 var Fees_1 = __importStar(require("../../../ui/Fees"));
 var react_1 = require("react");
 var Button_1 = __importStar(require("../../../ui/Button"));
-var providers_1 = require("../../../../providers");
+var mui_1 = require("../../../../theme/mui");
 var Formatter_1 = __importDefault(require("../../../ui/Formatter"));
 var Icon_1 = __importDefault(require("../../../ui/Icon"));
 var ConfirmSwapToken_1 = __importDefault(require("../../../ui/ConfirmSwapToken"));
@@ -112,7 +112,7 @@ function Summary(props) {
     var _this = this;
     var fromToken = props.fromToken, toToken = props.toToken, confirmProps = props.confirmProps, receiveAmountEstimate = props.receiveAmountEstimate, fromAmount = props.fromAmount, isActiveStep = props.isActiveStep;
     var _a = confirmProps || {}, onSuccess = _a.onSuccess, onError = _a.onError, onStart = _a.onStart, onFinally = _a.onFinally, confirmPropsRest = __rest(_a, ["onSuccess", "onError", "onStart", "onFinally"]);
-    var theme = (0, providers_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var _b = (0, react_1.useState)(false), isEstimatingFee = _b[0], setIsLoadingEstimateFee = _b[1];
     var _c = (0, react_1.useState)(), estimateFee = _c[0], setEstimateFee = _c[1];
     var _d = (0, react_1.useState)(false), isEnoughBalanceToPayFee = _d[0], setIsEnoughBalanceToPayFee = _d[1];
@@ -178,47 +178,44 @@ function Summary(props) {
             flexDirection: "column",
             alignItems: "center",
             height: "100%",
-            color: theme.palette.text.accent2,
-            gap: theme.mixins.gaps.g24,
-        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "You Receive" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.bigValue), { color: theme.palette.text.primary }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: receiveAmountEstimate, unit: toToken === null || toToken === void 0 ? void 0 : toToken.name }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            gap: theme.styleMixins.gaps.g24,
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { alignItems: "center", gap: theme.styleMixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.valueDescription), children: "You Receive" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.bigValue), { color: theme.palette.primary.main }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: receiveAmountEstimate, unit: toToken === null || toToken === void 0 ? void 0 : toToken.name }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: theme.styleMixins.gaps.g16,
+                    zIndex: 1,
+                    backgroundColor: theme.palette.primary.main,
+                    padding: theme.styleMixins.customPadding.p16,
+                    borderRadius: theme.styleMixins.customRadius.r16,
                     width: "100%",
-                    position: "relative",
-                }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: theme.mixins.gaps.g16,
-                        zIndex: 1,
-                        backgroundColor: theme.palette.background.primary,
-                        padding: theme.mixins.customPadding.p16,
-                        borderRadius: theme.mixins.customRadius.r16,
-                        color: theme.palette.text.white,
-                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                                display: "flex",
-                                alignItems: "center",
-                                gap: theme.mixins.gaps.g4,
-                                position: "relative",
-                                zIndex: 1,
-                            }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: fromToken === null || fromToken === void 0 ? void 0 : fromToken.link, sx: {
-                                        width: 20,
-                                        height: 20,
-                                        borderRadius: "999px",
-                                    } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit", marginLeft: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: fromAmount }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: theme.mixins.gaps.g4 }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SWAP_SECONDARY", sx: {
-                                        width: 16,
-                                        height: 16,
-                                    } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                        flex: 1,
-                                        borderTop: "1px dashed ".concat(theme.palette.border.secondary),
-                                        opacity: 0.2,
-                                    } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: theme.mixins.gaps.g4 }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.link, sx: {
-                                        width: 20,
-                                        height: 20,
-                                        borderRadius: "999px",
-                                    } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: toToken === null || toToken === void 0 ? void 0 : toToken.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit", marginLeft: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: receiveAmountEstimate }) })] })] }) }), !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                    color: "text.reverse",
+                }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: theme.styleMixins.gaps.g4,
+                            position: "relative",
+                            zIndex: 1,
+                        }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: fromToken === null || fromToken === void 0 ? void 0 : fromToken.link, sx: {
+                                    width: 20,
+                                    height: 20,
+                                    borderRadius: "999px",
+                                } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.value), { color: "inherit" }), children: fromToken === null || fromToken === void 0 ? void 0 : fromToken.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.value), { color: "inherit", marginLeft: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: fromAmount }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: theme.styleMixins.gaps.g4 }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SWAP_SECONDARY", sx: {
+                                    width: 16,
+                                    height: 16,
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    flex: 1,
+                                    borderTop: "1px dashed ".concat(theme.palette.secondary.main),
+                                    opacity: 0.5,
+                                } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: theme.styleMixins.gaps.g4 }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.link, sx: {
+                                    width: 20,
+                                    height: 20,
+                                    borderRadius: "999px",
+                                } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.value), { color: "inherit" }), children: toToken === null || toToken === void 0 ? void 0 : toToken.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.value), { color: "inherit", marginLeft: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: receiveAmountEstimate }) })] })] }), !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                     fontSize: theme.typography.fontSize12,
                     fontWeight: theme.typography.fontWeight500,
-                    color: theme.palette.text.blackContrast,
+                    color: theme.palette.text.primary,
                     alignSelf: "center",
-                }, children: ["1 ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " ~ ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toToken === null || toToken === void 0 ? void 0 : toToken.name })] })), !!someError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: theme.mixins.validationError, alignSelf: "flex-start" }, children: "Something went wrong, please try again" })), !!isActiveStep && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +(fromAmount || 0), tokenSlug: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.slug) || "", feesStyle: Fees_1.FeesStyle.DEFAULT, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee })), (0, jsx_runtime_1.jsx)(ConfirmSwapToken_1.default, __assign({ sx: {
+                }, children: ["1 ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " ~ ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toToken === null || toToken === void 0 ? void 0 : toToken.name })] })), !!someError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: theme.styleMixins.validationError, alignSelf: "flex-start" }, children: "Something went wrong, please try again" })), !!isActiveStep && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: estimateFee, amount: +(fromAmount || 0), tokenSlug: (fromToken === null || fromToken === void 0 ? void 0 : fromToken.slug) || "", feesStyle: Fees_1.FeesStyle.DEFAULT, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee })), (0, jsx_runtime_1.jsx)(ConfirmSwapToken_1.default, __assign({ sx: {
                     width: "100%",
                     marginTop: "auto",
                 }, payload: payload }, confirmPropsRest, { onSuccess: function (res) {

package/dist/components/TekWallet/components/views/SwapView/components/ToCard/index.js

@@ -51,7 +51,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
 var Icon_1 = __importDefault(require("../../../../ui/Icon"));
-var providers_1 = require("../../../../../providers");
+var mui_1 = require("../../../../../theme/mui");
 var Text_1 = __importDefault(require("../../../../ui/Text"));
 var SvgPath_1 = require("../../../../ui/SvgPath");
 var Formatter_1 = __importDefault(require("../../../../ui/Formatter"));
@@ -78,7 +78,7 @@ var ToCard = function (_a) {
             return 0;
         }
     }, [fromAmount, selectedFromToken === null || selectedFromToken === void 0 ? void 0 : selectedFromToken.usd_rate, selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.usd_rate]);
-    var theme = (0, providers_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var outputTokens = (0, react_1.useMemo)(function () {
         var _a;
         return (_a = selectedFromToken === null || selectedFromToken === void 0 ? void 0 : selectedFromToken.outputs) !== null && _a !== void 0 ? _a : [];
@@ -100,17 +100,17 @@ var ToCard = function (_a) {
     (0, react_1.useEffect)(function () {
         selectDefaultToToken();
     }, [selectDefaultToToken]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ padding: theme.mixins.customPadding.p16, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.mixins.customRadius.r16 }, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    color: theme.palette.text.blackContrast,
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ padding: theme.styleMixins.customPadding.p16, backgroundColor: theme.palette.background.tertiary, borderRadius: theme.styleMixins.customRadius.r16 }, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    color: theme.palette.text.primary,
                     fontWeight: theme.typography.fontWeight600,
-                }, children: "To" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, width: "100%", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: selectTokenRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-1 cursor-pointer", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                        color: theme.palette.text.blackContrast,
+                }, children: "To" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g12, width: "100%", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: selectTokenRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center gap-1 cursor-pointer", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        color: theme.palette.text.primary,
                                         fontWeight: theme.typography.fontWeight600,
                                     }, children: (selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.name) || (selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.full_name) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 10, height: 10 }, children: SvgPath_1.IC_ARROW_BLACK_DROP })] }), children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Select Token", overrideBack: closeSelectToken }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
                                     width: "100dvw",
                                     height: "100dvh",
                                 }, children: (0, jsx_runtime_1.jsx)(SelectToken_1.default, { tokens: outputTokens, selectedToken: selectedToToken, onChangeToken: handleSelectToken }) }) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            color: theme.palette.text.blackContrast,
+                            color: theme.palette.text.primary,
                             fontWeight: theme.typography.fontWeight600,
                             fontSize: theme.typography.fontSize16,
                         }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: receiveAmountEst, unit: selectedToToken === null || selectedToToken === void 0 ? void 0 : selectedToToken.name }) })] })] }));

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

@@ -54,7 +54,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_2 = require("swiper/react");
 var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var mui_1 = require("../../../theme/mui");
 var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
 var SwiperControlled_1 = __importDefault(require("../../ui/SwiperControlled"));
 var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
@@ -70,6 +70,7 @@ var Summary_1 = __importDefault(require("./components/Summary"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var FromCardSkeleton_1 = __importDefault(require("./components/FromCard/FromCardSkeleton"));
 var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var providers_1 = require("../../../providers");
 var SwapStep;
 (function (SwapStep) {
     SwapStep[SwapStep["FORM"] = 0] = "FORM";
@@ -81,7 +82,7 @@ var SWAP_STEP_NAME = (_a = {},
     _a);
 var SwapView = function () {
     var swiperRef = (0, react_1.useRef)(null);
-    var theme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var _a = (0, react_1.useState)(SwapStep.FORM), currentStep = _a[0], setCurrentStep = _a[1];
     var _b = (0, react_1.useState)(null), fromTokenSelected = _b[0], setFromTokenSelected = _b[1];
     var _c = (0, react_1.useState)(null), toTokenSelected = _c[0], setToTokenSelected = _c[1];
@@ -158,11 +159,12 @@ var SwapView = function () {
     var handleOnSuccessSwap = (0, react_1.useCallback)(function () {
         setIsChangeSlidePromptly(true);
     }, []);
+    var keyboardThemeMode = (0, providers_1.useKeyboardThemeMode)();
     return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { styles: {
             container: {
                 height: "100%",
             },
-        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: SWAP_STEP_NAME[currentStep], overrideBack: handleBack }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
+        }, id: keyboardId, onChange: handleKeyboardChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toString(), keyboardId: "form-amount-keyboard-id", onOpen: handleKeyboardOpen, onClose: handleKeyboardClose, theme: keyboardThemeMode, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: SWAP_STEP_NAME[currentStep], overrideBack: handleBack }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
                     autoHeight: false,
                     spaceBetween: 32,
                     speed: isChangeSlidePromptly ? 0 : 500,
@@ -170,26 +172,26 @@ var SwapView = function () {
                     height: "100%",
                 }, swiperStyle: {
                     height: "100%",
-                }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign(__assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), { paddingBottom: isKeyboardOpen
-                                ? theme.mixins.customPadding.p8
-                                : theme.mixins.customPadding.p24 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign(__assign({ height: "100%", minHeight: "100%" }, theme.styleMixins.pagePadding), { paddingBottom: isKeyboardOpen
+                                ? theme.styleMixins.customPadding.p8
+                                : theme.styleMixins.customPadding.p24 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                 display: "flex",
                                 flexDirection: "column",
-                                gap: theme.mixins.gaps.g12,
+                                gap: theme.styleMixins.gaps.g12,
                                 height: "100%",
                             }, children: [!fromTokens && (0, jsx_runtime_1.jsx)(FromCardSkeleton_1.default, {}), !!fromTokens && ((0, jsx_runtime_1.jsx)(FromCard_1.default, { onChange: onChange, onChangeToken: handleSelectToken, selectedToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, amount: fromAmount !== null && fromAmount !== void 0 ? fromAmount : undefined, setFromInfoIsReady: setFromInfoIsReady, keyboardId: keyboardId, amountWasChanged: isUserTypedAmount, fromTokens: fromTokens })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 18, height: 18 }, children: SvgPath_1.IC_SWAP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
                                                 flex: 1,
                                                 borderStyle: "dashed",
-                                                borderColor: "#A3A3A3",
+                                                borderColor: "palette.divider",
                                                 opacity: 0.3,
                                             } })] }), !fromTokenSelected && (0, jsx_runtime_1.jsx)(FromCardSkeleton_1.default, {}), !!fromTokenSelected && ((0, jsx_runtime_1.jsx)(ToCard_1.default, { selectedToToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, selectedFromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), onChangeToToken: handleSelectOutputToken })), !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                                         fontSize: theme.typography.fontSize12,
                                         fontWeight: theme.typography.fontWeight500,
-                                        color: theme.palette.text.blackContrast,
+                                        color: theme.palette.text.primary,
                                         alignSelf: "center",
                                     }, children: ["1 ", fromTokenSelected === null || fromTokenSelected === void 0 ? void 0 : fromTokenSelected.name, " ~", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toTokenSelected === null || toTokenSelected === void 0 ? void 0 : toTokenSelected.name })] })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: {
                                         marginTop: "auto",
-                                    }, status: !fromInfoIsReady ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, fullWidth: true, onClick: handlePreviewSwap, children: "Preview swap" })] }) }, SwapStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign({ height: "100%", minHeight: "100%" }, theme.mixins.pagePadding), children: (0, jsx_runtime_1.jsx)(Summary_1.default, { isActiveStep: currentStep === SwapStep.CONFIRM, fromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, toToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), receiveAmountEstimate: fromAmount ? +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0) * toTokenRate : 0, confirmProps: {
+                                    }, status: !fromInfoIsReady ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, fullWidth: true, onClick: handlePreviewSwap, children: "Preview swap" })] }) }, SwapStep.FORM), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: __assign({ height: "100%", minHeight: "100%" }, theme.styleMixins.pagePadding), children: (0, jsx_runtime_1.jsx)(Summary_1.default, { isActiveStep: currentStep === SwapStep.CONFIRM, fromToken: fromTokenSelected !== null && fromTokenSelected !== void 0 ? fromTokenSelected : undefined, toToken: toTokenSelected !== null && toTokenSelected !== void 0 ? toTokenSelected : undefined, fromAmount: +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0), receiveAmountEstimate: fromAmount ? +(fromAmount !== null && fromAmount !== void 0 ? fromAmount : 0) * toTokenRate : 0, confirmProps: {
                                 onDone: handleNewTransaction,
                                 onSuccess: handleOnSuccessSwap,
                             } }) }, SwapStep.CONFIRM)] }) }) }));

package/dist/components/TekWallet/hooks/useValidateAmount.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AmountError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var providers_1 = require("../providers");
+var mui_1 = require("../theme/mui");
 var components_1 = require("../components");
 var material_1 = require("@mui/material");
 var Text_1 = __importDefault(require("../components/ui/Text"));
@@ -30,8 +30,8 @@ var AmountError;
 })(AmountError || (exports.AmountError = AmountError = {}));
 var ErrorContent = function (_a) {
     var children = _a.children;
-    var theme = (0, providers_1.useTheme)();
-    return (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: children });
+    var theme = (0, mui_1.useTheme)();
+    return (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: children });
 };
 var Container = function (_a) {
     var children = _a.children;

package/dist/components/TekWallet/hooks/useWarningWrongPasscode.js

@@ -56,7 +56,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var useWalletData_1 = __importDefault(require("./useWalletData"));
 var authentication_by_passcode_service_1 = __importDefault(require("../services/axios/authentication-by-passcode-service"));
-var providers_1 = require("../providers");
+var mui_1 = require("../theme/mui");
 var useConvertTime_1 = require("./useConvertTime");
 var useFormatter_1 = __importDefault(require("./useFormatter"));
 var Text_1 = __importDefault(require("../components/ui/Text"));
@@ -73,7 +73,7 @@ function useValidatePasscode() {
     var _c = (0, react_1.useState)(false), isLocked = _c[0], setIsLocked = _c[1];
     var _d = (0, react_1.useState)(null), unknownError = _d[0], setUnknownError = _d[1];
     var _e = (0, useWalletData_1.default)(), policyInfo = _e.policyInfo, isTokensLoading = _e.isTokensLoading, isInitPasscode = _e.isInitPasscode;
-    var theme = (0, providers_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var formatTime = (0, useConvertTime_1.useConvertTime)().formatTime;
     var initialized = (0, react_1.useRef)(false);
     var timer = (0, react_1.useRef)(null);
@@ -108,12 +108,12 @@ function useValidatePasscode() {
         if (timesLeft <= 0) {
             var unLockAt = policyInfo === null || policyInfo === void 0 ? void 0 : policyInfo.expired;
             handleSetIsLocked(true, lockDuration * 1000);
-            setWarningContent((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: ["Your account is locked because of too many wrong tries. Please try again after ", (0, jsx_runtime_1.jsx)("strong", { children: formatDate(unLockAt, true) }), "."] }));
+            setWarningContent((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: ["Your account is locked because of too many wrong tries. Please try again after ", (0, jsx_runtime_1.jsx)("strong", { children: formatDate(unLockAt, true) }), "."] }));
             return;
         }
         var lockDurationString = formatTime(lockDuration);
         handleSetIsLocked(false);
-        setWarningContent((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: ["Invalid passcode. You have ".concat(timesLeft, " attempts left. Too many wrong tries will lock your account for "), lockDurationString, "."] }));
+        setWarningContent((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: ["Invalid passcode. You have ".concat(timesLeft, " attempts left. Too many wrong tries will lock your account for "), lockDurationString, "."] }));
     }, []);
     var handleVerifyPasscode = (0, react_1.useCallback)(function (data) { return __awaiter(_this, void 0, void 0, function () {
         var response, policyInfo_1, err_1;
@@ -138,7 +138,7 @@ function useValidatePasscode() {
                     err_1 = _a.sent();
                     console.error("handleVerifyPasscode", err_1);
                     setIsLoading(false);
-                    setUnknownError((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "Something went wrong, please try again later." }));
+                    setUnknownError((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: "Something went wrong, please try again later." }));
                     return [2 /*return*/, ValidatePasscodeResult.UNKNOWN_ERROR];
                 case 3: return [2 /*return*/];
             }

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

@@ -14,3 +14,5 @@ export type * from "./services/axios/validate-wallet-address-service/type";
 export * from "./components/index";
 export * from "./providers/TekWalletProvider";
 export * from "./components/ui/UpdateLockToken";
+export * from "./theme/mui/palette";
+export * from "./theme/mui/utils/deepMergeTheme";

package/dist/components/TekWallet/index.js

@@ -29,15 +29,5 @@ __exportStar(require("./services/axios/validate-wallet-address-service"), export
 __exportStar(require("./components/index"), exports);
 __exportStar(require("./providers/TekWalletProvider"), exports);
 __exportStar(require("./components/ui/UpdateLockToken"), exports);
-// export * from "./components/ui/SendExternalTokenWithdrawn";
-// export * from "./components/ui/TransferConfirmation";
-// export * from "./components/ui/IncomeWallet";
-// export * from "./components/ui/IncomeWallet/components/AnalyticGroup";
-// export * from "./components/ui/IncomeWallet/components/BalanceChart";
-// export * from "./components/ui/IncomeWallet/components/HistoryItem";
-// export * from "./components/ui/IncomeWallet/components/FunctionItem";
-// export * from "./components/ui/IncomeWallet/components/WealthDeposit";
-// export * from "./components/ui/IncomeWallet/components/WealthWithdraw";
-// export * from "./components/ui/IncomeWallet/components/deposit";
-// export * from "./components/ui/IncomeWallet/components/history";
-// export * from "./components/ui/AmountGroupAndChart";
+__exportStar(require("./theme/mui/palette"), exports);
+__exportStar(require("./theme/mui/utils/deepMergeTheme"), exports);

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/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);