vite update

Build error fixes
2025-11-26 19:16:15 +00:00 · 2025-11-26 21:23:16 +05:30
8 changed files with 119 additions and 136 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -78,7 +78,6 @@
      "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "@babel/code-frame": "^7.27.1",
        "@babel/generator": "^7.28.3",
@ -1484,7 +1483,6 @@
      "integrity": "sha512-QoiaXANRkSXK6p0Duvt56W208du4P9Uye9hWLWgGMDTEoKPhuenzNcC4vGUmrNkiOKTlIrBoyNQYNpSwfEZXSg==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "undici-types": "~7.16.0"
      }
@ -1494,7 +1492,6 @@
      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
      "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "csstype": "^3.0.2"
      }
@ -1576,7 +1573,6 @@
      "integrity": "sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "@typescript-eslint/scope-manager": "8.46.2",
        "@typescript-eslint/types": "8.46.2",
@ -1829,7 +1825,6 @@
      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "bin": {
        "acorn": "bin/acorn"
      },
@ -2057,7 +2052,6 @@
        }
      ],
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "baseline-browser-mapping": "^2.8.9",
        "caniuse-lite": "^1.0.30001746",
@ -2479,7 +2473,6 @@
      "integrity": "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "@eslint-community/eslint-utils": "^4.8.0",
        "@eslint-community/regexpp": "^4.12.1",
@ -3690,7 +3683,6 @@
        }
      ],
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "nanoid": "^3.3.11",
        "picocolors": "^1.1.1",
@ -3886,7 +3878,6 @@
      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
      "license": "MIT",
-      "peer": true,
      "engines": {
        "node": ">=0.10.0"
      }
@ -3896,7 +3887,6 @@
      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "scheduler": "^0.27.0"
      },
@ -4438,7 +4428,6 @@
      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "engines": {
        "node": ">=12"
      },
@ -4498,7 +4487,6 @@
      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
      "dev": true,
      "license": "Apache-2.0",
-      "peer": true,
      "bin": {
        "tsc": "bin/tsc",
        "tsserver": "bin/tsserver"
@ -4592,7 +4580,6 @@
      "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "dependencies": {
        "esbuild": "^0.25.0",
        "fdir": "^6.5.0",
@ -4686,7 +4673,6 @@
      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "engines": {
        "node": ">=12"
      },
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@ -5,12 +5,6 @@ import {
  LayoutDashboard,
  Package,
  Wrench,
-  Users,
-  BarChart3,
-  Building2,
-  Truck,
-  FileText,
-  MapPin,
  Menu,
  X,
  Moon,
@ -45,31 +39,31 @@ const Sidebar: React.FC<SidebarProps> = ({ userEmail }) => {
  };

  // Role-based visibility logic
-  const isMaintenanceManagerKASH = userEmail === 'maintenancemanager-kash@gmail.com';
-  const isMaintenanceManagerTH = userEmail === 'maintenancemanager-th@gmail.com';
-  const isMaintenanceManagerDAJH = userEmail === 'maintenancemanager-dajh@gmail.com';
+  // const isMaintenanceManagerKASH = userEmail === 'maintenancemanager-kash@gmail.com';
+  // const isMaintenanceManagerTH = userEmail === 'maintenancemanager-th@gmail.com';
+  // const isMaintenanceManagerDAJH = userEmail === 'maintenancemanager-dajh@gmail.com';
  const isFinanceManager = userEmail === 'financemanager@gmail.com';
  const isEndUser = userEmail && (
    userEmail.startsWith('enduser1-kash') || 
    userEmail.startsWith('enduser1-dajh') || 
    userEmail.startsWith('enduser1-th')
  );
-  const isTechnician = userEmail && (
-    userEmail.startsWith('technician1-kash') || 
-    userEmail.startsWith('technician1-dajh') || 
-    userEmail.startsWith('technician1-th')
-  );
+  // const isTechnician = userEmail && (
+  //   userEmail.startsWith('technician1-kash') || 
+  //   userEmail.startsWith('technician1-dajh') || 
+  //   userEmail.startsWith('technician1-th')
+  // );

  const showAsset = !isFinanceManager && !isEndUser;
-  const showInventory = !isFinanceManager && !isEndUser;
+  // const showInventory = !isFinanceManager && !isEndUser;
  const showPreventiveMaintenance = !isFinanceManager && !isEndUser;
  const showGeneralWO = !isFinanceManager && !isEndUser;
-  const showAMTeam = !isFinanceManager && !isEndUser;
-  const showProjectDashboard = !isMaintenanceManagerKASH && !isMaintenanceManagerTH && !isMaintenanceManagerDAJH && !isFinanceManager && !isEndUser && !isTechnician;
-  const showSiteDashboards = !isFinanceManager && !isEndUser;
-  const showSupplierDashboard = !isFinanceManager && !isEndUser;
-  const showSLA = !isFinanceManager && !isEndUser && !isTechnician;
-  const showSiteInfo = !isFinanceManager && !isEndUser;
+  // const showAMTeam = !isFinanceManager && !isEndUser;
+  // const showProjectDashboard = !isMaintenanceManagerKASH && !isMaintenanceManagerTH && !isMaintenanceManagerDAJH && !isFinanceManager && !isEndUser && !isTechnician;
+  // const showSiteDashboards = !isFinanceManager && !isEndUser;
+  // const showSupplierDashboard = !isFinanceManager && !isEndUser;
+  // const showSLA = !isFinanceManager && !isEndUser && !isTechnician;
+  // const showSiteInfo = !isFinanceManager && !isEndUser;

  const links: SidebarLink[] = [
    {
--- a/src/pages/AssetDetail.tsx
+++ b/src/pages/AssetDetail.tsx
@ -965,7 +965,7 @@ const handlePPMPlan = async () => {

    // Generate Status Summary HTML
    const statusSummaryHTML = Object.keys(statusCounts).length > 0
-      ? Object.entries(statusCounts).map(([status, count], index) => {
+      ? Object.entries(statusCounts).map(([status, count]) => {
          const statusClass = status === 'Completed' 
            ? 'bg-green-100 text-green-800 border-green-200' 
            : status === 'Planned'
--- a/src/pages/AssetList.tsx
+++ b/src/pages/AssetList.tsx
@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAssets, useAssetMutations } from '../hooks/useAsset';
 import { FaPlus, FaSearch, FaEdit, FaEye, FaTrash, FaCopy, FaEllipsisV, FaDownload, FaPrint, FaFileExport, FaTimes, FaFilter, FaChevronDown, FaChevronUp, FaSave,
-   FaStar, FaLock  } from 'react-icons/fa';
+   FaStar  } from 'react-icons/fa';
 import LinkField from '../components/LinkField';
 import { useUserPermissions } from '../hooks/useUserPermissions';

@ -18,13 +18,13 @@ const AssetList: React.FC = () => {

    // ✅ NEW: Get user permissions for Asset doctype
  const { 
-    isAdmin, 
+    // isAdmin, 
    permissionFilters, 
-    restrictions, 
+    // restrictions, 
    loading: permissionsLoading, 
    error: permissionsError,
-    hasRestriction,
-    getAllowedValues,
+    // hasRestriction,
+    // getAllowedValues,
    hasAnyRestrictions
  } = useUserPermissions('Asset');

@ -211,11 +211,11 @@ const AssetList: React.FC = () => {
  };

  // Quick filters
-  const applyQuickFilter = (type: 'active' | 'down' | 'recent') => {
-    handleClearFilters();
-    if (type === 'active') setFilterDeviceStatus('Up');
-    else if (type === 'down') setFilterDeviceStatus('Down');
-  };
+  // const applyQuickFilter = (type: 'active' | 'down' | 'recent') => {
+  //   handleClearFilters();
+  //   if (type === 'active') setFilterDeviceStatus('Up');
+  //   else if (type === 'down') setFilterDeviceStatus('Down');
+  // };

  // Cleanup timeouts on unmount
  useEffect(() => {
@ -331,71 +331,71 @@ const AssetList: React.FC = () => {
                          filterAssetName || filterSerialNumber || searchTerm;

    // ✅ NEW: Helper component for restricted select fields
-  const RestrictedSelect: React.FC<{
-    label: string;
-    permissionType: string;
-    value: string;
-    onChange: (val: string) => void;
-    doctype: string;
-    placeholder?: string;
-    filters?: Record<string, any>;
-  }> = ({ label, permissionType, value, onChange, doctype, placeholder, filters: linkFilters }) => {
-    const isRestricted = hasRestriction(permissionType);
-    const allowedValues = getAllowedValues(permissionType);
+  // const RestrictedSelect: React.FC<{
+  //   label: string;
+  //   permissionType: string;
+  //   value: string;
+  //   onChange: (val: string) => void;
+  //   doctype: string;
+  //   placeholder?: string;
+  //   filters?: Record<string, any>;
+  // }> = ({ label, permissionType, value, onChange, doctype, placeholder, filters: linkFilters }) => {
+  //   const isRestricted = hasRestriction(permissionType);
+  //   const allowedValues = getAllowedValues(permissionType);

-    if (isRestricted && allowedValues.length > 0) {
-      return (
-        <div className="relative">
-          <label className="block text-[10px] font-medium text-gray-700 dark:text-gray-300 mb-0.5 flex items-center gap-1">
-            {label}
-            <FaLock size={8} className="text-amber-500" title={`Restricted to ${allowedValues.length} value(s)`} />
-          </label>
-          <select
-            value={value}
-            onChange={(e) => onChange(e.target.value)}
-            className="w-full px-2 py-1 text-xs border border-amber-300 dark:border-amber-600 rounded focus:outline-none focus:ring-2 focus:ring-amber-500 bg-amber-50 dark:bg-amber-900/20 text-gray-900 dark:text-white"
-          >
-            <option value="">All Allowed ({allowedValues.length})</option>
-            {allowedValues.map(val => (
-              <option key={val} value={val}>{val}</option>
-            ))}
-          </select>
-          {value && (
-            <button
-              onClick={() => onChange('')}
-              className="absolute right-8 top-6 text-gray-400 hover:text-red-500 transition-colors"
-            >
-              <FaTimes size={10} />
-            </button>
-          )}
-        </div>
-      );
-    }
+  //   if (isRestricted && allowedValues.length > 0) {
+  //     return (
+  //       <div className="relative">
+  //         <label className="block text-[10px] font-medium text-gray-700 dark:text-gray-300 mb-0.5 flex items-center gap-1">
+  //           {label}
+  //           <FaLock size={8} className="text-amber-500" title={`Restricted to ${allowedValues.length} value(s)`} />
+  //         </label>
+  //         <select
+  //           value={value}
+  //           onChange={(e) => onChange(e.target.value)}
+  //           className="w-full px-2 py-1 text-xs border border-amber-300 dark:border-amber-600 rounded focus:outline-none focus:ring-2 focus:ring-amber-500 bg-amber-50 dark:bg-amber-900/20 text-gray-900 dark:text-white"
+  //         >
+  //           <option value="">All Allowed ({allowedValues.length})</option>
+  //           {allowedValues.map(val => (
+  //             <option key={val} value={val}>{val}</option>
+  //           ))}
+  //         </select>
+  //         {value && (
+  //           <button
+  //             onClick={() => onChange('')}
+  //             className="absolute right-8 top-6 text-gray-400 hover:text-red-500 transition-colors"
+  //           >
+  //             <FaTimes size={10} />
+  //           </button>
+  //         )}
+  //       </div>
+  //     );
+  //   }

-    // Not restricted - show normal LinkField
-    return (
-      <div className="relative">
-        <LinkField
-          label={label}
-          doctype={doctype}
-          value={value}
-          onChange={onChange}
-          placeholder={placeholder || `Select ${label}`}
-          disabled={false}
-          compact={true}
-          filters={linkFilters}
-        />
-        {value && (
-          <button
-            onClick={() => onChange('')}
-            className="absolute right-2 top-6 text-gray-400 hover:text-red-500 transition-colors"
-          >
-            <FaTimes size={10} />
-          </button>
-        )}
-      </div>
-    );
-  };
+  //   // Not restricted - show normal LinkField
+  //   return (
+  //     <div className="relative">
+  //       <LinkField
+  //         label={label}
+  //         doctype={doctype}
+  //         value={value}
+  //         onChange={onChange}
+  //         placeholder={placeholder || `Select ${label}`}
+  //         disabled={false}
+  //         compact={true}
+  //         filters={linkFilters}
+  //       />
+  //       {value && (
+  //         <button
+  //           onClick={() => onChange('')}
+  //           className="absolute right-2 top-6 text-gray-400 hover:text-red-500 transition-colors"
+  //         >
+  //           <FaTimes size={10} />
+  //         </button>
+  //       )}
+  //     </div>
+  //   );
+  // };

  // ✅ NEW: Loading state for permissions
  if (permissionsLoading) {
--- a/src/pages/ModernDashboard.tsx
+++ b/src/pages/ModernDashboard.tsx
@ -39,7 +39,7 @@ const ModernDashboard: React.FC = () => {
  const { data: assetWiseChart } = useDashboardChart('Maintenance - Asset wise Count');
  const { data: assigneesChart } = useDashboardChart('Asset Maintenance Assignees Status Count');
  const { data: frequencyChart } = useDashboardChart('Asset Maintenance Frequency Chart');
-  const { data: ppmStatusChart } = useDashboardChart('PPM Status');
+  // const { data: ppmStatusChart } = useDashboardChart('PPM Status');

  // Generate Up & Down Time Chart data from assets
  useEffect(() => {
@ -765,28 +765,28 @@ const CustomerSatisfactionCard: React.FC<{ data: any; title: string; description
 };

 // Metric Card Component (Bottom Row - Smaller & Compact)
-const MetricCard: React.FC<{ 
-  icon: React.ReactNode; 
-  label: string; 
-  value: string; 
-  iconColor?: string;
-  bgColor: string;
-  textColor?: string;
-}> = ({ icon, label, value, iconColor = "text-white", bgColor, textColor = "text-gray-900 dark:text-white" }) => (
-  <div className={`${bgColor} rounded-lg shadow hover:shadow-md transition-all p-5 border border-gray-200 dark:border-gray-700`}>
-    <div className="flex items-center justify-between mb-3">
-      <div className={`text-2xl ${iconColor}`}>
-        {icon}
-      </div>
-    </div>
-    <div>
-      <div className={`text-[10px] font-medium uppercase tracking-wide mb-1 ${textColor.includes('white') ? 'text-white/80' : 'text-gray-600 dark:text-gray-400'}`}>
-        {label}
-      </div>
-      <div className={`text-2xl font-semibold ${textColor}`}>{value}</div>
-    </div>
-  </div>
-);
+// const MetricCard: React.FC<{ 
+//   icon: React.ReactNode; 
+//   label: string; 
+//   value: string; 
+//   iconColor?: string;
+//   bgColor: string;
+//   textColor?: string;
+// }> = ({ icon, label, value, iconColor = "text-white", bgColor, textColor = "text-gray-900 dark:text-white" }) => (
+//   <div className={`${bgColor} rounded-lg shadow hover:shadow-md transition-all p-5 border border-gray-200 dark:border-gray-700`}>
+//     <div className="flex items-center justify-between mb-3">
+//       <div className={`text-2xl ${iconColor}`}>
+//         {icon}
+//       </div>
+//     </div>
+//     <div>
+//       <div className={`text-[10px] font-medium uppercase tracking-wide mb-1 ${textColor.includes('white') ? 'text-white/80' : 'text-gray-600 dark:text-gray-400'}`}>
+//         {label}
+//       </div>
+//       <div className={`text-2xl font-semibold ${textColor}`}>{value}</div>
+//     </div>
+//   </div>
+// );

 // Mini Area Chart Component
 const MiniAreaChart: React.FC = () => {
--- a/src/pages/PPMDetail.tsx
+++ b/src/pages/PPMDetail.tsx
@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { useParams, useNavigate, useSearchParams } from 'react-router-dom';
 import { usePPMDetails, usePPMMutations } from '../hooks/usePPM';
-import { FaArrowLeft, FaSave, FaEdit, FaBuilding, FaTools, FaCalendarCheck, FaDollarSign } from 'react-icons/fa';
+import { FaArrowLeft, FaSave, FaEdit, FaTools } from 'react-icons/fa';
 import type { CreatePPMData } from '../services/ppmService';

 const PPMDetail: React.FC = () => {
--- a/src/pages/PPMList.tsx
+++ b/src/pages/PPMList.tsx
@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { usePPMs, usePPMMutations } from '../hooks/usePPM';
-import { FaPlus, FaSearch, FaEdit, FaEye, FaTrash, FaCopy, FaEllipsisV, FaFileExport, FaCalendarCheck, FaTools, FaBuilding } from 'react-icons/fa';
+import { FaPlus, FaSearch, FaEdit, FaEye, FaTrash, FaCopy, FaEllipsisV, FaFileExport, FaCalendarCheck, FaBuilding } from 'react-icons/fa';

 const PPMList: React.FC = () => {
  const navigate = useNavigate();
--- a/vite.config.ts
+++ b/vite.config.ts
@ -3,7 +3,10 @@ import react from '@vitejs/plugin-react'

 // https://vite.dev/config/
 export default defineConfig({
+  base: '/seera-app/',     
+
  plugins: [react()],
+
  server: {
    port: 3000,
    allowedHosts: [
@ -36,15 +39,14 @@ export default defineConfig({
          });
        },
      },
+
      // Proxy file requests to Frappe backend
      '/files': {
        target: process.env.VITE_FRAPPE_BASE_URL || 'https://seeraasm-med.seeraarabia.com',
        changeOrigin: true,
        secure: true,
-        // Keep the /files path as-is when forwarding to the target
        configure: (proxy, _options) => {
          proxy.on('proxyReq', (proxyReq, req, _res) => {
-            // Log for debugging
            if (process.env.DEV) {
              console.log('Proxying file request:', req.url, 'to', proxyReq.path);
            }
@ -53,6 +55,7 @@ export default defineConfig({
      }
    }
  },
+
  build: {
    outDir: 'dist',
    assetsDir: 'assets',
Author	SHA1	Message	Date
Vipeesh	811f102adb	vite update	2025-11-26 19:16:15 +00:00
Duradundi Hadimani	0b60478cbf	Build error fixes	2025-11-26 21:23:16 +05:30