@pagamio/frontend-commons-lib 0.8.203 → 0.8.205

package/lib/auth/components/LoginPage.js

@@ -110,6 +110,10 @@ export function PagamioLoginPage({ logo, text = loginPageDefaultText, appLabel,
             window.location.href = createAccountRoute;
         }
     };
-    return (_jsx(AuthPageLayout, { appLabel: appLabel, title: text.welcomeTitle, subtitle: text.welcomeSubtitle, errorMessage: error ?? authError?.message, logo: logo, className: className, horizontal: false, children: _jsxs("div", { className: "mt-8", children: [_jsx(FormEngine, { fields: loginFields, onSubmit: handleSubmit, layout: "vertical", className: "mb-0 px-0", submitButtonClass: "w-full", submitButtonText: isLoading ? text.loadingButtonLabel : text.loginButtonLabel, onCancel: () => { }, showCancelButton: false, showSubmittingText: false, formRef: formRef }), _jsxs("div", { className: "flex items-center justify-center gap-x-4 mt-4", children: [onForgotPassword && (_jsx("button", { type: "button", onClick: onForgotPassword, className: "text-sm text-primary-500 hover:underline dark:text-primary-500", children: text.forgotPasswordLabel })), hasCreateAccount && (_jsxs(_Fragment, { children: [onForgotPassword && _jsx("span", { className: "text-gray-500", children: "|" }), _jsx("button", { type: "button", onClick: handleCreateAccount, className: "text-sm text-primary-500 hover:underline dark:text-primary-500", children: text.createAccountLabel })] }))] })] }) }));
+    return (_jsx(AuthPageLayout, { appLabel: appLabel, title: text.welcomeTitle, subtitle: text.welcomeSubtitle, errorMessage: error ?? authError?.message, logo: logo, className: className, horizontal: false, children: _jsxs("div", { className: "mt-8", children: [_jsx(FormEngine, { fields: loginFields, onSubmit: handleSubmit, layout: "vertical", className: "mb-0 px-0", submitButtonClass: "w-full", submitButtonText: isLoading ? text.loadingButtonLabel : text.loginButtonLabel, onCancel: () => { }, showCancelButton: false, showSubmittingText: false, formRef: formRef, initialValues: {
+                        username: '',
+                        password: '',
+                        rememberMe: false,
+                    } }), _jsxs("div", { className: "flex items-center justify-center gap-x-4 mt-4", children: [onForgotPassword && (_jsx("button", { type: "button", onClick: onForgotPassword, className: "text-sm text-primary-500 hover:underline dark:text-primary-500", children: text.forgotPasswordLabel })), hasCreateAccount && (_jsxs(_Fragment, { children: [onForgotPassword && _jsx("span", { className: "text-gray-500", children: "|" }), _jsx("button", { type: "button", onClick: handleCreateAccount, className: "text-sm text-primary-500 hover:underline dark:text-primary-500", children: text.createAccountLabel })] }))] })] }) }));
 }
 export default PagamioLoginPage;

package/lib/auth/services/AuthService.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @fileoverview Complete authentication service implementation
+ * Handles auth operations with configurable endpoints and token management
+ */
 import type { ApiClient } from '../../api';
 import type { AuthResponse, CustomAuthConfig } from '../types';
 import { TokenManager } from '../utils';
@@ -85,7 +89,7 @@ export declare class AuthService<T extends CustomAuthConfig> {
     /**
      * Keeps a reference to the interval to clear it on unmount.
      */
-    intervalRef: import("react").MutableRefObject<NodeJS.Timeout | null>;
+    intervalRef: ReturnType<typeof setInterval> | null;
     private readonly tokenManager;
     private readonly apiClient;
     private readonly endpoints;

package/lib/auth/services/AuthService.js

@@ -1,8 +1,3 @@
-/**
- * @fileoverview Complete authentication service implementation
- * Handles auth operations with configurable endpoints and token management
- */
-import { useRef } from 'react';
 import { transformStrapiResponse, } from '../authenticators/processors/StrapiAuthenticatorProcessor';
 import { ResponseTransformerFactory, TokenManager } from '../utils';
 /**
@@ -15,7 +10,7 @@ export class AuthService {
     /**
      * Keeps a reference to the interval to clear it on unmount.
      */
-    intervalRef = useRef(null);
+    intervalRef = null;
     tokenManager;
     apiClient;
     endpoints;
@@ -390,7 +385,7 @@ export class AuthService {
             const nextCheckInterval = timeUntilRefresh > 5 * 60 * 1000
                 ? 60 * 1000 // check every minute
                 : Math.max(1000, Math.min(timeUntilRefresh / 10, 30 * 1000)); // check between 1-30 seconds
-            this.intervalRef.current = setTimeout(scheduleNextCheck, nextCheckInterval);
+            this.intervalRef = setTimeout(scheduleNextCheck, nextCheckInterval);
         };
         scheduleNextCheck();
     }
@@ -398,8 +393,8 @@ export class AuthService {
      * Stops automatic token refresh
      */
     stopAutoRefresh() {
-        if (this.intervalRef.current) {
-            clearInterval(this.intervalRef.current);
+        if (this.intervalRef) {
+            clearInterval(this.intervalRef);
         }
     }
     /**

package/lib/dashboard-visuals/index.js

@@ -180,7 +180,7 @@ const DashboardWrapper = ({ data, showVisualHeader = true, showEventsTabbedLayou
             currencyDisplaySymbol: metricData.currencyDisplaySymbol,
             ...metricData,
         };
-        return (_jsx(Grid.Col, { span: matchesSmall ? 12 : span, offset: offset, children: _jsx(VisualComponent, { ...props }) }, `visual-${visual.id}`));
+        return (_jsx(Grid.Col, { span: matchesSmall ? 12 : span, offset: offset, children: _jsx(VisualComponent, { ...props }) }, `visual-${sectionTitle}-${visual.id}`));
     }, [config.themeColor, isXs, isSm]);
     const tabs = [
         {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.203",
+  "version": "0.8.205",
   "publishConfig": {
     "access": "public",
     "provenance": false
@@ -129,13 +129,14 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.441.0",
     "mantine-react-table": "^1.3.4",
+    "next": "^16.0.10",
     "papaparse": "^5.4.1",
-    "react": "^18",
+    "react": "^19.2.3",
     "react-apexcharts": "^1.7.0",
     "react-date-range": "^2.0.1",
     "react-datepicker": "^7.6.0",
     "react-day-picker": "^9.4.4",
-    "react-dom": "^18",
+    "react-dom": "^19.2.3",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.53.1",
     "react-icons": "^5.3.0",