@liiift-studio/sales-portal 3.1.2 → 3.1.3

package/api/getSales.js

@@ -2,7 +2,7 @@
 import { authenticateDesigner, processSalesData } from './utils/salesDataProcessor';
 import { sendError, requirePost } from './utils/apiResponse';
 
-export const config = { maxDuration: 300 };
+export const config = { maxDuration: 800 };
 
 export default async function handler(req, res) {
 	if (!requirePost(req, res)) return;

package/components/Insights.js

@@ -259,7 +259,7 @@ export default function Insights({
 			
 			{/* Metric cards */}
 			{metricCards.map((card, index) => (
-				<Box key={`metric-${index}`} sx={{ width: { xs: '100%', sm: 'calc(50% - 8px)', md: 'calc(33.33% - 11px)' } }}>
+				<Box key={`metric-${index}`} sx={{ flex: { xs: '1 1 100%', sm: '1 1 calc(50% - 8px)', md: '1 1 calc(33.33% - 11px)' } }}>
 					<Tooltip 
 						title={card.tooltip} 
 						placement="top" 

package/components/LoginForm.js

@@ -1,6 +1,8 @@
 // Login form component for sales portal authentication
 import React, { useEffect, useState } from 'react';
-import { Typography, Input, Button, Box } from '@mui/material';
+import { Typography, Input, Button, Box, IconButton, InputAdornment } from '@mui/material';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 import packageJson from '../package.json';
 
 const { version } = packageJson;
@@ -27,6 +29,7 @@ export default function LoginForm({
 	const [password, setPassword] = useState('');
 	const [message, setMessage] = useState('');
 	const [loading, setLoading] = useState(false);
+	const [showPassword, setShowPassword] = useState(false);
 
 	const {
 		title = 'Sales Portal',
@@ -128,7 +131,7 @@ export default function LoginForm({
 							{title}
 						</Typography>
 
-						<Box sx={{ px: { xs: 4, sm: 6 } }}>
+						<Box sx={{ px: { xs: 0, sm: 6 } }}>
 							<Input
 								placeholder="Email"
 								onChange={(e) => setUser(e.target.value)}
@@ -160,9 +163,21 @@ export default function LoginForm({
 								placeholder="Password"
 								onChange={(e) => setPassword(e.target.value)}
 								value={password}
-								type="password"
+								type={showPassword ? 'text' : 'password'}
 								autoComplete="current-password"
 								onKeyPress={handleKeyPress}
+								endAdornment={
+									<InputAdornment position="end">
+										<IconButton
+											onClick={() => setShowPassword(!showPassword)}
+											edge="end"
+											sx={{ color: 'var(--grey800, #666)', mr: 0.5 }}
+											aria-label={showPassword ? 'Hide password' : 'Show password'}
+										>
+											{showPassword ? <VisibilityOffIcon /> : <VisibilityIcon />}
+										</IconButton>
+									</InputAdornment>
+								}
 								sx={{
 									m: 0,
 									border: 'none',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@liiift-studio/sales-portal",
-	"version": "3.1.2",
+	"version": "3.1.3",
 	"description": "Centralized sales portal package for Liiift Studio projects",
 	"main": "index.js",
 	"types": "index.d.ts",