@paro.io/expert-shared-components 1.12.46 → 1.12.47

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

@@ -9,6 +9,7 @@ interface EscalationSubmitProps {
     uploadExpertClientFiles: any;
     createProjectEscalation: any;
     user: any;
+    clientId: number;
 }
-declare const EscalationSubmitForm: ({ goBack, goHome, expertsOrClients, projects, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert, user }: EscalationSubmitProps) => JSX.Element;
+declare const EscalationSubmitForm: ({ goBack, goHome, expertsOrClients, projects, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert, user, clientId, }: EscalationSubmitProps) => JSX.Element;
 export default EscalationSubmitForm;

package/lib/components/Escalations/EscalationSubmitForm.js

@@ -51,9 +51,10 @@ const issueTypeOptions = [
     { value: 'DelayedDeliverables', label: 'Delayed Deliverables or Deadlines due to Missing Information/Documentation' },
     { value: 'BillingConcern', label: 'Billing Concern' },
     { value: 'ScopeCreep', label: 'Scope Creep/Unauthorized Requests' },
+    { value: 'QualityOfWork', label: 'Quality Of Work' },
     { value: 'Other', label: 'Other' },
 ];
-const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert = false, user }) => {
+const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert = false, user, clientId, }) => {
     var _a;
     const [isChecked, setIsChecked] = (0, react_1.useState)(false);
     const [problemInput, setProblemInput] = (0, react_1.useState)('');
@@ -66,7 +67,7 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
     const [selectedProjects, setSelectedProjects] = (0, react_1.useState)([]);
     const [issueType, setIssueType] = (0, react_1.useState)('');
     const [severity, setSeverity] = (0, react_1.useState)('');
-    const [issueStartDate, setIssueStartDate] = (0, react_1.useState)(undefined);
+    const [issueStartDate, setIssueStartDate] = (0, react_1.useState)((0, dayjs_1.default)(new Date).format('MM-DD-YYYY'));
     const [isDateInvalid, setIsDateInvalid] = (0, react_1.useState)(false);
     const [submitting, setSubmitting] = (0, react_1.useState)(false);
     const fileInputRef = (0, react_1.useRef)(null);
@@ -74,8 +75,8 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
     (0, react_1.useEffect)(() => {
         if (expertsOrClients && expertsOrClients.length > 0) {
             const options = expertsOrClients.map((user) => ({
-                label: user.name,
-                value: { id: user.id, name: user.name },
+                label: isExpert ? user.name : user.freelancerName,
+                value: { id: isExpert ? user.id : user.freelancerId, name: isExpert ? user.name : user.freelancerName },
             }));
             setExpertOptions(options);
         }
@@ -172,14 +173,13 @@ const EscalationSubmitForm = ({ goBack, goHome, expertsOrClients, projects, docu
             requiredProjectSelection);
     };
     const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
         if (!isFormValid())
             return;
         setSubmitting(true);
         const formData = {
             escalationId: escalationId,
-            freelancerId: user.userId,
-            clientId: (_a = selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id) !== null && _a !== void 0 ? _a : 0,
+            freelancerId: isExpert ? user.userId : selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id,
+            clientId: isExpert ? selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.id : clientId,
             projectDetails: selectedProjects.map((p) => { return { projectId: p.id, projectName: p.name }; }),
             issueStartDate: issueStartDate,
             escalationType: issueType,

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

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

package/lib/components/Escalations/Escalations.js

@@ -39,7 +39,7 @@ 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 = ({ expertsOrClients, projects, isExpert = false, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, }) => {
+const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations, documentUploadUrl, downloadDocumentUrl, uploadExpertClientFiles, createProjectEscalation, updateProjectEscalation, createEscalationChatMessage, bucketName, user, clientId = 0, }) => {
     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
@@ -153,7 +153,7 @@ const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations
                 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, 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 })),
+            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, clientId: clientId })),
             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/package.json

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