https://chatzone.ai/_next/static/chunks/9879.aab75afce43bb18d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9879],{79879:(e,a,l)=>{l.r(a),l.d(a,{default:()=>f});var d=l(95155),t=l(12115),s=l(67909),n=l(17268);let o=(0,s.default)(()=>l.e(2854).then(l.bind(l,42854)),{loadableGenerated:{webpack:()=>[42854]}}),r=(0,s.default)(()=>l.e(4265).then(l.bind(l,94265)),{loadableGenerated:{webpack:()=>[94265]}}),c=(0,s.default)(()=>l.e(9933).then(l.bind(l,9933)),{loadableGenerated:{webpack:()=>[9933]}}),i=(0,s.default)(()=>l.e(4440).then(l.bind(l,64440)),{loadableGenerated:{webpack:()=>[64440]}}),b=(0,s.default)(()=>l.e(5911).then(l.bind(l,35911)),{loadableGenerated:{webpack:()=>[35911]}}),u=(0,s.default)(()=>l.e(2226).then(l.bind(l,42226)),{loadableGenerated:{webpack:()=>[42226]}}),x={design:"Layers",text:"Text",uploads:"Uploads",avatars:"Avatars",tools:"Tools",colors:"Colors"};function f(e){let{activeTab:a,onClose:l,onAddText:s,onAddHeading:f,onAddSubheading:h,onAddBodyText:p,onSelectFile:m,onSelectAvatar:y,onDecompose:g,isDecomposing:j,canDecompose:v=!0,layers:w,selectedLayerId:k,onLayerSelect:N,onLayerVisibilityToggle:C,onLayerReorder:L,designId:A,isLocalMode:G,localUploads:T,onLocalUpload:D,selectedLayer:S,onColorChange:_}=e;return(0,t.useEffect)(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow=""}),[]),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"fixed inset-0 bg-black/40 z-40 md:hidden animate-fade-in",onClick:l,"aria-hidden":"true"}),(0,d.jsxs)("div",{className:"fixed bottom-0 left-0 right-0 max-h-[70vh] bg-surface rounded-t-2xl border-t border-border z-50 md:hidden flex flex-col animate-slide-up safe-area-pb",role:"dialog","aria-label":"".concat(x[a]," panel"),children:[(0,d.jsxs)("div",{className:"flex-shrink-0 flex items-center justify-between px-4 py-3 border-b border-border",children:[(0,d.jsx)("button",{onClick:l,className:"flex items-center justify-center h-9 w-9 rounded-lg text-text-secondary hover:bg-surface-subtle","aria-label":"Close panel",children:(0,d.jsx)(n.D3,{className:"h-5 w-5"})}),(0,d.jsx)("span",{className:"text-sm font-semibold text-text-primary",children:x[a]}),(0,d.jsx)("div",{className:"w-9"})]}),(0,d.jsx)("div",{className:"flex-1 overflow-y-auto overscroll-contain p-4",children:(()=>{switch(a){case"design":return(0,d.jsx)(o,{layers:w,selectedLayerId:k,onLayerSelect:N,onLayerVisibilityToggle:C,onLayerReorder:L});case"text":return(0,d.jsx)(r,{onAddText:s,onAddHeading:f,onAddSubheading:h,onAddBodyText:p});case"uploads":return(0,d.jsx)(c,{onSelectFile:m,designId:A,isLocalMode:G,localUploads:T,onLocalUpload:D});case"avatars":return(0,d.jsx)(i,{onSelectAvatar:y||(()=>{}),designId:A});case"tools":return(0,d.jsx)(b,{onDecompose:g,isDecomposing:j,canDecompose:v});case"colors":return(0,d.jsx)(u,{selectedLayer:S||null,onColorChange:e=>null==_?void 0:_(e)});default:return null}})()})]})]})}}}]);