@paro.io/expert-shared-components 1.13.3 → 1.13.5
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.
|
@@ -42,10 +42,8 @@ const FileUploader_1 = require("../FileUploader");
|
|
|
42
42
|
const EscalationRespondForm_1 = require("./EscalationRespondForm");
|
|
43
43
|
const utils_1 = require("../shared/utils");
|
|
44
44
|
const EscalationChat = ({ activeChatIssue, showEscalationChat, onClose, user, createEscalationChatMessage, documentUploadUrl, bucketName, uploadExpertClientFiles, updateProjectEscalation, isExpert, }) => {
|
|
45
|
-
var _a, _b
|
|
46
|
-
const [uploadFiles, setUploadFiles] = (0, react_1.useState)(
|
|
47
|
-
? (((_a = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.expertSupportingDocuments) === null || _a === void 0 ? void 0 : _a.split(",")) || [])
|
|
48
|
-
: (((_b = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.clientSupportingDocuments) === null || _b === void 0 ? void 0 : _b.split(",")) || []));
|
|
45
|
+
var _a, _b;
|
|
46
|
+
const [uploadFiles, setUploadFiles] = (0, react_1.useState)([]);
|
|
49
47
|
const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
|
|
50
48
|
const fileInputRef = (0, react_1.useRef)(null);
|
|
51
49
|
const handleFileUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -84,7 +82,7 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, onClose, user, cr
|
|
|
84
82
|
clientName: (_d = (_c = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '',
|
|
85
83
|
email: isExpert ? (_g = (_f = (_e = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _e === void 0 ? void 0 : _e.primaryContact) === null || _f === void 0 ? void 0 : _f.email) !== null && _g !== void 0 ? _g : '' : (_j = (_h = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _h === void 0 ? void 0 : _h.email) !== null && _j !== void 0 ? _j : '',
|
|
86
84
|
freelancerId: (_l = (_k = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _k === void 0 ? void 0 : _k.id) !== null && _l !== void 0 ? _l : 0,
|
|
87
|
-
freelancerName: (_o = (_m = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _m === void 0 ? void 0 : _m.
|
|
85
|
+
freelancerName: (_o = (_m = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _m === void 0 ? void 0 : _m.firstName) !== null && _o !== void 0 ? _o : '',
|
|
88
86
|
projectName: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectName : '',
|
|
89
87
|
}
|
|
90
88
|
});
|
|
@@ -111,7 +109,7 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, onClose, user, cr
|
|
|
111
109
|
const docs = [activeChatIssue.expertSupportingDocuments, activeChatIssue.clientSupportingDocuments, activeChatIssue.internalSupportingDocuments, ...uploadFiles];
|
|
112
110
|
const processedDocs = (0, utils_1.processDocs)(docs);
|
|
113
111
|
const project = activeChatIssue.projectDetails && Array.isArray(activeChatIssue.projectDetails) && activeChatIssue.projectDetails.length > 0
|
|
114
|
-
? `${(
|
|
112
|
+
? `${(_a = activeChatIssue.projectDetails[0]) === null || _a === void 0 ? void 0 : _a.projectName}${activeChatIssue.projectDetails.length > 1 ? ` +${activeChatIssue.projectDetails.length - 1} more` : ''} `
|
|
115
113
|
: '';
|
|
116
114
|
return (react_1.default.createElement(core_1.Dialog, { open: showEscalationChat, onClose: onClose, maxWidth: 'sm' },
|
|
117
115
|
react_1.default.createElement(core_1.DialogTitle, null,
|
|
@@ -121,7 +119,7 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, onClose, user, cr
|
|
|
121
119
|
react_1.default.createElement("h1", { className: "text-md font-bold mr-2" },
|
|
122
120
|
"Escalation Chat #",
|
|
123
121
|
activeChatIssue.escalationNumber),
|
|
124
|
-
react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: activeChatIssue.status === "InProgress" ? "In Progress" : activeChatIssue.status })),
|
|
122
|
+
react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: activeChatIssue.status === "InProgress" ? "In Progress" : activeChatIssue.status, customColor: isExpert ? 'bg-neutral border-neutral' : 'bg-[#B0B5D3] border-[#181027]' })),
|
|
125
123
|
react_1.default.createElement("p", { className: "text-xs" },
|
|
126
124
|
activeChatIssue.problem,
|
|
127
125
|
" \u2022 ",
|
|
@@ -131,7 +129,7 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, onClose, user, cr
|
|
|
131
129
|
react_1.default.createElement(base_icons_1.IconX, null))))),
|
|
132
130
|
react_1.default.createElement(core_1.DialogContent, null,
|
|
133
131
|
react_1.default.createElement("div", { className: "bg-white rounded-lg w-full overflow-hidden flex flex-col p-2 mt-12" },
|
|
134
|
-
react_1.default.createElement(DiscussionSection_1.DiscussionSection, { escalationNumber: activeChatIssue.escalationNumber, currentUser: user, messages: (
|
|
132
|
+
react_1.default.createElement(DiscussionSection_1.DiscussionSection, { escalationNumber: activeChatIssue.escalationNumber, currentUser: user, messages: (_b = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.chatMessages) !== null && _b !== void 0 ? _b : [], onCreateMessage: createEscalationChatMessage, isInternal: false }),
|
|
135
133
|
processedDocs && processedDocs.length > 0 && (react_1.default.createElement("div", { className: "flex flex-wrap gap-2 mt-4 mb-2" },
|
|
136
134
|
react_1.default.createElement("span", { className: "text-sm font-bold text-gray-500 items-center" }, "Supporting Documents: "),
|
|
137
135
|
processedDocs.map((d, idx) => (react_1.default.createElement(EscalationIssueCard_1.CustomTag, { key: idx, label: d.split('%2F')[1], customColor: `bg-success border-success` }))))),
|
|
@@ -107,7 +107,7 @@ const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespond
|
|
|
107
107
|
react_1.default.createElement("div", { className: "font-bold" }, issue.problem),
|
|
108
108
|
react_1.default.createElement(exports.CustomTag, { label: issue.severityLevel })),
|
|
109
109
|
react_1.default.createElement("div", { className: "text-xs text-gray-500 font-bold" },
|
|
110
|
-
isExpert ? (_b = issue === null || issue === void 0 ? void 0 : issue.client) === null || _b === void 0 ? void 0 : _b.name : (_c = issue === null || issue === void 0 ? void 0 : issue.freelancer) === null || _c === void 0 ? void 0 : _c.
|
|
110
|
+
isExpert ? (_b = issue === null || issue === void 0 ? void 0 : issue.client) === null || _b === void 0 ? void 0 : _b.name : (_c = issue === null || issue === void 0 ? void 0 : issue.freelancer) === null || _c === void 0 ? void 0 : _c.firstName,
|
|
111
111
|
" \u2022 ",
|
|
112
112
|
project,
|
|
113
113
|
" \u2022 Case #",
|
|
@@ -135,6 +135,6 @@ const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespond
|
|
|
135
135
|
react_1.default.createElement(base_ui_1.Button, { onClick: () => { setMarkAsResolved(issue); }, label: "Mark as Resolved", color: "primary" })))));
|
|
136
136
|
}),
|
|
137
137
|
!!viewResponseModal && react_1.default.createElement(ViewResponseModal_1.default, { selectedIssue: viewResponseModal, isExpert: isExpert, open: !!viewResponseModal, onClose: () => setViewResponseModal(null) }),
|
|
138
|
-
!!markAsResolved && react_1.default.createElement(MarkResolvedModal_1.default, { escalationId: markAsResolved.escalationId, expertName: (_b = (_a = markAsResolved === null || markAsResolved === void 0 ? void 0 : markAsResolved.freelancer) === null || _a === void 0 ? void 0 : _a.
|
|
138
|
+
!!markAsResolved && react_1.default.createElement(MarkResolvedModal_1.default, { escalationId: markAsResolved.escalationId, expertName: (_b = (_a = markAsResolved === null || markAsResolved === void 0 ? void 0 : markAsResolved.freelancer) === null || _a === void 0 ? void 0 : _a.firstName) !== null && _b !== void 0 ? _b : 'Expert', open: !!markAsResolved, onClose: () => setMarkAsResolved(false), updateProjectEscalation: updateProjectEscalation, userId: userId })));
|
|
139
139
|
};
|
|
140
140
|
exports.default = EscalationIssueCard;
|
|
@@ -76,12 +76,9 @@ const responseTypes = [
|
|
|
76
76
|
},
|
|
77
77
|
];
|
|
78
78
|
const EscalationRespondForm = ({ goBack, selectedIssue, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, updateProjectEscalation, bucketName, goHome, isExpert, userId, }) => {
|
|
79
|
-
var _a, _b;
|
|
80
79
|
const [selectedType, setSelectedType] = (0, react_1.useState)(responseTypes[0].value);
|
|
81
80
|
const [responseInput, setResponseInput] = (0, react_1.useState)('');
|
|
82
|
-
const [uploadFiles, setUploadFiles] = (0, react_1.useState)(
|
|
83
|
-
? (((_a = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.expertSupportingDocuments) === null || _a === void 0 ? void 0 : _a.split(",")) || [])
|
|
84
|
-
: (((_b = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.clientSupportingDocuments) === null || _b === void 0 ? void 0 : _b.split(",")) || []));
|
|
81
|
+
const [uploadFiles, setUploadFiles] = (0, react_1.useState)([]);
|
|
85
82
|
const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
|
|
86
83
|
const [submitting, setSubmitting] = (0, react_1.useState)(false);
|
|
87
84
|
const fileInputRef = (0, react_1.useRef)(null);
|
|
@@ -121,7 +118,7 @@ const EscalationRespondForm = ({ goBack, selectedIssue, documentUploadUrl, downl
|
|
|
121
118
|
clientName: (_e = (_d = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.client) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : '',
|
|
122
119
|
email: isExpert ? (_h = (_g = (_f = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.client) === null || _f === void 0 ? void 0 : _f.primaryContact) === null || _g === void 0 ? void 0 : _g.email) !== null && _h !== void 0 ? _h : '' : (_k = (_j = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _j === void 0 ? void 0 : _j.email) !== null && _k !== void 0 ? _k : '',
|
|
123
120
|
freelancerId: (_l = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _l === void 0 ? void 0 : _l.id,
|
|
124
|
-
freelancerName: (_o = (_m = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _m === void 0 ? void 0 : _m.
|
|
121
|
+
freelancerName: (_o = (_m = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _m === void 0 ? void 0 : _m.firstName) !== null && _o !== void 0 ? _o : '',
|
|
125
122
|
projectName: (_q = (_p = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.projectDetails) === null || _p === void 0 ? void 0 : _p[0]) === null || _q === void 0 ? void 0 : _q.projectName,
|
|
126
123
|
}
|
|
127
124
|
});
|