https://onsay.ai/_next/static/chunks/pages/sample-baf80922d2dff5b4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[966],{46823:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sample",function(){return n(13641)}])},38200:function(t,e,n){"use strict";n.d(e,{V:function(){return u}});var i=n(85893);n(67294),n(41664),n(25675),n(11163);var r=n(90948),a=n(87357),s=n(15861);n(98126),n(45133);var o=n(69622);let u=t=>{let{children:e,text:n}=t;return(0,i.jsx)(p,{children:(0,i.jsxs)(o.Z,{children:[(0,i.jsx)(d,{variant:"h2",children:n}),e]})})},p=(0,r.ZP)(a.Z)(t=>{let{theme:e}=t;return{padding:"40px 0 20px"}}),d=(0,r.ZP)(s.Z)(t=>{let{theme:e}=t;return{fontSize:"24px",height:"inherit"}})},77896:function(t,e,n){"use strict";n(85893),n(67294),n(41664),n(25675),n(11163);var i=n(90948),r=n(41796),a=n(29713),s=n(62474);n(98126);var o=n(45133);n(69622);var u=n(60721);o.Z.getInstance(),(0,i.ZP)("div")(t=>{let{theme:e}=t;return{position:"relative",borderRadius:e.shape.borderRadius,backgroundColor:(0,r.Fq)(e.palette.common.white,.15),"&:hover":{backgroundColor:(0,r.Fq)(e.palette.common.white,.25)},border:"1px solid #474747",borderRadius:"0",minHeight:"40px",margin:"0",display:"block",maxWidth:"300px",width:"50%",[e.breakpoints.down("sm")]:{display:"none"},[e.breakpoints.down("md")]:{width:"100%"},[e.breakpoints.up("sm")]:{marginLeft:e.spacing(3)}}}),(0,i.ZP)("div")(t=>{let{theme:e}=t;return{padding:e.spacing(0,2),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}}),(0,i.ZP)(s.Z)(t=>{let{theme:e}=t;return{color:u.V.text.primary,background:"inherit",padding:"0","& .MuiInputBase-input":{padding:e.spacing(1,1,1,0),paddingLeft:"calc(5em + ".concat(e.spacing(4),")"),transition:e.transitions.create("width"),width:"100%",[e.breakpoints.up("md")]:{width:"20ch"}}}}),(0,i.ZP)(a.Z)(t=>{let{theme:e}=t;return{color:u.V.text.primary,backgroundColor:"none","& .MuiInputBase-root":{padding:e.spacing(1,1,1,0),paddingLeft:"calc(1em + ".concat(e.spacing(4),")"),transition:e.transitions.create("width"),width:"100%",[e.breakpoints.up("md")]:{width:"100%"}},"& .MuiInputBase-root:before":{display:"none"},"& .MuiInputBase-input":{padding:e.spacing(1,1,1,0),paddingLeft:"calc(1em + ".concat(e.spacing(4),")"),transition:e.transitions.create("width"),width:"100%",[e.breakpoints.up("md")]:{width:"20ch"}}}}),u.V.text.primary,u.V.text.primary,u.V.text.primary,u.V.text.primary},46580:function(t,e,n){"use strict";n(85893),n(67294),n(60721)},88063:function(t,e,n){"use strict";n.d(e,{Z:function(){return p}});var i=n(85893),r=n(67294),a=n(98396),s=n(90948),o=n(51233),u=n(24351);function p(t){let{itemList:e,isOwner:n,onDelete:s}=t;(0,a.Z)("(max-width:640px)");let[o,p]=(0,r.useState)([]);return(0,r.useEffect)(()=>{p(e||[])},[e]),(0,i.jsx)(d,{spacing:2,useFlexGap:!0,children:o.map((t,e)=>(0,i.jsx)(u.Z,{data:t,isOwner:n,variant:"outlined",showState:!0,showTags:!0,showCreate:!0,onDelete:s},e))})}let d=(0,s.ZP)(o.Z)(t=>{let{theme:e}=t;return{height:"auto",padding:"0 0 10px 0",maxWidth:"1000px",margin:"0 auto",justifyContent:"center"}})},13641:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return m}});var i=n(85893),r=n(67294);n(9008);var a=n(11163),s=n(98396),o=n(90948),u=n(15861),p=n(98126);n(46580);var d=n(88063),l=n(87357);n(77896);var c=n(45133),h=n(38200),x=n(7155);let g=c.Z.getInstance();function m(){let t=(0,s.Z)("(max-width:640px)");(0,r.useRef)();let e=(0,a.useRouter)(),[n,o]=(0,r.useState)(0),[p,c]=(0,r.useState)(!1),[m,k]=(0,r.useState)([]),[v,y]=(0,r.useState)([]),[j,S]=(0,r.useState)([]),[P,_]=(0,r.useState)([]);(0,r.useEffect)(()=>{E()},[]),(0,r.useEffect)(()=>{"/sample/"===e.pathname&&I()},[e]);let E=()=>{g.getSampleModels(20,0).then(t=>{k([...t.results]),y([...t.results]),o(t.count),I([...t.results]),t.results.length<t.count&&c(!0)}).catch(t=>{console.error(t)})},C=()=>{let t=v.length;g.getSampleModels(20,t).then(t=>{let e=v.concat(...t.results);y(e),V(null,null,e),e.length<n?c(!0):c(!1)})},V=(t,e,n)=>{let i=t||P,r=n||v,a=[];i&&0!=i.length?r.map(t=>{let e=i.every(e=>t.tags.includes(e));e&&a.push(t)}):a=r,k(a)},I=t=>{let e=new URLSearchParams(window.location.search),n=e.get("tags"),i=n?n.split(","):[];_(i),V(i,null,t||v)},L=()=>{C()};return(0,i.jsxs)(w,{children:[(0,i.jsx)(h.V,{text:"サンプルOnSayモデル"}),(0,i.jsx)(l.Z,{children:(0,i.jsx)(u.Z,{children:"サンプルOnSayモデルで、自由にボイスを生成してみよう！"})}),(0,i.jsx)(x.T,{h:24}),(0,i.jsxs)(b,{sx:t?{marginTop:"0px"}:{},children:[(0,i.jsx)(d.Z,{itemList:m}),0===m.length&&(0,i.jsx)(Z,{}),p&&(0,i.jsx)(f,{onClick:L})]})]})}let f=t=>{let{onClick:e}=t;

1return(0,i.jsx)(p.Z,{text:"もっと見る",sx:{display:"block",width:"300px",padding:"14px 0",margin:"0 auto 40px",fontSize:"16px"},func:e})},w=(0,o.ZP)(l.Z)(t=>{let{theme:e}=t;return{display:"block",margin:"0 auto",maxWidth:"1000px",width:"100%",padding:"0 30px"}}),Z=(0,o.ZP)(u.Z)(t=>{let{theme:e}=t;return{display:"block",fontSize:"16px",margin:"0 30px 50px"}}),b=(0,o.ZP)(l.Z)(t=>{let{theme:e}=t;return{display:"block",margin:"0px auto 50px",padding:"16px 0 0",boxSizing:"border-box",maxWidth:"1000px",width:"100%",borderTop:"solid 1px #766E87"}})}},function(t){t.O(0,[679,642,625,474,118,938,713,830,351,774,888,179],function(){return t(t.s=46823)}),_N_E=t.O()}]);