@paro.io/expert-shared-components 1.12.15 → 1.12.16

package/lib/components/Invoices/DecisionSection.js

@@ -31,20 +31,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DecisionSection = void 0;
 const react_1 = __importStar(require("react"));
 const base_ui_1 = require("@paro.io/base-ui");
-const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
+const utils_1 = require("../shared/utils");
 const RESOLUTION_OPTIONS = [
     { value: 'APPROVED', label: 'Approve Dispute' },
     { value: 'DECLINED', label: 'Decline Dispute' },
     { value: 'PARTIAL', label: 'Partial Approval' },
 ];
-const DecisionSection = ({ dispute, onUpdateDispute, }) => {
+const DecisionSection = ({ dispute, onUpdateDispute, user }) => {
     var _a;
     const disputeAmount = (_a = dispute === null || dispute === void 0 ? void 0 : dispute.disputeProjects) === null || _a === void 0 ? void 0 : _a.reduce((acc, project) => acc + (project === null || project === void 0 ? void 0 : project.disputeAmount), 0);
     const [resolution, setResolution] = (0, react_1.useState)('');
@@ -61,14 +58,15 @@ const DecisionSection = ({ dispute, onUpdateDispute, }) => {
                         disputeId: dispute.disputeId,
                         status: "Resolved", //To-Do - Fix with actual status
                         approvedAmount: amount ? parseFloat(amount) : undefined,
+                        finalDecisionOwnerId: (user === null || user === void 0 ? void 0 : user.userId) || null
                     },
                 },
             });
-            react_hot_toast_1.default.success('Thank you for resolving the dispute');
+            (0, utils_1.showToast)('success', 'Thank you for resolving the dispute');
         }
         catch (error) {
             console.error('Failed to update dispute:', error);
-            react_hot_toast_1.default.error('Failed to update dispute');
+            (0, utils_1.showToast)('warning', 'Failed to update dispute');
         }
         finally {
             setIsSubmitting(false);

package/lib/components/Invoices/DiscussionSection.d.ts

@@ -8,6 +8,7 @@ interface Message {
     };
     messageText: string;
     createdAt: string;
+    visibility: string;
 }
 interface DiscussionSectionProps {
     disputeId: string;

package/lib/components/Invoices/DiscussionSection.js

@@ -112,6 +112,20 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
     const getHeaderAlignment = (userTypeId) => {
         return userTypeId !== currentUser.userTypeId ? 'justify-start' : 'justify-end';
     };
+    const displayMessageVisibility = (visibility) => {
+        switch (visibility) {
+            case 'ALL':
+                return 'All';
+            case 'EXPERT_INTERNAL_ONLY':
+                return 'Expert Only';
+            case 'CLIENT_INTERNAL_ONLY':
+                return 'Client Only';
+            case 'INTERNAL_ONLY':
+                return 'Internal Only';
+            default:
+                return 'All';
+        }
+    };
     return (react_1.default.createElement("div", { className: "space-y-6" },
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "text-lg font-bold text-[#333333]" },
@@ -144,7 +158,11 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
                                 message.sender.firstName,
                                 " ",
                                 message.sender.lastName),
-                            react_1.default.createElement("span", { className: "text-xs text-[#666666]" }, (0, dayjs_1.default)(message.createdAt).format('MMM D, YYYY • h:mm A'))),
+                            react_1.default.createElement("span", { className: "text-xs text-[#666666]" }, (0, dayjs_1.default)(message.createdAt).format('MMM D, YYYY • h:mm A')),
+                            isInternal && (react_1.default.createElement("span", { className: "text-xs text-[#666666]" },
+                                "(",
+                                displayMessageVisibility(message.visibility),
+                                ")"))),
                         react_1.default.createElement("div", { style: { backgroundColor: getSenderBackgroundColor(message.sender.userTypeId) }, className: "mt-1 p-3 rounded-lg" },
                             react_1.default.createElement("p", { className: `text-sm ${getHeaderAlignment(message.sender.userTypeId)}`, style: { color: getSenderTextColor(message.sender.userTypeId) } }, message.messageText)))))))) : react_1.default.createElement(react_1.default.Fragment, null),
             react_1.default.createElement("div", { ref: threadsEndRef }),

package/lib/components/Invoices/InvoiceCard.js

@@ -65,6 +65,6 @@ const InvoiceCard = ({ clientInvoice, createDisputeChatMessage, user, chatMessag
                             react_1.default.createElement(ClientDisputeProjectCard_1.ClientDisputeProjectCard, { clientInvoice: currentInvoice, updateClientInvoiceDisputeMutation: updateClientInvoiceDisputeMutation, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, bucketName: bucketName }),
                     (currentInvoice === null || currentInvoice === void 0 ? void 0 : currentInvoice.chatEnabled) && disputeId && (react_1.default.createElement(DiscussionSection_1.DiscussionSection, { disputeId: disputeId, currentUser: user, messages: chatMessages, onCreateMessage: createDisputeChatMessage, isInternal: isInternal })),
                     isInternal &&
-                        react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: currentInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation }))))));
+                        react_1.default.createElement(DecisionSection_1.DecisionSection, { dispute: currentInvoice, onUpdateDispute: updateClientInvoiceDisputeMutation, user: user }))))));
 };
 exports.InvoiceCard = InvoiceCard;

package/lib/components/OrganizationChart/OrganizationChart.d.ts

@@ -1,15 +1,15 @@
-interface OrgChartProps {
-    openModal: boolean;
-    setOpenModal: (openModal: boolean) => void;
-    expertFirms: any;
-    firstName: string;
-    lastName: string;
-    imageUrl?: string;
-    primaryServiceLine: string;
-    city: string;
-    stateAbbreviation: string;
-    paroTenure?: string;
-    isPublicProfile?: boolean;
-}
-export declare const OrganizationChart: ({ openModal, setOpenModal, expertFirms, firstName, lastName, imageUrl, primaryServiceLine, city, stateAbbreviation, paroTenure, isPublicProfile }: OrgChartProps) => JSX.Element;
-export {};
+interface OrgChartProps {
+    openModal: boolean;
+    setOpenModal: (openModal: boolean) => void;
+    expertFirms: any;
+    firstName: string;
+    lastName: string;
+    imageUrl?: string;
+    primaryServiceLine: string;
+    city: string;
+    stateAbbreviation: string;
+    paroTenure?: string;
+    isPublicProfile?: boolean;
+}
+export declare const OrganizationChart: ({ openModal, setOpenModal, expertFirms, firstName, lastName, imageUrl, primaryServiceLine, city, stateAbbreviation, paroTenure, isPublicProfile }: OrgChartProps) => JSX.Element;
+export {};