@paro.io/expert-shared-components 1.14.42 → 1.14.45

package/lib/components/DocumentCenter/DragDropUpload.js

@@ -102,12 +102,12 @@ const DragDropUpload = ({ onFilesSelected, maxFileSize = 10, acceptedFileTypes =
         (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
     return (react_1.default.createElement(core_1.Box, { className: "w-full" },
-        react_1.default.createElement(core_1.Box, { onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: `
-                    relative border-2 border-dashed rounded-lg p-8 text-center transition-all duration-200
+        react_1.default.createElement(core_1.Box, { onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: `
+                    relative border-2 border-dashed rounded-lg p-8 text-center transition-all duration-200
                     ${isDragging
                 ? "border-blue-500 bg-blue-50"
-                : "border-gray-300 bg-gray-50 hover:border-gray-400"}
-                    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+                : "border-gray-300 bg-gray-50 hover:border-gray-400"}
+                    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
                 `, onClick: !disabled ? handleBrowseClick : undefined },
             react_1.default.createElement("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptedFileTypes.join(","), onChange: handleFileInputChange, style: { display: "none" }, disabled: disabled }),
             react_1.default.createElement(core_1.Box, { className: "flex flex-col items-center justify-center space-y-4" },

package/lib/components/DocumentCenter/MultiFileUploadSection.js

@@ -188,6 +188,22 @@ const MultiFileUploadSection = ({ paroDocuments, clientAndProjectsList, uploadEx
     }, [selectedExpert, clientOptions, isClientPortal]);
     const hasMultipleProjects = selectedExpertProjects.length > 1;
     const hasSingleProject = selectedExpertProjects.length === 1;
+    // Filtered project options for the selected expert/client
+    const filteredProjectOptions = react_1.default.useMemo(() => {
+        if (!selectedExpert)
+            return [];
+        return clientOptions.filter((opt) => {
+            var _a, _b;
+            const isMatch = isClientPortal
+                ? ((_a = opt.freelancer) === null || _a === void 0 ? void 0 : _a.id) === selectedExpert.id
+                : ((_b = opt.client) === null || _b === void 0 ? void 0 : _b.id) === selectedExpert.id;
+            const projectStatus = opt.status || opt.projectStatus;
+            const excludedStatuses = ["complete", "completed", "doa", "churned"];
+            const isValidProject = projectStatus &&
+                !excludedStatuses.includes(projectStatus.toLowerCase());
+            return isMatch && isValidProject;
+        });
+    }, [selectedExpert, clientOptions, isClientPortal]);
     // Check if all files have projects assigned (for multi-project experts/clients)
     const allFilesHaveProjects = react_1.default.useMemo(() => {
         if (!hasMultipleProjects)
@@ -538,27 +554,7 @@ const MultiFileUploadSection = ({ paroDocuments, clientAndProjectsList, uploadEx
                                                         });
                                                         return;
                                                     }
-                                                    const filteredOptions = selectedExpert
-                                                        ? clientOptions.filter((opt) => {
-                                                            var _a, _b;
-                                                            const isMatch = isClientPortal
-                                                                ? ((_a = opt.freelancer) === null || _a === void 0 ? void 0 : _a.id) ===
-                                                                    selectedExpert.id
-                                                                : ((_b = opt.client) === null || _b === void 0 ? void 0 : _b.id) ===
-                                                                    selectedExpert.id;
-                                                            const projectStatus = opt.status || opt.projectStatus;
-                                                            const excludedStatuses = [
-                                                                "complete",
-                                                                "completed",
-                                                                "doa",
-                                                                "churned",
-                                                            ];
-                                                            const isValidProject = projectStatus &&
-                                                                !excludedStatuses.includes(projectStatus.toLowerCase());
-                                                            return isMatch && isValidProject;
-                                                        })
-                                                        : clientOptions;
-                                                    const selected = filteredOptions.find((opt) => opt.value === e.target.value);
+                                                    const selected = filteredProjectOptions.find((opt) => opt.value === e.target.value);
                                                     updateItem(item.id, {
                                                         clientAndProject: selected,
                                                     });
@@ -568,36 +564,7 @@ const MultiFileUploadSection = ({ paroDocuments, clientAndProjectsList, uploadEx
                                                         value: "",
                                                         label: "Which project?",
                                                     },
-                                                    ...(selectedExpert
-                                                        ? clientOptions.filter((opt) => {
-                                                            var _a, _b;
-                                                            const isMatch = isClientPortal
-                                                                ? ((_a = opt.freelancer) === null || _a === void 0 ? void 0 : _a.id) ===
-                                                                    selectedExpert.id
-                                                                : ((_b = opt.client) === null || _b === void 0 ? void 0 : _b.id) ===
-                                                                    selectedExpert.id;
-                                                            const projectStatus = opt.status || opt.projectStatus;
-                                                            const excludedStatuses = [
-                                                                "complete",
-                                                                "completed",
-                                                                "doa",
-                                                                "churned",
-                                                            ];
-                                                            const isValidProject = projectStatus &&
-                                                                !excludedStatuses.includes(projectStatus.toLowerCase());
-                                                            return isMatch && isValidProject;
-                                                        })
-                                                        : clientOptions.filter((opt) => {
-                                                            const projectStatus = opt.status || opt.projectStatus;
-                                                            const excludedStatuses = [
-                                                                "complete",
-                                                                "completed",
-                                                                "doa",
-                                                                "churned",
-                                                            ];
-                                                            return (projectStatus &&
-                                                                !excludedStatuses.includes(projectStatus.toLowerCase()));
-                                                        })),
+                                                    ...filteredProjectOptions,
                                                 ], disabled: item.status === "uploading" ||
                                                     item.status === "success" ||
                                                     !selectedExpert, required: false }))),

package/lib/components/DocumentCenter/UploadFilesButton.d.ts

@@ -1,6 +1,6 @@
-interface UploadFilesButtonProps {
-    onFileSelect: (file: File) => void;
-    isLoading?: boolean;
-}
-export declare const UploadFilesButton: ({ onFileSelect, isLoading, }: UploadFilesButtonProps) => JSX.Element;
-export {};
+interface UploadFilesButtonProps {
+    onFileSelect: (file: File) => void;
+    isLoading?: boolean;
+}
+export declare const UploadFilesButton: ({ onFileSelect, isLoading, }: UploadFilesButtonProps) => JSX.Element;
+export {};

package/lib/components/DocumentCenter/UploadFilesButton.js

@@ -1,29 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadFilesButton = void 0;
-const react_1 = __importDefault(require("react"));
-const base_ui_1 = require("@paro.io/base-ui");
-const react_2 = require("react");
-const UploadFilesButton = ({ onFileSelect, isLoading, }) => {
-    const fileInputRef = (0, react_2.useRef)(null);
-    const handleClick = () => {
-        var _a;
-        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    };
-    const handleFileChange = (event) => {
-        var _a;
-        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file) {
-            onFileSelect(file);
-        }
-        // Reset input value to allow uploading the same file again
-        event.target.value = '';
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "hidden", accept: ".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx" }),
-        react_1.default.createElement(base_ui_1.Button, { onClick: handleClick, disabled: isLoading })));
-};
-exports.UploadFilesButton = UploadFilesButton;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadFilesButton = void 0;
+const react_1 = __importDefault(require("react"));
+const base_ui_1 = require("@paro.io/base-ui");
+const react_2 = require("react");
+const UploadFilesButton = ({ onFileSelect, isLoading, }) => {
+    const fileInputRef = (0, react_2.useRef)(null);
+    const handleClick = () => {
+        var _a;
+        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    const handleFileChange = (event) => {
+        var _a;
+        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            onFileSelect(file);
+        }
+        // Reset input value to allow uploading the same file again
+        event.target.value = '';
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "hidden", accept: ".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx" }),
+        react_1.default.createElement(base_ui_1.Button, { onClick: handleClick, disabled: isLoading })));
+};
+exports.UploadFilesButton = UploadFilesButton;

package/lib/components/EarningsTracker/ActiveProjectCard.d.ts

@@ -1,52 +1,52 @@
-import React from 'react';
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tooltip">;
-interface ActiveProjectCardProps {
-    project: any;
-    projectsData: any;
-    expertName: string;
-    freelancerId: number;
-    freelancerEmail: string;
-    isAuthenticated: boolean;
-    activeProject?: boolean;
-    adhocProject?: boolean;
-    upcomingProject?: boolean;
-    selectedTab: number;
-    projectTagsMap?: any;
-    updateProjectStatusMutation: any;
-    GetAllProjectIrprDetailsForFreelancerDocument: any;
-    updateParoProjectTagsMutation: any;
-    GetParoProjectsDocument: any;
-    updateProjectTagReviewStatusMutation: any;
-    getSowLazyQuery: any;
-    createChangeRequestMutation: any;
-    createOrUpdateRatingRequestMutation: any;
-    updateProjectTaskMutation: any;
-    submitProjectHoursMutation: any;
-    getAuth0Roles: any;
-    user: any;
-    internalPortal?: boolean;
-    csmUserGroup?: boolean;
-    clientPortal?: boolean;
-    signedSow?: boolean;
-}
-interface unAuthProps {
-    updateProjectStatus?: any;
-    updateProjectTags?: any;
-    sendParoSupportEmail?: any;
-    submitProjectHoursLambda?: any;
-    updateProjectTask?: any;
-    createChangeRequest?: any;
-}
-export declare const CheckItem: ({ checked, text }: any) => React.JSX.Element;
-export declare const getAllProjectRecommendationData: ({ projectData }: any) => {
-    minFloorHours: any;
-    maxFloorHours: any;
-    loggedHours: string | number;
-    weeklyHoursLogged: any;
-    hoursPerWeek: number | false;
-    minFloorName: string;
-    hoursToComplete: number | false;
-    remainingWeeks: number;
-};
-export declare const ActiveProjectCard: ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal, csmUserGroup, clientPortal, signedSow, }: ActiveProjectCardProps & unAuthProps) => JSX.Element;
-export {};
+import React from 'react';
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tooltip">;
+interface ActiveProjectCardProps {
+    project: any;
+    projectsData: any;
+    expertName: string;
+    freelancerId: number;
+    freelancerEmail: string;
+    isAuthenticated: boolean;
+    activeProject?: boolean;
+    adhocProject?: boolean;
+    upcomingProject?: boolean;
+    selectedTab: number;
+    projectTagsMap?: any;
+    updateProjectStatusMutation: any;
+    GetAllProjectIrprDetailsForFreelancerDocument: any;
+    updateParoProjectTagsMutation: any;
+    GetParoProjectsDocument: any;
+    updateProjectTagReviewStatusMutation: any;
+    getSowLazyQuery: any;
+    createChangeRequestMutation: any;
+    createOrUpdateRatingRequestMutation: any;
+    updateProjectTaskMutation: any;
+    submitProjectHoursMutation: any;
+    getAuth0Roles: any;
+    user: any;
+    internalPortal?: boolean;
+    csmUserGroup?: boolean;
+    clientPortal?: boolean;
+    signedSow?: boolean;
+}
+interface unAuthProps {
+    updateProjectStatus?: any;
+    updateProjectTags?: any;
+    sendParoSupportEmail?: any;
+    submitProjectHoursLambda?: any;
+    updateProjectTask?: any;
+    createChangeRequest?: any;
+}
+export declare const CheckItem: ({ checked, text }: any) => React.JSX.Element;
+export declare const getAllProjectRecommendationData: ({ projectData }: any) => {
+    minFloorHours: any;
+    maxFloorHours: any;
+    loggedHours: string | number;
+    weeklyHoursLogged: any;
+    hoursPerWeek: number | false;
+    minFloorName: string;
+    hoursToComplete: number | false;
+    remainingWeeks: number;
+};
+export declare const ActiveProjectCard: ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal, csmUserGroup, clientPortal, signedSow, }: ActiveProjectCardProps & unAuthProps) => JSX.Element;
+export {};