npm - @paro.io/expert-shared-components - Versions diffs - 1.13.8 → 1.13.10 - Mend

@paro.io/expert-shared-components 1.13.8 → 1.13.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/lib/components/Escalations/AccountSuspensionBanner.d.ts CHANGED Viewed

@@ -1,5 +1,9 @@
-declare const AccountSuspensionBanner: ({ setShowSuspensionModal, suspended }: {
+export declare const suspensionLevels: {
+    value: string;
+    label: string;
+}[];
+declare const AccountSuspensionBanner: ({ setShowSuspensionModal, escalationDisputeStatistics, }: {
     setShowSuspensionModal: (showSuspensionModal: boolean) => void;
-    suspended: boolean;
+    escalationDisputeStatistics: any;
 }) => JSX.Element;
 export default AccountSuspensionBanner;

package/lib/components/Escalations/AccountSuspensionBanner.js CHANGED Viewed

@@ -3,17 +3,63 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.suspensionLevels = void 0;
 const react_1 = __importDefault(require("react"));
 const base_icons_1 = require("@paro.io/base-icons");
 const base_ui_1 = require("@paro.io/base-ui");
-const AccountSuspensionBanner = ({ setShowSuspensionModal, suspended = false }) => {
-    return (react_1.default.createElement("div", { className: "bg-[#EF5360] rounded-lg p-4 mb-6 shadow-lg" }, suspended ?
+const dayjs_1 = __importDefault(require("dayjs"));
+exports.suspensionLevels = [
+    { value: "LEVEL_1", label: "Low" },
+    { value: "LEVEL_2", label: "Medium" },
+    { value: "LEVEL_3", label: "High" },
+    { value: "LEVEL_4", label: "Critical" },
+];
+const getSuspensionDuration = (label) => {
+    switch (label) {
+        case "Medium":
+            return "30 days";
+        case "High":
+            return "60 days";
+        case "Critical":
+            return "Permanent";
+        case "Low":
+        default:
+            return "No suspension";
+    }
+};
+const AccountSuspensionBanner = ({ setShowSuspensionModal, escalationDisputeStatistics, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const suspensionLevel = (_b = (_a = exports.suspensionLevels.find((obj) => obj.value === escalationDisputeStatistics.suspensionLevel)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Low";
+    const suspensionStartDate = (_c = (0, dayjs_1.default)(escalationDisputeStatistics.suspensionStartDate).format("MM/DD/YYYY")) !== null && _c !== void 0 ? _c : "N/A";
+    const suspensionEndDate = (_d = (0, dayjs_1.default)(escalationDisputeStatistics.suspensionEndDate).format("MM/DD/YYYY")) !== null && _d !== void 0 ? _d : "N/A";
+    const mediumWarnings = (_e = escalationDisputeStatistics.mediumSeverityEscalationCount) !== null && _e !== void 0 ? _e : 0;
+    const highWarnings = (_f = escalationDisputeStatistics.highSeverityEscalationCount) !== null && _f !== void 0 ? _f : 0;
+    const criticalWarnings = (_g = escalationDisputeStatistics.criticalSeverityEscalationCount) !== null && _g !== void 0 ? _g : 0;
+    return (react_1.default.createElement("div", { className: "bg-[#EF5360] rounded-lg p-4 mb-6 shadow-lg" }, suspensionLevel !== "Low" ?
         react_1.default.createElement("div", { className: "flex items-center" },
             react_1.default.createElement("div", { className: "bg-white bg-opacity-20 rounded-full p-2 mr-3" },
                 react_1.default.createElement(base_icons_1.IconExclamation, { className: "h-6 w-6 text-white" })),
             react_1.default.createElement("div", { className: "flex-1" },
-                react_1.default.createElement("h3", { className: "text-lg font-bold text-white" }, "\uD83D\uDEAB Account Suspended"),
-                react_1.default.createElement("p", { className: "text-red-100 text-sm mt-1" }, "Your account has been suspended due to an escalation. You must complete comprehensive training to regain access to new opportunities.")))
+                react_1.default.createElement("h3", { className: "text-lg font-bold text-white" }, "\uD83D\uDEAB Account Suspended due to: Engagement Issues"),
+                react_1.default.createElement("p", { className: "text-red-100 text-sm mt-1" },
+                    "Your account has been suspended due to engagement issues. If you have any problems with the suspension, please go to the Engagement Support section to respond to your issues or reach out to",
+                    ' ',
+                    react_1.default.createElement("a", { href: "mailto:expertsupport@paro.io", className: "underline text-white hover:text-red-200 cursor-pointer" }, "expertsupport@paro.io"),
+                    "."),
+                react_1.default.createElement("div", { className: "mt-3 bg-white bg-opacity-10 rounded p-3" },
+                    react_1.default.createElement("div", { className: "flex items-center justify-between text-sm" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("span", { className: "text-red-100" }, "Suspension: "),
+                            react_1.default.createElement("span", { className: "text-white font-medium" },
+                                getSuspensionDuration(suspensionLevel),
+                                ' ',
+                                suspensionLevel)),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("span", { className: "text-red-100" }, "Suspension Started Date: "),
+                            react_1.default.createElement("span", { className: "text-white font-medium" }, suspensionStartDate)),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("span", { className: "text-red-100" }, "Suspension End Date: "),
+                            react_1.default.createElement("span", { className: "text-white font-medium" }, suspensionEndDate))))))
         :
             react_1.default.createElement("div", { className: "flex items-center justify-between" },
                 react_1.default.createElement("div", { className: "flex items-center" },
@@ -21,7 +67,15 @@ const AccountSuspensionBanner = ({ setShowSuspensionModal, suspended = false })
                         react_1.default.createElement(base_icons_1.IconExclamation, { className: "h-6 w-6 text-white" })),
                     react_1.default.createElement("div", null,
                         react_1.default.createElement("h3", { className: "text-lg font-bold text-white" }, "Account Suspension Risk"),
-                        react_1.default.createElement("p", { className: "text-red-100 text-sm mt-1" }, "Unresolved escalations can lead to automatic suspension. Response times matter for client satisfaction."))),
+                        react_1.default.createElement("p", { className: "text-red-100 text-sm mt-1" }, "Unresolved escalations can lead to automatic suspension. Response times matter for client satisfaction."),
+                        react_1.default.createElement("div", { className: "flex items-center mt-2 text-red-100 text-xs" },
+                            react_1.default.createElement("span", null,
+                                mediumWarnings,
+                                "/3 warnings: Medium = 30 days \u2022 ",
+                                highWarnings,
+                                "/2 warnings: High = 60 days \u2022 ",
+                                criticalWarnings,
+                                "/1 offense: Critical = Permanent")))),
                 react_1.default.createElement(base_ui_1.Button, { label: "view details", onClick: () => setShowSuspensionModal(true), iconLeft: react_1.default.createElement(base_icons_1.IconInfoCircle, { size: "sm" }), color: "danger", className: "bg-white hover:bg-danger text-danger-dark hover:text-white" }))));
 };
 exports.default = AccountSuspensionBanner;

package/lib/components/Escalations/AccountSuspensionModal.js CHANGED Viewed

@@ -29,7 +29,7 @@ const AccountSuspensionModal = ({ showSuspensionModal, onClose }) => {
                                 react_1.default.createElement(base_icons_1.IconCheckCircle, { className: "h-5 w-5 text-white" })),
                             react_1.default.createElement("div", { className: "flex-1 pb-8" },
                                 react_1.default.createElement("div", { className: "flex justify-between items-start mb-2" },
-                                    react_1.default.createElement("h4", { className: "font-semibold text-green-800" }, "Level 1: Light Issues"),
+                                    react_1.default.createElement("h4", { className: "font-semibold text-green-800" }, "Level 1: Low Issues"),
                                     react_1.default.createElement("div", { className: "text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full" }, "Coaching Only")),
                                 react_1.default.createElement("p", { className: "text-sm text-gray-600 mb-2" }, "Email coaching and guidance. No account restrictions."),
                                 react_1.default.createElement("div", { className: "text-xs text-gray-500" },

package/lib/components/Escalations/EscalationReportBanner.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-declare const EscalationReportBanner: ({ onReport }: {
+declare const EscalationReportBanner: ({ onReport, isExpert }: {
     onReport: () => void;
+    isExpert: boolean;
 }) => JSX.Element;
 export default EscalationReportBanner;

package/lib/components/Escalations/EscalationReportBanner.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const base_icons_1 = require("@paro.io/base-icons");
 const base_ui_1 = require("@paro.io/base-ui");
-const EscalationReportBanner = ({ onReport }) => {
+const EscalationReportBanner = ({ onReport, isExpert }) => {
     return (react_1.default.createElement("div", { className: "bg-[#EF5360] rounded-lg p-2 mb-4 shadow-lg" },
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "flex items-center" },
@@ -14,7 +14,12 @@ const EscalationReportBanner = ({ onReport }) => {
                     react_1.default.createElement(base_icons_1.IconExclamation, { className: "text-white" })),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("h3", { className: "text-xl font-bold text-white" }, "Having Issues with Your Expert?"),
-                    react_1.default.createElement("p", { className: "text-red-100 text-sm mt-1" }, "Report communication problems, quality concerns, or missed deadlines. We'll resolve it within 4-8 hours."))),
+                    react_1.default.createElement("p", { className: "text-red-100 text-sm mt-1" }, isExpert ? (`Report communication problems, quality concerns, or missed deadlines. We'll resolve it within 4-8 hours.`) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        "Report communication problems, quality concerns, or missed deadlines. All issues right now will be submitted to the Expert and Paro. If you want to submit issues directly to Paro please email",
+                        ' ',
+                        react_1.default.createElement("a", { href: "mailto:clientsupport@paro.io", className: "underline text-white hover:text-red-200 cursor-pointer" }, "clientsupport@paro.io"),
+                        ' ',
+                        "or your Account Executive."))))),
             react_1.default.createElement(base_ui_1.Button, { label: "Report issue now", onClick: onReport, size: "sm", color: "danger", className: "bg-white hover:bg-danger text-danger-dark hover:text-white" }))));
 };
 exports.default = EscalationReportBanner;

package/lib/components/Escalations/EscalationSubmitForm.js CHANGED Viewed

@@ -220,7 +220,12 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
             react_1.default.createElement("h2", { className: "text-xl font-bold" },
                 "Report Issue with Your ",
                 isExpert ? 'Client' : 'Expert'),
-            react_1.default.createElement("p", { className: "text-gray-600 mt-1" }, "Provide details about the issue you're experiencing and we'll resolve it within 4-8 hours")),
+            react_1.default.createElement("p", { className: "text-gray-600 mt-1" }, isExpert ? (`Provide details about the issue you're experiencing and we'll resolve it within 4-8 hours`) : (react_1.default.createElement(react_1.default.Fragment, null,
+                "Report communication problems, quality concerns, or missed deadlines. All issues right now will be submitted to the Expert and Paro. If you want to submit issues directly to Paro please email",
+                ' ',
+                react_1.default.createElement("a", { href: "mailto:clientsupport@paro.io", className: "underline text-white hover:text-red-200 cursor-pointer" }, "clientsupport@paro.io"),
+                ' ',
+                "or your Account Executive.")))),
         react_1.default.createElement("div", null,
             react_1.default.createElement("h4", { className: "font-medium text-gray-900 mb-2" }, "Priority Levels for Issues"),
             react_1.default.createElement("div", { className: "space-y-2 text-sm" },

package/lib/components/Escalations/EscalationTabsContent.js CHANGED Viewed

@@ -58,24 +58,35 @@ const EscalationTabsContent = ({ activeTab, openEscalationChat, setSelectedIssue
                         react_1.default.createElement("div", { className: "flex items-start" },
                             react_1.default.createElement("div", null,
                                 react_1.default.createElement("div", { className: "flex flex-row justify-start items-center mb-3" },
-                                    react_1.default.createElement("h4", { className: "font-medium text-gray-900 mb-1 mr-4" }, issue.problem),
+                                    react_1.default.createElement("h4", { className: "font-medium text-gray-900 mb-1 mr-4" }, project),
                                     react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: issue.severityLevel })),
                                 react_1.default.createElement("div", { className: "flex items-center text-sm text-gray-600 mb-2" },
-                                    react_1.default.createElement("span", null, issue.submittedByUser.firstName + " " + issue.submittedByUser.lastName),
-                                    react_1.default.createElement("span", { className: "mx-2" }, "\u2022"),
-                                    react_1.default.createElement("span", null, project),
+                                    react_1.default.createElement("span", null,
+                                        "Submitted By: ",
+                                        issue.submittedByUser.firstName + " " + issue.submittedByUser.lastName),
                                     react_1.default.createElement("span", { className: "mx-2" }, "\u2022"),
                                     react_1.default.createElement("span", null,
                                         "Case #",
                                         issue.escalationNumber)),
-                                react_1.default.createElement("p", { className: "text-sm text-gray-600 mb-3" }, issue.internalResolution ? issue.internalResolution : isExpert ? issue.clientResolution : issue.expertResolution),
+                                react_1.default.createElement("div", { className: "text-sm text-gray-600 mb-2" },
+                                    react_1.default.createElement("span", { className: "font-bold" }, "Problem:"),
+                                    " ",
+                                    issue.problem),
+                                react_1.default.createElement("div", { className: "text-sm text-gray-600 mb-2" },
+                                    react_1.default.createElement("span", { className: "font-bold" }, "Desired Outcome:"),
+                                    " ",
+                                    issue.outcome),
+                                react_1.default.createElement("div", { className: "text-sm text-gray-600 mb-2" },
+                                    react_1.default.createElement("span", { className: "font-bold" }, "Resolution:"),
+                                    " ",
+                                    issue.internalResolution ? issue.internalResolution : issue.clientResolution),
                                 react_1.default.createElement("div", { className: "flex items-center text-sm text-gray-600 mb-2" },
                                     react_1.default.createElement("span", { className: "text-xs text-gray-500" },
-                                        "Resolved ",
+                                        "Resolved: ",
                                         (0, dayjs_1.default)(issue.updatedAt).format("MM-DD-YYYY")),
                                     react_1.default.createElement("span", { className: "mx-2" }, "\u2022"),
                                     react_1.default.createElement("span", { className: "text-xs text-gray-500" },
-                                        "Resolved By ",
+                                        "Resolved By: ",
                                         issue.statusChangedByUser.firstName + " " + issue.statusChangedByUser.lastName,
                                         " ",
                                         issue.statusChangedByUser.userTypeId === 2 && '(Paro)')))),

package/lib/components/Escalations/Escalations.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ interface EscalationsProps {
     bucketName: string;
     user: any;
     clientId?: number;
+    escalationDisputeStatistics?: any;
 }
-export declare const Escalations: ({ expertsOrClients, projects, isExpert, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, clientId, }: EscalationsProps) => JSX.Element;
+export declare const Escalations: ({ expertsOrClients, projects, isExpert, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, clientId, escalationDisputeStatistics, }: EscalationsProps) => JSX.Element;
 export {};

package/lib/components/Escalations/Escalations.js CHANGED Viewed

@@ -40,7 +40,7 @@ const AccountSuspensionModal_1 = __importDefault(require("./AccountSuspensionMod
 const base_icons_1 = require("@paro.io/base-icons");
 const EscalationIssueCard_1 = require("./EscalationIssueCard");
 const react_hot_toast_1 = require("react-hot-toast");
-const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, clientId = 0, }) => {
+const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, clientId = 0, escalationDisputeStatistics, }) => {
     const [activeSection, setActiveSection] = (0, react_1.useState)('support');
     const [selectedProject, setSelectedProject] = (0, react_1.useState)(null);
     const [selectedIssueId, setSelectedIssueId] = (0, react_1.useState)(null); // using selectedIssueId 0 for new escalation submission
@@ -156,9 +156,9 @@ const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations
                                         react_1.default.createElement("p", { className: "text-xs" }, "Report payment, scope, or communication activeIssues")))),
                             react_1.default.createElement(base_ui_1.Button, { label: "Report issue", onClick: () => setSelectedIssueId(0), iconLeft: react_1.default.createElement(base_icons_1.IconExclamation, { size: "sm", className: "text-white" }), color: "primary" }))),
                 isExpert &&
-                    react_1.default.createElement(AccountSuspensionBanner_1.default, { setShowSuspensionModal: setShowSuspensionModal, suspended: false }),
+                    react_1.default.createElement(AccountSuspensionBanner_1.default, { setShowSuspensionModal: setShowSuspensionModal, escalationDisputeStatistics: escalationDisputeStatistics }),
                 !isExpert &&
-                    react_1.default.createElement(EscalationReportBanner_1.default, { onReport: () => setSelectedIssueId(0) }),
+                    react_1.default.createElement(EscalationReportBanner_1.default, { onReport: () => setSelectedIssueId(0), isExpert: isExpert }),
                 escalations.length > 0 ? react_1.default.createElement(EscalationTabs_1.default, { activeTab: activeEscalationTab, setActiveTab: setActiveEscalationTab, activeIssues: activeIssues.length, inProgressIssues: inProgressIssues.length, resolvedIssues: resolvedIssues.length }) : null,
                 react_1.default.createElement(EscalationTabsContent_1.default, { activeTab: activeEscalationTab, openEscalationChat: openEscalationChat, setSelectedIssueId: setSelectedIssueId, activeIssues: activeIssues, inProgressIssues: inProgressIssues, resolvedIssues: resolvedIssues, updateProjectEscalation: updateProjectEscalation, isExpert: isExpert, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, userId: user.userId })),
             activeSection === 'support' && activeIssues.filter((issue) => issue.escalationNumber === selectedIssueId).length > 0 && (react_1.default.createElement(EscalationRespondForm_1.default, { goBack: goBack, selectedIssue: activeIssues.find((issue) => issue.escalationNumber === selectedIssueId), documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, uploadExpertClientFiles: uploadExpertClientFiles, updateProjectEscalation: updateProjectEscalation, goHome: goHome, isExpert: isExpert, userId: user.userId })),

package/lib/components/Escalations/MarkResolvedModal.js CHANGED Viewed

@@ -40,6 +40,7 @@ const utils_1 = require("../shared/utils");
 const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProjectEscalation, userId, }) => {
     const [resolutionText, setResolutionText] = (0, react_1.useState)(null);
     const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    const [expertResponsibility, setExpertResponsibility] = (0, react_1.useState)('');
     const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
         setSubmitting(true);
         try {
@@ -50,6 +51,7 @@ const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProj
                         clientResolution: resolutionText,
                         status: 'Resolved',
                         statusChangedBy: userId,
+                        isExpertAtFault: expertResponsibility === 'atFault' ? true : false,
                     }
                 }
             });
@@ -78,10 +80,23 @@ const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProj
             react_1.default.createElement("div", { className: "mt-6 mb-4" },
                 react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Please provide additional details before marking this issue as resolved."),
                 react_1.default.createElement(base_ui_1.Input, { type: "text", value: resolutionText, placeholder: "Enter details here...", onChange: (e) => setResolutionText(e.target.value) })),
+            react_1.default.createElement("p", null, "Please provide additional details before marking this issue as resolved."),
+            react_1.default.createElement("div", { style: { marginTop: '1em', marginBottom: '1em' } },
+                react_1.default.createElement("label", { className: "block text-sm font-normal mb-1" },
+                    "Expert Responsibility ",
+                    react_1.default.createElement("span", { className: "text-sm text-red-800" }, "*")),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("label", null,
+                        react_1.default.createElement("input", { type: "radio", name: "expertResponsibility", value: "atFault", checked: expertResponsibility === 'atFault', onChange: () => setExpertResponsibility('atFault'), required: true }),
+                        "Expert is at fault for this issue")),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("label", null,
+                        react_1.default.createElement("input", { type: "radio", name: "expertResponsibility", value: "notAtFault", checked: expertResponsibility === 'notAtFault', onChange: () => setExpertResponsibility('notAtFault'), required: true }),
+                        "Expert is NOT at fault"))),
             react_1.default.createElement("div", { className: "flex items-center justify-between" },
                 react_1.default.createElement("div", { className: "flex space-x-2" },
                     react_1.default.createElement(base_ui_1.Button, { label: "Cancel", onClick: onClose, disabled: submitting })),
                 react_1.default.createElement("div", { className: "flex space-x-2" },
-                    react_1.default.createElement(base_ui_1.Button, { label: "Submit", color: "primary", onClick: handleSubmit, isLoading: submitting }))))));
+                    react_1.default.createElement(base_ui_1.Button, { label: "Submit", color: "primary", onClick: handleSubmit, isLoading: submitting, disabled: expertResponsibility === '' }))))));
 };
 exports.default = MarkResolvedModal;

package/lib/components/ExpertProfileHeader/EarningsSection.d.ts CHANGED Viewed

@@ -16,5 +16,6 @@ interface EarningsSectionProps {
     hasCompletedProjects: boolean;
     lifetimeFSV: any;
 }
+export declare const EarningsInfo: ({ label, value, textColor }: any) => JSX.Element;
 declare const EarningsSection: ({ expertServiceLinesPlus, firmTags, haveATeamProp, expertLevels, currentMonthGoalHours, expertIRPRRatio, winRate, expertIRPRRatioPrev, winRatePrev, earnings, upsell, crossSell, lifetimeIRPR, lifetimeWinRate, hasCompletedProjects, lifetimeFSV }: EarningsSectionProps) => JSX.Element;
 export default EarningsSection;

package/lib/components/ExpertProfileHeader/EarningsSection.js CHANGED Viewed

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.EarningsInfo = void 0;
 const core_1 = require("@material-ui/core");
 const styles_1 = require("@material-ui/core/styles");
 const react_1 = __importDefault(require("react"));
@@ -64,6 +65,7 @@ const FirmTags = (_a) => {
 const EarningsInfo = ({ label, value, textColor = 'black' }) => (react_1.default.createElement(core_1.Box, { mr: 2, display: "flex", justifyContent: "space-between", alignItems: "center" },
     react_1.default.createElement(core_1.Typography, { variant: "body2" }, label),
     react_1.default.createElement("b", { style: { color: textColor } }, value)));
+exports.EarningsInfo = EarningsInfo;
 const DataCell = ({ label, value }) => {
     //@ts-ignore
     const classes = useStyles();
@@ -129,16 +131,16 @@ const EarningsSection = ({ expertServiceLinesPlus, firmTags, haveATeamProp, expe
             react_1.default.createElement(core_1.Box, { mb: 1 },
                 react_1.default.createElement("b", null, "Expert Earnings :")),
             hasCompletedProjects ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(EarningsInfo, { label: "Monthly Goal", value: currentMonthGoalHours > 0 ? `$ ${ToLocalStringFn(currentMonthGoalHours)}` : 'N/A' }),
+                react_1.default.createElement(exports.EarningsInfo, { label: "Monthly Goal", value: currentMonthGoalHours > 0 ? `$ ${ToLocalStringFn(currentMonthGoalHours)}` : 'N/A' }),
                 react_1.default.createElement(core_1.Box, { mb: 2 },
                     react_1.default.createElement(core_1.Divider, null)),
-                react_1.default.createElement(EarningsInfo, { label: "Monthly Earnings", value: (earnings === null || earnings === void 0 ? void 0 : earnings.length) > 0 ? `$ ${ToLocalStringFn(earning)}` : 'N/A' }),
+                react_1.default.createElement(exports.EarningsInfo, { label: "Monthly Earnings", value: (earnings === null || earnings === void 0 ? void 0 : earnings.length) > 0 ? `$ ${ToLocalStringFn(earning)}` : 'N/A' }),
                 react_1.default.createElement(core_1.Box, { mb: 2 },
                     react_1.default.createElement(core_1.Divider, null)),
-                react_1.default.createElement(EarningsInfo, { label: "% to Goal", value: currentMonthGoalHours && earning ? `${ToLocalStringFn(((earning / currentMonthGoalHours) * 100).toFixed(2))} %` : 'N/A' }),
+                react_1.default.createElement(exports.EarningsInfo, { label: "% to Goal", value: currentMonthGoalHours && earning ? `${ToLocalStringFn(((earning / currentMonthGoalHours) * 100).toFixed(2))} %` : 'N/A' }),
                 react_1.default.createElement(core_1.Box, { mb: 2 },
                     react_1.default.createElement(core_1.Divider, null)),
-                react_1.default.createElement(EarningsInfo, { label: "Lifetime FSV", value: lifetimeFSV ? ToLocalStringFn(lifetimeFSV) : 'N/A', textColor: backgroundColor }),
+                react_1.default.createElement(exports.EarningsInfo, { label: "Lifetime FSV", value: lifetimeFSV ? ToLocalStringFn(lifetimeFSV) : 'N/A', textColor: backgroundColor }),
                 react_1.default.createElement(core_1.Box, { mb: 2 },
                     react_1.default.createElement(core_1.Divider, null)),
                 react_1.default.createElement(ExpertStatsTable, { expertIRPRRatioPrev: expertIRPRRatioPrev, expertIRPRRatio: expertIRPRRatio, winRatePrev: winRatePrev, winRate: winRate, lifetimeIRPR: lifetimeIRPR, lifetimeWinRate: lifetimeWinRate }))) : (react_1.default.createElement(core_1.Typography, { variant: "body1" }, "This Expert has not billed yet")))));

package/lib/components/ExpertProfileHeader/ExpertProfileHeader.d.ts CHANGED Viewed

@@ -64,6 +64,8 @@ type QueryAndMutationProps = {
     getExpertVanityTitles?: any;
     getExpertRates?: any;
     updateExpert?: any;
+    escalationDisputeStatistics?: any;
+    escalationDisputeStatisticsLoading?: any;
 };
 type ChangeEmailPasswordProps = {
     getUserByEmail?: any;
@@ -79,5 +81,5 @@ type ProfileCompletedPercentageProps = {
     handleScrollToBottom?: () => void;
     clientReferencesSectionCompleted: boolean;
 };
-export declare const ExpertProfileHeader: ({ expertId, legacyFreelancerId, address: addressForReducer, companyName: companyNameForReducer, legacyMetadata: legacyMetadataForReducer, legacyMetadata: { primaryServiceLine, applicationStatus }, user: userForReducer, user: { id, imageUrl, email }, firmTags, detailsSectionCompleted, clientReferencesSectionCompleted, preferenceTasks, isWhiteLabel, handleScrollToBottom, haveATeamProp, expertFirms, paroAppUrl, isExpertOps, internalUserId, getExpertByLegacyFreelancerIdDocument, createExpertPublicProfileTrackingRecord, updateFreelancerServiceLine, serviceLineLoading, serviceLineData, serviceLineError, reviewData, profileReviewError, availabilityData, nextMonthAvailabilityData, expertStatusData, expertStatusLoading, expertLevelsData, projectsData, paroProjectsLoading, expertMetricsData, expertMetricsLoading, upSellCrossSellData, upSellCrossSellLoading, projectChangeLogData, projectChangeLogLoading, updateAddressMutation, addressUpdateLoading, updateUserMutation, userUpdateLoading, updateUserError, updateFreelancerMutation, updateFreelancerLoading, updateFreelancerError, getFreelancerEarnings, getQualityKPIs, expertLevelsTrainings, trainingsDataLoading, assignLetterTrainingToExpert, assignTrainingLoading, assignTrainingError, getUserDocument, getExpertStatusDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, getUserByEmail, updateUserEmail, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, openServiceLinesTemplate, setOpenServiceLinesTemplate, getExpertVanityTitles, getExpertRates, updateExpert, vanityTitle, }: SectionContents & PersonalInformationType & ProfileCompletedPercentageProps & QueryAndMutationProps & ChangeEmailPasswordProps) => JSX.Element;
+export declare const ExpertProfileHeader: ({ expertId, legacyFreelancerId, address: addressForReducer, companyName: companyNameForReducer, legacyMetadata: legacyMetadataForReducer, legacyMetadata: { primaryServiceLine, applicationStatus }, user: userForReducer, user: { id, imageUrl, email }, firmTags, detailsSectionCompleted, clientReferencesSectionCompleted, preferenceTasks, isWhiteLabel, handleScrollToBottom, haveATeamProp, expertFirms, paroAppUrl, isExpertOps, internalUserId, getExpertByLegacyFreelancerIdDocument, createExpertPublicProfileTrackingRecord, updateFreelancerServiceLine, serviceLineLoading, serviceLineData, serviceLineError, reviewData, profileReviewError, availabilityData, nextMonthAvailabilityData, expertStatusData, expertStatusLoading, expertLevelsData, projectsData, paroProjectsLoading, expertMetricsData, expertMetricsLoading, upSellCrossSellData, upSellCrossSellLoading, projectChangeLogData, projectChangeLogLoading, updateAddressMutation, addressUpdateLoading, updateUserMutation, userUpdateLoading, updateUserError, updateFreelancerMutation, updateFreelancerLoading, updateFreelancerError, getFreelancerEarnings, getQualityKPIs, expertLevelsTrainings, trainingsDataLoading, assignLetterTrainingToExpert, assignTrainingLoading, assignTrainingError, getUserDocument, getExpertStatusDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, getUserByEmail, updateUserEmail, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, openServiceLinesTemplate, setOpenServiceLinesTemplate, getExpertVanityTitles, getExpertRates, updateExpert, vanityTitle, escalationDisputeStatistics, escalationDisputeStatisticsLoading, }: SectionContents & PersonalInformationType & ProfileCompletedPercentageProps & QueryAndMutationProps & ChangeEmailPasswordProps) => JSX.Element;
 export {};

package/lib/components/ExpertProfileHeader/ExpertProfileHeader.js CHANGED Viewed

@@ -76,7 +76,7 @@ const convertRegionToStateAbbreviation = (region) => {
 const personalInformationReducer = (state, updatedState) => {
     return Object.assign(Object.assign({}, state), updatedState);
 };
-const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressForReducer, companyName: companyNameForReducer, legacyMetadata: legacyMetadataForReducer, legacyMetadata: { primaryServiceLine, applicationStatus }, user: userForReducer, user: { id, imageUrl, email }, firmTags, detailsSectionCompleted, clientReferencesSectionCompleted, preferenceTasks, isWhiteLabel, handleScrollToBottom, haveATeamProp, expertFirms, paroAppUrl, isExpertOps, internalUserId, getExpertByLegacyFreelancerIdDocument, createExpertPublicProfileTrackingRecord, updateFreelancerServiceLine, serviceLineLoading, serviceLineData, serviceLineError, reviewData, profileReviewError, availabilityData, nextMonthAvailabilityData, expertStatusData, expertStatusLoading, expertLevelsData, projectsData, paroProjectsLoading, expertMetricsData, expertMetricsLoading, upSellCrossSellData, upSellCrossSellLoading, projectChangeLogData, projectChangeLogLoading, updateAddressMutation, addressUpdateLoading, updateUserMutation, userUpdateLoading, updateUserError, updateFreelancerMutation, updateFreelancerLoading, updateFreelancerError, getFreelancerEarnings, getQualityKPIs, expertLevelsTrainings, trainingsDataLoading, assignLetterTrainingToExpert, assignTrainingLoading, assignTrainingError, getUserDocument, getExpertStatusDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, getUserByEmail, updateUserEmail, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, openServiceLinesTemplate, setOpenServiceLinesTemplate, getExpertVanityTitles, getExpertRates, updateExpert, vanityTitle, }) => {
+const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressForReducer, companyName: companyNameForReducer, legacyMetadata: legacyMetadataForReducer, legacyMetadata: { primaryServiceLine, applicationStatus }, user: userForReducer, user: { id, imageUrl, email }, firmTags, detailsSectionCompleted, clientReferencesSectionCompleted, preferenceTasks, isWhiteLabel, handleScrollToBottom, haveATeamProp, expertFirms, paroAppUrl, isExpertOps, internalUserId, getExpertByLegacyFreelancerIdDocument, createExpertPublicProfileTrackingRecord, updateFreelancerServiceLine, serviceLineLoading, serviceLineData, serviceLineError, reviewData, profileReviewError, availabilityData, nextMonthAvailabilityData, expertStatusData, expertStatusLoading, expertLevelsData, projectsData, paroProjectsLoading, expertMetricsData, expertMetricsLoading, upSellCrossSellData, upSellCrossSellLoading, projectChangeLogData, projectChangeLogLoading, updateAddressMutation, addressUpdateLoading, updateUserMutation, userUpdateLoading, updateUserError, updateFreelancerMutation, updateFreelancerLoading, updateFreelancerError, getFreelancerEarnings, getQualityKPIs, expertLevelsTrainings, trainingsDataLoading, assignLetterTrainingToExpert, assignTrainingLoading, assignTrainingError, getUserDocument, getExpertStatusDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, getUserByEmail, updateUserEmail, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, openServiceLinesTemplate, setOpenServiceLinesTemplate, getExpertVanityTitles, getExpertRates, updateExpert, vanityTitle, escalationDisputeStatistics, escalationDisputeStatisticsLoading, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const [leftSideStatus, setLeftSideStatus] = react_1.default.useState("");
     const [rightSideStatus, setRightSideStatus] = react_1.default.useState("");
@@ -142,7 +142,7 @@ const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressFor
     const expertServiceLinesPlus = (serviceLineData === null || serviceLineData === void 0 ? void 0 : serviceLineData.getExpertByLegacyFreelancerId.serviceLinesPlus) || [];
     const expertLevels = expertLevelsData === null || expertLevelsData === void 0 ? void 0 : expertLevelsData.getExpertLevelsData;
     if ((expertStatuses && expertMetricsData && leftSideStatus === "" && rightSideStatus === "") || triggerNewStatus) {
-        (0, ExpertStatusCalculator_1.default)(expertStatuses, setLeftSideStatus, setRightSideStatus, setInfoColor, expertMetricsData, earnings, applicationStatus, setTriggerNewStatus);
+        (0, ExpertStatusCalculator_1.default)(expertStatuses, setLeftSideStatus, setRightSideStatus, setInfoColor, expertMetricsData, earnings, applicationStatus, setTriggerNewStatus, escalationDisputeStatistics);
     }
     const [open, setOpen] = react_1.default.useState(false);
     const [reducedPersonalInformation, dispatchUpdatedPersonalInformationUpdate] = react_1.default.useReducer(personalInformationReducer, {
@@ -165,7 +165,7 @@ const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressFor
         return react_1.default.createElement(ParoError_1.ParoError, null);
     }
     const publicProfileLink = `${paroAppUrl}/public/${id}`;
-    if (expertStatusLoading || expertMetricsLoading || serviceLineLoading || paroProjectsLoading || projectChangeLogLoading || upSellCrossSellLoading) {
+    if (expertStatusLoading || expertMetricsLoading || serviceLineLoading || paroProjectsLoading || projectChangeLogLoading || upSellCrossSellLoading || escalationDisputeStatisticsLoading) {
         return react_1.default.createElement(Loader_1.default, { size: '30px', text: 'Loading Expert Stats...' });
     }
     const ServiceLines = [
@@ -219,7 +219,7 @@ const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressFor
                         react_1.default.createElement(ProfileSection_1.default, { legacyFreelancerId: Number(legacyFreelancerId), imageUrl: imageUrl, shouldAllowEditProfile: isExpertOps !== null && isExpertOps !== void 0 ? isExpertOps : false, firstName: firstName, lastName: lastName, primaryServiceLine: primaryServiceLine, editServiceLine: editServiceLine, city: city, stateAbbreviation: stateAbbreviation, email: email, phone: phone, setOpen: setOpen, paroTenure: paroTenure, hourlyRate: defaultHourlyRate, paroProjectsData: paroProjectsData, getUserDocument: getUserDocument, uploadUserPhotoMutation: uploadUserPhotoMutation, loadingNewImage: loadingNewImage, imageUpdateError: imageUpdateError, isInternal: isInternal, getUserByEmail: getUserByEmail, updateUserEmail: updateUserEmail, updateUserMutation: updateUserMutation, getUserByEmailLazyQuery: getUserByEmailLazyQuery, updateUserPassword: updateUserPassword, verifyUserPassword: verifyUserPassword, getExpertRates: getExpertRates }),
                         react_1.default.createElement(core_1.Divider, { orientation: isSmallScreen ? 'horizontal' : 'vertical', style: { marginLeft: '0px !important' } })),
                     react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: 'column', justify: 'space-between', xs: 12, md: true, style: { flex: '1', width: 'auto' } },
-                        react_1.default.createElement(NetworkSection_1.default, { handleScrollToBottom: isInternal && handleScrollToBottom ? handleScrollToBottom : () => { }, preferenceTasks: preferenceTasks, isWhiteLabel: isWhiteLabel, detailsSectionCompleted: detailsSectionCompleted, clientReferencesSectionCompleted: clientReferencesSectionCompleted, infoColor: infoColor, leftSideStatus: leftSideStatus, rightSideStatus: rightSideStatus, isInternal: isInternal, paroTenure: paroTenure, getExpertVanityTitles: getExpertVanityTitles, updateExpert: updateExpert, expertId: expertId, legacyFreelancerId: Number(legacyFreelancerId), vanityTitle: vanityTitle, getExpertByLegacyFreelancerIdDocument: getExpertByLegacyFreelancerIdDocument }),
+                        react_1.default.createElement(NetworkSection_1.default, { handleScrollToBottom: isInternal && handleScrollToBottom ? handleScrollToBottom : () => { }, preferenceTasks: preferenceTasks, isWhiteLabel: isWhiteLabel, detailsSectionCompleted: detailsSectionCompleted, clientReferencesSectionCompleted: clientReferencesSectionCompleted, infoColor: infoColor, leftSideStatus: leftSideStatus, rightSideStatus: rightSideStatus, isInternal: isInternal, paroTenure: paroTenure, getExpertVanityTitles: getExpertVanityTitles, updateExpert: updateExpert, expertId: expertId, legacyFreelancerId: Number(legacyFreelancerId), vanityTitle: vanityTitle, getExpertByLegacyFreelancerIdDocument: getExpertByLegacyFreelancerIdDocument, escalationDisputeStatistics: escalationDisputeStatistics, paroAppUrl: paroAppUrl }),
                         react_1.default.createElement(core_1.Divider, { orientation: isSmallScreen ? 'horizontal' : 'vertical' })),
                     react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: 'column', justify: 'space-between', xs: 12, md: true, style: { flex: '1', width: 'auto' } },
                         react_1.default.createElement(EarningsSection_1.default, { expertServiceLinesPlus: expertServiceLinesPlus, firmTags: firmTags, haveATeamProp: haveATeamProp, expertLevels: expertLevels, currentMonthGoalHours: currentMonthGoalHours, expertIRPRRatio: expertIRPRRatio, winRate: winRate, expertIRPRRatioPrev: expertIRPRRatioPrev, winRatePrev: winRatePrev, earnings: earnings, upsell: upsell, crossSell: crossSell, lifetimeIRPR: lifetimeIRPR, lifetimeWinRate: lifetimeWinRate, hasCompletedProjects: (_k = expertMetricsData === null || expertMetricsData === void 0 ? void 0 : expertMetricsData.getExpertMetrics) === null || _k === void 0 ? void 0 : _k.lastProjectCompleted, lifetimeFSV: lifetimeFSV }),

package/lib/components/ExpertProfileHeader/ExpertStatusCalculator.d.ts CHANGED Viewed

@@ -20,5 +20,5 @@ export type ExpertStatusData = {
     hasValidInsurance: boolean;
     insuranceExpiryDate: Date;
 };
-declare const ExpertStatusCalculator: (statusData: ExpertStatusData, setLeftSideStatus: (leftSideStatus: string) => void, setRightSideStatus: (rightSideStatus: string) => void, setInfoColor: ({ leftSideStatus, rightSideStatus, Matching, FaF, JobBoard, Available }: any) => void, expertMetricsData: any, earningsData: any, applicationStatus: any, setTriggerNewStatus: any) => void;
+declare const ExpertStatusCalculator: (statusData: ExpertStatusData, setLeftSideStatus: (leftSideStatus: string) => void, setRightSideStatus: (rightSideStatus: string) => void, setInfoColor: ({ leftSideStatus, rightSideStatus, Matching, FaF, JobBoard, Available }: any) => void, expertMetricsData: any, earningsData: any, applicationStatus: any, setTriggerNewStatus: any, escalationDisputeStatistics: any) => void;
 export default ExpertStatusCalculator;

package/lib/components/ExpertProfileHeader/ExpertStatusCalculator.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_1 = require("../shared/utils");
+const AccountSuspensionBanner_1 = require("../Escalations/AccountSuspensionBanner");
 const isDespiseExpert = (earningsToShow, lastPitchDate, lastLoginDate, applicationStatus) => {
     // Expert is in Despise Status IF:
     // Active Expert who has no logins, no pitches, no earnings in the last 30 days
@@ -11,18 +12,28 @@ const isDespiseExpert = (earningsToShow, lastPitchDate, lastLoginDate, applicati
     const earnedInLast2Months = earningsToShow.filter((earning) => earning.earnings_type === 'actual' && (earning.month === formattedPreviousMonthDate || earning.month === formattedCurrentMonthDate));
     return (0, utils_1.isOlderThan30Days)(lastPitchDate) && (0, utils_1.isOlderThan30Days)(lastLoginDate) && earnedInLast2Months.length === 0 && applicationStatus === 'ACTIVE';
 };
-const ExpertStatusCalculator = (statusData, setLeftSideStatus, setRightSideStatus, setInfoColor, expertMetricsData, earningsData, applicationStatus, setTriggerNewStatus) => {
+const ExpertStatusCalculator = (statusData, setLeftSideStatus, setRightSideStatus, setInfoColor, expertMetricsData, earningsData, applicationStatus, setTriggerNewStatus, escalationDisputeStatistics) => {
+    var _a, _b;
     const suspensionStatus = (statusData.suspensionEndDate && statusData.suspensionEndDate !== "")
         ? `! Suspended till ${statusData.suspensionEndDate}, see notes.`
         : '! Suspended, see notes.';
+    const suspensionLevel = (_b = (_a = AccountSuspensionBanner_1.suspensionLevels.find((obj) => obj.value === escalationDisputeStatistics.suspensionLevel)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Low";
+    const startDate = escalationDisputeStatistics.suspensionStartDate ? new Date(escalationDisputeStatistics.suspensionStartDate).toLocaleDateString() : '';
+    const endDate = escalationDisputeStatistics.suspensionEndDate ? new Date(escalationDisputeStatistics.suspensionEndDate).toLocaleDateString() : '';
     if (statusData.churnedPermanently) {
         const formattedDate = new Date(statusData.churnedDate).toLocaleDateString();
         setLeftSideStatus('This Expert has been churned from the Network and cannot take on new projects.');
         setRightSideStatus(`! Churned ${formattedDate} - Not eligible for rehire. See notes.`);
     }
     else if (statusData.suspended) {
-        setLeftSideStatus('This Expert is currently suspended and is unable to take on new projects.');
-        setRightSideStatus(`${suspensionStatus}`);
+        if (suspensionLevel !== "Low" && startDate && endDate) { // suspension due to escalations
+            setLeftSideStatus(`The Expert is on ${suspensionLevel} severity level for Escalations.`);
+            setRightSideStatus(`This Expert has been suspended due to severity strikes on escalations and was suspended on ${startDate} and will come off suspension on ${endDate} due.`);
+        }
+        else { // suspension due to other reasons
+            setLeftSideStatus('This Expert is currently suspended and is unable to take on new projects.');
+            setRightSideStatus(`${suspensionStatus}`);
+        }
     }
     else if (statusData.churned) {
         const formattedDate = new Date(statusData.churnedDate).toLocaleDateString();

package/lib/components/ExpertProfileHeader/NetworkSection.d.ts CHANGED Viewed

@@ -15,6 +15,8 @@ interface NetworkSectionProps {
     expertId: string;
     vanityTitle: string;
     getExpertByLegacyFreelancerIdDocument: any;
+    escalationDisputeStatistics: any;
+    paroAppUrl: string;
 }
-declare const NetworkSection: ({ handleScrollToBottom, preferenceTasks, isWhiteLabel, detailsSectionCompleted, clientReferencesSectionCompleted, infoColor, leftSideStatus, rightSideStatus, isInternal, paroTenure, getExpertVanityTitles, updateExpert, expertId, legacyFreelancerId, vanityTitle, getExpertByLegacyFreelancerIdDocument, }: NetworkSectionProps) => JSX.Element;
+declare const NetworkSection: ({ handleScrollToBottom, preferenceTasks, isWhiteLabel, detailsSectionCompleted, clientReferencesSectionCompleted, infoColor, leftSideStatus, rightSideStatus, isInternal, paroTenure, getExpertVanityTitles, updateExpert, expertId, legacyFreelancerId, vanityTitle, getExpertByLegacyFreelancerIdDocument, escalationDisputeStatistics, paroAppUrl, }: NetworkSectionProps) => JSX.Element;
 export default NetworkSection;

package/lib/components/ExpertProfileHeader/NetworkSection.js CHANGED Viewed

@@ -39,6 +39,10 @@ const ProfileCompletedPercentange_1 = require("../ProfileCompletedPercentange");
 const icons_1 = require("@material-ui/icons");
 const ReviewsTab_1 = require("../ReviewsTab/ReviewsTab");
 const base_ui_1 = require("@paro.io/base-ui");
+const EarningsSection_1 = require("./EarningsSection");
+const base_icons_1 = require("@paro.io/base-icons");
+const EscalationIssueCard_1 = require("../Escalations/EscalationIssueCard");
+const AccountSuspensionBanner_1 = require("../Escalations/AccountSuspensionBanner");
 const useStyles = (0, styles_1.makeStyles)((theme) => ({
     textSuccess: {
         color: '#12756F',
@@ -75,11 +79,32 @@ const ExpertiseTitleModal = ({ openModal, updateTitle, titleOptions, selectedTit
                 react_1.default.createElement(base_ui_1.Button, { label: "UPDATE PROFILE", onClick: handleUpdateExpertTitle, type: "button", isLoading: updateTitle, disabled: selectedTitle === null || (selectedTitle === 'Other' && (customTitle === null || customTitle === '')), color: "primary" }),
                 react_1.default.createElement(base_ui_1.Button, { label: "CANCEL", onClick: handleOnClose, type: "button", disabled: updateTitle, isLoading: updateTitle })))));
 };
-const NetworkSection = ({ handleScrollToBottom, preferenceTasks, isWhiteLabel, detailsSectionCompleted, clientReferencesSectionCompleted, infoColor, leftSideStatus, rightSideStatus, isInternal, paroTenure, getExpertVanityTitles, updateExpert, expertId, legacyFreelancerId, vanityTitle, getExpertByLegacyFreelancerIdDocument, }) => {
+const PriorityLevelModal = ({ openModal, onClose }) => {
+    return (react_1.default.createElement(base_ui_1.Modal, { open: openModal, size: "sm", onClose: onClose },
+        react_1.default.createElement("div", { className: "border border-1 border-gray-300 p-4 rounded-md gap-y-2" },
+            react_1.default.createElement("h4", { className: "font-medium text-gray-900 mb-2" }, "Severity Levels for Issues"),
+            react_1.default.createElement("div", { className: "space-y-2 text-sm" },
+                react_1.default.createElement("div", { className: "flex items-center gap-x-2" },
+                    react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: "Critical" }),
+                    react_1.default.createElement("span", null, "All deliverables are currently blocked; the project cannot move forward.")),
+                react_1.default.createElement("div", { className: "flex items-center gap-x-2" },
+                    react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: "High" }),
+                    react_1.default.createElement("span", null, "Key deliverables are blocked, preventing meaningful progress.")),
+                react_1.default.createElement("div", { className: "flex items-center gap-x-2" },
+                    react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: "Medium" }),
+                    react_1.default.createElement("span", null, "Deliverables are still in progress, but timelines are at risk.")),
+                react_1.default.createElement("div", { className: "flex items-center gap-x-2" },
+                    react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: "Low" }),
+                    react_1.default.createElement("span", null, "Minor issue or inconvenience that does not affect overall project flow."))))));
+};
+const NetworkSection = ({ handleScrollToBottom, preferenceTasks, isWhiteLabel, detailsSectionCompleted, clientReferencesSectionCompleted, infoColor, leftSideStatus, rightSideStatus, isInternal, paroTenure, getExpertVanityTitles, updateExpert, expertId, legacyFreelancerId, vanityTitle, getExpertByLegacyFreelancerIdDocument, escalationDisputeStatistics, paroAppUrl, }) => {
+    var _a, _b, _c, _d, _e, _f;
     const [openModal, setOpenModal] = (0, react_1.useState)(false);
     const [selectedTitle, setSelectedTitle] = (0, react_1.useState)(vanityTitle);
     const [customTitle, setCustomTitle] = (0, react_1.useState)(null);
     const [updateTitle, setUpdateTitle] = (0, react_1.useState)(false);
+    const [showPriorityLevelModal, setShowPriorityLevelModal] = (0, react_1.useState)(false);
+    const suspensionLevel = (_b = (_a = AccountSuspensionBanner_1.suspensionLevels.find((obj) => obj.value === escalationDisputeStatistics.suspensionLevel)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Low";
     const handleUpdateExpertTitle = () => __awaiter(void 0, void 0, void 0, function* () {
         setUpdateTitle(true);
         updateExpert({
@@ -129,6 +154,21 @@ const NetworkSection = ({ handleScrollToBottom, preferenceTasks, isWhiteLabel, d
                     react_1.default.createElement(icons_1.Cached, null))),
             react_1.default.createElement(core_1.Box, { mt: 1, mb: 1, mr: 2 },
                 react_1.default.createElement(core_1.Divider, null))),
+        escalationDisputeStatistics &&
+            react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(EarningsSection_1.EarningsInfo, { label: "# of Escalations in last 3 months", value: (_c = escalationDisputeStatistics.recentResolvedEscalations) !== null && _c !== void 0 ? _c : 0 }),
+                react_1.default.createElement(core_1.Box, { mb: 2 },
+                    react_1.default.createElement(core_1.Divider, null)),
+                react_1.default.createElement(EarningsSection_1.EarningsInfo, { label: "Total # of Escalations", value: (_d = escalationDisputeStatistics.totalResolvedEscalations) !== null && _d !== void 0 ? _d : 0 }),
+                react_1.default.createElement(core_1.Box, { mb: 2 },
+                    react_1.default.createElement(core_1.Divider, null)),
+                react_1.default.createElement(EarningsSection_1.EarningsInfo, { label: "# of Disputes in last 3 months", value: (_e = escalationDisputeStatistics.recentResolvedDisputes) !== null && _e !== void 0 ? _e : 0 }),
+                react_1.default.createElement(core_1.Box, { mb: 2 },
+                    react_1.default.createElement(core_1.Divider, null)),
+                react_1.default.createElement(EarningsSection_1.EarningsInfo, { label: "Total # of Disputes", value: (_f = escalationDisputeStatistics.totalResolvedDisputes) !== null && _f !== void 0 ? _f : 0 }),
+                react_1.default.createElement(core_1.Box, { mb: 0.5 },
+                    react_1.default.createElement(core_1.Divider, null)),
+                !isInternal && react_1.default.createElement("a", { href: `${paroAppUrl}/engagement-support`, className: "text-xs underline text-[#1878BD] cursor-pointer block text-right mb-2", target: "_blank", rel: "noopener noreferrer" }, "See more Disputes & Escalations")),
         react_1.default.createElement(core_1.Grid, { style: { marginRight: '8px', marginLeft: '2px' } },
             react_1.default.createElement(core_1.Box, { mb: 1 },
                 react_1.default.createElement("b", null, "Network Availability :")),
@@ -148,9 +188,15 @@ const NetworkSection = ({ handleScrollToBottom, preferenceTasks, isWhiteLabel, d
             react_1.default.createElement(core_1.Box, null,
                 react_1.default.createElement("b", null, "Reason: "),
                 react_1.default.createElement("ul", null,
-                    react_1.default.createElement("li", null, leftSideStatus),
+                    react_1.default.createElement("li", null,
+                        leftSideStatus,
+                        " ",
+                        suspensionLevel !== "Low" && react_1.default.createElement(core_1.IconButton, { "aria-label": "Show priority levels", onClick: () => { setShowPriorityLevelModal(true); } },
+                            react_1.default.createElement(base_icons_1.IconInfoCircle, { size: "sm", className: "block text-right" }))),
                     react_1.default.createElement("li", null, rightSideStatus)))),
         openModal &&
-            react_1.default.createElement(ExpertiseTitleModal, { openModal: openModal, updateTitle: updateTitle, titleOptions: [...getExpertVanityTitles], selectedTitle: selectedTitle, customTitle: customTitle, setCustomTitle: setCustomTitle, handleChangeTitle: (event) => { setSelectedTitle(event.target.value); }, handleOnClose: () => setOpenModal(false), handleUpdateExpertTitle: handleUpdateExpertTitle })));
+            react_1.default.createElement(ExpertiseTitleModal, { openModal: openModal, updateTitle: updateTitle, titleOptions: [...getExpertVanityTitles], selectedTitle: selectedTitle, customTitle: customTitle, setCustomTitle: setCustomTitle, handleChangeTitle: (event) => { setSelectedTitle(event.target.value); }, handleOnClose: () => setOpenModal(false), handleUpdateExpertTitle: handleUpdateExpertTitle }),
+        showPriorityLevelModal &&
+            react_1.default.createElement(PriorityLevelModal, { openModal: showPriorityLevelModal, onClose: () => setShowPriorityLevelModal(false) })));
 };
 exports.default = NetworkSection;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@paro.io/expert-shared-components",
-  "version": "1.13.8",
+  "version": "1.13.10",
   "description": "",
   "main": "lib/index.js",
   "scripts": {