tek-wallet 0.0.115 → 0.0.117

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

@@ -18,7 +18,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var StatusDisplay_1 = require("../../../components/ui/StatusDisplay");
 var StatusDisplay_2 = __importDefault(require("../../../components/ui/StatusDisplay"));
-var theme_1 = __importDefault(require("../../../theme/mui/theme"));
 var material_1 = require("@mui/material");
 var getImage_1 = __importDefault(require("../../../utils/getImage"));
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
@@ -69,7 +68,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    backgroundColor: "".concat(theme_1.default.palette.backgroundBlack24.main),
+                    backgroundColor: "blackBackground.24",
                     zIndex: 50,
                 }, children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status }) }))] }));
 });

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

@@ -19,7 +19,6 @@ var react_1 = require("react");
 var StatusDisplay_1 = require("../../../components/ui/StatusDisplay");
 var StatusDisplay_2 = __importDefault(require("../../../components/ui/StatusDisplay"));
 var system_1 = require("@mui/system");
-var theme_1 = __importDefault(require("../../../theme/mui/theme"));
 var StyledPageLayout = (0, system_1.styled)("div")(function () { return ({
     height: "100%",
     width: "100%",
@@ -54,7 +53,7 @@ var StyledStatusOverlay = (0, system_1.styled)("div")(function () { return ({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: "".concat(theme_1.default.palette.textWhite.main),
+    backgroundColor: "whiteText.main",
     zIndex: 50,
 }); });
 var PageLayout = (0, react_1.forwardRef)(function (props, ref) {

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

@@ -26,11 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var cn_1 = __importDefault(require("../../../utils/cn"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Icon_1 = __importDefault(require("../Icon"));
 var BackArrow = function (props) {
-    var className = props.className, rest = __rest(props, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ src: (0, getIcon_1.default)("arrow_back"), className: (0, cn_1.default)("size-6", className) }, rest)));
+    var rest = __rest(props, []);
+    return ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ src: (0, getIcon_1.default)("arrow_back"), sx: __assign({ width: "1.5rem", height: "1.5rem" }, props.sx) }, rest)));
 };
 exports.default = BackArrow;

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

@@ -1,17 +1,28 @@
 "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 __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 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 BackHeader = function (props) {
     var router = (0, useCustomRouter_1.default)();
-    var center = props.center, children = props.children, className = props.className, hideBack = props.hideBack;
+    var center = props.center, children = props.children, hideBack = props.hideBack;
     var back = function (e) {
         if (props.overrideBack) {
             props.overrideBack(e);
@@ -19,6 +30,16 @@ var BackHeader = function (props) {
         }
         router.back();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.default)("flex items-center gap-3 px-ui-horizontal-3 h-full bg-ui-bg-white relative", className), children: [!hideBack && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { className: "text-12 text-ui-text-white", children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)("div", { className: "absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2", children: center })), children] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ display: "flex", alignItems: "center", gap: "1rem", height: "100%", backgroundColor: "ui.bg.white" }, props.sx), children: [!hideBack && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                    cursor: "pointer",
+                }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: "whiteText.main" }, children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    position: "absolute",
+                    left: "50%",
+                    top: "50%",
+                    transform: "translate(-50%, -50%)",
+                }, children: center })), children] }));
 };
 exports.default = BackHeader;

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

@@ -118,12 +118,14 @@ var GetSeedPhraseWalletView = function (props) {
         }, 1500);
     };
     var handleOtpChange = function (value) {
+        var _a;
         setOtp(value);
         /**
          * validate otp here
          */
         if (value.length === passcodeLength) {
-            var response = getSeedPhrase({
+            (_a = childPageLayoutRef.current) === null || _a === void 0 ? void 0 : _a.showLoading();
+            getSeedPhrase({
                 passcode: value,
             }, function () {
                 var _a;
@@ -139,7 +141,6 @@ var GetSeedPhraseWalletView = function (props) {
                     gotoStep(GetSeedPhraseWalletViewStep.SHOW_SEED_PHRASE);
                 }, 1000);
             }, handleCreateWalletError);
-            console.warn("🚀 ~ handleOtpChange ~ response:", response);
         }
     };
     return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: handleBack, title: "Backup Wallet" }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", height: "100%" }, props.sx), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperControlledRef, disableSwipe: true, sx: { height: "100%" }, children: [(0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
@@ -178,13 +179,15 @@ var GetSeedPhraseWalletView = function (props) {
                                             textAlign: "center",
                                             width: "100%",
                                             border: "1px solid rgba(255, 255, 255, 0.2)",
-                                        }, children: [index + 1, ". ", isShowSeedPhrase ? word : "********"] }, index)); }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginTop: "auto" }, 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, ". ", isShowSeedPhrase ? word : "********"] }, index)); }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { marginTop: "auto" }, 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: "center",
+                                        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", "svg"), onClick: toggleShowSeedPhrase }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: handleDone, sx: {
+                                    }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)(isShowSeedPhrase ? "show_seed_phrase" : "hide_seed_phrase", "svg"), onClick: toggleShowSeedPhrase, sx: {
+                                                aspectRatio: 1,
+                                            } }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: handleDone, sx: {
                                                 flex: 1,
                                             }, children: "Done" })] })] }) })] }) }) }));
 };

package/dist/theme/mui/theme.js

@@ -9,11 +9,25 @@ var theme = (0, styles_1.createTheme)({
         secondary: {
             main: "#01FF00",
         },
-        textWhite: {
+        whiteBackground: {
             main: "#ffffff",
+            16: "rgba(255, 255, 255, 0.16)",
+            24: "rgba(255, 255, 255, 0.24)",
         },
-        backgroundBlack24: {
-            main: "rgba(0, 0, 0, 0.24)",
+        whiteText: {
+            main: "#ffffff",
+            16: "rgba(255, 255, 255, 0.16)",
+            24: "rgba(255, 255, 255, 0.24)",
+        },
+        whiteBorder: {
+            main: "#ffffff",
+            16: "rgba(255, 255, 255, 0.16)",
+            24: "rgba(255, 255, 255, 0.24)",
+        },
+        blackBackground: {
+            main: "#000000",
+            16: "rgba(0, 0, 0, 0.16)",
+            24: "rgba(0, 0, 0, 0.24)",
         },
     },
 });

package/package.json

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