@paro.io/expert-shared-components 1.12.3 → 1.12.5

package/lib/components/FileDownloader/index.d.ts

@@ -0,0 +1,6 @@
+interface DownloadFileParams {
+    fileKey: string;
+    downloadDocumentUrl: string;
+}
+export declare const fileDownloader: ({ fileKey, downloadDocumentUrl, }: DownloadFileParams) => Promise<Blob | string | null>;
+export {};

package/lib/components/FileDownloader/index.js

@@ -0,0 +1,46 @@
+"use strict";
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileDownloader = void 0;
+const DownloadClient_1 = __importDefault(require("../shared/DownloadClient"));
+const utils_1 = require("../shared/utils");
+const fileDownloader = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fileKey, downloadDocumentUrl, }) {
+    try {
+        (0, utils_1.showToast)("success", "Starting Document Download");
+        const downloadClient = new DownloadClient_1.default({
+            fileKey,
+            downloadDocumentUrl,
+        });
+        const result = yield downloadClient.downloadDocument();
+        if (result instanceof Blob) {
+            // Handle Blob (e.g., save to file or display)
+            (0, utils_1.showToast)("success", "Document Download Successful");
+            return result;
+        }
+        else if (typeof result === "string") {
+            // Handle text or JSON response
+            (0, utils_1.showToast)("success", "Document Download Successful");
+            return result;
+        }
+        else {
+            throw new Error("Unexpected response type");
+        }
+    }
+    catch (error) {
+        console.error(`Error Downloading File: ${error}`);
+        (0, utils_1.showToast)("warning", "Error downloading file. Please try again.");
+        return null;
+    }
+});
+exports.fileDownloader = fileDownloader;

package/lib/components/Invoices/ClientDisputeProjectCard.js

@@ -31,9 +31,6 @@ 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.ClientDisputeProjectCard = void 0;
 const react_1 = __importStar(require("react"));
@@ -42,7 +39,7 @@ const base_ui_2 = require("@paro.io/base-ui");
 const core_1 = require("@material-ui/core");
 const base_icons_1 = require("@paro.io/base-icons");
 const FileUploader_1 = require("../FileUploader");
-const DownloadClient_1 = __importDefault(require("../shared/DownloadClient"));
+const FileDownloader_1 = require("../FileDownloader");
 const useStyles = (0, core_1.makeStyles)((theme) => ({
     root: {
         width: "100%",
@@ -134,8 +131,7 @@ const ClientDisputeProjectCard = ({ clientInvoice, updateClientInvoiceDisputeMut
     };
     const handleDownloadDocument = (projectId, fileName) => __awaiter(void 0, void 0, void 0, function* () {
         const downloadFileName = `project-${projectId}/${fileName}`;
-        const downloadClient = new DownloadClient_1.default({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName });
-        const downloadData = yield downloadClient.downloadDocument();
+        const downloadData = yield (0, FileDownloader_1.fileDownloader)({ downloadDocumentUrl: downloadDocumentUrl, fileKey: downloadFileName });
         handleDownloadPdf({ fileData: downloadData, downloadFilename: fileName, streamData: true });
     });
     (0, react_1.useEffect)(() => {

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

@@ -16,5 +16,5 @@ interface DiscussionSectionProps {
     onCreateMessage: (variables: any) => Promise<any>;
     isInternal?: boolean;
 }
-export declare const DiscussionSection: ({ disputeId, currentUser, messages, onCreateMessage, isInternal }: DiscussionSectionProps) => JSX.Element;
+export declare const DiscussionSection: ({ disputeId, currentUser, messages, onCreateMessage, isInternal, }: DiscussionSectionProps) => JSX.Element;
 export {};

package/lib/components/Invoices/DiscussionSection.js

@@ -39,7 +39,8 @@ exports.DiscussionSection = void 0;
 const react_1 = __importStar(require("react"));
 const base_ui_1 = require("@paro.io/base-ui");
 const dayjs_1 = __importDefault(require("dayjs"));
-const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage, isInternal }) => {
+const base_icons_1 = require("@paro.io/base-icons");
+const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage, isInternal = false, }) => {
     const [newMessage, setNewMessage] = (0, react_1.useState)('');
     const [visibility, setVisibility] = (0, react_1.useState)('ALL');
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -61,7 +62,7 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
                         disputeId,
                         messageText: newMessage,
                         visibility,
-                        senderId: (_a = currentUser === null || currentUser === void 0 ? void 0 : currentUser.app_metadata) === null || _a === void 0 ? void 0 : _a.userId,
+                        senderId: isInternal ? (_a = currentUser === null || currentUser === void 0 ? void 0 : currentUser.app_metadata) === null || _a === void 0 ? void 0 : _a.userId : currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
                     },
                 },
             });
@@ -120,7 +121,22 @@ const DiscussionSection = ({ disputeId, currentUser, messages, onCreateMessage,
     };
     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]" }, "Discussion Thread")),
+            react_1.default.createElement("div", { className: "text-lg font-bold text-[#333333]" },
+                "Discussion Thread",
+                react_1.default.createElement("br", null),
+                react_1.default.createElement("div", { className: "flex items-center space-x-2 text-xs font-normal" },
+                    react_1.default.createElement("div", { className: "flex items-center space-x-1" },
+                        react_1.default.createElement("span", { className: "w-2 h-2 rounded-full", style: { backgroundColor: '#643E0C' } }),
+                        react_1.default.createElement("span", null, "\u00A0Expert")),
+                    react_1.default.createElement("div", { className: "flex items-center space-x-1" },
+                        react_1.default.createElement("span", { className: "w-2 h-2 rounded-full", style: { backgroundColor: '#195C5C' } }),
+                        react_1.default.createElement("span", null, "\u00A0Client")),
+                    react_1.default.createElement("div", { className: "flex items-center space-x-1" },
+                        react_1.default.createElement("span", { className: "w-2 h-2 rounded-full", style: { backgroundColor: '#2196F3' } }),
+                        react_1.default.createElement("span", null, "\u00A0Paro Support")))),
+            react_1.default.createElement("div", { className: "flex flex-row justify-start mr-4 text-gray-600" },
+                react_1.default.createElement(base_icons_1.IconChat, { size: "sm", className: "text-blue-600 mr-2" }),
+                react_1.default.createElement("p", null, "This discussion applies to all projects in this dispute."))),
         react_1.default.createElement("div", { className: "rounded" },
             messages.length ? react_1.default.createElement("div", { className: "flex-1 max-h-[40vh] overflow-y-auto border rounded-md p-2 space-y-6" }, messages.map((message) => (react_1.default.createElement("div", { key: message.id, className: `flex ${getMessageAlignment(message.sender.userTypeId)}` },
                 react_1.default.createElement("div", { className: `flex space-x-4 ${getMessageOrder(message.sender.userTypeId)} ${getMessageAlignment(message.sender.userTypeId)}` },

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

@@ -1 +1,2 @@
 export { InvoiceCard } from './InvoiceCard';
+export { DiscussionSection } from './DiscussionSection';

package/lib/components/Invoices/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvoiceCard = void 0;
+exports.DiscussionSection = exports.InvoiceCard = void 0;
 var InvoiceCard_1 = require("./InvoiceCard");
 Object.defineProperty(exports, "InvoiceCard", { enumerable: true, get: function () { return InvoiceCard_1.InvoiceCard; } });
+var DiscussionSection_1 = require("./DiscussionSection");
+Object.defineProperty(exports, "DiscussionSection", { enumerable: true, get: function () { return DiscussionSection_1.DiscussionSection; } });

package/lib/index.d.ts

@@ -13,3 +13,5 @@ export { ActiveProjectCard } from './components/ProjectCard/ActiveProjectCard';
 export { InvoiceCard } from './components/Invoices/InvoiceCard';
 export { DiscussionThread } from './components/DiscussionThread';
 export { fileUploader } from './components/FileUploader';
+export { DiscussionSection } from './components/Invoices/DiscussionSection';
+export { fileDownloader } from './components/FileDownloader';

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fileUploader = exports.DiscussionThread = exports.InvoiceCard = exports.ActiveProjectCard = exports.sharedUtils = exports.ServiceLinesTemplate = exports.HeaderNavBar = exports.DocumentCenter = exports.ProfileCompletedPercentage = exports.ExpertProfileHeader = exports.OrganizationChart = exports.FirmEmployeeSection = exports.ClientReferenceSection = exports.Reviews = exports.ReviewsTab = void 0;
+exports.fileDownloader = exports.DiscussionSection = exports.fileUploader = exports.DiscussionThread = exports.InvoiceCard = exports.ActiveProjectCard = exports.sharedUtils = exports.ServiceLinesTemplate = exports.HeaderNavBar = exports.DocumentCenter = exports.ProfileCompletedPercentage = exports.ExpertProfileHeader = exports.OrganizationChart = exports.FirmEmployeeSection = exports.ClientReferenceSection = exports.Reviews = exports.ReviewsTab = void 0;
 var ReviewsTab_1 = require("./components/ReviewsTab");
 Object.defineProperty(exports, "ReviewsTab", { enumerable: true, get: function () { return ReviewsTab_1.ReviewsTab; } });
 var Reviews_1 = require("./components/Reviews");
@@ -31,3 +31,7 @@ var DiscussionThread_1 = require("./components/DiscussionThread");
 Object.defineProperty(exports, "DiscussionThread", { enumerable: true, get: function () { return DiscussionThread_1.DiscussionThread; } });
 var FileUploader_1 = require("./components/FileUploader");
 Object.defineProperty(exports, "fileUploader", { enumerable: true, get: function () { return FileUploader_1.fileUploader; } });
+var DiscussionSection_1 = require("./components/Invoices/DiscussionSection");
+Object.defineProperty(exports, "DiscussionSection", { enumerable: true, get: function () { return DiscussionSection_1.DiscussionSection; } });
+var FileDownloader_1 = require("./components/FileDownloader");
+Object.defineProperty(exports, "fileDownloader", { enumerable: true, get: function () { return FileDownloader_1.fileDownloader; } });

package/package.json

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