function JapanIndustryDirectory({ data }) { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "業界名詳細情報"), /*#__PURE__*/ React.createElement("table", { className: "w-full text-sm text-left text-gray-500", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "text-xs text-gray-700 uppercase bg-gray-50", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "業界名"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "住所"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "電話番号"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "FAX番号"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("th", { scope: "col", className: "py-3 px-6", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "ウェブサイトURL"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, data.map((item, index)=>/*#__PURE__*/ React.createElement("tr", { className: "bg-white border-b", key: index, __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { scope: "row", className: "py-4 px-6 font-medium text-gray-900 whitespace-nowrap", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, item.address), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, item.phoneNumber), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, item.fax || ''), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, item.email || ''), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.website, className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, item.website || ''))))))); } function JapanIndustryDirectoryStory() { const sampleData = [ { name: '株式会社A', address: '東京都港区1-2-3', phoneNumber: '03-1234-5678', fax: '03-8765-4321', email: 'contact@example.com', website: 'http://www.example.com' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JapanIndustryDirectory, { data: sampleData, __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this })); } function JapanIndustryDirectory2({ data, onSearch }) { const [industry, setIndustry] = React.useState(''); const [prefecture, setPrefecture] = React.useState(''); const [city, setCity] = React.useState(''); const [companyName, setCompanyName] = React.useState(''); const handleSearch = ()=>{ if (onSearch) { onSearch({ industry, prefecture, city, companyName }); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "industry", placeholder: "業界", value: industry, onChange: (e)=>setIndustry(e.target.value), className: "p-2 border rounded focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "prefecture", placeholder: "都道府県", value: prefecture, onChange: (e)=>setPrefecture(e.target.value), className: "p-2 border rounded focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "city", placeholder: "市区町村", value: city, onChange: (e)=>setCity(e.target.value), className: "p-2 border rounded focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "companyName", placeholder: "会社名（任意）", value: companyName, onChange: (e)=>setCompanyName(e.target.value), className: "p-2 border rounded focus:outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "mt-4 p-2 bg-blue-500 text-white rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "検索"), /*#__PURE__*/ React.createElement(JapanIndustryDirectory, { data: data, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this })); } function JapanIndustryDirectory2Story() { const sampleData = [ { name: '株式会社A', address: '東京都港区1-2-3', phoneNumber: '03-1234-5678', fax: '03-8765-4321', email: 'contact@example.com', website: 'http://www.example.com' } ]; const handleSearch = (searchCriteria)=>{ console.log('Searching with criteria: ', searchCriteria); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JapanIndustryDirectory2, { data: sampleData, onSearch: handleSearch, __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this })); } function MainComponent() { const [data, setData] = React.useState([]); const [industry, setIndustry] = React.useState(''); const [prefecture, setPrefecture] = React.useState(''); const [city, setCity] = React.useState(''); const [companyName, setCompanyName] = React.useState(''); const handleSearch = async ()=>{ const queryString = `${industry} ${prefecture} ${city} ${companyName}`.trim().replace(/\s+/g, '+'); const businessData = await fetch(`/integrations/local-business-data/search?query=${encodeURIComponent(queryString)}`).then((response)=>response.json()).then((data)=>data.data.map((business)=>({ name: business.name, address: business.full_address, phoneNumber: business.phone_number, fax: business.fax || '', email: business.email || '', website: business.website }))); const googleSearchResults = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(queryString)}`).then((response)=>response.json()).then((data)=>data.items.map((item)=>({ name: item.title, address: '', phoneNumber: '', fax: '', email: '', website: item.link }))); const webScrapingResults = await fetch('/integrations/web-scraping/post', { method: 'POST', body: JSON.stringify({ url: `https://search.yahoo.co.jp/search?p=${encodeURIComponent(queryString)}`, getText: true }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.text()).then((text)=>({ name: 'Extracted Name', address: 'Extracted Address', phoneNumber: 'Extracted Phone Number', fax: 'Extracted Fax', email: 'Extracted Email', website: 'Extracted Website' })); setData([ ...businessData, ...googleSearchResults, webScrapingResults ]); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 justify-center items-center mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "industry", value: industry, onChange: (e)=>setIndustry(e.target.value), placeholder: "業種", className: "input p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "prefecture", value: prefecture, onChange: (e)=>setPrefecture(e.target.value), placeholder: "都道府県", className: "input p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "city", value: city, onChange: (e)=>setCity(e.target.value), placeholder: "市町村", className: "input p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "companyName", value: companyName, onChange: (e)=>setCompanyName(e.target.value), placeholder: "企業名（任意）", className: "input p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "p-2 bg-blue-500 text-white rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement(JapanIndustryDirectory, { data: data, __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this })); }