"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4384],{84384:function(e,t,r){r.d(t,{Z:function(){return P}});var n=r(92809),s=r(67294),o=r(11163),i=r(92145),a=r(94184),c=r.n(a),l=r(18453),u=r(63108),d=r(71989),f=r(53662),v=r.n(f),m=r(74010),p=r(49713),h=r(1562),x=r(79078),b=r(7940),y=r(85893);function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},t=e.strictClassName,r=e.style,n=e.className;return(0,c.jsxs)(o.ZP,{speed:1,width:"100%",height:84,backgroundColor:a().gray.light,foregroundColor:a().gray.default,style:r,className:s()(t||"w-full px-4 my-2 border-b border-gray md:px-6 pt-4 pb-4 overflow-hidden bg-white",n),children:[(0,c.jsx)("rect",{x:"64",y:"4",rx:"3",width:"30%",height:"12"}),(0,c.jsx)("rect",{x:"64",y:"28",rx:"3",width:"60%",height:"12"}),(0,c.jsx)("circle",{cx:"24",cy:"24",r:"24"})]})}},67757:function(e,t,r){r.d(t,{R:function(){return b}});var n=r(92809),s=r(67294),o=r(94184),i=r.n(o),a=r(56499),c=r(48673),l=r(30381),u=r.n(l),d=r(85893),f=function(e){var t=e.time,r=e.className,n=e.style,s=new(u())(1e3*t).fromNow();return(0,d.jsx)("span",{style:n,className:i()("text-primary-light text-1 md:text-2 flex-none",r),children:s})},v=r(48204),m=function(e){var t=e.truncated,r=void 0!==t&&t,n=e.style,s=e.className,o=void 0===s?"":s,i=e.children;return(0,d.jsx)("h6",{style:n,className:"text-1 ".concat(o),children:r?(0,d.jsx)(v.Z,{lines:2,children:i}):i})};var p=function(e){var t=e.time,r=e.createdAt,n=e.isSm,s=void 0!==n&&n,o=e.actor,a=void 0===o?{}:o,l=e.message,u=void 0===l?"":l,v=e.messageTruncated,p=e.actorClassName,h=e.actorTruncated,x=e.messageClassName,b=e.className,y=e.style,j=e.type;return(0,d.jsxs)("div",{style:y,className:b,children:[(0,d.jsxs)("div",{className:"flex-grow",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between mb-2",children:["quote"!==j&&(0,d.jsx)(c.i,{user:a,className:i()("block flex-1",h&&"truncate",p),children:function(e){return(0,d.jsx)("h3",{className:i()("heading-4",h&&"truncate"),children:e})}}),t&&(0,d.jsx)(f,{time:t,className:i()(s?"hidden":"hidden md:block","text-right")})]}),t&&(0,d.jsx)(f,{time:t,className:i()(s?"block":"block md:hidden","text-left mb-2 md:mb-0 mt-1")}),(0,d.jsx)(m,{truncated:v,className:x,children:u})]}),!!r&&(0,d.jsx)("span",{className:"w-32 text-2 text-gray-dark",children:r})]})};function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{width:0,height:0},o=r.width,i=(r.height,(0,n.useRef)()),a=(0,n.useState)((null===(e=i.current)||void 0===e?void 0:e.clientWidth)||o||0),c=a[0],l=a[1],u=(0,n.useState)((null===(t=i.current)||void 0===t?void 0:t.offsetHeight)||o||0),d=u[0],f=u[1];return s((function(){var e,t;l((null===(e=i.current)||void 0===e?void 0:e.clientWidth)||0),f((null===(t=i.current)||void 0===t?void 0:t.clientHeight)||0)}),[c,d,i]),[i,{width:c,height:d}]}}}]);