function MainComponent() { const [status, setStatus] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const testConnection = async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/verify-stripe", { method: "POST" }); if (!response.ok) { throw new Error("Failed to verify Stripe connection"); } const data = await response.json(); setStatus(data.connected ? "connected" : "disconnected"); } catch (err) { console.error(err); setError("Failed to verify Stripe connection. Please check your configuration."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-8 text-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Stripe Connection Test"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: testConnection, disabled: loading, className: "rounded-lg bg-[#357AFF] px-6 py-3 text-white hover:bg-[#2E69DE] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 45, columnNumber: 21 }, __self: this }), "Testing...") : /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plug mr-2", __source: { fileName: "", lineNumber: 50, columnNumber: 21 }, __self: this }), "Test Connection"))), status && /*#__PURE__*/ React.createElement("div", { className: `rounded-lg p-4 ${status === "connected" ? "bg-green-50 text-green-700" : "bg-yellow-50 text-yellow-700"}`, __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${status === "connected" ? "check-circle" : "exclamation-circle"} mr-2`, __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "Status: ", status === "connected" ? "Connected" : "Disconnected"))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-4 text-red-700", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 78, columnNumber: 19 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Connection Information"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "This tool verifies your Stripe integration by checking the API connection. If you encounter issues, please verify your Stripe configuration in your environment variables.")))))); }