function MainComponent() { const [activeTab, setActiveTab] = useState("dashboard"); const [showAuthModal, setShowAuthModal] = useState(false); const [userType, setUserType] = useState(null); const [isLoggedIn, setIsLoggedIn] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [showAnalyticsPage, setShowAnalyticsPage] = useState(false); const [showPaymentPage, setShowPaymentPage] = useState(false); const [showApplicationHistory, setShowApplicationHistory] = useState(false); const [viewsData] = useState([ { week: "1週目", views: 2500 }, { week: "2週目", views: 4200 }, { week: "3週目", views: 3800 }, { week: "4週目", views: 5100 } ]); const [categoryData] = useState([ { category: "美容・コスメ", percentage: 45 }, { category: "食品・グルメ", percentage: 30 }, { category: "ライフスタイル", percentage: 25 } ]); const [error, setError] = useState(""); const [showFavoritesModal, setShowFavoritesModal] = useState(false); const [showProfileModal, setShowProfileModal] = useState(false); const [showCreateModal, setShowCreateModal] = useState(false); const [showInfluencerModal, setShowInfluencerModal] = useState(false); const [currentUserType, setCurrentUserType] = useState(null); const [campaigns, setCampaigns] = useState([ { id: 1, title: "化粧品PRキャンペーン", brand: "ビューティーコスメ株式会社", budget: 50000, views: 15000, status: "募集中", applicants: 12, deadline: "2024-02-28", likes: 245 }, { id: 2, title: "健康食品の紹介動画", brand: "ヘルシーライフ", budget: 30000, views: 8000, status: "募集中", applicants: 5, deadline: "2024-02-25", likes: 123 }, { id: 3, title: "新作コスメレビュー", brand: "ビューティーコスメ株式会社", budget: 45000, views: 12000, status: "終了", applicants: 8, deadline: "2024-01-20", likes: 432 } ]); const [applications, setApplications] = useState([ { id: 1, campaignId: 1, status: "審査中", appliedAt: "2024-01-15", views: 0 }, { id: 2, campaignId: 2, status: "承認済み", appliedAt: "2024-01-10", views: 5000 }, { id: 3, campaignId: 3, status: "完了", appliedAt: "2024-01-05", views: 12000 } ]); const [notifications, setNotifications] = useState([ { id: 1, type: "application", message: "新しいインフルエンサーから応募がありました", date: "2024-01-20", userType: "manufacturer" }, { id: 2, type: "performance", message: "動画が10,000回再生を達成しました", date: "2024-01-19", userType: "both" }, { id: 3, type: "payment", message: "報酬の支払いが完了しました", date: "2024-01-18", userType: "both" }, { id: 4, type: "campaign", message: "新しいキャンペーンが追加されました", date: "2024-01-17", userType: "influencer" }, { id: 5, type: "application", message: "応募したキャンペーンが承認されました", date: "2024-01-16", userType: "influencer" }, { id: 6, type: "campaign", message: "応募したキャンペーンの締切が近づいています", date: "2024-01-15", userType: "influencer" } ]); const [influencers, setInfluencers] = useState([ { id: "456", name: "美容系インフルエンサー", followers: 10000, averageViews: 5000, category: "美容・コスメ", completedCampaigns: 15 }, { id: "789", name: "フードインフルエンサー", followers: 8000, averageViews: 4000, category: "食品・グルメ", completedCampaigns: 10 }, { id: "101", name: "ライフスタイルインフルエンサー", followers: 15000, averageViews: 7500, category: "ライフスタイル", completedCampaigns: 20 } ]); const [profile, setProfile] = useState({ name: "", bio: "", avatar: null, followers: 0, averageViews: 0 }); const [showNotificationsModal, setShowNotificationsModal] = useState(false); const [showLikesModal, setShowLikesModal] = useState(false); const [selectedCampaign, setSelectedCampaign] = useState(null); const [showSearchModal, setShowSearchModal] = useState(false); const [searchTerm, setSearchTerm] = useState(""); const [searchCategory, setSearchCategory] = useState(""); const [showDetailsModal, setShowDetailsModal] = useState(false); const [selectedApplication, setSelectedApplication] = useState(null); const handleLogin = ()=>{ setIsLoggedIn(true); setShowAuthModal(false); setError(""); setCurrentUserType("influencer"); setProfile({ name: "ゲストユーザー", email: "guest@example.com", bio: "ゲストアカウントです。", avatar: null, followers: 100, averageViews: 500, completedCampaigns: 0, totalEarnings: 0, category: "美容・コスメ" }); }; const handleLogout = ()=>{ setIsLoggedIn(false); setUserType(null); setCurrentUserType(null); setEmail(""); setPassword(""); }; const handleLike = (campaign)=>{ const updatedCampaigns = campaigns.map((c)=>{ if (c.id === campaign.id) { return { ...c, likes: c.likes + 1 }; } return c; }); setCampaigns(updatedCampaigns); }; const renderDashboard = ()=>{ if (!isLoggedIn) return null; const handleTabClick = (tab)=>{ setActiveTab(tab); setShowAnalyticsPage(tab === "analytics"); setShowPaymentPage(tab === "payment"); setShowApplicationHistory(tab === "applications"); }; const renderSideMenu = ()=>/*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-sm p-6", __source: { fileName: "", lineNumber: 217, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 218, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTabClick("dashboard"), className: `w-full text-left px-4 py-3 rounded-lg hover:bg-[#f8f9fa] font-noto-sans-jp ${activeTab === "dashboard" ? "bg-[#f8f9fa]" : ""}`, __source: { fileName: "", lineNumber: 219, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-3", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }), " ダッシュボード"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTabClick("applications"), className: `w-full text-left px-4 py-3 rounded-lg hover:bg-[#f8f9fa] font-noto-sans-jp ${activeTab === "applications" ? "bg-[#f8f9fa]" : ""}`, __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-3", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }), " ", currentUserType === "manufacturer" ? "募集履歴" : "応募履歴"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTabClick("analytics"), className: `w-full text-left px-4 py-3 rounded-lg hover:bg-[#f8f9fa] font-noto-sans-jp ${activeTab === "analytics" ? "bg-[#f8f9fa]" : ""}`, __source: { fileName: "", lineNumber: 236, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar mr-3", __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }), " 分析"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleTabClick("payment"), className: `w-full text-left px-4 py-3 rounded-lg hover:bg-[#f8f9fa] font-noto-sans-jp ${activeTab === "payment" ? "bg-[#f8f9fa]" : ""}`, __source: { fileName: "", lineNumber: 244, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wallet mr-3", __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }), " ", currentUserType === "manufacturer" ? "支払い" : "報酬"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProfileModal(true), className: `w-full text-left px-4 py-3 rounded-lg hover:bg-[#f8f9fa] font-noto-sans-jp ${activeTab === "profile" ? "bg-[#f8f9fa]" : ""}`, __source: { fileName: "", lineNumber: 253, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-3", __source: { fileName: "", lineNumber: 259, columnNumber: 13 }, __self: this }), " 設定"))); if (showApplicationHistory) { return /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 267, columnNumber: 9 }, __self: this }, renderSideMenu(), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3", __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8", __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 271, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this }, currentUserType === "manufacturer" ? "募集履歴" : "応募履歴")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, applications.map((application)=>{ const campaign = campaigns.find((c)=>c.id === application.campaignId); return /*#__PURE__*/ React.createElement("div", { key: application.id, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 282, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 283, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 284, columnNumber: 25 }, __self: this }, campaign?.title), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 287, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `font-noto-sans-jp ${application.status === "承認済み" ? "text-[#15cc15]" : application.status === "完了" ? "text-[#4a5568]" : "text-[#ff4e56]"}`, __source: { fileName: "", lineNumber: 288, columnNumber: 27 }, __self: this }, application.status), currentUserType === "manufacturer" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedApplication(application); setShowDetailsModal(true); }, className: "px-4 py-2 bg-[#ff4e56] text-white rounded-lg font-noto-sans-jp hover:bg-[#ff6b72]", __source: { fileName: "", lineNumber: 300, columnNumber: 29 }, __self: this }, "詳細"))), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 font-noto-sans-jp", __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 313, columnNumber: 25 }, __self: this }, "応募日: ", application.appliedAt), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 314, columnNumber: 25 }, __self: this }, "再生回数: ", application.views.toLocaleString(), "回"), campaign && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 318, columnNumber: 27 }, __self: this }, "報酬: ¥", campaign.budget.toLocaleString()))); })))), showDetailsModal && selectedApplication && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 331, columnNumber: 19 }, __self: this }, "応募詳細"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowDetailsModal(false); setSelectedApplication(null); }, className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 334, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 341, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 344, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 345, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp mb-2", __source: { fileName: "", lineNumber: 346, columnNumber: 21 }, __self: this }, "インフルエンサー情報"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 349, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 350, columnNumber: 23 }, __self: this }, "名前: 美容系インフルエンサー"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 351, columnNumber: 23 }, __self: this }, "フォロワー数: 10,000人"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 352, columnNumber: 23 }, __self: this }, "平均再生回数: 5,000回"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 353, columnNumber: 23 }, __self: this }, "カテゴリー: 美容・コスメ"))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 356, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp mb-2", __source: { fileName: "", lineNumber: 357, columnNumber: 21 }, __self: this }, "応募メッセージ"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 360, columnNumber: 21 }, __self: this }, "こちらの商品に興味があり応募させていただきました。美容系の商品のレビューを得意としており、フォロワーの皆様にも喜んでいただけると思います。")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 364, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 py-3 bg-[#15cc15] text-white rounded-lg font-noto-sans-jp hover:bg-[#13b813]", __source: { fileName: "", lineNumber: 365, columnNumber: 21 }, __self: this }, "承認する"), /*#__PURE__*/ React.createElement("button", { className: "flex-1 py-3 bg-[#ff4e56] text-white rounded-lg font-noto-sans-jp hover:bg-[#ff6b72]", __source: { fileName: "", lineNumber: 368, columnNumber: 21 }, __self: this }, "否認する")))))); } if (showAnalyticsPage) { return /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 382, columnNumber: 9 }, __self: this }, renderSideMenu(), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3", __source: { fileName: "", lineNumber: 384, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 386, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, "分析")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-8", __source: { fileName: "", lineNumber: 389, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg", __source: { fileName: "", lineNumber: 390, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 391, columnNumber: 19 }, __self: this }, "総視聴回数"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 392, columnNumber: 19 }, __self: this }, currentUserType === "manufacturer" ? "35,000" : "12,000", "回")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 397, columnNumber: 19 }, __self: this }, currentUserType === "manufacturer" ? "完了したキャンペーン" : "参加したキャンペーン"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 402, columnNumber: 19 }, __self: this }, currentUserType === "manufacturer" ? "8" : "15", "件")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-4 rounded-lg", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 407, columnNumber: 19 }, __self: this }, currentUserType === "manufacturer" ? "総支払額" : "総報酬額"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, "¥", currentUserType === "manufacturer" ? "500,000" : "300,000"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-6 rounded-lg mb-8", __source: { fileName: "", lineNumber: 418, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }, "週別パフォーマンス"), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-white rounded-lg p-4", __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full flex items-end justify-between", __source: { fileName: "", lineNumber: 421, columnNumber: 19 }, __self: this }, viewsData.map((data, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 423, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 bg-[#ff4e56] rounded-t-lg", style: { height: `${data.views / 5100 * 200}px` }, __source: { fileName: "", lineNumber: 424, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm", __source: { fileName: "", lineNumber: 430, columnNumber: 25 }, __self: this }, data.week), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-600", __source: { fileName: "", lineNumber: 431, columnNumber: 25 }, __self: this }, data.views.toLocaleString(), "回")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-6 rounded-lg", __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 17 }, __self: this }, "カテゴリー別分析"), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-white rounded-lg p-4", __source: { fileName: "", lineNumber: 441, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 442, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 443, columnNumber: 21 }, __self: this }, categoryData.map((data, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 445, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 446, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 447, columnNumber: 29 }, __self: this }, data.category), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 448, columnNumber: 29 }, __self: this }, data.percentage, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 450, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#ff4e56] h-2 rounded-full", style: { width: `${data.percentage}%` }, __source: { fileName: "", lineNumber: 451, columnNumber: 29 }, __self: this }))))))))))); } if (showPaymentPage) { return /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 470, columnNumber: 9 }, __self: this }, renderSideMenu(), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3", __source: { fileName: "", lineNumber: 472, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8", __source: { fileName: "", lineNumber: 473, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 474, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 475, columnNumber: 17 }, __self: this }, currentUserType === "manufacturer" ? "支払い" : "報酬")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-6 rounded-lg mb-8", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 480, columnNumber: 17 }, __self: this }, currentUserType === "manufacturer" ? "支払い履歴" : "報酬履歴"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 485, columnNumber: 17 }, __self: this }, [ 1, 2, 3 ].map((item)=>/*#__PURE__*/ React.createElement("div", { key: item, className: "bg-white p-4 rounded-lg flex justify-between items-center", __source: { fileName: "", lineNumber: 487, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 491, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 492, columnNumber: 25 }, __self: this }, "キャンペーンタイトル ", item), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 495, columnNumber: 25 }, __self: this }, "2024/01/", item)), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 499, columnNumber: 23 }, __self: this }, "¥", (item * 10000).toLocaleString()))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa] p-6 rounded-lg", __source: { fileName: "", lineNumber: 506, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 507, columnNumber: 17 }, __self: this }, currentUserType === "manufacturer" ? "支払い方法" : "振込先", "の設定"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 511, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "銀行名", className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 512, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "支店名", className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 517, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "口座番号", className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 522, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "口座名義", className: "w-full p-3 border rounded-lg", __source: { fileName: "", lineNumber: 527, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full py-3 bg-[#ff4e56] text-white rounded-lg", __source: { fileName: "", lineNumber: 532, columnNumber: 19 }, __self: this }, "保存する")))))); } return /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 544, columnNumber: 7 }, __self: this }, renderSideMenu(), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3 space-y-6", __source: { fileName: "", lineNumber: 546, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-sm p-6", __source: { fileName: "", lineNumber: 547, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-noto-sans-jp mb-4", __source: { fileName: "", lineNumber: 548, columnNumber: 13 }, __self: this }, currentUserType === "manufacturer" ? "クイックアクション" : "おすすめのキャンペーン"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 553, columnNumber: 13 }, __self: this }, currentUserType === "manufacturer" ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreateModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 556, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 560, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 561, columnNumber: 21 }, __self: this }, "新規作成")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowInfluencerModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 563, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 567, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 568, columnNumber: 21 }, __self: this }, "インフルエンサー検索")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotificationsModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 570, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 574, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 575, columnNumber: 21 }, __self: this }, "通知 (", notifications.length, ")")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProfileModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 577, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 581, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 582, columnNumber: 21 }, __self: this }, "プロフィール"))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSearchModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 587, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 591, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, "キャンペーン検索")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotificationsModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 598, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 599, columnNumber: 21 }, __self: this }, "通知 (", notifications.filter((n)=>n.userType === "influencer" || n.userType === "both").length, ")")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProfileModal(true), className: "p-4 border rounded-xl hover:bg-[#f8f9fa] text-center font-noto-sans-jp", __source: { fileName: "", lineNumber: 610, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-2xl mb-2 text-[#ff4e56]", __source: { fileName: "", lineNumber: 614, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 615, columnNumber: 21 }, __self: this }, "プロフィール"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-sm p-6", __source: { fileName: "", lineNumber: 621, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-noto-sans-jp mb-4", __source: { fileName: "", lineNumber: 622, columnNumber: 13 }, __self: this }, currentUserType === "manufacturer" ? "進行中のキャンペーン" : "応募中のキャンペーン"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 627, columnNumber: 13 }, __self: this }, currentUserType === "manufacturer" ? campaigns.map((campaign)=>/*#__PURE__*/ React.createElement("div", { key: campaign.id, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 630, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 631, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 632, columnNumber: 25 }, __self: this }, campaign.title), /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4e56] font-noto-sans-jp", __source: { fileName: "", lineNumber: 635, columnNumber: 25 }, __self: this }, campaign.status)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 font-noto-sans-jp", __source: { fileName: "", lineNumber: 639, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 640, columnNumber: 25 }, __self: this }, "予算: ¥", campaign.budget.toLocaleString()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 641, columnNumber: 25 }, __self: this }, "応募数: ", campaign.applicants, "人"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 642, columnNumber: 25 }, __self: this }, "締切: ", campaign.deadline), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-2", __source: { fileName: "", lineNumber: 643, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedCampaign(campaign); setShowLikesModal(true); }, className: "text-[#ff4e56] hover:text-[#ff6b72]", __source: { fileName: "", lineNumber: 644, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 651, columnNumber: 29 }, __self: this }), " ", campaign.likes))))) : campaigns.map((campaign)=>/*#__PURE__*/ React.createElement("div", { key: campaign.id, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 658, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 659, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 660, columnNumber: 25 }, __self: this }, campaign.title), /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4e56] font-noto-sans-jp", __source: { fileName: "", lineNumber: 663, columnNumber: 25 }, __self: this }, campaign.status)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 font-noto-sans-jp", __source: { fileName: "", lineNumber: 667, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 668, columnNumber: 25 }, __self: this }, "予算: ¥", campaign.budget.toLocaleString()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 669, columnNumber: 25 }, __self: this }, "締切: ", campaign.deadline), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-2", __source: { fileName: "", lineNumber: 670, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLike(campaign), className: "text-[#ff4e56] hover:text-[#ff6b72]", __source: { fileName: "", lineNumber: 671, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 675, columnNumber: 29 }, __self: this }), " ", campaign.likes), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedCampaign(campaign); setShowLikesModal(true); }, className: "text-gray-500 hover:text-gray-700 ml-4", __source: { fileName: "", lineNumber: 677, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users", __source: { fileName: "", lineNumber: 684, columnNumber: 29 }, __self: this }), " いいねしたユーザー"))))))), showInfluencerModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 693, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-4xl w-full", __source: { fileName: "", lineNumber: 694, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 695, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 696, columnNumber: 19 }, __self: this }, "インフルエンサー一覧"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowInfluencerModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 699, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 703, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 706, columnNumber: 17 }, __self: this }, influencers.map((influencer)=>/*#__PURE__*/ React.createElement("div", { key: influencer.id, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 708, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 709, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 710, columnNumber: 25 }, __self: this }, influencer.name), /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4e56] font-noto-sans-jp", __source: { fileName: "", lineNumber: 713, columnNumber: 25 }, __self: this }, influencer.category)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 font-noto-sans-jp", __source: { fileName: "", lineNumber: 717, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 718, columnNumber: 25 }, __self: this }, "フォロワー: ", influencer.followers.toLocaleString(), "人"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 721, columnNumber: 25 }, __self: this }, "平均再生数: ", influencer.averageViews.toLocaleString(), "回"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 725, columnNumber: 25 }, __self: this }, "完了キャンペーン: ", influencer.completedCampaigns, "件"))))))), showNotificationsModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 736, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 737, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 738, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 739, columnNumber: 19 }, __self: this }, "通知"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotificationsModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 740, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 744, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 747, columnNumber: 17 }, __self: this }, notifications.filter((n)=>n.userType === currentUserType || n.userType === "both").map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: "p-4 border rounded-lg flex items-start gap-4", __source: { fileName: "", lineNumber: 754, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${notification.type === "application" ? "user-plus" : notification.type === "performance" ? "chart-line" : notification.type === "payment" ? "wallet" : "bullhorn"} text-[#ff4e56]`, __source: { fileName: "", lineNumber: 758, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 769, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-noto-sans-jp", __source: { fileName: "", lineNumber: 770, columnNumber: 27 }, __self: this }, notification.message), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 773, columnNumber: 27 }, __self: this }, notification.date))))))), showFavoritesModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 784, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 785, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 786, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 787, columnNumber: 19 }, __self: this }, "お気に入りキャンペーン"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowFavoritesModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 790, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 794, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 797, columnNumber: 17 }, __self: this }, campaigns.map((campaign)=>/*#__PURE__*/ React.createElement("div", { key: campaign.id, className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 799, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 800, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 801, columnNumber: 25 }, __self: this }, campaign.title), /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4e56] font-noto-sans-jp", __source: { fileName: "", lineNumber: 804, columnNumber: 25 }, __self: this }, campaign.status)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 font-noto-sans-jp", __source: { fileName: "", lineNumber: 808, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 809, columnNumber: 25 }, __self: this }, "予算: ¥", campaign.budget.toLocaleString()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 810, columnNumber: 25 }, __self: this }, "締切: ", campaign.deadline), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-2", __source: { fileName: "", lineNumber: 811, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLike(campaign), className: "text-[#ff4e56] hover:text-[#ff6b72]", __source: { fileName: "", lineNumber: 812, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 816, columnNumber: 29 }, __self: this }), " ", campaign.likes)))))))), showSearchModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 827, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-4xl w-full", __source: { fileName: "", lineNumber: 828, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 829, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 830, columnNumber: 19 }, __self: this }, "キャンペーン検索"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSearchModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 833, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 837, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 840, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 841, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "キーワードで検索", className: "w-full p-3 border rounded-lg font-noto-sans-jp", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 842, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "w-48 p-3 border rounded-lg font-noto-sans-jp", value: searchCategory, onChange: (e)=>setSearchCategory(e.target.value), __source: { fileName: "", lineNumber: 849, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 854, columnNumber: 23 }, __self: this }, "カテゴリー"), /*#__PURE__*/ React.createElement("option", { value: "beauty", __source: { fileName: "", lineNumber: 855, columnNumber: 23 }, __self: this }, "美容・コスメ"), /*#__PURE__*/ React.createElement("option", { value: "food", __source: { fileName: "", lineNumber: 856, columnNumber: 23 }, __self: this }, "食品・グルメ"), /*#__PURE__*/ React.createElement("option", { value: "lifestyle", __source: { fileName: "", lineNumber: 857, columnNumber: 23 }, __self: this }, "ライフスタイル"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 860, columnNumber: 19 }, __self: this }, campaigns.filter((campaign)=>campaign.title.toLowerCase().includes(searchTerm.toLowerCase()) && (!searchCategory || campaign.category === searchCategory)).map((campaign)=>/*#__PURE__*/ React.createElement("div", { key: campaign.id, className: "p-4 border rounded-lg hover:border-[#ff4e56] transition-colors", __source: { fileName: "", lineNumber: 871, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 875, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 876, columnNumber: 29 }, __self: this }, campaign.title), /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4e56] font-noto-sans-jp", __source: { fileName: "", lineNumber: 879, columnNumber: 29 }, __self: this }, campaign.status)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 font-noto-sans-jp", __source: { fileName: "", lineNumber: 883, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 884, columnNumber: 29 }, __self: this }, "予算: ¥", campaign.budget.toLocaleString()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 885, columnNumber: 29 }, __self: this }, "締切: ", campaign.deadline), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-2", __source: { fileName: "", lineNumber: 886, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLike(campaign), className: "text-[#ff4e56] hover:text-[#ff6b72]", __source: { fileName: "", lineNumber: 887, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 891, columnNumber: 33 }, __self: this }), " ", campaign.likes))))))))))); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f8f8]", __source: { fileName: "", lineNumber: 909, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-sm fixed w-full top-0 z-50", __source: { fileName: "", lineNumber: 910, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 911, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16 items-center", __source: { fileName: "", lineNumber: 912, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-noto-sans-jp text-2xl font-bold text-[#ff4e56]", __source: { fileName: "", lineNumber: 913, columnNumber: 13 }, __self: this }, "influMatch"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 916, columnNumber: 13 }, __self: this }, isLoggedIn ? /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "px-6 py-2 rounded-full bg-[#ff7e84] text-white font-noto-sans-jp", __source: { fileName: "", lineNumber: 918, columnNumber: 17 }, __self: this }, "ログアウト") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAuthModal(true), className: "px-6 py-2 rounded-full bg-[#ff7e84] text-white font-noto-sans-jp", __source: { fileName: "", lineNumber: 925, columnNumber: 17 }, __self: this }, "ログイン"))))), /*#__PURE__*/ React.createElement("main", { className: "pt-20 px-4", __source: { fileName: "", lineNumber: 936, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 937, columnNumber: 9 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-20", __source: { fileName: "", lineNumber: 939, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "bg-white text-[#ff4e56] text-xl font-bold font-noto-sans-jp mb-6 px-2 py-1 inline-block", __source: { fileName: "", lineNumber: 940, columnNumber: 15 }, __self: this }, "＼誰でも参加できる／"), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-noto-sans-jp text-[#1c1a1a] mb-6", __source: { fileName: "", lineNumber: 943, columnNumber: 15 }, __self: this }, "推し商品を", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 945, columnNumber: 17 }, __self: this }), "動画で発信して", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 947, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#ff4e56]", __source: { fileName: "", lineNumber: 948, columnNumber: 17 }, __self: this }, "お得に商品を楽しもう")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-6 justify-center", __source: { fileName: "", lineNumber: 950, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setUserType("manufacturer"); setShowAuthModal(true); }, className: "w-[280px] py-4 rounded-full bg-[#ff7e84] border-4 border-white text-white font-noto-sans-jp hover:bg-[#ff6b72] transition", __source: { fileName: "", lineNumber: 951, columnNumber: 17 }, __self: this }, "メーカー様はこちら"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setUserType("influencer"); setShowAuthModal(true); }, className: "w-[280px] py-4 rounded-full border-2 border-[#ff7e84] text-[#ff7e84] font-noto-sans-jp hover:bg-[#ff7e84] hover:text-white transition", __source: { fileName: "", lineNumber: 960, columnNumber: 17 }, __self: this }, "インフルエンサーの方はこちら"))) : renderDashboard(), !isLoggedIn && /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8 py-12", __source: { fileName: "", lineNumber: 976, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 977, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullhorn text-3xl text-[#ff4e56] mb-4", __source: { fileName: "", lineNumber: 978, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-noto-sans-jp mb-4", __source: { fileName: "", lineNumber: 979, columnNumber: 17 }, __self: this }, "商品PRを投稿"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] font-noto-sans-jp", __source: { fileName: "", lineNumber: 982, columnNumber: 17 }, __self: this }, "詳細な商品PRキャンペーンを作成し、関連するインフルエンサーと繋がりましょう")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 986, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-handshake text-3xl text-[#ff4e56] mb-4", __source: { fileName: "", lineNumber: 987, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-noto-sans-jp mb-4", __source: { fileName: "", lineNumber: 988, columnNumber: 17 }, __self: this }, "マッチング＆コラボ"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] font-noto-sans-jp", __source: { fileName: "", lineNumber: 991, columnNumber: 17 }, __self: this }, "ブランドにぴったりのマッチングを見つけ、スムーズにコラボレーションを開始")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 995, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-3xl text-[#ff4e56] mb-4", __source: { fileName: "", lineNumber: 996, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-noto-sans-jp mb-4", __source: { fileName: "", lineNumber: 997, columnNumber: 17 }, __self: this }, "パフォーマンス分析"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] font-noto-sans-jp", __source: { fileName: "", lineNumber: 1000, columnNumber: 17 }, __self: this }, "動画のパフォーマンスに基づいて、キャン"))))), showAuthModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1010, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 1011, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1012, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 1013, columnNumber: 15 }, __self: this }, userType === "manufacturer" ? "メーカー様ログイン" : "インフルエンサーログイン"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAuthModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 1018, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1022, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1025, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "email", value: userType === "manufacturer" ? "123" : "456", onChange: (e)=>setEmail(e.target.value), placeholder: userType === "manufacturer" ? "ID: 123" : "ID: 456 または guest", className: "w-full p-3 border rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1026, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: userType === "manufacturer" ? "123" : "456", onChange: (e)=>setPassword(e.target.value), placeholder: userType === "manufacturer" ? "パスワード: 123" : "パスワード: 456 または guest", className: "w-full p-3 border rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1038, columnNumber: 15 }, __self: this }), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm font-noto-sans-jp", __source: { fileName: "", lineNumber: 1051, columnNumber: 17 }, __self: this }, "ログイン情報が正しくありません"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogin, className: "w-full py-3 bg-[#15cc15] text-white rounded-lg font-noto-sans-jp hover:bg-[#13b813] transition", __source: { fileName: "", lineNumber: 1055, columnNumber: 15 }, __self: this }, "LINEでログイン"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#a1a1a1] text-xs font-noto-sans-jp", __source: { fileName: "", lineNumber: 1061, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "underline", __source: { fileName: "", lineNumber: 1062, columnNumber: 17 }, __self: this }, "利用規約"), "・", /*#__PURE__*/ React.createElement("a", { href: "#", className: "underline", __source: { fileName: "", lineNumber: 1066, columnNumber: 17 }, __self: this }, "プライバシーポリシー"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1069, columnNumber: 17 }, __self: this }, "に同意の上ご利用ください"))))), showProfileModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1077, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 1078, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1079, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 1080, columnNumber: 15 }, __self: this }, "プロフィール設定"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProfileModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 1083, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1087, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1090, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1091, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 rounded-full bg-[#f8f8f8] mx-auto mb-4", __source: { fileName: "", lineNumber: 1092, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "text-[#ff4e56] text-sm font-noto-sans-jp", __source: { fileName: "", lineNumber: 1093, columnNumber: 17 }, __self: this }, "プロフィール画像を変更")), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "表示名", className: "w-full p-3 border rounded-lg font-noto-sans-jp", value: profile.name, onChange: (e)=>setProfile({ ...profile, name: e.target.value }), __source: { fileName: "", lineNumber: 1097, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "メールアドレス", className: "w-full p-3 border rounded-lg font-noto-sans-jp", value: profile.email, onChange: (e)=>setProfile({ ...profile, email: e.target.value }), __source: { fileName: "", lineNumber: 1106, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "自己紹介", className: "w-full p-3 border rounded-lg font-noto-sans-jp", rows: 4, value: profile.bio, onChange: (e)=>setProfile({ ...profile, bio: e.target.value }), __source: { fileName: "", lineNumber: 1115, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full py-3 bg-[#ff4e56] text-white rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1124, columnNumber: 15 }, __self: this }, "保存する")))), showCreateModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 1134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1135, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 1136, columnNumber: 15 }, __self: this }, "新規キャンペーン作成"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreateModal(false), className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 1139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1143, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "キャンペーンタイトル", className: "w-full p-3 border rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1147, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "キャンペーン詳細", className: "w-full p-3 border rounded-lg font-noto-sans-jp", rows: 4, __source: { fileName: "", lineNumber: 1152, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 1157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "予算", className: "w-1/2 p-3 border rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1158, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "募集人数", className: "w-1/2 p-3 border rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1163, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full py-3 bg-[#ff4e56] text-white rounded-lg font-noto-sans-jp", __source: { fileName: "", lineNumber: 1169, columnNumber: 15 }, __self: this }, "作成する")))), showLikesModal && selectedCampaign && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1178, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-8 max-w-md w-full max-h-[80vh] overflow-y-auto", __source: { fileName: "", lineNumber: 1179, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 1181, columnNumber: 15 }, __self: this }, "いいね ", selectedCampaign.likes), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowLikesModal(false); setSelectedCampaign(null); }, className: "text-[#4a5568]", __source: { fileName: "", lineNumber: 1184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1191, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1194, columnNumber: 13 }, __self: this }, [ ...Array(selectedCampaign.likes) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "flex items-center gap-4 p-4 border rounded-lg", __source: { fileName: "", lineNumber: 1196, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#f8f8f8] flex items-center justify-center", __source: { fileName: "", lineNumber: 1200, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-gray-400", __source: { fileName: "", lineNumber: 1201, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1203, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 1204, columnNumber: 21 }, __self: this }, "ユーザー ", i + 1), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1207, columnNumber: 21 }, __self: this }, "2024/01/", i % 30 + 1)))))))); }

推し商品を動画で発信してお得に商品を楽しもう

商品PRを投稿

マッチング＆コラボ

パフォーマンス分析

推し商品を
動画で発信して
お得に商品を楽しもう