function PossibilitiesTree({ possibilityTree }) { return /*#__PURE__*/ React.createElement("div", { className: "h-96 overflow-y-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, possibilityTree.map((item, index)=>{ const itemCount = item.description || `${item.combinations?.length || item.macros?.length} items`; return /*#__PURE__*/ React.createElement("div", { key: index, className: "mb-2 p-2 bg-gray-100 rounded-md", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, item.name), ": ", itemCount); })); } function PossibilitiesTreeStory() { const sampleTree = [ { name: 'Option 1', description: 'First Description' }, { name: 'Option 2', combinations: [ {}, {}, {} ] }, { name: 'Option 3', macros: [ {} ] }, { name: 'Option 4', description: 'Another Description' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PossibilitiesTree, { possibilityTree: sampleTree, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function PossibilityTree({ possibilityTree }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Possibility Tree"), /*#__PURE__*/ React.createElement(PossibilitiesTree, { possibilityTree: possibilityTree, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })); } function PossibilityTreeStory() { const sampleTree = [ { name: 'Option 1', description: 'First Description' }, { name: 'Option 2', combinations: [ {}, {}, {} ] }, { name: 'Option 3', macros: [ {} ] }, { name: 'Option 4', description: 'Another Description' } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PossibilityTree, { possibilityTree: sampleTree, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function PossibilityTreeMap({ title, possibilityTree }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement(PossibilitiesTree, { possibilityTree: possibilityTree, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })); } function PossibilityTreeMapStory() { const sampleTree = [ { name: 'Option 1', description: 'First Description' }, { name: 'Option 2', combinations: [ {}, {}, {} ] }, { name: 'Option 3', macros: [ {} ] }, { name: 'Option 4', description: 'Another Description' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PossibilityTreeMap, { title: "Possibility Tree", possibilityTree: sampleTree, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const [userInput, setUserInput] = React.useState(''); const [apiCombinations, setApiCombinations] = React.useState([]); const [macros, setMacros] = React.useState([]); const [universes, setUniverses] = React.useState([]); const [macroName, setMacroName] = React.useState(''); const [universeName, setUniverseName] = React.useState(''); const [chatHistory, setChatHistory] = React.useState([]); const [possibilityTree, setPossibilityTree] = React.useState([]); const [shippingInfo, setShippingInfo] = React.useState({ from: '', to: '', frequency: '' }); const [isLoading, setIsLoading] = React.useState(false); const fetchChatGPTResponse = async (message)=>{ setIsLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: message } ] }) }); const data = await response.json(); setIsLoading(false); return data.choices[0]?.message?.content || ''; }; const fetchAnthropicResponse = async (message)=>{ setIsLoading(true); const response = await fetch('/integrations/anthropic-claude-sonnet-3-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: message } ] }) }); const data = await response.json(); setIsLoading(false); return data.choices[0]?.message?.content || ''; }; const generateApiCombination = async ()=>{ if (userInput.trim() !== '') { const chatGPTResponse = await fetchChatGPTResponse(userInput); const newCombination = { id: Date.now(), name: `API Combination ${apiCombinations.length + 1}`, description: chatGPTResponse }; setApiCombinations([ ...apiCombinations, newCombination ]); updatePossibilityTree(newCombination); addToChatHistory('User', userInput); addToChatHistory('System', `Generated API Combination: ${newCombination.name}`); processShippingRequest(userInput); setUserInput(''); } }; const processShippingRequest = async (input)=>{ const regex = /ship a package to (.*?) from (.*?) and I want to send it every (.*)/i; const match = input.match(regex); if (match) { const [, to, from, frequency] = match; setShippingInfo({ to, from, frequency }); addToChatHistory('System', `Shipping information processed: To: ${to}, From: ${from}, Frequency: ${frequency}`); await createShippingMacro(to, from, frequency); } }; const createShippingMacro = async (to, from, frequency)=>{ const anthropicResponse = await fetchAnthropicResponse(`Hello, I would like to ship a package to ${to} from ${from} and I want to send it every ${frequency}.`); const macroName = `Ship to ${to} from ${from} every ${frequency}`; const newMacro = { id: Date.now(), name: macroName, description: anthropicResponse, combinations: [ { name: 'Get shipping rates', description: `Compare shipping rates from ${from} to ${to}` }, { name: 'Schedule pickup', description: `Schedule pickup from ${from} every ${frequency}` }, { name: 'Track package', description: `Set up tracking for package from ${from} to ${to}` } ] }; setMacros([ ...macros, newMacro ]); updatePossibilityTree(newMacro); addToChatHistory('System', `Created Shipping Macro: ${macroName}`); }; const createMacro = ()=>{ if (macroName.trim() !== '' && apiCombinations.length > 0) { const newMacro = { id: Date.now(), name: macroName, combinations: [ ...apiCombinations ] }; setMacros([ ...macros, newMacro ]); updatePossibilityTree(newMacro); addToChatHistory('System', `Created Macro: ${macroName}`); setMacroName(''); setApiCombinations([]); } }; const deleteMacro = (id)=>{ setMacros(macros.filter((macro)=>macro.id !== id)); addToChatHistory('System', `Deleted Macro`); }; const createUniverse = ()=>{ if (universeName.trim() !== '' && macros.length > 0) { const newUniverse = { id: Date.now(), name: universeName, macros: [ ...macros ] }; setUniverses([ ...universes, newUniverse ]); updatePossibilityTree(newUniverse); addToChatHistory('System', `Created Universe: ${universeName}`); setUniverseName(''); setMacros([]); } }; const addToChatHistory = (sender, message)=>{ setChatHistory([ ...chatHistory, { sender, message } ]); }; const updatePossibilityTree = (newItem)=>{ setPossibilityTree([ ...possibilityTree, newItem ]); }; const handleUserInput = (e)=>{ setUserInput(e.target.value); if (e.key === 'Enter') { generateApiCombination(); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#350f0f] bg-gradient-to-br from-purple-800 to-blue-600 p-8", __source: { fileName: "", lineNumber: 138, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white mb-8 font-roboto", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, "API Aggregator and Macro Universe Builder"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, "Chat Interface"), /*#__PURE__*/ React.createElement("div", { className: "h-64 overflow-y-auto mb-4 p-4 bg-gray-100 rounded-md", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, chatHistory.map((chat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-2 ${chat.sender === 'User' ? 'text-blue-600' : 'text-green-600'}`, __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, chat.sender, ":"), " ", chat.message))), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-32 p-2 border border-gray-300 rounded-md font-roboto", placeholder: "Enter your desires for API aggregation...", name: "userInput", value: userInput, onChange: handleUserInput, onKeyPress: (e)=>e.key === 'Enter' && generateApiCombination(), __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-green-500 text-white px-4 py-2 rounded-md hover:bg-green-600 transition duration-300 font-roboto", onClick: generateApiCombination, __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic mr-2", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }), "Generate Aggregated API"), isLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4 font-roboto", __source: { fileName: "", lineNumber: 166, columnNumber: 27 }, __self: this }, "Loading...")), /*#__PURE__*/ React.createElement(PossibilityTreeMap, { title: "Possibility Tree", possibilityTree: possibilityTree, __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-8", __source: { fileName: "", lineNumber: 172, columnNumber: 9 }, __self: this }, apiCombinations.map((combination)=>/*#__PURE__*/ React.createElement("div", { key: combination.id, className: "bg-white rounded-lg shadow-lg p-4", __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this }, combination.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2 font-roboto", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, combination.description), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 transition duration-300 font-roboto", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cogs mr-2", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }), "Execute Combination")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, "Macro Builder"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 186, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "flex-grow p-2 border border-gray-300 rounded-l-md font-roboto", placeholder: "Enter macro name", name: "macroName", value: macroName, onChange: (e)=>setMacroName(e.target.value), __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-purple-500 text-white px-4 py-2 rounded-r-md hover:bg-purple-600 transition duration-300 font-roboto", onClick: createMacro, __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }), "Create Macro")), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, macros.map((macro)=>/*#__PURE__*/ React.createElement("li", { key: macro.id, className: "flex items-center justify-between bg-gray-100 p-2 rounded-md", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 205, columnNumber: 17 }, __self: this }, macro.name), /*#__PURE__*/ React.createElement("button", { className: "text-red-500 hover:text-red-600 transition duration-300", onClick: ()=>deleteMacro(macro.id), __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 210, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 217, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 218, columnNumber: 11 }, __self: this }, "Universe Creator"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 219, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "flex-grow p-2 border border-gray-300 rounded-l-md font-roboto", placeholder: "Enter universe name", name: "universeName", value: universeName, onChange: (e)=>setUniverseName(e.target.value), __source: { fileName: "", lineNumber: 220, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-indigo-500 text-white px-4 py-2 rounded-r-md hover:bg-indigo-600 transition duration-300 font-roboto", onClick: createUniverse, __source: { fileName: "", lineNumber: 228, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe mr-2", __source: { fileName: "", lineNumber: 232, columnNumber: 15 }, __self: this }), "Create Universe")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }, universes.map((universe)=>/*#__PURE__*/ React.createElement("div", { key: universe.id, className: "bg-gray-100 p-4 rounded-md", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, universe.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2 font-roboto", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, universe.macros.length, " Macros, ", universe.macros.reduce((total, macro)=>total + macro.combinations.length, 0), " API Combinations"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-indigo-500 text-white px-4 py-2 rounded-md hover:bg-indigo-600 transition duration-300 font-roboto", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play mr-2", __source: { fileName: "", lineNumber: 243, columnNumber: 19 }, __self: this }), "Execute Universe"))))))); }