(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[714],{42:()=>{},4102:(e,t,s)=>{"use strict";s.d(t,{Ay:()=>a});var i=s(5155),c=s(2115);function a(e){let{src:t,alt:s,className:a="",size:r="full",isModal:n=!1,loading:o="lazy",onLoad:l,onError:d,onClick:m,style:u,draggable:h=!1,onContextMenu:p,title:b,"aria-label":g,objectFit:k="contain",...y}=e,[w,x]=(0,c.useState)(""),[j,v]=(0,c.useState)(!1),[f,N]=(0,c.useState)(!1),[S,C]=(0,c.useState)(!0);return((0,c.useEffect)(()=>{n||"full"===r?x(t):x(function(e){if(!e||e.startsWith("data:")||e.startsWith("http")||e.includes("/icons/")||e.toLowerCase().endsWith(".gif"))return e;let t=(e.startsWith("/")?e.slice(1):e).split("/"),s=t[t.length-1].replace(/\.[^/.]+$/,""),i=e.toLowerCase();return i.includes(".mp4")||i.includes(".webm")||i.includes(".mov")||i.includes(".avi")?"/thumbnails/".concat(s,".webm"):"/thumbnails/".concat(s,".webp")}(t)),v(!1),N(!1),C(!0)},[t,r,n]),w&&""!==w)?(0,i.jsxs)("div",{className:"optimized-image-container",style:{position:"relative",width:"100%",height:"100%"},children:[S&&"thumbnail"===r&&(0,i.jsx)("div",{className:"image-loading-overlay",children:(0,i.jsx)("div",{className:"image-throbber"})}),(0,i.jsx)("img",{src:w,alt:s,className:"optimized-image ".concat(a," ").concat(f?"loaded":"loading"),loading:o,onLoad:()=>{N(!0),C(!1),l&&l()},onError:()=>{C(!1),j||n||"full"===r?d&&d():(v(!0),x(t),C(!0))},onClick:m,style:{...(()=>{let e={};switch(k){case"cover":default:e.objectFit="cover";break;case"contain":e.objectFit="contain";break;case"align-top":e.objectFit="cover",e.objectPosition="top center";break;case"align-bottom":e.objectFit="cover",e.objectPosition="bottom center";break;case"align-left":e.objectFit="cover",e.objectPosition="left center";break;case"align-right":e.objectFit="cover",e.objectPosition="right center";break;case"align-centre":e.objectFit="cover",e.objectPosition="center center"}return e})(),...u,opacity:+!!f,transition:"opacity 0.3s ease-in-out"},draggable:h,onContextMenu:p,title:b,"aria-label":g,...y})]}):null}},4560:(e,t,s)=>{Promise.resolve().then(s.bind(s,9236))},9236:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>n});var i=s(5155),c=s(2115),a=s(4102);function r(e){if(!e||""===e)return e;let t=e.split("/"),s=t[t.length-1].split(".")[0];return"/thumbnails/".concat(s,".webp")}function n(){var e;let[t,s]=(0,c.useState)(null),[n,o]=(0,c.useState)([]),[l,d]=(0,c.useState)(!1),[m,u]=(0,c.useState)("featured"),[h,p]=(0,c.useState)(null),[b,g]=(0,c.useState)(!1),[k,y]=(0,c.useState)(!1),[w,x]=(0,c.useState)(0),[j,v]=(0,c.useState)(5),[f,N]=(0,c.useState)(new Set(["stickers","plushies","pins","pin-sets","toys","standees"])),[S,C]=(0,c.useState)(!0),_=[{id:"thumbs-up-sticker",name:"Thumbs Up ! Sticker",price:8,description:"These cheerful thumbs up stickers spread good energy wherever they go, on your bottle, your computer, your friend's' face, public property, you name it ! (legally joking)",image:r("/content/merch/stickers/sticker_thumbs-up.webp"),images:[r("/content/merch/stickers/sticker_thumbs-up.webp"),r("/content/merch/bottle-sticker-thumbsup.webp")],category:"stickers"},{id:"yuu-sticker",name:"Yuu Sticker",price:8,description:"Flatter than a very flat pancake !",image:r("/content/merch/stickers/sticker_yuu.webp"),images:[r("/content/merch/stickers/sticker_yuu.webp"),r("/content/merch/bottle-sticker-yuu.webp")],category:"stickers"},{id:"twilight-sticker",name:"Twilight Sticker",price:8,description:"We hydraulic pressed him.",image:r("/content/merch/stickers/sticker_twilight.webp"),images:[r("/content/merch/stickers/sticker_twilight.webp"),r("/content/merch/bottle-sticker-twilight.webp")],category:"stickers"},{id:"bee-sticker",name:"Bee Sticker",price:8,description:"",image:r("/content/merch/stickers/sticker_bee.webp"),images:[r("/content/merch/stickers/sticker_bee.webp"),r("/content/merch/bottle-sticker-bee.webp")],category:"stickers"},{id:"pixelyuu-sticker",name:"Pixel Yuu Sticker",price:8,description:"Yuu if they were rreaallyyyy small ! That's how that works !",image:r("/content/merch/stickers/sticker_pixelyuu.webp"),images:[r("/content/merch/stickers/sticker_pixelyuu.webp"),r("/content/merch/bottle-sticker-pixelyuu.webp")],category:"stickers"},{id:"smartyuu-sticker",name:"Smart Yuu Sticker",price:8,description:"It's like one of those vibe stickers, your IQ will INCREASE",image:r("/content/merch/stickers/sticker_smart-yuu.webp"),images:[r("/content/merch/stickers/sticker_smart-yuu.webp"),r("/content/merch/bottle-sticker-smartyuu.webp")],category:"stickers"},{id:"yuucoin-stickers",name:"Yuu Coins Stickers 4 Pack",price:8,description:"",image:r("/content/merch/stickers/sticker_yuucoins.webp"),images:[r("/content/merch/stickers/sticker_yuucoins.webp"),r("/content/merch/stickers/sticker_yuucoin-platinum.webp"),r("/content/merch/stickers/sticker_yuucoin-gold.webp"),r("/content/merch/stickers/sticker_yuucoin-silver.webp"),r("/content/merch/stickers/sticker_yuucoin-bronze.webp"),r("/content/merch/bottle-sticker-yuucoins.webp")],category:"stickers"},{id:"espirii-stickers",name:"Espi & Rii Stickers 4 Pack",price:8,description:"Look at 'em go",image:r("/content/merch/stickers/sticker_espirii.webp"),images:[r("/content/merch/stickers/sticker_espirii.webp"),r("/content/merch/stickers/sticker_espirii1.webp"),r("/content/merch/stickers/sticker_espirii2.webp"),r("/content/merch/stickers/sticker_espirii3.webp"),r("/content/merch/stickers/sticker_espirii4.webp")],category:"stickers"},{id:"yuu-plushie",name:'Yuu Plushie 10"',price:35,description:"Yuu can now sit on your shelf ! The wonders of modern mass-manufactured technology.",image:r("/content/merch/YuuPlushie.webp"),category:"plushies"},{id:"yuu-fish-plushie",name:'Yuu (Fish Form) Plushie 11"',price:35,description:"Bug eyed, stupid and shaped like a football ! Do with that what you will.",image:r("/content/merch/Fish-Rotate-6.webp"),images:[r("/content/merch/Fish-Rotate-6.webp"),r("/content/merch/Fish-Rotate-4.webp"),r("/content/yuu-fish-spinny.gif")],category:"plushies"},{id:"twilight-plushie",name:'Twilight Plushie 10"',price:37,description:"",image:r("/content/merch/ComingSoon.webp"),category:"plushies"},{id:"espi-rii-plushie-set",name:'Espi & Rii Dual Plushie Set 10"',price:65,description:"The dynamic duo! Wouldn't it be cruel to sell them seperately ~ ?",image:r("/content/merch/plush-espirii.webp"),category:"plushies"},{id:"smart-yuu-pin",name:"Smart Yuu Pin",price:13,description:"Intellectual Yuu pin with glasses! Perfect for showing off your brainy side.",image:r("/content/merch/smartyuupin.webp"),category:"pins"},{id:"espi-rii-pin-set",name:"Espi & Rii Dual Pin Set",price:23,description:"The inseperable duo ! I mean, you can, seperate them,, but you wouldn't do that.",image:r("/content/merch/plush-espirii.webp"),category:"pin-sets"},{id:"yuu-ball-stress-toy",name:"Yuu Ball Stress Toy",price:17,description:"Take out all your frustrations on Yuu, now aerodynamically shaped ! Yuu stress ball! ",image:r("/content/merch/ComingSoon.webp"),category:"toys"},{id:"yuu-standee",name:'Yuu Standee 6"',price:35,description:"",image:r("/content/merch/standee-yuu.webp"),images:[r("/content/merch/standee-yuu.webp"),r("/content/merch/desk-standee-yuu.webp")],category:"standees"},{id:"twilight-standee",name:'Twilight Standee 6"',price:37,description:"",image:r("/content/merch/standee-twilight.webp"),images:[r("/content/merch/standee-twilight.webp"),r("/content/merch/desk-standee-twilight.webp")],category:"standees"},{id:"cindred-standee",name:'Cindred Standee 6"',price:38,description:"",image:r("/content/merch/ComingSoon.webp"),category:"standees"},{id:"bee-standee",name:'Bee Standee 6"',price:65,description:"",image:r("/content/merch/standee-bee.webp"),images:[r("/content/merch/standee-bee.webp"),r("/content/merch/desk-standee-bee.webp")],category:"standees"}],P=["stickers","plushies","pins","pin-sets","toys","standees"],E=[{value:"featured",label:"Featured"},{value:"name-asc",label:"Name A-Z"},{value:"name-desc",label:"Name Z-A"},{value:"price-asc",label:"Price Low-High"},{value:"price-desc",label:"Price High-Low"}],F=e=>{let t=new Set(f);t.has(e)?t.delete(e):t.add(e),N(t),C(P.every(e=>t.has(e)))},Y=[..._.filter(e=>f.has(e.category))].sort((e,t)=>{switch(m){case"name-asc":return e.name.localeCompare(t.name);case"name-desc":return t.name.localeCompare(e.name);case"price-asc":return e.price-t.price;case"price-desc":return t.price-e.price;default:return 0}}),L=[];for(let e=0;e<Y.length;e+=j)L.push(Y.slice(e,e+j));let A=e=>{o(t=>t.find(t=>t.id===e.id)?t.map(t=>t.id===e.id?{...t,quantity:t.quantity+1}:t):[...t,{...e,quantity:1}])},T=()=>n.reduce((e,t)=>e+t.quantity,0),z=e=>e.images&&e.images.length>0?e.images:[e.image],q=(e,t)=>{let s=z(t);x(t=>"next"===e?(t+1)%s.length:0===t?s.length-1:t-1)},I=e=>{s(e),x(0)};return(0,c.useEffect)(()=>(document.body.classList.add("classic-storefront-page"),()=>{document.body.classList.remove("classic-storefront-page")}),[]),(0,c.useEffect)(()=>{let e=()=>{let e=window.innerWidth;e<=768?v(3):e<=1134?v(4):v(5)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[v]),(0,c.useEffect)(()=>{let e=e=>{let t=e.target;b&&!t.closest(".filter-dropdown")&&g(!1),k&&!t.closest(".sort-dropdown")&&y(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[b,k]),(0,i.jsxs)("div",{className:"classic-storefront-page navbar-spaced",children:[(0,i.jsxs)("div",{className:"storefront-header",children:[(0,i.jsxs)("h1",{className:"storefront-title",children:[(0,i.jsx)("span",{className:"storefront-title-note",children:"(mockup)"})," ","merch shop!"," ",(0,i.jsx)("span",{className:"storefront-title-note",children:"(not real) (yet)"})]}),(0,i.jsx)("p",{className:"storefront-subtitle",children:"my babies, now commodified !"}),(0,i.jsx)("div",{className:"awning-container",children:(0,i.jsx)("div",{className:"awning"})})]}),(0,i.jsxs)("div",{className:"store-controls",children:[(0,i.jsxs)("div",{className:"sort-controls",children:[(0,i.jsx)("span",{className:"sort-label",children:"Sort by:"}),(0,i.jsxs)("div",{className:"sort-dropdown",children:[(0,i.jsxs)("button",{className:"sort-select",onClick:()=>y(!k),children:[(null==(e=E.find(e=>e.value===m))?void 0:e.label)||"Featured",(0,i.jsx)("span",{style:{marginLeft:"8px"},children:"▼"})]}),k&&(0,i.jsx)("div",{className:"sort-dropdown-content",children:E.map(e=>(0,i.jsx)("div",{className:"sort-option",onClick:()=>{u(e.value),y(!1)},children:(0,i.jsx)("span",{className:"sort-option-label",children:e.label})},e.value))})]})]}),(0,i.jsxs)("div",{className:"filter-controls",children:[(0,i.jsx)("span",{className:"filter-label",children:"Filter by type:"}),(0,i.jsxs)("div",{className:"filter-dropdown",children:[(0,i.jsxs)("button",{className:"filter-select",onClick:()=>g(!b),children:[S?"All Categories":"".concat(f.size," Selected"),(0,i.jsx)("span",{style:{marginLeft:"8px"},children:"▼"})]}),b&&(0,i.jsxs)("div",{className:"filter-dropdown-content",children:[(0,i.jsxs)("div",{className:"filter-option",onClick:()=>{S?(N(new Set),C(!1)):(N(new Set(P)),C(!0))},children:[(0,i.jsx)("input",{type:"checkbox",checked:S,onChange:()=>{},className:"filter-checkbox"}),(0,i.jsx)("span",{className:"filter-option-label",children:"All"})]}),P.map(e=>(0,i.jsxs)("div",{className:"filter-option",onClick:()=>F(e),children:[(0,i.jsx)("input",{type:"checkbox",checked:f.has(e),onChange:()=>{},className:"filter-checkbox"}),(0,i.jsx)("span",{className:"filter-option-label",children:e})]},e))]})]})]}),(0,i.jsx)("div",{className:"cart-info",children:(0,i.jsxs)("button",{onClick:()=>d(!l),className:"cart-button",children:[(0,i.jsx)("img",{src:r("/content/icons/merch/cart-64px.png"),alt:"Cart",className:"cart-icon"}),"Cart",T()>0&&(0,i.jsx)("span",{className:"cart-count",children:T()})]})})]}),(0,i.jsx)("div",{className:"shelving-container",children:0===Y.length?(0,i.jsxs)("div",{className:"no-items-message",children:[(0,i.jsx)("h2",{className:"no-items-title",children:"no items found!"}),(0,i.jsx)("p",{className:"no-items-subtitle",children:"try adjusting your filters to see more cute stuff!"})]}):L.map((e,t)=>(0,i.jsxs)("div",{className:"shelf",children:[(0,i.jsx)("div",{className:"shelf-items",children:e.map(e=>(0,i.jsxs)("div",{className:"merch-item",onClick:()=>I(e),onMouseEnter:()=>p(e.id),onMouseLeave:()=>p(null),children:[(0,i.jsx)(a.Ay,{src:h===e.id&&e.hoverImage?e.hoverImage:e.image,alt:e.name,className:"merch-item-image",size:"thumbnail",loading:"lazy",draggable:!1,onContextMenu:e=>e.preventDefault()}),(0,i.jsxs)("div",{className:"merch-item-price",children:["$",e.price]}),(0,i.jsx)("div",{className:"merch-item-name",children:e.name}),(0,i.jsxs)("button",{onClick:t=>{t.stopPropagation(),A(e)},className:"add-to-cart-btn",children:[(0,i.jsx)("img",{src:r("/content/icons/merch/add-to-cart-64px.png"),alt:"Add to cart",className:"add-to-cart-icon"}),"Add to Cart"]})]},e.id))}),(0,i.jsx)("div",{className:"shelf-surface"})]},t))}),t&&(0,i.jsx)("div",{className:"modal-overlay",onClick:()=>s(null),children:(0,i.jsxs)("div",{className:"item-modal",onClick:e=>e.stopPropagation(),children:[(0,i.jsx)("button",{className:"modal-close",onClick:()=>s(null),children:"\xd7"}),(0,i.jsx)("div",{className:"modal-image-carousel",children:(()=>{let e=z(t),s=e.length>1;return(0,i.jsxs)(i.Fragment,{children:[s&&(0,i.jsx)("button",{className:"carousel-arrow carousel-arrow-left",onClick:()=>q("prev",t),children:"‹"}),(0,i.jsx)(a.Ay,{src:e[w],alt:t.name,className:"modal-image",size:"full",loading:"lazy",draggable:!1,onContextMenu:e=>e.preventDefault()}),s&&(0,i.jsx)("button",{className:"carousel-arrow carousel-arrow-right",onClick:()=>q("next",t),children:"›"}),s&&(0,i.jsx)("div",{className:"carousel-indicators",children:e.map((e,t)=>(0,i.jsx)("button",{className:"carousel-indicator ".concat(t===w?"active":""),onClick:()=>x(t)},t))})]})})()}),(0,i.jsx)("h2",{className:"modal-title",children:t.name}),(0,i.jsx)("p",{className:"modal-description",children:t.description}),(0,i.jsxs)("div",{className:"modal-price",children:["$",t.price]}),(0,i.jsxs)("button",{onClick:()=>{A(t),s(null)},className:"modal-add-to-cart",children:[(0,i.jsx)("img",{src:r("/content/icons/merch/add-to-cart-64px.png"),alt:"Add to cart",className:"add-to-cart-icon"}),"Add to Cart"]})]})}),(0,i.jsxs)("div",{className:"cart-receipt ".concat(l?"open":""),children:[(0,i.jsxs)("div",{className:"cart-receipt-header",children:[(0,i.jsx)("div",{className:"cart-receipt-title",children:"Shopping Cart"}),(0,i.jsx)("button",{className:"cart-receipt-close",onClick:()=>d(!1),children:"\xd7"})]}),0===n.length?(0,i.jsx)("p",{children:"Your cart is empty!"}):(0,i.jsxs)(i.Fragment,{children:[n.map(e=>(0,i.jsxs)("div",{className:"cart-item",children:[(0,i.jsxs)("div",{className:"cart-item-info",children:[(0,i.jsx)("div",{className:"cart-item-name",children:e.name}),(0,i.jsxs)("div",{className:"cart-item-quantity",children:["Qty: ",e.quantity]})]}),(0,i.jsxs)("div",{className:"cart-item-price",children:["$",e.price*e.quantity]})]},e.id)),(0,i.jsxs)("div",{className:"cart-total",children:[(0,i.jsx)("div",{className:"cart-total-text",children:"Total:"}),(0,i.jsxs)("div",{className:"cart-total-amount",children:["$",n.reduce((e,t)=>e+t.price*t.quantity,0)]})]})]})]})]})}s(42)}},e=>{var t=t=>e(e.s=t);e.O(0,[6299,8441,1684,7358],()=>t(4560)),_N_E=e.O()}]);