tek-wallet 0.0.449 → 0.0.451

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

@@ -22,6 +22,7 @@ var EmptyData_1 = __importDefault(require("../EmptyData"));
 var ActivityItem_1 = __importDefault(require("../ActivityItem"));
 var useActivities_1 = __importDefault(require("../../../hooks/useActivities"));
 var react_1 = require("react");
+var WaitingData_1 = __importDefault(require("../WaitingData"));
 var Status;
 (function (Status) {
     Status["Loading"] = "loading";
@@ -32,7 +33,7 @@ var prefix = "activities_";
 function ActivitiesTypeSlice(props) {
     var _a;
     var theme = (0, material_1.useTheme)();
-    var _b = (0, useActivities_1.default)(), activities = _b.activities, updateActivities = _b.updateActivities;
+    var _b = (0, useActivities_1.default)(), activities = _b.activities, updateActivities = _b.updateActivities, isLoadingActivities = _b.isLoadingActivities;
     var type = props.type, isActive = props.isActive;
     var activitiesByType = (0, react_1.useMemo)(function () {
         if (!(type === null || type === void 0 ? void 0 : type.slug))
@@ -47,18 +48,18 @@ function ActivitiesTypeSlice(props) {
         return Status.Empty;
     }, [type, activitiesByType]);
     (0, react_1.useEffect)(function () {
-        if (!isActive || !type)
+        if (!isActive ||
+            !(type === null || type === void 0 ? void 0 : type.slug) ||
+            !!activitiesByType ||
+            isLoadingActivities[type.slug])
             return;
-        if (!!activitiesByType)
-            return;
-        console.warn("🚀 ~ useEffect ~ type:", type);
         updateActivities({
             transaction_types: type.slug,
             page: 1,
             take: 10,
         });
     }, [isActive, type, activitiesByType, updateActivities]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%", height: "100%", display: "flex" }, children: [status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { margin: "auto" }, icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), status === Status.Filled && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, paddingTop: theme.mixins.customPadding.p16 }), children: activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.map(function (activity, index) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%", height: "100%", display: "flex" }, children: [status === Status.Loading && (0, jsx_runtime_1.jsx)(WaitingData_1.default, {}), status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { sx: { margin: "auto" }, icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), status === Status.Filled && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, paddingTop: theme.mixins.customPadding.p16 }), children: activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.map(function (activity, index) {
                     if (!activity)
                         return null;
                     var dataAsJson = JSON.stringify(activity);

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

@@ -30,7 +30,10 @@ var LoadingLayout = (0, react_1.forwardRef)(function (props, ref) {
             setLoading(false);
         },
     }); });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "fit-content", height: "fit-content" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.whiteLoadingOverlay), theme.mixins.row), { gap: theme.mixins.gaps.g8, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.center), { fontSize: theme.typography.fontSize12, color: "text.secondary" }), children: loadingMessage })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "fit-content", height: "fit-content" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.whiteLoadingOverlay), theme.mixins.row), { gap: theme.mixins.gaps.g8, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                            fontSize: theme.typography.fontSize12,
+                            color: "text.secondary",
+                        }, children: loadingMessage })] }))] }));
 });
 LoadingLayout.displayName = "LoadingLayout";
 exports.default = LoadingLayout;

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

@@ -108,7 +108,7 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _f = (0, react_1.useState)(0), inputAmount = _f[0], setInputAmount = _f[1];
     var _g = (0, react_1.useState)(0), amount = _g[0], setAmount = _g[1];
     var _h = (0, react_1.useState)(""), amountError = _h[0], setAmountError = _h[1];
-    var _j = (0, useReceiveData_1.default)(), receiveExternalTokens = _j.receiveExternalTokens, updateReceiveExternalToken = _j.updateReceiveExternalToken, receiveInternalTokens = _j.receiveInternalTokens, updateReceiveInternalToken = _j.updateReceiveInternalToken;
+    var _j = (0, useReceiveData_1.default)(), receiveExternalTokens = _j.receiveExternalTokens, updateReceiveExternalToken = _j.updateReceiveExternalToken, isLoadingReceiveExternalToken = _j.isLoadingReceiveExternalToken, isLoadingReceiveInternalToken = _j.isLoadingReceiveInternalToken, receiveInternalTokens = _j.receiveInternalTokens, updateReceiveInternalToken = _j.updateReceiveInternalToken;
     var receiveTokens = (0, react_1.useMemo)(function () {
         if (selectedMethod === ReceiveMethods.RECEIVE_INTERNAL) {
             return receiveInternalTokens;
@@ -283,10 +283,12 @@ var ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
         gotoStep(ReceiveStep.SELECT_METHOD);
     };
     (0, react_1.useEffect)(function () {
-        if (isAuthenticated && !receiveTokens) {
+        if (isAuthenticated && !receiveTokens && !isLoadingReceiveExternalToken) {
             updateReceiveExternalToken();
         }
-        if (isAuthenticated && !receiveInternalTokens) {
+        if (isAuthenticated &&
+            !receiveInternalTokens &&
+            !isLoadingReceiveInternalToken) {
             updateReceiveInternalToken();
         }
     }, [isAuthenticated]);

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

@@ -160,7 +160,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _d = (0, react_1.useState)(), selectedToken = _d[0], setSelectedToken = _d[1];
     var _e = (0, react_1.useState)(), selectedNetwork = _e[0], setSelectedNetwork = _e[1];
     var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
-    var _f = (0, useWithdrawData_1.default)(), withdrawTokens = _f.withdrawTokens, updateWithdrawToken = _f.updateWithdrawToken, updateSendInternalToken = _f.updateSendInternalToken, sendInternalTokens = _f.sendInternalTokens;
+    var _f = (0, useWithdrawData_1.default)(), withdrawTokens = _f.withdrawTokens, updateWithdrawToken = _f.updateWithdrawToken, updateSendInternalToken = _f.updateSendInternalToken, sendInternalTokens = _f.sendInternalTokens, isLoadingWithdrawToken = _f.isLoadingWithdrawToken, isLoadingSendInternalToken = _f.isLoadingSendInternalToken;
     var _g = (0, react_1.useState)(), infoDialogContent = _g[0], setInfoDialogContent = _g[1];
     var _h = (0, react_1.useState)(""), amount = _h[0], setAmount = _h[1];
     var _j = (0, react_1.useState)(undefined), memo = _j[0], setMemo = _j[1];
@@ -612,10 +612,10 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         }
     };
     (0, react_1.useEffect)(function () {
-        if (isAuthenticated && !withdrawToken) {
+        if (isAuthenticated && !withdrawToken && !isLoadingWithdrawToken) {
             updateWithdrawToken();
         }
-        if (isAuthenticated && !withdrawToken) {
+        if (isAuthenticated && !withdrawToken && !isLoadingSendInternalToken) {
             updateSendInternalToken();
         }
     }, [isAuthenticated]);

package/package.json

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