https://www.almanaqueculinario.com.br/_next/static/chunks/362.ac4cc7ab447dc30c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[362],{40362:(e,t,r)=>{r.r(t),r.d(t,{default:()=>M});var a=r(95155),n=r(67141),s=r(85387),l=r(65117),i=r(65442),o=r(12115),c=r(12758),d=r.n(c),m=["color","size","title","className"];function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}var p=(0,o.forwardRef)(function(e,t){var r=e.color,a=e.size,n=void 0===a?"1em":a,s=e.title,l=void 0===s?null:s,i=e.className,c=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,m);return o.createElement("svg",u({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:n,height:n,fill:void 0===r?"currentColor":r,className:["bi","bi-arrow-return-right",void 0===i?"":i].filter(Boolean).join(" ")},c),l?o.createElement("title",null,l):null,o.createElement("path",{fillRule:"evenodd",d:"M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5"}))});p.propTypes={color:d().string,size:d().oneOfType([d().string,d().number]),title:d().string,className:d().string};var f=r(62418),h=r(52619),v=r.n(h),x=r(14985);function g(e){let{comment:t,onReply:r,isReply:i}=e;return(0,a.jsx)(s.default,{className:"border-0 shadow-none rounded-0 ".concat(i?"ps-2 ms-3 border-start border-secondary-subtle":""," "),children:(0,a.jsxs)(s.default.Body,{className:i?"pe-0":"p-2",children:[(0,a.jsxs)(n.default,{direction:"horizontal",gap:2,className:"align-items-start",children:[(0,a.jsx)(v(),{href:x.E.USERS.DETAIL(t.user.id),children:(0,a.jsx)(f.default,{user:t.user,size:32})}),(0,a.jsx)("div",{className:"flex-grow-1",children:(0,a.jsxs)(n.default,{gap:1,children:[(0,a.jsxs)("div",{className:"d-flex justify-content-between",children:[(0,a.jsx)(v(),{href:x.E.USERS.DETAIL(t.user.id),className:"fw-bold text-reset text-decoration-none",children:t.user.name}),t.createdAt&&(0,a.jsx)("span",{className:"text-muted",children:new Date(t.createdAt).toLocaleDateString("pt-BR")})]}),(0,a.jsx)("p",{className:"mb-1",children:t.content}),!i&&(0,a.jsxs)(l.default,{variant:"link",size:"sm",className:"p-0 text-decoration-none align-self-start small",onClick:r,children:[(0,a.jsx)(p,{className:"me-1",size:12}),"Responder"]})]})})]}),t.replies&&t.replies.map(e=>(0,a.jsx)(g,{comment:e,isReply:!0},e.id))]})})}var j=r(55404),y=r(36999),b=r(30926);let N=(0,b.createServerReference)("60a9a5a827690081483171667cd9cdaf656b89a184",b.callServer,void 0,b.findSourceMapURL,"addComment");function w(e){let{recipeId:t,replyTo:r,onCancelReply:s,onClick:i,onSuccess:c,onError:d}=e,[m,u,p]=(0,o.useActionState)(N,{success:!1});return(0,o.useEffect)(()=>{m.success&&m.newComment?c(m.newComment):m.error&&d(m.error.message)},[m]),(0,a.jsxs)(j.A,{action:u,className:"mb-2",onClick:i,"aria-disabled":p,children:[(null==r?void 0:r.id)&&

1(0,a.jsx)("input",{type:"hidden",name:"replyToId",value:r.id}),(0,a.jsx)("input",{type:"hidden",name:"recipeId",value:t}),(0,a.jsx)(y.A,{controlId:"content",label:r?"Sua resposta":"Seu coment\xe1rio",children:(0,a.jsx)(j.A.Control,{as:"textarea",name:"content",style:{height:"100px"},placeholder:r?"Respondendo a ".concat(r.user.name):"Adicione seu coment\xe1rio...",required:!0,autoFocus:!0},"textarea-".concat((null==r?void 0:r.id)||"new"))}),(0,a.jsxs)(n.default,{direction:"horizontal",gap:2,className:"mt-2 justify-content-end",children:[r&&(0,a.jsx)(l.default,{variant:"outline-secondary",onClick:s,disabled:p,children:"Cancelar"}),(0,a.jsx)(l.default,{type:"submit",disabled:p,children:p?"Enviando...":"Enviar"})]})]})}var E=r(63144),C=["color","size","title","className"];function S(){return(S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}var T=(0,o.forwardRef)(function(e,t){var r=e.color,a=e.size,n=void 0===a?"1em":a,s=e.title,l=void 0===s?null:s,i=e.className,c=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;r[a]=e[a]}return r}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],-1===t.indexOf(r)&&({}).propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,C);return o.createElement("svg",S({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:n,height:n,fill:void 0===r?"currentColor":r,className:["bi","bi-chat-square-text",void 0===i?"":i].filter(Boolean).join(" ")},c),l?o.createElement("title",null,l):null,o.createElement("path",{d:"M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"}),o.createElement("path",{d:"M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"}))});T.propTypes={color:d().string,size:d().oneOfType([d().string,d().number]),title:d().string,className:d().string};var O=r(20063),I=r(54103),R=r(47577),A=r(90840),z=r(87878);function M(e){var t;let{recipe:r,initialComments:c,totalComments:d,isUserLogged:m,showCommentForm:u}=e,{scrollTo:p}=(0,E.A)(),{showToast:f,showError:h}=(0,I.d)(),v=(0,A.A)(),[j,y]=(0,o.useState)({totalComments:d,comments:c,lastItemId:null==(t=c.at(-1))?void 0:t.id,hasMore:d>5,isLoading:!1,replyingTo:null});(0,o.useEffect)(()=>{u&&(N(),p({toId:(0,z.x)(z.n.RECIPE.DETAILS.COMMENTS),offset:80}))},[u]);let b=async()=>{y(e=>({...e,isLoading:!0}));let e=await (0,R.p)(r.id,j.lastItemId);y(t=>{var r;return{...t,comments:[...t.comments,...e],lastItemId:null==(r=e.at(-1))?void 0:r.id,hasMore:e.length>=5,isLoading:!1}})},N=()=>{m||(h("Fa\xe7a login para comentar nas receitas"),v.trackAuthRequiredAttempt("COMMENT",r.title,r.id),(0,O.redirect)(x.E.AUTH.SIGNIN(r.shareURL),O.RedirectType.push))};return(0,a.jsxs)(n.default,{gap:2,className:"mt-2",children:[j.totalComments>0&&(0,a.jsxs)("h4",{className:"display-8 fw-medium",children:[j.totalComments," coment\xe1rio",1===j.totalComments?"":"s"]}),(0,a.jsx)("div",{className:"clearfix"}),j.replyingTo&&(0,a.jsxs)("div",{className:"bg-body-tertiary p-3 small rounded mb-2 border-secondary border",children:[(0,a.jsxs)("strong",{children:["Respondendo a ",j.replyingTo.user.name,":"]}),(0,a.jsx)("div",{className:"text-truncate",children:j.replyingTo.content})]}),(u||j.replyingTo)&&(0,a.jsx)(w,{recipeId:r.id,replyTo:j.replyingTo,onClick:N,onCancelReply:()=>y(e=>({...e,replyingTo:null})),onSuccess:e=>{y(t=>{let r;return r=t.replyingTo?t.comments.map(r=>{var a;return{...r,replies:r.id===(null==(a=t.replyingTo)?void 0:a.id)?[e,...r.replies||[]]:r.replies}}):[e,...t.comments],{...t,replyingTo:null,comments:r,totalComments:t.totalComments+1}}

1),f("Coment\xe1rio enviado, ser\xe1 publicado em breve"),v.trackComment(r.id,"create",r.title,e.id)},onError:e=>h(e)}),0===j.comments.length?(0,a.jsx)(s.default,{className:"border-0",children:(0,a.jsxs)(s.default.Body,{className:"text-center py-4",children:[(0,a.jsx)("div",{className:"mb-3 text-muted",children:(0,a.jsx)(T,{size:48})}),(0,a.jsx)("h5",{className:"mb-2",children:"Seja o primeiro a comentar"}),(0,a.jsx)("p",{className:"text-muted mb-3",children:"Compartilhe sua opini\xe3o sobre esta receita e ajude outros cozinheiros."})]})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.default,{gap:2,children:j.comments.map(e=>(0,a.jsx)(g,{comment:e,onReply:()=>{N(),y(t=>({...t,replyingTo:e})),p({toId:(0,z.x)(z.n.RECIPE.DETAILS.COMMENTS),offset:80})}},e.id))}),j.hasMore&&(0,a.jsx)("div",{className:"text-center mt-2",children:(0,a.jsx)(l.default,{onClick:b,disabled:j.isLoading,className:"w-100",variant:"outline-primary",children:j.isLoading?(0,a.jsx)(i.default,{size:"sm"}):"Carregar mais coment\xe1rios"})})]})]})}},47577:(e,t,r)=>{r.d(t,{p:()=>n});var a=r(30926);let n=(0,a.createServerReference)("600fc7df2b458c0d5986fcf4e409e9a08d6482a6c1",a.callServer,void 0,a.findSourceMapURL,"fetchComments")}}]);