tiwiflix-wallet-connector 1.4.8 → 1.5.0

package/dist/index.esm.js

@@ -6464,6 +6464,10 @@ const AccountDetailsModal = ({ isOpen, onClose, account, onDisconnect, onCopyAdd
     // State for TWC price - hooks must be called before any conditional returns
     const [twcPrice, setTwcPrice] = useState(null);
     const [priceLoading, setPriceLoading] = useState(false);
+    // State for TP Points
+    const [tpPoints, setTpPoints] = useState(null);
+    const [tpLoading, setTpLoading] = useState(false);
+    const [tpError, setTpError] = useState(null);
     // Fetch TWC price when modal opens and twcBalance is available
     useEffect(() => {
         if (isOpen && twcBalance && twcBalance !== '0' && twcBalance !== '0.00') {
@@ -6480,6 +6484,32 @@ const AccountDetailsModal = ({ isOpen, onClose, account, onDisconnect, onCopyAdd
             });
         }
     }, [isOpen, twcBalance]);
+    // Fetch TP Points when modal opens
+    useEffect(() => {
+        if (isOpen && account?.address) {
+            setTpLoading(true);
+            setTpError(null);
+            fetch(`http://localhost:3090/api/v2/user/leaderboard/points/${account.address}`)
+                .then(response => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                return response.json();
+            })
+                .then(responseData => {
+                // Handle nested response structure: { success, statusCode, data: { points, ... } }
+                const points = responseData.data?.points ?? responseData.points ?? responseData.data?.totalPoints ?? 0;
+                setTpPoints(points);
+                setTpLoading(false);
+            })
+                .catch(error => {
+                console.error('Failed to fetch TP points:', error);
+                setTpError('Failed to load');
+                setTpPoints(0);
+                setTpLoading(false);
+            });
+        }
+    }, [isOpen, account?.address]);
     // Early return AFTER hooks
     if (!isOpen || !account)
         return null;
@@ -6846,7 +6876,13 @@ const AccountDetailsModal = ({ isOpen, onClose, account, onDisconnect, onCopyAdd
                                                     fontFamily: 'Lexend, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
                                                     fontSize: '12px',
                                                     letterSpacing: '-0.1px',
-                                                }, children: "0 TP" })] })] }) }), jsxs("div", { onClick: handleBuyTWC, style: {
+                                                }, children: tpLoading
+                                                    ? 'Loading...'
+                                                    : tpError
+                                                        ? tpError
+                                                        : tpPoints !== null
+                                                            ? `${tpPoints.toLocaleString()} TP`
+                                                            : '0 TP' })] })] }) }), jsxs("div", { onClick: handleBuyTWC, style: {
                                 background: 'rgb(29, 31, 35)',
                                 border: '1px solid rgba(113, 122, 140, 0.08)',
                                 borderRadius: '12px',

package/dist/index.js

@@ -6466,6 +6466,10 @@ const AccountDetailsModal = ({ isOpen, onClose, account, onDisconnect, onCopyAdd
     // State for TWC price - hooks must be called before any conditional returns
     const [twcPrice, setTwcPrice] = React.useState(null);
     const [priceLoading, setPriceLoading] = React.useState(false);
+    // State for TP Points
+    const [tpPoints, setTpPoints] = React.useState(null);
+    const [tpLoading, setTpLoading] = React.useState(false);
+    const [tpError, setTpError] = React.useState(null);
     // Fetch TWC price when modal opens and twcBalance is available
     React.useEffect(() => {
         if (isOpen && twcBalance && twcBalance !== '0' && twcBalance !== '0.00') {
@@ -6482,6 +6486,32 @@ const AccountDetailsModal = ({ isOpen, onClose, account, onDisconnect, onCopyAdd
             });
         }
     }, [isOpen, twcBalance]);
+    // Fetch TP Points when modal opens
+    React.useEffect(() => {
+        if (isOpen && account?.address) {
+            setTpLoading(true);
+            setTpError(null);
+            fetch(`http://localhost:3090/api/v2/user/leaderboard/points/${account.address}`)
+                .then(response => {
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                return response.json();
+            })
+                .then(responseData => {
+                // Handle nested response structure: { success, statusCode, data: { points, ... } }
+                const points = responseData.data?.points ?? responseData.points ?? responseData.data?.totalPoints ?? 0;
+                setTpPoints(points);
+                setTpLoading(false);
+            })
+                .catch(error => {
+                console.error('Failed to fetch TP points:', error);
+                setTpError('Failed to load');
+                setTpPoints(0);
+                setTpLoading(false);
+            });
+        }
+    }, [isOpen, account?.address]);
     // Early return AFTER hooks
     if (!isOpen || !account)
         return null;
@@ -6848,7 +6878,13 @@ const AccountDetailsModal = ({ isOpen, onClose, account, onDisconnect, onCopyAdd
                                                     fontFamily: 'Lexend, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
                                                     fontSize: '12px',
                                                     letterSpacing: '-0.1px',
-                                                }, children: "0 TP" })] })] }) }), jsxRuntime.jsxs("div", { onClick: handleBuyTWC, style: {
+                                                }, children: tpLoading
+                                                    ? 'Loading...'
+                                                    : tpError
+                                                        ? tpError
+                                                        : tpPoints !== null
+                                                            ? `${tpPoints.toLocaleString()} TP`
+                                                            : '0 TP' })] })] }) }), jsxRuntime.jsxs("div", { onClick: handleBuyTWC, style: {
                                 background: 'rgb(29, 31, 35)',
                                 border: '1px solid rgba(113, 122, 140, 0.08)',
                                 borderRadius: '12px',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiwiflix-wallet-connector",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "description": "Multi-chain wallet connector for Tiwiflix supporting EVM, TON, Solana, and Tron wallets",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",