@paro.io/expert-shared-components 1.13.12 → 1.14.0

package/lib/components/ProjectIntelligence/MissingInformation/index.js

@@ -35,10 +35,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MissingInformation = void 0;
 const react_1 = __importStar(require("react"));
 const utils_1 = require("../../shared/utils");
-const core_1 = require("@material-ui/core");
-const base_icons_1 = require("@paro.io/base-icons");
-const base_ui_1 = require("@paro.io/base-ui");
-const TeamSection_1 = require("../TeamSection");
+const PRIORITY_COLORS = {
+    HIGH: 'bg-red-100 text-red-800 border-red-200',
+    MEDIUM: 'bg-orange-100 text-orange-800 border-orange-200',
+    LOW: 'bg-gray-100 text-gray-800 border-gray-200',
+    REQUESTED: 'bg-green-100 text-green-800 border-green-200',
+    CLIENT_RESPONDED: 'bg-green-100 text-green-800 border-green-200',
+};
+const PRIORITY_LABELS = {
+    HIGH: 'Required Now',
+    MEDIUM: 'Request Info',
+    LOW: 'Request Once',
+    REQUESTED: 'Requested',
+    CLIENT_RESPONDED: 'Client Responded',
+};
 // Category options for the dropdown
 const INFORMATION_CATEGORIES = [
     'Technical Integration Details',
@@ -116,14 +126,15 @@ const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, document
     const isClientResponded = missingInfoItem.status === "CLIENT_RESPONDED";
     const buttonText = isClientResponded ? "Update Request" : "Send Request";
     const hasUploadedDocuments = missingInfoItem.clientResponse && missingInfoItem.clientResponse.includes("Client Uploaded");
-    return (react_1.default.createElement(core_1.Dialog, { open: isOpen, onClose: onClose, fullWidth: true },
-        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" },
-                isClientResponded ? "View Client Response" : "Request Additional Information",
-                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: "space-y-4 mt-4" },
+    return (react_1.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" },
+        react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-md mx-4" },
+            react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
+                react_1.default.createElement("div", { className: "flex items-center justify-between" },
+                    react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900" }, isClientResponded ? "View Client Response" : "Request Additional Information"),
+                    react_1.default.createElement("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 transition-colors" },
+                        react_1.default.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                            react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))))),
+            react_1.default.createElement("div", { className: "px-6 py-4 space-y-4" },
                 isClientResponded && missingInfoItem.clientResponse && (react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Client Response"),
                     react_1.default.createElement("div", { className: "w-full px-3 py-2 border border-gray-300 rounded-md bg-gray-50 text-sm" },
@@ -132,27 +143,21 @@ const RequestInfoModal = ({ isOpen, missingInfoItem, onClose, onSubmit, document
                         react_1.default.createElement("button", { onClick: handleOpenDocumentCenter, className: "text-blue-600 hover:text-blue-800 font-medium flex items-center text-sm" },
                             react_1.default.createElement("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
                                 react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })),
-                            isInternal ? 'View Documents under Documents tab' : 'View Documents in Document Center'))))),
+                            "View Documents in Document Center"))))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { htmlFor: "informationCategory", className: "block text-sm font-medium text-gray-700 mb-1" }, "Information Category"),
-                    react_1.default.createElement(core_1.Select, { fullWidth: true, id: "informationCategory", value: formData.informationCategory, onChange: (e) => setFormData((prev) => (Object.assign(Object.assign({}, prev), { informationCategory: e.target.value }))), displayEmpty: true, variant: "outlined", placeholder: 'Select a category' },
-                        react_1.default.createElement(core_1.MenuItem, { disabled: true, value: "" },
-                            react_1.default.createElement("em", null, `Select a category`)),
-                        INFORMATION_CATEGORIES.map((category) => (react_1.default.createElement(core_1.MenuItem, { key: category, value: category }, category))))),
+                    react_1.default.createElement("select", { id: "informationCategory", value: formData.informationCategory, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { informationCategory: e.target.value }))), className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" }, INFORMATION_CATEGORIES.map((category) => (react_1.default.createElement("option", { key: category, value: category }, category))))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { htmlFor: "priorityLevel", className: "block text-sm font-medium text-gray-700 mb-1" }, "Priority Level"),
-                    react_1.default.createElement(core_1.Select, { fullWidth: true, id: "priorityLevel", value: formData.priorityLevel, onChange: (e) => setFormData((prev) => (Object.assign(Object.assign({}, prev), { priorityLevel: e.target.value }))), displayEmpty: true, variant: "outlined", placeholder: 'Select priority level' },
-                        react_1.default.createElement(core_1.MenuItem, { disabled: true, value: "" },
-                            react_1.default.createElement("em", null, `Select priority level`)),
-                        PRIORITY_LEVELS.map((level) => (react_1.default.createElement(core_1.MenuItem, { key: level, value: level }, level))))),
+                    react_1.default.createElement("select", { id: "priorityLevel", value: formData.priorityLevel, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { priorityLevel: e.target.value }))), className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" }, PRIORITY_LEVELS.map((level) => (react_1.default.createElement("option", { key: level, value: level }, level))))),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("label", { htmlFor: "specificInformation", className: "block text-sm font-medium text-gray-700 mb-1" }, "Specific Information Needed"),
-                    react_1.default.createElement("textarea", { id: "specificInformation", value: formData.specificInformation, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { specificInformation: e.target.value }))), rows: 4, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm", placeholder: "Need NetSuite configuration details:\r\n\r\n1. US vs Colombian entity setup\r\n2. Consolidation process and requirements" }))),
-            react_1.default.createElement("div", { className: "px-6 py-4 flex justify-end space-x-3" },
-                react_1.default.createElement(base_ui_1.Button, { label: "cancel", onClick: handleCancel, disabled: submitting }),
-                react_1.default.createElement(base_ui_1.Button, { label: buttonText, onClick: handleSubmit, color: "primary", isLoading: submitting })))));
+                    react_1.default.createElement("textarea", { id: "specificInformation", value: formData.specificInformation, onChange: (e) => setFormData(prev => (Object.assign(Object.assign({}, prev), { specificInformation: e.target.value }))), rows: 4, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm", placeholder: "Need NetSuite configuration details:\n  \n  1. US vs Colombian entity setup\n  2. Consolidation process and requirements" }))),
+            react_1.default.createElement("div", { className: "px-6 py-4 border-t border-gray-200 flex justify-end space-x-3" },
+                react_1.default.createElement("button", { onClick: handleCancel, className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500 transition-colors" }, "Cancel"),
+                react_1.default.createElement("button", { onClick: handleSubmit, className: "px-4 py-2 text-sm font-medium text-white bg-blue bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors" }, buttonText)))));
 };
-const MissingInformation = ({ items, className = '', opportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController, isInternal, handleRouteToDocuments, }) => {
+const MissingInformation = ({ items, className = '', opportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController, isInternal, handleRouteToDocuments, onSaveMissingInformation, }) => {
     const [selectedItem, setSelectedItem] = (0, react_1.useState)(null);
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
     const [requestedItems, setRequestedItems] = (0, react_1.useState)({});
@@ -184,6 +189,7 @@ const MissingInformation = ({ items, className = '', opportunityId, GetOpportuni
                 ]
             });
             (0, utils_1.showToast)('success', 'Information request submitted successfully');
+            onSaveMissingInformation && onSaveMissingInformation();
             // Update local state to reflect the change immediately
             setRequestedItems(prev => (Object.assign(Object.assign({}, prev), { [selectedItem.id]: true })));
             console.log('Information request submitted successfully');
@@ -195,8 +201,9 @@ const MissingInformation = ({ items, className = '', opportunityId, GetOpportuni
     });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: `bg-white rounded-lg shadow-sm border border-gray-200 p-6 ${className}` },
-            react_1.default.createElement(TeamSection_1.Heading, { icon: react_1.default.createElement(base_icons_1.IconExclamation, { size: "sm", className: "mr-4" }), headerText: "Missing Information" }),
-            react_1.default.createElement("div", { className: "space-y-4 mt-2" }, items.map((item) => {
+            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 flex items-center" }, "\u26A0\uFE0F Missing Information")),
+            react_1.default.createElement("div", { className: "space-y-4" }, items.map((item) => {
                 const isRequested = requestedItems[item.id] || item.status === "EXPERT_REQUESTED";
                 const isClientResponded = item.status === "CLIENT_RESPONDED";
                 let displayPriority = item.priority;
@@ -207,11 +214,13 @@ const MissingInformation = ({ items, className = '', opportunityId, GetOpportuni
                     displayPriority = "CLIENT_RESPONDED";
                 }
                 return (react_1.default.createElement("div", { key: item.id, className: "border border-gray-200 rounded-lg p-4 hover:shadow-sm transition-shadow" },
-                    react_1.default.createElement("div", { className: "text-sm font-bold" }, item.title),
+                    react_1.default.createElement("div", { className: "flex items-start justify-between mb-2" },
+                        react_1.default.createElement("h4", { className: "text-sm font-medium text-gray-900" }, item.title),
+                        react_1.default.createElement("span", { className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium border ${PRIORITY_COLORS[displayPriority]}` }, PRIORITY_LABELS[displayPriority])),
                     react_1.default.createElement("p", { className: "text-sm text-gray-600 mb-2" }, item.description),
                     react_1.default.createElement("div", { className: "flex items-center justify-between" },
                         react_1.default.createElement("span", { className: "text-xs text-gray-500" }, item.category),
-                        isClientResponded ? (react_1.default.createElement(base_ui_1.Button, { label: "Show Response", iconRight: react_1.default.createElement(base_icons_1.IconArrowRight, { size: "sm" }), onClick: () => handleRequestInfo(item), color: "success", size: 'sm' })) : !isRequested ? (react_1.default.createElement(base_ui_1.Button, { label: "Request Info", iconRight: react_1.default.createElement(base_icons_1.IconArrowRight, { size: "sm" }), onClick: () => handleRequestInfo(item), color: "success", size: 'sm' })) : (react_1.default.createElement(base_ui_1.Button, { label: "Information Requested", iconLeft: react_1.default.createElement(base_icons_1.IconCheckCircle, { size: "sm" }), disabled: true, size: 'sm' })))));
+                        isClientResponded ? (react_1.default.createElement("button", { onClick: () => handleRequestInfo(item), className: "text-xs text-blue-600 hover:text-blue-800 font-medium transition-colors" }, "Show Response \u2192")) : !isRequested ? (react_1.default.createElement("button", { onClick: () => handleRequestInfo(item), className: "text-xs text-blue-600 hover:text-blue-800 font-medium transition-colors" }, "Request Info \u2192")) : (react_1.default.createElement("span", { className: "text-xs text-green-600 font-medium" }, "Information Requested")))));
             }))),
         react_1.default.createElement(RequestInfoModal, { isOpen: isModalOpen, missingInfoItem: selectedItem, onClose: handleCloseModal, onSubmit: handleSubmitRequest, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments })));
 };

package/lib/components/ProjectIntelligence/ProgressTracker/index.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressTracker = void 0;
 const react_1 = __importDefault(require("react"));
-const base_ui_1 = require("@paro.io/base-ui");
 const PHASE_TABS = [
     { id: 'discovery', label: 'Discovery', active: true },
     { id: 'kickoff', label: 'Kickoff', active: false },
@@ -16,6 +15,8 @@ const PHASE_TABS = [
 const ProgressTracker = ({ percentage, currentPhase, nextSteps }) => {
     return (react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 mt-6" },
         react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
-            react_1.default.createElement("div", { className: "flex space-x-2" }, PHASE_TABS.map((phase) => (react_1.default.createElement(base_ui_1.Button, { key: phase.id, disabled: !phase.active, label: phase.label, color: phase.active ? 'primary' : 'default' })))))));
+            react_1.default.createElement("div", { className: "flex space-x-1" }, PHASE_TABS.map((phase) => (react_1.default.createElement("button", { key: phase.id, disabled: !phase.active, className: `px-4 py-2 text-sm font-medium rounded-md transition-colors ${phase.active
+                    ? 'bg-green-100 text-green-800 border border-green-200 hover:bg-green-200 cursor-pointer'
+                    : 'text-gray-400 bg-gray-50 border border-gray-200 cursor-not-allowed opacity-60'}` }, phase.label)))))));
 };
 exports.ProgressTracker = ProgressTracker;

package/lib/components/ProjectIntelligence/ProjectHealth/index.js

@@ -5,38 +5,38 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProjectHealth = void 0;
 const react_1 = __importDefault(require("react"));
-const TeamSection_1 = require("../TeamSection");
-const base_icons_1 = require("@paro.io/base-icons");
-const EscalationIssueCard_1 = require("../../Escalations/EscalationIssueCard");
 const STATUS_COLORS = {
-    GOOD: "success",
-    CRITICAL: "danger",
-    ATTENTION_NEEDED: "warning",
+    GOOD: 'bg-green-100 text-green-800 border-green-200',
+    ATTENTION_NEEDED: 'bg-orange-100 text-orange-800 border-orange-200',
+    CRITICAL: 'bg-red-100 text-red-800 border-red-200',
 };
 const STATUS_ICONS = {
-    GOOD: react_1.default.createElement(base_icons_1.IconCheck, { size: "sm" }),
-    CRITICAL: react_1.default.createElement(base_icons_1.IconX, { size: "sm" }),
-    ATTENTION_NEEDED: react_1.default.createElement(base_icons_1.IconExclamation, { size: "sm" }),
+    GOOD: '✓',
+    ATTENTION_NEEDED: '⚠',
+    CRITICAL: '✗',
 };
 const HealthIndicator = ({ title, status, description, icon }) => {
     return (react_1.default.createElement("div", { className: "flex items-start space-x-3 p-3 rounded-lg border border-gray-200 hover:shadow-sm transition-shadow" },
+        react_1.default.createElement("div", { className: `flex-shrink-0 w-8 h-8 rounded-full border flex items-center justify-center ${STATUS_COLORS[status]}` },
+            react_1.default.createElement("span", { className: "text-sm font-medium" }, STATUS_ICONS[status])),
         react_1.default.createElement("div", { className: "flex-1 min-w-0" },
             react_1.default.createElement("div", { className: "flex items-center space-x-2 mb-1" },
                 react_1.default.createElement("span", { className: "text-sm" }, icon),
-                react_1.default.createElement("div", { className: "text-sm font-bold" }, title),
-                react_1.default.createElement(EscalationIssueCard_1.CustomTag, { label: status === 'GOOD' ? 'On track' : status === 'ATTENTION_NEEDED' ? 'Needs attention' : 'Critical', iconLeft: STATUS_ICONS[status], customColor: `bg-${STATUS_COLORS[status]} border-${STATUS_COLORS[status]}` })),
-            react_1.default.createElement("p", { className: "text-sm text-gray-600" }, description))));
+                react_1.default.createElement("h4", { className: "text-sm font-medium text-gray-900" }, title)),
+            react_1.default.createElement("p", { className: "text-sm text-gray-600" }, description),
+            react_1.default.createElement("span", { className: `inline-flex items-center px-2 py-0.5 rounded text-xs font-medium mt-2 ${STATUS_COLORS[status]}` }, status === 'GOOD' ? 'On track' : status === 'ATTENTION_NEEDED' ? 'Needs attention' : 'Critical'))));
 };
 const ProjectHealth = ({ healthData, className = '' }) => {
     return (react_1.default.createElement("div", { className: `bg-white rounded-lg shadow-sm border border-gray-200 ${className}` },
-        react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200 mb-2" },
-            react_1.default.createElement(TeamSection_1.Heading, { icon: react_1.default.createElement(base_icons_1.IconChartBar, { size: "sm", className: "mr-4" }), headerText: "Project Health" }),
+        react_1.default.createElement("div", { className: "px-6 py-4 border-b border-gray-200" },
+            react_1.default.createElement("div", { className: "flex items-center justify-between" },
+                react_1.default.createElement("h2", { className: "text-lg font-semibold text-gray-900 flex items-center" }, "\uD83D\uDCCA Project Health")),
             react_1.default.createElement("p", { className: "text-sm text-gray-600 mt-1" }, "Automated insights from client communications and project data")),
         react_1.default.createElement("div", { className: "p-6" },
             react_1.default.createElement("div", { className: "space-y-4" },
-                react_1.default.createElement(HealthIndicator, { title: "Communication Flow", status: healthData.communicationFlow.status, description: healthData.communicationFlow.description, icon: react_1.default.createElement(base_icons_1.IconChat, { size: "sm" }) }),
-                react_1.default.createElement(HealthIndicator, { title: "Performance Tracking", status: healthData.performanceTracking.status, description: healthData.performanceTracking.description, icon: react_1.default.createElement(base_icons_1.IconLightningBolt, { size: "sm" }) }),
-                react_1.default.createElement(HealthIndicator, { title: "Process Health", status: healthData.processHealth.status, description: healthData.processHealth.description, icon: react_1.default.createElement(base_icons_1.IconCog, { size: "sm" }) }),
-                react_1.default.createElement(HealthIndicator, { title: "Risk Management", status: healthData.riskManagement.status, description: healthData.riskManagement.description, icon: react_1.default.createElement(base_icons_1.IconExclamationCircle, { size: "sm" }) })))));
+                react_1.default.createElement(HealthIndicator, { title: "Communication Flow", status: healthData.communicationFlow.status, description: healthData.communicationFlow.description, icon: "\uD83D\uDCAC" }),
+                react_1.default.createElement(HealthIndicator, { title: "Performance Tracking", status: healthData.performanceTracking.status, description: healthData.performanceTracking.description, icon: "\uD83D\uDCC8" }),
+                react_1.default.createElement(HealthIndicator, { title: "Process Health", status: healthData.processHealth.status, description: healthData.processHealth.description, icon: "\u2699\uFE0F" }),
+                react_1.default.createElement(HealthIndicator, { title: "Risk Management", status: healthData.riskManagement.status, description: healthData.riskManagement.description, icon: "\u26A0\uFE0F" })))));
 };
 exports.ProjectHealth = ProjectHealth;

package/lib/components/ProjectIntelligence/TeamSection/index.js

@@ -5,8 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TeamSection = exports.Heading = void 0;
 const react_1 = __importDefault(require("react"));
-const base_icons_1 = require("@paro.io/base-icons");
-const base_ui_1 = require("@paro.io/base-ui");
+const Avatar = ({ src, name, size = 'md' }) => {
+    const sizeClasses = {
+        sm: 'w-8 h-8',
+        md: 'w-10 h-10',
+        lg: 'w-12 h-12'
+    };
+    const initials = (name === null || name === void 0 ? void 0 : name.split(' ').map(n => n[0]).join('').toUpperCase()) || '';
+    return (react_1.default.createElement("div", { className: `${sizeClasses[size]} rounded-full bg-blue-500 flex items-center justify-center text-white font-medium text-sm` }, src ? (react_1.default.createElement("img", { src: src, alt: name, className: `${sizeClasses[size]} rounded-full object-cover` })) : (react_1.default.createElement("span", null, initials))));
+};
 const Heading = ({ icon, headerText }) => {
     return (react_1.default.createElement("div", { className: "flex flex-row justify-start items-center" },
         icon,
@@ -16,26 +23,26 @@ exports.Heading = Heading;
 const TeamSection = ({ clientTeam, expert, paroTeam }) => {
     return (react_1.default.createElement("div", { className: "space-y-6" },
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
-            react_1.default.createElement(exports.Heading, { icon: react_1.default.createElement(base_icons_1.IconUserGroup, { size: "sm", className: "mr-4" }), headerText: "Client Team" }),
-            react_1.default.createElement("div", { className: "space-y-3 mt-2" }, clientTeam === null || clientTeam === void 0 ? void 0 : clientTeam.map((member) => (react_1.default.createElement("div", { key: member.id, className: "flex items-center space-x-3" },
-                react_1.default.createElement(base_ui_1.Avatar, { src: member.avatar || '', name: member.name }),
+            react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\uD83D\uDC65 Client Team"),
+            react_1.default.createElement("div", { className: "space-y-3" }, clientTeam === null || clientTeam === void 0 ? void 0 : clientTeam.map((member) => (react_1.default.createElement("div", { key: member.id, className: "flex items-center space-x-3" },
+                react_1.default.createElement(Avatar, { src: member.avatar || '', name: member.name }),
                 react_1.default.createElement("div", { className: "flex-1 min-w-0" },
-                    react_1.default.createElement("p", { className: "text-sm font-bold" }, member.name),
+                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900" }, member.name),
                     react_1.default.createElement("p", { className: "text-sm text-gray-600" }, member.role),
                     member.availability && (react_1.default.createElement("p", { className: "text-xs text-gray-500" }, member.availability)))))))),
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
-            react_1.default.createElement(exports.Heading, { icon: react_1.default.createElement(base_icons_1.IconStar, { size: "sm", className: "mr-4" }), headerText: "Your Expert" }),
-            react_1.default.createElement("div", { className: "flex items-center space-x-3 mt-2" },
-                react_1.default.createElement(base_ui_1.Avatar, { src: expert.avatar, name: expert.name }),
+            react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\u2B50 Your Expert"),
+            react_1.default.createElement("div", { className: "flex items-center space-x-3" },
+                react_1.default.createElement(Avatar, { src: expert.avatar, name: expert.name }),
                 react_1.default.createElement("div", { className: "flex-1 min-w-0" },
-                    react_1.default.createElement("p", { className: "text-sm font-bold" }, expert.name),
+                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900" }, expert.name),
                     react_1.default.createElement("p", { className: "text-sm text-gray-600" }, expert.title)))),
         react_1.default.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" },
-            react_1.default.createElement(exports.Heading, { icon: react_1.default.createElement(base_icons_1.IconUsers, { size: "sm", className: "mr-4" }), headerText: "Your Paro Team" }),
-            react_1.default.createElement("div", { className: "space-y-3 mt-2" }, paroTeam === null || paroTeam === void 0 ? void 0 : paroTeam.map((member) => (react_1.default.createElement("div", { key: member.id || member.name, className: "flex items-center space-x-3" },
-                react_1.default.createElement(base_ui_1.Avatar, { src: member.avatar || '', name: member.name }),
+            react_1.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4 flex items-center" }, "\uD83D\uDD25 Your Paro Team"),
+            react_1.default.createElement("div", { className: "space-y-3" }, paroTeam === null || paroTeam === void 0 ? void 0 : paroTeam.map((member) => (react_1.default.createElement("div", { key: member.id || member.name, className: "flex items-center space-x-3" },
+                react_1.default.createElement(Avatar, { src: member.avatar || '', name: member.name }),
                 react_1.default.createElement("div", { className: "flex-1 min-w-0" },
-                    react_1.default.createElement("p", { className: "text-sm font-bold" }, member.name),
+                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900" }, member.name),
                     react_1.default.createElement("p", { className: "text-sm text-gray-600" }, member.role)))))))));
 };
 exports.TeamSection = TeamSection;

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

@@ -12,6 +12,9 @@ interface ProjectIntelligenceProps {
     updateOpportunityFocusArea: any;
     isInternal?: boolean;
     handleRouteToDocuments?: () => void;
+    updateOpportunityKeyMetrics: any;
+    onSaveFocusArea?: any;
+    onSaveMissingInformation?: any;
 }
 export declare const ProjectIntelligence: React.FC<ProjectIntelligenceProps>;
 export {};

package/lib/components/ProjectIntelligence/index.js

@@ -12,8 +12,8 @@ const TeamSection_1 = require("./TeamSection");
 const ProjectHealth_1 = require("./ProjectHealth");
 const KeyMetrics_1 = require("./KeyMetrics");
 const MissingInformation_1 = require("./MissingInformation");
-const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityInsightsData, selectedOpportunityId, setSelectedOpportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController = null, updateOpportunityFocusArea, isInternal = false, handleRouteToDocuments, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityInsightsData, selectedOpportunityId, setSelectedOpportunityId, GetOpportunityInsightsDocument, updateOpportunityMissingInformation, documentCenterController = null, updateOpportunityFocusArea, isInternal = false, handleRouteToDocuments, updateOpportunityKeyMetrics, onSaveFocusArea, onSaveMissingInformation, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10;
     const opportunityInsights = opportunityInsightsData === null || opportunityInsightsData === void 0 ? void 0 : opportunityInsightsData.getOpportunityInsights;
     // Create client tabs from checkIfOpportunityInsightsExistData
     const clientTabs = ((_a = checkIfOpportunityInsightsExistData === null || checkIfOpportunityInsightsExistData === void 0 ? void 0 : checkIfOpportunityInsightsExistData.checkIfOpportunityInsightsExist) === null || _a === void 0 ? void 0 : _a.map((insight) => ({
@@ -88,18 +88,24 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
             priority: mapPriority(area === null || area === void 0 ? void 0 : area.priority)
         }));
     };
+    const hasNoProjectIntelligence = !(checkIfOpportunityInsightsExistData === null || checkIfOpportunityInsightsExistData === void 0 ? void 0 : checkIfOpportunityInsightsExistData.checkIfOpportunityInsightsExist) ||
+        checkIfOpportunityInsightsExistData.checkIfOpportunityInsightsExist.length === 0;
+    // If there's no data, show a message
+    if (hasNoProjectIntelligence) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8" },
+                react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-64 text-center" },
+                    react_1.default.createElement("i", { className: "fal fa-chart-line text-gray-400 text-6xl mb-4" }),
+                    react_1.default.createElement("h2", { className: "text-2xl font-bold text-gray-700 mb-2" }, "No project intelligence found"),
+                    react_1.default.createElement("p", { className: "text-gray-500 max-w-md" }, "No project intelligence found for your won projects. Please check back after you win your next Opportunity!")))));
+    }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "w-full bg-info-light py-6 px-4 rounded-lg shadow mb-8" },
-            react_1.default.createElement("h1", { className: "text-2xl font-bold" }, (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityName) || 'Client Engagement Dashboard'),
-            react_1.default.createElement("p", { className: "text-gray-600 mt-1" },
-                "Engagement dashboard for ",
-                (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityName) || 'this client')),
-        react_1.default.createElement("div", { className: "max-w-[80%] mx-auto px-4 py-8" },
+        react_1.default.createElement("div", { className: "mx-auto px-4 py-8" },
             react_1.default.createElement(EngagementHeader_1.EngagementHeader, { clientName: (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityName) || '', expertName: ((_b = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.expertInfo) === null || _b === void 0 ? void 0 : _b.name) || '', expertTitle: ((_c = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.expertInfo) === null || _c === void 0 ? void 0 : _c.role) || '', startDate: (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.startDate) || '', status: (opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.phase) || 'In_Progress', clientTabs: clientTabs, selectedClientId: selectedOpportunityId, onClientChange: handleClientChange }),
             react_1.default.createElement(ProgressTracker_1.ProgressTracker, { percentage: 0, currentPhase: "Kickoff Phase (Day 1 of 3)", nextSteps: "System access & team introductions" }),
             react_1.default.createElement("div", { className: "flex flex-row space-x-4 mt-8" },
                 react_1.default.createElement("div", { className: "w-2/3 space-7-4" },
-                    react_1.default.createElement(FocusAreas_1.FocusAreas, { focusAreas: convertFocusAreas(), onEditFocusAreas: () => { }, updateOpportunityFocusArea: updateOpportunityFocusArea, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, opportunityId: selectedOpportunityId }),
+                    react_1.default.createElement(FocusAreas_1.FocusAreas, { focusAreas: convertFocusAreas(), onEditFocusAreas: () => { }, updateOpportunityFocusArea: updateOpportunityFocusArea, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, selectedOpportunityId: selectedOpportunityId, onSaveFocusArea: onSaveFocusArea }),
                     react_1.default.createElement(ProjectHealth_1.ProjectHealth, { healthData: {
                             communicationFlow: {
                                 status: mapHealthStatus((_e = (_d = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.opportunityHealth) === null || _d === void 0 ? void 0 : _d.communicationFlow) === null || _e === void 0 ? void 0 : _e.status),
@@ -127,7 +133,7 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
                                 category: (item === null || item === void 0 ? void 0 : item.category) || 'N/A',
                                 status: (item === null || item === void 0 ? void 0 : item.status) || undefined,
                                 clientResponse: (item === null || item === void 0 ? void 0 : item.clientResponse) || undefined
-                            })) : [], className: "mt-8", opportunityId: selectedOpportunityId, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, updateOpportunityMissingInformation: updateOpportunityMissingInformation, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments })),
+                            })) : [], className: "mt-8", opportunityId: selectedOpportunityId, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, updateOpportunityMissingInformation: updateOpportunityMissingInformation, documentCenterController: documentCenterController, isInternal: isInternal, handleRouteToDocuments: handleRouteToDocuments, onSaveMissingInformation: onSaveMissingInformation })),
                 react_1.default.createElement("div", { className: "w-1/3 space-y-4" },
                     react_1.default.createElement(TeamSection_1.TeamSection, { clientTeam: opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.clientTeam, expert: {
                             id: 'expert-1',
@@ -141,6 +147,18 @@ const ProjectIntelligence = ({ checkIfOpportunityInsightsExistData, opportunityI
                             daysSinceGoal: ((_z = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.engagementMetrics) === null || _z === void 0 ? void 0 : _z.dayCloseGoal) ?
                                 parseInt(opportunityInsights.engagementMetrics.dayCloseGoal) : 0,
                             totalContractLength: ((_0 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.engagementMetrics) === null || _0 === void 0 ? void 0 : _0.contractLength) || 0
-                        } }))))));
+                        }, communication: {
+                            channel: ((_1 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.communication) === null || _1 === void 0 ? void 0 : _1.channel) || 'N/A',
+                            frequency: ((_2 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.communication) === null || _2 === void 0 ? void 0 : _2.frequency) || 'N/A',
+                            formalChannel: ((_3 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.communication) === null || _3 === void 0 ? void 0 : _3.formalChannel) || 'N/A',
+                            weeklyMeeting: ((_4 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.communication) === null || _4 === void 0 ? void 0 : _4.weeklyMeeting) || 'N/A',
+                            languages: ((_5 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.communication) === null || _5 === void 0 ? void 0 : _5.languages) || []
+                        }, businessContext: {
+                            industry: ((_6 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.businessContext) === null || _6 === void 0 ? void 0 : _6.industry) || 'N/A',
+                            structure: ((_7 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.businessContext) === null || _7 === void 0 ? void 0 : _7.structure) || 'N/A',
+                            challenge: ((_8 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.businessContext) === null || _8 === void 0 ? void 0 : _8.challenge) || 'N/A',
+                            opportunity: ((_9 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.businessContext) === null || _9 === void 0 ? void 0 : _9.opportunity) || 'N/A',
+                            tags: ((_10 = opportunityInsights === null || opportunityInsights === void 0 ? void 0 : opportunityInsights.businessContext) === null || _10 === void 0 ? void 0 : _10.tags) || []
+                        }, updateOpportunityKeyMetrics: updateOpportunityKeyMetrics, GetOpportunityInsightsDocument: GetOpportunityInsightsDocument, selectedOpportunityId: selectedOpportunityId }))))));
 };
 exports.ProjectIntelligence = ProjectIntelligence;

package/lib/components/Reviews/Pagination.js

@@ -51,12 +51,12 @@ const Pagination = ({ total, currentPage = 1, setCurrentPage, perPageItems = 10,
     };
     const numberOfPages = Math.ceil(total / perPageItems);
     return (react_1.default.createElement("div", { className: "bg-white px-4 py-3 border-t border-gray-200 sm:px-6 flex flex-col md:flex-row md:items-center md:justify-between" },
-        react_1.default.createElement("div", { className: "pb-2 md:pb-0" }, `Showing 
-          ${perPageItems * (currentPage - 1) + 1} 
-          to 
-          ${Math.min(total, perPageItems * currentPage)} 
-          of 
-          ${total}
+        react_1.default.createElement("div", { className: "pb-2 md:pb-0" }, `Showing 
+          ${perPageItems * (currentPage - 1) + 1} 
+          to 
+          ${Math.min(total, perPageItems * currentPage)} 
+          of 
+          ${total}
           ${displayText}`),
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "flex-1 flex justify-between sm:hidden" },

package/lib/components/ReviewsTab/RatingHeader.js

@@ -51,12 +51,12 @@ const isRatingExists = (rating) => {
     return false;
 };
 exports.isRatingExists = isRatingExists;
-const StyledButton = (0, styled_components_1.default)(core_2.Button) `
-    margin: 0px !important;
-    padding: 26px 0 18px 0 !important;
-    span {
-        color: #248384 !important
-     }
+const StyledButton = (0, styled_components_1.default)(core_2.Button) `
+    margin: 0px !important;
+    padding: 26px 0 18px 0 !important;
+    span {
+        color: #248384 !important
+     }
 `;
 const RatingHeader = ({ ratings, project, index, highlightedRatings, requestStatus, handleRatingRequest, loadingSubmitId, handleAddToProfile, ratingReviewButtonlabel, setOpenClientReviewModal, setShowReviewModelWithRecentlyRatedProjects, enableReviewModal, disableReviewModal, isClientPortal, isInternal, createOrUpdateRating, getParoProjectsDocument, projectIdToShow, }) => {
     var _a, _b, _c, _d;

package/lib/components/ReviewsTab/expert-shared-components.code-workspace

@@ -1,20 +1,20 @@
-{
-  "folders": [
-	{
-		"path": "../../.."
-	},
-	{
-		"path": "../../../../internal-profile-app"
-	},
-	{
-		"path": "../../../../availability-gantt-chart"
-	},
-	{
-		"path": "../../../../client-portal"
-	},
-	{
-		"path": "../../../../expert-portal"
-	}
-],
-  "settings": {}
-}
+{
+  "folders": [
+	{
+		"path": "../../.."
+	},
+	{
+		"path": "../../../../internal-profile-app"
+	},
+	{
+		"path": "../../../../availability-gantt-chart"
+	},
+	{
+		"path": "../../../../client-portal"
+	},
+	{
+		"path": "../../../../expert-portal"
+	}
+],
+  "settings": {}
+}

package/lib/components/ReviewsTab/reviewRequestModal.js

@@ -34,11 +34,11 @@ const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
 const ReviewRequestModal = ({ project, requestModal, setRequestModal, expertName, freelancerId, setRequestStatus, selectedProject, setSelectedProject, clientId, refetchParoProjects, setHighlightedRatings, createOrUpdateRatingRequestMutation, getParoProjectsDocument, }) => {
     var _a;
     const [showError, setShowError] = (0, react_1.useState)(false);
-    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
-I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
-  
-Thank you in advance for your time and feedback.
-Best regards,
+    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
+I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
+  
+Thank you in advance for your time and feedback.
+Best regards,
 ${expertName}`);
     const handleTextArea = (e) => {
         setTextareaValue(e.target.value);

package/lib/components/shared/Image.js

@@ -31,20 +31,20 @@ const react_1 = __importStar(require("react"));
 const core_1 = require("@material-ui/core");
 const styled_components_1 = __importDefault(require("styled-components"));
 const cdn_1 = require("./constants/cdn");
-const ProfilePhotoPreview = styled_components_1.default.img `
-  height: 86px;
-  width: 86px;
-  border: 4px solid #F8FAFC;
-  border-radius: 10px;
-  object-fit: cover;
-  object-position: top;
+const ProfilePhotoPreview = styled_components_1.default.img `
+  height: 86px;
+  width: 86px;
+  border: 4px solid #F8FAFC;
+  border-radius: 10px;
+  object-fit: cover;
+  object-position: top;
 `;
-const PhotoChangeButton = (0, styled_components_1.default)(core_1.Typography) `
-  text-decoration: underline;
-  cursor: pointer;
-  :active {
-    text-decoration: none !important;
-  }
+const PhotoChangeButton = (0, styled_components_1.default)(core_1.Typography) `
+  text-decoration: underline;
+  cursor: pointer;
+  :active {
+    text-decoration: none !important;
+  }
 `;
 exports.defaultAvatar = cdn_1.CDN_URL + 'defaultAvatar.png';
 const Image = ({ imageUrl, getUserDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, legacyFreelancerId, }) => {

package/lib/components/shared/ProfileTextField.d.ts

@@ -1,18 +1,18 @@
-import { FieldError } from 'react-hook-form/dist/types/form';
-type SectionContents = {
-    defaultValue?: string | number;
-    error?: boolean;
-    helperText: string | undefined | (FieldError | undefined)[];
-    inputRef?: ((instance: any) => void) | null | undefined;
-    label?: string;
-    multiline?: boolean;
-    name?: string;
-    placeholder?: string;
-    props?: unknown;
-    size?: 'small' | 'medium' | undefined;
-    onChange?: ((value: any) => void) | undefined;
-    width?: boolean;
-    InputProps?: any;
-};
-declare const ProfileTextField: ({ defaultValue, error, helperText, inputRef, label, multiline, name, placeholder, props, size, width, onChange, InputProps }: SectionContents) => JSX.Element;
-export default ProfileTextField;
+import { FieldError } from 'react-hook-form/dist/types/form';
+type SectionContents = {
+    defaultValue?: string | number;
+    error?: boolean;
+    helperText: string | undefined | (FieldError | undefined)[];
+    inputRef?: ((instance: any) => void) | null | undefined;
+    label?: string;
+    multiline?: boolean;
+    name?: string;
+    placeholder?: string;
+    props?: unknown;
+    size?: 'small' | 'medium' | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    width?: boolean;
+    InputProps?: any;
+};
+declare const ProfileTextField: ({ defaultValue, error, helperText, inputRef, label, multiline, name, placeholder, props, size, width, onChange, InputProps }: SectionContents) => JSX.Element;
+export default ProfileTextField;

package/lib/components/shared/ProfileTextField.js

@@ -1,16 +1,16 @@
-"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 TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-const ProfileTextField = ({ defaultValue, error, helperText, inputRef, label, multiline = false, name, placeholder, props, size, width = false, onChange, InputProps }) => {
-    return (onChange ? react_1.default.createElement(TextField_1.default, Object.assign({ InputProps: InputProps, "x-id": 'TextField' }, props, { defaultValue: defaultValue, error: error, fullWidth: true, helperText: helperText, InputLabelProps: {
-            shrink: true
-        }, inputRef: inputRef, label: label, margin: 'normal', multiline: multiline, name: name, placeholder: placeholder, size: size, style: Object.assign({ marginTop: '8px' }, (width && { width: '100%' })), variant: 'outlined', onChange: onChange, classes: { root: 'inputCurrency' } })) :
-        react_1.default.createElement(TextField_1.default, Object.assign({ InputProps: InputProps, "x-id": 'TextField' }, props, { defaultValue: defaultValue, error: error, fullWidth: true, helperText: helperText, InputLabelProps: {
-                shrink: true
-            }, inputRef: inputRef, label: label, margin: 'normal', multiline: multiline, name: name, placeholder: placeholder, size: size, style: Object.assign({ marginTop: '8px' }, (width && { width: '100%' })), variant: 'outlined' })));
-};
-exports.default = ProfileTextField;
+"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 TextField_1 = __importDefault(require("@material-ui/core/TextField"));
+const ProfileTextField = ({ defaultValue, error, helperText, inputRef, label, multiline = false, name, placeholder, props, size, width = false, onChange, InputProps }) => {
+    return (onChange ? react_1.default.createElement(TextField_1.default, Object.assign({ InputProps: InputProps, "x-id": 'TextField' }, props, { defaultValue: defaultValue, error: error, fullWidth: true, helperText: helperText, InputLabelProps: {
+            shrink: true
+        }, inputRef: inputRef, label: label, margin: 'normal', multiline: multiline, name: name, placeholder: placeholder, size: size, style: Object.assign({ marginTop: '8px' }, (width && { width: '100%' })), variant: 'outlined', onChange: onChange, classes: { root: 'inputCurrency' } })) :
+        react_1.default.createElement(TextField_1.default, Object.assign({ InputProps: InputProps, "x-id": 'TextField' }, props, { defaultValue: defaultValue, error: error, fullWidth: true, helperText: helperText, InputLabelProps: {
+                shrink: true
+            }, inputRef: inputRef, label: label, margin: 'normal', multiline: multiline, name: name, placeholder: placeholder, size: size, style: Object.assign({ marginTop: '8px' }, (width && { width: '100%' })), variant: 'outlined' })));
+};
+exports.default = ProfileTextField;

package/lib/components/shared/StyledActionButtons.d.ts

@@ -1,7 +1,7 @@
-declare const StyledActionButtons: ({ closeOnClick, isDisabled, isLoading, handleSubmit }: {
-    closeOnClick: () => void;
-    isDisabled: boolean;
-    isLoading: boolean;
-    handleSubmit?: () => void;
-}) => JSX.Element;
-export default StyledActionButtons;
+declare const StyledActionButtons: ({ closeOnClick, isDisabled, isLoading, handleSubmit }: {
+    closeOnClick: () => void;
+    isDisabled: boolean;
+    isLoading: boolean;
+    handleSubmit?: () => void;
+}) => JSX.Element;
+export default StyledActionButtons;