@paro.io/expert-shared-components 1.4.10 → 1.4.11

package/lib/components/ReviewsTab/LeaveResponseModal.d.ts

@@ -4,10 +4,11 @@ interface LeaveResponseModalProps {
     responseModal: boolean;
     setResponseModal: (responseModal: boolean) => void;
     createOrUpdateRating?: any;
-    isEditResponse: boolean;
+    isEditResponse?: boolean;
     daysLeft: number;
     getParoProjectsDocument?: any;
     clientName?: string;
+    updateRouteAfterSubmitResponse?: any;
 }
-declare const LeaveResponseModal: ({ rating, responseModal, setResponseModal, createOrUpdateRating, isEditResponse, daysLeft, getParoProjectsDocument, clientName, }: LeaveResponseModalProps) => React.JSX.Element;
+declare const LeaveResponseModal: ({ rating, responseModal, setResponseModal, createOrUpdateRating, isEditResponse, daysLeft, getParoProjectsDocument, clientName, updateRouteAfterSubmitResponse }: LeaveResponseModalProps) => React.JSX.Element;
 export default LeaveResponseModal;

package/lib/components/ReviewsTab/LeaveResponseModal.js

@@ -40,7 +40,7 @@ const base_ui_1 = require("@paro.io/base-ui");
 const core_1 = require("@material-ui/core");
 const ReviewsTab_1 = require("./ReviewsTab");
 const dayjs_1 = __importDefault(require("dayjs"));
-const LeaveResponseModal = ({ rating, responseModal, setResponseModal, createOrUpdateRating, isEditResponse, daysLeft, getParoProjectsDocument, clientName, }) => {
+const LeaveResponseModal = ({ rating, responseModal, setResponseModal, createOrUpdateRating, isEditResponse, daysLeft, getParoProjectsDocument, clientName, updateRouteAfterSubmitResponse }) => {
     const [showError, setShowError] = (0, react_1.useState)(false);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const placeholderText = (rating === null || rating === void 0 ? void 0 : rating.overallRating) >= 4
@@ -89,6 +89,7 @@ const LeaveResponseModal = ({ rating, responseModal, setResponseModal, createOrU
             });
             setLoading(false);
             setResponseModal(false);
+            updateRouteAfterSubmitResponse && updateRouteAfterSubmitResponse();
         }).catch(() => {
             (0, ReviewsTab_1.toastNotification)({
                 position: 'top-center',

package/lib/components/ReviewsTab/RatingHeader.js

@@ -105,7 +105,7 @@ const RatingHeader = ({ ratings, project, index, highlightedRatings, requestStat
         if (projectIdToShow === undefined || projectIdToShow === null) {
             return;
         }
-        if (projectIdToShow >= 0) {
+        if (projectIdToShow >= 0 && isClientPortal) {
             const headerToScrollTo = document.getElementById(`header_${projectIdToShow}`);
             headerToScrollTo === null || headerToScrollTo === void 0 ? void 0 : headerToScrollTo.scrollIntoView({ behavior: 'smooth' });
             toggleOpen(projectIdToShow);

package/lib/components/ReviewsTab/ReviewsTab.d.ts

@@ -10,6 +10,8 @@ interface ReviewsTabProps {
     isInternal?: boolean;
     getparoProjectsByClientIdDocument?: any;
     projectIdToShow?: number;
+    ratingIdForResponse?: number;
+    updateRouteAfterSubmitResponse?: any;
 }
 interface ToastNotificationProps {
     color?: 'success' | 'info' | 'warning' | 'danger';
@@ -21,5 +23,5 @@ interface ToastNotificationProps {
 }
 export declare const RatingsBar: (data: any) => JSX.Element;
 export declare const toastNotification: ({ className, color, icon, message, position, style, }: ToastNotificationProps) => string;
-export declare const ReviewsTab: ({ paroProjectsData, legacyFreelancerId, expertName, getParoProjectsDocument, createOrUpdateRating, createOrUpdateRatingRequestMutation, isClientPortal, isInternal, getparoProjectsByClientIdDocument, projectIdToShow, }: ReviewsTabProps) => JSX.Element;
+export declare const ReviewsTab: ({ paroProjectsData, legacyFreelancerId, expertName, getParoProjectsDocument, createOrUpdateRating, createOrUpdateRatingRequestMutation, isClientPortal, isInternal, getparoProjectsByClientIdDocument, projectIdToShow, ratingIdForResponse, updateRouteAfterSubmitResponse, }: ReviewsTabProps) => JSX.Element;
 export {};

package/lib/components/ReviewsTab/ReviewsTab.js

@@ -44,6 +44,7 @@ const base_ui_1 = require("@paro.io/base-ui");
 const AverageRatings_1 = __importDefault(require("./AverageRatings"));
 const ProjectReviewsSection_1 = __importStar(require("./ProjectReviewsSection"));
 const react_hot_toast_1 = require("react-hot-toast");
+const LeaveResponseModal_1 = __importDefault(require("./LeaveResponseModal"));
 const useStyles = (0, core_1.makeStyles)({
     buttonStyle: {
         display: 'flex',
@@ -199,7 +200,8 @@ const toastNotification = ({ className, color = 'success', icon = 'success', mes
     });
 };
 exports.toastNotification = toastNotification;
-const ReviewsTab = ({ paroProjectsData, legacyFreelancerId, expertName, getParoProjectsDocument, createOrUpdateRating, createOrUpdateRatingRequestMutation, isClientPortal = false, isInternal = false, getparoProjectsByClientIdDocument, projectIdToShow, }) => {
+const ReviewsTab = ({ paroProjectsData, legacyFreelancerId, expertName, getParoProjectsDocument, createOrUpdateRating, createOrUpdateRatingRequestMutation, isClientPortal = false, isInternal = false, getparoProjectsByClientIdDocument, projectIdToShow, ratingIdForResponse, updateRouteAfterSubmitResponse, }) => {
+    var _a, _b;
     const [loadingSubmitId, setLoadingSubmitId] = (0, react_1.useState)(null);
     const [orderBy, setOrderBy] = react_1.default.useState('');
     const [highlightedRatings, setHighlightedRatings] = (0, react_1.useState)(paroProjectsData);
@@ -207,6 +209,8 @@ const ReviewsTab = ({ paroProjectsData, legacyFreelancerId, expertName, getParoP
     const [selectedButton, setSelectedButton] = (0, react_1.useState)('');
     const [searchText, setSearchText] = (0, react_1.useState)('');
     const [openAllRows, setOpenAllRows] = (0, react_1.useState)(true);
+    const [responseModal, setResponseModal] = (0, react_1.useState)(projectIdToShow ? true : false);
+    const isExpertPortal = !isClientPortal && !isInternal;
     const toggleOpen = (index) => {
         if (!openRowId.includes(index)) {
             setOpenRowId((prev) => [...prev, index]);
@@ -307,6 +311,8 @@ const ReviewsTab = ({ paroProjectsData, legacyFreelancerId, expertName, getParoP
         var _a;
         return (_a = obj === null || obj === void 0 ? void 0 : obj.client) === null || _a === void 0 ? void 0 : _a.id;
     }).filter((value, index, self) => self.indexOf(value) === index);
+    const projectDataForResponseModal = projectIdToShow && isExpertPortal && paroProjectsData ? paroProjectsData.find((project) => project.id === Number(projectIdToShow)) : -1;
+    const ratingForResponse = projectDataForResponseModal && ((_a = projectDataForResponseModal === null || projectDataForResponseModal === void 0 ? void 0 : projectDataForResponseModal.rating) === null || _a === void 0 ? void 0 : _a.find((rating) => rating.id === ratingIdForResponse));
     return (react_1.default.createElement("div", { className: "reviewsTab", style: { width: '100%', overflowX: 'auto' } },
         react_1.default.createElement(core_1.Box, null,
             react_1.default.createElement("div", { className: "flex flex-row justify-evenly items-center py-2" },
@@ -333,6 +339,8 @@ const ReviewsTab = ({ paroProjectsData, legacyFreelancerId, expertName, getParoP
         react_1.default.createElement(SortButtons, { selectedButton: selectedButton, handleSelectableButton: handleSelectableButton, isClientPortal: isClientPortal !== null && isClientPortal !== void 0 ? isClientPortal : false }),
         react_1.default.createElement(core_1.Box, { pt: 3 },
             react_1.default.createElement(core_1.Divider, null)),
-        react_1.default.createElement(ProjectReviewsSection_1.default, { uniqueClients: uniqueClients, paroProjectsData: isClientPortal ? highlightedRatings : paroProjectsData, openRowId: openRowId, openAllRows: openAllRows, toggleOpen: toggleOpen, expertName: expertName, legacyFreelancerId: legacyFreelancerId, getParoProjectsDocument: getParoProjectsDocument, handleAddToProfile: handleAddToProfile, highlightedRatings: highlightedRatings, setHighlightedRatings: setHighlightedRatings, loadingSubmitId: loadingSubmitId, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, selectedButton: selectedButton, isClientPortal: isClientPortal, isInternal: isInternal, createOrUpdateRating: createOrUpdateRating, getparoProjectsByClientIdDocument: getparoProjectsByClientIdDocument, projectIdToShow: projectIdToShow })));
+        react_1.default.createElement(ProjectReviewsSection_1.default, { uniqueClients: uniqueClients, paroProjectsData: isClientPortal ? highlightedRatings : paroProjectsData, openRowId: openRowId, openAllRows: openAllRows, toggleOpen: toggleOpen, expertName: expertName, legacyFreelancerId: legacyFreelancerId, getParoProjectsDocument: getParoProjectsDocument, handleAddToProfile: handleAddToProfile, highlightedRatings: highlightedRatings, setHighlightedRatings: setHighlightedRatings, loadingSubmitId: loadingSubmitId, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, selectedButton: selectedButton, isClientPortal: isClientPortal, isInternal: isInternal, createOrUpdateRating: createOrUpdateRating, getparoProjectsByClientIdDocument: getparoProjectsByClientIdDocument, projectIdToShow: projectIdToShow }),
+        responseModal &&
+            react_1.default.createElement(LeaveResponseModal_1.default, { rating: ratingForResponse, responseModal: responseModal, setResponseModal: setResponseModal, createOrUpdateRating: createOrUpdateRating, isEditResponse: false, daysLeft: 14, getParoProjectsDocument: getParoProjectsDocument, clientName: (_b = projectDataForResponseModal === null || projectDataForResponseModal === void 0 ? void 0 : projectDataForResponseModal.client) === null || _b === void 0 ? void 0 : _b.name, updateRouteAfterSubmitResponse: updateRouteAfterSubmitResponse })));
 };
 exports.ReviewsTab = ReviewsTab;

package/package.json

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