@paro.io/expert-shared-components 1.14.1 → 1.14.2

package/lib/components/OrganizationChart/PersonCard.js

@@ -7,11 +7,11 @@ const react_1 = __importDefault(require("react"));
 const PersonCard = ({ name, position, experience, location, initial, noOfchildren, }) => (react_1.default.createElement("div", { className: "relative group" },
     react_1.default.createElement("div", { className: "flex flex-col items-center" },
         react_1.default.createElement("div", { className: "flex flex-col items-center mb-2" },
-            react_1.default.createElement("div", { className: `
-                        -mb-4 z-10 w-12 h-12 rounded-full bg-[#434889] flex items-center justify-center 
-                        text-white font-semibold text-lg
-                        transition-all duration-200 hover:bg-[#102377]
-                        ${noOfchildren > 0 ? 'hover:shadow-lg' : ''}
+            react_1.default.createElement("div", { className: `
+                        -mb-4 z-10 w-12 h-12 rounded-full bg-[#434889] flex items-center justify-center 
+                        text-white font-semibold text-lg
+                        transition-all duration-200 hover:bg-[#102377]
+                        ${noOfchildren > 0 ? 'hover:shadow-lg' : ''}
                     ` },
                 initial,
                 noOfchildren > 0 && (react_1.default.createElement("div", { className: "absolute -bottom-3 w-6 h-6 rounded bg-gray-400 flex items-center justify-center text-white text-sm" }, noOfchildren)))),

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

@@ -34,7 +34,7 @@ const EngagementHeader = ({ clientName, expertName, expertTitle, startDate, stat
         react_1.default.createElement("div", { className: "px-6 py-4" },
             react_1.default.createElement("div", { className: "flex items-center justify-between" },
                 react_1.default.createElement("div", null,
-                    react_1.default.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-1" },
+                    react_1.default.createElement("div", { className: "text-2xl font-bold text-gray-900 mb-1" },
                         clientName,
                         " \u00D7 ",
                         expertName),

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

@@ -89,7 +89,7 @@ const EditFocusAreaModal = ({ isOpen, focusArea, onClose, onSave, updateOpportun
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-xl w-1/2 mx-4" },
             react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
                 react_1.default.createElement("div", { className: "flex items-center justify-between" },
-                    react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900" }, "Edit Focus Area"),
+                    react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900" }, "Edit Focus Area"),
                     react_1.default.createElement("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors" },
                         react_1.default.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                             react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))))),
@@ -130,7 +130,7 @@ const FocusAreas = ({ focusAreas, updateOpportunityFocusArea, GetOpportunityInsi
             react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
                 react_1.default.createElement("div", { className: "flex items-center justify-between" },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83C\uDFAF Focus Areas"),
+                        react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83C\uDFAF Focus Areas"),
                         react_1.default.createElement("p", { className: "text-sm text-gray-600 mt-1" }, "Time-sensitive tasks that need attention today/this week")))),
             react_1.default.createElement("div", { className: "p-6" },
                 react_1.default.createElement("div", { className: "space-y-4" }, localFocusAreas.map((area, index) => (react_1.default.createElement("div", { key: area.id, className: "flex items-start space-x-4 p-4 border border-gray-200 rounded-lg hover:shadow-sm transition-shadow" },
@@ -140,7 +140,7 @@ const FocusAreas = ({ focusAreas, updateOpportunityFocusArea, GetOpportunityInsi
                     react_1.default.createElement("div", { className: "flex-1 min-w-0" },
                         react_1.default.createElement("div", { className: "flex items-center justify-between mb-1" },
                             react_1.default.createElement("div", { className: "flex items-center space-x-2" },
-                                react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, area.title),
+                                react_1.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, area.title),
                                 react_1.default.createElement("span", { className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border ${STATUS_COLORS[area.status]}` },
                                     STATUS_ICONS[area.status],
                                     " ",

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

@@ -49,7 +49,7 @@ const EditMetricsModal = ({ isOpen, metrics, onClose, onSave, GetOpportunityInsi
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-md mx-4" },
             react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
                 react_1.default.createElement("div", { className: "flex items-center justify-between" },
-                    react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900" }, "Edit Engagement Metrics"),
+                    react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900" }, "Edit Engagement Metrics"),
                     react_1.default.createElement("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors" },
                         react_1.default.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                             react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))))),
@@ -90,7 +90,7 @@ const KeyMetrics = ({ metrics, communication, businessContext }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
             react_1.default.createElement("div", { className: "flex items-center justify-between mb-4" },
-                react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83D\uDCCA Engagement Metrics")),
+                react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83D\uDCCA Engagement Metrics")),
             react_1.default.createElement("div", { className: "grid grid-cols-2 gap-4" },
                 react_1.default.createElement("div", { className: "text-center" },
                     react_1.default.createElement("div", { className: "text-2xl font-bold text-gray-900" }, localMetrics.targetAchievements),
@@ -109,7 +109,7 @@ const KeyMetrics = ({ metrics, communication, businessContext }) => {
                     react_1.default.createElement("div", { className: "text-2xl font-bold text-gray-900" }, localMetrics.totalContractLength),
                     react_1.default.createElement("div", { className: "text-sm text-gray-600" }, "Total Contract Length")))),
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" },
-            react_1.default.createElement("h4", { className: "text-sm font-medium text-gray-900 mb-3 flex items-center" }, "\uD83D\uDCAC Communication"),
+            react_1.default.createElement("div", { className: "text-sm font-medium text-gray-900 mb-3 flex items-center" }, "\uD83D\uDCAC Communication"),
             react_1.default.createElement("div", { className: "space-y-2 text-sm text-gray-600" },
                 react_1.default.createElement("div", { className: "flex justify-between" },
                     react_1.default.createElement("span", null, "Daily"),
@@ -124,7 +124,7 @@ const KeyMetrics = ({ metrics, communication, businessContext }) => {
                     react_1.default.createElement("span", null, "Languages"),
                     react_1.default.createElement("span", { className: "font-medium" }, communication.languages.join(', '))))),
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" },
-            react_1.default.createElement("h4", { className: "text-sm font-medium text-gray-900 mb-3" }, "\uD83D\uDCCA Business Context"),
+            react_1.default.createElement("div", { className: "text-sm font-medium text-gray-900 mb-3" }, "\uD83D\uDCCA Business Context"),
             react_1.default.createElement("div", { className: "space-y-2 text-sm text-gray-600" },
                 react_1.default.createElement("div", { className: "flex justify-between" },
                     react_1.default.createElement("span", null, "Industry:"),

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

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

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

@@ -67,7 +67,7 @@ const PRIORITY_LEVELS = [
     'Low - Needed eventually'
 ];
 // Request Information Modal Component
-const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, documentCenterController, isInternal, handleRouteToDocuments, }) => {
+const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, documentCenterController, isInternal, handleRouteToDocuments, isParoIntelligenceRolePresent, }) => {
     const [submitting, setSubmitting] = (0, react_1.useState)(false);
     const [formData, setFormData] = (0, react_1.useState)({
         informationCategory: '',
@@ -130,7 +130,7 @@ const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, document
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-md mx-4" },
             react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
                 react_1.default.createElement("div", { className: "flex items-center justify-between" },
-                    react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900" }, isClientResponded ? "View Client Response" : "Request Additional Information"),
+                    react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900" }, isClientResponded ? "View Client Response" : "Request Additional Information"),
                     react_1.default.createElement("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors" },
                         react_1.default.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                             react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))))),
@@ -152,12 +152,12 @@ const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, document
                     react_1.default.createElement("select", { id: "priorityLevel", value: formData.priorityLevel, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { priorityLevel: e.target.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", value: formData.specificInformation, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { specificInformation: e.target.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", value: formData.specificInformation, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { specificInformation: e.target.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, 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" }, buttonText)))));
+                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, }) => {
+const MissingInformation = ({ items, className = '', opportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController, isInternal, handleRouteToDocuments, onSaveMissingInformation, isParoIntelligenceRolePresent, }) => {
     const [selectedItem, setSelectedItem] = (0, react_1.useState)(null);
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
     const [requestedItems, setRequestedItems] = (0, react_1.useState)({});
@@ -202,7 +202,7 @@ const MissingInformation = ({ items, className = '', opportunityId, GetOpportuni
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: `bg-white rounded-lg shadow-sm border border-gray-200 p-6 ${className}` },
             react_1.default.createElement("div", { className: "flex items-center justify-between mb-4" },
-                react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\u26A0\uFE0F Missing Information")),
+                react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\u26A0\uFE0F Missing Information")),
             react_1.default.createElement("div", { className: "space-y-4" }, items.map((item) => {
                 const isRequested = requestedItems[item.id] || item.status === "EXPERT_REQUESTED";
                 const isClientResponded = item.status === "CLIENT_RESPONDED";
@@ -215,13 +215,13 @@ const MissingInformation = ({ items, className = '', opportunityId, GetOpportuni
                 }
                 return (react_1.default.createElement("div", { key: item.id, className: "border border-gray-200 rounded-lg p-4 hover:shadow-sm transition-shadow" },
                     react_1.default.createElement("div", { className: "flex items-start justify-between mb-2" },
-                        react_1.default.createElement("h4", { className: "text-sm font-medium text-gray-900" }, item.title),
+                        react_1.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, item.title),
                         react_1.default.createElement("span", { className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border ${PRIORITY_COLORS[displayPriority]}` }, PRIORITY_LABELS[displayPriority])),
                     react_1.default.createElement("p", { className: "text-sm text-gray-600 mb-2" }, item.description),
                     react_1.default.createElement("div", { className: "flex items-center justify-between" },
                         react_1.default.createElement("span", { className: "text-xs text-gray-500" }, item.category),
                         isClientResponded ? (react_1.default.createElement("button", { onClick: () => handleRequestInfo(item), className: "text-xs text-blue-600 hover:text-blue-800 font-medium transition-colors" }, "Show Response \u2192")) : !isRequested ? (react_1.default.createElement("button", { onClick: () => handleRequestInfo(item), className: "text-xs text-blue-600 hover:text-blue-800 font-medium transition-colors" }, "Request Info \u2192")) : (react_1.default.createElement("span", { className: "text-xs text-green-600 font-medium" }, "Information Requested")))));
             }))),
-        react_1.default.createElement(RequestInfoModal, { isOpen: isModalOpen, missingInfoItem: selectedItem, onClose: handleCloseModal, onSubmit: handleSubmitRequest, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments })));
+        react_1.default.createElement(RequestInfoModal, { isOpen: isModalOpen, missingInfoItem: selectedItem, onClose: handleCloseModal, onSubmit: handleSubmitRequest, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments, isParoIntelligenceRolePresent: isParoIntelligenceRolePresent })));
 };
 exports.MissingInformation = MissingInformation;

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

@@ -15,7 +15,7 @@ const PHASE_TABS = [
 const ProgressTracker = ({ percentage, currentPhase, nextSteps }) => {
     return (react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 mt-6" },
         react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
-            react_1.default.createElement("div", { className: "flex space-x-1" }, PHASE_TABS.map((phase) => (react_1.default.createElement("button", { key: phase.id, disabled: !phase.active, className: `px-4 py-2 text-sm font-medium rounded-md transition-colors ${phase.active
+            react_1.default.createElement("div", { className: "flex space-x-2" }, PHASE_TABS.map((phase) => (react_1.default.createElement("button", { key: phase.id, disabled: !phase.active, className: `px-4 py-2 text-sm font-medium rounded-md transition-colors ${phase.active
                     ? 'bg-green-100 text-green-800 border border-green-200 hover:bg-green-200 cursor-pointer'
                     : 'text-gray-400 bg-gray-50 border border-gray-200 cursor-not-allowed opacity-60'}` }, phase.label)))))));
 };

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

@@ -22,7 +22,7 @@ const HealthIndicator = ({ title, status, description, icon }) => {
         react_1.default.createElement("div", { className: "flex-1 min-w-0" },
             react_1.default.createElement("div", { className: "flex items-center space-x-2 mb-1" },
                 react_1.default.createElement("span", { className: "text-sm" }, icon),
-                react_1.default.createElement("h4", { className: "text-sm font-medium text-gray-900" }, title)),
+                react_1.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, title)),
             react_1.default.createElement("p", { className: "text-sm text-gray-600" }, description),
             react_1.default.createElement("span", { className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium mt-2 ${STATUS_COLORS[status]}` }, status === 'GOOD' ? 'On track' : status === 'ATTENTION_NEEDED' ? 'Needs attention' : 'Critical'))));
 };
@@ -30,7 +30,7 @@ const ProjectHealth = ({ healthData, className = '' }) => {
     return (react_1.default.createElement("div", { className: `bg-white rounded-lg shadow-sm border border-gray-200 ${className}` },
         react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
             react_1.default.createElement("div", { className: "flex items-center justify-between" },
-                react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83D\uDCCA Project Health")),
+                react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83D\uDCCA Project Health")),
             react_1.default.createElement("p", { className: "text-sm text-gray-600 mt-1" }, "Automated insights from client communications and project data")),
         react_1.default.createElement("div", { className: "p-6" },
             react_1.default.createElement("div", { className: "space-y-4" },

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

@@ -23,7 +23,7 @@ exports.Heading = Heading;
 const TeamSection = ({ clientTeam, expert, paroTeam }) => {
     return (react_1.default.createElement("div", { className: "space-y-6" },
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
-            react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\uD83D\uDC65 Client Team"),
+            react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\uD83D\uDC65 Client Team"),
             react_1.default.createElement("div", { className: "space-y-3" }, clientTeam === null || clientTeam === void 0 ? void 0 : clientTeam.map((member) => (react_1.default.createElement("div", { key: member.id, className: "flex items-center space-x-3" },
                 react_1.default.createElement(Avatar, { src: member.avatar || '', name: member.name }),
                 react_1.default.createElement("div", { className: "flex-1 min-w-0" },
@@ -31,14 +31,14 @@ const TeamSection = ({ clientTeam, expert, paroTeam }) => {
                     react_1.default.createElement("p", { className: "text-sm text-gray-600" }, member.role),
                     member.availability && (react_1.default.createElement("p", { className: "text-xs text-gray-500" }, member.availability)))))))),
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
-            react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\u2B50 Your Expert"),
+            react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\u2B50 Your Expert"),
             react_1.default.createElement("div", { className: "flex items-center space-x-3" },
                 react_1.default.createElement(Avatar, { src: expert.avatar, name: expert.name }),
                 react_1.default.createElement("div", { className: "flex-1 min-w-0" },
                     react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900" }, expert.name),
                     react_1.default.createElement("p", { className: "text-sm text-gray-600" }, expert.title)))),
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
-            react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\uD83D\uDD25 Your Paro Team"),
+            react_1.default.createElement("div", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\uD83D\uDD25 Your Paro Team"),
             react_1.default.createElement("div", { className: "space-y-3" }, paroTeam === null || paroTeam === void 0 ? void 0 : paroTeam.map((member) => (react_1.default.createElement("div", { key: member.id || member.name, className: "flex items-center space-x-3" },
                 react_1.default.createElement(Avatar, { src: member.avatar || '', name: member.name }),
                 react_1.default.createElement("div", { className: "flex-1 min-w-0" },

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

@@ -14,6 +14,7 @@ interface ProjectIntelligenceProps {
     handleRouteToDocuments?: () => void;
     onSaveFocusArea?: any;
     onSaveMissingInformation?: any;
+    isParoIntelligenceRolePresent?: boolean;
 }
 export declare const ProjectIntelligence: React.FC<ProjectIntelligenceProps>;
 export {};

package/lib/components/ProjectIntelligence/index.js

@@ -12,7 +12,7 @@ const TeamSection_1 = require("./TeamSection");
 const ProjectHealth_1 = require("./ProjectHealth");
 const KeyMetrics_1 = require("./KeyMetrics");
 const MissingInformation_1 = require("./MissingInformation");
-const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityInsightsData, selectedOpportunityId, setSelectedOpportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController = null, updateOpportunityFocusArea, isInternal = false, handleRouteToDocuments, onSaveFocusArea, onSaveMissingInformation, }) => {
+const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityInsightsData, selectedOpportunityId, setSelectedOpportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController = null, updateOpportunityFocusArea, isInternal = false, handleRouteToDocuments, onSaveFocusArea, onSaveMissingInformation, isParoIntelligenceRolePresent = false, }) => {
     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 opportunityInsights = opportunityInsightsData === null || opportunityInsightsData === void 0 ? void 0 : opportunityInsightsData.getOpportunityInsights;
     // Create client tabs from checkIfOpportunityInsightsExistData
@@ -96,7 +96,7 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
             react_1.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" },
                 react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-64 text-center" },
                     react_1.default.createElement("i", { className: "fal fa-chart-line text-gray-400 text-6xl mb-4" }),
-                    react_1.default.createElement("h2", { className: "text-2xl font-bold text-gray-700 mb-2" }, "No project intelligence found"),
+                    react_1.default.createElement("div", { className: "text-2xl font-bold text-gray-700 mb-2" }, "No project intelligence found"),
                     react_1.default.createElement("p", { className: "text-gray-500 max-w-md" }, "No project intelligence found for your won projects. Please check back after you win your next Opportunity!")))));
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -133,7 +133,7 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
                                 category: (item === null || item === void 0 ? void 0 : item.category) || 'N/A',
                                 status: (item === null || item === void 0 ? void 0 : item.status) || undefined,
                                 clientResponse: (item === null || item === void 0 ? void 0 : item.clientResponse) || undefined
-                            })) : [], className: "mt-8", opportunityId: selectedOpportunityId, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, updateOpportunityMissingInformation: updateOpportunityMissingInformation, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments, onSaveMissingInformation: onSaveMissingInformation })),
+                            })) : [], className: "mt-8", opportunityId: selectedOpportunityId, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, updateOpportunityMissingInformation: updateOpportunityMissingInformation, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments, onSaveMissingInformation: onSaveMissingInformation, 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);

package/lib/components/shared/Image.js

@@ -31,20 +31,20 @@ const react_1 = __importStar(require("react"));
 const core_1 = require("@material-ui/core");
 const styled_components_1 = __importDefault(require("styled-components"));
 const cdn_1 = require("./constants/cdn");
-const ProfilePhotoPreview = styled_components_1.default.img `
-  height: 86px;
-  width: 86px;
-  border: 4px solid #F8FAFC;
-  border-radius: 10px;
-  object-fit: cover;
-  object-position: top;
+const ProfilePhotoPreview = styled_components_1.default.img `
+  height: 86px;
+  width: 86px;
+  border: 4px solid #F8FAFC;
+  border-radius: 10px;
+  object-fit: cover;
+  object-position: top;
 `;
-const PhotoChangeButton = (0, styled_components_1.default)(core_1.Typography) `
-  text-decoration: underline;
-  cursor: pointer;
-  :active {
-    text-decoration: none !important;
-  }
+const PhotoChangeButton = (0, styled_components_1.default)(core_1.Typography) `
+  text-decoration: underline;
+  cursor: pointer;
+  :active {
+    text-decoration: none !important;
+  }
 `;
 exports.defaultAvatar = cdn_1.CDN_URL + 'defaultAvatar.png';
 const Image = ({ imageUrl, getUserDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, legacyFreelancerId, }) => {