@paro.io/expert-shared-components 1.14.9 → 1.14.11

package/lib/components/EarningsTracker/EditDateModal.d.ts

@@ -1,22 +1,22 @@
-import React from "react";
-interface EditDateModalProps {
-    freelancerId: number;
-    freelancerEmail: string;
-    project: any;
-    previousDate: any;
-    editDate: any;
-    setEditDate: (editDate: any) => void;
-    isDateInvalid: boolean;
-    setIsDateInvalid: (isDateInvalid: boolean) => void;
-    validateDate: any;
-    changeType: string;
-    expertName: string;
-    isAuthenticated: boolean;
-    selectedTab: number;
-    createChangeRequestMutation?: any;
-    GetAllProjectIrprDetailsForFreelancerDocument: any;
-    createChangeRequest?: any;
-    isTestEnv: boolean;
-}
-export declare const EditDateModal: ({ freelancerId, freelancerEmail, project, previousDate, editDate, setEditDate, setIsDateInvalid, validateDate, isDateInvalid, changeType, expertName, isAuthenticated, selectedTab, createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest, isTestEnv }: EditDateModalProps) => React.JSX.Element;
-export {};
+import React from "react";
+interface EditDateModalProps {
+    freelancerId: number;
+    freelancerEmail: string;
+    project: any;
+    previousDate: any;
+    editDate: any;
+    setEditDate: (editDate: any) => void;
+    isDateInvalid: boolean;
+    setIsDateInvalid: (isDateInvalid: boolean) => void;
+    validateDate: any;
+    changeType: string;
+    expertName: string;
+    isAuthenticated: boolean;
+    selectedTab: number;
+    createChangeRequestMutation?: any;
+    GetAllProjectIrprDetailsForFreelancerDocument: any;
+    createChangeRequest?: any;
+    isTestEnv: boolean;
+}
+export declare const EditDateModal: ({ freelancerId, freelancerEmail, project, previousDate, editDate, setEditDate, setIsDateInvalid, validateDate, isDateInvalid, changeType, expertName, isAuthenticated, selectedTab, createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest, isTestEnv }: EditDateModalProps) => React.JSX.Element;
+export {};

package/lib/components/EarningsTracker/EditDateModal.js

@@ -1,149 +1,149 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.EditDateModal = void 0;
-const react_1 = __importStar(require("react"));
-const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
-const base_ui_1 = require("@paro.io/base-ui");
-const LogTimeModalAuthenticated_1 = require("./LogTimeModalAuthenticated");
-const dayjs_1 = __importDefault(require("dayjs"));
-const utc_1 = __importDefault(require("dayjs/plugin/utc"));
-const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
-dayjs_1.default.extend(utc_1.default);
-dayjs_1.default.extend(timezone_1.default);
-const options = [
-    {
-        label: 'Select a Reason',
-        value: '',
-    },
-    {
-        label: 'The client has delayed the project',
-        value: 'The client has delayed the project',
-    },
-    {
-        label: 'The expert has delayed the project',
-        value: 'The expert has delayed the project',
-    },
-    {
-        label: 'Extension of the previous phase',
-        value: 'Extension of the previous phase',
-    },
-    {
-        label: 'Other',
-        value: 'Other',
-    }
-];
-const EditDateModal = ({ freelancerId, freelancerEmail, project, previousDate, editDate, setEditDate, setIsDateInvalid, validateDate, isDateInvalid, changeType, expertName, isAuthenticated, selectedTab, createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest, isTestEnv }) => {
-    const [date, setDate] = (0, react_1.useState)(null);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [reason, setReason] = (0, react_1.useState)('');
-    const [inputReason, setInputReason] = (0, react_1.useState)('');
-    const todayDate = new Date();
-    const dateToUse = (project === null || project === void 0 ? void 0 : project.endDate) ? new Date(project === null || project === void 0 ? void 0 : project.endDate) : todayDate;
-    const maxDate = changeType === 'start' ? dateToUse : todayDate.setMonth((todayDate).getMonth() + 12);
-    const minDate = changeType === 'start' ? new Date(project === null || project === void 0 ? void 0 : project.startDate).setMonth((todayDate).getMonth() - 3) : project === null || project === void 0 ? void 0 : project.startDate;
-    const handleSubmitDate = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        setLoading(true);
-        const projectTypes = ["ACTIVE", "ADHOC", "UPCOMING", "INACTIVE", "COMPLETED"];
-        try {
-            const changeRequestDetails = {
-                dateSubmitted: (0, dayjs_1.default)(new Date()).format('MM/DD/YYYY'),
-                changeReason: reason !== null && reason !== void 0 ? reason : inputReason,
-                changeType: `${changeType.charAt(0).toUpperCase() + changeType.slice(1)} Date`,
-                entityName: project === null || project === void 0 ? void 0 : project.name,
-                freelancerId: Number(freelancerId),
-                oldValue: (0, dayjs_1.default)(previousDate).format('MM/DD/YYYY'),
-                newValue: (0, dayjs_1.default)(date).format('MM/DD/YYYY'),
-                status: 'New',
-                projectType: projectTypes[selectedTab],
-                freelancerName: expertName,
-                email: freelancerEmail,
-                csmEmail: isTestEnv ? "admin@paro.io" : project === null || project === void 0 ? void 0 : project.csmEmail,
-                amEmail: isTestEnv ? "admin@paro.io" : (_a = project === null || project === void 0 ? void 0 : project.paroContact) === null || _a === void 0 ? void 0 : _a.email,
-                entityId: Number(project === null || project === void 0 ? void 0 : project.id),
-            };
-            isAuthenticated ? createChangeRequestMutation({
-                variables: {
-                    input: changeRequestDetails
-                },
-                refetchQueries: [
-                    { query: GetAllProjectIrprDetailsForFreelancerDocument, variables: { freelancerId, projectType: 3, activeTabId: selectedTab } }
-                ]
-            }) : yield createChangeRequest(changeRequestDetails);
-            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "success", icon: "success", label: `Succesfully submitted ${changeType.charAt(0).toUpperCase() + changeType.slice(1)} Date Change Request` }), {
-                position: 'bottom-right',
-                style: { borderRadius: '8px' },
-            });
-            setLoading(false);
-            setDate(null);
-            setEditDate(false);
-            setReason('');
-            setInputReason('');
-        }
-        catch (error) {
-            setLoading(false);
-            console.log(`Error updating ${changeType} date`, error);
-            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: `Failed to update ${changeType.charAt(0).toUpperCase() + changeType.slice(1)} Date` }), {
-                position: 'bottom-right',
-                style: { borderRadius: '8px' },
-            });
-        }
-    });
-    const onCloseModal = () => {
-        setLoading(false);
-        setDate(null);
-        setEditDate(false);
-        setReason('');
-        setInputReason('');
-    };
-    return (react_1.default.createElement(base_ui_1.Modal, { open: editDate, onClose: () => onCloseModal(), size: "sm", className: "z-[100]" },
-        react_1.default.createElement("div", { className: "flex flex-col gap-y-2" },
-            react_1.default.createElement("h1", { className: "font-bold text-xl" }, `Change the ${changeType === 'start' ? 'Start' : 'End'} Date`),
-            react_1.default.createElement("p", { className: "text-md mb-6" }, `To make changes to the ${changeType === 'start' ? 'start' : 'end'} date please fill out the fields below.`),
-            react_1.default.createElement("p", { className: "font-bold" }, `What is the new ${changeType === 'start' ? 'start' : 'end'} date?`),
-            react_1.default.createElement(LogTimeModalAuthenticated_1.SelectDate, { timeLogDate: date, setTimeLogDate: setDate, isInvalid: false, setIsDateInvalid: setIsDateInvalid, validateDate: validateDate, maxDate: (0, dayjs_1.default)(maxDate).format('MM/DD/YYYY'), minDate: (0, dayjs_1.default)(minDate).format('MM/DD/YYYY') }),
-            isDateInvalid && react_1.default.createElement("div", { className: "text-red-800 text-xs" }, "Please enter a valid date"),
-            react_1.default.createElement("p", { className: "font-bold mt-2" }, "Please select a reason for change:"),
-            react_1.default.createElement("div", { className: "w-full sm:w-2/3 flex flex-col gap-y-2" },
-                react_1.default.createElement(base_ui_1.Autocomplete, { label: "", name: 'reason-select', value: reason, onSelect: (value) => setReason(value), options: options, isInvalid: reason === '', isInvalidText: "Reason can't be empty", size: 'md' }),
-                reason === 'Other' && (react_1.default.createElement(base_ui_1.Input, { type: "select", placeholder: `Please enter your reason for ${changeType === 'start' ? 'start' : 'end'} date change`, value: inputReason, onChange: (e) => setInputReason(e.target.value) }))),
-            react_1.default.createElement("div", { className: "flex flex-row gap-x-2 mt-12 mb-4" },
-                react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => onCloseModal(), label: "CANCEL", className: "mt-4" }),
-                react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => handleSubmitDate(), label: "SAVE", className: "mt-4", color: "primary", disabled: isDateInvalid || !reason || !date, isLoading: loading })))));
-};
-exports.EditDateModal = EditDateModal;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.EditDateModal = void 0;
+const react_1 = __importStar(require("react"));
+const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
+const base_ui_1 = require("@paro.io/base-ui");
+const LogTimeModalAuthenticated_1 = require("./LogTimeModalAuthenticated");
+const dayjs_1 = __importDefault(require("dayjs"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
+const options = [
+    {
+        label: 'Select a Reason',
+        value: '',
+    },
+    {
+        label: 'The client has delayed the project',
+        value: 'The client has delayed the project',
+    },
+    {
+        label: 'The expert has delayed the project',
+        value: 'The expert has delayed the project',
+    },
+    {
+        label: 'Extension of the previous phase',
+        value: 'Extension of the previous phase',
+    },
+    {
+        label: 'Other',
+        value: 'Other',
+    }
+];
+const EditDateModal = ({ freelancerId, freelancerEmail, project, previousDate, editDate, setEditDate, setIsDateInvalid, validateDate, isDateInvalid, changeType, expertName, isAuthenticated, selectedTab, createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest, isTestEnv }) => {
+    const [date, setDate] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [reason, setReason] = (0, react_1.useState)('');
+    const [inputReason, setInputReason] = (0, react_1.useState)('');
+    const todayDate = new Date();
+    const dateToUse = (project === null || project === void 0 ? void 0 : project.endDate) ? new Date(project === null || project === void 0 ? void 0 : project.endDate) : todayDate;
+    const maxDate = changeType === 'start' ? dateToUse : todayDate.setMonth((todayDate).getMonth() + 12);
+    const minDate = changeType === 'start' ? new Date(project === null || project === void 0 ? void 0 : project.startDate).setMonth((todayDate).getMonth() - 3) : project === null || project === void 0 ? void 0 : project.startDate;
+    const handleSubmitDate = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        setLoading(true);
+        const projectTypes = ["ACTIVE", "ADHOC", "UPCOMING", "INACTIVE", "COMPLETED"];
+        try {
+            const changeRequestDetails = {
+                dateSubmitted: (0, dayjs_1.default)(new Date()).format('MM/DD/YYYY'),
+                changeReason: reason !== null && reason !== void 0 ? reason : inputReason,
+                changeType: `${changeType.charAt(0).toUpperCase() + changeType.slice(1)} Date`,
+                entityName: project === null || project === void 0 ? void 0 : project.name,
+                freelancerId: Number(freelancerId),
+                oldValue: (0, dayjs_1.default)(previousDate).format('MM/DD/YYYY'),
+                newValue: (0, dayjs_1.default)(date).format('MM/DD/YYYY'),
+                status: 'New',
+                projectType: projectTypes[selectedTab],
+                freelancerName: expertName,
+                email: freelancerEmail,
+                csmEmail: isTestEnv ? "admin@paro.io" : project === null || project === void 0 ? void 0 : project.csmEmail,
+                amEmail: isTestEnv ? "admin@paro.io" : (_a = project === null || project === void 0 ? void 0 : project.paroContact) === null || _a === void 0 ? void 0 : _a.email,
+                entityId: Number(project === null || project === void 0 ? void 0 : project.id),
+            };
+            isAuthenticated ? createChangeRequestMutation({
+                variables: {
+                    input: changeRequestDetails
+                },
+                refetchQueries: [
+                    { query: GetAllProjectIrprDetailsForFreelancerDocument, variables: { freelancerId, projectType: 3, activeTabId: selectedTab } }
+                ]
+            }) : yield createChangeRequest(changeRequestDetails);
+            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "success", icon: "success", label: `Succesfully submitted ${changeType.charAt(0).toUpperCase() + changeType.slice(1)} Date Change Request` }), {
+                position: 'bottom-right',
+                style: { borderRadius: '8px' },
+            });
+            setLoading(false);
+            setDate(null);
+            setEditDate(false);
+            setReason('');
+            setInputReason('');
+        }
+        catch (error) {
+            setLoading(false);
+            console.log(`Error updating ${changeType} date`, error);
+            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: `Failed to update ${changeType.charAt(0).toUpperCase() + changeType.slice(1)} Date` }), {
+                position: 'bottom-right',
+                style: { borderRadius: '8px' },
+            });
+        }
+    });
+    const onCloseModal = () => {
+        setLoading(false);
+        setDate(null);
+        setEditDate(false);
+        setReason('');
+        setInputReason('');
+    };
+    return (react_1.default.createElement(base_ui_1.Modal, { open: editDate, onClose: () => onCloseModal(), size: "sm", className: "z-[100]" },
+        react_1.default.createElement("div", { className: "flex flex-col gap-y-2" },
+            react_1.default.createElement("h1", { className: "font-bold text-xl" }, `Change the ${changeType === 'start' ? 'Start' : 'End'} Date`),
+            react_1.default.createElement("p", { className: "text-md mb-6" }, `To make changes to the ${changeType === 'start' ? 'start' : 'end'} date please fill out the fields below.`),
+            react_1.default.createElement("p", { className: "font-bold" }, `What is the new ${changeType === 'start' ? 'start' : 'end'} date?`),
+            react_1.default.createElement(LogTimeModalAuthenticated_1.SelectDate, { timeLogDate: date, setTimeLogDate: setDate, isInvalid: false, setIsDateInvalid: setIsDateInvalid, validateDate: validateDate, maxDate: (0, dayjs_1.default)(maxDate).format('MM/DD/YYYY'), minDate: (0, dayjs_1.default)(minDate).format('MM/DD/YYYY') }),
+            isDateInvalid && react_1.default.createElement("div", { className: "text-red-800 text-xs" }, "Please enter a valid date"),
+            react_1.default.createElement("p", { className: "font-bold mt-2" }, "Please select a reason for change:"),
+            react_1.default.createElement("div", { className: "w-full sm:w-2/3 flex flex-col gap-y-2" },
+                react_1.default.createElement(base_ui_1.Autocomplete, { label: "", name: 'reason-select', value: reason, onSelect: (value) => setReason(value), options: options, isInvalid: reason === '', isInvalidText: "Reason can't be empty", size: 'md' }),
+                reason === 'Other' && (react_1.default.createElement(base_ui_1.Input, { type: "select", placeholder: `Please enter your reason for ${changeType === 'start' ? 'start' : 'end'} date change`, value: inputReason, onChange: (e) => setInputReason(e.target.value) }))),
+            react_1.default.createElement("div", { className: "flex flex-row gap-x-2 mt-12 mb-4" },
+                react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => onCloseModal(), label: "CANCEL", className: "mt-4" }),
+                react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => handleSubmitDate(), label: "SAVE", className: "mt-4", color: "primary", disabled: isDateInvalid || !reason || !date, isLoading: loading })))));
+};
+exports.EditDateModal = EditDateModal;

package/lib/components/EarningsTracker/EmailModal.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-interface EmailModalProps {
-    emailModal: boolean;
-    setEmailModal: (emailModal: boolean) => void;
-    emailText: string;
-    setEmailText: (emailText: string) => void;
-    setTicketModal: (ticketModal: boolean) => void;
-    project: any;
-    expertName: string;
-    sendParoSupportEmail: any;
-    isTestEnv: boolean;
-}
-export declare const EmailModal: ({ emailModal, setEmailModal, emailText, setEmailText, setTicketModal, project, expertName, sendParoSupportEmail, isTestEnv }: EmailModalProps) => React.JSX.Element;
-export {};
+import React from "react";
+interface EmailModalProps {
+    emailModal: boolean;
+    setEmailModal: (emailModal: boolean) => void;
+    emailText: string;
+    setEmailText: (emailText: string) => void;
+    setTicketModal: (ticketModal: boolean) => void;
+    project: any;
+    expertName: string;
+    sendParoSupportEmail: any;
+    isTestEnv: boolean;
+}
+export declare const EmailModal: ({ emailModal, setEmailModal, emailText, setEmailText, setTicketModal, project, expertName, sendParoSupportEmail, isTestEnv }: EmailModalProps) => React.JSX.Element;
+export {};

package/lib/components/EarningsTracker/EmailModal.js

@@ -1,79 +1,79 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.EmailModal = void 0;
-const react_1 = __importStar(require("react"));
-const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
-const base_ui_1 = require("@paro.io/base-ui");
-const EmailModal = ({ emailModal, setEmailModal, emailText, setEmailText, setTicketModal, project, expertName, sendParoSupportEmail, isTestEnv }) => {
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        setLoading(true);
-        try {
-            yield sendParoSupportEmail({
-                csm_email: isTestEnv ? "admin@paro.io" : "projectsupport@paro.io",
-                am_email: isTestEnv ? "admin@paro.io" : (_a = project === null || project === void 0 ? void 0 : project.paroContact) === null || _a === void 0 ? void 0 : _a.email,
-                expert_name: expertName,
-                client_name: (_b = project === null || project === void 0 ? void 0 : project.client) === null || _b === void 0 ? void 0 : _b.name,
-                project_name: project === null || project === void 0 ? void 0 : project.name,
-                problem_description: emailText
-            });
-            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "success", icon: "success", label: `Email sent successful` }), {
-                position: 'bottom-right',
-                style: { borderRadius: '8px' },
-            });
-            setTicketModal(true);
-            setEmailModal(false);
-            setEmailText("");
-            setLoading(false);
-        }
-        catch (error) {
-            setLoading(false);
-            console.log(`Error sending email`, error);
-            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: `Failed to send email` }), {
-                position: 'bottom-right',
-                style: { borderRadius: '8px' },
-            });
-        }
-    });
-    return (react_1.default.createElement(base_ui_1.Modal, { open: emailModal, onClose: () => setEmailModal(false), size: "sm", className: "z-[100]" },
-        react_1.default.createElement("h1", { className: "font-bold text-lg mb-2" }, "Please describe your problem or issue"),
-        react_1.default.createElement(base_ui_1.Input, { value: emailText, type: "text", placeholder: "Please describe your problem or issue", onChange: (e) => setEmailText(e.target.value) }),
-        react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { handleSubmit(); }, label: "SUBMIT", className: "mt-4", color: "primary", isLoading: loading })));
-};
-exports.EmailModal = EmailModal;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.EmailModal = void 0;
+const react_1 = __importStar(require("react"));
+const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
+const base_ui_1 = require("@paro.io/base-ui");
+const EmailModal = ({ emailModal, setEmailModal, emailText, setEmailText, setTicketModal, project, expertName, sendParoSupportEmail, isTestEnv }) => {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        setLoading(true);
+        try {
+            yield sendParoSupportEmail({
+                csm_email: isTestEnv ? "admin@paro.io" : "projectsupport@paro.io",
+                am_email: isTestEnv ? "admin@paro.io" : (_a = project === null || project === void 0 ? void 0 : project.paroContact) === null || _a === void 0 ? void 0 : _a.email,
+                expert_name: expertName,
+                client_name: (_b = project === null || project === void 0 ? void 0 : project.client) === null || _b === void 0 ? void 0 : _b.name,
+                project_name: project === null || project === void 0 ? void 0 : project.name,
+                problem_description: emailText
+            });
+            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "success", icon: "success", label: `Email sent successful` }), {
+                position: 'bottom-right',
+                style: { borderRadius: '8px' },
+            });
+            setTicketModal(true);
+            setEmailModal(false);
+            setEmailText("");
+            setLoading(false);
+        }
+        catch (error) {
+            setLoading(false);
+            console.log(`Error sending email`, error);
+            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: `Failed to send email` }), {
+                position: 'bottom-right',
+                style: { borderRadius: '8px' },
+            });
+        }
+    });
+    return (react_1.default.createElement(base_ui_1.Modal, { open: emailModal, onClose: () => setEmailModal(false), size: "sm", className: "z-[100]" },
+        react_1.default.createElement("h1", { className: "font-bold text-lg mb-2" }, "Please describe your problem or issue"),
+        react_1.default.createElement(base_ui_1.Input, { value: emailText, type: "text", placeholder: "Please describe your problem or issue", onChange: (e) => setEmailText(e.target.value) }),
+        react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { handleSubmit(); }, label: "SUBMIT", className: "mt-4", color: "primary", isLoading: loading })));
+};
+exports.EmailModal = EmailModal;