npm - @paro.io/expert-shared-components - Versions diffs - 1.12.60 → 1.13.1 - Mend

@paro.io/expert-shared-components 1.12.60 → 1.13.1

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const CustomTag: (label: any) => React.JSX.Element;
-export default CustomTag;
+import React from 'react';
+declare const CustomTag: (label: any) => React.JSX.Element;
+export default CustomTag;

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

@@ -1,25 +1,25 @@
-"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 getBackgroundColor = (type) => {
-    switch (type) {
-        case 'Critical':
-            return 'danger';
-        case 'High':
-            return 'warning';
-        case 'Medium':
-            return 'info';
-        case 'Low':
-            return 'default';
-        default:
-            return 'default';
-    }
-};
-const CustomTag = (label) => {
-    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 cursor-pointer rounded-full bg-${color} border-${color}` }, label));
-};
-exports.default = CustomTag;
+"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 getBackgroundColor = (type) => {
+    switch (type) {
+        case 'Critical':
+            return 'danger';
+        case 'High':
+            return 'warning';
+        case 'Medium':
+            return 'info';
+        case 'Low':
+            return 'default';
+        default:
+            return 'default';
+    }
+};
+const CustomTag = (label) => {
+    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 cursor-pointer rounded-full bg-${color} border-${color}` }, label));
+};
+exports.default = CustomTag;

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

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

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

@@ -40,7 +40,7 @@ const DiscussionSection_1 = require("../Invoices/DiscussionSection");
 const EscalationIssueCard_1 = require("./EscalationIssueCard");
 const FileUploader_1 = require("../FileUploader");
 const EscalationRespondForm_1 = require("./EscalationRespondForm");
-const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalationChat, user, createEscalationChatMessage, documentUploadUrl, bucketName, uploadExpertClientFiles, createProjectEscalation, isExpert, }) => {
+const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalationChat, user, createEscalationChatMessage, documentUploadUrl, bucketName, uploadExpertClientFiles, updateProjectEscalation, isExpert, }) => {
     var _a, _b, _c, _d;
     const [uploadFiles, setUploadFiles] = (0, react_1.useState)(isExpert
         ? (((_a = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.expertSupportingDocuments) === null || _a === void 0 ? void 0 : _a.split(",")) || [])
@@ -64,7 +64,7 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalation
             }
             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;
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
                     try {
                         const res = yield (0, FileUploader_1.fileUploader)({
                             file: selectedFile,
@@ -77,13 +77,13 @@ const EscalationChat = ({ activeChatIssue, showEscalationChat, setShowEscalation
                             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,
+                            updateProjectEscalation: updateProjectEscalation,
                             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 : '',
+                                clientId: (_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,
+                                clientName: (_d = (_c = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '',
+                                email: isExpert ? (_g = (_f = (_e = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.client) === null || _e === void 0 ? void 0 : _e.primaryContact) === null || _f === void 0 ? void 0 : _f.email) !== null && _g !== void 0 ? _g : '' : (_j = (_h = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _h === void 0 ? void 0 : _h.email) !== null && _j !== void 0 ? _j : '',
+                                freelancerId: (_l = (_k = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _k === void 0 ? void 0 : _k.id) !== null && _l !== void 0 ? _l : 0,
+                                freelancerName: (_o = (_m = activeChatIssue === null || activeChatIssue === void 0 ? void 0 : activeChatIssue.freelancer) === null || _m === void 0 ? void 0 : _m.name) !== null && _o !== void 0 ? _o : '',
                                 projectName: activeChatIssue.projectDetails.length > 0 ? activeChatIssue.projectDetails[0].projectName : '',
                             }
                         });

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

@@ -15,6 +15,7 @@ type EscalationIssueCardProps = {
     updateProjectEscalation: any;
     downloadDocumentUrl: string;
     bucketName: string;
+    userId: number;
 };
 declare const EscalationIssueCard: React.FC<EscalationIssueCardProps>;
 export default EscalationIssueCard;

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

@@ -55,8 +55,8 @@ const CustomTag = ({ label, iconLeft, onClick, customColor, }) => {
         label.toUpperCase()));
 };
 exports.CustomTag = CustomTag;
-const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespondButton = false, setSelectedIssueId, showMarkResolvedButton = false, updateProjectEscalation, downloadDocumentUrl, bucketName, }) => {
-    var _a, _b, _c;
+const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespondButton = false, setSelectedIssueId, showMarkResolvedButton = false, updateProjectEscalation, downloadDocumentUrl, bucketName, userId, }) => {
+    var _a, _b;
     const [viewResponseModal, setViewResponseModal] = (0, react_1.useState)(null);
     const [markAsResolved, setMarkAsResolved] = (0, react_1.useState)(null);
     const getResponseButtonText = (issue) => {
@@ -109,6 +109,6 @@ const EscalationIssueCard = ({ issues, isExpert, openEscalationChat, showRespond
                     showMarkResolvedButton && !isExpert && (react_1.default.createElement(base_ui_1.Button, { onClick: () => { setMarkAsResolved(issue); }, label: "Mark as Resolved", color: "primary" })))));
         }),
         !!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, clientId: (_c = markAsResolved === null || markAsResolved === void 0 ? void 0 : markAsResolved.client) === null || _c === void 0 ? void 0 : _c.id })));
+        !!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, userId: userId })));
 };
 exports.default = EscalationIssueCard;

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

@@ -9,6 +9,7 @@ interface EscalationTabProps {
     updateProjectEscalation: any;
     downloadDocumentUrl: string;
     bucketName: string;
+    userId: number;
 }
-declare const EscalationTabsContent: ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, updateProjectEscalation, downloadDocumentUrl, bucketName, }: EscalationTabProps) => JSX.Element;
+declare const EscalationTabsContent: ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, updateProjectEscalation, downloadDocumentUrl, bucketName, userId, }: EscalationTabProps) => JSX.Element;
 export default EscalationTabsContent;

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

@@ -31,18 +31,18 @@ const EscalationIssueCard_1 = __importStar(require("./EscalationIssueCard"));
 const base_ui_1 = require("@paro.io/base-ui");
 const dayjs_1 = __importDefault(require("dayjs"));
 ;
-const EscalationTabsContent = ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, updateProjectEscalation, downloadDocumentUrl, bucketName, }) => {
+const EscalationTabsContent = ({ activeTab, openEscalationChat, setSelectedIssueId, activeIssues, inProgressIssues, resolvedIssues, isExpert, updateProjectEscalation, downloadDocumentUrl, bucketName, userId, }) => {
     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, updateProjectEscalation: updateProjectEscalation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })));
+            react_1.default.createElement(EscalationIssueCard_1.default, { issues: activeIssues, isExpert: isExpert, openEscalationChat: openEscalationChat, showRespondButton: true, setSelectedIssueId: setSelectedIssueId, updateProjectEscalation: updateProjectEscalation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, userId: userId })));
     }
     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, updateProjectEscalation: updateProjectEscalation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })));
+            react_1.default.createElement(EscalationIssueCard_1.default, { issues: inProgressIssues, isExpert: isExpert, openEscalationChat: openEscalationChat, showMarkResolvedButton: true, updateProjectEscalation: updateProjectEscalation, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, userId: userId })));
     }
     if (activeTab === 'resolved') {
         return (react_1.default.createElement("div", null,

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

@@ -152,10 +152,10 @@ const Escalations = ({ expertsOrClients, projects, isExpert = false, escalations
                 !isExpert &&
                     react_1.default.createElement(EscalationReportBanner_1.default, { onReport: () => setSelectedIssueId(0) }),
                 escalations.length > 0 ? react_1.default.createElement(EscalationTabs_1.default, { activeTab: activeEscalationTab, setActiveTab: setActiveEscalationTab, activeIssues: activeIssues.length, inProgressIssues: inProgressIssues.length, resolvedIssues: resolvedIssues.length }) : null,
-                react_1.default.createElement(EscalationTabsContent_1.default, { activeTab: activeEscalationTab, openEscalationChat: openEscalationChat, setSelectedIssueId: setSelectedIssueId, activeIssues: activeIssues, inProgressIssues: inProgressIssues, resolvedIssues: resolvedIssues, updateProjectEscalation: updateProjectEscalation, isExpert: isExpert, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName })),
+                react_1.default.createElement(EscalationTabsContent_1.default, { activeTab: activeEscalationTab, openEscalationChat: openEscalationChat, setSelectedIssueId: setSelectedIssueId, activeIssues: activeIssues, inProgressIssues: inProgressIssues, resolvedIssues: resolvedIssues, updateProjectEscalation: updateProjectEscalation, isExpert: isExpert, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, userId: user.userId })),
             activeSection === 'support' && activeIssues.filter((issue) => issue.escalationNumber === selectedIssueId).length > 0 && (react_1.default.createElement(EscalationRespondForm_1.default, { goBack: goBack, selectedIssue: activeIssues.find((issue) => issue.escalationNumber === selectedIssueId), documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName, uploadExpertClientFiles: uploadExpertClientFiles, updateProjectEscalation: updateProjectEscalation, goHome: goHome, isExpert: isExpert, userId: user.userId })),
             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 })),
+            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, updateProjectEscalation: updateProjectEscalation, isExpert: isExpert })),
             showSuspensionModal &&
                 react_1.default.createElement(AccountSuspensionModal_1.default, { showSuspensionModal: showSuspensionModal, onClose: () => setShowSuspensionModal(false) })),
         react_1.default.createElement(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {

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

@@ -1,10 +1,10 @@
 import React from 'react';
-declare const MarkResolvedModal: ({ escalationId, expertName, open, onClose, updateProjectEscalation, clientId, }: {
+declare const MarkResolvedModal: ({ escalationId, expertName, open, onClose, updateProjectEscalation, userId, }: {
     escalationId: string;
     expertName: string;
     open: boolean;
     onClose: () => void;
     updateProjectEscalation: any;
-    clientId: number;
+    userId: number;
 }) => React.JSX.Element;
 export default MarkResolvedModal;

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

@@ -37,7 +37,7 @@ const base_icons_1 = require("@paro.io/base-icons");
 const base_ui_1 = require("@paro.io/base-ui");
 const core_1 = require("@material-ui/core");
 const utils_1 = require("../shared/utils");
-const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProjectEscalation, clientId, }) => {
+const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProjectEscalation, userId, }) => {
     const [resolutionText, setResolutionText] = (0, react_1.useState)(null);
     const [submitting, setSubmitting] = (0, react_1.useState)(false);
     const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -49,7 +49,7 @@ const MarkResolvedModal = ({ escalationId, expertName, open, onClose, updateProj
                         escalationId: escalationId,
                         clientResolution: resolutionText,
                         status: 'Resolved',
-                        statusChangedBy: clientId,
+                        statusChangedBy: userId,
                     }
                 }
             });

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

@@ -1,8 +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;
+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/ViewReponseModal.js CHANGED Viewed

@@ -1,27 +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;
+"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.60",
+  "version": "1.13.01",
   "description": "",
   "main": "lib/index.js",
   "scripts": {