tek-wallet 0.0.755 → 0.0.757

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

@@ -90,6 +90,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
 var userClientRequest_1 = require("../../services/axios/clients/userClientRequest");
 var getBalanceService_1 = __importDefault(require("../../services/axios/get-balance-service/getBalanceService"));
+var get_balance_analytic_1 = __importDefault(require("../../services/axios/get-balance-analytic"));
+var balance_1 = __importDefault(require("../../store/balance"));
+var user_1 = __importDefault(require("../../store/user"));
 exports.initialWalletDataNoImport = {
     isSSO: true,
     isAuthenticated: false,
@@ -107,6 +110,7 @@ exports.initialWalletDataNoImport = {
     createWallet: function () { return Promise.resolve({}); },
     importWallet: function () { return Promise.resolve({}); },
     getSeedPhrase: function () { return Promise.resolve({}); },
+    updateBalanceAnalytic: function () { return Promise.resolve(null); },
 };
 //
 exports.WalletDataNoImportContext = react_1.default.createContext(exports.initialWalletDataNoImport);
@@ -116,12 +120,42 @@ function WalletDataProviderNoImport(_a) {
     var _b = react_1.default.useState(!!accessToken), isAuthenticated = _b[0], setIsAuthenticated = _b[1];
     var _c = react_1.default.useState(exports.initialWalletDataNoImport.isInitPasscode), isInitPasscode = _c[0], setIsInitPasscode = _c[1];
     var _d = react_1.default.useState(exports.initialWalletDataNoImport.isTokensLoading), isTokensLoading = _d[0], setIsTokensLoading = _d[1];
-    var _e = react_1.default.useState(exports.initialWalletDataNoImport.tokens), tokens = _e[0], setTokens = _e[1];
+    var _e = react_1.default.useState(exports.initialWalletDataNoImport.tokens), tokens = _e[0], setTokensState = _e[1];
     var _f = react_1.default.useState(exports.initialWalletDataNoImport.masterWallet), masterWallet = _f[0], setMasterWallet = _f[1];
     var _g = react_1.default.useState(exports.initialWalletDataNoImport.policyInfo), policyInfo = _g[0], setPolicyInfo = _g[1];
     var _h = react_1.default.useState(exports.initialWalletDataNoImport.blockchainWallets), blockchainWallets = _h[0], setBlockchainWallets = _h[1];
-    var updateWalletDetail = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+    var setBalanceAnalytic = (0, balance_1.default)(function (state) { return state.setAnalytic; });
+    var setTokensStore = (0, balance_1.default)(function (state) { return state.setTokens; });
+    var timeRangeTracking = (0, user_1.default)(function (state) { return state.settings.balance.timeRangeTracking; });
+    var setTokens = (0, react_1.useCallback)(function (tokens) {
+        setTokensState(tokens);
+        setTokensStore(tokens);
+    }, [setTokensState, setTokensStore]);
+    var updateBalanceAnalytic = (0, react_1.useCallback)(function (reportPeriod) { return __awaiter(_this, void 0, void 0, function () {
         var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, get_balance_analytic_1.default)({
+                            report_period: reportPeriod,
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (response === null || response === void 0 ? void 0 : response.success) {
+                        setBalanceAnalytic(response);
+                    }
+                    return [2 /*return*/, response];
+                case 2:
+                    error_1 = _a.sent();
+                    console.error("🚀 ~ updateBalanceAnalytic ~ error:", error_1);
+                    return [2 /*return*/, null];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [setBalanceAnalytic]);
+    var updateWalletDetail = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var response, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -141,16 +175,17 @@ function WalletDataProviderNoImport(_a) {
                     }); }));
                     setPolicyInfo(response === null || response === void 0 ? void 0 : response.policy_info);
                     setIsTokensLoading(false);
+                    updateBalanceAnalytic(timeRangeTracking);
                     return [3 /*break*/, 3];
                 case 2:
-                    error_1 = _a.sent();
-                    console.error("🚀 ~ getBalance ~ error:", error_1);
+                    error_2 = _a.sent();
+                    console.error("🚀 ~ getBalance ~ error:", error_2);
                     setIsTokensLoading(false);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
         });
-    }); }, [isTokensLoading]);
+    }); }, [isTokensLoading, setTokens, updateBalanceAnalytic, timeRangeTracking]);
     react_1.default.useEffect(function () {
         setIsAuthenticated(!!accessToken);
     }, [accessToken]);
@@ -165,6 +200,6 @@ function WalletDataProviderNoImport(_a) {
             setTokens(undefined);
         }
     }, [isAuthenticated]);
-    return ((0, jsx_runtime_1.jsx)(exports.WalletDataNoImportContext.Provider, { value: __assign(__assign({}, exports.initialWalletDataNoImport), { isAuthenticated: isAuthenticated, isInitPasscode: isInitPasscode, tokens: tokens, isTokensLoading: isTokensLoading, masterWallet: masterWallet, blockchainWallets: blockchainWallets, policyInfo: policyInfo, updateWalletDetail: updateWalletDetail }), children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.WalletDataNoImportContext.Provider, { value: __assign(__assign({}, exports.initialWalletDataNoImport), { isAuthenticated: isAuthenticated, isInitPasscode: isInitPasscode, tokens: tokens, isTokensLoading: isTokensLoading, masterWallet: masterWallet, blockchainWallets: blockchainWallets, policyInfo: policyInfo, updateWalletDetail: updateWalletDetail, updateBalanceAnalytic: updateBalanceAnalytic }), children: children }));
 }
 exports.default = WalletDataProviderNoImport;

package/dist/components/TekWallet/services/axios/get-activities-service/index.js

@@ -51,9 +51,6 @@ var getActivitiesServices = function (query) { return __awaiter(void 0, void 0,
                 }
                 return [4 /*yield*/, userClientRequest_1.default.get("/transaction/list", {
                         params: query,
-                        paramsSerializer: {
-                            indexes: null,
-                        },
                     })];
             case 1:
                 response = _a.sent();

package/dist/components/TekWallet/services/axios/get-activities-service/type.d.ts

@@ -1,11 +1,11 @@
 import { Paginated, Currency, NetworkData } from "../type";
 export interface GetActivitiesServiceQuery {
-    page?: number;
-    take?: number;
-    from_date?: string;
-    to_date?: string;
+    limit?: number;
+    last_date_created?: string | null;
     transaction_types?: TransactionSlug;
     transaction_status?: TransactionStatus | TransactionStatus[];
+    from_date?: string;
+    to_date?: string;
 }
 export interface GetActivitiesServiceResponse {
     success: boolean;

package/dist/components/TekWallet/services/axios/get-balance-analytic/index.d.ts

@@ -0,0 +1,3 @@
+import { GetBalanceAnalyticQuery, GetBalanceAnalyticResponse } from "./type";
+declare const getBalanceAnalytic: (query?: GetBalanceAnalyticQuery) => Promise<GetBalanceAnalyticResponse>;
+export default getBalanceAnalytic;

package/dist/components/TekWallet/services/axios/get-balance-analytic/index.js

@@ -0,0 +1,56 @@
+"use strict";
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var userClientRequest_1 = __importDefault(require("../clients/userClientRequest"));
+var getBalanceAnalytic = function (query) { return __awaiter(void 0, void 0, void 0, function () {
+    var response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, userClientRequest_1.default.get("/wallets/user-total-assets", {
+                    params: query,
+                })];
+            case 1:
+                response = _a.sent();
+                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data];
+        }
+    });
+}); };
+exports.default = getBalanceAnalytic;

package/dist/components/TekWallet/services/axios/get-balance-analytic/type.d.ts

@@ -0,0 +1,18 @@
+export interface GetBalanceAnalyticQuery {
+    take?: number;
+    report_period?: string;
+}
+export interface GetBalanceAnalyticResponse {
+    success: boolean;
+    message: string;
+    labels: string[];
+    pnl_percent: number;
+    pnl: number;
+    data: StatisticData[];
+    timestamp: string;
+}
+export interface StatisticData {
+    name?: string;
+    values?: number[];
+    pnl_percent?: number;
+}

package/dist/components/TekWallet/services/axios/get-balance-analytic/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/TekWallet/store/balance/index.d.ts

@@ -0,0 +1,15 @@
+import { BalanceStore } from "./type";
+declare const useBalanceStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<BalanceStore>, "setState" | "persist"> & {
+    setState(partial: BalanceStore | Partial<BalanceStore> | ((state: BalanceStore) => BalanceStore | Partial<BalanceStore>), replace?: false | undefined): unknown;
+    setState(state: BalanceStore | ((state: BalanceStore) => BalanceStore), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<BalanceStore, BalanceStore, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: BalanceStore) => void) => () => void;
+        onFinishHydration: (fn: (state: BalanceStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<BalanceStore, BalanceStore, unknown>>;
+    };
+}>;
+export default useBalanceStore;

package/dist/components/TekWallet/store/balance/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var zustand_1 = require("zustand");
+var middleware_1 = require("zustand/middleware");
+var createStorage_1 = __importDefault(require("../createStorage"));
+var app_config_1 = require("../../const/app.config");
+var storage = (0, createStorage_1.default)();
+var useBalanceStore = (0, zustand_1.create)()((0, middleware_1.persist)(function (set) { return ({
+    analytic: undefined,
+    setAnalytic: function (analytic) { return set({ analytic: analytic }); },
+    tokens: undefined,
+    setTokens: function (tokens) {
+        var totalBalanceInUSD = tokens === null || tokens === void 0 ? void 0 : tokens.reduce(function (acc, token) { return acc + Number(token.total_value) * Number(token.usd_rate); }, 0);
+        set({ tokens: tokens, totalBalanceInUSD: totalBalanceInUSD });
+    },
+    totalBalanceInUSD: undefined,
+}); }, {
+    name: "".concat(app_config_1.APP_NAME, "_balance"),
+    storage: storage,
+}));
+exports.default = useBalanceStore;

package/dist/components/TekWallet/store/balance/type.d.ts

@@ -0,0 +1,9 @@
+import { GetBalanceAnalyticResponse } from "../../services/axios/get-balance-analytic/type";
+import { Balance } from "../../types/expose-type";
+export interface BalanceStore {
+    analytic?: GetBalanceAnalyticResponse;
+    setAnalytic: (analytic: GetBalanceAnalyticResponse) => void;
+    tokens?: Balance[];
+    setTokens: (tokens?: Balance[]) => void;
+    totalBalanceInUSD?: number;
+}

package/dist/components/TekWallet/store/balance/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/TekWallet/store/createStorage.d.ts

@@ -0,0 +1,3 @@
+import { PersistStorage } from "zustand/middleware";
+declare const createStorage: <T>() => PersistStorage<T>;
+export default createStorage;

package/dist/components/TekWallet/store/createStorage.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var createStorage = function () {
+    return ({
+        getItem: function (name) {
+            var str = localStorage.getItem(name);
+            if (!str)
+                return null;
+            return JSON.parse(str);
+        },
+        setItem: function (name, value) {
+            localStorage.setItem(name, JSON.stringify(value));
+        },
+        removeItem: function (name) { return localStorage.removeItem(name); },
+    });
+};
+exports.default = createStorage;

package/dist/components/TekWallet/store/user/index.d.ts

@@ -0,0 +1,15 @@
+import { UserStore } from "./type";
+declare const useUserStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<UserStore>, "setState" | "persist"> & {
+    setState(partial: UserStore | Partial<UserStore> | ((state: UserStore) => UserStore | Partial<UserStore>), replace?: false | undefined): unknown;
+    setState(state: UserStore | ((state: UserStore) => UserStore), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<UserStore, UserStore, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: UserStore) => void) => () => void;
+        onFinishHydration: (fn: (state: UserStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<UserStore, UserStore, unknown>>;
+    };
+}>;
+export default useUserStore;

package/dist/components/TekWallet/store/user/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var zustand_1 = require("zustand");
+var middleware_1 = require("zustand/middleware");
+var createStorage_1 = __importDefault(require("../createStorage"));
+var app_config_1 = require("../../const/app.config");
+var TimeFilter_1 = require("../../components/ui/TimeFilter");
+var storage = (0, createStorage_1.default)();
+var useUserStore = (0, zustand_1.create)()((0, middleware_1.persist)(function (set) { return ({
+    userInfo: undefined,
+    setUserInfo: function (userInfo) { return set({ userInfo: userInfo }); },
+    settings: {
+        balance: {
+            isShowBalance: false,
+            hideSmallAssets: false,
+            timeRangeTracking: TimeFilter_1.TimeFilterType.SEVEN_DAYS,
+        },
+        sounds: {
+            generalVolume: 0.5,
+            sounds: {},
+        },
+    },
+    setSettings: function (settings) { return set({ settings: settings }); },
+    setTimeRangeTracking: function (timeRangeTracking) {
+        return set(function (state) { return ({
+            settings: __assign(__assign({}, state.settings), { balance: __assign(__assign({}, state.settings.balance), { timeRangeTracking: timeRangeTracking }) }),
+        }); });
+    },
+    toggleShowBalance: function () {
+        return set(function (state) { return ({
+            settings: __assign(__assign({}, state.settings), { balance: __assign(__assign({}, state.settings.balance), { isShowBalance: !state.settings.balance.isShowBalance }) }),
+        }); });
+    },
+}); }, {
+    name: "".concat(app_config_1.APP_NAME, "_user"),
+    storage: storage,
+}));
+exports.default = useUserStore;

package/dist/components/TekWallet/store/user/type.d.ts

@@ -0,0 +1,38 @@
+import { TimeFilterType } from "../../components/ui/TimeFilter";
+export interface UserStore {
+    userInfo?: UserInfo;
+    setUserInfo: (userInfo: UserInfo) => void;
+    settings: UserSettings;
+    setSettings: (settings: UserSettings) => void;
+    toggleShowBalance: () => void;
+    setTimeRangeTracking: (timeRangeTracking: TimeFilterType) => void;
+}
+export type UserInfo = {
+    id: string;
+    name: string;
+    email: string;
+};
+export type UserSettings = {
+    balance: BalanceSetting;
+    sounds: SoundSetting;
+};
+export interface BalanceSetting {
+    isShowBalance: boolean;
+    hideSmallAssets: boolean;
+    timeRangeTracking: TimeFilterType;
+}
+export interface SoundSetting {
+    generalVolume: number;
+    sounds: Partial<Record<SoundTypes, Sound>>;
+}
+export interface Sound {
+    type: SoundTypes;
+    name: string;
+    url: string;
+    volume: number;
+}
+export declare enum SoundTypes {
+    CLICK = "click",
+    NOTIFICATION = "notification",
+    MESSAGE = "message"
+}

package/dist/components/TekWallet/store/user/type.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SoundTypes = void 0;
+var SoundTypes;
+(function (SoundTypes) {
+    SoundTypes["CLICK"] = "click";
+    SoundTypes["NOTIFICATION"] = "notification";
+    SoundTypes["MESSAGE"] = "message";
+})(SoundTypes || (exports.SoundTypes = SoundTypes = {}));

package/dist/components/TekWallet/types/expose-type.d.ts

@@ -1,8 +1,10 @@
+import { TimeFilterType } from "../components/ui/TimeFilter";
 import { ActivitiesProviderDataType } from "../providers/ActivitiesProvider/type";
 import { LockTokensProviderDataType } from "../providers/LockTokenProvider/type";
 import { RealtimeProviderDataType } from "../providers/RealtimeProvider/type";
 import { SwapProviderDataType } from "../providers/SwapProvider/type";
 import { PolicyInfoType } from "../services/axios/authentication-by-passcode-service/type";
+import { GetBalanceAnalyticResponse } from "../services/axios/get-balance-analytic/type";
 import { TransferInternalCurrency } from "../services/axios/get-send-tokens-list-service/type";
 import { WithdrawCurrency } from "../services/axios/get-withdraw-tokens-list-service/type";
 import { Currency, NetworkData, Paginated } from "../services/axios/type";
@@ -75,6 +77,7 @@ export interface WalletProviderDataType {
     policyInfo?: PolicyInfoType | undefined;
     updateLogin: () => void;
     updateWalletDetail: () => void;
+    updateBalanceAnalytic: (reportPeriod?: TimeFilterType) => Promise<GetBalanceAnalyticResponse | null>;
     disconnect: () => void;
     createWallet: (body: CreateWalletServiceBody, onStart?: () => void, onSuccess?: (data?: CreateWalletServiceResponse) => void, onError?: (error?: Error) => void) => Promise<CreateWalletServiceResponse>;
     importWallet: (body: ImportWalletServiceBody, onStart?: () => void, onSuccess?: (data?: ImportWalletServiceResponse) => void, onError?: (error?: Error) => void) => Promise<ImportWalletServiceResponse>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.755",
+  "version": "0.0.757",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -63,7 +63,8 @@
     "ton-crypto": "^3.2.0",
     "usehooks-ts": "^3.1.1",
     "uuid": "^11.1.0",
-    "xhub-keyboard": "^0.0.23"
+    "xhub-keyboard": "^0.0.23",
+    "zustand": "^5.0.8"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

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

@@ -1,12 +0,0 @@
-import { GeneralProps, UnknownFunction } from "../../../types/ui";
-interface ActivitiesProps extends GeneralProps {
-    onClose?: UnknownFunction;
-    onOpen?: UnknownFunction;
-}
-export type ActivitiesRef = {
-    open: () => void;
-    close: () => void;
-    openTab: (index: number) => void;
-};
-export declare const Activities: import("react").ForwardRefExoticComponent<ActivitiesProps & import("react").RefAttributes<ActivitiesRef>>;
-export default Activities;

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

@@ -1,117 +0,0 @@
-"use strict";
-"use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Activities = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var RequireConnect_1 = __importDefault(require("../RequireConnect"));
-var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
-var PageHeader_1 = __importDefault(require("../PageHeader"));
-var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
-var useActivities_1 = __importDefault(require("../../../hooks/useActivities"));
-var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
-var react_2 = require("swiper/react");
-var ActivitiesTypeSlice_1 = __importDefault(require("../ActivitiesTypeSlice"));
-exports.Activities = (0, react_1.forwardRef)(function (props, ref) {
-    var drawerRef = (0, react_1.useRef)(null);
-    var theme = (0, ThemeProvider_1.useTheme)();
-    var swiperRef = (0, react_1.useRef)(null);
-    var activityTypes = (0, useActivities_1.default)().activityTypes;
-    var _a = (0, react_1.useState)(0), activeTab = _a[0], setActiveTab = _a[1];
-    var open = function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
-    };
-    var close = function () {
-        var _a;
-        (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-    };
-    var openTab = function (index) {
-        var _a;
-        open();
-        if (!swiperRef.current)
-            return;
-        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(index);
-    };
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        open: open,
-        close: close,
-        openTab: openTab,
-    }); });
-    var handleOnClose = function () {
-        var _a;
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    var handleBack = function () {
-        close();
-        handleOnClose();
-    };
-    var handleSlideChange = function (index) {
-        setActiveTab(index);
-    };
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { disableSwipe: true, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Activities", overrideBack: handleBack }), children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { ref: swiperRef, tabParamName: "activity-tab", swiperProps: {
-                        slidesPerView: 1,
-                        spaceBetween: 40,
-                    }, onTabChange: handleSlideChange, tabs: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
-                        return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: type.name, value: index, "data-index": index, sx: {
-                                padding: "".concat(theme.mixins.customPadding.p8, " ").concat(theme.mixins.customPadding.p16),
-                                minHeight: "unset",
-                                minWidth: "unset",
-                                textTransform: "capitalize",
-                                color: theme.palette.text.white64,
-                                transition: "all 0.3s linear",
-                                borderColor: "currentcolor",
-                                "&.Mui-selected": {
-                                    color: theme.palette.text.white,
-                                },
-                            } }, index));
-                    }), sx: {
-                        height: "100%",
-                    }, swiperStyle: {
-                        flex: 1,
-                    }, 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: (0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { type: type, isActive: activeTab === index }) }, index));
-                    }) }) }) }) }));
-});
-exports.Activities.displayName = "Activities";
-exports.default = exports.Activities;