@eduzz-automacoes/webchat-widget 0.0.1

package/README.md

@@ -0,0 +1,40 @@
+# @eduzz-automacoes/webchat
+
+Biblioteca oficial do webchat da Eduzz para:
+
+- uso em apps React via npm
+- publicação de bundle standalone em CDN
+- integração com o backend/proxy do Service Hub
+
+## Uso via React
+
+```tsx
+import { Webchat } from "@eduzz-automacoes/webchat";
+import "@eduzz-automacoes/webchat/style.css";
+
+export function Example() {
+  return (
+    <Webchat
+      clientId="SEU_CLIENT_ID"
+      userCredentials={{
+        userId: "user_123",
+        userToken: "token_gerado_no_backend",
+      }}
+      config={{
+        botName: "Eduzzinho",
+        brandColor: "#18181b",
+        accentColor: "#f36f21",
+        showWelcomeScreen: true,
+      }}
+    />
+  );
+}
+```
+
+## Publicação manual no npm
+
+```bash
+pnpm --filter @eduzz-automacoes/webchat build
+cd packages/webchat
+pnpm pack
+```

package/dist/eduzz-webchat.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),F=require("@botpress/webchat"),E={botName:"Assistente Virtual",subtitle:"Conectado ao bot real",botAvatar:"",color:"",themeMode:"light",variant:"solid",headerVariant:"glass",radius:4,fontFamily:"Inter",additionalStylesheet:"",additionalStylesheetUrl:"",accentColor:"#2563eb",brandColor:"#18181b",brandTextColor:"#fafafa",placeholder:"Escreva uma mensagem...",fabBackgroundColor:"#2563eb",fabIconColor:"#ffffff",fabChatIconVariant:"messages-square",primaryButtonBackgroundColor:"#18181b",primaryButtonTextColor:"#fafafa",primaryButtonHoverBackgroundColor:"#27272a",panelBackgroundColor:"#ffffff",panelElevatedBackgroundColor:"#ffffff",panelSubtleBackgroundColor:"#fafafa",panelMutedBackgroundColor:"#f4f4f5",panelHoverBackgroundColor:"#f4f4f5",panelSelectedBackgroundColor:"#f5f5f5",panelBorderColor:"#e4e4e7",panelStrongBorderColor:"#d4d4d8",panelTextColor:"#18181b",panelMutedTextColor:"#71717a",panelHeaderBackgroundColor:"rgba(255, 255, 255, 0.96)",welcomeBackground:"linear-gradient(180deg, #f4f4f5 0%, #fafafa 34%, #ffffff 34%, #ffffff 100%)",welcomeHeroBackground:"linear-gradient(180deg, #f5f5f5 0%, #efeff1 100%)",welcomeOnlineStatusColor:"#16a34a",secondaryButtonBackgroundColor:"#ffffff",secondaryButtonTextColor:"#18181b",secondaryButtonBorderColor:"#e4e4e7",secondaryButtonHoverBackgroundColor:"#f4f4f5",iconButtonBackgroundColor:"#ffffff",iconButtonIconColor:"#71717a",iconButtonBorderColor:"#e4e4e7",iconButtonHoverBackgroundColor:"#f4f4f5",outgoingMessageBackgroundColor:"#ebf1fd",outgoingMessageTextColor:"#0f2346",incomingMessageBackgroundColor:"#f0f0f3",incomingMessageTextColor:"#202127",position:"bottom-right",initiallyOpen:!0,showWelcomeScreen:!0,width:"380px",height:"640px",welcomeCoverImage:"",welcomeCardImage:"",welcomeCardTitle:"Suporte",welcomeCardStatus:"Online agora!",welcomeCardDescription:"Estamos disponíveis para esclarecer qualquer dúvida que você possa ter. Sinta-se a vontade para nos contatar a qualquer momento.",welcomeCtaLabel:"Iniciar atendimento",welcomeButtonDescription:"",welcomeCloseLabel:"Fechar painel",openFabBackgroundColor:"#2563eb",openFabIconColor:"#ffffff"},ye=e=>e==="bottom-left"||e==="top-left"?"bottom-left":"bottom-right",_e=e=>{switch(ye(e)){case"bottom-left":return{bottom:"24px",left:"24px","--widget-align":"flex-start","--panel-transform-origin":"left bottom"};case"bottom-right":default:return{bottom:"24px",right:"24px","--widget-align":"flex-end","--panel-transform-origin":"right bottom"}}},Ce=(e,t,a)=>Math.min(Math.max(e,t),a),de=e=>{if(typeof e!="string")return null;let t=e.trim();return!t||(t.startsWith("#")&&(t=t.slice(1)),t.length===3&&(t=t.split("").map(a=>`${a}${a}`).join("")),!/^[0-9a-fA-F]{6}$/.test(t))?null:`#${t.toLowerCase()}`},ue=e=>{const t=de(e);if(!t)return null;const a=t.slice(1);return{r:Number.parseInt(a.slice(0,2),16),g:Number.parseInt(a.slice(2,4),16),b:Number.parseInt(a.slice(4,6),16)}},Le=({r:e,g:t,b:a})=>`#${[e,t,a].map(r=>Ce(Math.round(r),0,255).toString(16).padStart(2,"0")).join("")}`,ne=(e,t,a)=>{const r=ue(e),s=ue(t);if(!r||!s)return null;const n=Ce(a,0,1);return Le({r:r.r*(1-n)+s.r*n,g:r.g*(1-n)+s.g*n,b:r.b*(1-n)+s.b*n})},qe=(e,t)=>t<0?ne(e,"#000000",Math.abs(t)):ne(e,"#ffffff",t),Q=e=>{const t=ue(e);return t&&[t.r,t.g,t.b].map(r=>{const s=r/255;return s<=.03928?s/12.92:((s+.055)/1.055)**2.4}).reduce((r,s,n)=>r+s*[.2126,.7152,.0722][n],0)>.42?"#18181b":"#ffffff"},A=(e,t)=>e&&Object.prototype.hasOwnProperty.call(e,t)&&e[t]!=null&&e[t]!=="",ze=(e,t)=>{const a=de(e.brandColor);if(!a)return e;const r=de(e.brandTextColor)||Q(a),s=ne(a,"#ffffff",.82)||E.secondaryButtonBorderColor,n=ne(a,"#ffffff",.92)||E.secondaryButtonHoverBackgroundColor,l=qe(a,-.12)||E.primaryButtonHoverBackgroundColor;return{...e,brandColor:a,brandTextColor:r,primaryButtonBackgroundColor:A(t,"primaryButtonBackgroundColor")?e.primaryButtonBackgroundColor:a,primaryButtonTextColor:A(t,"primaryButtonTextColor")?e.primaryButtonTextColor:r,primaryButtonHoverBackgroundColor:A(t,"primaryButtonHoverBackgroundColor")?e.primaryButtonHoverBackgroundColor:l,secondaryButtonBackgroundColor:A(t,"secondaryButtonBackgroundColor")?e.secondaryButtonBackgroundColor:"#ffffff",secondaryButtonTextColor:A(t,"secondaryButtonTextColor")?e.secondaryButtonTextColor:a,secondaryButtonBorderColor:A(t,"secondaryButtonBorderColor")?e.secondaryButtonBorderColor:s,secondaryButtonHoverBackgroundColor:A(t,"secondaryButtonHoverBackgroundColor")?e.secondaryButtonHoverBackgroundColor:n,iconButtonBackgroundColor:A(t,"iconButtonBackgroundColor")?e.iconButtonBackgroundColor:"#ffffff",iconButtonIconColor:A(t,"iconButtonIconColor")?e.iconButtonIconColor:a,iconButtonBorderColor:A(t,"iconButtonBorderColor")?e.iconButtonBorderColor:s,iconButtonHoverBackgroundColor:A(t,"iconButtonHoverBackgroundColor")?e.iconButtonHoverBackgroundColor:n}},De=e=>{const t=e.fabBackgroundColor||e.openFabBackgroundColor||E.fabBackgroundColor,a=e.fabIconColor||e.openFabIconColor||E.fabIconColor;return{...e,fabBackgroundColor:t,fabIconColor:a,openFabBackgroundColor:t,openFabIconColor:a}},ve=(e={})=>De(ze({...E,...e,position:ye(e.position??E.position)},e)),G=e=>({..._e(e.position),"--widget-width":e.width,"--widget-height":e.height,"--bpGray-1":"var(--ui-bg)","--bpGray-50":"var(--ui-bg-subtle)","--bpGray-100":"var(--ui-bg-muted)","--bpGray-200":"var(--ui-border)","--bpGray-300":"var(--ui-border-strong)","--bpGray-400":"var(--ui-text-muted)","--bpGray-500":"var(--ui-text-muted)","--bpGray-600":"var(--ui-text-muted)","--bpGray-700":"var(--ui-text)","--bpGray-800":"var(--ui-text)","--bpGray-900":"var(--ui-text)","--bpGray-950":"var(--ui-text)","--accent-color":e.accentColor,"--accent-text-color":Q(e.accentColor),"--header-avatar-bg":e.accentColor,"--header-avatar-text":Q(e.accentColor),"--primary-button-background-color":e.primaryButtonBackgroundColor,"--primary-button-text-color":e.primaryButtonTextColor,"--primary-button-hover-background-color":e.primaryButtonHoverBackgroundColor,"--panel-background-color":e.panelBackgroundColor,"--panel-elevated-background-color":e.panelElevatedBackgroundColor,"--panel-subtle-background-color":e.panelSubtleBackgroundColor,"--panel-muted-background-color":e.panelMutedBackgroundColor,"--panel-hover-background-color":e.panelHoverBackgroundColor,"--panel-selected-background-color":e.panelSelectedBackgroundColor,"--panel-border-color":e.panelBorderColor,"--panel-strong-border-color":e.panelStrongBorderColor,"--panel-text-color":e.panelTextColor,"--panel-muted-text-color":e.panelMutedTextColor,"--panel-header-background-color":e.panelHeaderBackgroundColor,"--welcome-background":e.welcomeBackground,"--welcome-hero-background":e.welcomeHeroBackground,"--welcome-online-status-color":e.welcomeOnlineStatusColor,"--secondary-button-background-color":e.secondaryButtonBackgroundColor,"--secondary-button-text-color":e.secondaryButtonTextColor,"--secondary-button-border-color":e.secondaryButtonBorderColor,"--secondary-button-hover-background-color":e.secondaryButtonHoverBackgroundColor,"--icon-button-background-color":e.iconButtonBackgroundColor,"--icon-button-icon-color":e.iconButtonIconColor,"--icon-button-border-color":e.iconButtonBorderColor,"--icon-button-hover-background-color":e.iconButtonHoverBackgroundColor,"--outgoing-message-background-color":e.outgoingMessageBackgroundColor,"--outgoing-message-text-color":e.outgoingMessageTextColor,"--incoming-message-background-color":e.incomingMessageBackgroundColor,"--incoming-message-text-color":e.incomingMessageTextColor,"--message-bg":e.outgoingMessageBackgroundColor,"--message-text":e.outgoingMessageTextColor,"--message-bg-hover":e.outgoingMessageBackgroundColor,"--send-button-bg":e.primaryButtonBackgroundColor,"--send-button-bg-hover":e.primaryButtonHoverBackgroundColor,"--send-button-text":e.primaryButtonTextColor,"--button-bg":e.secondaryButtonBackgroundColor,"--button-bg-hover":e.secondaryButtonHoverBackgroundColor,"--button-text":e.secondaryButtonTextColor,"--fab-background-color":e.fabBackgroundColor,"--fab-icon-color":e.fabIconColor}),Oe=e=>({color:e.color||e.accentColor,fontFamily:e.fontFamily,radius:e.radius,themeMode:e.themeMode,variant:e.variant,headerVariant:e.headerVariant,additionalStylesheet:e.additionalStylesheet,additionalStylesheetUrl:e.additionalStylesheetUrl});const We=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Ge=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,a,r)=>r?r.toUpperCase():a.toLowerCase()),we=e=>{const t=Ge(e);return t.charAt(0).toUpperCase()+t.slice(1)},Be=(...e)=>e.filter((t,a,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===a).join(" ").trim(),Ke=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};var Je={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Ze=c.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:a=2,absoluteStrokeWidth:r,className:s="",children:n,iconNode:l,...d},h)=>c.createElement("svg",{ref:h,...Je,width:t,height:t,stroke:e,strokeWidth:r?Number(a)*24/Number(t):a,className:Be("lucide",s),...!n&&!Ke(d)&&{"aria-hidden":"true"},...d},[...l.map(([C,B])=>c.createElement(C,B)),...Array.isArray(n)?n:[n]]));const N=(e,t)=>{const a=c.forwardRef(({className:r,...s},n)=>c.createElement(Ze,{ref:n,iconNode:t,className:Be(`lucide-${We(we(e))}`,`lucide-${e}`,r),...s}));return a.displayName=we(e),a};const Xe=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],Ye=N("arrow-right",Xe);const Qe=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],et=N("chevron-right",Qe);const tt=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"r6nss1"}]],ot=N("house",tt);const at=[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}],["path",{d:"M8 12h.01",key:"czm47f"}],["path",{d:"M12 12h.01",key:"1mp3jc"}],["path",{d:"M16 12h.01",key:"1l6xoz"}]],nt=N("message-circle-more",at);const rt=[["path",{d:"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",key:"1sd12s"}]],st=N("message-circle",rt);const ct=[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}]],ke=N("message-square",ct);const lt=[["path",{d:"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z",key:"1n2ejm"}],["path",{d:"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1",key:"1qfcsi"}]],je=N("messages-square",lt);const it=[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]],dt=N("rotate-ccw",it);const ut=[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]],bt=N("square-pen",ut);const ht=[["path",{d:"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z",key:"m61m77"}],["path",{d:"M17 14V2",key:"8ymqnk"}]],mt=N("thumbs-down",ht);const pt=[["path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",key:"emmmcr"}],["path",{d:"M7 10v12",key:"1qc93n"}]],wt=N("thumbs-up",pt);const ft=[["circle",{cx:"12",cy:"8",r:"5",key:"1hypcn"}],["path",{d:"M20 21a8 8 0 0 0-16 0",key:"rfgkzh"}]],gt=N("user-round",ft);const xt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Ne=N("x",xt),y={"aria-hidden":!0,strokeWidth:1.9},yt=o.jsx(dt,{...y}),re=o.jsx(Ne,{...y}),Ct=o.jsx(Ne,{...y}),fe={"message-circle-more":o.jsx(nt,{...y}),"message-circle":o.jsx(st,{...y}),"message-square":o.jsx(ke,{...y}),"messages-square":o.jsx(je,{...y})},vt=(e="messages-square")=>fe[e]||fe["messages-square"],Bt=o.jsx(Ye,{...y}),Ie=o.jsx(ot,{...y}),kt=o.jsx(ke,{...y}),jt=o.jsx(wt,{...y}),Nt=o.jsx(mt,{...y}),It=o.jsx(je,{...y}),Mt=o.jsx(et,{...y}),St=o.jsx(bt,{...y}),Tt=o.jsx(gt,{...y}),ae=e=>String(e).replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll('"',"&quot;").replaceAll("'","&apos;"),At=({name:e,backgroundColor:t})=>{const a=(e||"B").trim().charAt(0).toUpperCase()||"B",r=Q(t),s=`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-label="${ae(e||"Bot")}">
+      <rect width="96" height="96" rx="48" fill="${ae(t)}" />
+      <text x="50%" y="52%" dominant-baseline="middle" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="42" font-weight="700" fill="${ae(r)}">${ae(a)}</text>
+    </svg>
+  `.trim();return`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(s)}`},Vt=e=>e?e.payload?.type==="text"?e.payload.text:e.payload?.type==="bloc"&&e.payload.items?.some(t=>t.type==="text")?e.payload.items.find(a=>a.type==="text")?.payload.text??"Conversa sem mensagens":"Anexo enviado":"Conversa sem mensagens",ge=[{unit:"minute",seconds:60},{unit:"hour",seconds:3600},{unit:"day",seconds:3600*24},{unit:"week",seconds:3600*24*7},{unit:"month",seconds:3600*24*30},{unit:"year",seconds:3600*24*365}],Ut=new Intl.RelativeTimeFormat("pt-BR",{numeric:"auto"}),Ft=e=>{const t=Math.round((new Date(e).getTime()-Date.now())/1e3);if(Math.abs(t)<45)return"agora";let a=ge[0];for(const r of ge)Math.abs(t)>=r.seconds&&(a=r);return Ut.format(Math.round(t/a.seconds),a.unit)},Rt=({messages:e,user:t,botName:a,botAvatar:r})=>e.map(s=>{const n=s.authorId===t?.userId;return{...s,direction:n?"outgoing":"incoming",sender:n?{name:t?.name??"Você",avatar:t?.pictureUrl}:{name:a,avatar:r}}}),Pt=({activeView:e,clientState:t,conversationId:a,messagesLength:r})=>{const[s,n]=c.useState(!1),l=e==="chat",d=l&&t==="connecting",h=l&&t==="connected"&&r===0,C=s&&(!l||r>0||t!=="connecting"&&t!=="connected");return c.useEffect(()=>{if(s){if(h){const B=window.setTimeout(()=>n(!1),900);return()=>window.clearTimeout(B)}if(C){const B=window.setTimeout(()=>n(!1),0);return()=>window.clearTimeout(B)}}},[a,s,h,C]),{showInitialLoading:d||s&&l,setShowInitialLoading:n}};function Ht({botName:e,botAvatar:t,subtitle:a,onShowHome:r,onOpenHistory:s,onRestartConversation:n,onCloseWidget:l}){return o.jsxs("div",{className:"bp-webchat-header",children:[o.jsxs("div",{className:"bp-webchat-header-meta",children:[o.jsx("div",{className:"bp-webchat-avatar",children:t?o.jsx("img",{src:t,alt:""}):o.jsx("span",{children:(e||"B").slice(0,1).toUpperCase()})}),o.jsxs("div",{className:"bp-webchat-header-text",children:[o.jsx("h2",{className:"bp-webchat-header-title",children:e}),o.jsx("p",{className:"bp-webchat-header-subtitle",children:a})]})]}),o.jsxs("div",{className:"bp-webchat-header-actions",children:[r?o.jsx("button",{className:"bp-webchat-icon-button",type:"button","aria-label":"Abrir início",onClick:r,children:Ie}):null,o.jsx("button",{className:"bp-webchat-icon-button",type:"button","aria-label":"Abrir conversas",onClick:s,children:It}),o.jsx("button",{className:"bp-webchat-icon-button",type:"button","aria-label":"Reiniciar conversa",onClick:n,children:yt}),l?o.jsx("button",{className:"bp-webchat-icon-button bp-webchat-mobile-close",type:"button","aria-label":"Fechar webchat",onClick:l,children:re}):null]})]})}function Me(){return o.jsxs("div",{className:"bp-webchat-loading",children:[o.jsxs("div",{className:"bp-webchat-loading-hero",children:[o.jsx("div",{className:"bp-webchat-loading-circle"}),o.jsx("div",{className:"bp-webchat-loading-line bp-webchat-loading-line--title"}),o.jsx("div",{className:"bp-webchat-loading-line bp-webchat-loading-line--subtitle"})]}),o.jsxs("div",{className:"bp-webchat-loading-bubble",children:[o.jsx("div",{className:"bp-webchat-loading-line",style:{width:"82%",height:"12px"}}),o.jsx("div",{className:"bp-webchat-loading-line",style:{width:"58%",height:"12px"}})]}),o.jsx("div",{className:"bp-webchat-loading-bubble bp-webchat-loading-bubble--right",children:o.jsx("div",{className:"bp-webchat-loading-line",style:{width:"72%",height:"12px"}})}),o.jsxs("div",{className:"bp-webchat-loading-composer",children:[o.jsx("div",{className:"bp-webchat-loading-input"}),o.jsx("div",{className:"bp-webchat-loading-mic"})]})]})}function $t({config:e,allowFileUpload:t,clientState:a,isTyping:r,messages:s,renderers:n,sendMessage:l,uploadFile:d,addMessageFeedback:h,showInitialLoading:C,onShowHome:B,onOpenHistory:p,onRestartConversation:j,onCloseWidget:k}){return o.jsxs("div",{className:"bp-webchat-layout",children:[o.jsx(Ht,{botName:e.botName,botAvatar:e.botAvatar,subtitle:e.subtitle,onShowHome:B,onOpenHistory:p,onRestartConversation:j,onCloseWidget:k}),o.jsx(F.Container,{className:"bp-webchat-container",uploadFile:d,allowFileUpload:t,children:C?o.jsx(Me,{}):o.jsxs(o.Fragment,{children:[o.jsx(F.MessageList,{botName:e.botName,botDescription:e.subtitle,botAvatar:e.botAvatar,isTyping:r,messages:s,sendMessage:l,addMessageFeedback:h,renderers:n,showDateSystemMessage:!1,showMessageStatus:!1,showIncomingMessageAvatar:!0,showOutgoingMessageAvatar:!1}),o.jsx(F.Composer,{connected:a!=="disconnected",sendMessage:l,uploadFile:d,allowFileUpload:t,composerPlaceholder:e.placeholder,disableSendButton:!1})]})})]})}function Se({activeView:e,onShowHome:t,onShowConversations:a}){return o.jsxs("div",{className:"bp-webchat-tabs bp-webchat-welcome-bottom",children:[o.jsxs("button",{className:"bp-webchat-tab bp-webchat-welcome-tab","data-active":e==="home",type:"button",onClick:t,children:[o.jsx("span",{className:"bp-webchat-tab-icon bp-webchat-welcome-tab-icon",children:Ie}),o.jsx("span",{children:"Início"})]}),o.jsxs("button",{className:"bp-webchat-tab bp-webchat-welcome-tab","data-active":e==="conversations",type:"button",onClick:a,children:[o.jsx("span",{className:"bp-webchat-tab-icon bp-webchat-welcome-tab-icon",children:kt}),o.jsx("span",{children:"Conversas"})]})]})}function Et({conversations:e,currentConversationId:t,isLoading:a,botAvatar:r,botName:s,onClose:n,onCloseWidget:l,onShowHome:d,onShowConversations:h,onNewConversation:C,onConversationClick:B}){return o.jsxs("div",{className:"bp-webchat-history",children:[o.jsxs("div",{className:"bp-webchat-history-header",children:[o.jsx("h2",{className:"bp-webchat-history-title",children:"Conversas"}),o.jsxs("div",{className:"bp-webchat-header-actions",children:[o.jsx("button",{className:"bp-webchat-icon-button",type:"button",onClick:n,"aria-label":"Fechar conversas",children:re}),l?o.jsx("button",{className:"bp-webchat-icon-button bp-webchat-mobile-close",type:"button",onClick:l,"aria-label":"Fechar webchat",children:re}):null]})]}),o.jsx("div",{className:"bp-webchat-history-list",children:a?o.jsx("div",{className:"bp-webchat-history-loading",children:"Carregando conversas..."}):e.length===0?o.jsx("div",{className:"bp-webchat-history-empty",children:"Nenhuma conversa iniciada ainda."}):e.map(p=>{const j=Vt(p.lastMessage),k=p.lastMessage?.author?.type==="bot";return o.jsxs("button",{className:"bp-webchat-history-item",type:"button",onClick:()=>B(p.id),"data-current":p.id===t||void 0,children:[o.jsx("div",{className:"bp-webchat-history-avatar","data-kind":k?"bot":"user",children:k&&r?o.jsx("img",{src:r,alt:""}):k?o.jsx("span",{children:(s||"B").slice(0,1).toUpperCase()}):Tt}),o.jsxs("div",{className:"bp-webchat-history-content",children:[o.jsx("span",{className:"bp-webchat-history-name",children:j}),o.jsx("span",{className:"bp-webchat-history-time",children:Ft(p.updatedAt)})]}),o.jsx("span",{className:"bp-webchat-history-chevron",children:Mt})]},p.id)})}),o.jsx("div",{className:"bp-webchat-history-footer",children:o.jsxs("button",{className:"bp-webchat-history-new",type:"button",onClick:C,children:[St,o.jsx("span",{children:"Nova conversa"})]})}),o.jsx(Se,{activeView:"conversations",onShowHome:d,onShowConversations:h})]})}function _t({open:e,draft:t,setDraft:a,onConfirm:r,onCancel:s}){return e?o.jsx("div",{className:"bp-webchat-modal-backdrop",children:o.jsxs("div",{className:"bp-webchat-modal",children:[o.jsx("h3",{className:"bp-webchat-modal-title",children:"Nos ajude a melhorar"}),o.jsx("p",{className:"bp-webchat-modal-description",children:"Conte o que não ficou bom nesta resposta."}),o.jsx("div",{className:"bp-webchat-modal-field-wrap",children:o.jsx("textarea",{className:"bp-webchat-modal-textarea",value:t,onChange:n=>a(n.target.value),placeholder:"Descreva o problema encontrado..."})}),o.jsxs("div",{className:"bp-webchat-modal-actions",children:[o.jsx("button",{className:"bp-webchat-modal-button bp-webchat-modal-button--primary",type:"button",onClick:r,children:"Enviar feedback"}),o.jsx("button",{className:"bp-webchat-modal-button",type:"button",onClick:s,children:"Cancelar"})]})]})}):null}function Lt({open:e,onConfirm:t,onCancel:a}){return e?o.jsx("div",{className:"bp-webchat-modal-backdrop",children:o.jsxs("div",{className:"bp-webchat-modal",children:[o.jsx("h3",{className:"bp-webchat-modal-title",children:"Criar nova conversa"}),o.jsx("p",{className:"bp-webchat-modal-description",children:"Isso vai limpar a conversa atual e iniciar uma nova sessão com o bot."}),o.jsxs("div",{className:"bp-webchat-modal-actions",children:[o.jsx("button",{className:"bp-webchat-modal-button bp-webchat-modal-button--primary",type:"button",onClick:t,children:"Nova conversa"}),o.jsx("button",{className:"bp-webchat-modal-button",type:"button",onClick:a,children:"Cancelar"})]})]})}):null}function qt({config:e,activeView:t,onShowHome:a,onShowConversations:r,onStart:s,onClose:n}){const l=e.welcomeCardImage||e.botAvatar;return o.jsxs("div",{className:"bp-webchat-welcome",children:[o.jsxs("div",{className:"bp-webchat-welcome-hero",children:[o.jsx("button",{className:"bp-webchat-icon-button bp-webchat-welcome-close",type:"button",onClick:n,"aria-label":e.welcomeCloseLabel,children:re}),e.welcomeCoverImage?o.jsx("img",{className:"bp-webchat-welcome-cover",src:e.welcomeCoverImage,alt:""}):null]}),o.jsx("div",{className:"bp-webchat-welcome-card-wrap",children:o.jsxs("div",{className:"bp-webchat-welcome-card",children:[o.jsx("div",{className:"bp-webchat-welcome-card-badge",children:l?o.jsx("img",{src:l,alt:""}):o.jsx("span",{children:(e.botName||"B").slice(0,1).toUpperCase()})}),o.jsx("h3",{className:"bp-webchat-welcome-card-title",children:e.welcomeCardTitle}),o.jsx("p",{className:"bp-webchat-welcome-card-status",children:o.jsx("strong",{children:e.welcomeCardStatus})}),o.jsx("p",{className:"bp-webchat-welcome-card-description",children:e.welcomeCardDescription}),o.jsxs("button",{className:"bp-webchat-welcome-cta",type:"button",onClick:s,children:[o.jsx("span",{className:"bp-webchat-welcome-cta-left",children:o.jsxs("span",{className:"bp-webchat-welcome-cta-copy",children:[o.jsx("span",{className:"bp-webchat-welcome-cta-title",children:e.welcomeCtaLabel}),e.welcomeButtonDescription?o.jsx("span",{className:"bp-webchat-welcome-cta-description",children:e.welcomeButtonDescription}):null]})}),o.jsx("span",{className:"bp-webchat-welcome-cta-right",children:Bt})]})]})}),o.jsx(Se,{activeView:t,onShowHome:a,onShowConversations:r})]})}const zt=220,se="eduzz-webchat",ie=Object.freeze({allowFileUpload:!1,allowMessageFeedback:!1}),Dt="anonymous-id",Ot=e=>!!e&&typeof e=="object"&&!Array.isArray(e),Te=e=>e.replace(/\/+$/,""),be=({webchatProxyUrl:e})=>{if(typeof e!="string"||!e.trim())return null;const t=Te(e.trim()),a="/webchat/proxy";return t.endsWith(a)?t.slice(0,-a.length):null},Wt=({webchatProxyUrl:e,clientId:t})=>!e||!t?null:`${e.endsWith("/")?e.slice(0,-1):e}/${encodeURIComponent(t)}/runtime-config`,Gt=({webchatProxyUrl:e,clientId:t,presetSlug:a})=>{if(!e||!t)return null;const r=be({webchatProxyUrl:e});if(!r)return null;const s=new URLSearchParams;typeof a=="string"&&a.trim()&&s.set("slug",a.trim());const n=s.toString();return`${r}/webchat/bootstrap/${encodeURIComponent(t)}${n?`?${n}`:""}`},Kt=e=>{const t=e&&typeof e=="object"&&e.data&&typeof e.data=="object"?e.data:e;return t&&typeof t=="object"?t:null},K=e=>Ot(e)?e:null,Jt=e=>{if(!e)return"";try{return JSON.stringify(e)}catch{return String(Date.now())}},Ae=e=>{if(typeof window>"u")return null;try{return e==="sessionStorage"?window.sessionStorage:window.localStorage}catch{return null}},Ve=({storageKey:e,storageLocation:t})=>{const a=Ae(t);if(!a)return null;try{const r=a.getItem(`${e||se}-client`);if(!r)return null;const s=JSON.parse(r),n=typeof s?.state=="string"?JSON.parse(s.state):s?.state??s;return n&&typeof n=="object"?n:null}catch{return}},Zt=({storageKey:e,storageLocation:t})=>{const a=Ve({storageKey:e,storageLocation:t});return typeof a?.conversationId=="string"&&a.conversationId.trim()||void 0},xe=()=>{try{if(typeof crypto<"u"&&typeof crypto.randomUUID=="function")return crypto.randomUUID()}catch{return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})}return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})},Xt=e=>`${e||se}-${Dt}`,Yt=({storageKey:e,storageLocation:t})=>{const a=Ae(t),r=Xt(e);try{const s=a?.getItem(r);if(s)return s;const n=`anon_${xe()}`;return a?.setItem(r,n),n}catch{return`anon_${xe()}`}},Qt=async({webchatProxyUrl:e,clientId:t,accountId:a})=>{const r=be({webchatProxyUrl:e});if(!r)throw new Error("public session request requires a valid webchatProxyUrl");const s=await fetch(`${r}/webchat/session/open/${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({accountId:a})});if(!s.ok)throw new Error(`public session request failed with status ${s.status}`);const n=await s.json(),l=n&&typeof n=="object"&&n.data&&typeof n.data=="object"?n.data:n;if(!l||typeof l!="object")throw new Error("public session response is invalid");if(typeof l.userId!="string"||typeof l.userToken!="string")throw new Error("public session response is missing credentials");return{userId:l.userId,userToken:l.userToken}},eo=e=>({...typeof e.name=="string"&&e.name.trim()?{name:e.name.trim()}:{},...typeof e.pictureUrl=="string"&&e.pictureUrl.trim()?{pictureUrl:e.pictureUrl.trim()}:{},userData:e}),to=({showWelcomeScreen:e,storageKey:t,storageLocation:a,conversationId:r,userToken:s})=>{if(!e)return{activeView:"chat",historyReturnView:"chat",bootstrapView:"chat"};if(r&&s)return{activeView:"chat",historyReturnView:"chat",bootstrapView:"chat"};const n=Ve({storageKey:t,storageLocation:a});if(n==null)return{activeView:"home",historyReturnView:"home",bootstrapView:"home"};if(n===void 0)return{activeView:"pending",historyReturnView:"home",bootstrapView:"pending"};const l=typeof n.conversationId=="string"?n.conversationId.trim():"",d=typeof n.user?.userToken=="string"?n.user.userToken.trim():"";return l&&d?{activeView:"chat",historyReturnView:"chat",bootstrapView:"chat"}:!l&&!d?{activeView:"home",historyReturnView:"home",bootstrapView:"home"}:{activeView:"pending",historyReturnView:"home",bootstrapView:"pending"}},oo=(e,t)=>{switch(t.type){case"show":return{isPanelMounted:!0,isPanelVisible:e.isPanelVisible};case"visible":return{isPanelMounted:!0,isPanelVisible:!0};case"hide":return{isPanelMounted:e.isPanelMounted,isPanelVisible:!1};case"unmount":return{isPanelMounted:!1,isPanelVisible:!1};default:return e}};function ao({clientId:e,webchatProxyUrl:t,userCredentials:a,conversationId:r,config:s,defaultUserData:n,presetSlug:l,storageKey:d=se,storageLocation:h="localStorage",defaultOpen:C,onUserApiChange:B}){const p=c.useMemo(()=>typeof l=="string"&&l.trim()?l.trim():void 0,[l]),j=c.useMemo(()=>typeof t=="string"&&t.trim()?Te(t.trim()):void 0,[t]);c.useMemo(()=>j?be({webchatProxyUrl:j}):null,[j]);const k=!!(e&&j&&(p||!a)),f=c.useMemo(()=>k?Gt({webchatProxyUrl:j,clientId:e,presetSlug:p}):null,[e,p,j,k]),[S,_]=c.useState({error:null,isLoading:!1,payload:null,url:null});c.useEffect(()=>{if(!f){_({error:null,isLoading:!1,payload:null,url:null});return}const u=new AbortController;return _({error:null,isLoading:!0,payload:null,url:f}),fetch(f,{headers:{accept:"application/json"},signal:u.signal}).then(async m=>{if(!m.ok)throw new Error(`bootstrap request failed with status ${m.status}`);return m.json()}).then(m=>{const v=Kt(m);if(!v)throw new Error("bootstrap response is invalid");_({error:null,isLoading:!1,payload:v,url:f})}).catch(m=>{u.signal.aborted||(console.warn("[EduzzWebchat] failed to load bootstrap",m),_({error:m,isLoading:!1,payload:null,url:f}))}),()=>u.abort()},[f]);const g=f&&S.url===f?S.payload:null,L=f&&S.url===f?S.error:null,I=g?.clientId||e,V=j||g?.webchatProxyUrl||void 0,M=d===se&&g?.storageKey?g.storageKey:d,J=typeof C=="boolean"?C:typeof g?.defaultOpen=="boolean"?g.defaultOpen:C,ee=c.useMemo(()=>({...K(g?.config)||{},...K(s)||{}}),[g,s]),z=c.useMemo(()=>{const u={...K(g?.defaultUserData)||{},...K(n)||{}};return Object.keys(u).length>0?u:null},[n,g]),D=!!(!a&&g?.sessionMode==="service-hub"&&V&&I),[R,O]=c.useState({error:null,isLoading:!1,payload:null,key:null});c.useEffect(()=>{if(!D){O({error:null,isLoading:!1,payload:null,key:null});return}const u=Yt({storageKey:M,storageLocation:h}),m=`${I}:${V}:${u}`;let v=!1;return O({error:null,isLoading:!0,payload:null,key:m}),Qt({webchatProxyUrl:V,clientId:I,accountId:u}).then(b=>{v||O({error:null,isLoading:!1,payload:b,key:m})}).catch(b=>{v||(console.warn("[EduzzWebchat] failed to open public session",b),O({error:b,isLoading:!1,payload:null,key:m}))}),()=>{v=!0}},[I,M,V,D,h]);const P=D?R.payload:null,W=a||P,U=c.useMemo(()=>ve(ee),[ee]),H=c.useMemo(()=>r||Zt({storageKey:M,storageLocation:h}),[r,M,h]),w=J??U.initiallyOpen??!0,[ce,$]=c.useState(w),te=c.useRef(w),[le,q]=c.useState(ie),Z=c.useCallback(()=>$(u=>!u),[]);c.useEffect(()=>{te.current!==w&&(te.current=w,$(w))},[w]);const X=k&&!g&&!L,Y=D&&!P&&!R.error;return c.useEffect(()=>{const u=Wt({webchatProxyUrl:V,clientId:I});if(q(ie),!u)return;const m=new AbortController;let v=!1;return fetch(u,{headers:{accept:"application/json"},signal:m.signal}).then(async b=>{if(!b.ok)throw new Error(`runtime config request failed with status ${b.status}`);return b.json()}).then(b=>{if(v)return;const T=b&&typeof b=="object"&&b.data&&typeof b.data=="object"?b.data:{};q({allowFileUpload:T.allowFileUpload===!0,allowMessageFeedback:T.allowMessageFeedback===!0})}).catch(b=>{m.signal.aborted||v||(console.warn("[EduzzWebchat] failed to load runtime config",b),q(ie))}),()=>{v=!0,m.abort()}},[I,V]),X||Y?null:L&&!g?o.jsx("div",{className:"bp-webchat-shell",style:G(U),children:o.jsx("div",{className:"bp-webchat-error",children:"Nao foi possivel carregar a configuracao publica do webchat."})}):R.error&&!P?o.jsx("div",{className:"bp-webchat-shell",style:G(U),children:o.jsx("div",{className:"bp-webchat-error",children:"Nao foi possivel abrir a sessao publica do webchat."})}):V?I?o.jsx(F.WebchatProvider,{clientId:I,apiUrl:V,conversationId:H,userCredentials:W,storageKey:M,storageLocation:h,children:o.jsx(no,{clientId:I,config:U,defaultUserData:z,conversationIdProp:H,isOpen:ce,onUserApiChange:B,onToggle:Z,runtimeCapabilities:le,storageKey:M,storageLocation:h,userToken:W?.userToken})}):o.jsx("div",{className:"bp-webchat-shell",style:G(U),children:o.jsx("div",{className:"bp-webchat-error",children:"Nenhum clientId foi informado."})}):o.jsx("div",{className:"bp-webchat-shell",style:G(U),children:o.jsx("div",{className:"bp-webchat-error",children:"Nenhuma URL publica do proxy do webchat foi informada."})})}function no({clientId:e,config:t,defaultUserData:a,conversationIdProp:r,isOpen:s,onUserApiChange:n,onToggle:l,runtimeCapabilities:d,storageKey:h,storageLocation:C,userToken:B}){const p=c.useMemo(()=>to({showWelcomeScreen:t.showWelcomeScreen,storageKey:h,storageLocation:C,conversationId:r,userToken:B}),[t.showWelcomeScreen,r,h,C,B]),[j,k]=c.useState(!1),[f,S]=c.useState({open:!1,messageId:null,draft:""}),[{isPanelMounted:_,isPanelVisible:g},L]=c.useReducer(oo,{isPanelMounted:s,isPanelVisible:s}),{conversationId:I,isTyping:V,messages:M,saveMessageFeedback:J,sendMessage:ee,status:z,uploadFile:D}=F.useActiveConversation(),{openConversation:R,listConversations:O}=F.useConversations(),{updateUser:P,userCredentials:W}=F.useUser(),U=c.useRef({}),[H,w]=c.useState(()=>p.activeView),[ce,$]=c.useState(()=>p.historyReturnView),{conversations:te,isLoading:le,refresh:q}=F.useConversationList({userCredentials:W,listConversations:O,clientId:e}),Z=c.useMemo(()=>Jt(a),[a]),X=c.useCallback(async(x={})=>{if(!P)return;const i={...K(a)||{},...U.current,...K(x)||{}};return U.current=i,P(eo(i))},[a,P]),Y=c.useRef(X);c.useEffect(()=>{Y.current=X},[X]);const u=!!P;c.useEffect(()=>{U.current={}},[Z]),c.useEffect(()=>{if(n)return n({updateUserData:u?x=>Y.current(x):void 0}),()=>n(null)},[n,u]),c.useEffect(()=>{!u||!Z||Y.current()},[Z,u]),c.useEffect(()=>{d.allowMessageFeedback||S({open:!1,messageId:null,draft:""})},[d.allowMessageFeedback]);const{showInitialLoading:m,setShowInitialLoading:v}=Pt({activeView:H,clientState:z,conversationId:I,messagesLength:M.length}),b=c.useMemo(()=>t.botAvatar||At({name:t.botName,backgroundColor:t.accentColor}),[t.accentColor,t.botAvatar,t.botName]),T=c.useMemo(()=>({...t,botAvatar:b}),[t,b]),he=c.useCallback(async x=>{$(x),w("conversations"),await q()},[q]),Ue=c.useCallback(x=>{v(!0),R(x),w("chat")},[R,v]),me=c.useCallback(()=>{v(!0),R(),w("chat")},[R,v]),Fe=c.useMemo(()=>Rt({messages:M,user:W,botName:T.botName,botAvatar:T.botAvatar}),[M,T.botAvatar,T.botName,W]),Re=G(t),Pe=c.useMemo(()=>Oe(t),[t]),He=c.useMemo(()=>vt(t.fabChatIconVariant),[t.fabChatIconVariant]);c.useEffect(()=>{if(s){L({type:"show"});const oe=window.requestAnimationFrame(()=>L({type:"visible"}));return()=>window.cancelAnimationFrame(oe)}L({type:"hide"});const x=window.setTimeout(()=>{k(!1),S({open:!1,messageId:null,draft:""})},0),i=window.setTimeout(()=>L({type:"unmount"}),zt);return()=>{window.clearTimeout(x),window.clearTimeout(i)}},[s]),c.useEffect(()=>{if(p.bootstrapView==="pending"){if(M.length>0){const x=window.setTimeout(()=>{w("chat"),$("chat")},0);return()=>window.clearTimeout(x)}if(z!=="connecting"){const x=window.setTimeout(()=>{w("home"),$("home")},0);return()=>window.clearTimeout(x)}}},[z,p.bootstrapView,M.length]);const pe=c.useMemo(()=>function(i){const oe=d.allowMessageFeedback&&i.direction==="incoming"&&typeof i.addMessageFeedback=="function",Ee={...i.block,direction:i.direction,sender:i.sender,timestamp:i.timestamp,messageId:i.messageId,metadata:i.metadata,isReadOnly:i.isReadOnly,status:i.status,feedback:i.feedback,sendMessage:i.sendMessage,addMessageFeedback:i.addMessageFeedback};return o.jsxs("div",{className:"bpMessageBlocksBubble","data-direction":i.direction,"data-feedback":oe||void 0,children:[o.jsx(F.Block,{block:Ee}),oe?o.jsxs("div",{className:"bpMessageBlocksBubbleFeedbackContainer",children:[o.jsx("button",{className:"bpMessageBlocksBubbleFeedbackIcon",type:"button","data-selected":i.feedback==="positive","aria-label":"Feedback positivo",onClick:()=>i.addMessageFeedback(i.messageId,{value:"positive"}),children:jt}),o.jsx("button",{className:"bpMessageBlocksBubbleFeedbackIcon",type:"button","data-selected":i.feedback==="negative","aria-label":"Feedback negativo",onClick:()=>S({open:!0,messageId:i.messageId,draft:""}),children:Nt})]}):null]})},[d.allowMessageFeedback]),$e=c.useMemo(()=>({bubble:pe}),[pe]);return o.jsxs("div",{className:"bp-webchat-shell","data-panel-mounted":_,"data-panel-open":g,style:Re,children:[o.jsx(F.StylesheetProvider,{...Pe}),_?o.jsx("div",{className:"bp-webchat-panel","data-state":g?"open":"closed",children:H==="home"?o.jsx(qt,{config:T,activeView:H,onClose:l,onShowHome:()=>w("home"),onShowConversations:()=>he("home"),onStart:()=>w("chat")}):H==="conversations"?o.jsx(Et,{conversations:te,currentConversationId:I,isLoading:le,botAvatar:T.botAvatar,botName:T.botName,onClose:()=>w(ce),onCloseWidget:l,onShowHome:()=>{w("home"),$("home")},onShowConversations:q,onNewConversation:me,onConversationClick:Ue}):H==="pending"?o.jsx("div",{className:"bp-webchat-layout",children:o.jsx(Me,{})}):o.jsxs(o.Fragment,{children:[o.jsx($t,{config:T,allowFileUpload:d.allowFileUpload,clientState:z,isTyping:V,messages:Fe,renderers:$e,sendMessage:ee,uploadFile:D,addMessageFeedback:d.allowMessageFeedback?J:void 0,showInitialLoading:m,onShowHome:t.showWelcomeScreen?()=>{w("home"),$("home")}:void 0,onOpenHistory:()=>he("chat"),onRestartConversation:()=>k(!0),onCloseWidget:l}),o.jsx(Lt,{open:j,onCancel:()=>k(!1),onConfirm:()=>{k(!1),me()}}),d.allowMessageFeedback?o.jsx(_t,{open:f.open,draft:f.draft,setDraft:x=>S(i=>({...i,draft:x})),onCancel:()=>S({open:!1,messageId:null,draft:""}),onConfirm:async()=>{f.messageId&&J&&await J(f.messageId,{value:"negative",comment:f.draft}),S({open:!1,messageId:null,draft:""})}}):null]})}):null,o.jsxs("button",{className:"bp-webchat-fab","data-open":s,onClick:l,type:"button","aria-label":s?"Fechar webchat":"Abrir webchat",children:[o.jsx("span",{className:"bp-webchat-fab-icon bp-webchat-fab-icon--chat",children:He}),o.jsx("span",{className:"bp-webchat-fab-icon bp-webchat-fab-icon--close",children:Ct})]})]})}exports.Webchat=ao;exports.defaultConfig=E;exports.getContrastingTextColor=Q;exports.getShellStyle=G;exports.normalizeConfig=ve;