tek-wallet 0.0.457 → 0.0.458

package/dist/components/SafeSvgRenderer.js

@@ -13,6 +13,6 @@ var SafeSvgRenderer = function (_a) {
         ADD_TAGS: ["use"],
         ADD_ATTR: ["xlink:href"],
     });
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: { width: width, height: height }, dangerouslySetInnerHTML: { __html: sanitizedSvg } }));
+    return (0, jsx_runtime_1.jsx)("div", { className: className, style: { width: width, height: height }, dangerouslySetInnerHTML: { __html: sanitizedSvg } });
 };
 exports.default = SafeSvgRenderer;

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

@@ -48,10 +48,7 @@ function ActivitiesTypeSlice(props) {
         return Status.Empty;
     }, [type, activitiesByType]);
     (0, react_1.useEffect)(function () {
-        if (!isActive ||
-            !(type === null || type === void 0 ? void 0 : type.slug) ||
-            !!activitiesByType ||
-            isLoadingActivities[type.slug])
+        if (!isActive || !(type === null || type === void 0 ? void 0 : type.slug) || !!activitiesByType || isLoadingActivities[type.slug])
             return;
         updateActivities({
             transaction_types: type.slug,

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

@@ -81,7 +81,7 @@ function ActivityItem(props) {
     return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({ sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.customRadius.r16, p: theme.mixins.customPadding.p12, flexGrow: "unset", boxShadow: theme.shadows[1] }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     width: "fit-content",
                     height: "fit-content",
-                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: activityData.icon, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: activityData.transaction_type }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 })), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: activityData.icon, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: activityData.transaction_type }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),

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

@@ -29,15 +29,12 @@ var fakeSeries = [
     {
         name: "All",
         data: [
-            1003785.6864951615, 1003795.988344575, 1003827.99766239,
-            1003899.7426850981, 1003891.7710159089, 1003810.6439517767,
-            1003780.7195320514, 1003797.9506016063, 1003781.455378438,
-            1003782.0072632281, 1003715.167883104, 1003724.9791682598,
-            1003716.6018329085, 1003711.3282671372, 1003686.1868489254,
-            1003625.4795220237, 1003584.3334449014, 1003498.9139435134,
-            1003310.7825506503, 1003339.72584186, 1003334.3069939599,
-            1003364.3540547496, 1003394.4011155394, 1003398.386950134,
-            1003233.005474726, 1003185.2981006557, 1003165.7981714085,
+            1003785.6864951615, 1003795.988344575, 1003827.99766239, 1003899.7426850981, 1003891.7710159089,
+            1003810.6439517767, 1003780.7195320514, 1003797.9506016063, 1003781.455378438, 1003782.0072632281,
+            1003715.167883104, 1003724.9791682598, 1003716.6018329085, 1003711.3282671372, 1003686.1868489254,
+            1003625.4795220237, 1003584.3334449014, 1003498.9139435134, 1003310.7825506503, 1003339.72584186,
+            1003334.3069939599, 1003364.3540547496, 1003394.4011155394, 1003398.386950134, 1003233.005474726,
+            1003185.2981006557, 1003165.7981714085,
         ],
     },
 ];
@@ -99,9 +96,7 @@ var AmountGroupAndChart = function (props) {
                                 left: 0,
                                 bottom: 0,
                                 transition: "all 500ms ease-in-out",
-                                transform: !expandAreaChart
-                                    ? "translateY(-100%) translateX(25%) scale(0.5)"
-                                    : "none",
+                                transform: !expandAreaChart ? "translateY(-100%) translateX(25%) scale(0.5)" : "none",
                             }, children: (0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 800, children: (0, jsx_runtime_1.jsx)(NeonLineChart_1.default, { showMinMaxValues: expandAreaChart, series: fakeSeries, categories: labels, sx: {
                                         width: "100%",
                                         height: "fit-content",

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

@@ -30,6 +30,6 @@ var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Icon_1 = __importDefault(require("../Icon"));
 var CloseModal = function (props) {
     var rest = __rest(props, []);
-    return ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ src: (0, getIcon_1.default)("close_modal"), sx: __assign({ width: "1.5rem", height: "1.5rem" }, props.sx) }, rest)));
+    return (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ src: (0, getIcon_1.default)("close_modal"), sx: __assign({ width: "1.5rem", height: "1.5rem" }, props.sx) }, rest));
 };
 exports.default = CloseModal;

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

@@ -197,7 +197,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: handleOnOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                 backgroundColor: "transparent",
                 width: "100%",
-            }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Authentication", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: ["Enter your passcode to confirm", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
+            }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Authentication", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: ["Enter your passcode to confirm ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

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

@@ -4,5 +4,5 @@ interface CopyTextComponentProps extends GeneralProps {
     iconSuccess?: React.ReactNode;
     hideTextMessage?: boolean;
 }
-declare const CopyTextComponent: ({ value, iconSuccess, children, hideTextMessage, sx, }: CopyTextComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const CopyTextComponent: ({ value, iconSuccess, children, hideTextMessage, sx }: CopyTextComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default CopyTextComponent;

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

@@ -21,6 +21,6 @@ var Icon_1 = __importDefault(require("../Icon"));
 var Button_1 = __importDefault(require("../Button"));
 function EmptyData(props) {
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center", justifyContent: "center" }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 48, src: props.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: props.description }), props.action && ((0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center", justifyContent: "center" }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 48, src: props.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: props.description }), props.action && (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText })] }));
 }
 exports.default = EmptyData;

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

@@ -56,16 +56,11 @@ function Fees(props) {
                 result[index].feeInCurrency += fee.feeInCurrency;
                 result[index].feeInUSD += fee.feeInUSD;
                 result[index].feePercent += fee.feePercent;
-                result[index].feePercentInCurrency =
-                    ((_a = result[index].feeInCurrency) !== null && _a !== void 0 ? _a : 0) + amount * (fee.feePercent / 100);
-                result[index].feePercentInUSD =
-                    ((_b = result[index].feeInUSD) !== null && _b !== void 0 ? _b : 0) +
-                        amount * (fee.feePercent / 100) * rate;
-                var totalFeeInCurrency = ((_c = result[index].feeInCurrency) !== null && _c !== void 0 ? _c : 0) +
-                    ((_d = result[index].feePercentInCurrency) !== null && _d !== void 0 ? _d : 0);
+                result[index].feePercentInCurrency = ((_a = result[index].feeInCurrency) !== null && _a !== void 0 ? _a : 0) + amount * (fee.feePercent / 100);
+                result[index].feePercentInUSD = ((_b = result[index].feeInUSD) !== null && _b !== void 0 ? _b : 0) + amount * (fee.feePercent / 100) * rate;
+                var totalFeeInCurrency = ((_c = result[index].feeInCurrency) !== null && _c !== void 0 ? _c : 0) + ((_d = result[index].feePercentInCurrency) !== null && _d !== void 0 ? _d : 0);
                 var token = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (token) { var _a; return token.currency_slug === ((_a = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _a === void 0 ? void 0 : _a.slug); });
-                result[index].isEnoughBalanceToPay =
-                    +((_e = token === null || token === void 0 ? void 0 : token.current_value) !== null && _e !== void 0 ? _e : 0) >= totalFeeInCurrency;
+                result[index].isEnoughBalanceToPay = +((_e = token === null || token === void 0 ? void 0 : token.current_value) !== null && _e !== void 0 ? _e : 0) >= totalFeeInCurrency;
             }
         });
         console.warn("🚀 ~ consttokensFee:FeeDetailType[]=useMemo ~ result:", result);

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

@@ -65,11 +65,6 @@ var Formatter = function (_a) {
                             mr: "0.125rem",
                         }, children: "< " })), !(numberDisplay === 0) && !hideStart && ((0, jsx_runtime_1.jsx)("span", { className: "font-primary", style: startStyle, children: startDisplay })), !lessThan && numberDisplay > 0 && numberDisplay < 0.000001 ? ((0, jsx_runtime_1.jsxs)("span", { className: "font-primary", children: ["0.0", (0, jsx_runtime_1.jsx)("sub", { children: lengthFromDot }), formattedNumber.slice(2 + lengthFromDot, lengthValueAllowed - 2 + lengthFromDot)] })) : ((0, jsx_runtime_1.jsx)("span", { className: "font-primary", children: lessThan
                             ? "0.01"
-                            : (0, formatter_1.default)(isLessThan
-                                ? Number(numberDisplay).toFixed(2)
-                                : numberDisplay, useCompact, useCompactOnThousand, lengthValueAllowed) })), !hideUnit &&
-                        !!unitDisplay &&
-                        !noUnitSpacing &&
-                        !(numberDisplay === 0) && ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", style: unitStyle, onClick: onClickUnit, children: unitDisplay }))] })) }), children: (0, jsx_runtime_1.jsx)(Formatter, { disableTooltip: true, start: start, value: value, lengthValueAllowed: 12, useCompact: false, unit: unit, allowShowZero: true, disableAdjustUnitColor: true, hideStart: hideStart, hideUnit: hideUnit }) }));
+                            : (0, formatter_1.default)(isLessThan ? Number(numberDisplay).toFixed(2) : numberDisplay, useCompact, useCompactOnThousand, lengthValueAllowed) })), !hideUnit && !!unitDisplay && !noUnitSpacing && !(numberDisplay === 0) && ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", style: unitStyle, onClick: onClickUnit, children: unitDisplay }))] })) }), children: (0, jsx_runtime_1.jsx)(Formatter, { disableTooltip: true, start: start, value: value, lengthValueAllowed: 12, useCompact: false, unit: unit, allowShowZero: true, disableAdjustUnitColor: true, hideStart: hideStart, hideUnit: hideUnit }) }));
 };
 exports.default = Formatter;

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

@@ -27,10 +27,6 @@ var material_1 = require("@mui/material");
 var Icon = function (props) {
     var _a, _b;
     var src = props.src, alt = props.alt, onClick = props.onClick, width = props.width, height = props.height, sx = props.sx, rest = __rest(props, ["src", "alt", "onClick", "width", "height", "sx"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false)
-                ? "".concat((width || height || 0) / 16, "rem")
-                : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false)
-                ? "".concat((height || width || 0) / 16, "rem")
-                : "auto" }, sx) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "img", src: src, alt: alt, onClick: onClick }, rest, { sx: __assign({ display: "block", width: ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : false) ? "".concat((width || height || 0) / 16, "rem") : "auto", height: ((_b = height !== null && height !== void 0 ? height : width) !== null && _b !== void 0 ? _b : false) ? "".concat((height || width || 0) / 16, "rem") : "auto" }, sx) })));
 };
 exports.default = Icon;

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

@@ -33,6 +33,6 @@ var Text_1 = __importDefault(require("../Text"));
 function ListItemCustom(_a) {
     var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, padding: 0 }), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("right_arrow"), sx: { ml: "auto" } })))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, padding: 0 }), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && (0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("right_arrow"), sx: { ml: "auto" } }))] })));
 }
 exports.default = ListItemCustom;

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

@@ -197,7 +197,7 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
     return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.children, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.lockData.amount, unit: token === null || token === void 0 ? void 0 : token.name }) }) }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["Your balance is", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontWeight: theme.typography.fontWeight600,
                                     color: theme.palette.text.secondary,
-                                }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: token === null || token === void 0 ? void 0 : token.balance, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) })] }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }))] })), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
+                                }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: token === null || token === void 0 ? void 0 : token.balance, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) })] }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] })), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
 });
 LockToken.displayName = "LockToken";
 exports.default = LockToken;

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

@@ -7,6 +7,6 @@ export interface NeonLineChartPropsTypes extends GeneralProps {
     }>;
     showMinMaxValues?: boolean;
 }
-declare function NeonLineChart({ series, categories, showMinMaxValues, sx, }: NeonLineChartPropsTypes): import("react/jsx-runtime").JSX.Element;
+declare function NeonLineChart({ series, categories, showMinMaxValues, sx }: NeonLineChartPropsTypes): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof NeonLineChart>;
 export default _default;

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

@@ -35,8 +35,6 @@ var NetworkSelection = function (props) {
     var networkDataString = props.networkData, onClick = props.onClick, rest = __rest(props, ["networkData", "onClick"]);
     var theme = (0, material_1.useTheme)();
     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.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 })] })));
+    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.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/OTP/index.js

@@ -48,7 +48,7 @@ var CustomOtpInput = function (props) {
                     backgroundColor: "#ffffff29",
                 }, renderInput: function (props) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "decimal" })), (0, jsx_runtime_1.jsx)("style", { children: "input::selection {\n            background-color: transparent; \n            color: white; \n          }" })] })); } })));
         default:
-            return ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { renderInput: function (props) { return ((0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "text", type: "text" }))); } })));
+            return (0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { renderInput: function (props) { return (0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "text", type: "text" })); } }));
     }
 };
 exports.default = CustomOtpInput;

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

@@ -136,13 +136,7 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
             return masterWallet;
         }
         return (_a = blockchainWallets === null || blockchainWallets === void 0 ? void 0 : blockchainWallets.find(function (item) { return item.networkSlug === (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.slug); })) === null || _a === void 0 ? void 0 : _a.blockchainAddress;
-    }, [
-        blockchainWallets,
-        selectedNetwork,
-        selectedMethod,
-        masterWallet,
-        selectedToken,
-    ]);
+    }, [blockchainWallets, selectedNetwork, selectedMethod, masterWallet, selectedToken]);
     var qrCodeValue = (0, react_1.useMemo)(function () {
         var _a, _b;
         if (!receiveAddress || !selectedToken) {
@@ -165,10 +159,10 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
     }, [receiveAddress, selectedToken, amount, selectedMethod]);
     var warningMessage = (0, react_1.useMemo)(function () {
         if (selectedMethod === ReceiveMethods.RECEIVE_EXTERNAL && !amount) {
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The amount must be between", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value }), " to", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, unit: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name }), " "] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", unless you will lose your assets."] }));
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The amount must be between", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value }), " to", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, unit: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name }), " "] }), " ", "and ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", unless you will lose your assets."] }));
         }
         if (selectedMethod === ReceiveMethods.RECEIVE_EXTERNAL && !!amount) {
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Please", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", unless you will lose your assets."] }));
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Please ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", unless you will lose your assets."] }));
         }
         if (selectedMethod === ReceiveMethods.RECEIVE_INTERNAL && !amount) {
             return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The amount must be between", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value }), " to", " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, unit: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name })] }), ", unless you will lose your assets."] }));
@@ -201,8 +195,7 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
         close: close,
     }); });
     var handleBack = function () {
-        if (currentStep === ReceiveStep.SHOW_QR_CODE &&
-            selectedMethod === ReceiveMethods.RECEIVE_INTERNAL) {
+        if (currentStep === ReceiveStep.SHOW_QR_CODE && selectedMethod === ReceiveMethods.RECEIVE_INTERNAL) {
             gotoStep(ReceiveStep.SELECT_TOKEN);
             return;
         }
@@ -284,14 +277,10 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
     };
     (0, react_1.useEffect)(function () {
         console.warn("🚀 ~ useEffect ~ isAuthenticated:", isAuthenticated, receiveExternalTokens, isLoadingReceiveExternalToken, receiveInternalTokens, isLoadingReceiveInternalToken);
-        if (isAuthenticated &&
-            !receiveExternalTokens &&
-            !isLoadingReceiveExternalToken) {
+        if (isAuthenticated && !receiveExternalTokens && !isLoadingReceiveExternalToken) {
             updateReceiveExternalToken();
         }
-        if (isAuthenticated &&
-            !receiveInternalTokens &&
-            !isLoadingReceiveInternalToken) {
+        if (isAuthenticated && !receiveInternalTokens && !isLoadingReceiveInternalToken) {
             updateReceiveInternalToken();
         }
     }, [
@@ -311,9 +300,7 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
                         autoHeight: true,
                         spaceBetween: 32,
                     }, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content" }), children: Object.values(ReceiveMethods).map(function (item, index) {
-                                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () {
-                                                    return handleSelectMethod(item);
-                                                }, sx: {
+                                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () { return handleSelectMethod(item); }, sx: {
                                                     my: theme.mixins.customMargin.m12,
                                                 } })] }, item));
                                 }) }) }, ReceiveStep.SELECT_METHOD), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: [!receiveTokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, {}), (receiveTokens === null || receiveTokens === void 0 ? void 0 : receiveTokens.length) === 0 && (0, jsx_runtime_1.jsx)(EmptyData_1.default, {}), receiveTokens === null || receiveTokens === void 0 ? void 0 : receiveTokens.map(function (item) {
@@ -329,9 +316,7 @@ 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.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: {
+                                }, 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",
@@ -342,18 +327,14 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     backdropFilter: "blur(10px)",
                                                 }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), selectedMethod === ReceiveMethods.RECEIVE_EXTERNAL && ((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.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
                                                                 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.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: {
+                                                            } }), 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.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",
                                         }, trigger: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
                                                 fontSize: theme.typography.fontSize12,
                                                 textTransform: "none",
-                                            }, children: [amount ? "Edit" : "+ Set", " amount"] }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: [amount ? "Edit" : "Set", " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " amount"] }), (0, jsx_runtime_1.jsx)(material_1.Input, { placeholder: "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " - ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value), sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize16 }), value: inputAmount, onChange: handleChangeAmount }), amountError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: amountError })), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", mt: theme.mixins.customMargin.m8, gap: theme.mixins.gaps.g12 }), children: [!!amount && ((0, jsx_runtime_1.jsx)(Button_1.default.Text, { onClick: handleUnset, children: "Unset" })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { flex: 1 }, onClick: handleContinue, status: !!amountError
-                                                                    ? Button_1.BUTTON_STATUS.DISABLED
-                                                                    : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] })] }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: qrCodeValue, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { className: "gap-1.5 flex items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            }, children: [amount ? "Edit" : "+ Set", " amount"] }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: [amount ? "Edit" : "Set", " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " amount"] }), (0, jsx_runtime_1.jsx)(material_1.Input, { placeholder: "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " - ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value), sx: __assign(__assign({}, theme.mixins.value), { fontSize: theme.typography.fontSize16 }), value: inputAmount, onChange: handleChangeAmount }), amountError && (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: amountError }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", mt: theme.mixins.customMargin.m8, gap: theme.mixins.gaps.g12 }), children: [!!amount && (0, jsx_runtime_1.jsx)(Button_1.default.Text, { onClick: handleUnset, children: "Unset" }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { flex: 1 }, onClick: handleContinue, status: !!amountError ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] })] }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: qrCodeValue, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { className: "gap-1.5 flex items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                 fontSize: theme.typography.fontSize12,
                                                                 fontWeight: theme.typography.fontWeight400,
                                                                 leading: theme.typography.leading160,

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

@@ -15,5 +15,5 @@ export interface TimeFilterData {
     startDate?: string;
     endDate?: string;
 }
-declare const TimeFilter: ({ initialValue, onChange, hideAll, }: TimeFilterProps) => import("react/jsx-runtime").JSX.Element;
+declare const TimeFilter: ({ initialValue, onChange, hideAll }: TimeFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default TimeFilter;

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

@@ -45,9 +45,7 @@ var TokenSelection = function (props) {
         var _a;
         return balance * +((_a = tokenData === null || tokenData === void 0 ? void 0 : tokenData.usd_rate) !== null && _a !== void 0 ? _a : 0);
     }, [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.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: {
+    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.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: "~ $" }) })] })] })));
 };

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

@@ -18,6 +18,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Icon_1 = __importDefault(require("../Icon"));
 var WaitingData = function (props) {
-    return ((0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("waiting_data", "gif"), width: 28, sx: __assign({}, props.sx) }));
+    return (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("waiting_data", "gif"), width: 28, sx: __assign({}, props.sx) });
 };
 exports.default = WaitingData;

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

@@ -182,9 +182,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var onlyChangeAddress = (0, react_1.useRef)(false);
     var _v = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), sendButtonStatus = _v[0], setSendButtonStatus = _v[1];
     var withdrawToken = (0, react_1.useMemo)(function () {
-        return selectedMethod === SendMethods.TRANSFER_EXTERNAL
-            ? withdrawTokens
-            : sendInternalTokens;
+        return selectedMethod === SendMethods.TRANSFER_EXTERNAL ? withdrawTokens : sendInternalTokens;
     }, [withdrawTokens, sendInternalTokens, selectedMethod]);
     var networks = (0, react_1.useMemo)(function () {
         console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
@@ -337,9 +335,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         if (onlyChangeAddress.current) {
             return;
         }
-        var tokenSet = (data === null || data === void 0 ? void 0 : data.jetton)
-            ? findWithdrawToken((data === null || data === void 0 ? void 0 : data.jetton) || "")
-            : selectedToken;
+        var tokenSet = (data === null || data === void 0 ? void 0 : data.jetton) ? findWithdrawToken((data === null || data === void 0 ? void 0 : data.jetton) || "") : selectedToken;
         if (!tokenSet) {
             gotoStep(WithdrawStep.SELECT_TOKEN);
         }
@@ -348,8 +344,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
             setSelectedNetwork(tokenSet === null || tokenSet === void 0 ? void 0 : tokenSet.network_data);
             gotoStep(WithdrawStep.FORM);
         }
-        !!(data === null || data === void 0 ? void 0 : data.amount) &&
-            setAmount(getAmountAfterDecimal((data === null || data === void 0 ? void 0 : data.amount) || 0, (tokenSet === null || tokenSet === void 0 ? void 0 : tokenSet.decimal) || 0));
+        !!(data === null || data === void 0 ? void 0 : data.amount) && setAmount(getAmountAfterDecimal((data === null || data === void 0 ? void 0 : data.amount) || 0, (tokenSet === null || tokenSet === void 0 ? void 0 : tokenSet.decimal) || 0));
         !!(data === null || data === void 0 ? void 0 : data.text) && setMemo(data === null || data === void 0 ? void 0 : data.text);
     };
     var handleSelectMethod = function (method) {
@@ -404,8 +399,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         return amountNumber || "";
     };
     var handleBack = function () {
-        if (currentStep === WithdrawStep.FORM &&
-            selectedMethod === SendMethods.TRANSFER_INTERNAL) {
+        if (currentStep === WithdrawStep.FORM && selectedMethod === SendMethods.TRANSFER_INTERNAL) {
             gotoStep(WithdrawStep.SELECT_TOKEN);
             return;
         }
@@ -487,8 +481,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         return [2 /*return*/];
                     }
                     if (validateWalletAddress === null || validateWalletAddress === void 0 ? void 0 : validateWalletAddress.master_wallet_address) {
-                        tonTransferParam.address =
-                            validateWalletAddress === null || validateWalletAddress === void 0 ? void 0 : validateWalletAddress.master_wallet_address;
+                        tonTransferParam.address = validateWalletAddress === null || validateWalletAddress === void 0 ? void 0 : validateWalletAddress.master_wallet_address;
                     }
                     setSendInfoGet(tonTransferParam);
                     (_d = backDropRef.current) === null || _d === void 0 ? void 0 : _d.close();
@@ -504,8 +497,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         setRecipientAddressError(undefined);
                     }
                     if (!!(validateWalletAddress === null || validateWalletAddress === void 0 ? void 0 : validateWalletAddress.master_wallet_address)) {
-                        if (isReceiveInternal ||
-                            selectedMethod === SendMethods.TRANSFER_INTERNAL) {
+                        if (isReceiveInternal || selectedMethod === SendMethods.TRANSFER_INTERNAL) {
                             handleSelectTransferInternal(tonTransferParam);
                         }
                         else {
@@ -513,8 +505,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         }
                     }
                     else if (!!(validateWalletAddress === null || validateWalletAddress === void 0 ? void 0 : validateWalletAddress.valid)) {
-                        if (selectedMethod === SendMethods.TRANSFER_EXTERNAL ||
-                            selectedMethod === SendMethods.SCAN_QR_CODE) {
+                        if (selectedMethod === SendMethods.TRANSFER_EXTERNAL || selectedMethod === SendMethods.SCAN_QR_CODE) {
                             handleSelectContinueTransferExternal(tonTransferParam);
                         }
                         else {
@@ -615,9 +606,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         if (isAuthenticated && !withdrawTokens && !isLoadingWithdrawToken) {
             updateWithdrawToken();
         }
-        if (isAuthenticated &&
-            !sendInternalTokens &&
-            !isLoadingSendInternalToken) {
+        if (isAuthenticated && !sendInternalTokens && !isLoadingSendInternalToken) {
             updateSendInternalToken();
         }
     }, [isAuthenticated, isLoadingWithdrawToken, isLoadingSendInternalToken]);
@@ -638,10 +627,8 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         : WITHDRAW_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: [(0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
                             autoHeight: true,
                             spaceBetween: 32,
-                        }, disableSwipe: true, children: [(0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsxs)(Button_1.default.Primary, { onClick: testPushNotification, children: [" ", "Push"] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content" }), children: Object.values(SendMethods).map(function (item, index) {
-                                            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () {
-                                                            return handleSelectMethod(item);
-                                                        }, sx: {
+                        }, disableSwipe: true, children: [(0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: testPushNotification, children: " Push" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content" }), children: Object.values(SendMethods).map(function (item, index) {
+                                            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () { return handleSelectMethod(item); }, sx: {
                                                             py: theme.mixins.customPadding.p12,
                                                         } })] }, item));
                                         }) })] }, WithdrawStep.SELECT_METHOD), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: withdrawToken === null || withdrawToken === void 0 ? void 0 : withdrawToken.map(function (item) {
@@ -684,8 +671,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     ? Button_1.BUTTON_STATUS.DISABLED
                                                     : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Recipient address", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                         wordBreak: "break-all",
-                                                                    }, children: recipientAddress }) }), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.icon }), (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)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }), !!memo &&
-                                                                selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo })), ((_b = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _b === void 0 ? void 0 : _b.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                                    }, children: recipientAddress }) }), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.icon }), (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)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }), !!memo && selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo })), ((_b = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _b === void 0 ? void 0 : _b.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                         fontWeight: theme.typography.fontWeight600,
                                                                         fontSize: theme.typography.fontSize16,
                                                                     }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }) })] }), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.SEND, onConfirmSuccess: handleSend, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: sendButtonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) })] }) }, WithdrawStep.FORM)] }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode }), (0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { ref: backDropRef }), (0, jsx_runtime_1.jsx)(AppDialog_1.default, { overrideOpen: !!infoDialogContent, children: (0, jsx_runtime_1.jsx)(DialogContentLayout_1.default, { content: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {

package/dist/handlers/auth/login/index.js

@@ -83,8 +83,7 @@ var loginHandler = function () { return __awaiter(void 0, void 0, void 0, functi
                             },
                         })];
                 }
-                if (!((0, isExpired_1.default)(loginInfo.expiresAt) &&
-                    !(0, isExpired_1.default)(loginInfo.refreshExpiresAt))) return [3 /*break*/, 8];
+                if (!((0, isExpired_1.default)(loginInfo.expiresAt) && !(0, isExpired_1.default)(loginInfo.refreshExpiresAt))) return [3 /*break*/, 8];
                 return [4 /*yield*/, (0, refreshTokenKeycloak_1.default)(loginInfo.refreshToken)];
             case 4:
                 refreshedTokens = _a.sent();

package/dist/hooks/useFormatter.js

@@ -10,16 +10,13 @@ function useFormatter() {
     var userInfo = {}.userInfo;
     var tokensRateState = {}.tokensRateState;
     var currency = (_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.settings) === null || _a === void 0 ? void 0 : _a.currency;
-    var isDollar = ((_b = currency === null || currency === void 0 ? void 0 : currency.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes("usd")) ||
-        ((_c = currency === null || currency === void 0 ? void 0 : currency.toLowerCase()) === null || _c === void 0 ? void 0 : _c.includes("$"));
+    var isDollar = ((_b = currency === null || currency === void 0 ? void 0 : currency.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes("usd")) || ((_c = currency === null || currency === void 0 ? void 0 : currency.toLowerCase()) === null || _c === void 0 ? void 0 : _c.includes("$"));
     var rate = ((_d = tokensRateState === null || tokensRateState === void 0 ? void 0 : tokensRateState[currency]) === null || _d === void 0 ? void 0 : _d.USD) || 1;
     var formatValue = function (value, hideUnit) {
         var valueDisplay = (0, formatter_1.default)((0, roundToTwoSignificantDecimals_1.default)(value / rate), false, true);
         if (hideUnit)
             return valueDisplay;
-        return ((isDollar ? "$" : "") +
-            valueDisplay +
-            (isDollar ? "" : !!currency ? " ".concat(currency) : ""));
+        return (isDollar ? "$" : "") + valueDisplay + (isDollar ? "" : !!currency ? " ".concat(currency) : "");
     };
     return {
         formatValue: formatValue,

package/dist/providers/ActivitiesProvider/index.js

@@ -140,9 +140,7 @@ function ActivitiesProvider(_a) {
                 case 2:
                     response_1 = _d.sent();
                     console.warn("🚀 ~ getBalance ~ response:", response_1);
-                    setActivityTypes(__spreadArray([
-                        const_1.ACTIVITIES_TYPE_ALL
-                    ], ((_c = (_b = response_1 === null || response_1 === void 0 ? void 0 : response_1.data) === null || _b === void 0 ? void 0 : _b.transaction_types) !== null && _c !== void 0 ? _c : []), true));
+                    setActivityTypes(__spreadArray([const_1.ACTIVITIES_TYPE_ALL], ((_c = (_b = response_1 === null || response_1 === void 0 ? void 0 : response_1.data) === null || _b === void 0 ? void 0 : _b.transaction_types) !== null && _c !== void 0 ? _c : []), true));
                     setActivities(function (prev) {
                         var _a;
                         var _b, _c, _d;

package/dist/providers/RealtimeProvider/index.js

@@ -64,16 +64,11 @@ var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
 var ably_service_1 = require("../../services/ably/ably.service");
 var material_1 = require("@mui/material");
 var notistack_1 = require("notistack");
-var Slide_1 = __importDefault(require("@mui/material/Slide"));
 exports.initialRealtime = {
     transaction: undefined,
     isConnected: false,
     pushNotification: function () { },
 };
-// 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));
 }
@@ -97,8 +92,13 @@ function RealtimeProvider(_a) {
             ablyService.listenMessage(masterWallet, function (message) {
                 // eslint-disable-next-line no-console
                 console.log("🚀 ~ ablyService.listenMessage ~ message:", message);
+                var eventData = message.data;
                 setIsConnected(true);
-                setTransaction(message);
+                setTransaction(eventData);
+                var theMessage = eventHandler(eventData);
+                if (theMessage) {
+                    pushNotification(theMessage);
+                }
             });
         }
         catch (error) {
@@ -106,9 +106,7 @@ function RealtimeProvider(_a) {
         }
     }, [masterWallet]);
     var closeNotification = function (id) {
-        setNotifications(function (prev) {
-            return prev.map(function (n) { return (n.id === id ? __assign(__assign({}, n), { open: false }) : n); });
-        });
+        setNotifications(function (prev) { return prev.map(function (n) { return (n.id === id ? __assign(__assign({}, n), { open: false }) : n); }); });
     };
     return ((0, jsx_runtime_1.jsxs)(exports.RealtimeContext.Provider, { value: {
             isConnected: isConnected,
@@ -127,7 +125,38 @@ function RealtimeProvider(_a) {
                                 mx: "auto",
                                 padding: "".concat(theme.mixins.customPadding.p0, " ").concat(theme.mixins.customPadding.p12),
                                 fontSize: theme.typography.fontSize14,
+                                "& .MuiAlert-message": {
+                                    padding: "".concat(theme.mixins.customPadding.p6, " ").concat(theme.mixins.customPadding.p0),
+                                },
                             }, children: notification.message }) }, notification.id));
                 }) })] }));
 }
 exports.default = RealtimeProvider;
+var eventHandler = function (messageEvent) {
+    if (!messageEvent)
+        return null;
+    var type = messageEvent.transaction_type;
+    var amount = messageEvent.amount;
+    var currency = messageEvent.currency_slug;
+    var status = messageEvent.transaction_status;
+    var transactionId = messageEvent.id;
+    var notificationType = "success";
+    switch (status) {
+        case "processing":
+            notificationType = "info";
+            break;
+        case "failed":
+            notificationType = "error";
+            break;
+        case "success":
+            notificationType = "success";
+            break;
+        default:
+            notificationType = "info";
+    }
+    return {
+        message: "".concat(type, " ").concat(amount, " ").concat(currency, " is ").concat(status),
+        type: notificationType,
+        id: "".concat(transactionId, "-").concat(status),
+    };
+};

package/dist/providers/RealtimeProvider/type.d.ts

@@ -1,10 +1,11 @@
+import { ReactNode } from "react";
 export interface RealtimeProviderDataType {
     transaction: any;
     isConnected: boolean;
     pushNotification: (notification: NotificationType) => void;
 }
 export interface NotificationType {
-    message: string;
+    message: ReactNode;
     type: "success" | "error" | "warning" | "info";
     duration?: number;
     id: string;

package/dist/utils/compactWalletAddress.js

@@ -8,9 +8,7 @@ function compactWalletAddress(walletAddress, isLinkAff) {
         if ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.length) <= 8) {
             return walletAddress;
         }
-        return ((walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(0, !isLinkAff ? 3 : 15)) +
-            "..." +
-            (walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(!isLinkAff ? -3 : -10)));
+        return (walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(0, !isLinkAff ? 3 : 15)) + "..." + (walletAddress === null || walletAddress === void 0 ? void 0 : walletAddress.slice(!isLinkAff ? -3 : -10));
     }
     catch (err) {
         console.error("🚀 ~ compactWalletAddress ~ err:", err);

package/dist/utils/formatter.js

@@ -43,11 +43,7 @@ var formatter = function (value, useCompact, useCompactOnThousand, lengthAllowed
             // is not natural number
             var indexOfDecimalDot = numberToString.indexOf(".");
             var before = numberToString.slice(0, indexOfDecimalDot);
-            var after = numberToString.slice(indexOfDecimalDot + 1, indexOfDecimalDot +
-                1 +
-                (lengthAllowed - (before === null || before === void 0 ? void 0 : before.length) - 1 <= 1
-                    ? 2
-                    : lengthAllowed - (before === null || before === void 0 ? void 0 : before.length) - 1));
+            var after = numberToString.slice(indexOfDecimalDot + 1, indexOfDecimalDot + 1 + (lengthAllowed - (before === null || before === void 0 ? void 0 : before.length) - 1 <= 1 ? 2 : lengthAllowed - (before === null || before === void 0 ? void 0 : before.length) - 1));
             var beforeFormatted = before.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator);
             var afterFormatted = (_b = (_a = Number("0.".concat(after))) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.replace("0.", "");
             return "".concat(beforeFormatted).concat(+afterFormatted ? "." + afterFormatted : "");

package/dist/utils/getStandardNumber.js

@@ -7,9 +7,7 @@ function getStandardNumber(value) {
         return stringValue;
     }
     else {
-        var beforeE = stringValue
-            .slice(0, stringValue.indexOf("e-"))
-            .replace(".", "");
+        var beforeE = stringValue.slice(0, stringValue.indexOf("e-")).replace(".", "");
         var afterE = stringValue.slice(stringValue.indexOf("e-") + 2);
         var result = "";
         for (var i = 0; i < +afterE + 1; i++) {

package/dist/utils/lengthFromDotToFirstNonZero.js

@@ -7,8 +7,7 @@ function lengthFromDotToFirstNonZero(numString) {
         return -1;
     }
     var firstNonZeroIndex = dotIndex + 1;
-    while (firstNonZeroIndex < (numString === null || numString === void 0 ? void 0 : numString.length) &&
-        numString[firstNonZeroIndex] === "0") {
+    while (firstNonZeroIndex < (numString === null || numString === void 0 ? void 0 : numString.length) && numString[firstNonZeroIndex] === "0") {
         firstNonZeroIndex++;
     }
     if (firstNonZeroIndex >= (numString === null || numString === void 0 ? void 0 : numString.length)) {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.457",
+  "version": "0.0.458",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rm -rf dist",
     "build": "npm run format && tsc",
-    "format": "prettier --write . && eslint --fix --ignore-pattern .next --ignore-pattern node_modules",
+    "format": "prettier --write . && eslint --fix --ignore-pattern .next --ignore-pattern node_modules --ignore-pattern dist",
     "version:patch": "npm version patch",
     "version:minor": "npm version minor",
     "version:major": "npm version major",