1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1354],{41354:function(e,a,s){s.r(a);var l=s(82841),r=s(19790),n=s(62729),t=s(67599),i=s(43107),d=s(54690),c=s(31740),o=s(80682),x=s(70426),m=s(21223);a.default=e=>{let{num:a,sentences:s,loading:u,setSentences:h,t:g}=e,[p,f]=(0,r.useState)(null),j=(0,m.a)("(min-width: 768px)"),[y,b]=(0,r.useState)(!1),v=async(e,a)=>{a.stopPropagation();try{await navigator.clipboard.writeText(e.text),d.Am.success(g("messages.copied",{text:e.text}))}catch(e){d.Am.error(g("messages.copyFailed"))}},N=(e,a)=>{a.stopPropagation();let l=[...s];l[e].liked=!l[e].liked,h(l)},k=e=>{f(e),b(!0)},C=()=>(0,l.jsxs)(x.mQ,{defaultValue:"usage",className:"mt-4",children:[(0,l.jsxs)(x.dr,{className:"grid w-full grid-cols-3",children:[(0,l.jsx)(x.SP,{value:"usage",children:g("sentenceCard.tabs.usage")}),(0,l.jsx)(x.SP,{value:"grammar",children:g("sentenceCard.tabs.grammar")}),(0,l.jsx)(x.SP,{value:"learning",children:g("sentenceCard.tabs.learning")})]}),(0,l.jsxs)("div",{className:j?"lg:h-64 lg:overflow-y-auto":"h-[60vh] overflow-y-auto",children:[(0,l.jsxs)(x.nU,{value:"usage",className:"space-y-4",children:[(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.meaning")}),(0,l.jsx)("p",{className:"text-gray-600 dark:text-gray-400",children:null==p?void 0:p.usage.meaning})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.alternatives")}),(0,l.jsx)("ul",{className:"list-disc list-inside text-gray-600 dark:text-gray-400",children:null==p?void 0:p.usage.alternatives.map((e,a)=>(0,l.jsx)("li",{children:e},a))})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.register")}),(0,l.jsx)("p",{className:"text-gray-600 dark:text-gray-400",children:null==p?void 0:p.usage.register})]})]}),(0,l.jsxs)(x.nU,{value:"grammar",className:"space-y-4",children:[(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.grammar")}),(0,l.jsx)("p",{className:"text-gray-600 dark:text-gray-400",children:null==p?void 0:p.analysis.grammar})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.tense")}),(0,l.jsx)("p",{className:"text-gray-600 dark:text-gray-400",children:null==p?void 0:p.analysis.tense})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.keyPhrases")}),(0,l.jsx)("div",{className:"flex flex-wrap gap-2",children:null==p?void 0:p.analysis.keyPhrases.map((e,a)=>(0,l.jsx)("span",{className:"text-sm px-2 py-1 bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300 rounded-full",children:e},a))})]})]}),(0,l.jsxs)(x.nU,{value:"learning",className:"space-y-4",children:[(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.grammarPoints")}),(0,l.jsx)("ul",{className:"list-disc list-inside text-gray-600 dark:text-gray-400",children:null==p?void 0:p.learning.grammarPoints.map((e,a)=>(0,l.jsx)("li",{children:e},a))})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.commonErrors")}),(0,l.jsx)("ul",{className:"list-disc list-inside text-gray-600 dark:text-gray-400",children:null==p?void 0:p.learning.commonErrors.map((e,a)=>(0,l.jsx)("li",{children:e},a))})]}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("h4",{className:"font-medium",children:g("sentenceCard.labels.practicePoints")}),(0,l.jsx)("ul",{className:"list-disc list-inside text-gray-600 dark:text-gray-400",children:null==p?void 0:p.learning.practicePoints.map((e,a)=>(0,l.jsx)("li",{children:e},a))})]})]})]})]});return u?(0,l.jsx)("div",{className:"mt-8 grid grid-cols-1 md:grid-cols-2 gap-4",children:Array.from({length:Math.min(a||4,10)},(e,a)=>(0,l.jsx)("div",{className:"animate-pulse",children:(0,l.jsx)(n.Zb,{className:"h-60",children:(0,l.jsx)(n.aY,{className:"h-full bg-gray-200 dark:bg-gray-700"})})},a))}):(null==s?void 0:s.length)?(0,l.jsx)("div",{className:"flex flex-col mt-8 gap-y-8",children:(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[s.map((e,a)=>(0,l.jsxs)(n.Zb,{className:"hover:lg:shadow-md transition-shadow duration-200 cursor-pointer flex flex-col ".concat(1===s.length?"md:col-span-2 md:w-1/2 md:mx-auto":""),onClick:()=>k(e),children:[(0,l.jsx)(n.aY,{className:"pt-6 flex-1",children:(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsx)("div",{className:"text-lg font-medium text-center break-words",children:e.text}),(0,l.jsx)("div",{className:"text-sm text-gray-600 dark:text-gray-400",children:(0,l.jsx)("div",{className:"line-clamp-2",children:e.analysis.grammar})}),(0,l.jsx)("div",{className:"flex flex-wrap gap-2",children:e.analysis.keyPhrases.map((e,a)=>
1(0,l.jsx)("span",{className:"text-xs px-2 py-1 bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300 rounded-full",children:e},a))}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,l.jsx)("span",{className:"text-xs px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded-full",children:e.learning.difficulty}),(0,l.jsx)("span",{className:"text-xs px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded-full",children:e.analysis.style}),(0,l.jsx)("span",{className:"text-xs px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded-full",children:e.usage.register})]})]})}),(0,l.jsxs)(n.eW,{className:"justify-around border-t border-gray-200 dark:border-gray-700 py-2",children:[(0,l.jsx)(t.pn,{children:(0,l.jsxs)(t.u,{children:[(0,l.jsx)(t.aJ,{asChild:!0,children:(0,l.jsx)("button",{onClick:a=>v(e,a),className:"p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:(0,l.jsx)(i.Dr$,{className:"h-4 w-4"})})}),(0,l.jsx)(t._v,{side:"bottom",children:g("sentenceCard.buttons.copy")})]})}),(0,l.jsx)(t.pn,{children:(0,l.jsxs)(t.u,{children:[(0,l.jsx)(t.aJ,{asChild:!0,children:(0,l.jsx)("button",{onClick:e=>N(a,e),className:"p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:(0,l.jsx)(i.r6X,{className:"h-4 w-4 transition-colors duration-200 ".concat(e.liked?"fill-current text-red-500":"text-gray-400 hover:text-red-500")})})}),(0,l.jsx)(t._v,{side:"bottom",children:g("sentenceCard.buttons.like")})]})}),(0,l.jsx)(t.pn,{children:(0,l.jsxs)(t.u,{children:[(0,l.jsx)(t.aJ,{asChild:!0,children:(0,l.jsx)("button",{onClick:()=>k(e),className:"p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:(0,l.jsx)(i.cC_,{className:"h-4 w-4"})})}),(0,l.jsx)(t._v,{side:"bottom",children:g("sentenceCard.buttons.study")})]})})]})]},e.id||a)),j?(0,l.jsx)(c.Vq,{open:y,onOpenChange:()=>b(!1),children:(0,l.jsxs)(c.cZ,{className:"sm:max-w-[600px]",children:[(0,l.jsxs)(c.fK,{children:[(0,l.jsx)(c.$N,{className:"text-xl font-semibold",children:null==p?void 0:p.text}),(0,l.jsx)(c.Be,{className:"text-sm text-gray-500",children:null==p?void 0:p.usage.context})]}),(0,l.jsx)(C,{})]})}):(0,l.jsx)(o.dy,{open:y,onOpenChange:()=>b(!1),shouldScaleBackground:!0,setBackgroundColorOnScale:!1,children:(0,l.jsx)(o.sc,{className:"sm:max-w-[425px]",children:(0,l.jsxs)("div",{className:"px-4 pb-4 max-h-[70vh] overflow-y-auto",children:[(0,l.jsxs)(o.OX,{children:[(0,l.jsx)(o.iI,{className:"text-xl font-semibold",children:null==p?void 0:p.text}),(0,l.jsx)(o.u6,{className:"text-sm text-gray-500",children:null==p?void 0:p.usage.context})]}),(0,l.jsx)(C,{})]})})})]})}):null}},70426:function(e,a,s){s.d(a,{mQ:function(){return R},nU:function(){return D},dr:function(){return S},SP:function(){return _}});var l=s(82841),r=s(19790),n=s(43059),t=s(32311),i=s(68166),d=s(48389),c=s(18210),o=s(54338),x=s(55880),m=s(11276),u="Tabs",[h,g]=(0,t.b)(u,[i.Pc]),p=(0,i.Pc)(),[f,j]=h(u),y=r.forwardRef((e,a)=>{let{__scopeTabs:s,value:r,onValueChange:n,defaultValue:t,orientation:i="horizontal",dir:d,activationMode:u="automatic",...h}=e,g=(0,o.gm)(d),[p,j]=(0,x.T)({prop:r,onChange:n,defaultProp:t});return(0,l.jsx)(f,{scope:s,baseId:(0,m.M)(),value:p,onValueChange:j,orientation:i,dir:g,activationMode:u,children:(0,l.jsx)(c.WV.div,{dir:g,"data-orientation":i,...h,ref:a})})});y.displayName=u;var b="TabsList",v=r.forwardRef((e,a)=>{let{__scopeTabs:s,loop:r=!0,...n}=e,t=j(b,s),d=p(s);return(0,l.jsx)(i.fC,{asChild:!0,...d,orientation:t.orientation,dir:t.dir,loop:r,children:(0,l.jsx)(c.WV.div,{role:"tablist","aria-orientation":t.orientation,...n,ref:a})})});v.displayName=b;var N="TabsTrigger",k=r.forwardRef((e,a)=>{let{__scopeTabs:s,value:r,disabled:t=!1,...d}=e,o=j(N,s),x=p(s),m=P(o.baseId,r),u=V(o.baseId,r),h=r===o.value;return(0,l.jsx)(i.ck,{asChild:!0,...x,focusable:!t,active:h,children:(0,l.jsx)(c.WV.button,{type:"button",role:"tab","aria-selected":h,"aria-controls":u,"data-state":h?"active":"inactive","data-disabled":t?"":void 0,disabled:t,id:m,...d,ref:a,onMouseDown:(0,n.M)(e.onMouseDown,e=>{t||0!==e.button||!1!==e.ctrlKey?e.preventDefault():o.onValueChange(r)}),onKeyDown:(0,n.M)(e.onKeyDown,e=>
1{[" ","Enter"].includes(e.key)&&o.onValueChange(r)}),onFocus:(0,n.M)(e.onFocus,()=>{let e="manual"!==o.activationMode;h||t||!e||o.onValueChange(r)})})})});k.displayName=N;var C="TabsContent",w=r.forwardRef((e,a)=>{let{__scopeTabs:s,value:n,forceMount:t,children:i,...o}=e,x=j(C,s),m=P(x.baseId,n),u=V(x.baseId,n),h=n===x.value,g=r.useRef(h);return r.useEffect(()=>{let e=requestAnimationFrame(()=>g.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,l.jsx)(d.z,{present:t||h,children:s=>{let{present:r}=s;return(0,l.jsx)(c.WV.div,{"data-state":h?"active":"inactive","data-orientation":x.orientation,role:"tabpanel","aria-labelledby":m,hidden:!r,id:u,tabIndex:0,...o,ref:a,style:{...e.style,animationDuration:g.current?"0s":void 0},children:r&&i})}})});function P(e,a){return"".concat(e,"-trigger-").concat(a)}function V(e,a){return"".concat(e,"-content-").concat(a)}w.displayName=C;var M=s(40870);let R=y,S=r.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,l.jsx)(v,{ref:a,className:(0,M.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",s),...r})});S.displayName=v.displayName;let _=r.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,l.jsx)(k,{ref:a,className:(0,M.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",s),...r})});_.displayName=k.displayName;let D=r.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,l.jsx)(w,{ref:a,className:(0,M.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",s),...r})});D.displayName=w.displayName}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.