tek-wallet 0.0.760 → 0.0.762

package/dist/components/TekWallet/components/views/TekWalletView/index.d.ts

@@ -1,10 +1,14 @@
-export interface TekWalletViewProps {
+export declare enum TekWalletViewRoutes {
+    SEND_INTERNAL = "/send/internal",
+    SEND_EXTERNAL = "/send/external",
+    SWAP = "/swap",
+    ASSET = "/",
+    NOT_FOUND = "/not-found",
+    ACTIVITY = "/activity",
+    SETTING = "/setting"
 }
-export interface TekWalletViewOptions {
-    hideActivitySectionInAssetView?: boolean;
-    useBasicAmountGroupInAssetView?: boolean;
+export interface TekWalletViewProps {
 }
 export interface TekWalletViewProps {
-    options?: TekWalletViewOptions;
 }
-export declare function TekWalletView(props: TekWalletViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TekWalletView(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,60 @@
 "use strict";
 "use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TekWalletViewRoutes = void 0;
 exports.TekWalletView = TekWalletView;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var navigation_1 = require("next/navigation");
 var react_1 = require("react");
-var routes_1 = require("./routes");
-function TekWalletView(props) {
-    var options = props.options;
+var NotFoundView_1 = __importDefault(require("../NotFoundView"));
+var SendInternalView_1 = __importDefault(require("../SendInternalView"));
+var SendExternalView_1 = __importDefault(require("../SendExternalView"));
+var SwapView_1 = __importDefault(require("../SwapView"));
+var AssetView_1 = __importDefault(require("../AssetView"));
+var DetailActivityView_1 = __importDefault(require("../DetailActivityView"));
+var ActivityView_1 = __importDefault(require("../ActivityView"));
+var SettingView_1 = __importDefault(require("../SettingView"));
+var TekWalletViewRoutes;
+(function (TekWalletViewRoutes) {
+    TekWalletViewRoutes["SEND_INTERNAL"] = "/send/internal";
+    TekWalletViewRoutes["SEND_EXTERNAL"] = "/send/external";
+    TekWalletViewRoutes["SWAP"] = "/swap";
+    TekWalletViewRoutes["ASSET"] = "/";
+    TekWalletViewRoutes["NOT_FOUND"] = "/not-found";
+    TekWalletViewRoutes["ACTIVITY"] = "/activity";
+    TekWalletViewRoutes["SETTING"] = "/setting";
+})(TekWalletViewRoutes || (exports.TekWalletViewRoutes = TekWalletViewRoutes = {}));
+function TekWalletView() {
+    var _a, _b, _c, _d;
     var pathname = (0, navigation_1.useParams)().pathname;
     var pathnameArray = (0, react_1.useMemo)(function () { return (typeof pathname === "string" ? [pathname] : pathname); }, [pathname]);
     var pathnameFull = (0, react_1.useMemo)(function () { return pathnameArray === null || pathnameArray === void 0 ? void 0 : pathnameArray.join("/"); }, [pathnameArray]);
     console.warn("🚀 ~ TekWalletView ~ pathnameFull:", pathname, pathnameFull);
-    var View = (0, react_1.useMemo)(function () { return (pathname === undefined ? (0, routes_1.getView)("/") : (0, routes_1.getView)("/".concat(pathnameFull))); }, [pathnameFull, pathname]);
-    return (0, jsx_runtime_1.jsx)(View, { options: options });
+    var path = (0, react_1.useMemo)(function () { return (pathname === undefined ? "/" : "/".concat(pathnameFull)); }, [pathnameFull, pathname]);
+    if (path.startsWith(TekWalletViewRoutes.SEND_INTERNAL)) {
+        return (0, jsx_runtime_1.jsx)(SendInternalView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.SEND_EXTERNAL)) {
+        return (0, jsx_runtime_1.jsx)(SendExternalView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.SWAP)) {
+        return (0, jsx_runtime_1.jsx)(SwapView_1.default, {});
+    }
+    if (path === TekWalletViewRoutes.ASSET) {
+        return (0, jsx_runtime_1.jsx)(AssetView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.ACTIVITY) &&
+        ((_b = (_a = path === null || path === void 0 ? void 0 : path.split("/")) === null || _a === void 0 ? void 0 : _a.filter(Boolean)) === null || _b === void 0 ? void 0 : _b.length) > 1) {
+        return (0, jsx_runtime_1.jsx)(DetailActivityView_1.default, { id: (_d = (_c = path === null || path === void 0 ? void 0 : path.split("/")) === null || _c === void 0 ? void 0 : _c.filter(Boolean)) === null || _d === void 0 ? void 0 : _d[1] });
+    }
+    if (path.startsWith(TekWalletViewRoutes.ACTIVITY)) {
+        return (0, jsx_runtime_1.jsx)(ActivityView_1.default, {});
+    }
+    if (path.startsWith(TekWalletViewRoutes.SETTING)) {
+        return (0, jsx_runtime_1.jsx)(SettingView_1.default, {});
+    }
+    return (0, jsx_runtime_1.jsx)(NotFoundView_1.default, {});
 }

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

@@ -1,5 +1,16 @@
 "use strict";
 "use client";
+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 };
 };
@@ -9,9 +20,17 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var useEventHandler_1 = require("../../hooks/useEventHandler");
 var useRealtime_1 = __importDefault(require("../../hooks/useRealtime"));
+var TekWalletProvider_1 = require("../TekWalletProvider");
+var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
+var type_1 = require("../../services/axios/get-activities-service/type");
 function EventHandlerProvider(props) {
     var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
+    var router = (0, useCustomRouter_1.default)();
+    var options = (0, TekWalletProvider_1.useWalletConfig)().options;
+    (0, react_1.useEffect)(function () {
+        router.prefetch("".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/activities/abc"));
+    }, [router, options === null || options === void 0 ? void 0 : options.basePath]);
     (0, react_1.useEffect)(function () {
         var _a;
         if (!transactionHandler || !transaction)
@@ -21,8 +40,13 @@ function EventHandlerProvider(props) {
             if ((_a = theMessage.id) === null || _a === void 0 ? void 0 : _a.includes("processing")) {
                 return;
             }
-            console.warn("🚀 ~ EventHandlerProvider ~ theMessage:", theMessage);
-            pushNotification(theMessage);
+            var onClickNotification = function () {
+                if (transaction.status !== type_1.TransactionStatus.Success)
+                    return;
+                router.push("".concat(options === null || options === void 0 ? void 0 : options.basePath, "/tek-wallet/activities/").concat(transaction.id));
+            };
+            console.warn("🚀 ~ EventHandlerProvider ~ theMessage:", transaction, theMessage);
+            pushNotification(__assign(__assign({}, theMessage), { onClick: onClickNotification }));
         }
     }, [transaction]);
     (0, react_1.useEffect)(function () {

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

@@ -66,6 +66,7 @@ var ably_service_1 = require("../../services/ably/ably.service");
 var material_1 = require("@mui/material");
 var notistack_1 = require("notistack");
 var ThemeProvider_1 = require("../ThemeProvider");
+var CloseModal_1 = __importDefault(require("../../components/ui/CloseModal"));
 exports.initialRealtime = {
     transaction: undefined,
     walletHandlerInfo: undefined,
@@ -128,16 +129,43 @@ function RealtimeProvider(_a) {
                             horizontal: (_e = (_d = notification === null || notification === void 0 ? void 0 : notification.anchorOrigin) === null || _d === void 0 ? void 0 : _d.horizontal) !== null && _e !== void 0 ? _e : "right",
                         }, onClose: function () {
                             closeNotification(notification.id);
-                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 5000, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { icon: false, severity: notification.type, sx: {
-                                width: "fit-content",
-                                borderRadius: theme.mixins.customRadius.r6,
+                        }, slots: { transition: GrowTransition }, autoHideDuration: (_f = notification.duration) !== null && _f !== void 0 ? _f : 5000, children: (0, jsx_runtime_1.jsxs)(material_1.Alert, { onClick: notification.onClick, icon: false, severity: notification.type, sx: {
+                                width: "100%",
+                                maxWidth: "calc(100vw - 2rem)",
+                                borderRadius: theme.mixins.customRadius.r12,
                                 mx: "auto",
                                 padding: "".concat(theme.mixins.customPadding.p0, " ").concat(theme.mixins.customPadding.p12),
                                 fontSize: theme.typography.fontSize14,
+                                position: "relative",
+                                transform: "translateY(0.5rem) !important",
+                                backgroundColor: theme.palette.background.white24,
+                                color: theme.palette.text.black,
+                                backdropFilter: "blur(24px)",
+                                border: "1px solid ".concat(theme.palette.border.accent3),
+                                boxShadow: "1px 1px 10px 1px rgba(0, 0, 0, 0.07)",
                                 "& .MuiAlert-message": {
-                                    padding: "".concat(theme.mixins.customPadding.p6, " ").concat(theme.mixins.customPadding.p0),
+                                    padding: "".concat(theme.mixins.customPadding.p12, " ").concat(theme.mixins.customPadding.p8),
                                 },
-                            }, children: notification.message }) }, notification.id));
+                            }, children: [notification.message, " ", (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                        color: "inherit",
+                                        position: "absolute",
+                                        right: 0,
+                                        bottom: 0,
+                                        aspectRatio: "1/1",
+                                        boxShadow: "1px 1px 10px 1px rgba(0, 0, 0, 0.07)",
+                                        backgroundColor: theme.palette.background.white,
+                                        border: "1px solid ".concat(theme.palette.border.accent),
+                                        padding: theme.mixins.customPadding.p6,
+                                        borderRadius: "999px",
+                                        transform: "translate(30%, 30%)",
+                                    }, onClick: function (e) {
+                                        e.stopPropagation();
+                                        closeNotification(notification.id);
+                                    }, children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: {
+                                            width: "0.625rem",
+                                            height: "0.625rem",
+                                            display: "block",
+                                        } }) })] }) }, notification.id));
                 }) }))] }));
 }
 exports.default = RealtimeProvider;

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

@@ -15,4 +15,5 @@ export interface NotificationType {
         horizontal: "left" | "center" | "right";
     };
     open?: boolean;
+    onClick?: () => void;
 }

package/dist/components/TekWallet/providers/TekWalletProvider/index.d.ts

@@ -1,8 +1,10 @@
 import { ReactNode } from "react";
 export interface Options {
+    basePath?: string;
     hideDefaultActivities?: boolean;
     useDefaultToastMessage?: boolean;
-    basePath?: string;
+    hideActivitySectionInAssetView?: boolean;
+    useBasicAmountGroupInAssetView?: boolean;
 }
 export interface TekWalletProviderProps {
     children: ReactNode;

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

@@ -168,6 +168,8 @@ function WalletDataProvider(props) {
                     setBlockchainWallets(response === null || response === void 0 ? void 0 : response.blockchain_wallets.map(function (item) { return ({
                         blockchainAddress: item.blockchain_address,
                         networkSlug: item.network_slug,
+                        networkName: item.network_name,
+                        networkIcon: item.network_icon,
                     }); }));
                     setIsTokensLoading(false);
                     return [3 /*break*/, 3];

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

@@ -172,6 +172,8 @@ function WalletDataProviderNoImport(_a) {
                     setBlockchainWallets(response === null || response === void 0 ? void 0 : response.blockchain_wallets.map(function (item) { return ({
                         blockchainAddress: item.blockchain_address,
                         networkSlug: item.network_slug,
+                        networkName: item.network_name,
+                        networkIcon: item.network_icon,
                     }); }));
                     setPolicyInfo(response === null || response === void 0 ? void 0 : response.policy_info);
                     setIsTokensLoading(false);

package/dist/components/TekWallet/theme/mui/deposit-fiat-theme/components.js

@@ -75,14 +75,14 @@ exports.components = {
                 props: { loading: true, color: "primary" },
                 style: function () { return ({
                     background: "linear-gradient(0deg, rgba(30, 72, 65, 0.20) 0%, rgba(30, 72, 65, 0.20) 100%), #FFF !important",
-                    color: "#1C461D80 !important",
+                    color: "#044C2F80 !important",
                 }); },
             },
             {
                 props: { loading: true, color: "secondary" },
                 style: function () { return ({
                     background: "linear-gradient(0deg, rgba(197, 233, 159, 0.20) 0%, rgba(197, 233, 159, 0.20) 100%), #FFF !important",
-                    color: "#1C461D80 !important",
+                    color: "#044C2F80 !important",
                 }); },
             },
             {
@@ -110,7 +110,7 @@ exports.components = {
                 style: function () { return ({
                     color: "transparent !important",
                     "& .MuiCircularProgress-circle": {
-                        stroke: "#1C461D80",
+                        stroke: "#044C2F80",
                     },
                 }); },
             },

package/dist/components/TekWallet/theme/mui/deposit-fiat-theme/palette.js

@@ -4,12 +4,12 @@ exports.palette = void 0;
 require("@mui/material/styles");
 exports.palette = {
     primary: {
-        main: "#1C461D",
+        main: "#044C2F",
         contrastText: "#BBF49C",
     },
     secondary: {
         main: "#BBF49C",
-        contrastText: "#1C461D",
+        contrastText: "#044C2F",
     },
     tertiary: {
         main: "#ECF4E9",
@@ -19,7 +19,7 @@ exports.palette = {
     },
     negative: {
         main: "#FFFFFF",
-        contrastText: "#1C461D",
+        contrastText: "#044C2F",
     },
     accent: {
         main: "#A3A3A3",

package/dist/components/TekWallet/theme/mui/theme.js

@@ -37,8 +37,8 @@ var background = {
     black64: "rgba(0, 0, 0, 0.64)",
     black24: "rgba(0, 0, 0, 0.24)",
     black16: "rgba(0, 0, 0, 0.16)",
-    primary: "#1C461D",
-    primary16: "#1C461D29",
+    primary: "#044C2F",
+    primary16: "#044C2F29",
     secondary: "#C5E99F",
     secondary16: "#C5E99F29",
     error: "#FF434E",
@@ -50,7 +50,7 @@ var background = {
     errorStatus: "#FF434E",
 };
 var border = {
-    primary: "#1C461D",
+    primary: "#044C2F",
     white: "#ffffff",
     white64: "rgba(255, 255, 255, 0.64)",
     white24: "rgba(255, 255, 255, 0.24)",
@@ -79,7 +79,7 @@ var text = {
     black64: "rgba(0, 0, 0, 0.64)",
     black24: "rgba(0, 0, 0, 0.24)",
     blackContrast: "#121212",
-    primary: "#1C461D",
+    primary: "#044C2F",
     secondary: "#C5E99F",
     accent: "#A3A3A3",
     accent2: "#6B7271",
@@ -185,7 +185,7 @@ var zIndex = {
 var theme = {
     palette: {
         primary: {
-            main: "#1C461D",
+            main: "#044C2F",
             contrastText: "#000000",
         },
         secondary: {

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

@@ -143,10 +143,14 @@ export interface BlockchainWallet {
     master_address: string;
     blockchain_address: string;
     network_slug: string;
+    network_name: string;
+    network_icon: string;
 }
 export interface BlockchainWalletType {
     blockchainAddress: string;
     networkSlug: string;
+    networkName: string;
+    networkIcon: string;
 }
 export interface Balance {
     id: string;

package/dist/components/TekWallet/utils/stopPropagation.d.ts

@@ -0,0 +1,2 @@
+import { ReactEventHandler } from "react";
+export declare const stopPropagation: ReactEventHandler;

package/dist/components/TekWallet/utils/stopPropagation.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stopPropagation = void 0;
+var stopPropagation = function (e) {
+    e.stopPropagation();
+};
+exports.stopPropagation = stopPropagation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.760",
+  "version": "0.0.762",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -47,6 +47,7 @@
     "html-to-image": "^1.11.13",
     "jsonwebtoken": "^9.0.2",
     "lodash": "^4.17.21",
+    "lottie-react": "^2.4.1",
     "next": "^15.2.4",
     "notistack": "^3.0.2",
     "qrcode.react": "^4.2.0",

package/dist/components/TekWallet/components/views/TekWalletView/routes.d.ts

@@ -1,10 +0,0 @@
-export declare enum TekWalletViewRoutes {
-    SEND_INTERNAL = "/send/internal",
-    SEND_EXTERNAL = "/send/external",
-    SWAP = "/swap",
-    ASSET = "/",
-    NOT_FOUND = "/not-found",
-    ACTIVITY = "/activity",
-    SETTING = "/setting"
-}
-export declare const getView: (path: string) => any;

package/dist/components/TekWallet/components/views/TekWalletView/routes.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getView = exports.TekWalletViewRoutes = void 0;
-var ActivityView_1 = __importDefault(require("../ActivityView"));
-var AssetView_1 = __importDefault(require("../AssetView"));
-var NotFoundView_1 = __importDefault(require("../NotFoundView"));
-var SendExternalView_1 = __importDefault(require("../SendExternalView"));
-var SendInternalView_1 = require("../SendInternalView");
-var SettingView_1 = require("../SettingView");
-var SwapView_1 = require("../SwapView");
-var TekWalletViewRoutes;
-(function (TekWalletViewRoutes) {
-    TekWalletViewRoutes["SEND_INTERNAL"] = "/send/internal";
-    TekWalletViewRoutes["SEND_EXTERNAL"] = "/send/external";
-    TekWalletViewRoutes["SWAP"] = "/swap";
-    TekWalletViewRoutes["ASSET"] = "/";
-    TekWalletViewRoutes["NOT_FOUND"] = "/not-found";
-    TekWalletViewRoutes["ACTIVITY"] = "/activity";
-    TekWalletViewRoutes["SETTING"] = "/setting";
-})(TekWalletViewRoutes || (exports.TekWalletViewRoutes = TekWalletViewRoutes = {}));
-var getView = function (path) {
-    if (path.startsWith(TekWalletViewRoutes.SEND_INTERNAL)) {
-        return SendInternalView_1.SendInternalView;
-    }
-    if (path.startsWith(TekWalletViewRoutes.SEND_EXTERNAL)) {
-        return SendExternalView_1.default;
-    }
-    if (path.startsWith(TekWalletViewRoutes.SWAP)) {
-        return SwapView_1.SwapView;
-    }
-    if (path === TekWalletViewRoutes.ASSET) {
-        return AssetView_1.default;
-    }
-    if (path.startsWith(TekWalletViewRoutes.ACTIVITY)) {
-        return ActivityView_1.default;
-    }
-    if (path.startsWith(TekWalletViewRoutes.SETTING)) {
-        return SettingView_1.SettingView;
-    }
-    return NotFoundView_1.default;
-};
-exports.getView = getView;