function MainComponent() { const [activeTab, setActiveTab] = React.useState('dashboard'); const [integrations, setIntegrations] = React.useState({}); const [loading, setLoading] = React.useState(true); const [testingIntegration, setTestingIntegration] = React.useState(null); const [savingSettings, setSavingSettings] = React.useState(null); const [testResults, setTestResults] = React.useState({}); const [showCredentials, setShowCredentials] = React.useState({}); const [syncSettings, setSyncSettings] = React.useState({ autoSync: true, syncInterval: 'hourly', syncLeads: true, syncContacts: true, syncDeals: true, syncActivities: true }); const [formData, setFormData] = React.useState({ google_workspace: { clientId: '', clientSecret: '', refreshToken: '', enabled: false }, hubspot: { apiKey: '', portalId: '', enabled: false }, quickbooks: { clientId: '', clientSecret: '', refreshToken: '', companyId: '', enabled: false }, salesforce: { clientId: '', clientSecret: '', username: '', password: '', securityToken: '', sandbox: false, enabled: false } }); React.useEffect(()=>{ loadIntegrationSettings(); }, []); const loadIntegrationSettings = async ()=>{ try { setLoading(true); const response = await fetch('/api/crm/settings', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'list' }) }); if (response.ok) { const data = await response.json(); if (data.success) { setIntegrations(data.integrations); } } } catch (error) { console.error('Error loading integration settings:', error); } finally{ setLoading(false); } }; const handleInputChange = (integration, field, value)=>{ setFormData((prev)=>({ ...prev, [integration]: { ...prev[integration], [field]: value } })); }; const testIntegration = async (integrationKey)=>{ try { setTestingIntegration(integrationKey); const response = await fetch('/api/crm/settings', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'test', settingKey: integrationKey, integrationData: formData[integrationKey] }) }); if (response.ok) { const data = await response.json(); setTestResults((prev)=>({ ...prev, [integrationKey]: data.testResults })); } } catch (error) { console.error('Error testing integration:', error); setTestResults((prev)=>({ ...prev, [integrationKey]: { status: 'failed', result: { success: false, message: 'Connection test failed' } } })); } finally{ setTestingIntegration(null); } }; const saveIntegrationSettings = async (integrationKey)=>{ try { setSavingSettings(integrationKey); const response = await fetch('/api/crm/settings', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'update', settingKey: integrationKey, settingValue: formData[integrationKey] }) }); if (response.ok) { const data = await response.json(); if (data.success) { await loadIntegrationSettings(); } } } catch (error) { console.error('Error saving integration settings:', error); } finally{ setSavingSettings(null); } }; const toggleIntegration = async (integrationKey, enabled)=>{ try { const action = enabled ? 'enable' : 'disable'; const response = await fetch('/api/crm/settings', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action, settingKey: integrationKey }) }); if (response.ok) { await loadIntegrationSettings(); handleInputChange(integrationKey, 'enabled', enabled); } } catch (error) { console.error('Error toggling integration:', error); } }; const toggleCredentialVisibility = (integration)=>{ setShowCredentials((prev)=>({ ...prev, [integration]: !prev[integration] })); }; const getStatusColor = (integration)=>{ if (!integrations[integration]) return 'bg-gray-500'; return integrations[integration].active ? 'bg-green-500' : 'bg-red-500'; }; const getStatusText = (integration)=>{ if (!integrations[integration]) return 'Not Configured'; if (integrations[integration].active) return 'Active'; if (integrations[integration].configured) return 'Configured'; return 'Not Configured'; }; const renderDashboard = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 185, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 186, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, "Integration Overview"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 188, columnNumber: 9 }, __self: this }, Object.entries(integrations).map(([key, integration])=>/*#__PURE__*/ React.createElement("div", { key: key, className: "bg-gray-50 rounded-lg p-4", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, integration.name), /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 rounded-full ${getStatusColor(key)}`, __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, integration.description), /*#__PURE__*/ React.createElement("p", { className: "text-xs font-medium text-gray-700", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, getStatusText(key)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 202, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 203, columnNumber: 9 }, __self: this }, "Sync Settings"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }, "Sync Configuration"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: syncSettings.autoSync, onChange: (e)=>setSyncSettings((prev)=>({ ...prev, autoSync: e.target.checked })), className: "mr-2", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this }, "Enable automatic sync")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }, "Sync Interval"), /*#__PURE__*/ React.createElement("select", { value: syncSettings.syncInterval, onChange: (e)=>setSyncSettings((prev)=>({ ...prev, syncInterval: e.target.value })), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "15min", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "Every 15 minutes"), /*#__PURE__*/ React.createElement("option", { value: "hourly", __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }, "Every hour"), /*#__PURE__*/ React.createElement("option", { value: "daily", __source: { fileName: "", lineNumber: 226, columnNumber: 19 }, __self: this }, "Daily"), /*#__PURE__*/ React.createElement("option", { value: "weekly", __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this }, "Weekly"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, "Data Types to Sync"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, [ { key: 'syncLeads', label: 'Leads' }, { key: 'syncContacts', label: 'Contacts' }, { key: 'syncDeals', label: 'Deals/Opportunities' }, { key: 'syncActivities', label: 'Activities' } ].map(({ key, label })=>/*#__PURE__*/ React.createElement("label", { key: key, className: "flex items-center", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: syncSettings[key], onChange: (e)=>setSyncSettings((prev)=>({ ...prev, [key]: e.target.checked })), className: "mr-2", __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this }, label))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 256, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 257, columnNumber: 9 }, __self: this }, "Recent Activity"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 258, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between py-2 border-b border-gray-200", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }, "HubSpot sync completed"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, "2 minutes ago")), /*#__PURE__*/ React.createElement("span", { className: "px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }, "Success")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between py-2 border-b border-gray-200", __source: { fileName: "", lineNumber: 266, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 267, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this }, "Google Workspace connection test"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, "1 hour ago")), /*#__PURE__*/ React.createElement("span", { className: "px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full", __source: { fileName: "", lineNumber: 271, columnNumber: 13 }, __self: this }, "Test")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between py-2", __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 275, columnNumber: 15 }, __self: this }, "Salesforce credentials updated"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, "3 hours ago")), /*#__PURE__*/ React.createElement("span", { className: "px-2 py-1 bg-yellow-100 text-yellow-800 text-xs rounded-full", __source: { fileName: "", lineNumber: 278, columnNumber: 13 }, __self: this }, "Update"))))); const renderGoogleWorkspace = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 286, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 287, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 288, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 289, columnNumber: 11 }, __self: this }, "Google Workspace Integration"), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${getStatusColor('google_workspace') === 'bg-green-500' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`, __source: { fileName: "", lineNumber: 290, columnNumber: 11 }, __self: this }, getStatusText('google_workspace'))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 295, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-blue-900 mb-2", __source: { fileName: "", lineNumber: 296, columnNumber: 11 }, __self: this }, "Features Available"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-blue-800 space-y-1", __source: { fileName: "", lineNumber: 297, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 298, columnNumber: 13 }, __self: this }, "• Gmail API integration for email campaigns"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 299, columnNumber: 13 }, __self: this }, "• Google Contacts sync for lead management"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, "• Google Calendar integration for scheduling"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 301, columnNumber: 13 }, __self: this }, "• Google Drive document storage"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 305, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 306, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 307, columnNumber: 13 }, __self: this }, "Configuration"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 308, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, "Client ID"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: showCredentials.google_workspace ? 'text' : 'password', value: formData.google_workspace.clientId, onChange: (e)=>handleInputChange('google_workspace', 'clientId', e.target.value), placeholder: "Your Google OAuth Client ID", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent pr-10", __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>toggleCredentialVisibility('google_workspace'), className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 319, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showCredentials.google_workspace ? 'fa-eye-slash' : 'fa-eye'}`, __source: { fileName: "", lineNumber: 324, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 328, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, "Client Secret"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.google_workspace ? 'text' : 'password', value: formData.google_workspace.clientSecret, onChange: (e)=>handleInputChange('google_workspace', 'clientSecret', e.target.value), placeholder: "Your Google OAuth Client Secret", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }, "Refresh Token"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.google_workspace ? 'text' : 'password', value: formData.google_workspace.refreshToken, onChange: (e)=>handleInputChange('google_workspace', 'refreshToken', e.target.value), placeholder: "OAuth Refresh Token (obtained after authorization)", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 351, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 352, columnNumber: 13 }, __self: this }, "Setup Instructions"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 space-y-2", __source: { fileName: "", lineNumber: 353, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 354, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 354, columnNumber: 18 }, __self: this }, "Step 1:"), " Go to Google Cloud Console"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 355, columnNumber: 18 }, __self: this }, "Step 2:"), " Create a new project or select existing"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 356, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 356, columnNumber: 18 }, __self: this }, "Step 3:"), " Enable Gmail, Contacts, and Calendar APIs"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 357, columnNumber: 18 }, __self: this }, "Step 4:"), " Create OAuth 2.0 credentials"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 358, columnNumber: 18 }, __self: this }, "Step 5:"), " Add authorized redirect URIs"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 359, columnNumber: 18 }, __self: this }, "Step 6:"), " Copy Client ID and Secret here")), /*#__PURE__*/ React.createElement("a", { href: "https://console.cloud.google.com/", target: "_blank", rel: "noopener noreferrer", className: "inline-block mt-3 text-blue-600 hover:text-blue-800 text-sm font-medium", __source: { fileName: "", lineNumber: 361, columnNumber: 13 }, __self: this }, "Open Google Cloud Console →"))), testResults.google_workspace && /*#__PURE__*/ React.createElement("div", { className: `mt-4 p-4 rounded-lg ${testResults.google_workspace.status === 'success' ? 'bg-green-50 border border-green-200' : 'bg-red-50 border border-red-200'}`, __source: { fileName: "", lineNumber: 373, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: `font-semibold ${testResults.google_workspace.status === 'success' ? 'text-green-900' : 'text-red-900'}`, __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, "Test Results"), /*#__PURE__*/ React.createElement("p", { className: `text-sm ${testResults.google_workspace.status === 'success' ? 'text-green-700' : 'text-red-700'}`, __source: { fileName: "", lineNumber: 377, columnNumber: 13 }, __self: this }, testResults.google_workspace.result.message)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-6", __source: { fileName: "", lineNumber: 383, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>testIntegration('google_workspace'), disabled: testingIntegration === 'google_workspace', className: "bg-blue-600 hover:bg-blue-700 disabled:bg-blue-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 384, columnNumber: 11 }, __self: this }, testingIntegration === 'google_workspace' ? 'Testing...' : 'Test Connection'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>saveIntegrationSettings('google_workspace'), disabled: savingSettings === 'google_workspace', className: "bg-green-600 hover:bg-green-700 disabled:bg-green-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 391, columnNumber: 11 }, __self: this }, savingSettings === 'google_workspace' ? 'Saving...' : 'Save Settings'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleIntegration('google_workspace', !formData.google_workspace.enabled), className: `px-4 py-2 rounded-md font-medium transition-colors ${formData.google_workspace.enabled ? 'bg-red-600 hover:bg-red-700 text-white' : 'bg-gray-600 hover:bg-gray-700 text-white'}`, __source: { fileName: "", lineNumber: 398, columnNumber: 11 }, __self: this }, formData.google_workspace.enabled ? 'Disable' : 'Enable')))); const renderHubSpot = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 410, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 411, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 412, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 413, columnNumber: 11 }, __self: this }, "HubSpot Integration"), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${getStatusColor('hubspot') === 'bg-green-500' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`, __source: { fileName: "", lineNumber: 414, columnNumber: 11 }, __self: this }, getStatusText('hubspot'))), /*#__PURE__*/ React.createElement("div", { className: "bg-orange-50 border border-orange-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 419, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-orange-900 mb-2", __source: { fileName: "", lineNumber: 420, columnNumber: 11 }, __self: this }, "Features Available"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-orange-800 space-y-1", __source: { fileName: "", lineNumber: 421, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 422, columnNumber: 13 }, __self: this }, "• Contact and lead management"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 423, columnNumber: 13 }, __self: this }, "• Deal and pipeline tracking"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 424, columnNumber: 13 }, __self: this }, "• Email marketing campaigns"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 425, columnNumber: 13 }, __self: this }, "• Analytics and reporting"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 426, columnNumber: 13 }, __self: this }, "• Task and activity tracking"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, "Configuration"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 433, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 434, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 435, columnNumber: 17 }, __self: this }, "API Key"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 436, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: showCredentials.hubspot ? 'text' : 'password', value: formData.hubspot.apiKey, onChange: (e)=>handleInputChange('hubspot', 'apiKey', e.target.value), placeholder: "Your HubSpot Private App Token", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-transparent pr-10", __source: { fileName: "", lineNumber: 437, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>toggleCredentialVisibility('hubspot'), className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showCredentials.hubspot ? 'fa-eye-slash' : 'fa-eye'}`, __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 453, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this }, "Portal ID (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.hubspot.portalId, onChange: (e)=>handleInputChange('hubspot', 'portalId', e.target.value), placeholder: "Your HubSpot Portal ID", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-transparent", __source: { fileName: "", lineNumber: 455, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 466, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 467, columnNumber: 13 }, __self: this }, "Setup Instructions"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 space-y-2", __source: { fileName: "", lineNumber: 468, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 469, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 469, columnNumber: 18 }, __self: this }, "Step 1:"), " Log into your HubSpot account"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 470, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 470, columnNumber: 18 }, __self: this }, "Step 2:"), " Go to Settings → Integrations → Private Apps"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 471, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 471, columnNumber: 18 }, __self: this }, "Step 3:"), " Create a new private app"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 472, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 472, columnNumber: 18 }, __self: this }, "Step 4:"), " Configure required scopes (contacts, deals, etc.)"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 473, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 473, columnNumber: 18 }, __self: this }, "Step 5:"), " Generate and copy the access token"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 474, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 474, columnNumber: 18 }, __self: this }, "Step 6:"), " Paste the token as API Key above")), /*#__PURE__*/ React.createElement("a", { href: "https://app.hubspot.com/private-apps", target: "_blank", rel: "noopener noreferrer", className: "inline-block mt-3 text-orange-600 hover:text-orange-800 text-sm font-medium", __source: { fileName: "", lineNumber: 476, columnNumber: 13 }, __self: this }, "Manage HubSpot Private Apps →"))), testResults.hubspot && /*#__PURE__*/ React.createElement("div", { className: `mt-4 p-4 rounded-lg ${testResults.hubspot.status === 'success' ? 'bg-green-50 border border-green-200' : 'bg-red-50 border border-red-200'}`, __source: { fileName: "", lineNumber: 488, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: `font-semibold ${testResults.hubspot.status === 'success' ? 'text-green-900' : 'text-red-900'}`, __source: { fileName: "", lineNumber: 489, columnNumber: 13 }, __self: this }, "Test Results"), /*#__PURE__*/ React.createElement("p", { className: `text-sm ${testResults.hubspot.status === 'success' ? 'text-green-700' : 'text-red-700'}`, __source: { fileName: "", lineNumber: 492, columnNumber: 13 }, __self: this }, testResults.hubspot.result.message)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-6", __source: { fileName: "", lineNumber: 498, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>testIntegration('hubspot'), disabled: testingIntegration === 'hubspot', className: "bg-orange-600 hover:bg-orange-700 disabled:bg-orange-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 499, columnNumber: 11 }, __self: this }, testingIntegration === 'hubspot' ? 'Testing...' : 'Test Connection'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>saveIntegrationSettings('hubspot'), disabled: savingSettings === 'hubspot', className: "bg-green-600 hover:bg-green-700 disabled:bg-green-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 506, columnNumber: 11 }, __self: this }, savingSettings === 'hubspot' ? 'Saving...' : 'Save Settings'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleIntegration('hubspot', !formData.hubspot.enabled), className: `px-4 py-2 rounded-md font-medium transition-colors ${formData.hubspot.enabled ? 'bg-red-600 hover:bg-red-700 text-white' : 'bg-gray-600 hover:bg-gray-700 text-white'}`, __source: { fileName: "", lineNumber: 513, columnNumber: 11 }, __self: this }, formData.hubspot.enabled ? 'Disable' : 'Enable')))); const renderQuickBooks = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 525, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 526, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 527, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 528, columnNumber: 11 }, __self: this }, "QuickBooks Integration"), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${getStatusColor('quickbooks') === 'bg-green-500' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`, __source: { fileName: "", lineNumber: 529, columnNumber: 11 }, __self: this }, getStatusText('quickbooks'))), /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 border border-green-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 534, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-green-900 mb-2", __source: { fileName: "", lineNumber: 535, columnNumber: 11 }, __self: this }, "Features Available"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-green-800 space-y-1", __source: { fileName: "", lineNumber: 536, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 537, columnNumber: 13 }, __self: this }, "• Customer and vendor management"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 538, columnNumber: 13 }, __self: this }, "• Invoice creation and tracking"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 539, columnNumber: 13 }, __self: this }, "• Payment processing and tracking"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 540, columnNumber: 13 }, __self: this }, "• Financial reporting integration"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 541, columnNumber: 13 }, __self: this }, "• Expense and time tracking"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 545, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 546, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 547, columnNumber: 13 }, __self: this }, "Configuration"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 548, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 549, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 550, columnNumber: 17 }, __self: this }, "Client ID"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 551, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: showCredentials.quickbooks ? 'text' : 'password', value: formData.quickbooks.clientId, onChange: (e)=>handleInputChange('quickbooks', 'clientId', e.target.value), placeholder: "Your QuickBooks App Client ID", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-green-500 focus:border-transparent pr-10", __source: { fileName: "", lineNumber: 552, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>toggleCredentialVisibility('quickbooks'), className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 559, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showCredentials.quickbooks ? 'fa-eye-slash' : 'fa-eye'}`, __source: { fileName: "", lineNumber: 564, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 568, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 569, columnNumber: 17 }, __self: this }, "Client Secret"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.quickbooks ? 'text' : 'password', value: formData.quickbooks.clientSecret, onChange: (e)=>handleInputChange('quickbooks', 'clientSecret', e.target.value), placeholder: "Your QuickBooks App Client Secret", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 570, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 578, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 579, columnNumber: 17 }, __self: this }, "Company ID"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.quickbooks.companyId, onChange: (e)=>handleInputChange('quickbooks', 'companyId', e.target.value), placeholder: "QuickBooks Company ID (obtained after OAuth)", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 580, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 588, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 589, columnNumber: 17 }, __self: this }, "Refresh Token"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.quickbooks ? 'text' : 'password', value: formData.quickbooks.refreshToken, onChange: (e)=>handleInputChange('quickbooks', 'refreshToken', e.target.value), placeholder: "OAuth Refresh Token", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 590, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 601, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 602, columnNumber: 13 }, __self: this }, "Setup Instructions"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 space-y-2", __source: { fileName: "", lineNumber: 603, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 604, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 604, columnNumber: 18 }, __self: this }, "Step 1:"), " Go to Intuit Developer Dashboard"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 605, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 605, columnNumber: 18 }, __self: this }, "Step 2:"), " Create a new QuickBooks app"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 606, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 606, columnNumber: 18 }, __self: this }, "Step 3:"), " Configure OAuth 2.0 settings"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 607, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 607, columnNumber: 18 }, __self: this }, "Step 4:"), " Add redirect URIs for your domain"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 608, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 608, columnNumber: 18 }, __self: this }, "Step 5:"), " Copy Client ID and Secret"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 609, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 609, columnNumber: 18 }, __self: this }, "Step 6:"), " Complete OAuth flow to get tokens")), /*#__PURE__*/ React.createElement("a", { href: "https://developer.intuit.com/", target: "_blank", rel: "noopener noreferrer", className: "inline-block mt-3 text-green-600 hover:text-green-800 text-sm font-medium", __source: { fileName: "", lineNumber: 611, columnNumber: 13 }, __self: this }, "Open Intuit Developer Dashboard →"))), testResults.quickbooks && /*#__PURE__*/ React.createElement("div", { className: `mt-4 p-4 rounded-lg ${testResults.quickbooks.status === 'success' ? 'bg-green-50 border border-green-200' : 'bg-red-50 border border-red-200'}`, __source: { fileName: "", lineNumber: 623, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: `font-semibold ${testResults.quickbooks.status === 'success' ? 'text-green-900' : 'text-red-900'}`, __source: { fileName: "", lineNumber: 624, columnNumber: 13 }, __self: this }, "Test Results"), /*#__PURE__*/ React.createElement("p", { className: `text-sm ${testResults.quickbooks.status === 'success' ? 'text-green-700' : 'text-red-700'}`, __source: { fileName: "", lineNumber: 627, columnNumber: 13 }, __self: this }, testResults.quickbooks.result.message)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-6", __source: { fileName: "", lineNumber: 633, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>testIntegration('quickbooks'), disabled: testingIntegration === 'quickbooks', className: "bg-green-600 hover:bg-green-700 disabled:bg-green-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 634, columnNumber: 11 }, __self: this }, testingIntegration === 'quickbooks' ? 'Testing...' : 'Test Connection'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>saveIntegrationSettings('quickbooks'), disabled: savingSettings === 'quickbooks', className: "bg-green-600 hover:bg-green-700 disabled:bg-green-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 641, columnNumber: 11 }, __self: this }, savingSettings === 'quickbooks' ? 'Saving...' : 'Save Settings'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleIntegration('quickbooks', !formData.quickbooks.enabled), className: `px-4 py-2 rounded-md font-medium transition-colors ${formData.quickbooks.enabled ? 'bg-red-600 hover:bg-red-700 text-white' : 'bg-gray-600 hover:bg-gray-700 text-white'}`, __source: { fileName: "", lineNumber: 648, columnNumber: 11 }, __self: this }, formData.quickbooks.enabled ? 'Disable' : 'Enable')))); const renderSalesforce = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 660, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 661, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 662, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 663, columnNumber: 11 }, __self: this }, "Salesforce Integration"), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${getStatusColor('salesforce') === 'bg-green-500' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`, __source: { fileName: "", lineNumber: 664, columnNumber: 11 }, __self: this }, getStatusText('salesforce'))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 669, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-blue-900 mb-2", __source: { fileName: "", lineNumber: 670, columnNumber: 11 }, __self: this }, "Features Available"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-blue-800 space-y-1", __source: { fileName: "", lineNumber: 671, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 672, columnNumber: 13 }, __self: this }, "• Lead and opportunity management"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 673, columnNumber: 13 }, __self: this }, "• Account and contact tracking"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 674, columnNumber: 13 }, __self: this }, "• Sales pipeline automation"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 675, columnNumber: 13 }, __self: this }, "• Custom field synchronization"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 676, columnNumber: 13 }, __self: this }, "• Advanced reporting and analytics"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 680, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 681, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 682, columnNumber: 13 }, __self: this }, "Configuration"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 683, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 684, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 685, columnNumber: 17 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "email", value: formData.salesforce.username, onChange: (e)=>handleInputChange('salesforce', 'username', e.target.value), placeholder: "your.email@company.com", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 686, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 694, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 695, columnNumber: 17 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 696, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: showCredentials.salesforce ? 'text' : 'password', value: formData.salesforce.password, onChange: (e)=>handleInputChange('salesforce', 'password', e.target.value), placeholder: "Your Salesforce password", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent pr-10", __source: { fileName: "", lineNumber: 697, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>toggleCredentialVisibility('salesforce'), className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 704, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showCredentials.salesforce ? 'fa-eye-slash' : 'fa-eye'}`, __source: { fileName: "", lineNumber: 709, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 713, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 714, columnNumber: 17 }, __self: this }, "Security Token"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.salesforce ? 'text' : 'password', value: formData.salesforce.securityToken, onChange: (e)=>handleInputChange('salesforce', 'securityToken', e.target.value), placeholder: "Your Salesforce security token", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 715, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 723, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 724, columnNumber: 17 }, __self: this }, "Client ID"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.salesforce ? 'text' : 'password', value: formData.salesforce.clientId, onChange: (e)=>handleInputChange('salesforce', 'clientId', e.target.value), placeholder: "Connected App Client ID", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 725, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 733, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 734, columnNumber: 17 }, __self: this }, "Client Secret"), /*#__PURE__*/ React.createElement("input", { type: showCredentials.salesforce ? 'text' : 'password', value: formData.salesforce.clientSecret, onChange: (e)=>handleInputChange('salesforce', 'clientSecret', e.target.value), placeholder: "Connected App Client Secret", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 735, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 743, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 744, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.salesforce.sandbox, onChange: (e)=>handleInputChange('salesforce', 'sandbox', e.target.checked), className: "mr-2", __source: { fileName: "", lineNumber: 745, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 751, columnNumber: 19 }, __self: this }, "Use Sandbox Environment"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 757, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900 mb-3", __source: { fileName: "", lineNumber: 758, columnNumber: 13 }, __self: this }, "Setup Instructions"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 space-y-2", __source: { fileName: "", lineNumber: 759, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 760, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 760, columnNumber: 18 }, __self: this }, "Step 1:"), " Log into Salesforce Setup"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 761, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 761, columnNumber: 18 }, __self: this }, "Step 2:"), " Create a Connected App"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 762, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 762, columnNumber: 18 }, __self: this }, "Step 3:"), " Enable OAuth settings"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 763, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 763, columnNumber: 18 }, __self: this }, "Step 4:"), " Configure callback URL"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 764, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 764, columnNumber: 18 }, __self: this }, "Step 5:"), " Copy Consumer Key and Secret"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 765, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 765, columnNumber: 18 }, __self: this }, "Step 6:"), " Reset security token if needed")), /*#__PURE__*/ React.createElement("a", { href: "https://login.salesforce.com/", target: "_blank", rel: "noopener noreferrer", className: "inline-block mt-3 text-blue-600 hover:text-blue-800 text-sm font-medium", __source: { fileName: "", lineNumber: 767, columnNumber: 13 }, __self: this }, "Open Salesforce Setup →"))), testResults.salesforce && /*#__PURE__*/ React.createElement("div", { className: `mt-4 p-4 rounded-lg ${testResults.salesforce.status === 'success' ? 'bg-green-50 border border-green-200' : 'bg-red-50 border border-red-200'}`, __source: { fileName: "", lineNumber: 779, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: `font-semibold ${testResults.salesforce.status === 'success' ? 'text-green-900' : 'text-red-900'}`, __source: { fileName: "", lineNumber: 780, columnNumber: 13 }, __self: this }, "Test Results"), /*#__PURE__*/ React.createElement("p", { className: `text-sm ${testResults.salesforce.status === 'success' ? 'text-green-700' : 'text-red-700'}`, __source: { fileName: "", lineNumber: 783, columnNumber: 13 }, __self: this }, testResults.salesforce.result.message), testResults.salesforce.result.environment && /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-600 mt-1", __source: { fileName: "", lineNumber: 787, columnNumber: 15 }, __self: this }, "Environment: ", testResults.salesforce.result.environment)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-6", __source: { fileName: "", lineNumber: 794, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>testIntegration('salesforce'), disabled: testingIntegration === 'salesforce', className: "bg-blue-600 hover:bg-blue-700 disabled:bg-blue-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 795, columnNumber: 11 }, __self: this }, testingIntegration === 'salesforce' ? 'Testing...' : 'Test Connection'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>saveIntegrationSettings('salesforce'), disabled: savingSettings === 'salesforce', className: "bg-green-600 hover:bg-green-700 disabled:bg-green-300 text-white px-4 py-2 rounded-md font-medium transition-colors", __source: { fileName: "", lineNumber: 802, columnNumber: 11 }, __self: this }, savingSettings === 'salesforce' ? 'Saving...' : 'Save Settings'), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleIntegration('salesforce', !formData.salesforce.enabled), className: `px-4 py-2 rounded-md font-medium transition-colors ${formData.salesforce.enabled ? 'bg-red-600 hover:bg-red-700 text-white' : 'bg-gray-600 hover:bg-gray-700 text-white'}`, __source: { fileName: "", lineNumber: 809, columnNumber: 11 }, __self: this }, formData.salesforce.enabled ? 'Disable' : 'Enable')))); const tabs = [ { id: 'dashboard', label: 'Dashboard', icon: 'fa-tachometer-alt' }, { id: 'google_workspace', label: 'Google Workspace', icon: 'fa-google' }, { id: 'hubspot', label: 'HubSpot', icon: 'fa-hubspot' }, { id: 'quickbooks', label: 'QuickBooks', icon: 'fa-calculator' }, { id: 'salesforce', label: 'Salesforce', icon: 'fa-cloud' } ]; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 font-roboto", __source: { fileName: "", lineNumber: 830, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg", __source: { fileName: "", lineNumber: 831, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 832, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 text-center", __source: { fileName: "", lineNumber: 833, columnNumber: 13 }, __self: this }, "CRM Settings Manager"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600 text-center mt-2", __source: { fileName: "", lineNumber: 834, columnNumber: 13 }, __self: this }, "Configure your CRM integrations and sync settings"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-20", __source: { fileName: "", lineNumber: 837, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600", __source: { fileName: "", lineNumber: 838, columnNumber: 11 }, __self: this }))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 font-roboto", __source: { fileName: "", lineNumber: 845, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg", __source: { fileName: "", lineNumber: 846, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 847, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 text-center", __source: { fileName: "", lineNumber: 848, columnNumber: 11 }, __self: this }, "CRM Settings Manager"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600 text-center mt-2", __source: { fileName: "", lineNumber: 849, columnNumber: 11 }, __self: this }, "Configure your CRM integrations and sync settings"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 853, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 854, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200", __source: { fileName: "", lineNumber: 855, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-8 px-6", "aria-label": "Tabs", __source: { fileName: "", lineNumber: 856, columnNumber: 13 }, __self: this }, tabs.map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveTab(tab.id), className: `py-4 px-1 border-b-2 font-medium text-sm whitespace-nowrap transition-colors ${activeTab === tab.id ? 'border-blue-500 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'}`, __source: { fileName: "", lineNumber: 858, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${tab.icon} mr-2`, __source: { fileName: "", lineNumber: 867, columnNumber: 19 }, __self: this }), tab.label)))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 874, columnNumber: 11 }, __self: this }, activeTab === 'dashboard' && renderDashboard(), activeTab === 'google_workspace' && renderGoogleWorkspace(), activeTab === 'hubspot' && renderHubSpot(), activeTab === 'quickbooks' && renderQuickBooks(), activeTab === 'salesforce' && renderSalesforce())))); }