https://awesome-ui.netlify.app/assets/index.5feb57de.js

1import{c as m}from"./classnames.285211e2.js";import{r as n}from"./react.40d55fc3.js";import{b as he}from"./react-custom-roulette.fb3d405b.js";import{i as J}from"./react-device-detect.d0303c29.js";import{c as Ae,B as fe,R as Fe,F as ge,H as be}from"./@react-icons.f17bf47c.js";import{u as Se,p as Ne,a as xe}from"./nuqs.016943c5.js";import{l as P}from"./react-copy-to-clipboard.2d990e37.js";import{L as S}from"./react-router-dom.b2aaa9c3.js";import{A as Ee}from"./index.8e07fb48.js";import{S as De}from"./index.428e2ee7.js";import{h as ye}from"./html2canvas.c4a43e03.js";import{g as we}from"./index.c1d07cb3.js";import{a as s,j as t,F as ve}from"./@fullcalendar.36f16b68.js";import{L as ke,d as Ie,A as Te,m as Le}from"./framer-motion.d63dfd35.js";import"./ua-parser-js.480e675d.js";import"./@babel.c86b753e.js";import"./react-router.05a37f8f.js";import"./history.dc1b2915.js";import"./copy-to-clipboard.91f73d5f.js";import"./toggle-selection.b84dd588.js";import"./react-dom.f0b82aed.js";import"./scheduler.4fd1d3cd.js";import"./@tanstack.23e891b4.js";import"./lucide-react.8366dbb2.js";import"./react-helmet.d6b43352.js";import"./prop-types.7817da0a.js";import"./react-side-effect.43e17ec0.js";import"./react-fast-compare.d8e92822.js";import"./object-assign.9840bf7d.js";import"./smoothscroll-polyfill.a3a473e8.js";import"./use-dark-mode.4067c07f.js";import"./@use-it.bccd4003.js";import"./use-persisted-state.af312e05.js";import"./react-loading-skeleton.19e70efd.js";import"./axios.e3200588.js";import"./zustand.5f3a1112.js";import"./lodash-es.b602cefb.js";import"./react-intersection-observer.1813a64e.js";import"./swiper.5835bac5.js";import"./ssr-window.10fb1174.js";import"./date-fns.edd3dae1.js";import"./preact.a3dea779.js";import"./motion-dom.61516272.js";import"./motion-utils.fc8d212b.js";const xt=()=>{const N=[{option:"\uC0AC\uACFC"},{option:"\uC624\uB80C\uC9C0"},{option:"\uBC30"}],x=["#fcef81","#65dfc4","#81dffc","#7072f8","#ffae89"],H=["\uCE58\uD0A8","\uD584\uBC84\uAC70","\uD53C\uC790","\uB5A1\uBCF6\uC774","\uB3C8\uAE4C\uC2A4"],h=n.exports.useRef(null),[p,V]=n.exports.useState(null),Y=async e=>{var i;if(h.current)try{const r=await ye(h.current,{scale:2,useCORS:!0,logging:!1}),u=r.getContext("2d");if(u){const c=window.innerWidth>550,B=window.innerWidth<400,C=window.innerWidth/2,d=c?r.height/2-50:r.height/2+(B?20:10),z=c?r.height-320:r.height-(B?190:240),U=e.length>6,pe=U?32:c?50:40;u.font=`bold ${pe}px Arial`,u.fillStyle=(i=x[F])!=null?i:"white",u.textAlign="center",u.textBaseline="top",u.lineJoin="round",u.lineCap="round";const O=`${e}`;u.strokeStyle="black",u.lineWidth=U?8:10,u.strokeText(O,C,d),u.fillText(O,C,d),u.fillStyle="white",u.font=`bold ${19}px Arial`,u.lineWidth=6,u.strokeText("\u{1F389} \uB2F9\uCCA8 \u{1F389}",C,d-(B?35:45)),u.fillText("\u{1F389} \uB2F9\uCCA8 \u{1F389}",C,d-(B?35:45));const _="https://awesome-ui.netlify.app/roulette/",Be=c?15:14;u.font=`600 ${Be}px Arial`,u.fillStyle="white",u.strokeStyle="black",u.lineWidth=6,u.strokeText(_,C,z),u.fillText(_,C,z);const de=r.toDataURL("image/png");V(de)}}catch(r){return console.error("\uACB0\uACFC \uCEA1\uCC98 \uC911 \uC624\uB958 \uBC1C\uC0DD:",r),null}else console.error("Ref\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")},E=localStorage.getItem("rouletteList"),D=E?JSON.parse(E):H,[y,q]=Se("items",Ne(xe).withDefault(D)),[w,Q]=n.exports.useState(!1),[X,v]=n.exports.useState(!1),G=()=>{v(!0),setTimeout(()=>v(!1),2e3)},[A,K]=n.exports.useState(()=>{const e=localStorage.getItem("recentMenus");return e?JSON.parse(e):[]}),Z=we(A),ee=y.length>0?y:D,[o,f]=n.exports.useState(ee),[te,ue]=n.exports.useState(!0),[l,k]=n.exports.useState(!1),[F,se]=n.exports.useState(0),[a,I]=n.exports.useState(""),[g,T]=n.exports.useState(N),[ie,L]=n.exports.useState(!1);n.exports.useEffect(()=>{if(a){const e=setTimeout(()=>{Y(a)},200);return()=>clearTimeout(e)}},[a]);const R=()=>{T(oe(g));const e=Math.floor(Math.random()*N.length);se(e),k(!0),I(""),L(!1),ue(!1),setTimeout(()=>{window.scrollTo({top:0,behavior:"smooth"})},100),localStorage.setItem("rouletteList",JSON.stringify(o))},ne=20,oe=e=>e.sort(()=>.5-Math.random());n.exports.useEffect(()=>{let e=[];o.map(i=>e.push({option:i})),T(e)},[o]);const re=()=>{const e=g[F].option;k(!1),I(e),L(!0);const i=[e,...A.slice(0,9)];K(i),localStorage.setItem("recentMenus",JSON.stringify(i))},M=e=>{f(e),q(e),w||Q(!0)},ae=(e,i)=>{const{value:r}=e.target,u=[...o];u[i]=r,M(u)},le=e=>

1{const r=[...o].filter((u,c)=>c!==e);f(r),M(r)},ce=()=>{f([...o,""]),setTimeout(()=>{const e=document.getElementById(`input${o.length}`);e&&(J&&e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus())},400)},[b,$]=n.exports.useState(!1),W=n.exports.useRef();n.exports.useEffect(()=>{!b||(clearTimeout(W.current),W.current=setTimeout(()=>{$(!1)},1e3))},[b]);const j=n.exports.useMemo(()=>o.some(e=>e.trim()==="")||l,[o,l]),Ce=()=>{if(p){const e=document.createElement("a");e.href=p,e.download="menu-result.png",e.click()}else console.error("\uCEA1\uCC98\uB41C \uC774\uBBF8\uC9C0\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.")},me={container:"#btn-share-kakao",objectType:"feed",content:{title:a?`\u{1F389} ${a} \uB2F9\uCCA8! \u{1F389}`:"\uB8F0\uB81B \uB3CC\uB9AC\uAE30",description:a?`\uC624\uB298 \uB2F9\uCCA8 \uACB0\uACFC\uB294 ${a} \uC785\uB2C8\uB2E4 \u{1F973}`:"\uB79C\uB364 \uB8F0\uB81B \uB3CC\uB9AC\uAE30",imageUrl:"https://awesome-ui.netlify.app/og-square-roulette.jpg",link:{mobileWebUrl:`https://awesome-ui.netlify.app/roulette/?items=${o.join(",")}`,webUrl:`https://awesome-ui.netlify.app/roulette/?items=${o.join(",")}`}},buttons:[{title:"\uC0C8 \uB8F0\uB81B \uB9CC\uB4E4\uAE30",link:{mobileWebUrl:"https://awesome-ui.netlify.app/roulette/"}},{title:"\uB8F0\uB81B \uB2E4\uC2DC \uB3CC\uB9AC\uAE30",link:{mobileWebUrl:`https://awesome-ui.netlify.app/roulette/?items=${o.join(",")}`}}]};return s("div",{className:"page-roulette",children:[s("div",{className:"hide",children:[t("h1",{children:"\uB8F0\uB81B \uB3CC\uB9AC\uAE30, \uBA54\uB274\uACE0\uB974\uAE30"}),t("p",{children:"\uB8F0\uB81B \uB9CC\uB4E4\uAE30, \uB8F0\uB81B \uB3CC\uB9AC\uAE30, \uB8F0\uB81B \uAC8C\uC784 \uB79C\uB364 \uCD94\uCCA8, \uB8F0\uB81B \uB3CC\uB9BC\uD310, \uB79C\uB364 \uBF51\uAE30, \uBA54\uB274 \uACE0\uB974\uAE30"})]}),s("div",{className:"page-desc",children:[t("h2",{className:"title",children:"\uB8F0\uB81B \uB3CC\uB9AC\uAE30"}),t("p",{children:"\uB8F0\uB81B \uB3CC\uB9AC\uAE30 \uAC8C\uC784, \uC81C\uBE44\uBF51\uAE30, \uB2F9\uCCA8\uC790 \uCD94\uCCA8, \uB79C\uB364 \uC6D0\uD310\uB3CC\uB9AC\uAE30, \uB124\uC774\uBC84 \uB8F0\uB81B\uB3CC\uB9AC\uAE30\uCC98\uB7FC \uAC04\uD3B8\uD55C \uB79C\uB364\uCD94\uCCA8 \uB8F0\uB81B"})]}),s("section",{className:"menu-wrap",children:[s("div",{className:m("result-info",{on:l},{isResult:ie}),children:[s("p",{className:"ready",children:[t("span",{className:"ico",children:"\u{1F941}"})," "]}),t("p",{className:"result",children:a&&t(ve,{children:s("em",{className:"result-menu",children:[`${a} \u{1F389}`," "]})})})]}),t("div",{className:"wheel-capture",ref:h,children:t("div",{className:m("wheel",{hasResult:a,isSpining:l}),onClick:l?()=>{}:R,children:t(he.exports.Wheel,{mustStartSpinning:l,prizeNumber:F,data:g,backgroundColors:x,onStopSpinning:re,outerBorderWidth:4,radiusLineWidth:4,fontSize:ne,spinDuration:.3})})})]}),t("div",{className:"choice-wrap",children:t("div",{className:"roul-list",children:o.map((e,i)=>s("div",{className:"item",children:[t("input",{type:"text",className:m({empty:e===""}),id:`input${i}`,placeholder:e===""?"\uBA54\uB274\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694":"",value:e,onChange:r=>ae(r,i)}),t("button",{onClick:()=>{le(i)},"aria-label":"\uC0AD\uC81C",children:t(Ae,{})})]},i))})}),s("div",{className:"btn-control",children:[s("div",{className:"btn-wrap",children:[s("button",{className:"btn-add",disabled:j,onClick:ce,children:[t(fe,{}),"\uCD94\uAC00"]}),t("button",{className:"btn-action",disabled:j,onClick:R,children:l?"\u{1F941} \uCD94\uCCA8\uC911":`\uB8F0\uB81B ${te?"":"\uB2E4\uC2DC"} \uB3CC\uB9AC\uAE30`})]}),w&&t(P,{text:`https://awesome-ui.netlify.app/roulette/?items=${o.join(",")}`,onCopy:G,children:s("button",{type:"button",className:"btn-menu-share",children:["\uD604\uC7AC \uB8F0\uB81B\uD310 \uACF5\uC720\uD558\uAE30 ",t(Fe,{})]})})]}),A.length>0&&t("div",{className:"recent-menu-wrap",children:s("div",{className:"recent-menus",children:[t("h3",{children:"\uCD5C\uADFC \uCD94\uCCA8 \uACB0\uACFC"}),t("ul",{children:Z.map(({menu:e,count:i})=>s("li",{children:[t("span",{className:"menu",children:e}),i>1&&s("span",{className:"count",children:["x",i]})]},e))})]})}),t(ke,{features:Ie,strict:!0,children:t(Te,{children:p&&s(Le.div,{layout:!0,initial:{opacity:0,scale:.8}

1,animate:{opacity:1,scale:1},transition:{duration:.5,ease:"easeInOut"},exit:{opacity:0,scale:.8},className:"share-result",children:[t("div",{className:"img-area",children:t("img",{src:p,alt:""})}),s("div",{className:"share-btns",children:[t("div",{className:"share-result-img",children:s("button",{onClick:Ce,className:"tag-menu-save",children:[t(ge,{})," \uC774\uBBF8\uC9C0 \uC800\uC7A5"]})}),t(P,{text:`https://awesome-ui.netlify.app/roulette/?items=${o.join(",")}`,onCopy:()=>{$(!0)},children:s("button",{type:"button","aria-label":"\uB9C1\uD06C \uBCF5\uC0AC",className:"tag-menu-copy link-share",children:[t(be,{}),"\uB9C1\uD06C \uBCF5\uC0AC"]})}),t(De,{result:a,shareContent:me}),J&&s("p",{className:"share-guide",children:[t("span",{className:"emo",children:"\u{1F448}"}),"\uC774\uBBF8\uC9C0\uB97C \uAFB9 \uB20C\uB7EC \uACF5\uC720\uAC00\uB2A5"]})]})]})})}),s("div",{className:"custom-guide",children:[t("div",{className:"flex-btn",children:t(S,{to:"/pinball/",className:"point",children:"\u{1F579}\uFE0F \uB79C\uB364 \uD540\uBCFC \uBF51\uAE30"})}),s("div",{className:"flex-btn",children:[t(S,{to:"/menumbti/",children:"MBTI \uBA54\uB274 \uD14C\uC2A4\uD2B8"}),t(S,{to:"/choice/",children:"\uBA54\uB274 \uBC38\uB7F0\uC2A4\uAC8C\uC784"})]})]}),t("div",{className:m("menu-snackbar",{show:b}),children:"\uB9C1\uD06C \uBCF5\uC0AC\uC644\uB8CC \u{1F60E}"}),t("div",{className:m("menu-snackbar",{show:X}),children:"\uB8F0\uB81B\uD310 \uB9C1\uD06C \uBCF5\uC0AC\uC644\uB8CC \u{1F60E}"}),t(Ee,{})]})};export{xt as Roulette,xt as default};