function useIsSubscribed() { const [status, setStatus] = React.useState(null); const [loading, setLoading] = React.useState(true); const [fetchCount, setFetchCount] = React.useState(0); const stripeSessionId = React.useMemo(()=>{ if (typeof window !== "undefined") { const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); return urlParams.get("session_id"); } return null; }, []); const checkSubscription = React.useCallback(async ()=>{ try { const response = await fetch("/api/get-subscription-status", { method: "POST" }); const data = await response.json(); const isActive = data.status === "active" || process.env.NEXT_PUBLIC_CREATE_ENV !== "PRODUCTION"; setStatus(isActive); setLoading(false); } catch (error) { console.error("Error checking subscription:", error); setLoading(false); } }, []); React.useEffect(()=>{ if (stripeSessionId && !status && fetchCount < 5) { const timer = setTimeout(()=>{ checkSubscription(); setFetchCount((prev)=>prev + 1); }, 1000 * fetchCount); return ()=>clearTimeout(timer); } else if (!stripeSessionId) { checkSubscription(); } }, [ stripeSessionId, status, fetchCount, checkSubscription ]); return { isSubscribed: status, data: status, loading }; } function useIsSubscribedStory() { const { isSubscribed, loading } = useIsSubscribed(); if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-gray-100 p-4 animate-pulse", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, "Checking subscription status..."); } if (isSubscribed) { return /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-green-50 p-4 text-green-700", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }), "Active subscription"); } return /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-yellow-50 p-4 text-yellow-700", __source: { fileName: "", lineNumber: 75, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }), "No active subscription"); } function OutlineButton({ text, onClick, bgColor = 'bg-white' }) { const textColor = bgColor === 'bg-white' ? 'text-black' : 'text-white'; return /*#__PURE__*/ React.createElement("button", { className: `px-8 py-2 rounded-full border border-current ${textColor} font-inter bg-transparent hover:bg-opacity-10 transition-colors duration-300 w-[240px] h-[60px]`, onClick: onClick, __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, text); } function OutlineButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 flex flex-col space-y-4 justify-center items-center h-screen bg-gray-100", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(OutlineButton, { text: "Click me", onClick: ()=>alert('Button clicked!'), __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(OutlineButton, { text: "Dark version", onClick: ()=>alert('Dark button clicked!'), bgColor: "bg-black", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const { data: user, loading: userLoading } = useUser(); const { isSubscribed } = useIsSubscribed(); const [selectedTab, setSelectedTab] = React.useState("Conversation Starter"); const [selectedTopic, setSelectedTopic] = React.useState(""); const [conversationStarters, setConversationStarters] = React.useState([]); const [streamingMessage, setStreamingMessage] = React.useState(""); const [messages, setMessages] = React.useState([]); const [userQuestion, setUserQuestion] = React.useState(""); const [city, setCity] = React.useState(""); const [state, setState] = React.useState(""); const [zipCode, setZipCode] = React.useState(""); const [dateLocations, setDateLocations] = React.useState([]); const [businessImages, setBusinessImages] = React.useState({}); const [selectedCategory, setSelectedCategory] = React.useState("restaurants"); const [budget, setBudget] = React.useState(""); const [currency, setCurrency] = React.useState("USD"); const [budgetSuggestions, setBudgetSuggestions] = React.useState({ morning: [], afternoon: [], evening: [] }); const [budgetCity, setBudgetCity] = React.useState(""); const [budgetState, setBudgetState] = React.useState(""); const [searchResults, setSearchResults] = React.useState([]); const [loading, setLoading] = React.useState(false); const [journalName, setJournalName] = React.useState(""); const [journalPlace, setJournalPlace] = React.useState(""); const [journalNotes, setJournalNotes] = React.useState(""); const [journalRating, setJournalRating] = React.useState(1); const [savedJournals, setSavedJournals] = React.useState([]); const [selectedMembership, setSelectedMembership] = React.useState(""); const [trialActive, setTrialActive] = React.useState(false); const [trialEndDate, setTrialEndDate] = React.useState(null); const [showTrialEndModal, setShowTrialEndModal] = React.useState(false); const [currentQuery, setCurrentQuery] = React.useState(""); const [searchedZipCodes, setSearchedZipCodes] = React.useState(new Set()); const [searchRadius, setSearchRadius] = React.useState(5); const handleManageSubscription = async ()=>{ try { const response = await fetch("/api/create-billing-portal", { method: "POST" }); const data = await response.json(); if (data.status === "success" && data.url) { window.location.href = data.url; } else { console.error("Failed to create billing portal:", data.message); } } catch (error) { console.error("Error accessing billing portal:", error); } }; React.useEffect(()=>{ const queryParams = new URLSearchParams(window.location.search); const sessionId = queryParams.get("session_id"); if (sessionId) { fetch("/api/update-membership-status", { method: "POST" }).then((res)=>res.json()).catch((err)=>{ console.error("Error updating membership:", err); }); } }, []); const conversationTopics = [ { name: "Flirty", value: "flirty" }, { name: "Romantic", value: "romantic" }, { name: "Sexy", value: "sexy" }, { name: "Deep", value: "deep" } ]; const categories = [ "restaurants", "comedy clubs", "bars", "local events", "clubs", "entertainment" ]; const membershipPlan = { name: "AI Dating", price: "$14.99/Monthly", benefits: [ "Full Access to Date Planner", "Full Access to Date Budget", "Full Access to Journal" ] }; const handleFinish = React.useCallback((message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); try { const parsed = JSON.parse(message); if (parsed.starters) { setConversationStarters((prev)=>{ const newStarters = parsed.starters.filter((starter)=>!prev.includes(starter)); return [ ...prev, ...newStarters ]; }); } if (parsed.morning || parsed.afternoon || parsed.evening) { setBudgetSuggestions((prev)=>({ morning: [ ...new Set([ ...prev.morning, ...parsed.morning || [] ]) ], afternoon: [ ...new Set([ ...prev.afternoon, ...parsed.afternoon || [] ]) ], evening: [ ...new Set([ ...prev.evening, ...parsed.evening || [] ]) ] })); } } catch (error) { console.error("Error parsing message:", error); } setStreamingMessage(""); setLoading(false); }, []); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); const fetchConversationStarters = async (content)=>{ setLoading(true); const userMessage = { role: "user", content }; const endpoints = [ "/integrations/chat-gpt/conversationgpt4", "/integrations/anthropic-claude/", "/integrations/google-gemini-1-5-flash/", "/integrations/groq/" ]; try { const responses = await Promise.all(endpoints.map((endpoint)=>fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, userMessage ], json_schema: { name: "conversationStarters", schema: { type: "object", properties: { starters: { type: "array", items: { type: "string" } } }, required: [ "starters" ], additionalProperties: false } }, stream: true }) }))); responses.forEach((response)=>{ handleStreamResponse(response); }); } catch (error) { console.error("Error fetching responses:", error); setLoading(false); } }; const handleTopicSelection = (topic)=>{ setSelectedTopic(topic); setCurrentQuery(`Give me ${topic} conversation starters`); fetchConversationStarters(`Give me ${topic} conversation starters`); }; const handleQuestionSubmit = ()=>{ if (userQuestion.trim()) { setCurrentQuery(userQuestion); fetchConversationStarters(userQuestion); fetchGoogleSearchResults(userQuestion); } }; const fetchGoogleSearchResults = async (query)=>{ setLoading(true); const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}`, { method: "GET" }); const data = await response.json(); if (data.status === "success") { setSearchResults(data.items); } setLoading(false); }; const fetchDateLocations = async (isLoadingMore = false)=>{ if (city && state) { setLoading(true); let locationString; if (isLoadingMore) { setSearchRadius((prev)=>prev + 5); if (zipCode) { locationString = `${city}, ${state}`; } else { locationString = `${city}, ${state}`; } } else { setSearchRadius(5); setSearchedZipCodes(new Set([ zipCode ].filter(Boolean))); locationString = zipCode ? `${city}, ${state} ${zipCode}` : `${city}, ${state}`; } const query = `${locationString} ${selectedCategory}`; try { const response = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(query)}&limit=20${isLoadingMore ? `&radius=${searchRadius}` : ""}`, { method: "GET" }); const data = await response.json(); if (data.status === "OK") { if (isLoadingMore) { const newLocations = data.data.filter((location)=>!dateLocations.some((existing)=>existing.business_id === location.business_id)); setDateLocations((prev)=>[ ...prev, ...newLocations ]); newLocations.forEach((location)=>fetchBusinessImages(location.name)); } else { setDateLocations(data.data); data.data.forEach((location)=>fetchBusinessImages(location.name)); } } } catch (error) { console.error("Error fetching locations:", error); } finally{ setLoading(false); } } }; const fetchBusinessImages = async (businessName)=>{ const response = await fetch(`/integrations/image-search/imagesearch?q=${encodeURIComponent(businessName)}`, { method: "GET" }); const data = await response.json(); if (data.status === "success" && data.items.length > 0) { setBusinessImages((prev)=>({ ...prev, [businessName]: data.items[0].thumbnailImageUrl })); } }; const fetchBudgetSuggestions = async ()=>{ if (budget.trim() && budgetCity && budgetState) { setLoading(true); const userMessage = { role: "user", content: `Plan a date within a budget of ${budget} ${currency} in ${budgetCity}, ${budgetState}. Include activities for morning, afternoon, and evening` }; const endpoints = [ "/integrations/chat-gpt/conversationgpt4", "/integrations/anthropic-claude/", "/integrations/google-gemini-1-5-flash/", "/integrations/groq/" ]; try { const responses = await Promise.all(endpoints.map((endpoint)=>fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, userMessage ], json_schema: { name: "budgetSuggestions", schema: { type: "object", properties: { morning: { type: "array", items: { type: "string" } }, afternoon: { type: "array", items: { type: "string" } }, evening: { type: "array", items: { type: "string" } } }, required: [ "morning", "afternoon", "evening" ], additionalProperties: false } }, stream: true }) }))); responses.forEach((response)=>{ handleStreamResponse(response); }); } catch (error) { console.error("Error fetching responses:", error); setLoading(false); } } }; const fetchWebScrapingData = async (url)=>{ const response = await fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url, getText: true }) }); const text = await response.text(); console.log(text); }; const handleSaveJournal = ()=>{ const journalEntry = { name: journalName, place: journalPlace, notes: journalNotes, rating: journalRating }; setSavedJournals((prev)=>[ ...prev, journalEntry ]); console.log("Journal saved:", journalEntry); }; const handleMembershipSelection = ()=>{ if (!user) { window.location.href = "/account/signup?callbackUrl=/"; } else { startTrial(); } }; const startTrial = ()=>{ if (user) { setSelectedMembership(membershipPlan.name); setTrialActive(true); const endDate = new Date(); endDate.setDate(endDate.getDate() + 7); setTrialEndDate(endDate.toISOString()); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full bg-[#b30f0f] text-black", __source: { fileName: "", lineNumber: 385, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 386, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/7435fce5-8bf6-441f-b770-2edcf5a065a9/-/format/auto/", alt: "Dateline AI Logo", className: "w-[100px] h-[100px] mx-auto mb-4", __source: { fileName: "", lineNumber: 387, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4 text-center text-black", __source: { fileName: "", lineNumber: 392, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mb-4", __source: { fileName: "", lineNumber: 393, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "Conversation Starter" ? "bg-blue-500 text-black" : "bg-gray-200"} rounded`, onClick: ()=>setSelectedTab("Conversation Starter"), __source: { fileName: "", lineNumber: 394, columnNumber: 11 }, __self: this }, "Conversation Starter"), isSubscribed && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "Date Planner" ? "bg-blue-500 text-black" : "bg-gray-200"} rounded`, onClick: ()=>setSelectedTab("Date Planner"), __source: { fileName: "", lineNumber: 402, columnNumber: 15 }, __self: this }, "Date Planner"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "Budget Date" ? "bg-blue-500 text-black" : "bg-gray-200"} rounded`, onClick: ()=>setSelectedTab("Budget Date"), __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, "Budget Date"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "Date Journal" ? "bg-blue-500 text-black" : "bg-gray-200"} rounded`, onClick: ()=>setSelectedTab("Date Journal"), __source: { fileName: "", lineNumber: 414, columnNumber: 15 }, __self: this }, "Date Journal")), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${selectedTab === "Membership" ? "bg-blue-500 text-black" : "bg-gray-200"} rounded`, onClick: ()=>setSelectedTab("Membership"), __source: { fileName: "", lineNumber: 422, columnNumber: 11 }, __self: this }, "Membership")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mb-4", __source: { fileName: "", lineNumber: 429, columnNumber: 9 }, __self: this }, user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 431, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-black hover:text-gray-800 underline", __source: { fileName: "", lineNumber: 432, columnNumber: 15 }, __self: this }, "Logout")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-black hover:text-gray-800 underline", __source: { fileName: "", lineNumber: 441, columnNumber: 15 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-black hover:text-gray-800 underline", __source: { fileName: "", lineNumber: 447, columnNumber: 15 }, __self: this }, "Sign In"))), loading && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 457, columnNumber: 21 }, __self: this }, "Loading..."), selectedTab === "Conversation Starter" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 460, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 461, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 462, columnNumber: 15 }, __self: this }, conversationTopics.map((topic)=>/*#__PURE__*/ React.createElement("button", { key: topic.value, className: "p-2 bg-gray-200 rounded hover:bg-gray-300", onClick: ()=>handleTopicSelection(topic.value), __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }, topic.name))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 474, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Ask your own question", value: userQuestion, onChange: (e)=>setUserQuestion(e.target.value), __source: { fileName: "", lineNumber: 475, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mt-2", __source: { fileName: "", lineNumber: 482, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-blue-500 text-white rounded flex-1", onClick: handleQuestionSubmit, __source: { fileName: "", lineNumber: 483, columnNumber: 19 }, __self: this }, "Submit"), /*#__PURE__*/ React.createElement("button", { className: `p-2 ${currentQuery ? "bg-green-500" : "bg-gray-300"} text-white rounded flex-1`, onClick: ()=>{ if (currentQuery) { setConversationStarters([]); fetchConversationStarters(currentQuery); } }, disabled: !currentQuery, __source: { fileName: "", lineNumber: 489, columnNumber: 19 }, __self: this }, loading ? "Refreshing..." : "Refresh"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 506, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 509, columnNumber: 21 }, __self: this }, "Getting new suggestions...")) : /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc pl-5", __source: { fileName: "", lineNumber: 512, columnNumber: 19 }, __self: this }, conversationStarters.map((starter, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 514, columnNumber: 23 }, __self: this }, starter)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 520, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc pl-5", __source: { fileName: "", lineNumber: 521, columnNumber: 17 }, __self: this }, searchResults.map((result, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 523, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, className: "text-blue-600 underline", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 524, columnNumber: 23 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 532, columnNumber: 23 }, __self: this }, result.snippet))))))), selectedTab === "Date Planner" && isSubscribed && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 542, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 543, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "City", value: city, onChange: (e)=>setCity(e.target.value), __source: { fileName: "", lineNumber: 544, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "State", value: state, onChange: (e)=>setState(e.target.value), __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Zip Code (Optional)", value: zipCode, onChange: (e)=>setZipCode(e.target.value), __source: { fileName: "", lineNumber: 558, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded", value: selectedCategory, onChange: (e)=>setSelectedCategory(e.target.value), __source: { fileName: "", lineNumber: 565, columnNumber: 15 }, __self: this }, categories.map((category)=>/*#__PURE__*/ React.createElement("option", { key: category, value: category, __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, category))), /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black rounded", onClick: ()=>fetchDateLocations(false), __source: { fileName: "", lineNumber: 576, columnNumber: 15 }, __self: this }, "Find Locations")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 584, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 585, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl", __source: { fileName: "", lineNumber: 586, columnNumber: 17 }, __self: this }, "Date Locations"), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-blue-500 text-black rounded hover:bg-blue-600", onClick: ()=>fetchDateLocations(true), disabled: loading, __source: { fileName: "", lineNumber: 587, columnNumber: 17 }, __self: this }, loading ? "Refreshing..." : "Get More Options")), /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc pl-5", __source: { fileName: "", lineNumber: 595, columnNumber: 15 }, __self: this }, dateLocations.map((location, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 597, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: location.place_link, className: "text-blue-600 underline", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 598, columnNumber: 21 }, __self: this }, location.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 606, columnNumber: 21 }, __self: this }, location.full_address), businessImages[location.name] && /*#__PURE__*/ React.createElement("img", { src: businessImages[location.name], alt: `Image of ${location.name}`, className: "w-[100px] h-[100px] object-cover mt-2", __source: { fileName: "", lineNumber: 608, columnNumber: 23 }, __self: this })))))), selectedTab === "Budget Date" && isSubscribed && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 622, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 623, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "City", value: budgetCity, onChange: (e)=>setBudgetCity(e.target.value), __source: { fileName: "", lineNumber: 624, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "State", value: budgetState, onChange: (e)=>setBudgetState(e.target.value), __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Enter your budget", value: budget, onChange: (e)=>setBudget(e.target.value), __source: { fileName: "", lineNumber: 638, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded", value: currency, onChange: (e)=>setCurrency(e.target.value), __source: { fileName: "", lineNumber: 645, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "USD", __source: { fileName: "", lineNumber: 650, columnNumber: 17 }, __self: this }, "USD"), /*#__PURE__*/ React.createElement("option", { value: "EUR", __source: { fileName: "", lineNumber: 651, columnNumber: 17 }, __self: this }, "EUR"), /*#__PURE__*/ React.createElement("option", { value: "GBP", __source: { fileName: "", lineNumber: 652, columnNumber: 17 }, __self: this }, "GBP"), /*#__PURE__*/ React.createElement("option", { value: "JPY", __source: { fileName: "", lineNumber: 653, columnNumber: 17 }, __self: this }, "JPY")), /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black rounded", onClick: fetchBudgetSuggestions, __source: { fileName: "", lineNumber: 655, columnNumber: 15 }, __self: this }, "Get Suggestions")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white p-6 border border-black", __source: { fileName: "", lineNumber: 663, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 text-black", __source: { fileName: "", lineNumber: 664, columnNumber: 15 }, __self: this }, "Date Suggestions Within Your Budget"), /*#__PURE__*/ React.createElement("h3", { className: "text-lg mb-2 text-black", __source: { fileName: "", lineNumber: 667, columnNumber: 15 }, __self: this }, "Total Budget: ", budget, " ", currency), /*#__PURE__*/ React.createElement("div", { className: "grid gap-6", __source: { fileName: "", lineNumber: 671, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 border border-gray-200", __source: { fileName: "", lineNumber: 672, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-3 text-black", __source: { fileName: "", lineNumber: 673, columnNumber: 19 }, __self: this }, "Morning"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this }, budgetSuggestions.morning?.map((suggestion, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "text-black", __source: { fileName: "", lineNumber: 678, columnNumber: 23 }, __self: this }, suggestion)))), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 border border-gray-200", __source: { fileName: "", lineNumber: 685, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-3 text-black", __source: { fileName: "", lineNumber: 686, columnNumber: 19 }, __self: this }, "Afternoon"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 689, columnNumber: 19 }, __self: this }, budgetSuggestions.afternoon?.map((suggestion, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "text-black", __source: { fileName: "", lineNumber: 691, columnNumber: 23 }, __self: this }, suggestion)))), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 border border-gray-200", __source: { fileName: "", lineNumber: 698, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-3 text-black", __source: { fileName: "", lineNumber: 699, columnNumber: 19 }, __self: this }, "Evening to Night"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 702, columnNumber: 19 }, __self: this }, budgetSuggestions.evening?.map((suggestion, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "text-black", __source: { fileName: "", lineNumber: 704, columnNumber: 23 }, __self: this }, suggestion))))))), selectedTab === "Date Journal" && isSubscribed && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 716, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 717, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Name of the person", value: journalName, onChange: (e)=>setJournalName(e.target.value), __source: { fileName: "", lineNumber: 718, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border border-gray-300 rounded", placeholder: "Place you went", value: journalPlace, onChange: (e)=>setJournalPlace(e.target.value), __source: { fileName: "", lineNumber: 725, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded", placeholder: "Notes about the date", value: journalNotes, onChange: (e)=>setJournalNotes(e.target.value), __source: { fileName: "", lineNumber: 732, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 738, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 739, columnNumber: 17 }, __self: this }, "Rating:"), /*#__PURE__*/ React.createElement("select", { className: "p-2 border border-gray-300 rounded", value: journalRating, onChange: (e)=>setJournalRating(Number(e.target.value)), __source: { fileName: "", lineNumber: 740, columnNumber: 17 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((star)=>/*#__PURE__*/ React.createElement("option", { key: star, value: star, __source: { fileName: "", lineNumber: 746, columnNumber: 21 }, __self: this }, star)))), /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black rounded", onClick: handleSaveJournal, __source: { fileName: "", lineNumber: 752, columnNumber: 15 }, __self: this }, "Save Journal")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 760, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl", __source: { fileName: "", lineNumber: 761, columnNumber: 15 }, __self: this }, "Saved Journals"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc pl-5", __source: { fileName: "", lineNumber: 762, columnNumber: 15 }, __self: this }, savedJournals.map((journal, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 764, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 765, columnNumber: 21 }, __self: this }, journal.name), " at ", /*#__PURE__*/ React.createElement("em", { __source: { fileName: "", lineNumber: 765, columnNumber: 56 }, __self: this }, journal.place), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 766, columnNumber: 21 }, __self: this }, journal.notes), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 767, columnNumber: 21 }, __self: this }, "Rating:", " ", Array.from({ length: journal.rating }, (_, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "text-yellow-500", __source: { fileName: "", lineNumber: 770, columnNumber: 25 }, __self: this }, "★")))))))), selectedTab === "Membership" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 783, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-black", __source: { fileName: "", lineNumber: 784, columnNumber: 13 }, __self: this }, "Membership Plan"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-6", __source: { fileName: "", lineNumber: 785, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-black mb-4 bg-white", __source: { fileName: "", lineNumber: 786, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 787, columnNumber: 17 }, __self: this }, membershipPlan.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 788, columnNumber: 17 }, __self: this }, membershipPlan.price), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 789, columnNumber: 17 }, __self: this }, membershipPlan.benefits.map((benefit, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 791, columnNumber: 21 }, __self: this }, benefit))), isSubscribed ? /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black", onClick: handleManageSubscription, __source: { fileName: "", lineNumber: 795, columnNumber: 19 }, __self: this }, "Manage Subscription") : /*#__PURE__*/ React.createElement("a", { href: "https://buy.stripe.com/00g7vNgPG9XS2L65kk", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 802, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black", __source: { fileName: "", lineNumber: 807, columnNumber: 21 }, __self: this }, "Start 7-Day Free Trial")), showTrialEndModal && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-yellow-100 rounded", __source: { fileName: "", lineNumber: 813, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 814, columnNumber: 21 }, __self: this }, "Trial Ended"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 815, columnNumber: 21 }, __self: this }, "Your free trial has expired. Subscribe now to continue accessing premium features!"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black", onClick: ()=>setSelectedMembership(membershipPlan.name), __source: { fileName: "", lineNumber: 819, columnNumber: 21 }, __self: this }, "Subscribe Now"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-black mb-4 bg-white", __source: { fileName: "", lineNumber: 829, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-black", __source: { fileName: "", lineNumber: 830, columnNumber: 17 }, __self: this }, "If at any point during your 7 day trial or full subscription you decide to cancel, please reach out to customer support via email at", " ", /*#__PURE__*/ React.createElement("a", { href: "mailto:thesentinelinvestmentgroup@gmail.com", className: "text-blue-600 underline", __source: { fileName: "", lineNumber: 834, columnNumber: 19 }, __self: this }, "thesentinelinvestmentgroup@gmail.com"))))), !isSubscribed && selectedTab !== "Conversation Starter" && selectedTab !== "Membership" && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-black", __source: { fileName: "", lineNumber: 849, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 850, columnNumber: 15 }, __self: this }, "Premium Feature"), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 851, columnNumber: 15 }, __self: this }, "This feature requires a membership. Start your 7-day free trial to access all features!"), /*#__PURE__*/ React.createElement("button", { className: "mt-2 p-2 bg-blue-500 text-black", onClick: ()=>setSelectedTab("Membership"), __source: { fileName: "", lineNumber: 855, columnNumber: 15 }, __self: this }, "View Membership Options")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 mt-8", __source: { fileName: "", lineNumber: 864, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("footer", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 865, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-4", __source: { fileName: "", lineNumber: 866, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 867, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/terms", target: "_self", className: "text-white hover:text-gray-200 text-sm", __source: { fileName: "", lineNumber: 868, columnNumber: 17 }, __self: this }, "Terms of Use"), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 875, columnNumber: 17 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("a", { href: "/privacy", target: "_self", className: "text-white hover:text-gray-200 text-sm", __source: { fileName: "", lineNumber: 876, columnNumber: 17 }, __self: this }, "Privacy Policy")), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 884, columnNumber: 15 }, __self: this }, "© ", new Date().getFullYear(), " Dateline AI. All rights reserved.")))))); }