tek-wallet 0.0.424 → 0.0.425

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

@@ -56,13 +56,13 @@ Button.Primary = function (props) {
             color: theme.palette.text.white24,
         },
         _a);
-    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", color: "primary", status: status, sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full, "&.Mui-disabled": __assign({}, disabledStyles[status]) }, sx), children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "inherit", size: 20 }), "Processing"] })), status === BUTTON_STATUS.ERROR && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), status === BUTTON_STATUS.ENABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }), status === BUTTON_STATUS.DISABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] })));
+    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", color: "primary", status: status, sx: __assign({ borderRadius: theme.mixins.customRadius.full, "&.Mui-disabled": __assign({}, disabledStyles[status]) }, sx), children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "inherit", size: 20 }), "Processing"] })), status === BUTTON_STATUS.ERROR && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error" }), status === BUTTON_STATUS.ENABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }), status === BUTTON_STATUS.DISABLED && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] })));
 };
 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: "outlined", color: "secondary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full, borderColor: "currentColor" }, sx) })));
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", color: "secondary", sx: __assign({ borderRadius: theme.mixins.customRadius.full, borderColor: "currentColor" }, sx) })));
 };
 Button.Secondary.displayName = "Button.Secondary";
 Button.Text = function (props) {

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

@@ -92,7 +92,7 @@ var CopyTextComponent = function (_a) {
                     inset: "-0.125rem",
                     backgroundColor: theme.palette.background.black64,
                     backdropFilter: "blur(12px)",
-                    borderRadius: theme.mixins.theBorderRadius.r12,
+                    borderRadius: theme.mixins.customRadius.r12,
                     transition: "opacity 0.3s ease-in-out",
                 }, children: [iconSuccess || ((0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copied_check"), sx: {
                             width: "1rem",

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

@@ -31,7 +31,7 @@ var Text_1 = __importDefault(require("../Text"));
 function DialogContentLayout(props) {
     var content = props.content, actions = props.actions, sx = props.sx, rest = __rest(props, ["content", "actions", "sx"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { borderRadius: theme.mixins.theBorderRadius.r12, backgroundColor: theme.palette.background.black, boxShadow: theme.shadows[1], minWidth: "12rem" }), theme.mixins.dialogContent), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { borderRadius: theme.mixins.customRadius.r12, backgroundColor: theme.palette.background.black, boxShadow: theme.shadows[1], minWidth: "12rem" }), theme.mixins.dialogContent), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     padding: theme.mixins.customPadding.p12,
                 }, children: content }), !!actions && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     px: theme.mixins.customPadding.p12,

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

@@ -87,7 +87,7 @@ function Fees(props) {
     return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { sx: __assign({ "&.MuiAccordion-root": {
                 backgroundColor: "transparent",
                 margin: 0,
-                borderRadius: theme.mixins.theBorderRadius.r12,
+                borderRadius: theme.mixins.customRadius.r12,
             }, "&.MuiAccordion-root::before": {
                 display: "none",
             }, "& .MuiAccordionSummary-root": {

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

@@ -52,7 +52,7 @@ var Formatter = function (_a) {
             "& .MuiPaper-root": {
                 backdropFilter: "blur(10px)",
                 backgroundColor: "background.black64",
-                borderRadius: theme.mixins.theBorderRadius.r12,
+                borderRadius: theme.mixins.customRadius.r12,
                 padding: "".concat(theme.mixins.customPadding.p8, " ").concat(theme.mixins.customPadding.p12),
                 color: "text.white",
                 fontSize: "1.2em",

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

@@ -21,7 +21,7 @@ var Text_1 = __importDefault(require("../Text"));
 var FunctionItem = function (props) {
     var theme = (0, material_1.useTheme)();
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g6 }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.icon, sx: {
-                    borderRadius: theme.mixins.theBorderRadius.full,
+                    borderRadius: theme.mixins.customRadius.full,
                 }, width: 44 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     color: "text.white",
                     fontSize: theme.typography.fontSize13,

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

@@ -28,7 +28,7 @@ var react_1 = require("react");
 var Input = (0, react_1.forwardRef)(function (props, inputRef) {
     var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12, padding: 0, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { 
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.customRadius.r12, padding: 0, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { 
                 // variant="outlined"
                 sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", minHeight: "unset", "& .MuiInputBase-input": {
                         border: "none",

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

@@ -37,6 +37,6 @@ var NetworkSelection = function (props) {
     var networkData = (0, react_1.useMemo)(function () { return (0, parsePropsData_1.default)(networkDataString); }, [networkDataString]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: __assign(__assign({}, theme.mixins.row), { backgroundColor: props.active
                 ? "background.secondary16"
-                : "background.white16", padding: "".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8), borderRadius: theme.mixins.theBorderRadius.r12, border: "1px solid", borderColor: props.active ? "border.secondary" : "border.white24", gap: theme.mixins.gaps.g8 }), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(networkData); }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: networkData === null || networkData === void 0 ? void 0 : networkData.icon, sx: { borderRadius: theme.mixins.theBorderRadius.full }, width: 24 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "text.white", whiteSpace: "nowrap", textTransform: "capitalize" }), children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })));
+                : "background.white16", padding: "".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8), borderRadius: theme.mixins.customRadius.r12, border: "1px solid", borderColor: props.active ? "border.secondary" : "border.white24", gap: theme.mixins.gaps.g8 }), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(networkData); }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: networkData === null || networkData === void 0 ? void 0 : networkData.icon, sx: { borderRadius: theme.mixins.customRadius.full }, width: 24 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "text.white", whiteSpace: "nowrap", textTransform: "capitalize" }), children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })));
 };
 exports.default = NetworkSelection;

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

@@ -318,14 +318,14 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
                                     display: "flex",
                                     flexDirection: "column",
                                     gap: theme.mixins.gaps.g16,
-                                }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-receive-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white", alignSelf: "center" }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { textAlign: "center" }), children: ["Receive", " ", (0, jsx_runtime_1.jsxs)("strong", { children: [!!amount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }), " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", selectedMethod === ReceiveMethods.RECEIVE_INTERNAL
+                                }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ width: "100%" }, theme.mixins.column), { gap: theme.mixins.gaps.g12, backgroundColor: theme.palette.background.black24, borderRadius: theme.mixins.customRadius.r16, padding: theme.mixins.customPadding.p16, alignItems: "flex-start", backdropFilter: "blur(10px)" }), id: "share-receive-info", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white", alignSelf: "center" }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { textAlign: "center" }), children: ["Receive", " ", (0, jsx_runtime_1.jsxs)("strong", { children: [!!amount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }), " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", selectedMethod === ReceiveMethods.RECEIVE_INTERNAL
                                                             ? "Internally"
                                                             : "Externally"] }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                                     position: "relative",
                                                     width: "fit-content",
                                                     height: "fit-content",
                                                     alignSelf: "center",
-                                                    borderRadius: theme.mixins.theBorderRadius.r12,
+                                                    borderRadius: theme.mixins.customRadius.r12,
                                                     overflow: "hidden",
                                                     backgroundColor: theme.palette.background.white,
                                                     backdropFilter: "blur(10px)",
@@ -333,7 +333,7 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                                 transform: "translateX(0.5rem)",
                                                             } }), onClick: handleBack, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] })), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: selectedMethod === ReceiveMethods.RECEIVE_INTERNAL
                                                                     ? "Internal address"
-                                                                    : "Address" }), selectedMethod === ReceiveMethods.RECEIVE_INTERNAL && ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { trigger: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("tooltip"), width: 16 }), children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.warning), children: ["This address is used to receive token by internal transfer. You can not use it for blockchain transaction. If you want to receive token by blockchain, please select the", " ", (0, jsx_runtime_1.jsx)("strong", { children: "Receive External" }), " method instead."] }) }) }))] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: receiveAddress || "", children: receiveAddress }) })] }), !!warningMessage && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: warningMessage }) }))] }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: amountDrawerRef, sx: {
+                                                                    : "Address" }), selectedMethod === ReceiveMethods.RECEIVE_INTERNAL && ((0, jsx_runtime_1.jsx)(CustomTooltip_1.default, { trigger: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("tooltip"), width: 16 }), children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.warning), children: ["This address is used to receive token by internal transfer. You can not use it for blockchain transaction. If you want to receive token by blockchain, please select the", " ", (0, jsx_runtime_1.jsx)("strong", { children: "Receive External" }), " method instead."] }) }) }))] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: receiveAddress || "", children: receiveAddress }) })] }), !!warningMessage && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.customRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: warningMessage }) }))] }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: amountDrawerRef, sx: {
                                             width: "100%",
                                             display: "flex",
                                             justifyContent: "center",

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

@@ -31,7 +31,7 @@ var TokenItem = function (props) {
             gap: theme.mixins.gaps.g12,
             py: theme.mixins.customPadding.p8,
         }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, sx: {
-                            borderRadius: theme.mixins.theBorderRadius.full,
+                            borderRadius: theme.mixins.customRadius.full,
                         }, src: currency.link }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: currency.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: currency.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: +((_a = tokenData.current_value) !== null && _a !== void 0 ? _a : 0) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 100 }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g1, textAlign: "right" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 70000 }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 3.72 }) })] })] }));
 };
 exports.default = TokenItem;

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

@@ -47,8 +47,8 @@ var TokenSelection = function (props) {
     }, [balance, tokenData]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(tokenData); }, sx: __assign({ backgroundColor: props.active
                 ? "background.secondary16"
-                : "background.white16", border: "1px solid", borderColor: props.active ? "border.secondary" : "transparent", borderRadius: theme.mixins.theBorderRadius.r16, padding: theme.mixins.customPadding.p12, display: "flex", alignItems: "center", cursor: "pointer" }, sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: tokenData === null || tokenData === void 0 ? void 0 : tokenData.icon, sx: {
-                            borderRadius: theme.mixins.theBorderRadius.full,
+                : "background.white16", border: "1px solid", borderColor: props.active ? "border.secondary" : "transparent", borderRadius: theme.mixins.customRadius.r16, padding: theme.mixins.customPadding.p12, display: "flex", alignItems: "center", cursor: "pointer" }, sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: tokenData === null || tokenData === void 0 ? void 0 : tokenData.icon, sx: {
+                            borderRadius: theme.mixins.customRadius.full,
                         } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: tokenData === null || tokenData === void 0 ? void 0 : tokenData.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: tokenData === null || tokenData === void 0 ? void 0 : tokenData.full_name })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { marginLeft: "auto", alignItems: "end" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balance }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: balanceInUSD, start: "~ $" }) })] })] })));
 };
 exports.default = TokenSelection;

package/dist/providers/RealtimeProvider/index.js

@@ -70,12 +70,17 @@ exports.initialRealtime = {
     isConnected: false,
     pushNotification: function () { },
 };
-function GrowTransition(props) {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function SlideTransition(props) {
     return (0, jsx_runtime_1.jsx)(Slide_1.default, __assign({}, props, { direction: "down" }));
 }
+function GrowTransition(props) {
+    return (0, jsx_runtime_1.jsx)(material_1.Grow, __assign({}, props));
+}
 exports.RealtimeContext = react_1.default.createContext(exports.initialRealtime);
 function RealtimeProvider(_a) {
     var children = _a.children;
+    var theme = (0, material_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];
@@ -116,9 +121,12 @@ function RealtimeProvider(_a) {
                             horizontal: (_e = (_d = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _d === void 0 ? void 0 : _d.horizontal) !== null && _e !== void 0 ? _e : "right",
                         }, onClose: function () {
                             closeNotification(notification.id);
-                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 2000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { onClose: function () {
+                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 2000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, onClose: function () {
                                 closeNotification(notification.id);
-                            }, severity: notification.type, variant: "outlined", sx: { width: "100%" }, children: notification.message }) }, notification.id));
+                            }, severity: notification.type, sx: {
+                                width: "fit-content",
+                                borderRadius: theme.mixins.customRadius.r16,
+                            }, children: notification.message }) }, notification.id));
                 }) })] }));
 }
 exports.default = RealtimeProvider;

package/dist/theme/mui/theme.js

@@ -113,7 +113,7 @@ var customMargin = {
     m40: "2.5rem",
     m48: "3rem",
 };
-var theBorderRadius = {
+var customRadius = {
     full: "999px",
     r12: "0.75rem",
     r16: "1rem",
@@ -166,7 +166,7 @@ var theme = (0, styles_1.createTheme)({
         pagePadding: pagePadding,
         customPadding: customPadding,
         customMargin: customMargin,
-        theBorderRadius: theBorderRadius,
+        customRadius: customRadius,
         gaps: gaps,
         row: {
             display: "flex",
@@ -243,7 +243,7 @@ var theme = (0, styles_1.createTheme)({
             gap: gaps.g12,
             padding: customPadding.p12,
             backgroundColor: "background.white16",
-            borderRadius: theBorderRadius.r16,
+            borderRadius: customRadius.r16,
         },
         listTitle: {
             color: "text.white",
@@ -265,7 +265,7 @@ var theme = (0, styles_1.createTheme)({
             minHeight: "unset",
             minWidth: "unset",
             width: "fit-content",
-            borderRadius: theBorderRadius.full,
+            borderRadius: customRadius.full,
             lineHeight: typography.leading100,
         },
         dialogContent: {

package/package.json

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