tek-wallet 0.0.829 → 0.0.831

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

@@ -23,6 +23,7 @@ export * from "./views/SwapView";
 export * from "./views/ActivityView";
 export * from "./views/DetailActivityView";
 export * from "./views/SettingView";
+export * from "./views/SendNftView";
 export * from "./ui/ReceiveFunction";
 export * from "./ui/ReceiveDirectly";
 export * from "./ui/TokensBoard";

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

@@ -39,6 +39,7 @@ __exportStar(require("./views/SwapView"), exports);
 __exportStar(require("./views/ActivityView"), exports);
 __exportStar(require("./views/DetailActivityView"), exports);
 __exportStar(require("./views/SettingView"), exports);
+__exportStar(require("./views/SendNftView"), exports);
 __exportStar(require("./ui/ReceiveFunction"), exports);
 __exportStar(require("./ui/ReceiveDirectly"), exports);
 __exportStar(require("./ui/TokensBoard"), exports);

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

@@ -11,6 +11,7 @@ var SwiperControlled_1 = __importDefault(require("../SwiperControlled"));
 var react_1 = require("swiper/react");
 var TokensBoard_1 = __importDefault(require("../TokensBoard"));
 var NftsBoard_1 = __importDefault(require("../NftsBoard"));
+var react_2 = require("react");
 var ASSETS_TABS = [
     {
         name: "Tokens",
@@ -23,12 +24,14 @@ var ASSETS_TABS = [
 ];
 var AssetsBoard = function () {
     var theme = (0, mui_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { swiperProps: {
+    var swiperRef = (0, react_2.useRef)(null);
+    var _a = (0, react_2.useState)(0), totalNfts = _a[0], setTotalNfts = _a[1];
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
                 slidesPerView: 1,
                 spaceBetween: 40,
                 autoHeight: true,
             }, tabParamName: "assets-tab", tabs: ASSETS_TABS === null || ASSETS_TABS === void 0 ? void 0 : ASSETS_TABS.map(function (type, index) {
-                return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: type.name, value: index, "data-index": index, sx: {
+                return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: "".concat(type.name).concat(type.value === "nfts" ? " (".concat(totalNfts, ")") : ""), value: index, "data-index": index, sx: {
                         padding: "".concat(theme.styleMixins.customPadding.p8, " ").concat(theme.styleMixins.customPadding.p16),
                         minHeight: "unset",
                         minWidth: "unset",
@@ -54,7 +57,11 @@ var AssetsBoard = function () {
             }, children: ASSETS_TABS === null || ASSETS_TABS === void 0 ? void 0 : ASSETS_TABS.map(function (type, index) {
                 return ((0, jsx_runtime_1.jsxs)(react_1.SwiperSlide, { style: {
                         position: "relative",
-                    }, children: [type.value === "tokens" && (0, jsx_runtime_1.jsx)(TokensBoard_1.default, {}), type.value === "nfts" && (0, jsx_runtime_1.jsx)(NftsBoard_1.default, {})] }, index));
+                    }, children: [type.value === "tokens" && ((0, jsx_runtime_1.jsx)(TokensBoard_1.default, { onDataChanged: function () { var _a; return (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.update(); } })), type.value === "nfts" && ((0, jsx_runtime_1.jsx)(NftsBoard_1.default, { onDataChanged: function (nfts) {
+                                var _a;
+                                setTotalNfts((nfts === null || nfts === void 0 ? void 0 : nfts.length) || 0);
+                                (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.update();
+                            } }))] }, index));
             }) }) }));
 };
 exports.AssetsBoard = AssetsBoard;

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

@@ -152,7 +152,7 @@ var ConfirmSendExternal = function (_a) {
     (0, react_1.useEffect)(function () {
         if (transaction &&
             transaction.id === thisTransactionId.current &&
-            transaction.status !== type_1.TransactionStatus.Processing) {
+            transaction.transaction_status !== type_1.TransactionStatus.Processing) {
             setResponse(transaction);
         }
     }, [transaction]);

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

@@ -42,6 +42,6 @@ function NftDetail(props) {
                             alignItems: "center",
                             mt: "auto",
                             gap: theme.styleMixins.gaps.g4,
-                        }, children: (voucher === null || voucher === void 0 ? void 0 : voucher.expire) && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityDescription), { textTransform: "none", py: 1, px: 2, borderRadius: Infinity, color: theme.palette.tertiary.main, backgroundColor: "color-mix(in srgb, currentcolor 10%, transparent)", fontSize: theme.typography.fontSize13 }), children: ["Exp ", (0, formatDate_1.default)(voucher === null || voucher === void 0 ? void 0 : voucher.expire)] })) })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { sx: { mt: "auto" }, onClick: handleClickButton, loading: isMinting, fullWidth: true, children: buttonLabel })] })));
+                        }, children: (voucher === null || voucher === void 0 ? void 0 : voucher.expire) && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.styleMixins.activityDescription), { textTransform: "none", py: 1, px: 2, borderRadius: Infinity, color: theme.palette.tertiary.main, backgroundColor: "color-mix(in srgb, currentcolor 10%, transparent)", fontSize: theme.typography.fontSize13 }), children: ["Exp ", (0, formatDate_1.default)(voucher === null || voucher === void 0 ? void 0 : voucher.expire, true)] })) })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { sx: { mt: "auto" }, onClick: handleClickButton, loading: isMinting, fullWidth: true, children: buttonLabel })] })));
 }
 exports.default = NftDetail;

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

@@ -1,2 +1,6 @@
-export declare const NftsBoard: () => import("react/jsx-runtime").JSX.Element;
+import { Nft } from "../../../hooks/data/useNfts/service.type";
+export interface NftsBoardProps {
+    onDataChanged: (nfts?: Nft[]) => void;
+}
+export declare const NftsBoard: (props: NftsBoardProps) => import("react/jsx-runtime").JSX.Element;
 export default NftsBoard;

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

@@ -63,7 +63,8 @@ var react_1 = require("react");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
 var NftDetailView_1 = __importDefault(require("../../views/NftDetailView"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
-var NftsBoard = function () {
+var NftsBoard = function (props) {
+    var onDataChanged = props.onDataChanged;
     var searchParams = (0, navigation_1.useSearchParams)();
     var pathname = (0, navigation_1.usePathname)();
     var detailNftId = searchParams.get("detail") || undefined;
@@ -71,6 +72,9 @@ var NftsBoard = function () {
     var theme = (0, mui_1.useTheme)();
     var router = (0, useCustomRouter_1.default)();
     var _a = (0, useNfts_1.default)(), nfts = _a.nfts, isLoadingNfts = _a.isLoading, hasNextPageNfts = _a.hasNextPage, fetchNextPageNfts = _a.fetchNextPage, refetchNfts = _a.refetch;
+    (0, react_1.useEffect)(function () {
+        onDataChanged === null || onDataChanged === void 0 ? void 0 : onDataChanged(nfts);
+    }, [nfts, onDataChanged]);
     var isEmpty = nfts && nfts.length === 0;
     var openDetailNft = (0, react_1.useCallback)(function () {
         var _a;

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

@@ -1,2 +1,6 @@
-export declare const TokensBoard: () => import("react/jsx-runtime").JSX.Element;
+import { Balance } from "../../../types/expose-type";
+export interface TokensBoardProps {
+    onDataChanged: (tokens?: Balance[]) => void;
+}
+export declare const TokensBoard: (props: TokensBoardProps) => import("react/jsx-runtime").JSX.Element;
 export default TokensBoard;

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

@@ -22,9 +22,14 @@ var TokenItem_1 = __importDefault(require("../TokenItem"));
 var material_1 = require("@mui/material");
 var mui_1 = require("../../../theme/mui");
 var WaitingData_1 = __importDefault(require("../WaitingData"));
-var TokensBoard = function () {
+var react_1 = require("react");
+var TokensBoard = function (props) {
+    var onDataChanged = props.onDataChanged;
     var tokens = (0, useWalletData_1.default)().tokens;
     var theme = (0, mui_1.useTheme)();
+    (0, react_1.useEffect)(function () {
+        onDataChanged === null || onDataChanged === void 0 ? void 0 : onDataChanged(tokens);
+    }, [tokens, onDataChanged]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12, mt: theme.styleMixins.customMargin.m8, pt: theme.styleMixins.customPadding.p8, minHeight: !tokens ? "20rem" : "unset" }), children: [!!tokens && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "grid",
                     gridTemplateColumns: "1fr auto",

package/dist/components/TekWallet/components/views/AssetView/LoadingView.d.ts

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

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

@@ -0,0 +1,55 @@
+"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 jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var mui_1 = require("../../../theme/mui");
+var WaitingData_1 = __importDefault(require("../../ui/WaitingData"));
+function AssetViewLoadingView() {
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.column), theme.styleMixins.pagePadding), { gap: theme.styleMixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "space-between", alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 120, height: 18, sx: {
+                                    transform: "scale(1)",
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 70, height: 18, sx: {
+                                    transform: "scale(1)",
+                                } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: "55%", height: 34, sx: {
+                                    transform: "scale(1)",
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: "35%", height: 18, sx: {
+                                    transform: "scale(1)",
+                                } })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    borderRadius: theme.styleMixins.customRadius.r16,
+                    border: "1px solid ".concat(theme.palette.divider),
+                    overflow: "hidden",
+                    display: "grid",
+                    gridTemplateColumns: "1fr 1px 1fr 1px 1fr",
+                    // alignItems: "stretch",
+                }, children: Array.from({ length: 3 }).map(function (_, idx) {
+                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [idx !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", flexItem: true, sx: { my: 4 } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    py: theme.styleMixins.customPadding.p12,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    gap: theme.styleMixins.gaps.g8,
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", width: 32, height: 32 }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 56, height: 18, sx: {
+                                            transform: "scale(1)",
+                                        } })] }, "item-".concat(idx))] }));
+                }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g12, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 20, sx: {
+                            transform: "scale(1)",
+                        } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 48, height: 20, sx: {
+                            transform: "scale(1)",
+                        } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "grid", gridTemplateColumns: "1fr auto", gap: theme.styleMixins.gaps.g12 }, children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 80, height: 20, sx: { transform: "scale(1)" } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 80, height: 20, sx: { transform: "scale(1)" } })] }), (0, jsx_runtime_1.jsx)(WaitingData_1.default, { numberOfSkeleton: 6 })] })] }));
+}
+exports.default = AssetViewLoadingView;

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

@@ -84,9 +84,10 @@ var ClickEffect_1 = __importDefault(require("../../ui/ClickEffect"));
 var mui_1 = require("../../../theme/mui");
 var AssetsBoard_1 = __importDefault(require("../../ui/AssetsBoard"));
 var InitPasscodeView_1 = __importDefault(require("../InitPasscodeView"));
+var LoadingView_1 = __importDefault(require("./LoadingView"));
 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;
+    var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet, updateWalletDetail = _a.updateWalletDetail, isTokensLoading = _a.isTokensLoading, tokens = _a.tokens;
     var theme = (0, mui_1.useTheme)();
     var options = (0, TekWalletProvider_1.useWalletSetup)().options;
     var _b = options || {}, hideActivitySectionInAssetView = _b.hideActivitySectionInAssetView, useBasicAmountGroupInAssetView = _b.useBasicAmountGroupInAssetView, basePath = _b.basePath;
@@ -95,7 +96,8 @@ var AssetView = function (props) {
             return [2 /*return*/, updateWalletDetail()];
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && !!masterWallet && (0, jsx_runtime_1.jsx)(InitPasscodeView_1.default, { useAutoBack: false }), !!isInitPasscode && ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
+    var isInitialLoading = !!isInitPasscode && isTokensLoading && !tokens;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!masterWallet && (0, jsx_runtime_1.jsx)(LoadingView_1.default, {}), !isInitPasscode && !!masterWallet && (0, jsx_runtime_1.jsx)(InitPasscodeView_1.default, { useAutoBack: false }), !!isInitPasscode && ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: !!isInitPasscode && !isInitialLoading && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
                     isPullable: !!isInitPasscode,
                     onRefresh: handleRefresh,
                 }, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.styleMixins.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, { sx: {

package/dist/components/TekWallet/hooks/data/useNfts/api.d.ts

@@ -1,5 +1,5 @@
-import { GetNftsServiceQuery, GetNftsServiceResponse, MintNfsPayload, Nft, SendNftPayload } from "./service.type";
+import { GetNftsServiceQuery, MintNfsPayload, Nft, NftData, SendNftPayload } from "./service.type";
 import { Transaction } from "../../../services/axios/get-activities-service/type";
-export declare const getNftsServices: (query?: GetNftsServiceQuery) => Promise<GetNftsServiceResponse>;
+export declare const getNftsServices: (query?: GetNftsServiceQuery) => Promise<NftData>;
 export declare const mintNftServices: (payload?: MintNfsPayload) => Promise<Nft>;
 export declare const sendNftServices: (payload?: SendNftPayload) => Promise<Transaction>;

package/dist/components/TekWallet/hooks/data/useNfts/api.js

@@ -43,14 +43,15 @@ exports.sendNftServices = exports.mintNftServices = exports.getNftsServices = vo
 var userClientRequest_1 = __importDefault(require("../../../services/axios/clients/userClientRequest"));
 var getNftsServices = function (query) { return __awaiter(void 0, void 0, void 0, function () {
     var response;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0: return [4 /*yield*/, userClientRequest_1.default.get("/nft", {
                     params: query,
                 })];
             case 1:
-                response = _a.sent();
-                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data];
+                response = _b.sent();
+                return [2 /*return*/, (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.data];
         }
     });
 }); };

package/dist/components/TekWallet/hooks/data/useNfts/index.d.ts

@@ -1,4 +1,4 @@
-import { GetNftsServiceResponse } from "./service.type";
+import { Nft, NftData } from "./service.type";
 declare function useNfts(enabled?: boolean): {
     error: Error;
     isError: true;
@@ -9,8 +9,8 @@ declare function useNfts(enabled?: boolean): {
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchNextPageError: boolean;
@@ -30,10 +30,11 @@ declare function useNfts(enabled?: boolean): {
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>>;
-    nfts: import("./service.type").Nft[];
+    promise: Promise<import("@tanstack/react-query").InfiniteData<NftData, unknown>>;
+    nfts: Nft[];
+    insertNft: (nft: Nft) => void;
 } | {
     error: null;
     isError: false;
@@ -46,8 +47,8 @@ declare function useNfts(enabled?: boolean): {
     isSuccess: true;
     isPlaceholderData: false;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -65,10 +66,11 @@ declare function useNfts(enabled?: boolean): {
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>>;
-    nfts: import("./service.type").Nft[];
+    promise: Promise<import("@tanstack/react-query").InfiniteData<NftData, unknown>>;
+    nfts: Nft[];
+    insertNft: (nft: Nft) => void;
 } | {
     error: Error;
     isError: true;
@@ -81,8 +83,8 @@ declare function useNfts(enabled?: boolean): {
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -100,10 +102,11 @@ declare function useNfts(enabled?: boolean): {
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>>;
-    nfts: import("./service.type").Nft[];
+    promise: Promise<import("@tanstack/react-query").InfiniteData<NftData, unknown>>;
+    nfts: Nft[];
+    insertNft: (nft: Nft) => void;
 } | {
     error: null;
     isError: false;
@@ -116,8 +119,8 @@ declare function useNfts(enabled?: boolean): {
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -135,10 +138,11 @@ declare function useNfts(enabled?: boolean): {
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>>;
-    nfts: import("./service.type").Nft[];
+    promise: Promise<import("@tanstack/react-query").InfiniteData<NftData, unknown>>;
+    nfts: Nft[];
+    insertNft: (nft: Nft) => void;
 } | {
     error: null;
     isError: false;
@@ -150,8 +154,8 @@ declare function useNfts(enabled?: boolean): {
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -170,10 +174,11 @@ declare function useNfts(enabled?: boolean): {
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>>;
-    nfts: import("./service.type").Nft[];
+    promise: Promise<import("@tanstack/react-query").InfiniteData<NftData, unknown>>;
+    nfts: Nft[];
+    insertNft: (nft: Nft) => void;
 } | {
     isError: false;
     error: null;
@@ -186,8 +191,8 @@ declare function useNfts(enabled?: boolean): {
     isFetchNextPageError: false;
     isFetchPreviousPageError: false;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -205,9 +210,10 @@ declare function useNfts(enabled?: boolean): {
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>, Error>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<NftData, unknown>, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@tanstack/react-query").InfiniteData<GetNftsServiceResponse, unknown>>;
-    nfts: import("./service.type").Nft[];
+    promise: Promise<import("@tanstack/react-query").InfiniteData<NftData, unknown>>;
+    nfts: Nft[];
+    insertNft: (nft: Nft) => void;
 };
 export default useNfts;

package/dist/components/TekWallet/hooks/data/useNfts/index.js

@@ -21,6 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,10 +39,12 @@ var api_1 = require("./api");
 var useQueryKeyDependenceOnAccount_1 = __importDefault(require("../../store/useQueryKeys/useQueryKeyDependenceOnAccount"));
 var type_1 = require("../../store/useQueryKeys/type");
 var react_1 = require("react");
+var useEditPageQuery_1 = __importDefault(require("../../utils/useEditPageQuery"));
 var LIMIT = 20;
 function useNfts(enabled) {
     if (enabled === void 0) { enabled = true; }
     var _a = (0, useQueryKeyDependenceOnAccount_1.default)(type_1.QueryKeyNames.NFTs), queryKeyAccount = _a.queryKey, isReadyAccount = _a.isReady;
+    var editPageQuery = (0, useEditPageQuery_1.default)().editPageQuery;
     var _b = (0, react_query_1.useInfiniteQuery)({
         queryKey: queryKeyAccount,
         queryFn: function (_a) {
@@ -47,9 +58,24 @@ function useNfts(enabled) {
         initialPageParam: undefined,
         enabled: enabled && isReadyAccount,
     }), data = _b.data, rest = __rest(_b, ["data"]);
+    var insertNft = (0, react_1.useCallback)(function (nft) {
+        if (!nft)
+            return;
+        editPageQuery(queryKeyAccount, function (page, index, pages) {
+            var _a, _b;
+            var isLastPage = index === ((pages === null || pages === void 0 ? void 0 : pages.length) || 0) - 1;
+            if (!isLastPage)
+                return __assign(__assign({}, page), { paginated: __assign(__assign({}, page === null || page === void 0 ? void 0 : page.paginated), { total: ((_a = page === null || page === void 0 ? void 0 : page.paginated) === null || _a === void 0 ? void 0 : _a.total) + 1 }) });
+            var newPage = {
+                nfts: __spreadArray(__spreadArray([], page === null || page === void 0 ? void 0 : page.nfts, true), [nft], false),
+                paginated: __assign(__assign({}, page === null || page === void 0 ? void 0 : page.paginated), { total: ((_b = page === null || page === void 0 ? void 0 : page.paginated) === null || _b === void 0 ? void 0 : _b.total) + 1 }),
+            };
+            return newPage;
+        });
+    }, [editPageQuery, queryKeyAccount]);
     var nfts = (0, react_1.useMemo)(function () {
-        return (data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { var _a; return (_a = page === null || page === void 0 ? void 0 : page.data) === null || _a === void 0 ? void 0 : _a.nfts; })) || [];
+        return (data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page === null || page === void 0 ? void 0 : page.nfts; })) || [];
     }, [data]);
-    return __assign({ nfts: nfts }, rest);
+    return __assign({ nfts: nfts, insertNft: insertNft }, rest);
 }
 exports.default = useNfts;

package/dist/components/TekWallet/hooks/data/useNfts/useNft.d.ts

@@ -1,10 +1,10 @@
-import { Nft, GetNftsServiceResponse, SendNftPayload } from "./service.type";
+import { Nft, SendNftPayload, NftData } from "./service.type";
 import { ReactEventHandler } from "react";
 import { Voucher } from "../useVouchers/service.type";
 import { InfiniteData } from "@tanstack/react-query";
 import { Transaction } from "../../../services/axios/get-activities-service/type";
 type MintNftContext = {
-    previousData?: InfiniteData<GetNftsServiceResponse>;
+    previousData?: InfiniteData<NftData>;
 };
 declare function useNft(id?: string, useSnapshot?: boolean): {
     metadataAttributes: Voucher | null;

package/dist/components/TekWallet/hooks/data/useNfts/useNft.js

@@ -99,10 +99,10 @@ function useNft(id, useSnapshot) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, editPageQuery(queryKey, function (page) {
-                            var _a, _b;
-                            return __assign(__assign({}, page), { data: __assign(__assign({}, page === null || page === void 0 ? void 0 : page.data), { nfts: (_b = (_a = page === null || page === void 0 ? void 0 : page.data) === null || _a === void 0 ? void 0 : _a.nfts) === null || _b === void 0 ? void 0 : _b.map(function (item) {
-                                        return item.id === (nft === null || nft === void 0 ? void 0 : nft.id) ? __assign(__assign({}, item), { status: service_type_1.NftStatus.MINTING }) : item;
-                                    }) }) });
+                            var _a;
+                            return __assign(__assign({}, page), { nfts: (_a = page === null || page === void 0 ? void 0 : page.nfts) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+                                    return item.id === (nft === null || nft === void 0 ? void 0 : nft.id) ? __assign(__assign({}, item), { status: service_type_1.NftStatus.MINTING }) : item;
+                                }) });
                         })];
                     case 1:
                         previousData = (_a.sent()).previousData;
@@ -117,8 +117,8 @@ function useNft(id, useSnapshot) {
                 type: "success",
             });
             editPageQuery(queryKey, function (page) {
-                var _a, _b;
-                return __assign(__assign({}, page), { data: __assign(__assign({}, page === null || page === void 0 ? void 0 : page.data), { nfts: (_b = (_a = page === null || page === void 0 ? void 0 : page.data) === null || _a === void 0 ? void 0 : _a.nfts) === null || _b === void 0 ? void 0 : _b.map(function (item) { return (item.id === (nft === null || nft === void 0 ? void 0 : nft.id) ? newNft : item); }) }) });
+                var _a;
+                return __assign(__assign({}, page), { nfts: (_a = page === null || page === void 0 ? void 0 : page.nfts) === null || _a === void 0 ? void 0 : _a.map(function (item) { return (item.id === (nft === null || nft === void 0 ? void 0 : nft.id) ? newNft : item); }) });
             });
         },
         onError: function (_, __, context) {
@@ -139,10 +139,10 @@ function useNft(id, useSnapshot) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, editPageQuery(queryKey, function (page) {
-                            var _a, _b;
-                            return __assign(__assign({}, page), { data: __assign(__assign({}, page === null || page === void 0 ? void 0 : page.data), { nfts: (_b = (_a = page === null || page === void 0 ? void 0 : page.data) === null || _a === void 0 ? void 0 : _a.nfts) === null || _b === void 0 ? void 0 : _b.map(function (item) {
-                                        return item.id === (nft === null || nft === void 0 ? void 0 : nft.id) ? __assign(__assign({}, item), { status: service_type_1.NftStatus.SENDING }) : item;
-                                    }) }) });
+                            var _a;
+                            return __assign(__assign({}, page), { nfts: (_a = page === null || page === void 0 ? void 0 : page.nfts) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+                                    return item.id === (nft === null || nft === void 0 ? void 0 : nft.id) ? __assign(__assign({}, item), { status: service_type_1.NftStatus.SENDING }) : item;
+                                }) });
                         })];
                     case 1:
                         previousData = (_a.sent()).previousData;
@@ -152,8 +152,8 @@ function useNft(id, useSnapshot) {
         }); },
         onSuccess: function (transaction, variables) {
             editPageQuery(queryKey, function (page) {
-                var _a, _b;
-                return __assign(__assign({}, page), { data: __assign(__assign({}, page === null || page === void 0 ? void 0 : page.data), { nfts: (_b = (_a = page === null || page === void 0 ? void 0 : page.data) === null || _a === void 0 ? void 0 : _a.nfts) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return item.id !== (variables === null || variables === void 0 ? void 0 : variables.id); }) }) });
+                var _a;
+                return __assign(__assign({}, page), { nfts: (_a = page === null || page === void 0 ? void 0 : page.nfts) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item.id !== (variables === null || variables === void 0 ? void 0 : variables.id); }) });
             });
         },
         onError: function (_, __, context) {

package/dist/components/TekWallet/hooks/useEventHandler.js

@@ -44,7 +44,7 @@ var useEventHandler = function () {
         var _a, _b, _c;
         if (!messageEvent)
             return undefined;
-        var type = messageEvent.transaction_type;
+        var type = messageEvent === null || messageEvent === void 0 ? void 0 : messageEvent.transaction_type;
         var amount = messageEvent.amount;
         var currency = (_a = messageEvent.currency_data) === null || _a === void 0 ? void 0 : _a.name;
         var status = messageEvent.transaction_status;
@@ -64,7 +64,7 @@ var useEventHandler = function () {
                 notificationType = "info";
         }
         var notificationMessage = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textTransform: "capitalize" }, children: type === null || type === void 0 ? void 0 : type.name }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { disableTooltip: true, value: amount, unit: " ".concat(currency) }), " is ", status] }));
-        switch (type.slug) {
+        switch (type === null || type === void 0 ? void 0 : type.slug) {
             case type_1.TransactionSlug.SWAP:
                 var toCurrency = (_b = messageEvent.to_currency_data) === null || _b === void 0 ? void 0 : _b.name;
                 var toAmount = (_c = messageEvent.to_currency_data) === null || _c === void 0 ? void 0 : _c.swap_total_amount;

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

@@ -25,21 +25,27 @@ var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
 var type_1 = require("../../services/axios/get-activities-service/type");
 var components_1 = require("../../components");
 var useRefetchOnWindowFocused_1 = require("../../hooks/useRefetchOnWindowFocused");
+var useNfts_1 = __importDefault(require("../../hooks/data/useNfts"));
 function EventHandlerProvider(props) {
     var _a = (0, useEventHandler_1.useEventHandler)(), transactionHandler = _a.transactionHandler, walletInfoHandler = _a.walletInfoHandler, updateData = _a.updateData;
     var _b = (0, useRealtime_1.default)(), pushNotification = _b.pushNotification, transaction = _b.transaction, walletHandlerInfo = _b.walletHandlerInfo;
+    var insertNft = (0, useNfts_1.default)().insertNft;
     var router = (0, useCustomRouter_1.default)();
     var options = (0, TekWalletProvider_1.useWalletSetup)().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;
+        var _a, _b;
         if (!transactionHandler || !transaction)
             return;
+        if (((_a = transaction.transaction_type) === null || _a === void 0 ? void 0 : _a.slug) === type_1.TransactionSlug.RECEIVE_NFT) {
+            insertNft(transaction);
+            return;
+        }
         var theMessage = transactionHandler(transaction);
         if (theMessage) {
-            if ((_a = theMessage.id) === null || _a === void 0 ? void 0 : _a.includes("processing")) {
+            if ((_b = theMessage.id) === null || _b === void 0 ? void 0 : _b.includes("processing")) {
                 return;
             }
             var onClickNotification = function () {

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

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
+import { Transaction } from "../../services/axios/get-activities-service/type";
 export interface RealtimeProviderDataType {
-    transaction: any;
+    transaction: Transaction | undefined;
     walletHandlerInfo: any;
     isConnected: boolean;
     pushNotification: (notification: NotificationType) => void;

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

@@ -40,6 +40,7 @@ export interface Transaction {
     to_currency_data?: ToCurrencyData;
     to_amount?: string;
     message?: string;
+    order_id?: string;
 }
 export interface ToCurrencyData {
     decimal: number;
@@ -82,7 +83,8 @@ export declare enum TransactionSlug {
     CAPITAL_ADJUSTMENT = "capital-adjustment",
     LOCKED_BALANCE = "locked_balance",
     UNLOCKED_BALANCE = "unlock-balances",
-    INSTRUCTION = "instruction"
+    INSTRUCTION = "instruction",
+    RECEIVE_NFT = "receive-nft"
 }
 export declare enum TransactionStatus {
     Processing = "processing",

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

@@ -15,6 +15,7 @@ var TransactionSlug;
     TransactionSlug["LOCKED_BALANCE"] = "locked_balance";
     TransactionSlug["UNLOCKED_BALANCE"] = "unlock-balances";
     TransactionSlug["INSTRUCTION"] = "instruction";
+    TransactionSlug["RECEIVE_NFT"] = "receive-nft";
 })(TransactionSlug || (exports.TransactionSlug = TransactionSlug = {}));
 var TransactionStatus;
 (function (TransactionStatus) {

package/package.json

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