tek-wallet 0.0.795 → 0.0.797

package/README.md

@@ -214,3 +214,5 @@ Nếu phía trước có path: `<path>/tek-wallet/[[...pathname]]/page.tsx` thì
 ---
 
 # tek-wallet
+
+##

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

@@ -69,8 +69,7 @@ var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var AppBackDrop_1 = __importDefault(require("../../ui/AppBackDrop"));
 var react_simple_pull_to_refresh_1 = __importDefault(require("react-simple-pull-to-refresh"));
-var lottie_react_1 = __importDefault(require("lottie-react"));
-var refresh_json_1 = __importDefault(require("./refresh.json"));
+var Refresh_1 = __importDefault(require("../../ui/Atoms/Refresh"));
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
     var header = props.header, footer = props.footer, children = props.children, sx = props.sx, className = props.className, classNames = props.classNames, statusMessage = props.statusMessage, sxs = props.sxs, pullToRefreshProps = props.pullToRefreshProps, rest = __rest(props, ["header", "footer", "children", "sx", "className", "classNames", "statusMessage", "sxs", "pullToRefreshProps"]);
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
@@ -97,10 +96,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             return [2 /*return*/, Promise.all([new Promise(function (resolve) { return setTimeout(resolve, 1000); }), onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh()])]; // for user feel data is loading
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.white }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.header), className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxs === null || sxs === void 0 ? void 0 : sxs.body), className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: [!!isPullable && ((0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(lottie_react_1.default, { animationData: refresh_json_1.default, style: {
-                                    width: "2.5rem",
-                                    height: "2.5rem",
-                                } }) })) }, restPullToRefreshProps, { onRefresh: handleRefresh, children: children }))), !isPullable && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.footer), className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, hideProgress: true, message: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", overflow: "hidden", backgroundColor: theme.palette.background.white }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.header), className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxs === null || sxs === void 0 ? void 0 : sxs.body), className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: [!!isPullable && ((0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })) }, restPullToRefreshProps, { onRefresh: handleRefresh, children: children }))), !isPullable && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxs === null || sxs === void 0 ? void 0 : sxs.footer), className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(AppBackDrop_1.default, { open: true, hideProgress: true, message: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
 });
 ChildPageLayout.displayName = "ChildPageLayout";
 exports.default = ChildPageLayout;

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

@@ -10,6 +10,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -38,10 +74,11 @@ var Status;
 })(Status || (exports.Status = Status = {}));
 var prefix = "activities_";
 function ActivitiesTypeSlice(props) {
+    var _this = this;
     var _a, _b;
     var theme = (0, ThemeProvider_1.useTheme)();
     var router = (0, useCustomRouter_1.default)();
-    var _c = (0, useActivities_1.default)(), activities = _c.activities, loadActivities = _c.loadActivities, loadOutActivityType = _c.loadOutActivityType;
+    var _c = (0, useActivities_1.default)(), activities = _c.activities, loadActivities = _c.loadActivities, loadOutActivityType = _c.loadOutActivityType, refreshActivities = _c.refreshActivities;
     var type = props.type, isActive = props.isActive, limitItems = props.limitItems, sx = props.sx, smartListProps = props.smartListProps, useAction = props.useAction;
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var basePath = (options || {}).basePath;
@@ -71,16 +108,26 @@ function ActivitiesTypeSlice(props) {
     var gotoHome = function () {
         router.push("".concat(basePath || "", "/tek-wallet"));
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", height: "100%", display: "flex" }, sx), children: [status === Status.Loading && ((0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: { marginBottom: "auto", p: theme.mixins.customPadding.p16 }, numberOfSkeleton: 8 })), status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { action: useAction && type.slug === const_1.ACTIVITIES_TYPE_ALL.slug ? gotoHome : undefined, actionText: "Start your journey", sx: { marginBottom: "auto", marginTop: "6rem", px: theme.mixins.customPadding.p16 }, icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: type.slug === const_1.ACTIVITIES_TYPE_ALL.slug
-                    ? "You haven't any activity yet"
-                    : "No ".concat((_a = type.name) === null || _a === void 0 ? void 0 : _a.toLowerCase(), " activity") })), status === Status.Filled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(SmartList_1.default, { loadMoreData: loadMore, sx: __assign({ px: theme.mixins.customPadding.p16 }, smartListProps === null || smartListProps === void 0 ? void 0 : smartListProps.sx), hasMore: !loadOutActivityType[type.slug] &&
-                        ((activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length) || 0) < (limitItems || Infinity), loadingComponent: (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 4, sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", height: "100%" }, sx), children: [status === Status.Loading && ((0, jsx_runtime_1.jsx)(WaitingData_1.default, { sx: {
+                    marginBottom: "auto",
+                    p: theme.mixins.customPadding.p16,
+                }, numberOfSkeleton: 8 })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(SmartList_1.default, { loadMoreData: loadMore, sx: __assign({ px: theme.mixins.customPadding.p16 }, smartListProps === null || smartListProps === void 0 ? void 0 : smartListProps.sx), hasMore: !loadOutActivityType[type.slug] &&
+                        ((activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.length) || 0) < (limitItems || Infinity), loadingComponent: status === Status.Filled && ((0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 4, sx: {
                             marginTop: theme.mixins.customMargin.m12,
-                        } }), bodySx: __assign({ pb: theme.mixins.customPadding.p32, pt: theme.mixins.customPadding.p16 }, smartListProps === null || smartListProps === void 0 ? void 0 : smartListProps.bodySx), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: (_b = activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.slice(0, limitItems)) === null || _b === void 0 ? void 0 : _b.map(function (activity, index) {
-                            if (!activity)
-                                return null;
-                            var dataAsJson = JSON.stringify(activity);
-                            return ((0, jsx_runtime_1.jsx)(ClickEffect_1.default, { children: (0, jsx_runtime_1.jsx)(ActivityItem_1.default, { data: dataAsJson, component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity/").concat(activity === null || activity === void 0 ? void 0 : activity.id) }) }, (activity === null || activity === void 0 ? void 0 : activity.id) + "-" + index + "-" + (type === null || type === void 0 ? void 0 : type.slug)));
-                        }) }) }) }))] }));
+                        } })), bodySx: __assign({ pb: theme.mixins.customPadding.p32, pt: theme.mixins.customPadding.p16 }, smartListProps === null || smartListProps === void 0 ? void 0 : smartListProps.bodySx), pullToRefreshProps: {
+                        isPullable: true,
+                        onRefresh: function () { return __awaiter(_this, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                return [2 /*return*/, refreshActivities(type.slug)];
+                            });
+                        }); },
+                    }, children: [status === Status.Empty && ((0, jsx_runtime_1.jsx)(EmptyData_1.default, { action: useAction && type.slug === const_1.ACTIVITIES_TYPE_ALL.slug ? gotoHome : undefined, actionText: "Start your journey", sx: { marginBottom: "auto", marginTop: "6rem", px: theme.mixins.customPadding.p16 }, icon: (0, getIcon_1.default)(prefix + "empty_" + type.slug), description: type.slug === const_1.ACTIVITIES_TYPE_ALL.slug
+                                ? "You haven't any activity yet"
+                                : "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 }), children: (_b = activitiesByType === null || activitiesByType === void 0 ? void 0 : activitiesByType.slice(0, limitItems)) === null || _b === void 0 ? void 0 : _b.map(function (activity, index) {
+                                if (!activity)
+                                    return null;
+                                var dataAsJson = JSON.stringify(activity);
+                                return ((0, jsx_runtime_1.jsx)(ClickEffect_1.default, { children: (0, jsx_runtime_1.jsx)(ActivityItem_1.default, { data: dataAsJson, component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity/").concat(activity === null || activity === void 0 ? void 0 : activity.id) }) }, (activity === null || activity === void 0 ? void 0 : activity.id) + "-" + index + "-" + (type === null || type === void 0 ? void 0 : type.slug)));
+                            }) }))] }) })] }));
 }
 exports.default = ActivitiesTypeSlice;

package/dist/components/TekWallet/components/ui/Atoms/Refresh.d.ts

@@ -0,0 +1,2 @@
+declare function Refresh(): import("react/jsx-runtime").JSX.Element;
+export default Refresh;

package/dist/components/TekWallet/components/ui/Atoms/Refresh.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lottie_react_1 = __importDefault(require("lottie-react"));
+var refresh_json_1 = __importDefault(require("./refresh.json"));
+function Refresh() {
+    return (0, jsx_runtime_1.jsx)(lottie_react_1.default, { animationData: refresh_json_1.default, style: { width: "2.5rem", height: "2.5rem" } });
+}
+exports.default = Refresh;

package/dist/components/TekWallet/components/ui/SmartList/index.d.ts

@@ -1,4 +1,5 @@
 import { BoxProps } from "@mui/material";
+import { PullToRefreshProps } from "../../layouts/ChildPageLayout";
 export interface SmartListProps extends BoxProps {
     children: React.ReactNode;
     loadMoreData: () => void;
@@ -6,6 +7,7 @@ export interface SmartListProps extends BoxProps {
     loadingComponent?: React.ReactNode;
     loadingComponentProps?: BoxProps;
     bodySx?: BoxProps;
+    pullToRefreshProps?: PullToRefreshProps;
 }
 declare const SmartList: (props: SmartListProps) => import("react/jsx-runtime").JSX.Element;
 export default SmartList;

package/dist/components/TekWallet/components/ui/SmartList/index.js

@@ -10,17 +10,70 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 //This component is used to render a list of items but not use react query because some reasons
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var react_1 = require("react");
+var react_simple_pull_to_refresh_1 = __importDefault(require("react-simple-pull-to-refresh"));
+var Refresh_1 = __importDefault(require("../Atoms/Refresh"));
 var SmartList = function (props) {
-    var children = props.children, loadMoreData = props.loadMoreData, hasMore = props.hasMore, loadingComponent = props.loadingComponent, loadingComponentProps = props.loadingComponentProps, bodySx = props.bodySx;
+    var children = props.children, loadMoreData = props.loadMoreData, hasMore = props.hasMore, loadingComponent = props.loadingComponent, loadingComponentProps = props.loadingComponentProps, bodySx = props.bodySx, pullToRefreshProps = props.pullToRefreshProps;
     var theme = (0, ThemeProvider_1.useTheme)();
     var containerRef = (0, react_1.useRef)(null);
     var loadingRef = (0, react_1.useRef)(null);
+    var _a = pullToRefreshProps || {}, onRefresh = _a.onRefresh, isPullable = _a.isPullable, restPullToRefreshProps = __rest(_a, ["onRefresh", "isPullable"]);
     (0, react_1.useEffect)(function () {
         function handleIntersection(entries) {
             entries.forEach(function (entry) {
@@ -46,6 +99,11 @@ var SmartList = function (props) {
             observer.disconnect();
         };
     }, [loadMoreData, hasMore]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ overflowY: "auto", width: "100%", height: "100%" }, props.sx), ref: containerRef, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { height: "fit-content", my: "auto", gap: 0 }), bodySx), children: [children, (0, jsx_runtime_1.jsx)("div", { ref: loadingRef }), hasMore && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, loadingComponentProps), children: loadingComponent }))] }) }));
+    var handleRefresh = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, Promise.all([new Promise(function (resolve) { return setTimeout(resolve, 1000); }), onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh()])]; // for user feel data is loading
+        });
+    }); };
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ overflowY: "auto", width: "100%", height: "100%" }, props.sx), ref: containerRef, children: (0, jsx_runtime_1.jsx)(react_simple_pull_to_refresh_1.default, __assign({ pullingContent: null, refreshingContent: ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", pt: 3 }, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) })), isPullable: !!isPullable }, restPullToRefreshProps, { onRefresh: handleRefresh, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { height: "fit-content", my: "auto", gap: 0 }), bodySx), children: [children, (0, jsx_runtime_1.jsx)("div", { ref: loadingRef }), hasMore && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, loadingComponentProps), children: loadingComponent }))] }) })) }));
 };
 exports.default = SmartList;

package/dist/components/TekWallet/components/views/ActivityView/index.js

@@ -37,6 +37,7 @@ var ActivityView = function (props) {
             swiperProps: {
                 slidesPerView: 1,
                 spaceBetween: 20,
+                allowTouchMove: !!activitiesLength,
             }, tabsSx: {
                 display: activitiesLength ? "flex" : "none",
             }, onTabChange: handleSlideChange, tabs: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
@@ -63,7 +64,7 @@ var ActivityView = function (props) {
                 height: "100%",
             }, swiperStyle: {
                 flex: 1,
-            }, disableSwipe: !activitiesLength, children: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
+            }, children: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
                 return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: {
                         position: "relative",
                     }, children: (index === activeTab || index === activeTab - 1 || index === activeTab + 1) && ((0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { useAction: true, type: type, isActive: activeTab === index })) }, index));

package/dist/components/TekWallet/components/views/AssetView/index.js

@@ -86,7 +86,6 @@ var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"
 var BasicAmountGroup_1 = __importDefault(require("../../ui/BasicAmountGroup"));
 var AssetViewHeader_1 = __importDefault(require("../../ui/AssetViewHeader"));
 var ClickEffect_1 = __importDefault(require("../../ui/ClickEffect"));
-var ScanQRToSend_1 = __importDefault(require("../../ui/ScanQRToSend"));
 var AssetView = function (props) {
     var sx = props.sx, rest = __rest(props, ["sx"]);
     var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet, updateWalletDetail = _a.updateWalletDetail;
@@ -106,7 +105,7 @@ var AssetView = function (props) {
     return ((0, jsx_runtime_1.jsxs)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
             isPullable: !!isInitPasscode,
             onRefresh: handleRefresh,
-        }, children: [(0, jsx_runtime_1.jsx)(ScanQRToSend_1.default, { children: "Scan" }), !isInitPasscode && !!masterWallet && ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.mixins.gaps.g16 }, sx), children: [useBasicAmountGroupInAssetView ? (0, jsx_runtime_1.jsx)(BasicAmountGroup_1.default, {}) : (0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { items: [
+        }, children: [!isInitPasscode && !!masterWallet && ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.mixins.gaps.g16 }, sx), children: [useBasicAmountGroupInAssetView ? (0, jsx_runtime_1.jsx)(BasicAmountGroup_1.default, {}) : (0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { items: [
                             (0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
                                         borderRight: "1px solid ".concat(theme.palette.border.accent3),
                                         placeContent: "center",

package/dist/components/TekWallet/providers/ActivitiesProvider/index.js

@@ -113,6 +113,9 @@ exports.initialActivities = {
         return [2 /*return*/];
     }); }); },
     insertActivities: function () { },
+    refreshActivities: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/];
+    }); }); },
 };
 exports.ActivitiesContext = react_1.default.createContext(exports.initialActivities);
 function ActivitiesProvider(_a) {
@@ -192,10 +195,10 @@ function ActivitiesProvider(_a) {
                     setActivities(function (prev) {
                         var _a;
                         var _b, _c, _d, _e, _f;
-                        var retainedActivities = (_c = ((_b = prev === null || prev === void 0 ? void 0 : prev[slug]) !== null && _b !== void 0 ? _b : [])) === null || _c === void 0 ? void 0 : _c.filter(function (activity) {
+                        var remainedActivities = (_c = ((_b = prev === null || prev === void 0 ? void 0 : prev[slug]) !== null && _b !== void 0 ? _b : [])) === null || _c === void 0 ? void 0 : _c.filter(function (activity) {
                             return !(loadedActivities_1 === null || loadedActivities_1 === void 0 ? void 0 : loadedActivities_1.some(function (item) { return item.id === activity.id; }));
                         });
-                        var newActivities = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], retainedActivities, true), loadedActivities_1, true));
+                        var newActivities = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], remainedActivities, true), loadedActivities_1, true));
                         var isLoadOutActivityType = newActivities.length >= ((_f = (_e = (_d = response_1 === null || response_1 === void 0 ? void 0 : response_1.data) === null || _d === void 0 ? void 0 : _d.paginated) === null || _e === void 0 ? void 0 : _e.number_records) !== null && _f !== void 0 ? _f : 0);
                         setLoadOutActivityType(function (prev) {
                             var _a;
@@ -221,7 +224,7 @@ function ActivitiesProvider(_a) {
         });
     }); }, [isInitPasscode, isLoadingActivities, loadOutActivityType]);
     var loadActivities = (0, react_1.useCallback)(function (slug) { return __awaiter(_this, void 0, void 0, function () {
-        var lastDateCreated, response, activitiesLoaded, numOfRecords, retainedActivities, newActivities;
+        var lastDateCreated, response, activitiesLoaded, numOfRecords, remainedActivities, newActivities;
         var _a, _b, _c, _d, _e, _f, _g;
         return __generator(this, function (_h) {
             switch (_h.label) {
@@ -250,10 +253,10 @@ function ActivitiesProvider(_a) {
                     });
                     activitiesLoaded = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.transactions) !== null && _b !== void 0 ? _b : [];
                     numOfRecords = (_e = (_d = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.paginated) === null || _d === void 0 ? void 0 : _d.number_records) !== null && _e !== void 0 ? _e : 0;
-                    retainedActivities = (_g = (_f = activities === null || activities === void 0 ? void 0 : activities[slug]) === null || _f === void 0 ? void 0 : _f.filter(function (item) {
+                    remainedActivities = (_g = (_f = activities === null || activities === void 0 ? void 0 : activities[slug]) === null || _f === void 0 ? void 0 : _f.filter(function (item) {
                         return !(activitiesLoaded === null || activitiesLoaded === void 0 ? void 0 : activitiesLoaded.some(function (activity) { return item.id === activity.id; }));
                     })) !== null && _g !== void 0 ? _g : [];
-                    newActivities = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], retainedActivities, true), activitiesLoaded, true));
+                    newActivities = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], remainedActivities, true), activitiesLoaded, true));
                     setActivities(function (prev) {
                         var _a;
                         return (__assign(__assign({}, prev), (_a = {}, _a[slug] = newActivities, _a)));
@@ -273,6 +276,45 @@ function ActivitiesProvider(_a) {
             }
         });
     }); }, [isInitPasscode, loadOutActivityType, isLoadingActivities, getLatestDateCreated, activities]);
+    var refreshActivities = (0, react_1.useCallback)(function (slug) { return __awaiter(_this, void 0, void 0, function () {
+        var response, activitiesLoaded, numOfRecords, remainedActivities, newActivities;
+        var _a, _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    if (!isInitPasscode)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, (0, get_activities_service_1.default)({
+                            limit: const_1.ACTIVITIES_PAGE_SIZE,
+                            transaction_types: slug,
+                        })];
+                case 1:
+                    response = _h.sent();
+                    activitiesLoaded = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.transactions) !== null && _b !== void 0 ? _b : [];
+                    numOfRecords = (_e = (_d = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.paginated) === null || _d === void 0 ? void 0 : _d.number_records) !== null && _e !== void 0 ? _e : 0;
+                    remainedActivities = (_g = (_f = activities === null || activities === void 0 ? void 0 : activities[slug]) === null || _f === void 0 ? void 0 : _f.filter(function (item) {
+                        return !(activitiesLoaded === null || activitiesLoaded === void 0 ? void 0 : activitiesLoaded.some(function (activity) { return item.id === activity.id; }));
+                    })) !== null && _g !== void 0 ? _g : [];
+                    newActivities = (0, sortActivity_1.default)(__spreadArray(__spreadArray([], remainedActivities, true), activitiesLoaded, true));
+                    setActivities(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[slug] = newActivities, _a)));
+                    });
+                    if (newActivities.length >= numOfRecords) {
+                        setLoadOutActivityType(function (prev) {
+                            var _a;
+                            return (__assign(__assign({}, prev), (_a = {}, _a[slug] = true, _a)));
+                        });
+                        return [2 /*return*/];
+                    }
+                    setLoadOutActivityType(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[slug] = false, _a)));
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [isInitPasscode, activities]);
     (0, react_1.useEffect)(function () {
         if (!isInitPasscode)
             return;
@@ -286,6 +328,7 @@ function ActivitiesProvider(_a) {
             activityTypes: activityTypes,
             loadOutActivityType: loadOutActivityType,
             loadActivities: loadActivities,
+            refreshActivities: refreshActivities,
             insertActivities: insertActivities,
         }, children: children }));
 }

package/dist/components/TekWallet/providers/ActivitiesProvider/type.d.ts

@@ -8,6 +8,7 @@ export interface ActivitiesProviderDataType {
     loadActivities: (slug: TransactionSlug) => Promise<void>;
     loadOutActivityType: Partial<Record<TransactionSlug, boolean>>;
     insertActivities: (activity: Transaction) => void;
+    refreshActivities: (slug: TransactionSlug) => Promise<void>;
 }
 export type Activities = Partial<Record<TransactionSlug, Transaction[]>>;
 export interface ActivityTypes extends TransactionType {

package/package.json

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