space-react-client 0.2.5 → 0.3.0

package/dist/index.js

@@ -28,7 +28,7 @@ class TokenService {
      * Retrieves the stored pricing token's payload.
      * @returns The stored pricing token payload.
      */
-    getPricingToken() {
+    getPayload() {
         if (!this._validToken()) {
             return null;
         }
@@ -39,7 +39,7 @@ class TokenService {
      * @param key - A key of the stored pricing token whose is going to be retrieved.
      * @return The value of the key in the stored pricing token payload.
      */
-    getFromToken(key) {
+    getKey(key) {
         if (!this._validToken()) {
             return null;
         }
@@ -49,7 +49,7 @@ class TokenService {
      * Updates the stored pricing token with the payload of a new one.
      * @param token - Pricing token string
      */
-    updatePricingToken(token) {
+    update(token) {
         const parsedToken = parseJwt(token);
         this.tokenPayload = parsedToken;
         this._notify();
@@ -118,7 +118,7 @@ class SpaceClient {
         this.pricingSocketNamespace = this.socketClient.io.socket('/pricings');
         this.apiKey = config.apiKey;
         this.emitter = new TinyEmitter();
-        this.tokenService = new TokenService();
+        this.token = new TokenService();
         this.axios = axios.create({
             baseURL: this.httpUrl,
             headers: {
@@ -211,7 +211,7 @@ class SpaceClient {
         }
         this.userId = userId;
         const userPricingToken = await this.generateUserPricingToken();
-        this.tokenService.updatePricingToken(userPricingToken);
+        this.token.update(userPricingToken);
     }
     /**
      * Performs a request to SPACE to retrieve a new pricing token for the user with the given userId.
@@ -250,7 +250,7 @@ const SpaceProvider = ({ config, children, }) => {
             tokenService = new TokenService();
         }
         else {
-            tokenService = client.tokenService;
+            tokenService = client.token;
         }
         return {
             client: client,
@@ -289,14 +289,33 @@ function useSpaceClient() {
  * Custom hook to access the service that manages the pricing token.
  * Throws an error if used outside of SpaceProvider.
  */
-function usePricingToken() {
+function useTokenService() {
     const spaceContext = useContext(SpaceContext);
     if (!spaceContext) {
-        throw new Error('usePricingToken must be used within a SpaceProvider');
+        throw new Error('useTokenService must be used within a SpaceProvider');
     }
     return spaceContext.tokenService;
 }
 
+/**
+ * React hook that returns the current pricing token payload and
+ * re-renders when the token changes.
+ */
+function usePricingTokenPayload() {
+    const tokenService = useTokenService();
+    const [payload, setPayload] = useState(() => tokenService.getPayload());
+    useEffect(() => {
+        // Ensure latest value on mount
+        setPayload(tokenService.getPayload());
+        // Subscribe to token updates
+        const unsubscribe = tokenService.subscribe(() => {
+            setPayload(tokenService.getPayload());
+        });
+        return () => unsubscribe();
+    }, [tokenService]);
+    return payload;
+}
+
 // Generic wrapper for feature children
 function On({ children }) {
     return jsx(Fragment, { children: children });
@@ -316,7 +335,8 @@ function getChildrenOfType(children, type) {
     return match ? match.props.children : null;
 }
 const Feature = ({ id, children }) => {
-    const tokenService = usePricingToken();
+    const tokenService = useTokenService();
+    const tokenPayload = usePricingTokenPayload();
     const [status, setStatus] = useState('loading');
     const [result, setResult] = useState(null);
     // Validate id
@@ -327,7 +347,7 @@ const Feature = ({ id, children }) => {
                 setStatus('error');
                 return;
             }
-            if (tokenService.getPricingToken() === null) {
+            if (tokenService.getPayload() === null) {
                 setStatus('error');
                 return;
             }
@@ -351,7 +371,7 @@ const Feature = ({ id, children }) => {
         return () => {
             unsubscribe();
         };
-    }, [id, isValidId, tokenService]);
+    }, [id, isValidId, tokenPayload, tokenService]);
     if (status === 'loading') {
         return jsx(Fragment, { children: getChildrenOfType(children, Loading) });
     }
@@ -367,4 +387,4 @@ const Feature = ({ id, children }) => {
     return jsx(Fragment, {});
 };
 
-export { Default, ErrorFallback, Feature, Loading, On, SpaceProvider, usePricingToken, useSpaceClient };
+export { Default, ErrorFallback, Feature, Loading, On, SpaceProvider, usePricingTokenPayload, useSpaceClient, useTokenService };

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "space-react-client",
   "type": "module",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     }