@paro.io/expert-shared-components 1.14.9 → 1.14.11

package/lib/components/OrganizationChart/utils.js

@@ -50,86 +50,86 @@ const transformEmployeeData = (employeeData, firstName, lastName, primaryService
     };
 };
 exports.transformEmployeeData = transformEmployeeData;
-exports.ConnectorContainer = styled_components_1.default.div `
-    position: relative;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    &.parent-vertical-line {
-        height: 40px;
-        position: relative;
-
-        &:before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 50%;
-            width: 2px;
-            height: calc(100% + 2px);
-            background-color: #D8D8D8;
-            transform: translateX(-50%);
-        }
-    }
-
-    &.child-vertical-line {
-        height: 40px;
-        position: relative;
-        margin-bottom: 4px;
-        &:before {
-            content: '';
-            position: absolute;
-            left: 50%;
-            width: 2px;
-            height: 100%;
-            background-color: #D8D8D8;
-            transform: translateX(-50%);
-        }
-
-        &:after {
-            content: '';
-            position: absolute;
-            bottom: -4px;
-            left: 50%;
-            width: 8px;
-            height: 8px;
-            border-right: 2px solid #D8D8D8;
-            border-bottom: 2px solid #D8D8D8;
-            transform: translateX(-50%) rotate(45deg);
-            background-color: transparent;
-        }
-    }
-
-    &.horizontal-line {
-        position: absolute;
-        height: 2px;
-        background-color: #D8D8D8;
-        top: 0;
-        width: 100%;
-    }
+exports.ConnectorContainer = styled_components_1.default.div `
+    position: relative;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &.parent-vertical-line {
+        height: 40px;
+        position: relative;
+
+        &:before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 50%;
+            width: 2px;
+            height: calc(100% + 2px);
+            background-color: #D8D8D8;
+            transform: translateX(-50%);
+        }
+    }
+
+    &.child-vertical-line {
+        height: 40px;
+        position: relative;
+        margin-bottom: 4px;
+        &:before {
+            content: '';
+            position: absolute;
+            left: 50%;
+            width: 2px;
+            height: 100%;
+            background-color: #D8D8D8;
+            transform: translateX(-50%);
+        }
+
+        &:after {
+            content: '';
+            position: absolute;
+            bottom: -4px;
+            left: 50%;
+            width: 8px;
+            height: 8px;
+            border-right: 2px solid #D8D8D8;
+            border-bottom: 2px solid #D8D8D8;
+            transform: translateX(-50%) rotate(45deg);
+            background-color: transparent;
+        }
+    }
+
+    &.horizontal-line {
+        position: absolute;
+        height: 2px;
+        background-color: #D8D8D8;
+        top: 0;
+        width: 100%;
+    }
 `;
-exports.InfoCard = (0, styled_components_1.default)(core_1.Card) `
-    position: absolute;
-    top: 10;
-    right: 0;
-    width: fit-content;
-    max-width: 30%;
-    z-index: 1000;
-    padding: 8px;
-    margin: 16px;
-    background-color: white;
-    border-radius: 8px;
-    box-shadow: none;
-    border: 1px solid #e2e8f0;
-    max-height: 90vh;
-    overflow: auto;
-    @media (max-width: 600px) {
-        position: absolute;
-        top: 20;
-        right: auto;
-        min-width: 90%;
-    }
+exports.InfoCard = (0, styled_components_1.default)(core_1.Card) `
+    position: absolute;
+    top: 10;
+    right: 0;
+    width: fit-content;
+    max-width: 30%;
+    z-index: 1000;
+    padding: 8px;
+    margin: 16px;
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: none;
+    border: 1px solid #e2e8f0;
+    max-height: 90vh;
+    overflow: auto;
+    @media (max-width: 600px) {
+        position: absolute;
+        top: 20;
+        right: auto;
+        min-width: 90%;
+    }
 `;
 exports.CustomDialog = (0, core_1.styled)(Dialog_1.default)(({ theme }) => ({
     '& .MuiDialog-paper': {

package/lib/components/ProjectCard/ProgressBar.js

@@ -44,15 +44,15 @@ const ProgressBar = ({ minFloorHours, maxFloorHours, loggedHours }) => {
     };
     return (react_1.default.createElement("div", { className: `relative m-6 ${minFloorHours <= 0 ? 'pt-4' : 'pt-6'}` },
         react_1.default.createElement("div", { className: "h-8 w-full border-2 border-solid border-[#64748B] rounded-full relative flex flex-wrap bg-[#F1F5F9]" },
-            react_1.default.createElement("div", { className: `h-full w-full rounded-l-full ${isRounded ? 'rounded-r-full' : ''} 
+            react_1.default.createElement("div", { className: `h-full w-full rounded-l-full ${isRounded ? 'rounded-r-full' : ''} 
                             ${totalLoggedHours >= minFloorHours && totalLoggedHours <= maxFloorHours
                     ? 'bg-[#248384]'
                     : totalLoggedHours < minFloorHours
                         ? 'bg-[#F9BABF]'
                         : 'bg-[#A73A43]'}`, style: { width: `${totalLoggedHours !== 0 ? ((totalLoggedHours / totalBar) * 100) : 0}%` } },
-                react_1.default.createElement("div", { className: `absolute top-1/2 left-1/2 transform -translate-x-1/2 z-10 
-                            ${totalLoggedHours < (totalBar * 0.03) || totalLoggedHours > totalBar || (totalLoggedHours < (totalBar * 0.12)) ? 'translate-y-full' : '-translate-y-1/2'}
-                            ${totalLoggedHours < minFloorHours || totalLoggedHours === 0 ? 'text-black' : 'text-white'} 
+                react_1.default.createElement("div", { className: `absolute top-1/2 left-1/2 transform -translate-x-1/2 z-10 
+                            ${totalLoggedHours < (totalBar * 0.03) || totalLoggedHours > totalBar || (totalLoggedHours < (totalBar * 0.12)) ? 'translate-y-full' : '-translate-y-1/2'}
+                            ${totalLoggedHours < minFloorHours || totalLoggedHours === 0 ? 'text-black' : 'text-white'} 
                             font-bold`, style: { left: `calc(${calculatePosition()}% - 1px)` } },
                     (0, exports.formatNumberingSystem)(totalLoggedHours),
                     " hrs")),

package/lib/components/ProjectCard/ReviewRequestModal.js

@@ -35,11 +35,11 @@ const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
 const ReviewRequestModal = ({ project, requestModal, setRequestModal, expertName, freelancerId, setRequestStatus, selectedProject, setSelectedProject, clientId, refetchParoProjects, setHighlightedRatings, createOrUpdateRatingRequestMutation, }) => {
     var _a;
     const [showError, setShowError] = (0, react_1.useState)(false);
-    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
-I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
-  
-Thank you in advance for your time and feedback.
-Best regards,
+    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
+I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
+  
+Thank you in advance for your time and feedback.
+Best regards,
 ${expertName}`);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const handleTextArea = (e) => {

package/lib/components/ProjectIntelligence/EngagementHeader/index.js

@@ -24,7 +24,11 @@ const EngagementHeader = ({ clientName, expertName, expertTitle, startDate, stat
     const formattedDate = startDate ? (0, date_fns_1.format)(new Date(startDate), 'MMMM dd, yyyy') : (0, date_fns_1.format)(new Date(), 'MMMM dd, yyyy');
     return (react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200" },
         react_1.default.createElement("div", { className: "px-6 pt-4" },
-            react_1.default.createElement("p", { className: "text-sm font-medium text-gray-700 mb-3" }, "Select Client:"),
+            react_1.default.createElement("div", { className: "flex justify-between items-center mb-3" },
+                react_1.default.createElement("p", { className: "text-sm font-medium text-gray-700" }, "Select Client:"),
+                react_1.default.createElement("div", { className: "inline-flex items-center text-sm text-gray-600 bg-blue-50 px-3 py-1 rounded-md" },
+                    react_1.default.createElement("i", { className: "far fa-info-circle mr-2" }),
+                    "Project Intelligence insights are updated every 12 hours.")),
             react_1.default.createElement("div", { className: "flex flex-wrap gap-2 mb-4" }, clientTabs.map((client) => (react_1.default.createElement("button", { key: client.id, onClick: () => onClientChange(client.id), className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors cursor-pointer ${client.id === selectedClientId
                     ? 'bg-blue bg-blue-600 text-white'
                     : 'bg-gray-100 text-gray-700 hover:bg-gray-200'}` }, client.label)))),

package/lib/components/ProjectIntelligence/FocusAreas/index.d.ts

@@ -13,7 +13,7 @@ interface FocusAreasProps {
     updateOpportunityFocusArea: any;
     GetOpportunityInsightsDocument: any;
     selectedOpportunityId: string;
-    onSaveFocusArea: any;
+    onSaveMessage: any;
 }
 export declare const FocusAreas: React.FC<FocusAreasProps>;
 export {};

package/lib/components/ProjectIntelligence/FocusAreas/index.js

@@ -44,7 +44,7 @@ const PRIORITY_COLORS = {
     LOW: 'text-green-600',
 };
 // Modal Component
-const EditFocusAreaModal = ({ isOpen, focusArea, onClose, onSave, updateOpportunityFocusArea, GetOpportunityInsightsDocument, selectedOpportunityId, onSaveFocusArea, }) => {
+const EditFocusAreaModal = ({ isOpen, focusArea, onClose, onSave, updateOpportunityFocusArea, GetOpportunityInsightsDocument, selectedOpportunityId, onSaveMessage, }) => {
     const [title, setTitle] = (0, react_1.useState)((focusArea === null || focusArea === void 0 ? void 0 : focusArea.title) || '');
     const [description, setDescription] = (0, react_1.useState)((focusArea === null || focusArea === void 0 ? void 0 : focusArea.description) || '');
     react_1.default.useEffect(() => {
@@ -68,7 +68,7 @@ const EditFocusAreaModal = ({ isOpen, focusArea, onClose, onSave, updateOpportun
                     ]
                 });
                 (0, utils_1.showToast)('success', 'Focus area updated successfully');
-                onSaveFocusArea && onSaveFocusArea();
+                onSaveMessage && onSaveMessage('Focus area updated successfully');
             }
             catch (error) {
                 console.error('Error updating focus area:', error);
@@ -103,7 +103,7 @@ const EditFocusAreaModal = ({ isOpen, focusArea, onClose, onSave, updateOpportun
                 react_1.default.createElement("button", { onClick: handleCancel, className: "px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 border border-gray-300 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-500 transition-colors" }, "Cancel"),
                 react_1.default.createElement("button", { onClick: handleSave, className: "px-4 py-2 text-sm font-medium text-white bg-blue bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors" }, "Save")))));
 };
-const FocusAreas = ({ focusAreas, updateOpportunityFocusArea, GetOpportunityInsightsDocument, selectedOpportunityId, onSaveFocusArea, }) => {
+const FocusAreas = ({ focusAreas, updateOpportunityFocusArea, GetOpportunityInsightsDocument, selectedOpportunityId, onSaveMessage, }) => {
     const [editingFocusArea, setEditingFocusArea] = (0, react_1.useState)(null);
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
     const [localFocusAreas, setLocalFocusAreas] = (0, react_1.useState)(focusAreas || []);
@@ -143,7 +143,7 @@ const FocusAreas = ({ focusAreas, updateOpportunityFocusArea, GetOpportunityInsi
             setLocalFocusAreas(prev => prev.map(area => area.id === focusArea.id
                 ? Object.assign(Object.assign({}, area), { status: newStatus }) : area));
             (0, utils_1.showToast)('success', `Focus area marked as ${newStatus.toLowerCase()}`);
-            onSaveFocusArea && onSaveFocusArea();
+            onSaveMessage && onSaveMessage(`Focus area marked as ${newStatus.toLowerCase()}`);
         }
         catch (error) {
             console.error('Error updating focus area status:', error);
@@ -184,6 +184,6 @@ const FocusAreas = ({ focusAreas, updateOpportunityFocusArea, GetOpportunityInsi
                                 area.priority,
                                 " Priority"),
                             area.status === 'IN_PROGRESS' && (react_1.default.createElement("span", { className: "text-blue-600" }, "In progress")))))))))),
-        react_1.default.createElement(EditFocusAreaModal, { isOpen: isModalOpen, focusArea: editingFocusArea, onClose: handleCloseModal, onSave: handleSaveFocusArea, selectedOpportunityId: selectedOpportunityId, updateOpportunityFocusArea: updateOpportunityFocusArea, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, onSaveFocusArea: onSaveFocusArea })));
+        react_1.default.createElement(EditFocusAreaModal, { isOpen: isModalOpen, focusArea: editingFocusArea, onClose: handleCloseModal, onSave: handleSaveFocusArea, selectedOpportunityId: selectedOpportunityId, updateOpportunityFocusArea: updateOpportunityFocusArea, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, onSaveMessage: onSaveMessage })));
 };
 exports.FocusAreas = FocusAreas;

package/lib/components/ProjectIntelligence/MissingInformation/index.d.ts

@@ -19,7 +19,7 @@ interface MissingInformationProps {
     } | null;
     isInternal: boolean;
     handleRouteToDocuments?: () => void;
-    onSaveMissingInformation?: any;
+    onSaveMessage?: any;
     isParoIntelligenceRolePresent: boolean;
 }
 export declare const MissingInformation: React.FC<MissingInformationProps>;

package/lib/components/ProjectIntelligence/MissingInformation/index.js

@@ -164,12 +164,12 @@ const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, document
                     react_1.default.createElement("select", { id: "priorityLevel", disabled: isInternal && !isParoIntelligenceRolePresent, value: priorityLevel, onChange: (e) => { var _a; return setPriorityLevel((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value); }, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" }, PRIORITY_LEVELS.map((level) => (react_1.default.createElement("option", { key: level, value: level }, level))))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { htmlFor: "specificInformation", className: "block text-sm font-medium text-gray-700 mb-1" }, "Specific Information Needed"),
-                    react_1.default.createElement("textarea", { id: "specificInformation", disabled: isInternal && !isParoIntelligenceRolePresent, value: specificInformation, onChange: (e) => { var _a; return setSpecificInformation((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value); }, rows: 4, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm", placeholder: "Need NetSuite configuration details:\n  \n  1. US vs Colombian entity setup\n  2. Consolidation process and requirements" }))),
+                    react_1.default.createElement("textarea", { id: "specificInformation", disabled: isInternal && !isParoIntelligenceRolePresent, value: specificInformation, onChange: (e) => { var _a; return setSpecificInformation((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value); }, rows: 4, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm", placeholder: "Need NetSuite configuration details:\r\n  \r\n  1. US vs Colombian entity setup\r\n  2. Consolidation process and requirements" }))),
             react_1.default.createElement("div", { className: "px-6 py-4 border-t border-gray-200 flex justify-end space-x-3" },
                 react_1.default.createElement("button", { onClick: handleCancel, className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500 transition-colors" }, "Cancel"),
                 react_1.default.createElement("button", { onClick: handleSubmit, disabled: isInternal && !isParoIntelligenceRolePresent, className: `px-4 py-2 text-sm font-medium text-white bg-blue bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors cursor-${isInternal && !isParoIntelligenceRolePresent ? "not-allowed" : "pointer"}` }, buttonText)))));
 };
-const MissingInformation = ({ items, className = '', opportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController, isInternal, handleRouteToDocuments, onSaveMissingInformation, isParoIntelligenceRolePresent, }) => {
+const MissingInformation = ({ items, className = '', opportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController, isInternal, handleRouteToDocuments, onSaveMessage, isParoIntelligenceRolePresent, }) => {
     const [selectedItem, setSelectedItem] = (0, react_1.useState)(null);
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
     const [requestedItems, setRequestedItems] = (0, react_1.useState)({});
@@ -201,7 +201,7 @@ const MissingInformation = ({ items, className = '', opportunityId, GetOpportuni
                 ]
             });
             (0, utils_1.showToast)('success', 'Information request submitted successfully');
-            onSaveMissingInformation && onSaveMissingInformation();
+            onSaveMessage && onSaveMessage('Information request submitted successfully');
             // Update local state to reflect the change immediately
             setRequestedItems(prev => (Object.assign(Object.assign({}, prev), { [selectedItem.id]: true })));
             console.log('Information request submitted successfully');

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

@@ -12,10 +12,10 @@ interface ProjectIntelligenceProps {
     updateOpportunityFocusArea: any;
     isInternal?: boolean;
     handleRouteToDocuments?: () => void;
-    onSaveFocusArea?: any;
-    onSaveMissingInformation?: any;
+    onSaveMessage?: any;
     isParoIntelligenceRolePresent?: boolean;
     updateOpportunityPhase?: any;
+    getOpportunityInsights?: any;
 }
 export declare const ProjectIntelligence: React.FC<ProjectIntelligenceProps>;
 export {};

package/lib/components/ProjectIntelligence/index.js

@@ -33,15 +33,106 @@ const ProjectHealth_1 = require("./ProjectHealth");
 const KeyMetrics_1 = require("./KeyMetrics");
 const MissingInformation_1 = require("./MissingInformation");
 const utils_1 = require("../shared/utils");
-const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityInsightsData, selectedOpportunityId, setSelectedOpportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController = null, updateOpportunityFocusArea, isInternal = false, handleRouteToDocuments, onSaveFocusArea, onSaveMissingInformation, isParoIntelligenceRolePresent = false, updateOpportunityPhase, }) => {
+const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityInsightsData, selectedOpportunityId, setSelectedOpportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController = null, updateOpportunityFocusArea, isInternal = false, handleRouteToDocuments, onSaveMessage, isParoIntelligenceRolePresent = false, updateOpportunityPhase, getOpportunityInsights, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10;
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [currentPhase, setCurrentPhase] = (0, react_1.useState)('Setup');
     const [nextStageData, setNextStageData] = (0, react_1.useState)(null);
+    const [isPolling, setIsPolling] = (0, react_1.useState)(false);
+    const [expectedNextPhase, setExpectedNextPhase] = (0, react_1.useState)(null);
+    const pollingIntervalRef = (0, react_1.useRef)(null);
+    const pollingCountRef = (0, react_1.useRef)(0);
     const opportunityInsights = opportunityInsightsData === null || opportunityInsightsData === void 0 ? void 0 : opportunityInsightsData.getOpportunityInsights;
     (0, react_1.useEffect)(() => {
         setCurrentPhase((opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.phase) || 'In_Progress');
     }, [opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.phase]);
+    // Determine the next phase based on the current phase
+    const getNextPhase = (phase) => {
+        switch (phase) {
+            case 'PreKickoff':
+                return 'Kickoff';
+            case 'Kickoff':
+                return 'Setup';
+            case 'Setup':
+                return 'Active';
+            case 'Active':
+                return 'Renewal';
+            default:
+                return 'Active'; // Default to Active if phase is unknown
+        }
+    };
+    // Polling effect for phase updates
+    (0, react_1.useEffect)(() => {
+        if (pollingIntervalRef.current) {
+            clearInterval(pollingIntervalRef.current);
+            pollingIntervalRef.current = null;
+        }
+        if (isPolling && selectedOpportunityId && getOpportunityInsights && expectedNextPhase) {
+            console.log('Starting polling for phase updates:', {
+                opportunityId: selectedOpportunityId,
+                expectedPhase: expectedNextPhase
+            });
+            // Immediately make an initial query
+            getOpportunityInsights({
+                variables: { opportunityId: selectedOpportunityId },
+                fetchPolicy: 'network-only',
+            }).then((result) => {
+                var _a, _b;
+                const fetchedPhase = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.getOpportunityInsights) === null || _b === void 0 ? void 0 : _b.phase;
+                console.log('Initial poll result:', { fetchedPhase, expectedPhase: expectedNextPhase });
+                if (fetchedPhase === expectedNextPhase) {
+                    setIsPolling(false);
+                    pollingCountRef.current = 0;
+                    setExpectedNextPhase(null);
+                    (0, utils_1.showToast)('success', `Project phase updated to ${fetchedPhase}`);
+                    onSaveMessage && onSaveMessage('Project phase updated to ' + fetchedPhase);
+                    return;
+                }
+            });
+            pollingIntervalRef.current = setInterval(() => {
+                pollingCountRef.current += 1;
+                console.log('Polling iteration:', pollingCountRef.current);
+                getOpportunityInsights({
+                    variables: { opportunityId: selectedOpportunityId },
+                    fetchPolicy: 'network-only',
+                }).then((result) => {
+                    var _a, _b;
+                    const fetchedPhase = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.getOpportunityInsights) === null || _b === void 0 ? void 0 : _b.phase;
+                    console.log('Poll result:', { fetchedPhase, expectedPhase: expectedNextPhase });
+                    if (fetchedPhase === expectedNextPhase) {
+                        if (pollingIntervalRef.current) {
+                            clearInterval(pollingIntervalRef.current);
+                            pollingIntervalRef.current = null;
+                        }
+                        setIsPolling(false);
+                        pollingCountRef.current = 0;
+                        setExpectedNextPhase(null);
+                        (0, utils_1.showToast)('success', `Project phase updated to ${fetchedPhase}`);
+                        onSaveMessage && onSaveMessage('Project phase updated to ' + fetchedPhase);
+                    }
+                    if (pollingCountRef.current >= 12) {
+                        if (pollingIntervalRef.current) {
+                            clearInterval(pollingIntervalRef.current);
+                            pollingIntervalRef.current = null;
+                        }
+                        setIsPolling(false);
+                        pollingCountRef.current = 0;
+                        setExpectedNextPhase(null);
+                        (0, utils_1.showToast)('warning', 'Phase calculation is taking longer than expected. The page will update automatically when complete.');
+                        onSaveMessage && onSaveMessage('Phase calculation is taking longer than expected. The page will update automatically when complete.');
+                    }
+                }).catch((error) => {
+                    console.error('Error polling for opportunity insights:', error);
+                });
+            }, 5000);
+            return () => {
+                if (pollingIntervalRef.current) {
+                    clearInterval(pollingIntervalRef.current);
+                    pollingIntervalRef.current = null;
+                }
+            };
+        }
+    }, [isPolling, selectedOpportunityId, getOpportunityInsights, expectedNextPhase]);
     // Create client tabs from checkIfOpportunityInsightsExistData
     const clientTabs = ((_a = checkIfOpportunityInsightsExistData === null || checkIfOpportunityInsightsExistData === void 0 ? void 0 : checkIfOpportunityInsightsExistData.checkIfOpportunityInsightsExist) === null || _a === void 0 ? void 0 : _a.map((insight) => ({
         id: insight.opportunityId,
@@ -129,19 +220,25 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
     // Handle moving to the next stage
     const handleMoveToNextStage = () => {
         setIsLoading(true);
+        // Calculate what the next phase should be
+        const nextPhase = getNextPhase(currentPhase);
+        setExpectedNextPhase(nextPhase);
         updateOpportunityPhase({
             variables: {
                 opportunityId: selectedOpportunityId
-            },
-            refetchQueries: [
-                { query: GetOpportunityInsightsDocument, variables: { opportunityId: selectedOpportunityId } }
-            ]
+            }
         }).then(() => {
             setIsLoading(false);
+            // Start polling for phase updates
+            setIsPolling(true);
+            pollingCountRef.current = 0;
         }).catch((error) => {
             setIsLoading(false);
+            setIsPolling(false);
+            setExpectedNextPhase(null);
             console.error('Error updating opportunity phase:', error);
             (0, utils_1.showToast)('warning', 'Error updating opportunity phase. Please try again.');
+            onSaveMessage && onSaveMessage('Error updating opportunity phase. Please try again.');
         });
     };
     const hasNoProjectIntelligence = !(checkIfOpportunityInsightsExistData === null || checkIfOpportunityInsightsExistData === void 0 ? void 0 : checkIfOpportunityInsightsExistData.checkIfOpportunityInsightsExist) ||
@@ -179,23 +276,13 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
                 clientResponse: (item === null || item === void 0 ? void 0 : item.clientResponse) || undefined
             })) : [];
     };
-    // Get the current phase and next steps text based on the current phase
-    const getPhaseInfo = () => {
-        if (currentPhase === 'Kickoff') {
-            return {
-                phaseDisplay: 'Kickoff Phase (Day 1 of 3)',
-                nextSteps: 'System access & team introductions'
-            };
-        }
-        else {
-            return {
-                phaseDisplay: 'Preparation Phase',
-                nextSteps: 'Complete initial focus areas'
-            };
-        }
-    };
-    const phaseInfo = getPhaseInfo();
     return (react_1.default.createElement(react_1.default.Fragment, null,
+        isPolling && (react_1.default.createElement("div", { className: "fixed top-4 right-4 bg-white shadow-lg rounded-md p-4 z-50 w-80" },
+            react_1.default.createElement("div", { className: "flex items-center mb-2" },
+                react_1.default.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-t-2 border-b-2 border-blue-500 mr-3" }),
+                react_1.default.createElement("span", { className: "font-medium" }, "Calculating next phase insights")),
+            react_1.default.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5" },
+                react_1.default.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full transition-all duration-500 ease-out", style: { width: `${Math.min((pollingCountRef.current / 12) * 100, 100)}%` } })))),
         react_1.default.createElement("div", { className: "mx-auto px-4 py-8" },
             react_1.default.createElement(EngagementHeader_1.EngagementHeader, { clientName: (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityName) || '', expertName: ((_b = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.expertInfo) === null || _b === void 0 ? void 0 : _b.name) || '', expertTitle: ((_c = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.expertInfo) === null || _c === void 0 ? void 0 : _c.role) || '', startDate: (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.startDate) || '', status: currentPhase || (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.phase) || 'In_Progress', clientTabs: clientTabs, selectedClientId: selectedOpportunityId, onClientChange: handleClientChange, allFocusAreasCompleted: areAllFocusAreasCompleted(), onMoveToNextStage: handleMoveToNextStage, isLoading: isLoading }),
             react_1.default.createElement(ProgressTracker_1.ProgressTracker, { percentage: 0, currentPhase: currentPhase }),
@@ -204,7 +291,7 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
                     react_1.default.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500 mx-auto mb-4" }),
                     react_1.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "Calculating Intelligence for your next Stage")))) : (react_1.default.createElement("div", { className: "flex flex-row space-x-4 mt-8" },
                 react_1.default.createElement("div", { className: "w-2/3 space-7-4" },
-                    react_1.default.createElement(FocusAreas_1.FocusAreas, { focusAreas: convertFocusAreas(), onEditFocusAreas: () => { }, updateOpportunityFocusArea: updateOpportunityFocusArea, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, selectedOpportunityId: selectedOpportunityId, onSaveFocusArea: onSaveFocusArea }),
+                    react_1.default.createElement(FocusAreas_1.FocusAreas, { focusAreas: convertFocusAreas(), onEditFocusAreas: () => { }, updateOpportunityFocusArea: updateOpportunityFocusArea, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, selectedOpportunityId: selectedOpportunityId, onSaveMessage: onSaveMessage }),
                     react_1.default.createElement(ProjectHealth_1.ProjectHealth, { healthData: {
                             communicationFlow: {
                                 status: mapHealthStatus((_e = (_d = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityHealth) === null || _d === void 0 ? void 0 : _d.communicationFlow) === null || _e === void 0 ? void 0 : _e.status),
@@ -223,7 +310,7 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
                                 description: ((_u = (_t = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityHealth) === null || _t === void 0 ? void 0 : _t.riskManagement) === null || _u === void 0 ? void 0 : _u.description) || 'N/A'
                             }
                         }, className: "mt-8" }),
-                    react_1.default.createElement(MissingInformation_1.MissingInformation, { items: getMissingInformationItems(), className: "mt-8", opportunityId: selectedOpportunityId, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, updateOpportunityMissingInformation: updateOpportunityMissingInformation, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments, onSaveMissingInformation: onSaveMissingInformation, isParoIntelligenceRolePresent: isParoIntelligenceRolePresent })),
+                    react_1.default.createElement(MissingInformation_1.MissingInformation, { items: getMissingInformationItems(), className: "mt-8", opportunityId: selectedOpportunityId, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, updateOpportunityMissingInformation: updateOpportunityMissingInformation, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments, onSaveMessage: onSaveMessage, isParoIntelligenceRolePresent: isParoIntelligenceRolePresent })),
                 react_1.default.createElement("div", { className: "w-1/3 space-y-4" },
                     react_1.default.createElement(TeamSection_1.TeamSection, { clientTeam: opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.clientTeam, expert: {
                             id: 'expert-1',

package/lib/components/Reviews/Pagination.js

@@ -51,12 +51,12 @@ const Pagination = ({ total, currentPage = 1, setCurrentPage, perPageItems = 10,
     };
     const numberOfPages = Math.ceil(total / perPageItems);
     return (react_1.default.createElement("div", { className: "bg-white px-4 py-3 border-t border-gray-200 sm:px-6 flex flex-col md:flex-row md:items-center md:justify-between" },
-        react_1.default.createElement("div", { className: "pb-2 md:pb-0" }, `Showing 
-          ${perPageItems * (currentPage - 1) + 1} 
-          to 
-          ${Math.min(total, perPageItems * currentPage)} 
-          of 
-          ${total}
+        react_1.default.createElement("div", { className: "pb-2 md:pb-0" }, `Showing 
+          ${perPageItems * (currentPage - 1) + 1} 
+          to 
+          ${Math.min(total, perPageItems * currentPage)} 
+          of 
+          ${total}
           ${displayText}`),
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "flex-1 flex justify-between sm:hidden" },

package/lib/components/ReviewsTab/RatingHeader.js

@@ -51,12 +51,12 @@ const isRatingExists = (rating) => {
     return false;
 };
 exports.isRatingExists = isRatingExists;
-const StyledButton = (0, styled_components_1.default)(core_2.Button) `
-    margin: 0px !important;
-    padding: 26px 0 18px 0 !important;
-    span {
-        color: #248384 !important
-     }
+const StyledButton = (0, styled_components_1.default)(core_2.Button) `
+    margin: 0px !important;
+    padding: 26px 0 18px 0 !important;
+    span {
+        color: #248384 !important
+     }
 `;
 const RatingHeader = ({ ratings, project, index, highlightedRatings, requestStatus, handleRatingRequest, loadingSubmitId, handleAddToProfile, ratingReviewButtonlabel, setOpenClientReviewModal, setShowReviewModelWithRecentlyRatedProjects, enableReviewModal, disableReviewModal, isClientPortal, isInternal, createOrUpdateRating, getParoProjectsDocument, projectIdToShow, }) => {
     var _a, _b, _c, _d;

package/lib/components/ReviewsTab/expert-shared-components.code-workspace

@@ -1,20 +1,20 @@
-{
-  "folders": [
-	{
-		"path": "../../.."
-	},
-	{
-		"path": "../../../../internal-profile-app"
-	},
-	{
-		"path": "../../../../availability-gantt-chart"
-	},
-	{
-		"path": "../../../../client-portal"
-	},
-	{
-		"path": "../../../../expert-portal"
-	}
-],
-  "settings": {}
-}
+{
+  "folders": [
+	{
+		"path": "../../.."
+	},
+	{
+		"path": "../../../../internal-profile-app"
+	},
+	{
+		"path": "../../../../availability-gantt-chart"
+	},
+	{
+		"path": "../../../../client-portal"
+	},
+	{
+		"path": "../../../../expert-portal"
+	}
+],
+  "settings": {}
+}

package/lib/components/ReviewsTab/reviewRequestModal.js

@@ -34,11 +34,11 @@ const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
 const ReviewRequestModal = ({ project, requestModal, setRequestModal, expertName, freelancerId, setRequestStatus, selectedProject, setSelectedProject, clientId, refetchParoProjects, setHighlightedRatings, createOrUpdateRatingRequestMutation, getParoProjectsDocument, }) => {
     var _a;
     const [showError, setShowError] = (0, react_1.useState)(false);
-    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
-I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
-  
-Thank you in advance for your time and feedback.
-Best regards,
+    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
+I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
+  
+Thank you in advance for your time and feedback.
+Best regards,
 ${expertName}`);
     const handleTextArea = (e) => {
         setTextareaValue(e.target.value);