https://www.app.meuecomm.com/static/js/5196.a72de260.chunk.js

1"use strict";(self.webpackChunkmeuecomm=self.webpackChunkmeuecomm||[]).push([[5196],{82341:(e,a,r)=>{r.d(a,{A:()=>t});r(9950);var s=r(18743),o=r(44414);const t=function(e){let{isOpen:a,closeModal:r,titulo:t,children:l,onConfirm:i,style:c={maxHeight:"90vh",overflowY:"auto"},confirmText:d="Confirmar",hasCloseModal:n=!0,closeText:p="Fechar"}=e;return a?(0,o.jsxs)(s.Modal,{isOpen:a,onClose:r,style:c,children:[(0,o.jsx)(s.ModalHeader,{children:t}),(0,o.jsx)(s.ModalBody,{children:l}),n||i?(0,o.jsxs)(s.ModalFooter,{children:[n&&(0,o.jsx)(s.Button,{className:"w-full sm:w-auto",onClick:r,layout:"outline",children:p}),i&&(0,o.jsx)(s.Button,{className:"w-full sm:w-auto",onClick:i,children:d})]}):null]}):null}},54986:(e,a,r)=>{r.d(a,{A:()=>t});r(9950);var s=r(93047),o=(r(18743),r(44414));const t=function(e){let{activePage:a,className:r=""}=e;return(0,o.jsx)("div",{className:"bg-purple-50 dark:bg-purple-900 dark:bg-opacity-30 rounded-lg p-2 mb-4 border border-purple-200 dark:border-purple-800 ".concat(r),children:(0,o.jsx)("div",{className:"flex flex-row flex-wrap",style:{gap:"8px"},children:[{to:"/app/account",label:"Conta",key:"account",icon:"bi-gear"},{to:"/app/faturas",label:"Faturas",key:"faturas",icon:"bi-receipt"},{to:"/app/extra-fields",label:"Campos extras",key:"extra-fields",icon:"bi-ui-checks-grid"},{to:"/app/webhooks",label:"Webhooks",key:"webhooks",icon:"bi-plug"},{to:"/app/messages",label:"Mensagens",key:"messages",icon:"bi-chat-dots"},{to:"/app/data-import",label:"Importar dados",key:"data-import",icon:"bi-file-earmark-arrow-up"},{to:"/app/parameters",label:"Par\xe2metros",key:"parameters",icon:"bi-sliders"},{to:"/app/tables",label:"Tabelas, tipos de pedido e etiquetas",key:"tables",icon:"bi-table"},{to:"/app/configuracao-pdf-pedido",label:"Configurar PDF do Pedido",key:"configuracao-pdf-pedido",icon:"bi-file-earmark-text"},{to:"/app/company",label:"Usu\xe1rios",key:"company",icon:"bi-people"}].map((e=>{const r=a===e.key;return(0,o.jsx)(s.N_,{to:e.to,children:(0,o.jsxs)("button",{className:"px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 flex items-center ".concat(r?"bg-purple-600 text-white shadow-sm":"text-purple-700 dark:text-purple-300 hover:bg-purple-100 dark:hover:bg-purple-800"),children:[e.icon&&(0,o.jsx)("i",{className:"".concat(e.icon," mr-2")}),e.label]})},e.key)}))})})}},30385:(e,a,r)=>{r.d(a,{A:()=>o});var s=r(12449);const o=function(e,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];"success"===e?s.oR.success(a,{icon:r||"\ud83d\udc4f",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):"error"===e?s.oR.error(a,{icon:r||"\ud83d\ude22",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):"info"===e?s.oR.info(a,{icon:r||"\u2139\ufe0f",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):"warning"===e?s.oR.warning(a,{icon:r||"\u26a0\ufe0f",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0}):(0,s.oR)(a,{icon:r||"\ud83e\udd14",theme:"colored",position:"bottom-center",autoClose:5e3,hideProgressBar:!0,closeOnClick:!0})}},43396:(e,a,r)=>{r.r(a),r.d(a,{default:()=>k});var s=r(9950),o=r(65155),t=r(93047),l=r(18743),i=r(75266),c=r(54986),d=r(82341),n=r(19390),p=r(85668),b=r(876),u=r(30385),x=r(12449),m=(r(47705),r(44414));const g=[{label:"Pedidos",icon:"bi-cart",events:[{key:"pedido.criado",label:"criado"},{key:"pedido.atualizado",label:"atualizado"},{key:"pedido.cancelado",label:"cancelado"},{key:"pedido.excluido",label:"exclu\xeddo"}]},{label:"Produtos",icon:"bi-box-seam",events:[{key:"produto.criado",label:"criado"},{key:"produto.atualizado",label:"atualizado"},{key:"produto.excluido",label:"exclu\xeddo"}]},{label:"Clientes",icon:"bi-people",events:[{key:"cliente.criado",label:"criado"},{key:"cliente.atualizado",label:"atualizado"},{key:"cliente.excluido",label:"exclu\xeddo"}]},{label:"Estoque",icon:"bi-archive",events:[{key:"estoque_item.criado",label:"criado"},{key:"estoque_item.atualizado",label:"atualizado"},{key:"estoque_item.excluido",label:"exclu\xeddo"}]},{label:"Tabela de Pre\xe7o",icon:"bi-tags",events:[{key:"tabela_preco_item.criado",label:"criado"},{key:"tabela_preco_item.atualizado",label:"atualizado"},{key:"tabela_preco_item.excluido",label:"exclu\xeddo"}]}];function h(e){let{isOpen:a,secret:r,onFechar:o}=e;

1const[t,i]=(0,s.useState)(!1);(0,s.useEffect)((()=>{a&&i(!1)}),[a]);return a?(0,m.jsx)(d.A,{isOpen:a,titulo:"Webhook cadastrado com sucesso!",closeModal:()=>{},hasCloseModal:!1,children:(0,m.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,m.jsxs)("div",{className:"flex items-start gap-3 p-4 bg-yellow-50 dark:bg-yellow-900 border border-yellow-300 dark:border-yellow-700 rounded-lg",children:[(0,m.jsx)("i",{className:"bi bi-exclamation-triangle-fill text-yellow-600 dark:text-yellow-400 text-xl flex-shrink-0 mt-0.5"}),(0,m.jsx)("p",{className:"text-sm font-semibold text-yellow-800 dark:text-yellow-200",children:"Esta chave n\xe3o ser\xe1 exibida novamente. Guarde-a agora em local seguro antes de fechar."})]}),(0,m.jsxs)("div",{children:[(0,m.jsx)("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Secret do Webhook"}),(0,m.jsxs)("div",{className:"flex gap-2",children:[(0,m.jsx)("input",{type:"text",readOnly:!0,value:r,className:"flex-1 text-xs font-mono bg-gray-100 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg px-3 py-2 text-gray-800 dark:text-gray-200 focus:outline-none"}),(0,m.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(r).then((()=>i(!0)))},className:"flex-shrink-0 px-4 py-2 rounded-lg text-sm font-medium transition-colors ".concat(t?"bg-green-100 text-green-700 border border-green-300 dark:bg-green-900 dark:text-green-300 dark:border-green-700":"bg-purple-600 hover:bg-purple-700 text-white"),children:t?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("i",{className:"bi bi-check-lg mr-1"}),"Copiado!"]}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("i",{className:"bi bi-clipboard mr-1"}),"Copiar"]})})]})]}),(0,m.jsxs)("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:["Use esta secret para verificar a assinatura das requisi\xe7\xf5es recebidas. O MeuEcomm inclui o header"," ",(0,m.jsx)("code",{className:"bg-gray-100 dark:bg-gray-700 px-1 rounded",children:"X-Webhook-Signature: sha256=..."})," em cada envio."]}),(0,m.jsx)("div",{className:"flex justify-end pt-2 border-t border-gray-200 dark:border-gray-700",children:(0,m.jsxs)(l.Button,{onClick:o,disabled:!t,className:t?"":"opacity-50 cursor-not-allowed",children:[(0,m.jsx)("i",{className:"bi bi-check-circle mr-2"}),t?"Fechar":"Copie a secret para fechar"]})})]})}):null}const k=function(){var e;const{idRegistro:a}=(0,o.g)(),r=(0,o.W6)(),{planoLimites:d}=(0,p.rG)(),k=!!a,[y,f]=(0,s.useState)(""),[j,v]=(0,s.useState)([]),[w,N]=(0,s.useState)(""),[C,A]=(0,s.useState)(!1),[O,P]=(0,s.useState)({isOpen:!1,secret:""}),z=0===(null===(e=d[0])||void 0===e?void 0:e.permite_api);(0,s.useEffect)((()=>{z?r.push("/app/webhooks"):!1!==(0,n.A)("/app/webhooks")?k&&S():r.push("/app/dashboard")}),[a,z]);const S=async()=>{try{const e=await(0,b.A)("get",{id:parseInt(a)},"/webhook-config/buscar");"success"===e.status&&e.data?(f(e.data.url),v(e.data.eventos||[])):(0,u.A)("error","Erro ao carregar webhook!")}catch(e){(0,u.A)("error","Erro ao carregar webhook!")}},B=e=>e.trim()?e.startsWith("https://")?(N(""),!0):(N("A URL deve come\xe7ar com https://"),!1):(N("A URL \xe9 obrigat\xf3ria."),!1);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(x.N9,{icon:!1}),(0,m.jsx)(i.A,{children:k?"Editar Webhook":"Novo Webhook"}),(0,m.jsx)(c.A,{activePage:"webhooks",className:"mb-4"}),(0,m.jsxs)("div",{className:"max-w-3xl",children:[z&&(0,m.jsxs)("div",{className:"px-4 py-3 mb-6 bg-white rounded-lg shadow-md dark:bg-gray-800",children:[(0,m.jsx)("p",{className:"font-semibold text-gray-600 dark:text-gray-300",children:"Integra\xe7\xe3o"}),(0,m.jsx)("p",{className:"text-xs text-gray-600 dark:text-gray-300 mb-4",children:"A API do MeuEcomm n\xe3o est\xe1 dispon\xedvel no seu plano atual, para utilizar os webhooks, altere o seu plano para um que possua essa funcionalidade."}),(0,m.jsx)(l.Button,{onClick:()=>r.push("/app/account"),className:"mt-2",children:"Alterar plano"})]}),(0,m.jsxs)("div",{className:"bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6 mb-6 shadow-sm",children:[(0,m.jsxs)("h3",{className:"text-base font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center gap-2",children:[(0,m.jsx)("i",{className:"bi bi-link-45deg text-purple-600 dar

1k:text-purple-400"}),"URL do endpoint"]}),(0,m.jsxs)("div",{children:[(0,m.jsxs)("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:["URL ",(0,m.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,m.jsx)(l.Input,{type:"url",value:y,onChange:e=>{f(e.target.value),w&&B(e.target.value)},onBlur:()=>B(y),placeholder:"https://seu-sistema.com/webhook",className:w?"border-red-400 focus:border-red-400":""}),w?(0,m.jsxs)("p",{className:"mt-1 text-xs text-red-500",children:[(0,m.jsx)("i",{className:"bi bi-exclamation-circle mr-1"}),w]}):(0,m.jsxs)("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400",children:[(0,m.jsx)("i",{className:"bi bi-shield-lock mr-1"}),"Apenas URLs com HTTPS s\xe3o aceitas. O servidor deve ser acess\xedvel publicamente."]})]})]}),(0,m.jsxs)("div",{className:"bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6 mb-6 shadow-sm",children:[(0,m.jsxs)("h3",{className:"text-base font-semibold text-gray-800 dark:text-gray-200 mb-1 flex items-center gap-2",children:[(0,m.jsx)("i",{className:"bi bi-bell text-purple-600 dark:text-purple-400"}),"Eventos para assinar"]}),(0,m.jsxs)("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-4",children:["Selecione os eventos que devem disparar este webhook."," ",(0,m.jsxs)("span",{className:"font-medium text-gray-700 dark:text-gray-300",children:[j.length," evento",1!==j.length?"s":""," selecionado",1!==j.length?"s":"","."]})]}),(0,m.jsx)("div",{className:"space-y-3",children:g.map((e=>{const a=e.events.map((e=>e.key)),r=a.every((e=>j.includes(e))),s=a.some((e=>j.includes(e)));return(0,m.jsxs)("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden",children:[(0,m.jsxs)("button",{type:"button",onClick:()=>(e=>{const a=e.every((e=>j.includes(e)));v(a?a=>a.filter((a=>!e.includes(a))):a=>[...new Set([...a,...e])])})(a),className:"w-full flex items-center justify-between px-4 py-3 text-left transition-colors ".concat(r?"bg-purple-50 dark:bg-purple-900":s?"bg-gray-50 dark:bg-gray-700":"bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700/60"),children:[(0,m.jsxs)("div",{className:"flex items-center gap-2",children:[(0,m.jsx)("i",{className:"".concat(e.icon," text-purple-600 dark:text-purple-400")}),(0,m.jsx)("span",{className:"text-sm font-semibold text-gray-700 dark:text-gray-300",children:e.label}),r&&(0,m.jsx)("span",{className:"text-xs bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300 px-1.5 py-0.5 rounded",children:"Todos"}),s&&!r&&(0,m.jsxs)("span",{className:"text-xs bg-yellow-100 text-yellow-700 dark:bg-yellow-900 dark:text-yellow-300 px-1.5 py-0.5 rounded",children:[a.filter((e=>j.includes(e))).length," de ",a.length]})]}),(0,m.jsx)("span",{className:"text-xs text-purple-600 dark:text-purple-400 font-medium",children:r?"Desmarcar todos":"Marcar todos"})]}),(0,m.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4",children:e.events.map((e=>{const a=j.includes(e.key);return(0,m.jsxs)("label",{className:"flex items-center gap-2 px-4 py-3 cursor-pointer transition-colors border-t border-r border-gray-100 dark:border-gray-700 last:border-r-0 ".concat(a?"bg-purple-50 dark:bg-purple-900 text-purple-700 dark:text-purple-300":"hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-400"),children:[(0,m.jsx)("input",{type:"checkbox",checked:a,onChange:()=>{return a=e.key,void v((e=>e.includes(a)?e.filter((e=>e!==a)):[...e,a]));var a},className:"w-4 h-4 text-purple-600 focus:ring-purple-500 border-gray-300 dark:border-gray-600 rounded"}),(0,m.jsx)("span",{className:"text-xs capitalize",children:e.label})]},e.key)}))})]},e.label)}))})]}),(0,m.jsxs)("div",{className:"flex gap-3 mb-8",children:[(0,m.jsx)(l.Button,{onClick:async()=>{if(z)(0,u.A)("error","A API n\xe3o est\xe1 dispon\xedvel no seu plano atual. Altere o seu plano para utilizar os webhooks.");else if(B(y))if(0!==j.length){if(!C)try{if(A(!0),k){const e=await(0,b.A)("put",{id:parseInt(a),url:y.trim(),eventos:j},"/webhook-config/alterar");"success"===e.status?((0,u.A)("success","Webhook atualizado com sucesso!"),setTimeout((()=>r.push("/app/webhooks")),1200)):(0,u.A)("error",e.data||"Erro ao atualizar webhook!")}else{const e=await(0,b.A)("post",{url:y.trim(),eventos:j},"/webhook-config/cadastro");"success"===e.status?P({isOpen:!0,secret:e.data.secret}):(0,u.A)("error",e.data||"Erro ao cadastrar webhook!")}}catch(e){(0,u.A)("error","Erro ao salvar webhook!")}finally{A(!1)}}else(0,u.A)("error","Selecione ao menos um evento para assinar.")},disabled:C||z,children:C?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("i",{className:"bi bi-hourglass-split mr-2 animate-spin"}),"Salvando..."]}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("i",{className:"bi bi-check-circle mr-2"}),k?"Salvar altera\xe7\xf5es":"Cadastrar webhook"]})}),(0,m.jsx)(l.Button,{layout:"outline",tag:t.N_,to:"/app/webhooks",children:"Cancelar"})]})]}),(0,m.jsx)(h,{isOpen:O.isOpen,secret:O.secret,onFechar:()=>{P({isOpen:!1,secret:""}),r.push("/app/webhooks")}})]})}}}]);