https://platform.uretkenakademi.com/_next/static/chunks/7342.b201434caa8ba5bf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7342],{31391:(e,t,r)=>{function n(e){if(!e.items.some(e=>void 0!==e.id))return{valid:new Set(e.items.map(e=>e.left)).size===e.items.length,stable:!1,pairs:e.items.map(e=>({targetId:e.left,answerId:e.right,left:e.left,right:e.right}))};let t=e.items.map(e=>e.id),r=t.every(e=>"string"==typeof e&&e.trim().length>0)&&new Set(t).size===t.length;return{valid:r,stable:!0,pairs:r?e.items.map(e=>({targetId:e.id,answerId:e.id,left:e.left,right:e.right})):[]}}function a(e,t){let r=n(e);return r.valid&&Object.keys(t).length===r.pairs.length&&r.pairs.every(e=>t[e.targetId]===e.answerId)}r.d(t,{E:()=>n,I:()=>a})},47342:(e,t,r)=>{r.r(t),r.d(t,{default:()=>v});var n=r(37876),a=r(14232),l=r(32257),s=r(28249),i=r(49891),c=r(14664),d=r(73346),o=r(12181),x=r(51145),m=r(5339),u=r(30241),h=r(28455),p=r(26347),b=r(31391);let g=a.memo(function(e){let{id:t,children:r,disabled:a}=e,{attributes:l,listeners:s,setNodeRef:i,transform:d,isDragging:o}=(0,c.PM)({id:t,disabled:a,data:{type:"draggable-item",itemId:t}}),x={transform:d?"translate3d(".concat(d.x,"px, ").concat(d.y,"px, 0)"):void 0,opacity:o?.5:1,cursor:a?"not-allowed":"grab",touchAction:a?"none":"pan-y",userSelect:"none",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none"};return(0,n.jsx)("div",{ref:i,style:x,...s,...l,children:r})}),f=a.memo(function(e){let{id:t,children:r}=e,{isOver:a,setNodeRef:l}=(0,c.zM)({id:t,data:{type:"droppable-target",targetId:t}});return(0,n.jsx)("div",{ref:l,className:"transition-all duration-200 ".concat(a?"scale-[1.02]":""),style:{minHeight:"60px",width:"100%",position:"relative"},children:r})}),j=a.memo(e=>{var t,r;let{content:j,matchingAnswers:v,checkMode:w,onRemoveMatch:F,onUpdateAnswers:C,onConfirm:E,onContinue:N}=e,{isMobile:y,isTablet:k}=(0,x.XV)(),A=y||k,{currentCharacter:I,currentCharacterPose:B}=(0,o.H)(j),S=(0,d.a)(j),[M,D]=(0,a.useState)(null),z=(0,a.useRef)({}),[T,O]=(0,a.useState)({}),_=(0,a.useRef)({}),P=(0,c.FR)((0,c.MS)(c.IG,{activationConstraint:{delay:100,tolerance:5}}),(0,c.MS)(c.AN,{activationConstraint:{distance:5}})),H=(0,c.FR)((0,c.MS)(c.AN,{activationConstraint:{distance:8}}),(0,c.MS)(c.uN)),R=A?P:H,X=(0,a.useCallback)(e=>{let t=(0,c.TT)(e);return t.length>0?t:(0,c.Qo)(e)},[]),q=(0,a.useCallback)(e=>{D(e.active.id)},[]),U=(0,a.useCallback)(e=>{let{active:t,over:r}=e;if(D(null),!r||w)return;let n=t.id,a=r.id,l={...v};Object.keys(l).forEach(e=>{l[e]===n&&delete l[e]}),l[a]=n,null==C||C(l)},[w,v,C]),K=(0,a.useCallback)(e=>{if(w)return;let t={...v};delete t[e],null==C||C(t),null==F||F(e)},[w,v,C,F]),L=(0,a.useMemo)(()=>(0,b.E)(j),[j]),G=L.pairs,Q=(0,a.useMemo)(()=>{var e;return function(e,t){let r,n=e.slice(),a=(r=t>>>0,function(){return r^=r<<13,r^=r>>>17,((r^=r<<5)>>>0)/0x100000000});for(let e=n.length-1;e>0;e--){let t=Math.floor(a()*(e+1));[n[e],n[t]]=[n[t],n[e]]}return n}(L.pairs.map(e=>({id:e.answerId,label:e.right})),function(e){let t=0;for(let r=0;r<e.length;r++)t=(t<<5)-t+e.charCodeAt(r)|0;return t>>>0||1}(String(null!=(e=j.id)?e:"")))},[j.id,L.pairs]),V=(0,a.useMemo)(()=>new Map(L.pairs.map(e=>[e.answerId,e.right])),[L.pairs]),W=(0,b.I)(j,v),Y=j.title||"Eşleştirme",J=j.characterDialogue||j.description||j.explanation||"Soldaki \xf6ğeleri s\xfcr\xfckleyip sağdaki doğru karşılıklarına bırakın.",Z=(0,a.useMemo)(()=>G.length>0&&G.every(e=>v[e.targetId]),[G,v]);a.useEffect(()=>{w?(Object.values(_.current).forEach(e=>clearTimeout(e)),_.current={},O({}),z.current={},G.forEach((e,t)=>{if(!z.current[e.targetId]){z.current[e.targetId]=!0;let r=setTimeout(()=>{let t=v[e.targetId]===e.answerId;O(r=>({...r,[e.targetId]:t?"correct":"incorrect"}));let r=setTimeout(()=>{O(t=>({...t,[e.targetId]:null})),z.current[e.targetId]=!1},600);_.current["clear-".concat(e.targetId)]=r},100*t);_.current[e.targetId]=r}})):(Object.values(_.current).forEach(e=>clearTimeout(e)),_.current={},O({}),z.current={})},[w,G,v]),a.useEffect(()=>()=>{Object.values(_.current).forEach(e=>clearTimeout(e))},[]);let $=(0,a.useCallback)(e=>{O(t=>({...t,[e]:null})),z.current[e]=!1},[]);return A?(0,n.jsxs)(m.A,{characterImage:null==B?void 0:B.image_url,characterName:null==I?void 0:I.name,showCharacter:!!I,question:(0,n.jsx)("span",{children:J}),backgroundImage:j.background_image,backgroundColor:j.background_color,contentKey:j.id,checkMode:w,children:[(0,n.jsxs)(c.Mp,{sensors:R,collisionDetection:X,onDragStart:q,onDragEnd:U,children:[(0,n.jsxs)("div",{className:"flex w-full flex-col gap-4 pb-4",style:{touchAction:"none"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-[#AFAFAF]",children:"S\xfcr\xfcklenecek \xf6ğeler"}),(0,n.jsx)("div",{className:"flex flex-wrap gap-2",children:Q.map(e=>{let t=Object.values(v).includes(e.id),r=w||t;return(0,n.jsx)(g,{id:e.id,disabled:r,children:(0,n.jsxs)("div",{className:"\n                          flex select-none items-center gap-1.5 rounded-xl border-2 border-b-4 px-3 py-2.5 text-[13px] font-medium transition-all duration-200\n                          ".concat(r?"curs

1or-default border-[#E5E5E5] bg-[#F7F7F7] text-[#AFAFAF] opacity-60":"cursor-grab border-[#E5E5E5] bg-white text-[#3C3C3C] shadow-sm active:scale-[1.02] active:border-[#1CB0F6] active:shadow-md","\n                          ").concat(M===e.id?"scale-95 opacity-50":"","\n                        "),style:{touchAction:"none"},children:[(0,n.jsx)("span",{children:e.label}),t&&(0,n.jsx)(l.A,{size:14,className:"text-[#58CC02]"})]})},"mobile-drag-".concat(e.id))})})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"mb-2 text-xs font-semibold uppercase tracking-wide text-[#AFAFAF]",children:"Hedefler"}),(0,n.jsx)("div",{className:"flex flex-col gap-2.5",children:G.map(e=>{let t=v[e.targetId],r=t?V.get(t):void 0,a=w&&t===e.answerId,l=w&&t&&!a;return(0,n.jsx)(f,{id:e.targetId,children:(0,n.jsxs)("div",{className:"\n                          min-h-[70px] rounded-xl border-2 p-3 transition-all duration-200\n                          ".concat(!t?"border-dashed border-[#E5E5E5] bg-white":"","\n                          ").concat(t&&!a&&!l?"border-solid border-[#1CB0F6] bg-white":"","\n                          ").concat(a?"border-solid border-[#46A302] bg-[#D7FFB8]":"","\n                          ").concat(l?"border-solid border-[#E53535] bg-[#FFDFE0]":"","\n                        "),children:[(0,n.jsx)("div",{className:"\n                          mb-1.5 text-[13px] font-semibold\n                          ".concat(a?"text-[#46A302]":"","\n                          ").concat(l?"text-[#E53535]":"","\n                          ").concat(a||l?"":"text-[#3C3C3C]","\n                        "),children:e.left}),t?(0,n.jsxs)("div",{className:"\n                            flex items-center justify-between rounded-lg px-2.5 py-2 text-xs font-medium\n                            ".concat(a?"bg-[#58CC02]/10 text-[#46A302]":"","\n                            ").concat(l?"bg-[#FF4B4B]/10 text-[#E53535]":"","\n                            ").concat(a||l?"":"bg-[#1CB0F6]/10 text-[#1CB0F6]","\n                          "),children:[(0,n.jsx)("span",{children:r}),!w&&(0,n.jsx)("button",{onClick:t=>{t.stopPropagation(),K(e.targetId)},className:"flex h-[22px] w-[22px] flex-shrink-0 items-center justify-center rounded-full bg-[#FF4B4B]/10 text-[#FF4B4B] transition-all duration-150 active:scale-90 active:bg-[#FF4B4B]/20",children:(0,n.jsx)(s.A,{size:14})})]}):(0,n.jsx)("div",{className:"py-2 text-xs italic text-[#AFAFAF]",children:"Buraya s\xfcr\xfckleyin"})]})},"mobile-drop-".concat(e.targetId))})})]})]}),(0,n.jsx)(c.Hd,{children:M?(0,n.jsx)("div",{className:"z-[9999] rounded-xl bg-[#1CB0F6] px-3.5 py-2.5 text-[13px] font-medium text-white shadow-lg",style:{transform:"rotate(3deg) scale(1.05)"},children:null!=(t=V.get(M))?t:M}):null})]}),w&&(0,n.jsx)(p.A,{content:j,isCorrect:W})]}):(0,n.jsxs)("div",{className:"relative z-20 flex h-full w-full flex-col overflow-hidden bg-transparent p-0",children:[(0,n.jsx)("div",{className:"flex min-h-full w-full flex-1 items-center justify-center bg-no-repeat bg-fixed",style:S,children:(0,n.jsxs)("div",{className:"flex w-full max-w-[1280px] items-center justify-center gap-8 px-6 xl:px-8 md:max-lg:flex-col md:max-lg:gap-5 md:max-lg:px-5",children:[(0,n.jsx)("div",{className:"flex items-center justify-center max-w-[550px] md:max-lg:max-w-full",children:(0,n.jsx)("div",{className:"flex max-w-md flex-col items-center gap-5",children:I?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"h-[200px] w-[200px] flex-shrink-0 overflow-hidden rounded-full border-[5px] border-white/90 bg-white/10 shadow-xl",children:(0,n.jsx)("img",{src:(null==B?void 0:B.image_url)||"/images/default-character.png",alt:I.name,className:"h-full w-full object-cover"})}),(0,n.jsxs)("div",{className:"-order-1 relative z-10 mb-5 w-full max-w-[495px]",children:[(0,n.jsx)("div",{className:"rounded-2xl border-2 border-b-4 border-[#E5E5E5] bg-white p-7 shadow-md",children:(0,n.jsxs)("div",{className:"text-center text-lg font-medium leading-relaxed text-[#3C3C3C]",children:[(0,n.jsx)("div",{children:Y}),(0,n.jsx)("div",{className:"mt-3 text-base font-normal text-[#777]",children:J})]})}),(0,n.jsx)("div",{className:"absolute left-1/2 top-full -mt-px -translate-x-1/2",style:{width:0,height:0,borderLeft:"18px s

1olid transparent",borderRight:"18px solid transparent",borderTop:"18px solid white",filter:"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))"}})]})]}):(0,n.jsx)("div",{className:"w-full max-w-[625px]",children:(0,n.jsx)("div",{className:"rounded-2xl border-2 border-b-4 border-[#E5E5E5] bg-white p-8 shadow-md",children:(0,n.jsxs)("div",{className:"text-center text-xl font-medium leading-relaxed text-[#3C3C3C]",children:[(0,n.jsx)("div",{children:Y}),(0,n.jsx)("div",{className:"mt-3 text-lg font-normal text-[#777]",children:J})]})})})})}),(0,n.jsx)("div",{className:"flex items-center justify-center max-w-[720px] md:max-lg:max-w-full",children:(0,n.jsxs)(h.A,{className:"z-50 flex w-full max-w-[700px] flex-col gap-5 p-6 md:max-lg:max-w-full md:max-lg:p-5",children:[(0,n.jsx)("div",{className:"text-center",children:(0,n.jsxs)("h3",{className:"m-0 flex items-center justify-center text-lg font-semibold text-[#3C3C3C]",children:[(0,n.jsx)(i.A,{size:18,className:"mr-2 inline"}),"Eşleştirme Yapın"]})}),(0,n.jsx)("div",{className:"w-full",children:(0,n.jsxs)(c.Mp,{sensors:R,collisionDetection:X,onDragStart:q,onDragEnd:U,children:[(0,n.jsxs)("div",{className:"grid w-full grid-cols-2 gap-5",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,n.jsx)("div",{className:"rounded-lg border border-[#E5E5E5] bg-[#F7F7F7] px-3 py-2 text-center text-sm font-semibold text-[#3C3C3C]",children:"S\xfcr\xfcklenecek \xd6ğeler"}),(0,n.jsx)("div",{className:"flex min-h-[200px] flex-col gap-3",children:Q.map(e=>{let t=Object.values(v).includes(e.id),r=w||t;return(0,n.jsx)(g,{id:e.id,disabled:r,children:(0,n.jsx)("div",{className:"\n                                flex min-h-[80px] select-none items-center justify-center whitespace-pre-wrap break-words rounded-xl border-2 border-b-4 p-3 text-center text-[13px] font-medium leading-relaxed transition-all duration-300\n                                ".concat(r?"cursor-not-allowed border-[#E5E5E5] bg-[#F7F7F7] text-[#AFAFAF] opacity-50":"cursor-grab border-[#E5E5E5] bg-white text-[#3C3C3C] shadow-sm hover:-translate-y-0.5 hover:border-[#1CB0F6] hover:shadow-md","\n                              "),children:e.label})},"right-".concat(e.id))})})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,n.jsx)("div",{className:"rounded-lg border border-[#E5E5E5] bg-[#F7F7F7] px-3 py-2 text-center text-sm font-semibold text-[#3C3C3C]",children:"Eşleştirilecekler"}),(0,n.jsx)("div",{className:"flex min-h-[200px] flex-col gap-3",children:G.map(e=>{let t=v[e.targetId],r=t?V.get(t):void 0,a=w&&t===e.answerId,l=w&&t&&!a,i=!w&&t,c=!w&&!t,d=T[e.targetId];return(0,n.jsx)(f,{id:e.targetId,children:(0,n.jsxs)("div",{className:"\n                                relative flex min-h-[80px] w-full items-center rounded-xl border-2 p-3 pb-[42px] transition-all duration-300\n                                ".concat(c?"border-dashed border-[#E5E5E5] bg-white":"","\n                                ").concat(i?"border-solid border-[#1CB0F6] bg-[#1CB0F6]/10":"","\n                                ").concat(a?"border-solid border-[#46A302] bg-[#D7FFB8]":"","\n                                ").concat(l?"border-solid border-[#E53535] bg-[#FFDFE0]":"","\n                                ").concat("correct"===d?"animate-correctPulse":"","\n                                ").concat("incorrect"===d?"animate-incorrectShake":"","\n                              "),onAnimationEnd:()=>$(e.targetId),children:[(0,n.jsx)("div",{className:"w-full",children:(0,n.jsx)("span",{className:"\n                                  whitespace-pre-wrap break-words text-[13px] font-medium leading-relaxed\n                                  ".concat(a?"font-bold text-[#46A302]":"","\n                                  ").concat(l?"font-semibold text-[#E53535]":"","\n                                  ").concat(a||l?"":"text-[#3C3C3C]","\n                                "),children:e.left})}),t&&(0,n.jsxs)("div",{className:"\n                                  absolute bottom-2.5 right-2.5 inline-flex max-w-[calc(100%-20px)] items-center gap-1.5 rounded-md px-2.5 py-1.5 

1shadow-sm\n                                  ".concat(a?"bg-[#58CC02]/15":"","\n                                  ").concat(l?"bg-[#FF4B4B]/15":"","\n                                  ").concat(a||l?"":"bg-[#1CB0F6]/15","\n                                "),children:[(0,n.jsx)("span",{className:"\n                                      overflow-hidden text-ellipsis whitespace-nowrap text-xs font-semibold\n                                      ".concat(a?"font-bold text-[#46A302]":"","\n                                      ").concat(l?"font-bold text-[#E53535]":"","\n                                      ").concat(a||l?"":"text-[#1CB0F6]","\n                                    "),title:r,children:r}),!w&&(0,n.jsx)("button",{onClick:()=>K(e.targetId),className:"flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-[#FF4B4B]/10 text-[#FF4B4B] border-b-2 border-transparent transition-all duration-200 hover:scale-110 active:translate-y-[2px] active:scale-100 hover:bg-[#FF4B4B]/20","aria-label":"".concat(r," eşleşme kaldırma"),children:(0,n.jsx)(s.A,{size:12})})]})]},"".concat(e.targetId,"-").concat(d||"static"))},"left-".concat(e.targetId))})})]})]}),(0,n.jsx)(c.Hd,{children:M?(0,n.jsx)("div",{className:"z-[1000] flex min-h-[80px] items-center justify-center rounded-xl border-2 border-b-4 border-[#1899D6] bg-[#1CB0F6] p-3 text-center text-[13px] font-medium text-white shadow-lg",style:{transform:"rotate(5deg) scale(1.05)"},children:null!=(r=V.get(M))?r:M}):null})]})}),(0,n.jsxs)("div",{className:"mt-4 flex flex-wrap items-center gap-2 border-t border-[#E5E5E5] pt-3",children:[(0,n.jsx)(u.A,{variant:"primary",onClick:()=>{w?N():E()},disabled:!w&&!Z,children:(0,n.jsx)("span",{children:w?"Devam Et":"Kontrol Et"})}),w&&(0,n.jsx)(p.A,{content:j,isCorrect:W}),Q.length>0&&Q.every(e=>Object.values(v).includes(e.id))&&(0,n.jsxs)("div",{className:"ml-4 flex items-center gap-2 whitespace-nowrap rounded-xl bg-[#58CC02]/15 px-4 py-2.5 text-sm font-semibold text-[#46A302]",children:[(0,n.jsx)("span",{style:{fontSize:"16px"},children:"\uD83C\uDF89"}),(0,n.jsx)("span",{children:"T\xfcm \xf6ğeler eşleştirildi!"})]})]})]})})]})}),(0,n.jsx)("style",{children:"\n        @keyframes correctPulse {\n          0% {\n            box-shadow: 0 12px 32px rgba(88, 204, 2, 0.4);\n          }\n          50% {\n            box-shadow:\n              0 20px 50px rgba(88, 204, 2, 0.6),\n              0 10px 30px rgba(70, 163, 2, 0.5);\n          }\n          100% {\n            box-shadow:\n              0 16px 40px rgba(88, 204, 2, 0.5),\n              0 8px 24px rgba(70, 163, 2, 0.4);\n          }\n        }\n        @keyframes incorrectShake {\n          0%, 100% {\n            transform: translateX(0);\n          }\n          25% {\n            transform: translateX(-4px);\n          }\n          75% {\n            transform: translateX(4px);\n          }\n        }\n        .animate-correctPulse {\n          animation: correctPulse 0.6s ease-out forwards;\n          animation-iteration-count: 1;\n        }\n        .animate-incorrectShake {\n          animation: incorrectShake 0.5s ease-out forwards;\n          animation-iteration-count: 1;\n        }\n      "})]})});j.displayName="MatchingComponent";let v=j},49891:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(17963).A)("Link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]])}}]);