npm - @paro.io/expert-shared-components - Versions diffs - 1.12.42 → 1.12.44 - Mend

@paro.io/expert-shared-components 1.12.42 → 1.12.44

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

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

@@ -1,6 +1,13 @@
-declare const EscalationChat: ({ activeChatIssue, showEscalationChat, setShowEscalationChat }: {
+declare const EscalationChat: ({ activeChatIssue, showEscalationChat, setShowEscalationChat, user, createEscalationChatMessage, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert, }: {
     activeChatIssue: any;
     showEscalationChat: boolean;
     setShowEscalationChat: (showEscalationChat: boolean) => void;
+    user: any;
+    createEscalationChatMessage: any;
+    documentUploadUrl: string;
+    bucketName: string;
+    uploadExpertClientFiles: string;
+    createProjectEscalation: string;
+    isExpert: boolean;
 }) => JSX.Element;
 export default EscalationChat;

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

@@ -38,17 +38,81 @@ const base_ui_1 = require("@paro.io/base-ui");
 const core_1 = require("@material-ui/core");
 const DiscussionSection_1 = require("../Invoices/DiscussionSection");
 const EscalationIssueCard_1 = require("./EscalationIssueCard");
-const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalationChat }) => {
+const FileUploader_1 = require("../FileUploader");
+const EscalationRespondForm_1 = require("./EscalationRespondForm");
+const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalationChat, user, createEscalationChatMessage, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert, }) => {
+    var _a;
     const [uploadFiles, setUploadFiles] = (0, react_1.useState)([]);
     const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
-    const handleFileUpload = (event) => {
-        const files = Array.from(event.target.files);
-        setUploadFiles(prev => [...prev, ...files]);
-    };
-    const removeFile = (index) => {
-        setUploadFiles(prev => prev.filter((_, i) => i !== index));
-    };
+    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;
+                        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: activeChatIssue.client.id,
+                                    clientName: activeChatIssue.client.name,
+                                    email: isExpert ? "client@gmail.com" : user === null || user === void 0 ? void 0 : user.email,
+                                    freelancerId: activeChatIssue.freelancer.id,
+                                    freelancerName: (_a = activeChatIssue.freelancer.name) !== null && _a !== void 0 ? _a : '',
+                                    projectName: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectName : '',
+                                }
+                            });
+                            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);
+            }
+            finally {
+                setUploadingFile(false);
+            }
+        }
+        ;
+    });
+    const docs = [activeChatIssue.expertSupportingDocuments, activeChatIssue.clientSupportingDocuments, activeChatIssue.internalSupportingDocuments, ...uploadFiles];
+    const processedDocs = docs
+        .filter(doc => doc !== null && doc !== undefined && doc !== '')
+        .flatMap(doc => doc.split(','))
+        .map(doc => doc.trim())
+        .filter(doc => doc !== '');
     return (react_1.default.createElement(core_1.Dialog, { open: showEscalationChat, onClose: () => setShowEscalationChat(false), 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" },
@@ -56,10 +120,10 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalation
                     react_1.default.createElement("div", { className: "flex flex-row items-center" },
                         react_1.default.createElement("h1", { className: "text-md font-bold mr-2" },
                             "Escalation Chat #",
-                            activeChatIssue.caseId),
+                            activeChatIssue.escalationNumber),
                         react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: activeChatIssue.status })),
                     react_1.default.createElement("p", { className: "text-xs" },
-                        activeChatIssue.title,
+                        activeChatIssue.probelm,
                         " - ",
                         activeChatIssue.project)),
                 react_1.default.createElement("div", { className: "flex items-center space-x-4" },
@@ -67,24 +131,17 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalation
                         react_1.default.createElement(base_icons_1.IconX, null))))),
         react_1.default.createElement(core_1.DialogContent, null,
             react_1.default.createElement("div", { className: "bg-white rounded-lg w-full overflow-hidden flex flex-col p-2 mt-12" },
-                react_1.default.createElement(DiscussionSection_1.DiscussionSection //update required
-                , { disputeId: '1', currentUser: {}, messages: [], onCreateMessage: (variables) => __awaiter(void 0, void 0, void 0, function* () {
-                        return Promise.resolve();
-                    }), isInternal: false }),
+                react_1.default.createElement(DiscussionSection_1.DiscussionSection, { escalationNumber: activeChatIssue.escalationNumber, currentUser: user, messages: (_a = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.chatMessages) !== null && _a !== void 0 ? _a : [], onCreateMessage: createEscalationChatMessage, isInternal: false }),
+                processedDocs && processedDocs.length > 0 && (react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
+                    react_1.default.createElement("span", { className: "text-sm font-bold text-gray-500 items-center" }, "Supporting Documents: "),
+                    processedDocs.map((d, idx) => (react_1.default.createElement(EscalationIssueCard_1.CustomTag, { key: idx, label: d.split('%2F')[1] }))))),
                 react_1.default.createElement("div", { className: "bg-white mt-2" },
                     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(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 }),
-                                uploadFiles.length > 0 && (react_1.default.createElement("div", { className: "text-sm text-gray-600" },
-                                    uploadFiles.length,
-                                    " file(s) selected"))),
+                                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) }))),
-                        uploadFiles.length > 0 && (react_1.default.createElement("div", { className: "space-y-1" }, uploadFiles.map((file, index) => (react_1.default.createElement("div", { key: index, className: "flex items-center justify-between bg-gray-50 px-2 py-1 rounded text-sm" },
-                            react_1.default.createElement("span", null, file.name),
-                            react_1.default.createElement(core_1.IconButton, { onClick: () => removeFile(index) },
-                                react_1.default.createElement(base_icons_1.IconX, { size: "sm" })))))))))))));
+                                react_1.default.createElement(base_ui_1.Button, { label: "cancel", onClick: () => setShowEscalationChat(false), disabled: uploadingFile })))))))));
 };
 exports.default = EscalationChat;

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

@@ -1,15 +1,19 @@
 import React from 'react';
-import { EscalationChatDetails } from "./EscalationTabsContent";
-export declare const CustomTag: ({ label }: {
+export declare const CustomTag: ({ label, iconLeft, onClick, }: {
     label: any;
+    iconLeft?: React.ReactNode;
+    onClick?: () => void;
 }) => React.JSX.Element;
 type EscalationIssueCardProps = {
     issues: any[];
     isExpert: boolean;
-    openEscalationChat: (details: EscalationChatDetails) => void;
+    openEscalationChat: (issue: any) => void;
     showRespondButton?: boolean;
     setSelectedIssueId?: (id: number) => void;
     showMarkResolvedButton?: boolean;
+    updateProjectEscalation: any;
+    downloadDocumentUrl: string;
+    bucketName: string;
 };
 declare const EscalationIssueCard: React.FC<EscalationIssueCardProps>;
 export default EscalationIssueCard;

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

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomTag = void 0;
 const react_1 = __importDefault(require("react"));
 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 getBackgroundColor = (type) => {
     switch (type) {
         case 'Critical':
@@ -20,19 +22,27 @@ const getBackgroundColor = (type) => {
             return 'success';
     }
 };
-const CustomTag = ({ label }) => {
+const CustomTag = ({ label, iconLeft, onClick, }) => {
     const color = getBackgroundColor(label);
-    return (react_1.default.createElement("div", { className: `border box-border text-center px-4 pb-0.5 pt-1 text-sm inline-block break-words text-white rounded-full bg-${color} border-${color} ml-2 font-bold` }, label.toUpperCase()));
+    return (react_1.default.createElement("div", { onClick: onClick, className: `flex flex-row gap-1 border box-border text-center px-4 pb-0.5 pt-1 text-sm inline-block break-words text-white rounded-full bg-${color} border-${color} ml-2 font-bold ${onClick ? 'cursor-pointer' : ''}` },
+        iconLeft && react_1.default.createElement("span", null, iconLeft), label === null || label === void 0 ? void 0 :
+        label.toUpperCase()));
 };
 exports.CustomTag = CustomTag;
-const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespondButton = false, setSelectedIssueId, showMarkResolvedButton = false, }) => {
+const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespondButton = false, setSelectedIssueId, showMarkResolvedButton = false, updateProjectEscalation, downloadDocumentUrl, bucketName, }) => {
     if (!issues.length)
         return react_1.default.createElement("div", null, "No issues.");
     return (react_1.default.createElement("div", { className: "space-y-4" }, issues.map((issue) => {
-        const project = issue.projectName && Array.isArray(issue.projectName) && issue.projectName.length > 0
-            ? `${issue.projectName[0]}${issue.projectName.length > 1 ? ` +${issue.projectName.length - 1} more` : ''} `
+        var _a;
+        const project = issue.projectDetails && Array.isArray(issue.projectDetails) && issue.projectDetails.length > 0
+            ? `${(_a = issue.projectDetails[0]) === null || _a === void 0 ? void 0 : _a.projectName}${issue.projectDetails.length > 1 ? ` +${issue.projectDetails.length - 1} more` : ''} `
             : '';
-        const docs = [...issue.expertSupportingDocuments, ...issue.clientSupportingDocuments];
+        const docs = [issue.expertSupportingDocuments, issue.clientSupportingDocuments, issue.internalSupportingDocuments];
+        const processedDocs = docs
+            .filter(doc => doc !== null && doc !== undefined && doc !== '')
+            .flatMap(doc => doc.split(','))
+            .map(doc => doc.trim())
+            .filter(doc => doc !== '');
         return (react_1.default.createElement("div", { key: issue.id, className: "border border-gray-200 rounded-lg bg-white p-4" },
             react_1.default.createElement("div", { className: "flex items-center justify-between mb-3" },
                 react_1.default.createElement("div", { className: "flex-1 ml-2" },
@@ -42,29 +52,37 @@ const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespond
                     react_1.default.createElement("div", { className: "text-xs text-gray-500 font-bold" },
                         project,
                         " \u2022 Case #",
-                        issue.id)),
-                react_1.default.createElement(exports.CustomTag, { label: issue.issueType })),
+                        issue.escalationNumber)),
+                react_1.default.createElement(exports.CustomTag, { label: issue.escalationType })),
             react_1.default.createElement("div", { className: "bg-gray-50 rounded-md p-3 mb-4 border" },
                 react_1.default.createElement("div", { className: "flex items-center justify-between mb-2" },
                     react_1.default.createElement("div", { className: "text-sm text-gray-500" },
                         "Submitted by: ",
-                        react_1.default.createElement("span", { className: "font-bold" }, issue.submittedBy),
+                        react_1.default.createElement("span", { className: "font-bold" }, issue.submittedByUser.firstName + " " + issue.submittedByUser.lastName),
                         issue.createdAt && react_1.default.createElement(react_1.default.Fragment, null,
                             " \u2022 Submitted on: ",
                             react_1.default.createElement("span", { className: "font-bold" }, issue.createdAt)))),
-                react_1.default.createElement("div", { className: "text-sm text-gray-600 mb-3" }, issue.expectedOutcome),
-                docs && docs.length > 0 && (react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
+                react_1.default.createElement("div", { className: "text-sm text-gray-600 mb-3" }, issue.outcome),
+                processedDocs && processedDocs.length > 0 && (react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
                     react_1.default.createElement("span", { className: "text-sm font-bold text-gray-500 items-center" }, "Supporting Documents: "),
-                    docs.map((d, idx) => (react_1.default.createElement(exports.CustomTag, { key: idx, label: d })))))),
+                    processedDocs.map((d, idx) => (react_1.default.createElement(exports.CustomTag, { key: idx, label: d.split('%2F')[1], iconLeft: react_1.default.createElement(base_icons_1.IconDocumentDownload, { size: "xs" }), onClick: () => {
+                            (0, ClientDisputeProjectCard_1.handleDownloadDocument)(issue.escalationId, d.split('%2F')[1], downloadDocumentUrl, bucketName);
+                        } })))))),
             react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
-                react_1.default.createElement(base_ui_1.Button, { onClick: () => openEscalationChat({
-                        title: issue.problem,
-                        project: issue.projectName,
-                        id: issue.id,
-                        status: issue.status
-                    }), label: "Chat", color: "primary" }),
-                showRespondButton && setSelectedIssueId && (react_1.default.createElement(base_ui_1.Button, { label: "Respond to Escalation", onClick: () => setSelectedIssueId(issue.id), color: 'primary' })),
-                showMarkResolvedButton && !isExpert && (react_1.default.createElement(base_ui_1.Button, { onClick: issue.markResolved, label: "Mark as Resolved", color: "primary" })))));
+                react_1.default.createElement(base_ui_1.Button, { onClick: () => openEscalationChat(issue), label: "Chat", color: "primary" }),
+                showRespondButton && setSelectedIssueId && (react_1.default.createElement(base_ui_1.Button, { label: "Respond to Escalation", onClick: () => setSelectedIssueId(issue.escalationNumber), color: 'primary' })),
+                showMarkResolvedButton && !isExpert && (react_1.default.createElement(base_ui_1.Button, { onClick: () => {
+                        updateProjectEscalation({
+                            variables: {
+                                input: {
+                                    escalationNumber: issue.escalationNumber,
+                                    status: 'Resolved'
+                                }
+                            }
+                        }).then(() => { console.log("its marked as resolved"); }).catch((error) => {
+                            console.error("Error updating escalation status:", error);
+                        });
+                    }, label: "Mark as Resolved", color: "primary" })))));
     })));
 };
 exports.default = EscalationIssueCard;

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

@@ -1,6 +1,14 @@
-declare const EscalationRespondForm: ({ goBack, selectedIssue, goHome }: {
+export declare const ACCEPTED_FILE_TYPES: string[];
+export declare const validateFileUpload: (file: File | null) => boolean;
+declare const EscalationRespondForm: ({ goBack, selectedIssue, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, updateProjectEscalation, bucketName, goHome, isExpert, }: {
     goBack: () => void;
     selectedIssue: any;
+    documentUploadUrl: string;
+    downloadDocumentUrl: string;
+    uploadExpertClientFiles: any;
+    updateProjectEscalation: any;
+    bucketName: string;
     goHome: () => void;
+    isExpert: boolean;
 }) => JSX.Element;
 export default EscalationRespondForm;

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

@@ -22,10 +22,40 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateFileUpload = exports.ACCEPTED_FILE_TYPES = void 0;
 const react_1 = __importStar(require("react"));
 const base_icons_1 = require("@paro.io/base-icons");
 const base_ui_1 = require("@paro.io/base-ui");
+const FileUploader_1 = require("../FileUploader");
+const EscalationIssueCard_1 = require("./EscalationIssueCard");
+exports.ACCEPTED_FILE_TYPES = [
+    'application/pdf',
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'image/jpeg',
+    'image/png',
+    'text/csv',
+];
+const validateFileUpload = (file) => {
+    if (!file) {
+        return false;
+    }
+    if (!exports.ACCEPTED_FILE_TYPES.includes(file.type)) {
+        return false;
+    }
+    return true;
+};
+exports.validateFileUpload = validateFileUpload;
 const responseTypes = [
     {
         label: "Acknowledge issue and provide resolution plan",
@@ -40,29 +70,106 @@ const responseTypes = [
     {
         label: "Request clarification",
         description: "Ask for more details about the issue",
-        value: "Clarification",
+        value: "NoResponse",
     },
 ];
-const EscalationRespondForm = ({ goBack, selectedIssue, goHome }) => {
+const EscalationRespondForm = ({ goBack, selectedIssue, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, updateProjectEscalation, bucketName, goHome, isExpert, }) => {
     const [selectedType, setSelectedType] = (0, react_1.useState)(responseTypes[0].value);
     const [responseInput, setResponseInput] = (0, react_1.useState)('');
     const [uploadFiles, setUploadFiles] = (0, react_1.useState)([]);
     const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
-    const handleFileUpload = (event) => {
-        const files = Array.from(event.target.files);
-        setUploadFiles(prev => [...prev, ...files]);
-    };
-    const submitResponse = () => {
-        const responseData = {
-            responseType: selectedType,
-            responseText: responseInput,
-            uploadedFiles: uploadFiles.map(file => file.name),
-            selectedIssue: selectedIssue
-        };
-        console.log("Collected Response Data:", responseData);
-        goHome();
-    };
+    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) {
+                            reject(error);
+                        }
+                        finally {
+                            resolve();
+                        }
+                    });
+                    reader.readAsDataURL(selectedFile);
+                });
+            });
+            try {
+                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);
+        try {
+            yield updateProjectEscalation({
+                variables: {
+                    input: {
+                        escalationId: selectedIssue.escalationId,
+                        [isExpert ? 'expertResponse' : 'clientResponse']: responseInput,
+                        [isExpert ? 'expertSupportingDocuments' : 'clientSupportingDocuments']: uploadFiles.join(", "),
+                    }
+                }
+            });
+        }
+        catch (error) {
+            console.error("Failed to send response!", error);
+        }
+        finally {
+            setSubmitting(false);
+            goHome();
+        }
+    });
+    const docs = [selectedIssue.expertSupportingDocuments, selectedIssue.clientSupportingDocuments, selectedIssue.internalSupportingDocuments, ...uploadFiles];
+    const processedDocs = docs
+        .filter(doc => doc !== null && doc !== undefined && doc !== '')
+        .flatMap(doc => doc.split(','))
+        .map(doc => doc.trim())
+        .filter(doc => doc !== '');
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("button", { onClick: goBack, className: "flex items-center text-blue-600 mb-6" },
             react_1.default.createElement(base_icons_1.IconChevronLeft, { size: "xs" }),
@@ -96,8 +203,9 @@ const EscalationRespondForm = ({ goBack, selectedIssue, goHome }) => {
                             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(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" }),
-                            uploadFiles.length > 0 && (react_1.default.createElement("div", { className: "text-sm text-gray-600 mt-2" },
-                                react_1.default.createElement("ul", { className: "list-disc list-inside" }, uploadFiles.map((f) => (react_1.default.createElement("li", { key: f.name }, f.name)))))))),
+                            processedDocs && processedDocs.length > 0 && (react_1.default.createElement("div", { className: "flex flex-wrap gap-2" },
+                                react_1.default.createElement("span", { className: "text-sm font-bold text-gray-500 items-center" }, "Supporting Documents: "),
+                                processedDocs.map((d, idx) => (react_1.default.createElement(EscalationIssueCard_1.CustomTag, { key: idx, label: d.split('%2F')[1] }))))))),
                     react_1.default.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-md p-3" },
                         react_1.default.createElement("div", { className: "flex items-center" },
                             react_1.default.createElement(base_icons_1.IconInfoCircle, { size: "md" }),
@@ -105,7 +213,7 @@ const EscalationRespondForm = ({ goBack, selectedIssue, goHome }) => {
                                 react_1.default.createElement("p", { className: "font-medium" }, "Response Guidelines"),
                                 react_1.default.createElement("p", { className: "mt-1" }, "Your response will be visible to the client and Paro support team. Be professional and focus on resolution.")))),
                     react_1.default.createElement("div", { className: "flex justify-end space-x-3" },
-                        react_1.default.createElement(base_ui_1.Button, { label: "Cancel", onClick: goBack }),
-                        react_1.default.createElement(base_ui_1.Button, { label: "Submit Response", color: "primary", onClick: submitResponse })))))));
+                        react_1.default.createElement(base_ui_1.Button, { label: "Cancel", onClick: goBack, disabled: uploadingFile || submitting }),
+                        react_1.default.createElement(base_ui_1.Button, { label: "Submit Response", color: "primary", onClick: submitResponse, isLoading: submitting, disabled: uploadingFile })))))));
 };
 exports.default = EscalationRespondForm;

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

@@ -1,9 +1,14 @@
 interface EscalationSubmitProps {
     goBack: () => void;
     goHome: () => void;
-    experts: any[];
+    expertsOrClients: any[];
     projects: any[];
     isExpert: boolean;
+    documentUploadUrl: string;
+    bucketName: string;
+    uploadExpertClientFiles: any;
+    createProjectEscalation: any;
+    user: any;
 }
-declare const EscalationSubmitForm: ({ goBack, goHome, experts, projects, isExpert }: EscalationSubmitProps) => JSX.Element;
+declare const EscalationSubmitForm: ({ goBack, goHome, expertsOrClients, projects, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert, user }: EscalationSubmitProps) => JSX.Element;
 export default EscalationSubmitForm;

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

@@ -22,6 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -32,6 +41,9 @@ const base_ui_1 = require("@paro.io/base-ui");
 const core_1 = require("@material-ui/core");
 const LogTimeModalAuthenticated_1 = require("../ProjectCard/LogTimeModalAuthenticated");
 const dayjs_1 = __importDefault(require("dayjs"));
+const EscalationRespondForm_1 = require("./EscalationRespondForm");
+const FileUploader_1 = require("../FileUploader");
+const utils_1 = require("../shared/utils");
 const issueTypeOptions = [
     { value: 'CommunicationIssues', label: 'Communication Issues' },
     { value: 'Professionalism', label: 'Professionalism' },
@@ -41,80 +53,159 @@ const issueTypeOptions = [
     { value: 'ScopeCreep', label: 'Scope Creep/Unauthorized Requests' },
     { value: 'Other', label: 'Other' },
 ];
-const EscalationSubmitForm = ({ goBack, goHome, experts, projects, isExpert = false }) => {
+const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert = false, user }) => {
+    var _a;
     const [isChecked, setIsChecked] = (0, react_1.useState)(false);
     const [problemInput, setProblemInput] = (0, react_1.useState)('');
     const [outcomeInput, setOutcomeInput] = (0, react_1.useState)('');
     const [uploadFiles, setUploadFiles] = (0, react_1.useState)([]);
     const [uploadingFile, setUploadingFile] = (0, react_1.useState)(false);
     const [expertOptions, setExpertOptions] = (0, react_1.useState)([]);
-    const [selectedExpert, setSelectedExpert] = (0, react_1.useState)(null);
+    const [selectedUser, setSelectedUser] = (0, react_1.useState)(null);
     const [projectOptions, setProjectOptions] = (0, react_1.useState)([]);
     const [selectedProjects, setSelectedProjects] = (0, react_1.useState)([]);
     const [issueType, setIssueType] = (0, react_1.useState)('');
     const [severity, setSeverity] = (0, react_1.useState)('');
-    const [startDate, setStartDate] = (0, react_1.useState)(undefined);
+    const [issueStartDate, setIssueStartDate] = (0, react_1.useState)(undefined);
     const [isDateInvalid, setIsDateInvalid] = (0, react_1.useState)(false);
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
+    const escalationId = (0, utils_1.generateUUID)();
     (0, react_1.useEffect)(() => {
-        if (experts && experts.length > 0) {
-            const options = experts.map((expert) => ({
-                label: isExpert ? expert.name : expert.freelancerName,
-                value: isExpert ? expert.id : expert.freelancerId,
+        if (expertsOrClients && expertsOrClients.length > 0) {
+            const options = expertsOrClients.map((user) => ({
+                label: user.name,
+                value: { id: user.id, name: user.name },
             }));
             setExpertOptions(options);
         }
-    }, [experts]);
+    }, [expertsOrClients]);
     (0, react_1.useEffect)(() => {
         if (projects && projects.length > 0) {
             const options = projects
                 .filter((p) => {
                 if (isExpert) {
-                    return p.client.id === Number(selectedExpert);
+                    return p.client.id === Number(selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id);
                 }
                 else {
-                    return p.freelancer.id === Number(selectedExpert);
+                    return p.freelancer.id === Number(selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id);
                 }
             })
                 .map((p) => ({
-                label: isExpert ? p.name : p.name,
-                value: isExpert ? p : p,
+                label: p.name,
+                value: p,
             }));
             setProjectOptions(options);
         }
-    }, [projects, selectedExpert]);
-    const handleFileUpload = (event) => {
-        const files = Array.from(event.target.files);
-        setUploadFiles(prev => [...prev, ...files]);
-    };
+    }, [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;
+                        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 ? selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id : user === null || user === void 0 ? void 0 : user.userId,
+                                    clientName: isExpert ? selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name : user === null || user === void 0 ? void 0 : user.name,
+                                    email: isExpert ? (_a = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.primaryContact) === null || _a === void 0 ? void 0 : _a.email : user === null || user === void 0 ? void 0 : user.email,
+                                    freelancerId: isExpert ? user === null || user === void 0 ? void 0 : user.userId : selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id,
+                                    freelancerName: isExpert ? user === null || user === void 0 ? void 0 : user.name : selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name,
+                                    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);
+            }
+            finally {
+                setUploadingFile(false);
+            }
+        }
+        ;
+    });
     const isFormValid = () => {
         const requiredProjectSelection = isExpert || (!isExpert && selectedProjects.length > 0);
-        return (selectedExpert !== null &&
+        return (selectedUser !== null &&
             issueType !== '' &&
             severity !== '' &&
             problemInput.trim() !== '' &&
             outcomeInput.trim() !== '' &&
             isChecked &&
-            startDate !== undefined &&
+            issueStartDate !== undefined &&
             requiredProjectSelection);
     };
-    const handleSubmit = () => {
+    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         if (!isFormValid())
             return;
+        setSubmitting(true);
         const formData = {
-            selectedExpert,
-            selectedProjects,
-            issueType,
-            severity,
-            startDate,
+            escalationId: escalationId,
+            freelancerId: user.userId,
+            clientId: (_a = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) !== null && _a !== void 0 ? _a : 0,
+            projectDetails: selectedProjects.map((p) => { return { projectId: p.id, projectName: p.name }; }),
+            issueStartDate: issueStartDate,
+            escalationType: issueType,
+            severityLevel: severity,
             problem: problemInput,
-            expectedOutcome: outcomeInput,
-            supportingDocs: uploadFiles.map(f => f.name),
+            outcome: outcomeInput,
+            submittedByUserId: user.userId,
+            status: 'InProgress',
+            [isExpert ? 'expertSupportingDocuments' : 'clientSupportingDocuments']: uploadFiles.join(", "),
+            statusChangedBy: user.userId,
         };
-        console.log('Escalation Submitted:', formData);
-        // Redirect or perform additional logic
-        goHome();
-    };
+        try {
+            yield createProjectEscalation({
+                variables: {
+                    input: formData
+                }
+            });
+        }
+        catch (error) {
+            console.error("Failed to create an escalation!", error);
+        }
+        finally {
+            setSubmitting(false);
+            goHome();
+        }
+    });
     const validateDate = (date) => {
         const minDate = LogTimeModalAuthenticated_1.constants.MIN_DATE;
         const maxDate = new Date();
@@ -146,10 +237,19 @@ const EscalationSubmitForm = ({ goBack, goHome, experts, projects, isExpert = fa
             react_1.default.createElement("div", { className: "p-4 space-y-4" },
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, `Which ${isExpert ? 'client' : 'expert'} are you experiencing the issue with?`),
-                    react_1.default.createElement(core_1.Select, { fullWidth: true, value: selectedExpert !== null && selectedExpert !== void 0 ? selectedExpert : '', onChange: e => setSelectedExpert(e.target.value === '' ? null : Number(e.target.value)), displayEmpty: true, variant: "outlined", placeholder: `Select a ${isExpert ? 'Client' : 'Expert'}` },
+                    react_1.default.createElement(core_1.Select, { fullWidth: true, value: (_a = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.name) !== null && _a !== void 0 ? _a : '', onChange: e => {
+                            const selectedName = e.target.value;
+                            if (selectedName === '') {
+                                setSelectedUser(null);
+                            }
+                            else {
+                                const selectedOption = expertOptions.find(opt => opt.value.name === selectedName);
+                                setSelectedUser(selectedOption ? selectedOption.value : null);
+                            }
+                        }, displayEmpty: true, variant: "outlined", placeholder: `Select a ${isExpert ? 'Client' : 'Expert'}` },
                         react_1.default.createElement(core_1.MenuItem, { disabled: true, value: "" },
                             react_1.default.createElement("em", null, `Select a ${isExpert ? 'Client' : 'Expert'}`)),
-                        expertOptions.map(option => (react_1.default.createElement(core_1.MenuItem, { key: option.value, value: option.value }, option.label))))),
+                        expertOptions.map(option => (react_1.default.createElement(core_1.MenuItem, { key: option.value.id, value: option.value.name }, option.label))))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Which Project(s)?"),
                     react_1.default.createElement(core_1.Select, { multiple: true, fullWidth: true, value: selectedProjects, onChange: (e) => {
@@ -166,7 +266,7 @@ const EscalationSubmitForm = ({ goBack, goHome, experts, projects, isExpert = fa
                         }, placeholder: `Select a Project(s)` },
                         react_1.default.createElement(core_1.MenuItem, { disabled: true, value: "" },
                             react_1.default.createElement("em", null, "Select a Project(s)...")),
-                        projectOptions.map(option => (react_1.default.createElement(core_1.MenuItem, { key: option.value, value: option.value }, option.label))))),
+                        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,
                         react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Issue Type"),
@@ -194,7 +294,7 @@ const EscalationSubmitForm = ({ goBack, goHome, experts, projects, isExpert = fa
                             react_1.default.createElement(core_1.MenuItem, { value: "Low" }, "Low")))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "When did this issue start?"),
-                    react_1.default.createElement(LogTimeModalAuthenticated_1.SelectDate, { timeLogDate: startDate, setTimeLogDate: setStartDate, isInvalid: false, setIsDateInvalid: setIsDateInvalid, validateDate: validateDate, maxDate: (0, dayjs_1.default)(new Date()).format("MM-DD-YYYY") })),
+                    react_1.default.createElement(LogTimeModalAuthenticated_1.SelectDate, { timeLogDate: issueStartDate, setTimeLogDate: setIssueStartDate, isInvalid: false, setIsDateInvalid: setIsDateInvalid, validateDate: validateDate, maxDate: (0, dayjs_1.default)(new Date()).format("MM-DD-YYYY") })),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "What's the problem?"),
                     react_1.default.createElement(base_ui_1.Input, { type: "text", value: problemInput, placeholder: "Describe the issue...", onChange: (e) => setProblemInput(e.target.value) })),
@@ -206,12 +306,12 @@ const EscalationSubmitForm = ({ goBack, goHome, experts, projects, isExpert = fa
                     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(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, 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.name)))))),
+                        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" },
                     react_1.default.createElement(base_ui_1.Checkbox, { id: "checkbox-1", label: `I understand this will notify my ${isExpert ? 'client' : 'expert'} and the Paro support team`, name: "acknowledge", isChecked: isChecked, onChange: () => setIsChecked(prev => !prev) })),
                 react_1.default.createElement("div", { className: "flex justify-end space-x-3 pt-4" },
-                    react_1.default.createElement(base_ui_1.Button, { label: "Cancel", onClick: goBack }),
-                    react_1.default.createElement(base_ui_1.Button, { label: "Submit issue", onClick: handleSubmit, color: "primary", disabled: !isFormValid() }))))));
+                    react_1.default.createElement(base_ui_1.Button, { label: "Cancel", onClick: goBack, disabled: submitting || uploadingFile }),
+                    react_1.default.createElement(base_ui_1.Button, { label: "Submit issue", onClick: handleSubmit, color: "primary", isLoading: submitting, disabled: !isFormValid() || uploadingFile }))))));
 };
 exports.default = EscalationSubmitForm;

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

@@ -1,17 +1,14 @@
-export type EscalationChatDetails = {
-    title: string;
-    project: string;
-    id: string;
-    status: string;
-};
 interface EscalationTabProps {
     activeTab: string;
-    openEscalationChat: (details: EscalationChatDetails) => void;
+    openEscalationChat: (issue: any) => void;
     setSelectedIssueId: (issue: number) => void;
     activeIssues: any[];
     inProgressIssues: any[];
     resolvedIssues: any[];
     isExpert: boolean;
+    updateProjectEscalation: any;
+    downloadDocumentUrl: string;
+    bucketName: string;
 }
-declare const EscalationTabsContent: ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, }: EscalationTabProps) => JSX.Element;
+declare const EscalationTabsContent: ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, updateProjectEscalation, downloadDocumentUrl, bucketName, }: EscalationTabProps) => JSX.Element;
 export default EscalationTabsContent;

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

@@ -30,18 +30,18 @@ const react_1 = __importDefault(require("react"));
 const EscalationIssueCard_1 = __importStar(require("./EscalationIssueCard"));
 const base_ui_1 = require("@paro.io/base-ui");
 ;
-const EscalationTabsContent = ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, }) => {
+const EscalationTabsContent = ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, updateProjectEscalation, downloadDocumentUrl, bucketName, }) => {
     if (activeTab === 'action-required') {
         return (react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "flex items-center justify-between mb-4" },
                 react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Issues Requiring Your Response")),
-            react_1.default.createElement(EscalationIssueCard_1.default, { issues: activeIssues, isExpert: isExpert, openEscalationChat: openEscalationChat, showRespondButton: true, setSelectedIssueId: setSelectedIssueId })));
+            react_1.default.createElement(EscalationIssueCard_1.default, { issues: activeIssues, isExpert: isExpert, openEscalationChat: openEscalationChat, showRespondButton: true, setSelectedIssueId: setSelectedIssueId, updateProjectEscalation: updateProjectEscalation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })));
     }
     if (activeTab === 'in-progress') {
         return (react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "flex items-center justify-between mb-4" },
                 react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Issues In Progress")),
-            react_1.default.createElement(EscalationIssueCard_1.default, { issues: inProgressIssues, isExpert: isExpert, openEscalationChat: openEscalationChat, showMarkResolvedButton: true })));
+            react_1.default.createElement(EscalationIssueCard_1.default, { issues: inProgressIssues, isExpert: isExpert, openEscalationChat: openEscalationChat, showMarkResolvedButton: true, updateProjectEscalation: updateProjectEscalation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })));
     }
     if (activeTab === 'resolved') {
         return (react_1.default.createElement("div", null,
@@ -77,12 +77,7 @@ const EscalationTabsContent = ({ activeTab, openEscalationChat, setSelectedIssue
                                     react_1.default.createElement("span", { className: "text-xs text-gray-500" },
                                         "Resolved By ",
                                         issue.resolvedBy)))),
-                        react_1.default.createElement(base_ui_1.Button, { onClick: () => openEscalationChat({
-                                title: issue.chatTitle,
-                                project: issue.projectName,
-                                id: issue.id,
-                                status: issue.chatStatus
-                            }), label: "Chat", color: "primary" }))));
+                        react_1.default.createElement(base_ui_1.Button, { onClick: () => openEscalationChat(issue), label: "Chat", color: "primary" }))));
             }))
                 :
                     react_1.default.createElement("div", null, "No resolved issues.")));

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

@@ -1,10 +1,16 @@
 interface EscalationsProps {
-    experts: any[];
+    expertsOrClients: any[];
     projects: any[];
     isExpert: boolean;
-    activeIssues: any[];
-    inProgressIssues: any[];
-    resolvedIssues: any[];
+    escalations: any[];
+    documentUploadUrl: string;
+    downloadDocumentUrl: string;
+    uploadExpertClientFiles?: any;
+    createProjectEscalation: any;
+    updateProjectEscalation: any;
+    createEscalationChatMessage: any;
+    bucketName: string;
+    user: any;
 }
-export declare const Escalations: ({ experts, projects, isExpert, activeIssues, inProgressIssues, resolvedIssues, }: EscalationsProps) => JSX.Element;
+export declare const Escalations: ({ expertsOrClients, projects, isExpert, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, }: EscalationsProps) => JSX.Element;
 export {};

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

@@ -39,14 +39,29 @@ const AccountSuspensionBanner_1 = __importDefault(require("./AccountSuspensionBa
 const AccountSuspensionModal_1 = __importDefault(require("./AccountSuspensionModal"));
 const base_icons_1 = require("@paro.io/base-icons");
 const EscalationIssueCard_1 = require("./EscalationIssueCard");
-const Escalations = ({ experts, projects, isExpert = false, activeIssues, inProgressIssues, resolvedIssues, }) => {
+const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, }) => {
     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
     const [showEscalationChat, setShowEscalationChat] = (0, react_1.useState)(false);
-    const [activeChatIssue, setActiveChatIssue] = (0, react_1.useState)(null); // update required
+    const [activeChatIssue, setActiveChatIssue] = (0, react_1.useState)(null);
     const [activeEscalationTab, setActiveEscalationTab] = (0, react_1.useState)('action-required');
     const [showSuspensionModal, setShowSuspensionModal] = (0, react_1.useState)(false);
+    const activeIssues = escalations.filter(issue => {
+        var _a;
+        const userTypeId = (_a = issue === null || issue === void 0 ? void 0 : issue.submittedByUser) === null || _a === void 0 ? void 0 : _a.userTypeId;
+        const internalEscalationTo = issue === null || issue === void 0 ? void 0 : issue.internalEscalationTo;
+        const status = issue === null || issue === void 0 ? void 0 : issue.status;
+        // Determine if this issue should be shown to the current user
+        const isRelevantEscalation = (isExpert
+            ? (internalEscalationTo === 'expert' || internalEscalationTo === 'both')
+            : (internalEscalationTo === 'client' || internalEscalationTo === 'both'));
+        return ((userTypeId !== user.userTypeId ||
+            (userTypeId === 2 && isRelevantEscalation)) &&
+            status === 'InProgress');
+    });
+    const inProgressIssues = escalations.filter(issue => { var _a; return ((_a = issue === null || issue === void 0 ? void 0 : issue.submittedByUser) === null || _a === void 0 ? void 0 : _a.userTypeId) === user.userTypeId && (issue === null || issue === void 0 ? void 0 : issue.status) === 'InProgress'; });
+    const resolvedIssues = escalations.filter(issue => (issue === null || issue === void 0 ? void 0 : issue.status) === 'Resolved');
     const goBack = () => {
         if (selectedIssueId !== null) {
             setSelectedIssueId(null);
@@ -136,10 +151,10 @@ const Escalations = ({ experts, projects, isExpert = false, activeIssues, inProg
                 !isExpert &&
                     react_1.default.createElement(EscalationReportBanner_1.default, { onReport: () => setSelectedIssueId(0) }),
                 react_1.default.createElement(EscalationTabs_1.default, { activeTab: activeEscalationTab, setActiveTab: setActiveEscalationTab, activeIssues: activeIssues.length, inProgressIssues: inProgressIssues.length, resolvedIssues: resolvedIssues.length }),
-                react_1.default.createElement(EscalationTabsContent_1.default, { activeTab: activeEscalationTab, openEscalationChat: openEscalationChat, setSelectedIssueId: setSelectedIssueId, activeIssues: activeIssues, inProgressIssues: inProgressIssues, resolvedIssues: resolvedIssues, isExpert: isExpert })),
-            activeSection === 'support' && activeIssues.filter((issue) => issue.id === selectedIssueId).length > 0 && (react_1.default.createElement(EscalationRespondForm_1.default, { goBack: goBack, selectedIssue: activeIssues.filter((issue) => issue.id === selectedIssueId), goHome: goHome })),
-            activeSection === 'support' && selectedIssueId === 0 && (react_1.default.createElement(EscalationSubmitForm_1.default, { goBack: goBack, goHome: goHome, experts: experts, projects: projects, isExpert: isExpert })),
-            showEscalationChat && activeChatIssue && (react_1.default.createElement(EscalationChat_1.default, { activeChatIssue: activeChatIssue, showEscalationChat: showEscalationChat, setShowEscalationChat: setShowEscalationChat })),
+                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 })),
+            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 })),
+            activeSection === 'support' && selectedIssueId === 0 && (react_1.default.createElement(EscalationSubmitForm_1.default, { goBack: goBack, goHome: goHome, expertsOrClients: expertsOrClients, projects: projects, documentUploadUrl: documentUploadUrl, bucketName: bucketName, uploadExpertClientFiles: uploadExpertClientFiles, createProjectEscalation: createProjectEscalation, isExpert: isExpert, user: user })),
+            showEscalationChat && activeChatIssue && (react_1.default.createElement(EscalationChat_1.default, { activeChatIssue: activeChatIssue, showEscalationChat: showEscalationChat, setShowEscalationChat: setShowEscalationChat, user: user, createEscalationChatMessage: createEscalationChatMessage, documentUploadUrl: documentUploadUrl, bucketName: bucketName, uploadExpertClientFiles: uploadExpertClientFiles, createProjectEscalation: createProjectEscalation, isExpert: isExpert })),
             showSuspensionModal &&
                 react_1.default.createElement(AccountSuspensionModal_1.default, { showSuspensionModal: showSuspensionModal, onClose: () => setShowSuspensionModal(false) }))));
 };

package/lib/components/FileUploader/index.d.ts CHANGED Viewed

@@ -2,14 +2,18 @@ interface UploadFileParams {
     file: File;
     documentName: string;
     disputeId?: number;
-    projectId: number;
+    escalationId?: string;
+    escalationNumber?: string;
+    projectId?: number;
     documentUploadUrl: string;
     bucketName: string;
-    updateClientInvoiceDisputeMutation: any;
+    updateClientInvoiceDisputeMutation?: any;
+    updateProjectEscalation?: any;
     uploadExpertClientFiles?: any;
-    previousFiles: string | string[];
+    createProjectEscalation?: any;
+    previousFiles?: string | string[];
     isExpert: boolean;
-    disputeData?: {
+    extraData?: {
         clientId: number;
         clientName: string;
         email: string;
@@ -18,5 +22,5 @@ interface UploadFileParams {
         projectName: string;
     };
 }
-export declare const fileUploader: ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, bucketName, disputeId, previousFiles, isExpert, disputeData, }: UploadFileParams) => Promise<any>;
+export declare const fileUploader: ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, updateProjectEscalation, uploadExpertClientFiles, createProjectEscalation, bucketName, disputeId, escalationId, escalationNumber, previousFiles, isExpert, extraData, }: UploadFileParams) => Promise<any>;
 export {};

package/lib/components/FileUploader/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fileUploader = void 0;
 const UploadClient_1 = __importDefault(require("../shared/UploadClient"));
 const utils_1 = require("../shared/utils");
-const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, uploadExpertClientFiles, bucketName, disputeId, previousFiles, isExpert, disputeData, }) {
+const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, projectId, documentUploadUrl, updateClientInvoiceDisputeMutation, updateProjectEscalation, uploadExpertClientFiles, createProjectEscalation, bucketName, disputeId, escalationId, escalationNumber, previousFiles, isExpert, extraData, }) {
     const documentLinks = previousFiles ? (typeof previousFiles === 'string' ? previousFiles.split(',') : [...previousFiles]) : [];
     try {
         (0, utils_1.showToast)('success', 'Starting Document Upload');
@@ -23,6 +23,7 @@ const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file,
             fileSelected: file,
             fileName: file.name,
             projectId,
+            escalationId,
             documentUploadUrl,
             bucketName: bucketName,
         });
@@ -47,20 +48,35 @@ const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file,
                     },
                 }));
             }
-            if (uploadExpertClientFiles && disputeData) {
+            if (escalationNumber) {
+                const escalationPromise = updateProjectEscalation({
+                    variables: {
+                        input: Object.assign({ escalationId }, (isExpert ? {
+                            expertSupportingDocuments: documentLinks.join(',')
+                        } : {
+                            clientSupportingDocuments: documentLinks.join(',')
+                        }))
+                    },
+                });
+                promises.push(escalationPromise);
+            }
+            else {
+                console.log("escalationId condition is FALSE");
+            }
+            if (uploadExpertClientFiles && extraData) {
                 promises.push(uploadExpertClientFiles({
                     variables: {
                         input: {
-                            clientId: disputeData.clientId,
-                            clientName: disputeData.clientName,
-                            email: disputeData.email,
+                            clientId: extraData.clientId,
+                            clientName: extraData.clientName,
+                            email: extraData.email,
                             fileName: file.name,
                             fileSize: file.size,
-                            fileType: 'DISPUTE_DOCUMENTS',
-                            freelancerId: disputeData.freelancerId,
-                            freelancerName: disputeData.freelancerName,
+                            fileType: disputeId ? 'DISPUTE_DOCUMENTS' : 'ESCALATION_DOCUMENTS',
+                            freelancerId: extraData.freelancerId,
+                            freelancerName: extraData.freelancerName,
                             projectId: projectId,
-                            projectName: disputeData.projectName,
+                            projectName: extraData.projectName,
                             uploadedBy: isExpert ? 'FREELANCER' : 'CLIENT',
                             data: "",
                         },
@@ -78,6 +94,7 @@ const fileUploader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file,
         return documentLinks;
     }
     catch (error) {
+        console.error("Error in fileUploader:", error);
         (0, utils_1.showToast)('warning', 'Error uploading file. Please try again.');
         return false;
     }

package/lib/components/Invoices/ClientDisputeProjectCard.d.ts CHANGED Viewed

@@ -6,6 +6,6 @@ interface ClientDisputeProjectCardProps {
     bucketName?: string;
     uploadExpertClientFiles?: any;
 }
-export declare const handleDownloadDocument: (projectId: number, fileName: string, downloadDocumentUrl: string, bucketName: string | undefined) => Promise<void>;
+export declare const handleDownloadDocument: (projectId: number, fileName: string, downloadDocumentUrl: string, bucketName: string | undefined, escalationId?: string | undefined) => Promise<void>;
 export declare const ClientDisputeProjectCard: ({ clientInvoice, updateClientInvoiceDisputeMutation, documentUploadUrl, downloadDocumentUrl, bucketName, uploadExpertClientFiles }: ClientDisputeProjectCardProps) => JSX.Element;
 export {};

package/lib/components/Invoices/ClientDisputeProjectCard.js CHANGED Viewed

@@ -131,11 +131,11 @@ const handleFileDownload = ({ fileData, downloadFilename, streamData, fileType =
     document.body.removeChild(downloadLink);
     URL.revokeObjectURL(blobUrl);
 };
-const handleDownloadDocument = (projectId, fileName, downloadDocumentUrl, bucketName) => __awaiter(void 0, void 0, void 0, function* () {
+const handleDownloadDocument = (projectId, fileName, downloadDocumentUrl, bucketName, escalationId) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     // Decode the filename from URL encoding if needed
     const decodedFileName = decodeURIComponent(fileName);
-    const downloadFileName = `project-${projectId}/${decodedFileName}`;
+    const downloadFileName = escalationId ? `escalation-${escalationId}/${decodedFileName}` : `project-${projectId}/${decodedFileName}`;
     const downloadData = yield (0, FileDownloader_1.fileDownloader)({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName, bucketName: bucketName });
     handleFileDownload({
         fileData: downloadData,
@@ -205,7 +205,7 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
                                 previousFiles: (_e = (_d = (_c = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.disputeProjects) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.clientDocumentLinks) !== null && _e !== void 0 ? _e : [],
                                 isExpert: false,
                                 uploadExpertClientFiles: uploadExpertClientFiles,
-                                disputeData: {
+                                extraData: {
                                     clientId: (_f = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.invoice) === null || _f === void 0 ? void 0 : _f.clientId,
                                     clientName: (_g = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.client) === null || _g === void 0 ? void 0 : _g.name,
                                     email: (_h = clientInvoice === null || clientInvoice === void 0 ? void 0 : clientInvoice.freelancer) === null || _h === void 0 ? void 0 : _h.email,

package/lib/components/Invoices/DisputeSection.js CHANGED Viewed

@@ -86,7 +86,7 @@ const DisputeSection = ({ dispute, documentUploadUrl, downloadDocumentUrl, bucke
                         disputeId: dispute === null || dispute === void 0 ? void 0 : dispute.disputeId,
                         previousFiles: isExpert ? expertDocumentLinks : clientDocumentLinks,
                         isExpert: isExpert,
-                        disputeData: {
+                        extraData: {
                             clientId: (_c = dispute === null || dispute === void 0 ? void 0 : dispute.invoice) === null || _c === void 0 ? void 0 : _c.clientId,
                             clientName: (_d = dispute === null || dispute === void 0 ? void 0 : dispute.client) === null || _d === void 0 ? void 0 : _d.name,
                             email: (_e = dispute === null || dispute === void 0 ? void 0 : dispute.freelancer) === null || _e === void 0 ? void 0 : _e.email,

package/lib/components/shared/UploadClient.d.ts CHANGED Viewed

@@ -6,9 +6,10 @@ export default class UploadClient {
         documentUploadUrl: string;
         projectId: number;
         bucketName: string;
+        escalationId: string;
     };
     constructor(props: any);
-    generateS3Key(projectId: number, fileName: string): string;
+    generateS3Key(projectId: number, escalationId: string, fileName: string): string;
     triggerMultipartUpload(): Promise<string | undefined>;
     uploadMultiPartFile(): Promise<string | undefined>;
     completeUpload(partsArray: any): Promise<string | undefined>;

package/lib/components/shared/UploadClient.js CHANGED Viewed

@@ -18,19 +18,21 @@ class UploadClient {
             documentUploadUrl: props.documentUploadUrl,
             projectId: props.projectId,
             bucketName: props.bucketName,
+            escalationId: props.escalationId,
         };
     }
-    generateS3Key(projectId, fileName) {
+    generateS3Key(projectId, escalationId, fileName) {
         const sanitizedFileName = fileName.replace(/[^a-zA-Z0-9.-]/g, '_');
-        let uniqueKey = `project-${projectId}/${sanitizedFileName}`;
-        return uniqueKey;
+        if (escalationId) {
+            return `escalation-${escalationId}/${sanitizedFileName}`;
+        }
+        return `project-${projectId}/${sanitizedFileName}`;
     }
     ;
     triggerMultipartUpload() {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const fileName = this.generateS3Key(this.state.projectId, this.state.fileName);
-                console.log('File Name', fileName);
+                const fileName = this.generateS3Key(this.state.projectId, this.state.escalationId, this.state.fileName);
                 this.state = Object.assign(Object.assign({}, this.state), { fileName: fileName });
                 const params = {
                     fileName: this.state.fileName,
@@ -120,7 +122,6 @@ class UploadClient {
                     throw new Error('Failed to complete multipart upload');
                 }
                 const { responseData } = yield response.json();
-                console.log('Upload Complete', responseData);
                 return `${JSON.stringify(responseData)}`;
             }
             catch (error) {

package/lib/components/shared/utils.d.ts CHANGED Viewed

@@ -40,6 +40,7 @@ export declare const features: string[];
 export declare const titleFeatures: string[];
 export declare const serviceDescriptions: Record<string, string>;
 export declare const selectedServicesReducer: (selectedServices: any, action: any) => any;
+export declare const generateUUID: () => string;
 export declare const sharedUtils: {
     selectedServicesReducer: (selectedServices: any, action: any) => any;
 };

package/lib/components/shared/utils.js CHANGED Viewed

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sharedUtils = exports.selectedServicesReducer = exports.serviceDescriptions = exports.titleFeatures = exports.features = exports.titleMappings = exports.DOCUMENT_TYPE_CONSTANTS = exports.validateFileUpload = exports.showToast = exports.MAX_FILE_SIZE = exports.ACCEPTED_FILE_TYPES = exports.formatDate = exports.CustomPaper = exports.handleDownloadPdf = exports.getFileMimeType = exports.stateAbbreviationMap = exports.getPreviousMonthStartDate = exports.isOlderThan30Days = exports.formatTenure = exports.isOnClickEvent = void 0;
+exports.sharedUtils = exports.generateUUID = exports.selectedServicesReducer = exports.serviceDescriptions = exports.titleFeatures = exports.features = exports.titleMappings = exports.DOCUMENT_TYPE_CONSTANTS = exports.validateFileUpload = exports.showToast = exports.MAX_FILE_SIZE = exports.ACCEPTED_FILE_TYPES = exports.formatDate = exports.CustomPaper = exports.handleDownloadPdf = exports.getFileMimeType = exports.stateAbbreviationMap = exports.getPreviousMonthStartDate = exports.isOlderThan30Days = exports.formatTenure = exports.isOnClickEvent = void 0;
 exports.getComparator = getComparator;
 exports.stableSort = stableSort;
 exports.compareItems = compareItems;
 const core_1 = require("@material-ui/core");
 const ReviewsTab_1 = require("../ReviewsTab/ReviewsTab");
+const uuid_1 = require("uuid");
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const isOnClickEvent = (potentialEvent) => {
     return (potentialEvent === null || potentialEvent === void 0 ? void 0 : potentialEvent.type) === 'mouseup' || (potentialEvent === null || potentialEvent === void 0 ? void 0 : potentialEvent.type) === 'keydown' || (potentialEvent === null || potentialEvent === void 0 ? void 0 : potentialEvent.type) === 'click';
@@ -357,4 +358,8 @@ const selectedServicesReducer = (selectedServices, action) => {
     }
 };
 exports.selectedServicesReducer = selectedServicesReducer;
+const generateUUID = () => {
+    return (0, uuid_1.v4)();
+};
+exports.generateUUID = generateUUID;
 exports.sharedUtils = { selectedServicesReducer: exports.selectedServicesReducer };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@paro.io/expert-shared-components",
-  "version": "1.12.42",
+  "version": "1.12.44",
   "description": "",
   "main": "lib/index.js",
   "scripts": {
@@ -14,7 +14,11 @@
     "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
   },
   "repository": "https://github.com/paroadmin/expert-shared-components.git",
-  "keywords": ["react", "components", "shared"],
+  "keywords": [
+    "react",
+    "components",
+    "shared"
+  ],
   "author": "apande@paro.io",
   "license": "MIT",
   "dependencies": {
@@ -40,6 +44,7 @@
     "react-hot-toast": "^2.4.1",
     "react-input-mask": "^3.0.0-alpha.2",
     "styled-components": "^5.3.3",
+    "uuid": "^11.1.0",
     "yup": "^0.32.11"
   },
   "devDependencies": {
@@ -49,6 +54,7 @@
     "@types/react-datepicker": "^4.19.6",
     "@types/react-dom": "^18.2.22",
     "@types/styled-components": "^5.1.22",
+    "@types/uuid": "^10.0.0",
     "@types/yup": "^0.29.13",
     "typescript": "^5.3.3"
   },