{"version":3,"file":"Bubblechat.BrdVV5Ec.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/TAYUUmfJIn9qoSTOY9OT/uiGFhSITf93nqMzjuSAH/Bubblechat.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,AnimatePresence}from\"framer-motion\";/**\n * PingPongBubbles.tsx\n * - 대화 말풍선이 위 → 아래로 나타났다 사라졌다가 반복되는 무한 루프 버전\n */const conversation=[{text:\"오사카 스시 맛집이 궁금해요! 🍣\",align:\"right\"},{text:\"지금 삿포로 날씨 어때요? ☃️\",align:\"left\"},{text:\"유니버셜 같이 가실분!\",align:\"right\"},{text:\"今日はソンスドンに遊びに行くんです！\",align:\"left\"},{text:\"다음주에 도쿄가는데 유명한 라멘집 있나요? 😂\",align:\"right\"}];// 하나가 나타나는 시간 간격\nconst APPEAR_DELAY=.9;export default function PingPongBubblesLoop(){const[cycle,setCycle]=React.useState(0);// === 핵심: 주기적으로 cycle 증가시키면 → 말풍선 전체 애니메이션이 재시작됨 ===\nReact.useEffect(()=>{const totalDuration=conversation.length*APPEAR_DELAY+2// 여유시간\n;const timer=setInterval(()=>{setCycle(c=>c+1)// → 변화하면 AnimatePresence가 새로 렌더\n;},totalDuration*1e3);return()=>clearInterval(timer);},[]);return /*#__PURE__*/_jsx(\"div\",{style:{width:320,height:600,position:\"relative\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\",background:\"transparent\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",width:\"100%\"},children:conversation.map((msg,i)=>/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0,y:20,scale:.92},animate:{opacity:1,y:0,scale:1},transition:{delay:i*APPEAR_DELAY,duration:.35,ease:\"easeOut\"},style:{maxWidth:\"75%\",marginBottom:25,padding:\"6px 9px\",borderRadius:10,alignSelf:msg.align===\"right\"?\"flex-end\":\"flex-start\",background:\"linear-gradient(135deg, #FFAFE6 0%, #809CFF 100%)\",color:\"#1E1E1E\",fontSize:12,fontWeight:800,boxShadow:\"0 2px 6px rgba(0,0,0,0.08)\"},children:msg.text},i))},cycle)})});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PingPongBubblesLoop\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Bubblechat.map"],"mappings":"iLAIsB,SAAwB,GAAqB,CAAC,GAAK,CAAC,EAAM,GAAUA,EAAe,EAAE,CAGhD,OAF3D,MAAoB,CAAC,IAAM,EAAc,EAAa,OAAO,EAAa,EACnE,EAAM,gBAAgB,CAAC,EAAS,GAAG,EAAE,EAAE,EAC3C,EAAc,IAAI,CAAC,UAAU,cAAc,EAAM,EAAG,EAAE,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,OAAO,IAAI,SAAS,WAAW,QAAQ,OAAO,cAAc,SAAS,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,WAAW,cAAc,CAAC,SAAsB,EAAK,EAAgB,CAAC,SAAsB,EAAK,EAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,MAAM,OAAO,CAAC,SAAS,EAAa,KAAK,EAAI,IAAiB,EAAK,EAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,EAAa,SAAS,IAAI,KAAK,UAAU,CAAC,MAAM,CAAC,SAAS,MAAM,aAAa,GAAG,QAAQ,UAAU,aAAa,GAAG,UAAU,EAAI,QAAQ,QAAQ,WAAW,aAAa,WAAW,oDAAoD,MAAM,UAAU,SAAS,GAAG,WAAW,IAAI,UAAU,6BAA6B,CAAC,SAAS,EAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAM,CAAC,CAAC,CAAC,CAAC,sBAP76B,IAA4B,IAAkD,CAGhH,EAAa,CAAC,CAAC,KAAK,sBAAsB,MAAM,QAAQ,CAAC,CAAC,KAAK,oBAAoB,MAAM,OAAO,CAAC,CAAC,KAAK,eAAe,MAAM,QAAQ,CAAC,CAAC,KAAK,qBAAqB,MAAM,OAAO,CAAC,CAAC,KAAK,6BAA6B,MAAM,QAAQ,CAAC,CACnO,EAAa"}