tek-wallet 0.0.121 → 0.0.123

package/dist/components/layouts/ChildPageLayout/index.d.ts

@@ -9,7 +9,6 @@ export type ChildPageLayoutRef = {
     showLoading: () => void;
     showSuccess: () => void;
     showError: () => void;
-    showWarning: () => void;
 };
 declare const ChildPageLayout: import("react").ForwardRefExoticComponent<ChildPageLayoutProps & import("react").RefAttributes<ChildPageLayoutRef>>;
 export default ChildPageLayout;

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

@@ -37,9 +37,6 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             showError: function () {
                 setStatus(StatusDisplay_1.StatusDisplayType.Error);
             },
-            showWarning: function () {
-                setStatus(StatusDisplay_1.StatusDisplayType.Warning);
-            },
         };
     });
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", backgroundImage: "url(".concat((0, getImage_1.default)("main_bg", "jpg"), ")"), backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat", height: "100dvh", width: "100vw" }, sx), children: [header && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {

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

@@ -22,6 +22,7 @@ var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
 var BackHeader = function (props) {
     var router = (0, useCustomRouter_1.default)();
+    var theme = (0, material_1.useTheme)();
     var center = props.center, children = props.children, hideBack = props.hideBack;
     var back = function (e) {
         if (props.overrideBack) {
@@ -35,11 +36,6 @@ var BackHeader = function (props) {
                     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] }));
+                }, 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.js

@@ -46,7 +46,7 @@ Button.Primary.displayName = "Button.Primary";
 Button.Secondary = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "contained", color: "secondary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full }, sx) })));
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", color: "secondary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full }, sx) })));
 };
 Button.Secondary.displayName = "Button.Secondary";
 exports.default = Button;

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

@@ -21,6 +21,6 @@ var BackHeader_1 = __importDefault(require("../BackHeader"));
 var Text_1 = __importDefault(require("../Text"));
 var PageHeader = function (props) {
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(BackHeader_1.default, { overrideBack: props.overrideBack, sx: __assign({ display: "flex", alignItems: "center", height: "100%", position: "relative", paddingLeft: theme.mixins.pagePadding.paddingLeft, paddingRight: theme.mixins.pagePadding.paddingRight }, props.sx), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }), children: props.title }) }));
+    return ((0, jsx_runtime_1.jsx)(BackHeader_1.default, { overrideBack: props.overrideBack, sx: __assign({ display: "flex", alignItems: "center", height: "100%", position: "relative", paddingLeft: theme.mixins.pagePadding.paddingLeft, paddingRight: theme.mixins.pagePadding.paddingRight }, props.sx), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), theme.mixins.center), children: props.title }) }));
 };
 exports.default = PageHeader;

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

@@ -5,8 +5,6 @@ interface StatusDisplayProps {
 export declare enum StatusDisplayType {
     Success = "success",
     Error = "error",
-    Warning = "warning",
-    Info = "info",
     Loading = "loading",
     Normal = "normal"
 }

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

@@ -9,22 +9,25 @@ 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"));
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
 var StatusDisplayType;
 (function (StatusDisplayType) {
     StatusDisplayType["Success"] = "success";
     StatusDisplayType["Error"] = "error";
-    StatusDisplayType["Warning"] = "warning";
-    StatusDisplayType["Info"] = "info";
     StatusDisplayType["Loading"] = "loading";
     StatusDisplayType["Normal"] = "normal";
 })(StatusDisplayType || (exports.StatusDisplayType = StatusDisplayType = {}));
 var StatusDisplay = function (props) {
-    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, { className: (0, clsx_1.default)("text-13", {
-                    "text-ui-text-error": props.status === StatusDisplayType.Error,
-                    "text-ui-text-warning": props.status === StatusDisplayType.Warning,
-                    "text-ui-text-success": props.status === StatusDisplayType.Success,
-                    "text-ui-text-loading": props.status === StatusDisplayType.Loading,
-                }), children: props.status })] }));
+    var _a;
+    var theme = (0, material_1.useTheme)();
+    var statusColor = (_a = {},
+        _a[StatusDisplayType.Success] = theme.palette.text.successStatus,
+        _a[StatusDisplayType.Error] = theme.palette.text.errorStatus,
+        _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: {
+                    color: statusColor[props.status],
+                }, children: props.status })] }));
 };
 exports.default = StatusDisplay;

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

@@ -73,14 +73,7 @@ var AuthView = function (props) {
         var _a;
         (_a = importWalletDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
-    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("eth"), sx: {
-                        width: "80%",
-                        aspectRatio: "1",
-                        position: "fixed",
-                        top: "50%",
-                        left: "50%",
-                        transform: "translate(-50%, -50%)",
-                    } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (0, getIcon_1.default)("eth"), sx: __assign(__assign({ width: "80%", aspectRatio: "1" }, theme.mixins.center), { position: "fixed" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                         display: "flex",
                         flexDirection: "column",
                         gap: "1rem",

package/dist/theme/mui/theme.js

@@ -5,13 +5,11 @@ var theme = (0, styles_1.createTheme)({
     palette: {
         primary: {
             main: "#ffffff",
-            light: "rgba(255, 255, 255, 0.64)",
-            dark: "rgba(255, 255, 255, 0.24)",
-            contrastText: "#ff0000",
+            contrastText: "#000000",
         },
         secondary: {
-            main: "#01FF00",
-            contrastText: "#0000ff",
+            main: "#01FFFF29",
+            contrastText: "#01FFFF",
         },
         background: {
             white: "#ffffff",
@@ -27,6 +25,9 @@ var theme = (0, styles_1.createTheme)({
             white: "#ffffff",
             white64: "rgba(255, 255, 255, 0.64)",
             white24: "rgba(255, 255, 255, 0.24)",
+            successStatus: "#01FF00",
+            errorStatus: "#FE6565",
+            loadingStatus: "#01FFFF",
         },
         divider: "rgba(255, 255, 255, 0.16)",
     },
@@ -83,7 +84,13 @@ var theme = (0, styles_1.createTheme)({
             fontSize: "0.75rem",
         },
         theBorderRadius: {
-            full: "100%",
+            full: "999px",
+        },
+        center: {
+            position: "absolute",
+            left: "50%",
+            top: "50%",
+            transform: "translate(-50%, -50%)",
         },
     },
 });

package/package.json

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

package/dist/components/layouts/PageLayout/index.d.ts

@@ -1,15 +0,0 @@
-import { GeneralProps } from "../../../types/ui";
-interface PageLayoutProps extends GeneralProps {
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    fullScreen?: boolean;
-}
-export type PageLayoutRef = {
-    showNormal: () => void;
-    showLoading: () => void;
-    showSuccess: () => void;
-    showError: () => void;
-    showWarning: () => void;
-};
-declare const PageLayout: import("react").ForwardRefExoticComponent<PageLayoutProps & import("react").RefAttributes<PageLayoutRef>>;
-export default PageLayout;

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

@@ -1,84 +0,0 @@
-"use strict";
-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 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 StyledPageLayout = (0, system_1.styled)("div")(function () { return ({
-    height: "100%",
-    width: "100%",
-    position: "relative",
-}); });
-var StyledHeader = (0, system_1.styled)("div")(function () { return ({
-    height: "3.125rem",
-    width: "100%",
-    position: "absolute",
-    top: 0,
-    left: 0,
-    zIndex: 50,
-}); });
-var StyledContent = (0, system_1.styled)("div")(function (_a) {
-    var hasHeader = _a.hasHeader, fullScreen = _a.fullScreen;
-    return (__assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, (hasHeader &&
-        !fullScreen && {
-        paddingTop: "3.125rem",
-    })));
-});
-var StyledFooter = (0, system_1.styled)("div")(function () { return ({
-    height: "3rem",
-    width: "100%",
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    zIndex: 50,
-}); });
-var StyledStatusOverlay = (0, system_1.styled)("div")(function () { return ({
-    position: "absolute",
-    inset: 0,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "whiteText.main",
-    zIndex: 50,
-}); });
-var PageLayout = (0, react_1.forwardRef)(function (props, ref) {
-    var header = props.header, footer = props.footer, fullScreen = props.fullScreen, children = props.children, sx = props.sx;
-    var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
-    (0, react_1.useImperativeHandle)(ref, function () {
-        return {
-            showNormal: function () {
-                setStatus(StatusDisplay_1.StatusDisplayType.Normal);
-            },
-            showLoading: function () {
-                setStatus(StatusDisplay_1.StatusDisplayType.Loading);
-            },
-            showSuccess: function () {
-                setStatus(StatusDisplay_1.StatusDisplayType.Success);
-            },
-            showError: function () {
-                setStatus(StatusDisplay_1.StatusDisplayType.Error);
-            },
-            showWarning: function () {
-                setStatus(StatusDisplay_1.StatusDisplayType.Warning);
-            },
-        };
-    });
-    return ((0, jsx_runtime_1.jsxs)(StyledPageLayout, { sx: sx, children: [header && (0, jsx_runtime_1.jsx)(StyledHeader, { children: header }), (0, jsx_runtime_1.jsx)(StyledContent, { hasHeader: !!header, fullScreen: fullScreen, children: children }), footer && (0, jsx_runtime_1.jsx)(StyledFooter, { children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(StyledStatusOverlay, { children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status }) }))] }));
-});
-PageLayout.displayName = "PageLayout";
-exports.default = PageLayout;