tek-wallet 0.0.123 → 0.0.126

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

@@ -29,6 +29,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
                 setStatus(StatusDisplay_1.StatusDisplayType.Normal);
             },
             showLoading: function () {
+                console.warn("🚀 ~ useImperativeHandle ~ StatusDisplayType:", StatusDisplay_1.StatusDisplayType.Loading);
                 setStatus(StatusDisplay_1.StatusDisplayType.Loading);
             },
             showSuccess: function () {

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.d.ts

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

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

@@ -1,5 +1,16 @@
 "use strict";
 "use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -50,18 +61,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var cn_1 = __importDefault(require("../../../utils/cn"));
 var react_1 = require("react");
 var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var GetSeedPhraseWalletView_1 = __importDefault(require("../../views/GetSeedPhraseWalletView"));
+var material_1 = require("@mui/material");
 function GetWalletSeedPhrase(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var className = props.className;
+    var children = _a.children, rest = __rest(_a, ["children"]);
     var getSeedPhraseViewRef = (0, react_1.useRef)(null);
     var backAuthView = function () {
         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)("button", { className: (0, cn_1.default)("relative", className), children: [children, " ", (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 z-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, { 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.d.ts

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

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

@@ -1,5 +1,16 @@
 "use strict";
 "use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -51,12 +62,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var AuthView_1 = __importDefault(require("../../../components/views/AuthView"));
-var cn_1 = __importDefault(require("../../../utils/cn"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var react_1 = require("react");
+var material_1 = require("@mui/material");
 function RequireConnect(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var className = props.className;
+    var children = _a.children, rest = __rest(_a, ["children"]);
     var authViewRef = (0, react_1.useRef)(null);
     var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
     var backAuthView = function () {
@@ -64,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)("button", { className: (0, cn_1.default)("relative", className), children: [children, " ", (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 z-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, { 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,13 +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"));
-// import "swiper/css";
 var react_1 = require("swiper/react");
 var react_2 = require("react");
 var material_1 = require("@mui/material");
@@ -58,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/services/axios/clients/generalInternalRequest.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var axios_1 = __importDefault(require("axios"));
 var generalRequestInternal = axios_1.default.create({
-    baseURL: "".concat(process.env.NEXT_PUBLIC_TEK_WALLET_SITE_URL),
+    baseURL: "/api/tek-wallet",
     timeout: 600000,
     headers: {
         "app-slug": process.env.NEXT_PUBLIC_TEK_WALLET_APP_SLUG || "",

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.123",
+  "version": "0.0.126",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",