tek-wallet 0.0.124 → 0.0.127

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

@@ -31,11 +31,15 @@ var BackHeader = function (props) {
         }
         router.back();
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ display: "flex", alignItems: "center", gap: "1rem", height: "100%" }, props.sx), children: [!hideBack && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ display: "flex", alignItems: "center", gap: "1rem", height: "100%" }, props.sx), children: [!hideBack && ((0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: {
                     display: "flex",
                     alignItems: "center",
-                    gap: "0.5rem",
+                    gap: "0.25rem",
                     cursor: "pointer",
+                    "&:active": {
+                        transform: "translateX(-0.25rem)",
+                        transition: "transform 0.2s ease-in-out",
+                    },
                 }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: theme.palette.text.white }, children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.center), children: center })), children] }));
 };
 exports.default = BackHeader;

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

@@ -5,7 +5,6 @@ export declare enum BUTTON_STATUS {
     ENABLED = "enabled"
 }
 export interface ButtonProps extends MuiButtonProps {
-    className?: string;
     status?: BUTTON_STATUS;
 }
 declare const Button: React.FC<ButtonProps> & {

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

@@ -33,8 +33,8 @@ var BUTTON_STATUS;
     BUTTON_STATUS["ENABLED"] = "enabled";
 })(BUTTON_STATUS || (exports.BUTTON_STATUS = BUTTON_STATUS = {}));
 var Button = function (props) {
-    var _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, rest = __rest(props, ["status"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ disabled: status !== BUTTON_STATUS.ENABLED }, rest, { children: props.children })));
+    var _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, sx = props.sx, rest = __rest(props, ["status", "sx"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ disabled: status !== BUTTON_STATUS.ENABLED }, rest, { sx: __assign({ textTransform: "capitalize" }, sx), children: props.children })));
 };
 Button.displayName = "Button";
 Button.Primary = function (props) {

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

@@ -4,7 +4,6 @@ export declare enum DRAWER_DIRECTION {
     RIGHT = "right"
 }
 interface DrawerComponentProps extends GeneralProps {
-    className?: string;
     onOpen?: () => void;
     onClose?: () => void;
     trigger?: React.ReactNode;

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

@@ -72,6 +72,6 @@ function GetWalletSeedPhrase(_a) {
         var _a;
         (_a = getSeedPhraseViewRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })), children: (0, jsx_runtime_1.jsx)(GetSeedPhraseWalletView_1.default, { onBack: backAuthView }) }) }));
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })), children: (0, jsx_runtime_1.jsx)(GetSeedPhraseWalletView_1.default, { onBack: backAuthView }) }) }));
 }
 exports.default = GetWalletSeedPhrase;

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

@@ -21,16 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var cn_1 = __importDefault(require("../../../utils/cn"));
+var material_1 = require("@mui/material");
 var Icon = function (props) {
-    var src = props.src, alt = props.alt, className = props.className, onClick = props.onClick, rest = __rest(props, ["src", "alt", "className", "onClick"]);
-    return (
-    // eslint-disable-next-line @next/next/no-img-element
-    (0, jsx_runtime_1.jsx)("img", __assign({ className: (0, cn_1.default)("block", className), src: src, alt: alt, onClick: onClick }, rest)));
+    var src = props.src, alt = props.alt, onClick = props.onClick, rest = __rest(props, ["src", "alt", "onClick"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: {
+            display: "block",
+        } })));
 };
 exports.default = Icon;

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

@@ -1,6 +1,5 @@
 import { GeneralProps } from "../../../types/ui";
 interface ImageProps extends GeneralProps {
-    className?: string;
     src?: string;
     alt?: string;
 }

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

@@ -12,9 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var system_1 = require("@mui/system");
-var StyledImage = (0, system_1.styled)("img")(function (sx) { return (__assign({ display: "block" }, sx)); });
+var material_1 = require("@mui/material");
 var Image = function (props) {
-    return ((0, jsx_runtime_1.jsx)(StyledImage, { onClick: props.onClick, src: props.src, alt: props.alt, sx: props.sx }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", onClick: props.onClick, src: props.src, alt: props.alt, sx: __assign({ display: "block" }, props.sx) }));
 };
 exports.default = Image;

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

@@ -74,7 +74,7 @@ function RequireConnect(_a) {
         (_a = authViewRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
     if (!isAuthenticated) {
-        return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: authViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })), children: (0, jsx_runtime_1.jsx)(AuthView_1.default, { onBack: backAuthView }) }));
+        return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: authViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })), children: (0, jsx_runtime_1.jsx)(AuthView_1.default, { onBack: backAuthView }) }));
     }
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }

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

@@ -1,5 +1,4 @@
 interface StatusDisplayProps {
-    className?: string;
     status: StatusDisplayType;
 }
 export declare enum StatusDisplayType {

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

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatusDisplayType = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var cn_1 = __importDefault(require("../../../utils/cn"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Image_1 = __importDefault(require("../Image"));
 var Text_1 = __importDefault(require("../Text"));
@@ -26,7 +25,11 @@ var StatusDisplay = function (props) {
         _a[StatusDisplayType.Loading] = theme.palette.text.loadingStatus,
         _a[StatusDisplayType.Normal] = theme.palette.text.white,
         _a);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.default)("flex items-center gap-1", props.className), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("status_".concat(props.status), "gif"), sx: { width: "1.5rem", height: "1.5rem" } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: "1rem",
+        }, children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("status_".concat(props.status), "gif"), sx: { width: "1.5rem", height: "1.5rem" } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     color: statusColor[props.status],
                 }, children: props.status })] }));
 };

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

@@ -1,7 +1,6 @@
 import { SwiperProps } from "swiper/react";
 import { GeneralProps } from "../../../types/ui";
 interface SwiperControlledProps extends GeneralProps {
-    className?: string;
     tabs?: React.ReactNode[];
     initialActiveTab?: number;
     tabsClassName?: string;

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

@@ -19,12 +19,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var cn_1 = __importDefault(require("../../../utils/cn"));
 var react_1 = require("swiper/react");
 var react_2 = require("react");
 var material_1 = require("@mui/material");
@@ -57,7 +53,7 @@ var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
         setActiveTab(value);
         (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideTo(value);
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", flexDirection: "column" }, props.sx), children: [props.tabs && ((0, jsx_runtime_1.jsxs)(material_1.Tabs, { className: (0, cn_1.default)(props.tabsClassName), value: activeTab, onChange: handleTabChange, children: __spreadArray([], props.tabs, true) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({}, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, style: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", flexDirection: "column" }, props.sx), children: [props.tabs && ((0, jsx_runtime_1.jsxs)(material_1.Tabs, { value: activeTab, onChange: handleTabChange, children: __spreadArray([], props.tabs, true) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({}, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, style: {
                     width: "100%",
                     flex: 1,
                 }, allowTouchMove: !props.disableSwipe, children: props.children }))] }));

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

@@ -1,6 +1,5 @@
 import { GeneralProps } from "../../../types/ui";
 interface TheBackgroundProps extends GeneralProps {
-    className?: string;
 }
 declare const TheBackground: (props: TheBackgroundProps) => import("react/jsx-runtime").JSX.Element;
 export default TheBackground;

package/dist/components/views/GetSeedPhraseWalletView/index.js

@@ -162,7 +162,7 @@ var GetSeedPhraseWalletView = function (props) {
                                         gap: "1rem",
                                         height: "fit-content",
                                     }, children: seedPhrase === null || seedPhrase === void 0 ? void 0 : seedPhrase.split(" ").map(function (word, index) { return ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                            color: theme.palette.text.white,
+                                            color: theme.palette.text.white80,
                                             padding: "0.5rem 0.75rem",
                                             backgroundColor: theme.palette.background.black16,
                                             borderRadius: "0.75rem",
@@ -171,11 +171,10 @@ var GetSeedPhraseWalletView = function (props) {
                                             textAlign: "center",
                                             width: "100%",
                                             border: "1px solid ".concat(theme.palette.background.white24),
-                                        }, children: [index + 1, ". ", isShowSeedPhrase ? word : "********"] }, index)); }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({ marginTop: "auto" }, theme.mixins.noteContent), children: "Please do not store your seed phrase digitally (e.g., text files on your computer, email...). Write it down and keep it in a secure, confidential location that is resistant to adverse conditions like moisture, fire, or other hazards for safe storage." }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                        }, children: [index + 1, ". ", (0, jsx_runtime_1.jsx)("span", { children: " " }), " ", isShowSeedPhrase ? word : "********"] }, index)); }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({ marginTop: "auto" }, theme.mixins.noteContent), children: "Please do not store your seed phrase digitally (e.g., text files on your computer, email...). Write it down and keep it in a secure, confidential location that is resistant to adverse conditions like moisture, fire, or other hazards for safe storage." }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                         display: "flex",
                                         alignItems: "stretch",
                                         gap: "1rem",
-                                        height: "fit-content",
                                         width: "100%",
                                     }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)(isShowSeedPhrase ? "show_seed_phrase" : "hide_seed_phrase"), onClick: toggleShowSeedPhrase, sx: {
                                                 aspectRatio: 1,

package/dist/theme/mui/theme.js

@@ -23,6 +23,7 @@ var theme = (0, styles_1.createTheme)({
         },
         text: {
             white: "#ffffff",
+            white80: "rgba(255, 255, 255, 0.8)",
             white64: "rgba(255, 255, 255, 0.64)",
             white24: "rgba(255, 255, 255, 0.24)",
             successStatus: "#01FF00",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.124",
+  "version": "0.0.127",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",