(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[198],{85627:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/demo/seo-ai-writing",function(){return t(6068)}])},18853:function(e,s,t){"use strict";t.d(s,{Z:function(){return header}});var n=t(85893),l=t(67294),a=t(41664),r=t.n(a),i=t(11163),c=t(4480),o=t(20995),d=t(29136),logo=()=>(0,n.jsx)(r(),{href:"/",className:"block","aria-label":"Nagisa",children:(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsxs)("svg",{className:"h-8 w-8",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("radialGradient",{cx:"21.152%",cy:"86.063%",fx:"21.152%",fy:"86.063%",r:"79.941%",id:"footer-logo",children:[(0,n.jsx)("stop",{stopColor:"#4FD1C5",offset:"0%"}),(0,n.jsx)("stop",{stopColor:"#81E6D9",offset:"25.871%"}),(0,n.jsx)("stop",{stopColor:"#338CF5",offset:"100%"})]})}),(0,n.jsx)("rect",{width:"32",height:"32",rx:"16",fill:"url(#footer-logo)",fillRule:"nonzero"})]}),(0,n.jsxs)("span",{className:"ml-2 text-xl font-medium",children:["Nagisa",(0,n.jsx)("span",{className:"mx-1 bg-gradient-to-r from-blue-500 to-teal-400 bg-clip-text text-transparent",children:"AI"}),"Engine"]})]})}),x=t(39514),header=()=>{let[e,s]=(0,l.useState)(!0),t=(0,c.sJ)(d.q4),a=(0,c.sJ)(d.BW),m=(0,i.useRouter)(),h=m.pathname,scrollHandler=()=>{"/"===h?window.pageYOffset>10?s(!1):s(!0):s(!1)};return(0,l.useEffect)(()=>(scrollHandler(),window.addEventListener("scroll",scrollHandler),()=>{window.removeEventListener("scroll",scrollHandler)}),[e]),(0,n.jsx)("header",{className:"fixed z-30 w-full transition duration-300 ease-in-out ".concat(e?"":"bg-white shadow-lg backdrop-blur-sm md:bg-white/90"),children:(0,n.jsx)("div",{className:"mx-auto max-w-6xl px-5 sm:px-6",children:(0,n.jsxs)("div",{className:"flex h-16 items-center justify-between md:h-20",children:[(0,n.jsx)("div",{className:"mr-4 shrink-0",children:(0,n.jsx)(logo,{})}),(0,n.jsx)("nav",{className:"hidden md:flex md:grow",children:(0,n.jsxs)("ul",{className:"flex grow flex-wrap items-center justify-end",children:[(0,n.jsx)("li",{children:(0,n.jsx)(r(),{href:"/",children:(0,n.jsx)("span",{className:"mx-5 my-3 flex items-center font-medium text-gray-600 transition duration-150 ease-in-out hover:cursor-pointer hover:text-gray-900",children:"ホーム"})})}),(0,n.jsx)("li",{children:(0,n.jsx)(r(),{href:"/articles",children:(0,n.jsx)("span",{className:"mx-5 my-3 flex items-center font-medium text-gray-600 transition duration-150 ease-in-out hover:cursor-pointer hover:text-gray-900",children:"ブログ"})})}),(0,n.jsx)("li",{children:(0,n.jsx)(r(),{href:"/demo/apps",children:(0,n.jsx)("span",{className:"mx-5 my-3 flex items-center font-medium text-gray-600 transition duration-150 ease-in-out hover:cursor-pointer hover:text-gray-900",children:"AIデモ一覧"})})}),a?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("li",{children:(0,n.jsx)("span",{className:"flex items-center px-5 py-3 font-medium text-gray-600 transition duration-150 ease-in-out hover:cursor-pointer hover:text-gray-900",children:null==t?void 0:t.name})}),(0,n.jsx)("li",{children:(0,n.jsx)("span",{onClick:()=>{(0,o.hY)().catch(e=>{console.error(e)})},className:"flex items-center px-5 py-3 font-medium text-gray-600 transition duration-150 ease-in-out hover:cursor-pointer hover:text-gray-900",children:"ログアウト"})})]}):(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(r(),{href:"/#contact",children:(0,n.jsx)("li",{children:(0,n.jsx)("span",{className:"ml-5 inline-block rounded-lg bg-gradient-to-r from-amber-500 to-red-400 px-4 py-2 font-bold text-white shadow-lg hover:opacity-90 focus:outline-none focus:ring-4 focus:ring-green-200",children:"資料請求・お問い合わせ"})})})})]})}),(0,n.jsx)(x.Z,{})]})})})}},39514:function(e,s,t){"use strict";t.d(s,{Z:function(){return MobileMenu}});var n=t(85893),l=t(67294),a=t(84463),r=t(41664),i=t.n(r),c=t(29136),o=t(20995),d=t(4480);function MobileMenu(){let[e,s]=(0,l.useState)(!1),t=(0,l.useRef)(null),r=(0,l.useRef)(null),x=(0,d.sJ)(c.q4),m=(0,d.sJ)(c.BW);(0,l.useEffect)(()=>{let clickHandler=n=>{r.current&&t.current&&(!e||r.current.contains(n.target)||t.current.contains(n.target)||s(!1))};return document.addEventListener("click",clickHandler),()=>document.removeEventListener("click",clickHandler)}),(0,l.useEffect)(()=>{let keyHandler=t=>{e&&27===t&&s(!1)};return document.addEventListener("keydown",keyHandler),()=>document.removeEventListener("keydown",keyHandler)});let handleMobileLogout=()=>{(0,o.hY)(),s(!1)};return(0,n.jsxs)("div",{className:"flex md:hidden",children:[(0,n.jsxs)("button",{ref:t,className:"hamburger ".concat(e&&"active"),"aria-controls":"mobile-nav","aria-expanded":e,onClick:()=>s(!e),children:[(0,n.jsx)("span",{className:"sr-only",children:"Menu"}),(0,n.jsxs)("svg",{className:"h-6 w-6 fill-current text-gray-900",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{y:"4",width:"24",height:"2"}),(0,n.jsx)("rect",{y:"11",width:"24",height:"2"}),(0,n.jsx)("rect",{y:"18",width:"24",height:"2"})]})]}),(0,n.jsx)("div",{ref:r,children:(0,n.jsx)(a.u,{show:e,as:"nav",id:"mobile-nav",className:"absolute left-0 top-full z-20 h-screen w-full overflow-scroll bg-white pb-16",enter:"transition ease-out duration-200 transform",enterFrom:"opacity-0 -translate-y-2",enterTo:"opacity-100 translate-y-0",leave:"transition ease-out duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,n.jsxs)("ul",{className:"px-5 py-2",children:[(0,n.jsx)("li",{children:(0,n.jsx)(i(),{href:"/",className:"flex w-full justify-center py-2 font-medium text-gray-600 hover:text-gray-900",onClick:()=>s(!1),children:"ホーム"})}),(0,n.jsx)("li",{children:(0,n.jsx)(i(),{href:"/articles",className:"flex w-full justify-center py-2 font-medium text-gray-600 hover:text-gray-900",onClick:()=>s(!1),children:"ブログ"})}),(0,n.jsx)("li",{children:(0,n.jsx)(i(),{href:"/demo/apps",className:"flex w-full justify-center py-2 font-medium text-gray-600 hover:text-gray-900",onClick:()=>s(!1),children:"AIデモ一覧"})}),m?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("li",{children:(0,n.jsx)("span",{className:"flex w-full justify-center py-2 font-medium text-gray-600 hover:text-gray-900",onClick:()=>s(!1),children:x.name})}),(0,n.jsx)("li",{children:(0,n.jsx)("span",{className:"flex w-full justify-center py-2 font-medium text-gray-600 hover:text-gray-900",onClick:()=>handleMobileLogout(),children:"ログアウト"})})]}):(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(i(),{href:"/#contact",onClick:()=>s(!1),children:(0,n.jsx)("li",{children:(0,n.jsx)("span",{className:"flex justify-center inline-block py-2 px-4 font-bold text-white bg-gradient-to-r from-amber-500 to-red-400 rounded-lg shadow-lg hover:opacity-90 focus:outline-none focus:ring-4 focus:ring-green-200",children:"資料請求・お問い合わせ"})})})})]})})})]})}},39717:function(e,s,t){"use strict";var n=t(2515);s.Z=(0,n.eI)("https://qrtdhbcprxxcrjinilax.supabase.co","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InFydGRoYmNwcnh4Y3JqaW5pbGF4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE2NzgzNjY0OTQsImV4cCI6MTk5Mzk0MjQ5NH0.-M-xMgid5xuhHp1UUp-BHh90Hki7kcb1rx_yW8lqFr8",{auth:{persistSession:!1}})},6068:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return Home}});var n=t(85893),l=t(9008),a=t.n(l),r=t(67294);t(41664);var i=t(11163),c=t(83300),o=t.n(c);t(25675);var d=t(6690),x=t(39717),m=t(90665);t(4480),t(29136),t(48764).Buffer,t(34155);var h=t(32912),u=t(57820),j=t(69417),p=t(5616),g=t(81458),f=t(79717),b=t(67720),N=t(66836),v=t(36872),w=t(69661),y=t(50135),C=t(50920),k=t(4902),T=t(18853),Z=t(9196);function Home(){let e="SEO記事AIライター",s="webUI",t="/api/".concat("parame/seo-ai-writing","/generate");(0,i.useRouter)();let l="/images/parame/diary/coach.png",c="/images/parame/diary/private.png",I=[{result:"# テストタイトル\nこれは**太字**と*斜体*のテキストを含む段落です。\n## サブ見出し1\nこれは[リンク](https://www.example.com)を含む段落です。\n### サブ見出し2\nこれはリストを含む段落です:\n- 項目1\n- 項目2\n- 項目3\n## サブ見出し3\nここに段落テキストが入ります。\n",usage:{prompt_tokens:276,completion_tokens:977,total_tokens:1253},input:{selectedModel:"gpt-4",contentsTitle:"テストライティング",tableOfContents:"これはテストの目次1です",strongKyokiWords:"これはテストの強い強気ワード1、これはテストの強い強気ワード2です",weakKyokiWords:"これはテストの弱い強気ワード1、これはテストの弱い強気ワード2です",spellingWords:"これはテストのスペルワード1、これはテストのスペルワード2です",optionalNotes:"これはテストのオプションノート1、これはテストのオプションノート2です"},created_at:new Date("2022-02-12T12:11:00")},{result:"# This is a Title\nThis is a paragraph with **bold** and *italic* text.\n## Subheading 1\nThis is a paragraph with a [link](https://www.example.com).\n### Subheading 2\nThis is a paragraph with a list:\n- Item 1\n- Item 2\n- Item 3\n## Subheading 3\nThis is a paragraph with an image:\n",usage:{prompt_tokens:996,completion_tokens:272,total_tokens:1268},input:{selectedModel:"gpt-3.5-turbo",contentsTitle:"Test Writing",tableOfContents:"これはテストの目次2です",strongKyokiWords:"これはテストの強い強気ワード3、これはテストの強い強気ワード4です",weakKyokiWords:"これはテストの弱い強気ワード3、これはテストの弱い強気ワード4です",spellingWords:"これはテストのスペルワード3、これはテストのスペルワード4です",optionalNotes:"これはテストのオプションノート3、これはテストのオプションノート4です"},created_at:new Date("2022-02-13T13:12:00")}],[S,_]=(0,r.useState)(0),[G,P]=(0,r.useState)([]),[E,M]=(0,r.useState)("init_profile_hearing"),[A,W]=(0,r.useState)(!1),[F,H]=(0,r.useState)(""),[O,z]=(0,r.useState)("今話題のChatGPTとは？使い方を徹底解説！"),[L,R]=(0,r.useState)("# ChatGPTとは\n  ## ChatGPTについて\n  ## OpenAI社について\n# ChatGPTの使い方を解説\n  ## ChatGPTの利用方法\n  ##プロンプトについて \n  ## ChatGPTの活用事例"),[J,q]=(0,r.useState)(""),[D,K]=(0,r.useState)(""),[B,Y]=(0,r.useState)(""),[U,X]=(0,r.useState)("1. リード文：各見出しにはリード文を入れてください\n2. 文体：ですます調でお願いします\n3. 改行：文章の流れが変わるところで改行してください"),[Q,V]=(0,r.useState)(null),[$,ee]=(0,r.useState)(!1),[es,et]=(0,r.useState)(I),[en,el]=(0,r.useState)(!1),[ea,er]=(0,r.useState)("gpt-3.5-turbo");async function setLatestConvCount(){let{error:e,data:s,status:t}=await x.Z.from("TotalConversationCounts").select("count").eq("id",1);200===t?_(s[0].count):(0,k.sB)(e)}async function updateTotalConvCount(){await x.Z.rpc("increment",{row_id:1})}async function sendRequestToAI(){try{W(!0),H("原稿作成を開始します"),el(!0);let n=await o()(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({contentsTitle:O,tableOfContents:L,strongKyokiWords:J,weakKyokiWords:D,spellingWords:B,optionalNotes:U,selectedModel:ea})}),l=await n.json();if(200!==n.status)throw l.error||Error("【Error Log1】Request failed with status ".concat(n.status));let a={result:l.result,usage:l.usage,input:{contentsTitle:O,tableOfContents:L,strongKyokiWords:J,weakKyokiWords:D,spellingWords:B,optionalNotes:U,selectedModel:ea},created_at:new Date};et(e=>[...e,a]),H("原稿を作成しました"),W(!0),V(a),el(!1),(0,k.w2)(e,"",l.result,"","",s),updateTotalConvCount()}catch(t){H("原稿作成に失敗しました"),W(!0),el(!1),(0,k.w2)(e,"","申し訳ありません。エラーが発生しました。もう一度お試し頂けますでしょうか？","error","",s),console.error("【Error Log】",t)}}function handleNotifyClose(e,s){"clickaway"!==s&&W(!1)}async function handleSubmit(e){e.preventDefault(),await sendRequestToAI()}function getWritingCost(e){return(0,k.vk)(e.usage.prompt_tokens,e.usage.completion_tokens,e.input.selectedModel)}return(0,r.useEffect)(()=>{G.length},[]),(0,r.useEffect)(()=>{if(setLatestConvCount(),0!==G.length){G[0].type,setProgressLatestMessage(!0);let e=document.querySelector("#latestAIMessage"),s=G[0],t=s.aiTextJa;e&&(e.textContent="",(0,d.S)(e,{showCursor:!1,typeSpeed:40,strings:[t],loop:!1,startDelay:0,backDelay:0,onFinished:function(){G.length>1&&G[0].type,setProgressLatestMessage(!1)}}))}},[G.length]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(a(),{children:[(0,n.jsx)("title",{children:e}),(0,n.jsx)("meta",{name:"description",content:e}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:site",content:"@NagisaAIEngine"}),(0,n.jsx)("meta",{name:"twitter:creator",content:"@NagisaAIEngine"}),(0,n.jsx)("meta",{property:"og:title",content:e}),(0,n.jsx)("meta",{property:"og:description",content:e}),(0,n.jsx)("meta",{property:"og:image",content:""}),(0,n.jsx)("link",{rel:"icon",href:"/favicon.png"})]}),(0,n.jsx)(u.Z,{anchorOrigin:{vertical:"top",horizontal:"center"},open:A,autoHideDuration:6e3,onClose:handleNotifyClose,message:F,action:(0,n.jsx)(j.Z,{color:"secondary",size:"small",onClick:handleNotifyClose,children:"✕"})}),(0,n.jsx)(T.Z,{}),(0,n.jsxs)("main",{className:"pb-10 pt-12",children:[en&&(0,n.jsx)(p.Z,{sx:{zIndex:1e3,width:"100%",position:"fixed",top:{xs:"60px",md:"80px"},left:"0px"},children:(0,n.jsx)(g.Z,{})}),(0,n.jsx)("section",{className:"bg-white",children:(0,n.jsx)("div",{className:"mx-auto max-w-6xl bg-white",children:(0,n.jsx)("div",{className:"pb-10 pt-4",children:(0,n.jsxs)("div",{className:"relative overflow-hidden rounded bg-sky-400 px-6 pt-10 shadow-2xl","data-aos":"zoom-y-out",children:[(0,n.jsxs)("div",{className:"mt-4 flex w-full flex-col lg:flex-row",children:[(0,n.jsx)("div",{className:"w-full lg:mr-2 lg:w-1/2",children:(0,n.jsxs)("div",{className:"w-full rounded-lg border border-gray-200 bg-white p-6 shadow-sm",children:[(0,n.jsx)("div",{className:"mb-6 w-full text-center",children:(0,n.jsx)("p",{className:"text-2xl font-bold text-amber-500",children:"発注内容"})}),(0,n.jsx)("div",{className:"mb-4 w-full text-center",children:(0,n.jsx)("p",{className:"text-xl font-bold",children:(0,n.jsx)("span",{className:"bg-gradient-to-r from-blue-500 to-teal-400 bg-clip-text text-transparent",children:"ライターを選ぶ"})})}),(0,n.jsx)("div",{className:"mb-8 mt-4",children:(0,n.jsxs)(f.Z,{value:ea,onChange:function(e){if("gpt-4"===e.target.value){H("デモではGPT-4をご利用頂けません。実際のサービス提供時はご利用可能です。"),W(!0);return}er(e.target.value),console.log(ea)},children:[(0,n.jsx)("div",{className:"my-4",children:(0,n.jsx)(b.Z,{})}),(0,n.jsx)(N.Z,{id:"gpt-3.5-turbo",value:"gpt-3.5-turbo",control:(0,n.jsx)(v.Z,{}),label:(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(p.Z,{className:"flex items-center justify-center",children:[(0,n.jsx)(w.Z,{sx:{width:56,height:56},src:c,className:"mr-2"}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("p",{children:(0,n.jsx)("b",{children:"アシスタントAIライター（GPT-3.5）"})}),(0,n.jsxs)("p",{className:"mt-1",children:["文字単価：約",(0,n.jsx)("b",{children:"0.0003"}),"円",(0,n.jsx)("br",{}),"費用は安いですが、原稿のレビューが必要です。"]})]})]})})}),(0,n.jsx)("div",{className:"my-4",children:(0,n.jsx)(b.Z,{})}),(0,n.jsx)(N.Z,{id:"gpt-4",value:"gpt-4",control:(0,n.jsx)(v.Z,{}),label:(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(p.Z,{className:"flex items-center justify-center",children:[(0,n.jsx)(w.Z,{sx:{width:56,height:56},src:l,className:"mr-2"}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("p",{children:(0,n.jsx)("b",{children:"プロフェッショナルAIライター（GPT-4）"})}),(0,n.jsxs)("p",{className:"mt-1",children:["文字単価：約",(0,n.jsx)("b",{children:"0.001"}),"円",(0,n.jsx)("br",{}),"指示を深く理解し、質の高い原稿を作成します。"]})]})]})})}),(0,n.jsx)("div",{className:"my-4",children:(0,n.jsx)(b.Z,{})})]})}),(0,n.jsx)("div",{className:"mb-4 w-full text-center",children:(0,n.jsx)("p",{className:"text-xl font-bold",children:(0,n.jsx)("span",{className:"bg-gradient-to-r from-blue-500 to-teal-400 bg-clip-text text-transparent",children:"記事内容を伝える"})})}),(0,n.jsxs)("div",{className:"mb-8",children:[(0,n.jsx)("p",{className:"mb-2 text-lg font-bold text-amber-500",children:"■記事タイトル"}),(0,n.jsx)("div",{className:"mb-4",children:(0,n.jsxs)("label",{children:[(0,n.jsx)("p",{className:"text-gray-600",children:"記事タイトルを設定"}),(0,n.jsx)(y.Z,{fullWidth:!0,value:O,onChange:e=>z(e.target.value),placeholder:"例：今話題のChatGPTとは？使い方を徹底解説！"})]})}),(0,n.jsx)("p",{className:"mb-2 text-lg font-bold text-amber-500",children:"■見出し構成"}),(0,n.jsx)("div",{className:"mb-4",children:(0,n.jsxs)("label",{children:[(0,n.jsx)("p",{className:"text-gray-600",children:"構成をマークアップ言語で設定"}),(0,n.jsx)(C.Z,{minRows:12,value:L,placeholder:"例\n# ChatGPTとは（650字程度）\n  ## ChatGPTについて\n  ## OpenAI社について\n# ChatGPTの使い方を解説（550字程度）\n  ## ChatGPTの利用方法\n  ##プロンプトについて \n  ## ChatGPTの活用事例",onChange:e=>R(e.target.value)})]})})]}),(0,n.jsx)("div",{className:"mb-8",children:(0,n.jsx)(b.Z,{})}),(0,n.jsx)("div",{className:"mb-4 w-full text-center",children:(0,n.jsx)("p",{className:"text-xl font-bold",children:(0,n.jsx)("span",{className:"bg-gradient-to-r from-blue-500 to-teal-400 bg-clip-text text-transparent",children:"留意事項を伝える"})})}),(0,n.jsxs)("div",{className:"mb-8",children:[(0,n.jsx)("p",{className:"mb-2 text-lg font-bold text-amber-500",children:"■共起語"}),(0,n.jsx)("div",{className:"mb-4",children:(0,n.jsxs)("label",{children:[(0,n.jsx)("p",{className:"text-gray-600",children:"優先共起語を設定"}),(0,n.jsx)(C.Z,{placeholder:"例：AI、ChatGPT、OpenAI",value:J,minRows:3,onChange:e=>q(e.target.value)})]})}),(0,n.jsx)("div",{className:"mb-4",children:(0,n.jsxs)("label",{children:[(0,n.jsx)("p",{className:"text-gray-600",children:"その他共起語を設定"}),(0,n.jsx)(C.Z,{placeholder:"例：対話型AI、LLM、自然言語処理",value:D,minRows:3,onChange:e=>K(e.target.value)})]})})]}),(0,n.jsxs)("div",{className:"mb-8",children:[(0,n.jsx)("p",{className:"mb-2 text-lg font-bold text-amber-500",children:"■表記の統一"}),(0,n.jsx)("div",{className:"mb-4",children:(0,n.jsxs)("label",{children:[(0,n.jsx)("p",{className:"text-gray-600",children:"表記ゆれの防止を設定"}),(0,n.jsx)(C.Z,{placeholder:"例\n・AI（誤：人工知能、AGIなど）\n・ChatGPT（誤：chat GPT、ChatGpt、CHAT GPTなど）\n・実施（誤：する、行うなど）",minRows:5,value:B,onChange:e=>Y(e.target.value)})]})})]}),(0,n.jsxs)("div",{className:"mb-8",children:[(0,n.jsx)("p",{className:"mb-2 text-lg font-bold text-amber-500",children:"■備考"}),(0,n.jsx)("div",{className:"mb-4",children:(0,n.jsxs)("label",{children:[(0,n.jsx)("p",{className:"text-gray-600",children:"その他注意事項"}),(0,n.jsx)(C.Z,{placeholder:"例\n1. リード文：タイトル・各見出しにはリード文を入れてください\n2. 文体：ですます調\n3. 改行：文章の流れが変わるところで改行",minRows:7,value:U,onChange:e=>X(e.target.value)})]})})]}),(0,n.jsx)("div",{className:"mb-4 flex justify-center",children:(0,n.jsx)(j.Z,{disabled:en,onClick:handleSubmit,className:"w-1/2",variant:"outlined",size:"large",type:"submit",children:"内容を伝える"})})]})}),(0,n.jsx)("div",{className:"z-10 w-full lg:ml-2 lg:w-1/2",children:(0,n.jsxs)("div",{className:"w-full rounded-lg border border-gray-200 bg-white p-6 shadow-sm",children:[(0,n.jsx)("div",{className:"mb-6 w-full text-center",children:(0,n.jsx)("p",{className:"text-2xl font-bold text-amber-500",children:"納品物"})}),en&&(0,n.jsxs)("div",{className:"mb-4 mt-8 flex w-full justify-center","aria-label":"読み込み中",children:[(0,n.jsx)("div",{className:"h-1 w-1 animate-ping rounded-full bg-blue-400"}),(0,n.jsx)("div",{className:"mx-2 h-1 w-1 animate-ping rounded-full bg-blue-300"}),(0,n.jsx)("div",{className:"h-1 w-1 animate-ping rounded-full bg-green-200"}),(0,n.jsx)("p",{className:"relative -top-2.5 ml-2.5 text-gray-600",children:"AIライターが原稿を執筆中.."})]}),(0,n.jsx)("div",{className:"mb-4 w-full text-center",children:(0,n.jsx)("p",{className:"text-xl font-bold",children:(0,n.jsx)("span",{className:"bg-gradient-to-r from-blue-500 to-teal-400 bg-clip-text text-transparent",children:"納品データ一覧"})})}),(0,n.jsx)("div",{children:es.length>0?(0,n.jsx)(n.Fragment,{children:es.map((e,s)=>(0,n.jsx)("div",{children:(0,n.jsxs)("p",{className:"mb-2 cursor-pointer text-blue-500 hover:text-blue-700",onClick:()=>V(e),children:["・",e.input.contentsTitle.length>0&&"「".concat(e.input.contentsTitle,"」"),"原稿（",(0,h.Z)(new Date(e.created_at),"yyyy/MM/dd HH:mm"),"）"]})},s))}):(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{children:(0,n.jsx)("p",{className:"text-center text-gray-400",children:"納品された原稿データがありません"})})})}),(0,n.jsx)("div",{className:"my-4",children:(0,n.jsx)(b.Z,{})}),(0,n.jsx)("div",{className:"my-4 w-full text-center",children:(0,n.jsx)("p",{className:"text-xl font-bold",children:(0,n.jsx)("span",{className:"bg-gradient-to-r from-blue-500 to-teal-400 bg-clip-text text-transparent",children:"原稿データ"})})}),Q?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("p",{className:"my-2 text-lg font-bold text-amber-500",children:"AIライターへ発注内容"}),"gpt-4"===Q.input.selectedModel?(0,n.jsxs)(p.Z,{className:"flex items-center justify-center",children:[(0,n.jsx)(w.Z,{src:l}),(0,n.jsxs)("span",{className:"ml-2",children:[(0,n.jsx)("b",{children:"プロフェッショナルAIライター（GPT-4）"}),"が納品"]})]}):(0,n.jsxs)(p.Z,{className:"flex items-center justify-center",children:[(0,n.jsx)(w.Z,{src:c}),(0,n.jsxs)("span",{className:"ml-2",children:[(0,n.jsx)("b",{children:"アシスタントAIライター（GPT-3.5）"}),"が納品"]})]}),$&&(0,n.jsx)("div",{className:"mt-4",children:(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsxs)("div",{className:"mb-2",children:[(0,n.jsx)("p",{className:"font-bold",children:"記事タイトル"}),(0,n.jsx)("p",{children:Q.input.contentsTitle||"なし"})]}),(0,n.jsxs)("div",{className:"mb-2",children:[(0,n.jsx)("p",{className:"font-bold",children:"見出し構成"}),(0,n.jsx)("div",{className:"whitespace-pre-wrap break-words",children:(0,n.jsx)("p",{children:Q.input.tableOfContents||"なし"})})]}),(0,n.jsxs)("div",{className:"mb-2",children:[(0,n.jsx)("p",{className:"font-bold",children:"共起語"}),(0,n.jsx)("p",{children:Q.input.strongKyokiWords||"なし"})]}),(0,n.jsxs)("div",{className:"mb-2",children:[(0,n.jsx)("p",{className:"font-bold",children:"表記の統一"}),(0,n.jsx)("p",{children:Q.input.spellingWords||"なし"})]}),(0,n.jsxs)("div",{className:"mb-2",children:[(0,n.jsx)("p",{className:"font-bold",children:"備考"}),(0,n.jsx)("p",{children:Q.input.optionalNotes||"なし"})]})]})}),(0,n.jsx)(p.Z,{className:"flex justify-center",children:(0,n.jsx)(j.Z,{className:"mt-4",onClick:()=>ee(!$),variant:"outlined",size:"small",children:$?"閉じる":"発注内容を確認"})})]}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("p",{className:"my-2 mb-4 text-lg font-bold text-amber-500",children:"発注費"}),(0,n.jsxs)("p",{children:[(0,n.jsx)("b",{children:"原稿料"}),"：約",(140*getWritingCost(Q)).toFixed(2),"円（",getWritingCost(Q).toFixed(5),"ドル）"]}),(0,n.jsxs)("p",{children:[(0,n.jsx)("b",{children:"文字単価"}),"：約",(140*getWritingCost(Q)/Q.result.length).toFixed(4),"円"]})]}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsxs)("div",{className:"mb-2 flex items-center",children:[(0,n.jsx)("p",{className:"my-2 mr-4 text-lg font-bold text-amber-500",children:"原稿内容"}),(0,n.jsx)(j.Z,{variant:"outlined",size:"small",onClick:function(){H("原稿をコピーしました"),W(!0);let e=Q.result.replace(/"/g,"");navigator.clipboard.writeText(e)},children:"原稿をコピー"})]}),(0,n.jsx)("div",{className:"markdown whitespace-pre-wrap break-words px-2",children:(0,n.jsx)(m.U,{children:Q.result})})]}),(0,n.jsxs)("div",{className:"mb-4 mt-8",children:[(0,n.jsx)("p",{className:"my-2 text-lg font-bold text-amber-500",children:"自動レビュー"}),(0,n.jsx)(C.Z,{minRows:3,placeholder:"レビューポイントを教えてください"}),(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(j.Z,{disabled:en,className:"mt-4",variant:"outlined",onClick:()=>{W(!0),H("自動レビュー機能は準備中です")},children:"レビューを開始"})})]}),(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsx)("p",{className:"my-2 text-lg font-bold text-amber-500",children:"自動修正依頼"}),(0,n.jsx)(C.Z,{placeholder:"修正内容を教えてください",minRows:3}),(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(j.Z,{disabled:en,className:"mt-4",variant:"outlined",onClick:()=>{W(!0),H("修正依頼機能は準備中です")},children:"修正依頼を送る"})})]})]}):(0,n.jsx)("div",{children:(0,n.jsx)("p",{className:"text-center text-gray-400",children:"選択されている原稿がありません"})})]})})]}),(0,n.jsxs)("p",{className:"mt-8 pb-10 text-center text-sm text-gray-300 md:pb-8",children:["Powered by ",(0,n.jsx)("b",{children:"Nagisa AI Engine"})]})]})})})})]}),(0,n.jsx)(Z.Z,{})]})}}},function(e){e.O(0,[5675,1664,305,5945,8963,7820,3722,9086,5615,2515,2912,6105,9024,4447,8764,1456,4902,9196,9774,2888,179],function(){return e(e.s=85627)}),_N_E=e.O()}]);