npm - @paro.io/expert-shared-components - Versions diffs - 1.12.51 → 1.12.53 - Mend

@paro.io/expert-shared-components 1.12.51 → 1.12.53

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 (9) hide show

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

@@ -13,15 +13,12 @@ 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", { 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 escalation #12847. You must complete comprehensive training to regain access to new opportunities."),
+                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("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" }, "30 days (Medium Severity)")),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", { className: "text-red-100" }, "Started: "),
-                            react_1.default.createElement("span", { className: "text-white font-medium" }, "May 29, 2025"))))))
+                            react_1.default.createElement("span", { className: "text-white font-medium" }, "30 days (Medium Severity)"))))))
         :
             react_1.default.createElement("div", { className: "flex items-center justify-between" },
                 react_1.default.createElement("div", { className: "flex items-center" },

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

@@ -48,66 +48,60 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalation
     const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
     const handleFileUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
-        const selectedFiles = event.target.files;
-        if (!selectedFiles)
-            return;
         setUploadingFile(true);
-        const validFileNames = Array.from(selectedFiles)
-            .filter(file => (0, EscalationRespondForm_1.validateFileUpload)(file))
-            .map(file => file.name);
-        if (validFileNames.length === 0)
-            return;
-        if (validFileNames && validFileNames.length > 0) {
-            const uploadPromises = Array.from(selectedFiles).map((selectedFile) => {
-                return new Promise((resolve, reject) => {
-                    const reader = new FileReader();
-                    reader.onloadend = () => __awaiter(void 0, void 0, void 0, function* () {
-                        var _a, _b, _c, _d, _e, _f, _g, _h;
-                        try {
-                            const res = yield (0, FileUploader_1.fileUploader)({
-                                file: selectedFile,
-                                documentName: selectedFile.name,
-                                escalationId: activeChatIssue.escalationId,
-                                projectId: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectId : '',
-                                documentUploadUrl: documentUploadUrl,
-                                bucketName: bucketName,
-                                isExpert: false,
-                                uploadExpertClientFiles: uploadExpertClientFiles,
-                                createProjectEscalation: createProjectEscalation,
-                                extraData: {
-                                    clientId: (_a = activeChatIssue.client.id) !== null && _a !== void 0 ? _a : 0,
-                                    clientName: (_b = activeChatIssue.client.name) !== null && _b !== void 0 ? _b : '',
-                                    email: isExpert ? (_e = (_d = (_c = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _c === void 0 ? void 0 : _c.primaryContact) === null || _d === void 0 ? void 0 : _d.email) !== null && _e !== void 0 ? _e : '' : (_f = user === null || user === void 0 ? void 0 : user.email) !== null && _f !== void 0 ? _f : '',
-                                    freelancerId: (_g = activeChatIssue.freelancer.id) !== null && _g !== void 0 ? _g : 0,
-                                    freelancerName: (_h = activeChatIssue.freelancer.name) !== null && _h !== void 0 ? _h : '',
-                                    projectName: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectName : '',
-                                }
-                            });
-                            if (res) {
-                                setUploadFiles(prev => [...prev, ...res]);
-                            }
-                        }
-                        catch (error) {
-                            console.error("faile upload failed", error);
-                        }
-                        finally {
-                            resolve();
-                        }
-                    });
-                    reader.readAsDataURL(selectedFile);
-                });
-            });
-            try {
-                const res = yield Promise.all(uploadPromises);
-            }
-            catch (error) {
-                console.error('Error uploading files:', error);
+        try {
+            const selectedFiles = event.target.files;
+            if (!selectedFiles) {
+                setUploadingFile(false);
+                return;
             }
-            finally {
+            const validFiles = Array.from(selectedFiles).filter(file => (0, EscalationRespondForm_1.validateFileUpload)(file));
+            if (validFiles.length === 0) {
                 setUploadingFile(false);
+                return;
             }
+            const uploadPromises = validFiles.map((selectedFile) => {
+                return new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+                    try {
+                        const res = yield (0, FileUploader_1.fileUploader)({
+                            file: selectedFile,
+                            documentName: selectedFile.name,
+                            escalationId: activeChatIssue.escalationId,
+                            projectId: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectId : '',
+                            documentUploadUrl: documentUploadUrl,
+                            bucketName: bucketName,
+                            previousFiles: isExpert ? activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.clientDocumentLinks : activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.expertDocumentlinks,
+                            isExpert: isExpert,
+                            uploadExpertClientFiles: uploadExpertClientFiles,
+                            createProjectEscalation: createProjectEscalation,
+                            extraData: {
+                                clientId: isExpert ? (_b = (_a = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 0 : (_d = (_c = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : 0,
+                                clientName: isExpert ? (_f = (_e = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : '' : (_g = user === null || user === void 0 ? void 0 : user.name) !== null && _g !== void 0 ? _g : '',
+                                email: isExpert ? (_k = (_j = (_h = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _h === void 0 ? void 0 : _h.primaryContact) === null || _j === void 0 ? void 0 : _j.email) !== null && _k !== void 0 ? _k : '' : (_m = (_l = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _l === void 0 ? void 0 : _l.email) !== null && _m !== void 0 ? _m : '',
+                                freelancerId: isExpert ? (_o = user === null || user === void 0 ? void 0 : user.userId) !== null && _o !== void 0 ? _o : 0 : (_q = (_p = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _p === void 0 ? void 0 : _p.id) !== null && _q !== void 0 ? _q : 0,
+                                freelancerName: isExpert ? (_r = user === null || user === void 0 ? void 0 : user.name) !== null && _r !== void 0 ? _r : '' : (_t = (_s = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _s === void 0 ? void 0 : _s.name) !== null && _t !== void 0 ? _t : '',
+                                projectName: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectName : '',
+                            }
+                        });
+                        if (res) {
+                            setUploadFiles(prev => [...prev, ...res]);
+                        }
+                        resolve();
+                    }
+                    catch (error) {
+                        reject(error);
+                    }
+                }));
+            });
+            yield Promise.all(uploadPromises);
+        }
+        catch (error) {
+            console.error('Error uploading files:', error);
+        }
+        finally {
+            setUploadingFile(false);
         }
-        ;
     });
     const docs = [activeChatIssue.expertSupportingDocuments, activeChatIssue.clientSupportingDocuments, activeChatIssue.internalSupportingDocuments, ...uploadFiles];
     const processedDocs = docs
@@ -144,7 +138,7 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalation
                     react_1.default.createElement("div", { className: "space-y-3" },
                         react_1.default.createElement("div", { className: "flex items-center justify-between" },
                             react_1.default.createElement("div", { className: "flex items-center space-x-2" },
-                                react_1.default.createElement("input", { id: "upload-file", type: "file", multiple: true, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv", style: { display: 'none' }, ref: fileInputRef, onChange: handleFileUpload }),
+                                react_1.default.createElement("input", { id: "upload-file", type: "file", multiple: false, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv,.xslx", style: { display: 'none' }, ref: fileInputRef, onChange: handleFileUpload }),
                                 react_1.default.createElement(base_ui_1.Button, { label: "Attach Files", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, color: "info", className: "mx-2", isLoading: uploadingFile })),
                             react_1.default.createElement("div", { className: "flex space-x-2" },
                                 react_1.default.createElement(base_ui_1.Button, { label: "cancel", onClick: () => setShowEscalationChat(false), disabled: uploadingFile })))))))));

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

@@ -32,7 +32,7 @@ const base_ui_1 = require("@paro.io/base-ui");
 const ClientDisputeProjectCard_1 = require("../Invoices/ClientDisputeProjectCard");
 const base_icons_1 = require("@paro.io/base-icons");
 const dayjs_1 = __importDefault(require("dayjs"));
-const ViewReponseModal_1 = __importDefault(require("./ViewReponseModal"));
+const ViewResponseModal_1 = __importDefault(require("./ViewResponseModal"));
 const MarkResolvedModal_1 = __importDefault(require("./MarkResolvedModal"));
 const getBackgroundColor = (type) => {
     switch (type) {
@@ -108,7 +108,7 @@ const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespond
                     showMarkResolvedButton && (react_1.default.createElement(base_ui_1.Button, { label: getResponseButtonText(issue), onClick: () => { setViewResponseModal(issue); }, color: 'primary', disabled: getResponseButtonText(issue) === 'Awaiting Response' })),
                     showMarkResolvedButton && !isExpert && (react_1.default.createElement(base_ui_1.Button, { onClick: () => { setMarkAsResolved(issue); }, label: "Mark as Resolved", color: "primary" })))));
         }),
-        !!viewResponseModal && react_1.default.createElement(ViewReponseModal_1.default, { response: isExpert ? viewResponseModal.clientResponse : viewResponseModal.expertResponse, isExpert: isExpert, open: !!viewResponseModal, onClose: () => setViewResponseModal(null) }),
+        !!viewResponseModal && react_1.default.createElement(ViewResponseModal_1.default, { response: isExpert ? viewResponseModal.clientResponse : viewResponseModal.expertResponse, isExpert: isExpert, open: !!viewResponseModal, onClose: () => setViewResponseModal(null) }),
         !!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.name) !== null && _b !== void 0 ? _b : 'Expert', open: !!markAsResolved, onClose: () => setMarkAsResolved(false), updateProjectEscalation: updateProjectEscalation })));
 };
 exports.default = EscalationIssueCard;

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

@@ -46,6 +46,7 @@ exports.ACCEPTED_FILE_TYPES = [
     'image/jpeg',
     'image/png',
     'text/csv',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
 ];
 const validateFileUpload = (file) => {
     if (!file) {
@@ -85,67 +86,60 @@ const EscalationRespondForm = ({ goBack, selectedIssue, documentUploadUrl, downl
     const [submitting, setSubmitting] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
     const handleFileUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
-        const selectedFiles = event.target.files;
-        if (!selectedFiles)
-            return;
         setUploadingFile(true);
-        const validFileNames = Array.from(selectedFiles)
-            .filter(file => (0, exports.validateFileUpload)(file))
-            .map(file => file.name);
-        if (validFileNames.length === 0)
-            return;
-        if (validFileNames && validFileNames.length > 0) {
-            const uploadPromises = Array.from(selectedFiles).map((selectedFile) => {
-                return new Promise((resolve, reject) => {
-                    const reader = new FileReader();
-                    reader.onloadend = () => __awaiter(void 0, void 0, void 0, function* () {
-                        var _a, _b, _c, _d, _e, _f, _g, _h;
-                        try {
-                            const res = yield (0, FileUploader_1.fileUploader)({
-                                file: selectedFile,
-                                documentName: selectedFile.name,
-                                escalationId: selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.escalationId,
-                                projectId: selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.projectDetails[0].projectId,
-                                documentUploadUrl: documentUploadUrl,
-                                bucketName: bucketName,
-                                previousFiles: (selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.isExpert) ? (_a = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.clientDocumentLinks) !== null && _a !== void 0 ? _a : [] : selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.expertDocumentlinks,
-                                isExpert: false,
-                                uploadExpertClientFiles: uploadExpertClientFiles,
-                                updateProjectEscalation: updateProjectEscalation,
-                                extraData: {
-                                    clientId: selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.client.id,
-                                    clientName: (_b = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.client.name) !== null && _b !== void 0 ? _b : '',
-                                    email: isExpert ? (_d = (_c = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _c === void 0 ? void 0 : _c.email) !== null && _d !== void 0 ? _d : '' : (_g = (_f = (_e = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.client) === null || _e === void 0 ? void 0 : _e.primaryContact) === null || _f === void 0 ? void 0 : _f.email) !== null && _g !== void 0 ? _g : '',
-                                    freelancerId: selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer.id,
-                                    freelancerName: (_h = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer.name) !== null && _h !== void 0 ? _h : '',
-                                    projectName: selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.projectDetails[0].projectName,
-                                }
-                            });
-                            if (res) {
-                                setUploadFiles(prev => [...prev, ...res]);
-                            }
-                        }
-                        catch (error) {
-                            console.error("Failed to upload file", error);
-                        }
-                        finally {
-                            resolve();
-                        }
-                    });
-                    reader.readAsDataURL(selectedFile);
-                });
-            });
-            try {
-                yield Promise.all(uploadPromises);
-            }
-            catch (error) {
-                console.error('Error uploading files:', error);
+        try {
+            const selectedFiles = event.target.files;
+            if (!selectedFiles) {
+                setUploadingFile(false);
+                return;
             }
-            finally {
+            const validFiles = Array.from(selectedFiles).filter(file => (0, exports.validateFileUpload)(file));
+            if (validFiles.length === 0) {
                 setUploadingFile(false);
+                return;
             }
+            const uploadPromises = validFiles.map((selectedFile) => {
+                return new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+                    try {
+                        const res = yield (0, FileUploader_1.fileUploader)({
+                            file: selectedFile,
+                            documentName: selectedFile.name,
+                            escalationId: selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.escalationId,
+                            projectId: (_b = (_a = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.projectDetails) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.projectId,
+                            documentUploadUrl: documentUploadUrl,
+                            bucketName: bucketName,
+                            previousFiles: isExpert ? selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.clientDocumentLinks : selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.expertDocumentlinks,
+                            isExpert: isExpert,
+                            uploadExpertClientFiles: uploadExpertClientFiles,
+                            updateProjectEscalation: updateProjectEscalation,
+                            extraData: {
+                                clientId: (_c = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.client) === null || _c === void 0 ? void 0 : _c.id,
+                                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 : '',
+                                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 : '',
+                                freelancerId: (_l = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _l === void 0 ? void 0 : _l.id,
+                                freelancerName: (_o = (_m = selectedIssue === null || selectedIssue === void 0 ? void 0 : selectedIssue.freelancer) === null || _m === void 0 ? void 0 : _m.name) !== null && _o !== void 0 ? _o : '',
+                                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,
+                            }
+                        });
+                        if (res) {
+                            setUploadFiles(prev => [...prev, ...res]);
+                        }
+                        resolve();
+                    }
+                    catch (error) {
+                        reject(error);
+                    }
+                }));
+            });
+            yield Promise.all(uploadPromises);
+        }
+        catch (error) {
+            console.error('Error uploading files:', error);
+        }
+        finally {
+            setUploadingFile(false);
         }
-        ;
     });
     const submitResponse = () => __awaiter(void 0, void 0, void 0, function* () {
         setSubmitting(true);
@@ -155,7 +149,7 @@ const EscalationRespondForm = ({ goBack, selectedIssue, documentUploadUrl, downl
                     input: {
                         escalationId: selectedIssue.escalationId,
                         [isExpert ? 'expertResponse' : 'clientResponse']: responseInput,
-                        [isExpert ? 'expertSupportingDocuments' : 'clientSupportingDocuments']: uploadFiles.join(", "),
+                        [isExpert ? 'expertSupportingDocuments' : 'clientSupportingDocuments']: uploadFiles.length > 0 ? uploadFiles.join(", ") : '',
                     }
                 }
             });
@@ -209,7 +203,7 @@ const EscalationRespondForm = ({ goBack, selectedIssue, documentUploadUrl, downl
                         react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Supporting Documents (Optional)"),
                         react_1.default.createElement("div", { className: "border border-dashed border-gray-300 rounded-md p-6 text-center" },
                             react_1.default.createElement("p", { className: "text-sm text-gray-600 mb-2" }, "Upload any supporting documentation"),
-                            react_1.default.createElement("input", { id: "upload-file", type: "file", multiple: true, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv", style: { display: 'none' }, ref: fileInputRef, onChange: handleFileUpload }),
+                            react_1.default.createElement("input", { id: "upload-file", type: "file", multiple: false, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv,.xslx", style: { display: 'none' }, ref: fileInputRef, onChange: handleFileUpload }),
                             react_1.default.createElement(base_ui_1.Button, { label: "Attach Files", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, color: "info", className: "mx-2", isLoading: uploadingFile, size: "sm" }),
                             processedDocs && processedDocs.length > 0 && (react_1.default.createElement("div", { className: "flex flex-wrap gap-2 mt-4" },
                                 react_1.default.createElement("span", { className: "text-sm font-bold text-gray-500 items-center" }, "Supporting Documents: "),

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

@@ -100,66 +100,59 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
         }
     }, [projects, selectedUser]);
     const handleFileUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
-        const selectedFiles = event.target.files;
-        if (!selectedFiles)
-            return;
         setUploadingFile(true);
-        const validFileNames = Array.from(selectedFiles)
-            .filter(file => (0, EscalationRespondForm_1.validateFileUpload)(file))
-            .map(file => file.name);
-        if (validFileNames.length === 0)
-            return;
-        if (validFileNames && validFileNames.length > 0) {
-            const uploadPromises = Array.from(selectedFiles).map((selectedFile) => {
-                return new Promise((resolve, reject) => {
-                    const reader = new FileReader();
-                    reader.onloadend = () => __awaiter(void 0, void 0, void 0, function* () {
-                        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-                        try {
-                            const res = yield (0, FileUploader_1.fileUploader)({
-                                file: selectedFile,
-                                documentName: selectedFile.name,
-                                escalationId: escalationId,
-                                projectId: selectedProjects.length > 0 ? selectedProjects[0].id : '',
-                                documentUploadUrl: documentUploadUrl,
-                                bucketName: bucketName,
-                                isExpert: false,
-                                uploadExpertClientFiles: uploadExpertClientFiles,
-                                createProjectEscalation: createProjectEscalation,
-                                extraData: {
-                                    clientId: isExpert ? (_a = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) !== null && _a !== void 0 ? _a : 0 : clientId,
-                                    clientName: isExpert ? (_b = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) !== null && _b !== void 0 ? _b : '' : (_c = user === null || user === void 0 ? void 0 : user.name) !== null && _c !== void 0 ? _c : '',
-                                    email: isExpert ? (_e = (_d = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.primaryContact) === null || _d === void 0 ? void 0 : _d.email) !== null && _e !== void 0 ? _e : '' : (_f = user === null || user === void 0 ? void 0 : user.email) !== null && _f !== void 0 ? _f : '',
-                                    freelancerId: isExpert ? (_g = user === null || user === void 0 ? void 0 : user.userId) !== null && _g !== void 0 ? _g : 0 : (_h = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) !== null && _h !== void 0 ? _h : 0,
-                                    freelancerName: isExpert ? (_j = user === null || user === void 0 ? void 0 : user.name) !== null && _j !== void 0 ? _j : '' : (_k = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) !== null && _k !== void 0 ? _k : '',
-                                    projectName: selectedProjects.length > 0 ? selectedProjects[0].name : '',
-                                }
-                            });
-                            if (res) {
-                                setUploadFiles(prev => [...prev, ...res]);
-                            }
-                        }
-                        catch (error) {
-                            reject(error);
-                        }
-                        finally {
-                            resolve();
-                        }
-                    });
-                    reader.readAsDataURL(selectedFile);
-                });
-            });
-            try {
-                const res = yield Promise.all(uploadPromises);
-            }
-            catch (error) {
-                console.error('Error uploading files:', error);
+        try {
+            const selectedFiles = event.target.files;
+            if (!selectedFiles) {
+                setUploadingFile(false);
+                return;
             }
-            finally {
+            const validFiles = Array.from(selectedFiles).filter(file => (0, EscalationRespondForm_1.validateFileUpload)(file));
+            if (validFiles.length === 0) {
                 setUploadingFile(false);
+                return;
             }
+            const uploadPromises = validFiles.map((selectedFile) => {
+                return new Promise((resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                    try {
+                        const res = yield (0, FileUploader_1.fileUploader)({
+                            file: selectedFile,
+                            documentName: selectedFile.name,
+                            escalationId: escalationId,
+                            projectId: selectedProjects.length > 0 ? selectedProjects[0].id : '',
+                            documentUploadUrl: documentUploadUrl,
+                            bucketName: bucketName,
+                            isExpert: isExpert,
+                            uploadExpertClientFiles: uploadExpertClientFiles,
+                            createProjectEscalation: createProjectEscalation,
+                            extraData: {
+                                clientId: isExpert ? (_a = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) !== null && _a !== void 0 ? _a : 0 : clientId,
+                                clientName: isExpert ? (_b = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) !== null && _b !== void 0 ? _b : '' : (_c = user === null || user === void 0 ? void 0 : user.name) !== null && _c !== void 0 ? _c : '',
+                                email: isExpert ? (_e = (_d = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.primaryContact) === null || _d === void 0 ? void 0 : _d.email) !== null && _e !== void 0 ? _e : '' : (_f = user === null || user === void 0 ? void 0 : user.email) !== null && _f !== void 0 ? _f : '',
+                                freelancerId: isExpert ? (_g = user === null || user === void 0 ? void 0 : user.userId) !== null && _g !== void 0 ? _g : 0 : (_h = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) !== null && _h !== void 0 ? _h : 0,
+                                freelancerName: isExpert ? (_j = user === null || user === void 0 ? void 0 : user.name) !== null && _j !== void 0 ? _j : '' : (_k = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) !== null && _k !== void 0 ? _k : '',
+                                projectName: selectedProjects.length > 0 ? selectedProjects[0].name : '',
+                            }
+                        });
+                        if (res) {
+                            setUploadFiles(prev => [...prev, ...res]);
+                        }
+                        resolve();
+                    }
+                    catch (error) {
+                        reject(error);
+                    }
+                }));
+            });
+            yield Promise.all(uploadPromises);
+        }
+        catch (error) {
+            console.error('Error uploading files:', error);
+        }
+        finally {
+            setUploadingFile(false);
         }
-        ;
     });
     const isFormValid = () => {
         const requiredProjectSelection = isExpert || (!isExpert && selectedProjects.length > 0);
@@ -188,8 +181,11 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
             outcome: outcomeInput,
             submittedByUserId: user.userId,
             status: 'InProgress',
-            [isExpert ? 'expertSupportingDocuments' : 'clientSupportingDocuments']: uploadFiles.join(", "),
+            [isExpert ? 'expertSupportingDocuments' : 'clientSupportingDocuments']: uploadFiles.length > 0 ? uploadFiles.join(", ") : '',
             statusChangedBy: user.userId,
+            requiresFollowUp: false,
+            firstReviewerId: isExpert ? user.userId : selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id,
+            followOnReviewerId: isExpert ? selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id : clientId,
         };
         try {
             yield createProjectEscalation({
@@ -220,7 +216,9 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
             react_1.default.createElement(base_icons_1.IconChevronLeft, { size: "xs" }),
             " Back"),
         react_1.default.createElement("div", { className: "mb-6" },
-            react_1.default.createElement("h2", { className: "text-xl font-bold" }, "Report Issue with Your Expert"),
+            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("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6" },
             react_1.default.createElement("div", { className: "flex items-start" },
@@ -265,9 +263,9 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
                                 .filter(opt => selected.includes(opt.value))
                                 .map(opt => opt.label)
                                 .join(', ');
-                        }, placeholder: `Select a Project(s)` },
+                        }, placeholder: `Select Project(s)` },
                         react_1.default.createElement(core_1.MenuItem, { disabled: true, value: "" },
-                            react_1.default.createElement("em", null, "Select a Project(s)...")),
+                            react_1.default.createElement("em", null, "Select Project(s)...")),
                         projectOptions.map(option => (react_1.default.createElement(core_1.MenuItem, { key: option.value.id, value: option.value }, option.label))))),
                 react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" },
                     react_1.default.createElement("div", null,
@@ -307,7 +305,7 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
                     react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Supporting Documents (Optional)"),
                     react_1.default.createElement("div", { className: "border border-dashed border-gray-300 rounded-md p-6 text-center" },
                         react_1.default.createElement("p", { className: "text-sm text-gray-600 mb-2" }, "Upload screenshots, emails, or documents"),
-                        react_1.default.createElement("input", { ref: fileInputRef, type: "file", multiple: true, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv", hidden: true, onChange: handleFileUpload }),
+                        react_1.default.createElement("input", { ref: fileInputRef, type: "file", multiple: false, accept: ".pdf,.doc,.docx,.jpeg,.png,.gif,.csv, .xslx", hidden: true, onChange: handleFileUpload }),
                         react_1.default.createElement(base_ui_1.Button, { label: "Attach Files", iconLeft: react_1.default.createElement(base_icons_1.IconPlus, { size: "sm" }), onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, color: "info", isLoading: uploadingFile, disabled: selectedUser === null, size: "sm" }),
                         uploadFiles.length > 0 && (react_1.default.createElement("ul", { className: "mt-2 text-sm text-gray-600 list-disc list-inside" }, uploadFiles.map(f => react_1.default.createElement("li", { key: f.name }, f.split('%2F')[1])))))),
                 react_1.default.createElement("div", { className: "bg-[#EFF6FF] p-3 rounded" },

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

@@ -48,7 +48,7 @@ const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProj
                     input: {
                         escalationId: escalationId,
                         clientResolution: resolutionText,
-                        status: 'InProgress'
+                        status: 'Resolved'
                     }
                 }
             });

package/lib/components/Escalations/ViewResponseModal.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const ViewResponseModal: ({ response, open, onClose, isExpert }: {
+    response: string | null;
+    open: boolean;
+    onClose: () => void;
+    isExpert: boolean;
+}) => React.JSX.Element;
+export default ViewResponseModal;

package/lib/components/Escalations/ViewResponseModal.js ADDED Viewed

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const base_icons_1 = require("@paro.io/base-icons");
+const core_1 = require("@material-ui/core");
+const ViewResponseModal = ({ response, open, onClose, isExpert }) => {
+    return (react_1.default.createElement(core_1.Dialog, { open: open, onClose: onClose, maxWidth: 'sm' },
+        react_1.default.createElement(core_1.DialogTitle, null,
+            react_1.default.createElement("div", { className: "text-black mb-1 p-2 pl-4 absolute top-0 left-0 w-full flex flex-row justify-between items-center z-50" },
+                react_1.default.createElement("div", { className: "flex flex-col items-start" },
+                    react_1.default.createElement("h1", { className: "text-md font-bold mr-2" }, isExpert ? 'Client Response' : 'Expert Response')),
+                react_1.default.createElement("div", { className: "flex items-center space-x-4" },
+                    react_1.default.createElement(core_1.IconButton, { onClick: onClose },
+                        react_1.default.createElement(base_icons_1.IconX, null))))),
+        react_1.default.createElement(core_1.DialogContent, null,
+            react_1.default.createElement("div", { className: "bg-green-50 border-green-800 border border-l-4 rounded p-4 mt-4 mb-4" },
+                react_1.default.createElement("p", { className: "text-sm font-medium" },
+                    "Status: ",
+                    react_1.default.createElement("span", { className: "font-normal" }, "Responded")),
+                react_1.default.createElement("p", { className: "text-sm font-medium" },
+                    "Response: ",
+                    react_1.default.createElement("span", { className: "font-normal" }, response))))));
+};
+exports.default = ViewResponseModal;

package/package.json CHANGED Viewed

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