@paro.io/expert-shared-components 1.14.23 → 1.14.24

package/lib/components/HeaderNavBar/index.d.ts

@@ -1,2 +1,18 @@
 import React from "react";
-export declare const HeaderNavBar: ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester, isClientPortal, setFaqModal, setOpenOrganizationModal, isAIGPEnabled, setOpenImportClients }: any) => React.JSX.Element;
+type HeaderNavBarProps = {
+    setOpenDocumentModal: (open: boolean) => void;
+    setOpenServiceLinesTemplate: (open: boolean) => void;
+    setOpenExpertWallet?: (open: boolean) => void;
+    isWalletTester?: boolean;
+    isClientPortal?: boolean;
+    setFaqModal: (open: boolean) => void;
+    setOpenOrganizationModal?: (open: boolean) => void;
+    isAIGPEnabled?: boolean;
+    setOpenImportClients?: (open: boolean) => void;
+    isByob?: boolean;
+    featureStatus?: Record<string, any>;
+    updateExpert?: (args: any) => Promise<any>;
+    expertId?: string;
+};
+export declare const HeaderNavBar: ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester, isClientPortal, setFaqModal, setOpenOrganizationModal, isAIGPEnabled, setOpenImportClients, isByob, featureStatus, updateExpert, expertId, }: HeaderNavBarProps) => React.JSX.Element;
+export {};

package/lib/components/HeaderNavBar/index.js

@@ -1,21 +1,133 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderNavBar = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const base_icons_1 = require("@paro.io/base-icons");
 const base_ui_1 = require("@paro.io/base-ui");
 const icons_1 = require("@material-ui/icons");
-const HeaderNavBar = ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester, isClientPortal = false, setFaqModal, setOpenOrganizationModal, isAIGPEnabled = false, setOpenImportClients }) => {
+const core_1 = require("@material-ui/core");
+const ReviewsTab_1 = require("../ReviewsTab/ReviewsTab");
+const react_hot_toast_1 = require("react-hot-toast");
+const CustomSwitch = (0, core_1.styled)(core_1.Switch)(({ theme }) => ({
+    width: 44,
+    height: 24,
+    padding: 0,
+    '& .MuiSwitch-switchBase': {
+        padding: '2px',
+        transitionDuration: '300ms',
+        position: 'absolute',
+        '&.Mui-checked': {
+            color: '#FFFFFF',
+            '& + .MuiSwitch-track': {
+                backgroundColor: '#248384',
+                opacity: 1,
+                border: 10,
+            },
+            '&.Mui-disabled + .MuiSwitch-track': {
+                opacity: 1,
+                backgroundColor: '#E2E2E2',
+            },
+        },
+    },
+    '& .MuiSwitch-track': {
+        borderRadius: 12,
+        border: '1px solid #CBD5E1',
+        backgroundColor: '#F1F5F9',
+        opacity: 1,
+        transition: theme.transitions.create(['background-color'], {
+            duration: 500,
+        }),
+    },
+    '& .MuiSwitch-thumb': {
+        width: 20,
+        height: 20,
+        borderRadius: '50%',
+        backgroundColor: '#FFFFFF',
+    },
+}));
+const HeaderNavBar = ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester = false, isClientPortal = false, setFaqModal, setOpenOrganizationModal, isAIGPEnabled = false, setOpenImportClients, isByob = false, featureStatus = {}, updateExpert, expertId, }) => {
+    const [value, setValue] = (0, react_1.useState)('');
+    const [updating, setUpdtaing] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (featureStatus.hasOwnProperty('byobDashboardView')) {
+            featureStatus.hasOwnProperty('byobDashboardView') && featureStatus.byobDashboardView === 'aigp' ? setValue('aigp') : setValue('marketPlace');
+        }
+    }, [featureStatus]);
+    const updateFeatureStatus = (status) => {
+        const updateFeatureStatus = Object.assign(Object.assign({}, featureStatus), { byobDashboardView: status });
+        setUpdtaing(true);
+        updateExpert && updateExpert({
+            variables: {
+                expertId: expertId,
+                input: {
+                    featureStatus: updateFeatureStatus
+                }
+            },
+        }).then(() => {
+            (0, ReviewsTab_1.toastNotification)({
+                position: 'top-center',
+                color: 'success',
+                message: 'Updated successfully!',
+                icon: 'success',
+            });
+            setValue(status);
+        }).catch(() => {
+            (0, ReviewsTab_1.toastNotification)({
+                position: 'top-center',
+                color: 'warning',
+                message: 'Update failed!',
+                icon: 'warning'
+            });
+        }).finally(() => {
+            setUpdtaing(false);
+        });
+    };
     return (react_1.default.createElement("div", { className: "flex w-full bg-white p-2 shadow-sm justify-start" },
         react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px' } },
-            !isClientPortal && isAIGPEnabled && (react_1.default.createElement(base_ui_1.Button, { onClick: () => { setOpenImportClients(true); }, label: "AI Growth Platform", iconLeft: react_1.default.createElement(icons_1.Android, { fontSize: "medium", className: "text-black" }), size: "sm", id: "aigp_button", color: "primary", iconRight: react_1.default.createElement(base_ui_1.Tag, { color: "danger", label: "New!", variant: "subtle" }) })),
-            !isClientPortal && (react_1.default.createElement(base_ui_1.Button, { id: "reactour__inviteToFirmButton", onClick: () => { setOpenOrganizationModal(true); }, label: "Manage Firm", iconLeft: react_1.default.createElement(icons_1.GroupAdd, { fontSize: "medium", className: "text-black" }), size: "sm" })),
-            !isClientPortal && isWalletTester && (react_1.default.createElement(base_ui_1.Button, { id: "expert_wallet_button", onClick: () => setOpenExpertWallet(true), label: "Wallet", iconLeft: react_1.default.createElement(base_icons_1.IconCash, { size: "md" }), size: "sm" })),
+            !isClientPortal && isAIGPEnabled && react_1.default.createElement(react_1.default.Fragment, null, isByob && featureStatus.hasOwnProperty('byobDashboardView')
+                ?
+                    react_1.default.createElement("div", { className: "flex flex-row justify-start items-center space-x-2" },
+                        react_1.default.createElement("p", { className: `${value === "marketPlace" && "font-bold text-success"}` }, "Market Place"),
+                        updating
+                            ?
+                                react_1.default.createElement(core_1.CircularProgress, { size: 18 })
+                            :
+                                react_1.default.createElement(CustomSwitch, { checked: value === "aigp", onChange: (e) => { updateFeatureStatus(e.target.checked ? 'aigp' : 'marketPlace'); } }),
+                        react_1.default.createElement("p", { className: `${value === 'aigp' && "font-bold text-success"}` }, "AIGP Growth Platform"))
+                : react_1.default.createElement(base_ui_1.Button, { onClick: () => { setOpenImportClients && setOpenImportClients(true); }, label: "AI Growth Platform", iconLeft: react_1.default.createElement(icons_1.Android, { fontSize: "medium", className: "text-black" }), size: "sm", id: "aigp_button", color: "primary", iconRight: react_1.default.createElement(base_ui_1.Tag, { color: "danger", label: "New!", variant: "subtle" }) })),
+            !isClientPortal && (react_1.default.createElement(base_ui_1.Button, { id: "reactour__inviteToFirmButton", onClick: () => { setOpenOrganizationModal && setOpenOrganizationModal(true); }, label: "Manage Firm", iconLeft: react_1.default.createElement(icons_1.GroupAdd, { fontSize: "medium", className: "text-black" }), size: "sm" })),
+            !isClientPortal && isWalletTester && setOpenExpertWallet && (react_1.default.createElement(base_ui_1.Button, { id: "expert_wallet_button", onClick: () => setOpenExpertWallet(true), label: "Wallet", iconLeft: react_1.default.createElement(base_icons_1.IconCash, { size: "md" }), size: "sm" })),
             !isClientPortal && (react_1.default.createElement(base_ui_1.Button, { id: "service_lines_button", onClick: () => setOpenServiceLinesTemplate(true), label: "Service Lines", iconLeft: react_1.default.createElement(base_icons_1.IconBriefcase, { size: "md" }), size: "sm" })),
             react_1.default.createElement(base_ui_1.Button, { id: "document_center_button", onClick: () => setOpenDocumentModal(true), label: "Document Center", iconLeft: react_1.default.createElement(base_icons_1.IconDocumentText, { size: "md" }), size: "sm" }),
-            react_1.default.createElement(base_ui_1.Button, { id: "reactour__faqbutton", onClick: () => { setFaqModal(true); }, label: "FAQ", iconLeft: react_1.default.createElement(icons_1.ForumOutlined, { fontSize: "medium", className: "text-black" }), size: "sm" }))));
+            react_1.default.createElement(base_ui_1.Button, { id: "reactour__faqbutton", onClick: () => { setFaqModal(true); }, label: "FAQ", iconLeft: react_1.default.createElement(icons_1.ForumOutlined, { fontSize: "medium", className: "text-black" }), size: "sm" })),
+        react_1.default.createElement(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {
+                style: {
+                    zIndex: 9999,
+                    backgroundColor: 'transparent'
+                },
+            } })));
 };
 exports.HeaderNavBar = HeaderNavBar;

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

@@ -20,6 +20,7 @@ interface ActiveProjectCardProps {
     isStageProd: string;
     isRequestReviewEnabled?: boolean;
     changeRequests?: any;
+    expertFirmEmployees?: any;
 }
 interface AuthRouteProps {
     updateProjectStatusMutation?: any;
@@ -58,5 +59,5 @@ export declare const getAllProjectRecommendationData: ({ projectData }: any) =>
     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, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, }: ActiveProjectCardProps & AuthRouteProps & unAuthRouteProps) => JSX.Element;
+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, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, expertFirmEmployees, }: ActiveProjectCardProps & AuthRouteProps & unAuthRouteProps) => JSX.Element;
 export {};

package/lib/components/ProjectCard/ActiveProjectCard.js

@@ -103,7 +103,7 @@ const getDays = (oldValue, newValue) => {
     const newDate = (0, dayjs_1.default)(newValue);
     return newDate.diff(oldDate, 'day');
 };
-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, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal = false, csmUserGroup = false, clientPortal = false, signedSow = false, isStageProd, isRequestReviewEnabled = false, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, }) => {
+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, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal = false, csmUserGroup = false, clientPortal = false, signedSow = false, isStageProd, isRequestReviewEnabled = false, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, expertFirmEmployees, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const [editEndDate, setEditEndDate] = (0, react_1.useState)(false);
     const [editStartDate, setEditStartDate] = (0, react_1.useState)(false);
@@ -180,6 +180,6 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
                 react_1.default.createElement(LeftCardUI_1.LeftCardUI, { projectData: singleProjectData, projectFrequencyType: projectFrequencyType, projectRateType: projectRateType, project: project, isAuthenticated: isAuthenticated, adhocProject: adhocProject, activeProject: activeProject, freelancerId: freelancerId, selectedTab: selectedTab, updateProjectTaskMutation: updateProjectTaskMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateProjectTask: updateProjectTask, clientPortal: clientPortal }),
                 react_1.default.createElement("div", { className: "flex flex-col flex-grow md:flex-row gap-x-0 justify-around" },
                     react_1.default.createElement(CenterCardUI_1.CenterCardUI, { startDate: project === null || project === void 0 ? void 0 : project.startDate, endDate: project === null || project === void 0 ? void 0 : project.endDate, projectData: singleProjectData, projectRateType: projectRateType, project: project, projectFrequencyType: projectFrequencyType, adhocProject: adhocProject, clientPortal: clientPortal, internalPortal: internalPortal }),
-                    react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, createOrUpdateRating: createOrUpdateRating, getParoProjectsByClientIdDocument: getParoProjectsByClientIdDocument, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow, isStageProd: isStageProd, isRequestReviewEnabled: isRequestReviewEnabled, updateDBProjectRequestStatus: updateDBProjectRequestStatus }))))));
+                    react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, createOrUpdateRating: createOrUpdateRating, getParoProjectsByClientIdDocument: getParoProjectsByClientIdDocument, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow, isStageProd: isStageProd, isRequestReviewEnabled: isRequestReviewEnabled, updateDBProjectRequestStatus: updateDBProjectRequestStatus, expertFirmEmployees: expertFirmEmployees }))))));
 };
 exports.ActiveProjectCard = ActiveProjectCard;

package/lib/components/ProjectCard/LogTimeModalAuthenticated.d.ts

@@ -47,6 +47,7 @@ interface LogTimeModalAuthenticatedProps {
     getAuth0Roles: any;
     submitProjectHoursLambda: any;
     user: any;
+    expertFirmEmployees: any;
 }
-export declare const LogTimeModalAuthenticated: ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, }: LogTimeModalAuthenticatedProps) => React.JSX.Element;
+export declare const LogTimeModalAuthenticated: ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, expertFirmEmployees, }: LogTimeModalAuthenticatedProps) => React.JSX.Element;
 export {};

package/lib/components/ProjectCard/LogTimeModalAuthenticated.js

@@ -134,7 +134,7 @@ const SelectDate = ({ timeLogDate, setTimeLogDate, isInvalid, setIsDateInvalid,
         react_1.default.createElement("div", { className: "block w-full sm:w-1/3" }, getDatePicker(showErrorText))));
 };
 exports.SelectDate = SelectDate;
-const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, }) => {
+const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, expertFirmEmployees, }) => {
     var _a, _b, _c, _d, _e, _f;
     const [timeLogDate, setTimeLogDate] = (0, react_1.useState)(new Date());
     const [hours, setHours] = (0, react_1.useState)('');
@@ -149,6 +149,7 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
     const [isTaskdescriptionInvalidText, setIsTaskdescriptionInvalidText] = (0, react_1.useState)(exports.constants.TASK_DESCRIPTION_ERROR_MESSAGE);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(false);
+    const [submittingFor, setSubmittingFor] = (0, react_1.useState)(null);
     const currProjectHours = parseFloat(projectData === null || projectData === void 0 ? void 0 : projectData.hoursInvoiced);
     const { hoursPerWeek, minFloorHours } = (0, ActiveProjectCard_1.getAllProjectRecommendationData)({ projectData });
     const firstDateOfMonth = (0, dayjs_1.default)().startOf('month').format('MM/DD/YY');
@@ -158,6 +159,17 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
     const disableHoursRounding = auth0Roles && auth0Roles.includes('expert_disable_rounding');
     const disableRoundingClients = Array.isArray(user === null || user === void 0 ? void 0 : user.disableRoundingClients) ? user === null || user === void 0 ? void 0 : user.disableRoundingClients.map((e) => e.clientName) : [];
     const disableHours = disableHoursRounding && disableRoundingClients.includes((_d = (_c = project === null || project === void 0 ? void 0 : project.client) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '');
+    const isFirmProfile = (user === null || user === void 0 ? void 0 : user.isFirmProfile) || false;
+    const teamMemberOptions = [
+        {
+            label: 'Select a Team Member',
+            value: '',
+        },
+        ...expertFirmEmployees.map((member) => ({
+            label: member.employeeFirstName + ' ' + member.employeeLastName,
+            value: member,
+        })),
+    ];
     const validateHours = (value) => {
         const empty = value == '';
         const maxvalue = parseInt(value) > TASK_HOURS_VALIDATION.MAX_LENGTH;
@@ -272,14 +284,7 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
                 progressBarHours = totalHours;
             }
             try {
-                const projectHours = {
-                    date: (0, dayjs_1.default)(timeLogDate).format('MM/DD/YY'),
-                    description: taskDescription,
-                    hours: totalHours,
-                    sourceId: 55,
-                    freelancerId: freelancerId,
-                    projectId: parseInt(project === null || project === void 0 ? void 0 : project.id)
-                };
+                const projectHours = Object.assign({ date: (0, dayjs_1.default)(timeLogDate).format('MM/DD/YY'), description: taskDescription, hours: totalHours, sourceId: 55, freelancerId: freelancerId, projectId: parseInt(project === null || project === void 0 ? void 0 : project.id) }, (isFirmProfile && { firmEmployeeId: (submittingFor === null || submittingFor === void 0 ? void 0 : submittingFor.legacyFreelancerId) || (user === null || user === void 0 ? void 0 : user.firmTeamMemberId) }));
                 if (isAuthenticated) {
                     yield submitProjectHoursMutation({
                         variables: {
@@ -340,6 +345,7 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
             react_1.default.createElement("div", { className: 'text-xs italic mb-6' }, " Note: Entries are rounded up to the nearest 15-minute increment"),
             react_1.default.createElement("p", { className: "font-bold" }, "Select Date"),
             react_1.default.createElement(exports.SelectDate, { timeLogDate: timeLogDate, setTimeLogDate: setTimeLogDate, isInvalid: false, setIsDateInvalid: setIsDateInvalid, validateDate: validateDate, maxDate: project === null || project === void 0 ? void 0 : project.endDate }),
+            isFirmProfile && !(user === null || user === void 0 ? void 0 : user.firmTeamMemberId) && react_1.default.createElement(base_ui_1.Autocomplete, { label: "Select a team member", name: 'select-team-member', value: submittingFor, required: false, onSelect: (event) => setSubmittingFor(event), options: teamMemberOptions, isInvalid: submittingFor === null || submittingFor === '', size: "md" }),
             react_1.default.createElement("p", { className: "font-bold mt-2" }, "Enter Time"),
             react_1.default.createElement("div", { className: "flex flex-col sm:flex-row gap-x-6" },
                 react_1.default.createElement(base_ui_1.Input, { label: "Hours", className: "sm:text-sm h-12", placeholder: "HH", name: "hours", onChange: (event) => handleChange('hours', event.target.value), onBlur: (_event) => handleBlur(), value: hours, isInvalid: isHoursInvalid, isInvalidText: isHoursInvalidText, maxLength: 3 }),

package/lib/components/ProjectCard/RightCardUI.d.ts

@@ -46,6 +46,7 @@ interface RightCardUIProps {
     isStageProd: string;
     isRequestReviewEnabled: boolean;
     updateDBProjectRequestStatus: any;
+    expertFirmEmployees: any;
 }
-export declare const RightCardUI: ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, }: RightCardUIProps) => React.JSX.Element;
+export declare const RightCardUI: ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, expertFirmEmployees, }: RightCardUIProps) => React.JSX.Element;
 export {};

package/lib/components/ProjectCard/RightCardUI.js

@@ -61,7 +61,7 @@ const TicketModal = ({ ticketModal, setTicketModal }) => {
         react_1.default.createElement("p", { className: "font-bold text-md mb-2" }, "Thank you for reaching out to Paro Support, we will contact you within the next business day to follow up on your request."),
         react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { setTicketModal(false); }, label: "OK", className: "mt-4", color: "primary" })));
 };
-const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, }) => {
+const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, updateDBProjectRequestStatus, expertFirmEmployees, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const [expandClient, setExpandClient] = (0, react_1.useState)(false);
     const [expandSupport, setExpandSupport] = (0, react_1.useState)(clientPortal);
@@ -232,7 +232,7 @@ const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAut
                         react_1.default.createElement("a", { href: `mailto:${(_q = project === null || project === void 0 ? void 0 : project.paroContact) === null || _q === void 0 ? void 0 : _q.email}`, className: "underline text-[#1878BD]" }, (_r = project === null || project === void 0 ? void 0 : project.paroContact) === null || _r === void 0 ? void 0 : _r.email),
                         react_1.default.createElement("p", null, (_s = project === null || project === void 0 ? void 0 : project.paroContact) === null || _s === void 0 ? void 0 : _s.phone)),
                     react_1.default.createElement(base_ui_1.Button, { label: "CONTACT SUPPORT", size: "sm", className: "max-w-max mt-2", onClick: () => setEmailModal(true) })))),
-        react_1.default.createElement(LogTimeModalAuthenticated_1.LogTimeModalAuthenticated, { project: project, freelancerId: freelancerId, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, setSingleProjectData: setSingleProjectData, projectData: projectData, selectedTab: selectedTab, isAuthenticated: isAuthenticated, submitProjectHoursMutation: submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user }),
+        react_1.default.createElement(LogTimeModalAuthenticated_1.LogTimeModalAuthenticated, { project: project, freelancerId: freelancerId, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, setSingleProjectData: setSingleProjectData, projectData: projectData, selectedTab: selectedTab, isAuthenticated: isAuthenticated, submitProjectHoursMutation: submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user, expertFirmEmployees: expertFirmEmployees }),
         react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.startDate, editDate: editStartDate, setEditDate: setEditStartDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "start", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv, internalPortal: internalPortal, updateDBProjectRequestStatus: updateDBProjectRequestStatus }),
         react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.endDate, editDate: editEndDate, setEditDate: setEditEndDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "end", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv, internalPortal: internalPortal, updateDBProjectRequestStatus: updateDBProjectRequestStatus }),
         react_1.default.createElement(EndProjectModal_1.EndProjectModal, { freelancerId: freelancerId, project: project, expertName: expertName, showConfirmationModal: showConfirmationModal, setShowConfirmationModal: setShowConfirmationModal, projectType: projectType, isAuthenticated: isAuthenticated, selectedTab: selectedTab, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags }),

package/package.json

@@ -1,71 +1,67 @@
-{
-  "name": "@paro.io/expert-shared-components",
-  "version": "1.14.23",
-  "description": "",
-  "main": "lib/index.js",
-  "scripts": {
-    "build": "tsc",
-    "prepare": "yarn build",
-    "test": "yarn test:build",
-    "test:build": "yarn build",
-    "clean": "yarn -rf lib",
-    "predeploy": "tsc && cp package.json README.md ./lib",
-    "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
-    "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
-  },
-  "repository": "https://github.com/paroadmin/expert-shared-components.git",
-  "keywords": [
-    "react",
-    "components",
-    "shared"
-  ],
-  "author": "apande@paro.io",
-  "license": "MIT",
-  "dependencies": {
-    "@date-io/dayjs": "1.x",
-    "@fortawesome/fontawesome-svg-core": "^6.6.0",
-    "@fortawesome/free-solid-svg-icons": "^6.6.0",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@hookform/resolvers": "3.3.4",
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/icons": "^4.11.3",
-    "@material-ui/lab": "^4.0.0-alpha.61",
-    "@material-ui/pickers": "^3.3.11",
-    "@paro.io/base-icons": "^1.0.4",
-    "@paro.io/base-ui": "^1.8.3",
-    "@types/react-input-mask": "^3.0.5",
-    "dayjs": "^1.10.7",
-    "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-copy-to-clipboard": "^5.0.4",
-    "react-datepicker": "^4.6.0",
-    "react-dom": "^17.0.2",
-    "react-hook-form": "7.51.1",
-    "react-hot-toast": "^2.4.1",
-    "react-input-mask": "^3.0.0-alpha.2",
-    "styled-components": "^5.3.3",
-    "uuid": "8.3.2",
-    "yup": "^0.32.11"
-  },
-  "devDependencies": {
-    "@types/lodash": "^4.14.170",
-    "@types/react": "18.3.12",
-    "@types/react-copy-to-clipboard": "^5.0.2",
-    "@types/react-datepicker": "^4.19.6",
-    "@types/react-dom": "^18.2.22",
-    "@types/styled-components": "^5.1.22",
-    "@types/uuid": "^10.0.0",
-    "@types/yup": "^0.29.13",
-    "typescript": "^5.3.3"
-  },
-  "files": [
-    "lib/**/*"
-  ],
-  "directories": {
-    "lib": "lib"
-  },
-  "volta": {
-    "node": "16.17.1",
-    "yarn": "1.22.22"
-  }
-}
+{
+  "name": "@paro.io/expert-shared-components",
+  "version": "1.14.24",
+  "description": "",
+  "main": "lib/index.js",
+  "scripts": {
+    "build": "tsc",
+    "prepare": "yarn build",
+    "test": "yarn test:build",
+    "test:build": "yarn build",
+    "clean": "yarn -rf lib",
+    "predeploy": "tsc && cp package.json README.md ./lib",
+    "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
+    "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
+  },
+  "repository": "https://github.com/paroadmin/expert-shared-components.git",
+  "keywords": [
+    "react",
+    "components",
+    "shared"
+  ],
+  "author": "apande@paro.io",
+  "license": "MIT",
+  "dependencies": {
+    "@date-io/dayjs": "1.x",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@hookform/resolvers": "3.3.4",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@material-ui/pickers": "^3.3.11",
+    "@paro.io/base-icons": "^1.0.4",
+    "@paro.io/base-ui": "^1.8.3",
+    "@types/react-input-mask": "^3.0.5",
+    "dayjs": "^1.10.7",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-datepicker": "^4.6.0",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "7.51.1",
+    "react-hot-toast": "^2.4.1",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "styled-components": "^5.3.3",
+    "uuid": "8.3.2",
+    "yup": "^0.32.11"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.170",
+    "@types/react": "18.3.12",
+    "@types/react-copy-to-clipboard": "^5.0.2",
+    "@types/react-datepicker": "^4.19.6",
+    "@types/react-dom": "^18.2.22",
+    "@types/styled-components": "^5.1.22",
+    "@types/uuid": "^10.0.0",
+    "@types/yup": "^0.29.13",
+    "typescript": "^5.3.3"
+  },
+  "files": [
+    "lib/**/*"
+  ],
+  "directories": {
+    "lib": "lib"
+  }
+}