https://www.app.meuecomm.com/static/js/59.eedeffee.chunk.js

1"use strict";(self.webpackChunkmeuecomm=self.webpackChunkmeuecomm||[]).push([[59],{76495:(e,s,a)=>{a.d(s,{A:()=>l});a(9950);var t=a(18743),r=a(44414);const l=function(e){let{isOpen:s,onClose:a,id:l,params:i={},titulo:n,mensagem:c}=e;return(0,r.jsxs)(t.Modal,{isOpen:s,onClose:a,children:[(0,r.jsx)(t.ModalHeader,{children:n}),(0,r.jsx)(t.ModalBody,{children:c}),(0,r.jsxs)(t.ModalFooter,{children:[(0,r.jsx)(t.Button,{className:"w-full sm:w-auto",layout:"outline",onClick:()=>a(),children:"Cancelar"}),(0,r.jsx)(t.Button,{className:"w-full sm:w-auto",onClick:()=>a(l,i),children:"Confirmar"})]})]})}},17244:(e,s,a)=>{a.d(s,{A:()=>r});a(9950);var t=a(44414);const r=function(){return(0,t.jsx)("div",{className:"w-full mt-4",children:(0,t.jsx)("span",{className:"text-center text-black dark:text-gray-300",children:"Erro ao carregar dados, tente novamente..."})})}},11665:(e,s,a)=>{a.d(s,{A:()=>l});a(9950);var t=a(18743),r=a(44414);const l=function(e){let{mensagem:s="Carregando registros da tabela",colspan:a=5}=e;return(0,r.jsx)(t.TableRow,{children:(0,r.jsx)(t.TableCell,{colSpan:a,className:"text-center px-10 py-10",children:(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,r.jsx)("i",{className:"bi bi-inboxes text-4xl text-gray-400 animate-pulse mb-2"}),(0,r.jsx)("span",{className:"text-sm",children:s})]})})})}},30385:(e,s,a)=>{a.d(s,{A:()=>r});var t=a(12449);const r=function(e,s){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];"success"===e?t.oR.success(s,{icon:a||"\ud83d\udc4f",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):"error"===e?t.oR.error(s,{icon:a||"\ud83d\ude22",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):"info"===e?t.oR.info(s,{icon:a||"\u2139\ufe0f",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):"warning"===e?t.oR.warning(s,{icon:a||"\u26a0\ufe0f",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):(0,t.oR)(s,{icon:a||"\ud83e\udd14",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0})}},80707:(e,s,a)=>{a.r(s),a.d(s,{default:()=>f});var t=a(9950),r=a(93047),l=a(75266),i=a(18743),n=a(66495),c=a(41274),d=a(17244),o=a(76495),x=(a(11665),a(55966)),m=a(876),g=a(30385),p=a(12449),u=(a(47705),a(28793)),h=a(44414);const j=t.memo((e=>{let{item:s,loadData:a}=e;const[l,c]=(0,t.useState)(!1),[d,x]=(0,t.useState)(null),p=async e=>{if(e>0)try{"success"===(await(0,m.A)("delete",{},"/grade/excluir/"+e)).status?((0,g.A)("success","Registro exclu\xeddo com sucesso!"),c(!1),a()):((0,g.A)("error","Erro ao excluir registro!"),c(!1))}catch(s){console.log(s),(0,g.A)("error","Erro ao excluir registro!"),c(!1)}};return(0,h.jsxs)(i.TableRow,{className:"hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200",children:[(0,h.jsx)(i.TableCell,{className:"px-4 py-4",children:(0,h.jsxs)("div",{className:"flex items-center gap-3",children:[(0,h.jsx)("div",{className:"flex-shrink-0",children:(0,h.jsx)("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-purple-500 to-purple-600 flex items-center justify-center text-white font-semibold text-sm",children:s.codigo_grade.charAt(0).toUpperCase()})}),(0,h.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,h.jsx)("div",{className:"text-sm font-medium text-gray-900 dark:text-gray-100 leading-tight",children:s.codigo_grade}),(0,h.jsx)("div",{className:"text-xs text-gray-500 dark:text-gray-400 leading-tight",children:"C\xf3digo da grade"})]})]})}),(0,h.jsxs)(i.TableCell,{className:"px-4 py-4",children:[(0,h.jsx)("div",{className:"text-sm font-medium text-gray-900 dark:text-gray-100 leading-tight",children:s.nome_grade}),(0,h.jsx)("div",{className:"text-xs text-gray-500 dark:text-gray-400 leading-tight",children:"Descri\xe7\xe3o da varia\xe7\xe3o"})]}),(0,h.jsxs)(i.TableCell,{className:"px-4 py-4",children:[(0,h.jsx)("div",{className:"flex flex-wrap gap-1 max-w-xs",children:s.itens&&s.itens.length>0?(0,h.jsxs)(h.Fragment,{children:[s.itens.slice(0,3).map(((e,s)=>(0,h.jsx)("span",{className:"inline-flex items-center px-2 py-1 text-xs font-medium bg-purple-100 dar

1k:bg-purple-900 text-purple-800 dark:text-purple-200 rounded-md",children:e.descricao_item},s))),s.itens.length>3&&(0,h.jsxs)("span",{className:"inline-flex items-center px-2 py-1 text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 rounded-md",children:["+",s.itens.length-3]})]}):(0,h.jsx)("span",{className:"text-xs text-gray-500 dark:text-gray-400 italic",children:"Nenhum item"})}),(0,h.jsx)("div",{className:"text-xs text-gray-500 dark:text-gray-400 leading-tight mt-1",children:s.itens?"".concat(s.itens.length," item").concat(1!==s.itens.length?"s":""):"0 itens"})]}),(0,h.jsx)(i.TableCell,{className:"text-center px-4 py-4",children:1===s.status?(0,h.jsx)("div",{className:"inline-flex items-center gap-2",children:(0,h.jsx)(i.Badge,{type:"success",children:"Ativo"})}):(0,h.jsx)("div",{className:"inline-flex items-center gap-2",children:(0,h.jsx)(i.Badge,{type:"warning",children:"Inativo"})})}),(0,h.jsx)(i.TableCell,{className:"text-center px-4 py-4",children:(0,h.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,h.jsx)(u.A,{content:"Itens da grade",direction:"top",children:(0,h.jsx)(r.N_,{to:"/app/grade/itens/"+s.id,children:(0,h.jsx)("button",{className:"inline-flex items-center justify-center w-8 h-8 text-purple-600 dark:text-purple-400 bg-purple-50 dark:bg-purple-900 dark:bg-opacity-50 hover:bg-purple-100 dark:hover:bg-purple-800 dark:hover:bg-opacity-50 rounded-lg transition-colors duration-200",children:(0,h.jsx)(n.MenuIcon,{className:"w-4 h-4","aria-hidden":"true"})})})}),(0,h.jsx)(u.A,{content:"Editar grade",direction:"top",children:(0,h.jsx)(r.N_,{to:"/app/grade/"+s.id,children:(0,h.jsx)("button",{className:"inline-flex items-center justify-center w-8 h-8 text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900 dark:bg-opacity-50 hover:bg-blue-100 dark:hover:bg-blue-800 dark:hover:bg-opacity-50 rounded-lg transition-colors duration-200",children:(0,h.jsx)(n.EditIcon,{className:"w-4 h-4","aria-hidden":"true"})})})}),(0,h.jsx)(u.A,{content:"Excluir grade",direction:"top",children:(0,h.jsx)("button",{onClick:()=>{return e=s.id,c(!0),void x(e);var e},className:"inline-flex items-center justify-center w-8 h-8 text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900 dark:bg-opacity-50 hover:bg-red-100 dark:hover:bg-red-800 dark:hover:bg-opacity-50 rounded-lg transition-colors duration-200",children:(0,h.jsx)(n.TrashIcon,{className:"w-4 h-4","aria-hidden":"true"})})})]})}),(0,h.jsx)(o.A,{isOpen:l,onClose:e=>{c(!1),parseInt(e)>0&&p(e)},id:d,titulo:"Excluir registro",mensagem:"Tem certeza que deseja excluir este registro?"})]})})),b=t.memo((()=>(0,h.jsx)(i.TableRow,{children:(0,h.jsx)(i.TableCell,{colSpan:5,className:"text-center px-4 py-8",children:(0,h.jsxs)("div",{className:"flex flex-col items-center justify-center text-gray-500 dark:text-gray-400",children:[(0,h.jsx)("i",{className:"bi bi-grid-3x3-gap text-4xl mb-3 text-gray-300 dark:text-gray-600"}),(0,h.jsx)("span",{className:"text-sm font-medium",children:"Nenhuma grade encontrada"}),(0,h.jsx)("span",{className:"text-xs mt-1",children:"Tente ajustar os filtros de busca ou criar uma nova grade"})]})})}))),y=t.memo((()=>(0,h.jsx)(i.TableRow,{children:(0,h.jsx)(i.TableCell,{colSpan:5,className:"text-center px-4 py-8",children:(0,h.jsxs)("div",{className:"flex flex-col items-center justify-center text-gray-500 dark:text-gray-400",children:[(0,h.jsx)("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-purple-500 mb-3"}),(0,h.jsx)("span",{className:"text-sm",children:"Carregando grades..."})]})})})));const f=function(){const[e,s]=(0,t.useState)(1),[a,o]=(0,t.useState)([]),[g,u]=(0,t.useState)(!0),[f,N]=(0,t.useState)(null),[k,v]=(0,t.useState)(0),[C,w]=(0,t.useState)(""),[T,A]=(0,t.useState)(!0),B=async()=>{A(!0);try{const s={limit:x.BY,offset:(e-1)*x.BY,search:C.trim()},a=await(0,m.A)("get",s,"/grade/listar");"success"===a.status?(o(a.data),v(a.total),u(!1),A(!1)):(o([]),v(0),u(!1),A(!1))}catch(f){N(f.message),u(!1),A(!1)}};function S(e){s(1),w(e)}return(0,t.useEffect)((()=>{B()}),[e,C]),g?(0,h.jsx)(c.A,{}):f?(0,h.jsx)(d.A,{}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(p.N9,{icon:!1}),(0,h.jsx)(l.A,{children:"Grades"}),(0,h.jsx)("p",{className:"text-xs text-gray-500 dark:text-gray-300 mb-4",children:"Grades s\xe3o conjuntos de itens que podem ser utilizados em produtos, como por exemplo, tamanhos de roupas, cores, etc."}),(0,h.jsxs)("div",{className:"flex",children:[(0,h.jsx)("div",{className:"flex flex-row space-x-2",children:(0,h.jsxs)(i.Button,{tag:r.N_,to:"/app/grade/",className:"inline-flex items-center gap-2 px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white font-medium rounded-lg transition-colors duration-200 shadow-sm hover:shadow-md",children:[(0,h.jsx)("i",{className:"bi bi-plus-lg text-sm"}),(0,h.jsx)("span",{children:"Nova grade"})]})}),(0,h.jsx)("div",{className:"flex justify-end flex-1 gap-2",children:(0,h.jsxs)("div",{className:"relative w-full max-w-xl focus-within:text-purple-500",children:[(0,h.jsx)("div",{className:"absolute inset-y-0 flex items-center pl-2",children:(0,h.jsx)(n.SearchIcon,{className:"h-4 w-4 text-gray-400","aria-hidden":"true"})}),(0,h.jsx)(i.Input,{className:"pl-10 pr-4 py-2 w-full text-sm border-gray-300 dark:border-gray-600 rounded-lg focus:ring-purple-500 focus:border-purple-500 dark:bg-gray-700 dark:text-gray-300",placeholder:"Buscar por c\xf3digo ou descri\xe7\xe3o...","aria-label":"Buscar grades",value:C,onChange:e=>S(e.target.value),onKeyPress:e=>{"Enter"===e.key&&S(C)}}),C&&(0,h.jsx)("button",{onClick:()=>S(""),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",children:(0,h.jsx)("i",{className:"bi bi-x-lg text-sm"})})]})})]}),(0,h.jsxs)(i.TableContainer,{className:"mb-4 mt-4",children:[(0,h.jsxs)(i.Table,{children:[(0,h.jsx)(i.TableHeader,{children:(0,h.jsxs)("tr",{children:[(0,h.jsx)(i.TableCell,{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",children:"C\xf3digo"}),(0,h.jsx)(i.TableCell,{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",children:"Descri\xe7\xe3o"}),(0,h.jsx)(i.TableCell,{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",children:"Itens"}),(0,h.jsx)(i.TableCell,{className:"px-4 py-3 text-center text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",children:"Status"}),(0,h.jsx)(i.TableCell,{className:"px-4 py-3 text-center text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",children:"A\xe7\xf5es"})]})}),(0,h.jsxs)(i.TableBody,{children:[T&&!a.length&&(0,h.jsx)(y,{}),!T&&0===a.length&&(0,h.jsx)(b,{}),a.map(((e,s)=>(0,h.jsx)(j,{item:e,loadData:B},s)))]})]}),(0,h.jsx)(i.TableFooter,{children:(0,h.jsx)(i.Pagination,{totalResults:k,resultsPerPage:x.BY,onCh

1ange:function(e){s(e)},label:"Table navigation"})})]}),(0,h.jsx)("div",{className:"mb-8 bg-purple-50 dark:bg-gray-800 border border-purple-200 dark:border-gray-600 rounded-lg p-4",children:(0,h.jsxs)("div",{className:"flex items-start gap-3",children:[(0,h.jsx)("div",{className:"flex-shrink-0",children:(0,h.jsx)("div",{className:"w-8 h-8 bg-purple-500 dark:bg-purple-600 rounded-lg flex items-center justify-center",children:(0,h.jsx)("i",{className:"bi bi-grid-3x3-gap text-white dark:text-white text-sm",style:{color:"white"}})})}),(0,h.jsxs)("div",{className:"flex-1",children:[(0,h.jsx)("h4",{className:"font-semibold text-purple-800 dark:text-gray-100 mb-1",children:"Como usar as grades (varia\xe7\xf5es) no sistema?"}),(0,h.jsx)("p",{className:"text-sm text-purple-700 dark:text-gray-300 mb-3",children:"As grades s\xe3o fundamentais para produtos com varia\xe7\xf5es. Configure uma vez e reutilize em v\xe1rios produtos:"}),(0,h.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3 text-sm",children:[(0,h.jsxs)("div",{className:"bg-purple-100 dark:bg-gray-700 p-3 rounded-lg",children:[(0,h.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,h.jsx)("i",{className:"bi bi-palette text-purple-600 dark:text-gray-400"}),(0,h.jsx)("span",{className:"font-semibold text-purple-800 dark:text-gray-200",children:"Cores"})]}),(0,h.jsx)("p",{className:"text-purple-700 dark:text-gray-300 text-xs",children:"Crie uma grade com todas as cores dispon\xedveis (Azul, Vermelho, Verde, etc.)"})]}),(0,h.jsxs)("div",{className:"bg-purple-100 dark:bg-gray-700 p-3 rounded-lg",children:[(0,h.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,h.jsx)("i",{className:"bi bi-rulers text-purple-600 dark:text-gray-400"}),(0,h.jsx)("span",{className:"font-semibold text-purple-800 dark:text-gray-200",children:"Tamanhos"})]}),(0,h.jsx)("p",{className:"text-purple-700 dark:text-gray-300 text-xs",children:"Configure tamanhos para roupas (P, M, G, GG) ou n\xfameros para cal\xe7ados (36, 37, 38, etc.)"})]}),(0,h.jsxs)("div",{className:"bg-purple-100 dark:bg-gray-700 p-3 rounded-lg",children:[(0,h.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,h.jsx)("i",{className:"bi bi-box text-purple-600 dark:text-gray-400"}),(0,h.jsx)("span",{className:"font-semibold text-purple-800 dark:text-gray-200",children:"Volume/Peso"})]}),(0,h.jsx)("p",{className:"text-purple-700 dark:text-gray-300 text-xs",children:"Para produtos em diferentes quantidades (500ml, 1L, 2L) ou pesos (1kg, 5kg, 10kg)"})]}),(0,h.jsxs)("div",{className:"bg-purple-100 dark:bg-gray-700 p-3 rounded-lg",children:[(0,h.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,h.jsx)("i",{className:"bi bi-lightning text-purple-600 dark:text-gray-400"}),(0,h.jsx)("span",{className:"font-semibold text-purple-800 dark:text-gray-200",children:"Especifica\xe7\xf5es"})]}),(0,h.jsx)("p",{className:"text-purple-700 dark:text-gray-300 text-xs",children:"Voltagem (110V, 220V), Pot\xeancia, Sabores, Materiais e outras caracter\xedsticas t\xe9cnicas"})]})]}),(0,h.jsxs)("div",{className:"mt-3 p-2 bg-purple-100 dark:bg-gray-700 rounded text-xs text-purple-800 dark:text-gray-300",children:["\ud83d\udca1 ",(0,h.jsx)("strong",{children:"Dica:"})," Ap\xf3s criar a grade, adicione os itens espec\xedficos (ex: Azul, Vermelho) e depois vincule a grade aos produtos que possuem essas varia\xe7\xf5es."]})]})]})}),(0,h.jsx)("div",{className:"flex",children:(0,h.jsx)(i.Button,{layout:"outline",tag:r.N_,to:"/app/produtos/",children:"Voltar"})})]})}}}]);