@eduzz-automacoes/webchat-widget 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eduzz-webchat.cjs +2 -2
- package/dist/eduzz-webchat.js +542 -442
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/eduzz-webchat.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./style.css');const o=require("react/jsx-runtime"),c=require("react"),H=require("@botpress/webchat"),z={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"},Ne=e=>e==="bottom-left"||e==="top-left"?"bottom-left":"bottom-right",_e=e=>{switch(Ne(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"}}},Ie=(e,t,a)=>Math.min(Math.max(e,t),a),xe=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()}`},ye=e=>{const t=xe(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)}},ze=({r:e,g:t,b:a})=>`#${[e,t,a].map(r=>Ie(Math.round(r),0,255).toString(16).padStart(2,"0")).join("")}`,ue=(e,t,a)=>{const r=ye(e),s=ye(t);if(!r||!s)return null;const n=Ie(a,0,1);return ze({r:r.r*(1-n)+s.r*n,g:r.g*(1-n)+s.g*n,b:r.b*(1-n)+s.b*n})},Le=(e,t)=>t<0?ue(e,"#000000",Math.abs(t)):ue(e,"#ffffff",t),ne=e=>{const t=ye(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]!=="",qe=(e,t)=>{const a=xe(e.brandColor);if(!a)return e;const r=xe(e.brandTextColor)||ne(a),s=ue(a,"#ffffff",.82)||z.secondaryButtonBorderColor,n=ue(a,"#ffffff",.92)||z.secondaryButtonHoverBackgroundColor,l=Le(a,-.12)||z.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||z.fabBackgroundColor,a=e.fabIconColor||e.openFabIconColor||z.fabIconColor;return{...e,fabBackgroundColor:t,fabIconColor:a,openFabBackgroundColor:t,openFabIconColor:a}},Me=(e={})=>De(qe({...z,...e,position:Ne(e.position??z.position)},e)),Z=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":ne(e.accentColor),"--header-avatar-bg":e.accentColor,"--header-avatar-text":ne(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()),ve=e=>{const t=Ge(e);return t.charAt(0).toUpperCase()+t.slice(1)},Se=(...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 Xe=c.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:a=2,absoluteStrokeWidth:r,className:s="",children:n,iconNode:l,...i},u)=>c.createElement("svg",{ref:u,...Je,width:t,height:t,stroke:e,strokeWidth:r?Number(a)*24/Number(t):a,className:Se("lucide",s),...!n&&!Ke(i)&&{"aria-hidden":"true"},...i},[...l.map(([m,f])=>c.createElement(m,f)),...Array.isArray(n)?n:[n]]));const N=(e,t)=>{const a=c.forwardRef(({className:r,...s},n)=>c.createElement(Xe,{ref:n,iconNode:t,className:Se(`lucide-${We(ve(e))}`,`lucide-${e}`,r),...s}));return a.displayName=ve(e),a};const Ze=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],Ye=N("arrow-right",Ze);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"}]],Te=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"}]],Ae=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"}]],ft=N("thumbs-up",pt);const wt=[["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",wt);const xt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Re=N("x",xt),C={"aria-hidden":!0,strokeWidth:1.9},yt=o.jsx(dt,{...C}),be=o.jsx(Re,{...C}),Ct=o.jsx(Re,{...C}),Be={"message-circle-more":o.jsx(nt,{...C}),"message-circle":o.jsx(st,{...C}),"message-square":o.jsx(Te,{...C}),"messages-square":o.jsx(Ae,{...C})},vt=(e="messages-square")=>Be[e]||Be["messages-square"],Bt=o.jsx(Ye,{...C}),Ue=o.jsx(ot,{...C}),kt=o.jsx(Te,{...C}),jt=o.jsx(ft,{...C}),Nt=o.jsx(mt,{...C}),It=o.jsx(Ae,{...C}),Mt=o.jsx(et,{...C}),St=o.jsx(bt,{...C}),Tt=o.jsx(gt,{...C}),de=e=>String(e).replaceAll("&","&").replaceAll("<","<").replaceAll(">",">").replaceAll('"',""").replaceAll("'","'"),At=({name:e,backgroundColor:t})=>{const a=(e||"B").trim().charAt(0).toUpperCase()||"B",r=ne(t),s=`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./style.css');const o=require("react/jsx-runtime"),c=require("react"),_=require("@botpress/webchat"),q={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"},Ie=e=>e==="bottom-left"||e==="top-left"?"bottom-left":"bottom-right",Le=e=>{switch(Ie(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"}}},Me=(e,t,a)=>Math.min(Math.max(e,t),a),xe=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()}`},ye=e=>{const t=xe(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)}},_e=({r:e,g:t,b:a})=>`#${[e,t,a].map(r=>Me(Math.round(r),0,255).toString(16).padStart(2,"0")).join("")}`,ue=(e,t,a)=>{const r=ye(e),s=ye(t);if(!r||!s)return null;const n=Me(a,0,1);return _e({r:r.r*(1-n)+s.r*n,g:r.g*(1-n)+s.g*n,b:r.b*(1-n)+s.b*n})},ze=(e,t)=>t<0?ue(e,"#000000",Math.abs(t)):ue(e,"#ffffff",t),re=e=>{const t=ye(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"},D=(e,t)=>e&&Object.prototype.hasOwnProperty.call(e,t)&&e[t]!=null&&e[t]!=="",qe=(e,t)=>{const a=xe(e.brandColor);if(!a)return e;const r=xe(e.brandTextColor)||re(a),s=ue(a,"#ffffff",.82)||q.secondaryButtonBorderColor,n=ue(a,"#ffffff",.92)||q.secondaryButtonHoverBackgroundColor,l=ze(a,-.12)||q.primaryButtonHoverBackgroundColor;return{...e,brandColor:a,brandTextColor:r,primaryButtonBackgroundColor:D(t,"primaryButtonBackgroundColor")?e.primaryButtonBackgroundColor:a,primaryButtonTextColor:D(t,"primaryButtonTextColor")?e.primaryButtonTextColor:r,primaryButtonHoverBackgroundColor:D(t,"primaryButtonHoverBackgroundColor")?e.primaryButtonHoverBackgroundColor:l,secondaryButtonBackgroundColor:D(t,"secondaryButtonBackgroundColor")?e.secondaryButtonBackgroundColor:"#ffffff",secondaryButtonTextColor:D(t,"secondaryButtonTextColor")?e.secondaryButtonTextColor:a,secondaryButtonBorderColor:D(t,"secondaryButtonBorderColor")?e.secondaryButtonBorderColor:s,secondaryButtonHoverBackgroundColor:D(t,"secondaryButtonHoverBackgroundColor")?e.secondaryButtonHoverBackgroundColor:n,iconButtonBackgroundColor:D(t,"iconButtonBackgroundColor")?e.iconButtonBackgroundColor:"#ffffff",iconButtonIconColor:D(t,"iconButtonIconColor")?e.iconButtonIconColor:a,iconButtonBorderColor:D(t,"iconButtonBorderColor")?e.iconButtonBorderColor:s,iconButtonHoverBackgroundColor:D(t,"iconButtonHoverBackgroundColor")?e.iconButtonHoverBackgroundColor:n}},Oe=e=>{const t=e.fabBackgroundColor||e.openFabBackgroundColor||q.fabBackgroundColor,a=e.fabIconColor||e.openFabIconColor||q.fabIconColor;return{...e,fabBackgroundColor:t,fabIconColor:a,openFabBackgroundColor:t,openFabIconColor:a}},Se=(e={})=>Oe(qe({...q,...e,position:Ie(e.position??q.position)},e)),te=e=>({...Le(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":re(e.accentColor),"--header-avatar-bg":e.accentColor,"--header-avatar-text":re(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}),We=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 Ge=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Ke=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,a,r)=>r?r.toUpperCase():a.toLowerCase()),Ce=e=>{const t=Ke(e);return t.charAt(0).toUpperCase()+t.slice(1)},Te=(...e)=>e.filter((t,a,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===a).join(" ").trim(),Je=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};var Xe={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,...i},u)=>c.createElement("svg",{ref:u,...Xe,width:t,height:t,stroke:e,strokeWidth:r?Number(a)*24/Number(t):a,className:Te("lucide",s),...!n&&!Je(i)&&{"aria-hidden":"true"},...i},[...l.map(([f,p])=>c.createElement(f,p)),...Array.isArray(n)?n:[n]]));const I=(e,t)=>{const a=c.forwardRef(({className:r,...s},n)=>c.createElement(Ze,{ref:n,iconNode:t,className:Te(`lucide-${Ge(Ce(e))}`,`lucide-${e}`,r),...s}));return a.displayName=Ce(e),a};const Ye=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],Qe=I("arrow-right",Ye);const et=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],tt=I("chevron-down",et);const ot=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],at=I("chevron-right",ot);const nt=[["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"}]],rt=I("house",nt);const st=[["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"}]],ct=I("message-circle-more",st);const lt=[["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"}]],it=I("message-circle",lt);const dt=[["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"}]],Ae=I("message-square",dt);const ut=[["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"}]],Re=I("messages-square",ut);const bt=[["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"}]],ht=I("rotate-ccw",bt);const mt=[["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"}]],pt=I("square-pen",mt);const ft=[["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"}]],wt=I("thumbs-down",ft);const gt=[["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"}]],xt=I("thumbs-up",gt);const yt=[["circle",{cx:"12",cy:"8",r:"5",key:"1hypcn"}],["path",{d:"M20 21a8 8 0 0 0-16 0",key:"rfgkzh"}]],vt=I("user-round",yt);const Ct=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Ue=I("x",Ct),C={"aria-hidden":!0,strokeWidth:1.9},kt=o.jsx(ht,{...C}),be=o.jsx(Ue,{...C}),Bt=o.jsx(Ue,{...C}),ke={"message-circle-more":o.jsx(ct,{...C}),"message-circle":o.jsx(it,{...C}),"message-square":o.jsx(Ae,{...C}),"messages-square":o.jsx(Re,{...C})},jt=(e="messages-square")=>ke[e]||ke["messages-square"],Nt=o.jsx(Qe,{...C}),Ve=o.jsx(rt,{...C}),It=o.jsx(Ae,{...C}),Mt=o.jsx(xt,{...C}),St=o.jsx(wt,{...C}),Tt=o.jsx(Re,{...C}),At=o.jsx(at,{...C}),Rt=o.jsx(tt,{...C}),Ut=o.jsx(pt,{...C}),Vt=o.jsx(vt,{...C}),de=e=>String(e).replaceAll("&","&").replaceAll("<","<").replaceAll(">",">").replaceAll('"',""").replaceAll("'","'"),Ft=({name:e,backgroundColor:t})=>{const a=(e||"B").trim().charAt(0).toUpperCase()||"B",r=re(t),s=`
|
|
2
2
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-label="${de(e||"Bot")}">
|
|
3
3
|
<rect width="96" height="96" rx="48" fill="${de(t)}" />
|
|
4
4
|
<text x="50%" y="52%" dominant-baseline="middle" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="42" font-weight="700" fill="${de(r)}">${de(a)}</text>
|
|
5
5
|
</svg>
|
|
6
|
-
`.trim();return`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(s)}`},Rt=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",ke=[{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"}),Vt=e=>{const t=Math.round((new Date(e).getTime()-Date.now())/1e3);if(Math.abs(t)<45)return"agora";let a=ke[0];for(const r of ke)Math.abs(t)>=r.seconds&&(a=r);return Ut.format(Math.round(t/a.seconds),a.unit)},Ft=({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",i=l&&t==="connecting",u=l&&t==="connected"&&r===0,m=s&&(!l||r>0||t!=="connecting"&&t!=="connected");return c.useEffect(()=>{if(s){if(u){const f=window.setTimeout(()=>n(!1),900);return()=>window.clearTimeout(f)}if(m){const f=window.setTimeout(()=>n(!1),0);return()=>window.clearTimeout(f)}}},[a,s,u,m]),{showInitialLoading:i||s&&l,setShowInitialLoading:n}},Ht=3e4,$t=({getSession:e,sessionKey:t,onSessionChange:a})=>{const[r,s]=c.useState(null),[n,l]=c.useState(!!e),i=c.useRef(e);i.current=e;const u=c.useRef(a);return u.current=a,c.useEffect(()=>{let m=!0,f;const b=h=>{m&&(s(h),u.current?.(h))};if(!i.current){l(!1),b(null);return}const R=async()=>{try{const h=await i.current();if(!h?.userToken)throw new Error("Webchat session not created or empty");if(!m)return;b(h);const B=h.expiresAt-Date.now()-Ht;f=setTimeout(R,Math.max(B,0))}catch(h){console.error("[EduzzWebchat] error creating session: ",h),b(null)}finally{m&&l(!1)}};return l(!0),R(),()=>{m=!1,f&&clearTimeout(f)}},[t,!!e]),{session:r,resolving:n}};function Et({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:Ue}):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:be}):null]})]})}function Ve(){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:i,addMessageFeedback:u,showInitialLoading:m,onShowHome:f,onOpenHistory:b,onRestartConversation:R,onCloseWidget:h}){return o.jsxs("div",{className:"bp-webchat-layout",children:[o.jsx(Et,{botName:e.botName,botAvatar:e.botAvatar,subtitle:e.subtitle,onShowHome:f,onOpenHistory:b,onRestartConversation:R,onCloseWidget:h}),o.jsx(H.Container,{className:"bp-webchat-container",uploadFile:i,allowFileUpload:t,children:m?o.jsx(Ve,{}):o.jsxs(o.Fragment,{children:[o.jsx(H.MessageList,{botName:e.botName,botDescription:e.subtitle,botAvatar:e.botAvatar,isTyping:r,messages:s,sendMessage:l,addMessageFeedback:u,renderers:n,showDateSystemMessage:!1,showMessageStatus:!1,showIncomingMessageAvatar:!0,showOutgoingMessageAvatar:!1}),o.jsx(H.Composer,{connected:a!=="disconnected",sendMessage:l,uploadFile:i,allowFileUpload:t,composerPlaceholder:e.placeholder,disableSendButton:!1})]})})]})}function Fe({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:Ue}),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 zt({conversations:e,currentConversationId:t,isLoading:a,botAvatar:r,botName:s,onClose:n,onCloseWidget:l,onShowHome:i,onShowConversations:u,onNewConversation:m,onConversationClick:f}){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:be}),l?o.jsx("button",{className:"bp-webchat-icon-button bp-webchat-mobile-close",type:"button",onClick:l,"aria-label":"Fechar webchat",children:be}):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(b=>{const R=Rt(b.lastMessage),h=b.lastMessage?.author?.type==="bot";return o.jsxs("button",{className:"bp-webchat-history-item",type:"button",onClick:()=>f(b.id),"data-current":b.id===t||void 0,children:[o.jsx("div",{className:"bp-webchat-history-avatar","data-kind":h?"bot":"user",children:h&&r?o.jsx("img",{src:r,alt:""}):h?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:R}),o.jsx("span",{className:"bp-webchat-history-time",children:Vt(b.updatedAt)})]}),o.jsx("span",{className:"bp-webchat-history-chevron",children:Mt})]},b.id)})}),o.jsx("div",{className:"bp-webchat-history-footer",children:o.jsxs("button",{className:"bp-webchat-history-new",type:"button",onClick:m,children:[St,o.jsx("span",{children:"Nova conversa"})]})}),o.jsx(Fe,{activeView:"conversations",onShowHome:i,onShowConversations:u})]})}function Lt({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 qt({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 Dt({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:be}),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(Fe,{activeView:t,onShowHome:a,onShowConversations:r})]})}const Ot=220,he="eduzz-webchat",ge=Object.freeze({allowFileUpload:!1,allowMessageFeedback:!1}),Wt="anonymous-id",Gt=e=>!!e&&typeof e=="object"&&!Array.isArray(e),Pe=e=>e.replace(/\/+$/,""),Ce=({webchatProxyUrl:e})=>{if(typeof e!="string"||!e.trim())return null;const t=Pe(e.trim()),a="/webchat/proxy";return t.endsWith(a)?t.slice(0,-a.length):null},Kt=({webchatProxyUrl:e,clientId:t})=>!e||!t?null:`${e.endsWith("/")?e.slice(0,-1):e}/${encodeURIComponent(t)}/runtime-config`,Jt=({webchatProxyUrl:e,clientId:t,presetSlug:a})=>{if(!e||!t)return null;const r=Ce({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}`:""}`},Xt=e=>{const t=e&&typeof e=="object"&&e.data&&typeof e.data=="object"?e.data:e;return t&&typeof t=="object"?t:null},Y=e=>Gt(e)?e:null,Zt=e=>{if(!e)return"";try{return JSON.stringify(e)}catch{return String(Date.now())}},He=e=>{if(typeof window>"u")return null;try{return e==="sessionStorage"?window.sessionStorage:window.localStorage}catch{return null}},$e=({storageKey:e,storageLocation:t})=>{const a=He(t);if(!a)return null;try{const r=a.getItem(`${e||he}-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}},Yt=({storageKey:e,storageLocation:t})=>{const a=$e({storageKey:e,storageLocation:t});return typeof a?.conversationId=="string"&&a.conversationId.trim()||void 0},je=()=>{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)})},Qt=e=>`${e||he}-${Wt}`,eo=({storageKey:e,storageLocation:t})=>{const a=He(t),r=Qt(e);try{const s=a?.getItem(r);if(s)return s;const n=`anon_${je()}`;return a?.setItem(r,n),n}catch{return`anon_${je()}`}},to=async({webchatProxyUrl:e,clientId:t,accountId:a})=>{const r=Ce({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}},oo=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}),ao=({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=$e({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():"",i=typeof n.user?.userToken=="string"?n.user.userToken.trim():"";return l&&i?{activeView:"chat",historyReturnView:"chat",bootstrapView:"chat"}:!l&&!i?{activeView:"home",historyReturnView:"home",bootstrapView:"home"}:{activeView:"pending",historyReturnView:"home",bootstrapView:"pending"}},no=(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 ro({clientId:e,webchatProxyUrl:t,userCredentials:a,conversationId:r,config:s,defaultUserData:n,presetSlug:l,storageKey:i=he,storageLocation:u="localStorage",defaultOpen:m,onUserApiChange:f,getSession:b,sessionKey:R,onSessionChange:h}){const{session:B,resolving:$}=$t({getSession:b,sessionKey:R,onSessionChange:h}),Q=!!B&&Date.now()<B.expiresAt,re=Q?{userId:B.userId,userToken:B.userToken}:void 0,_=b?re:a,ee=Q?B.conversationId:void 0,te=c.useMemo(()=>typeof l=="string"&&l.trim()?l.trim():void 0,[l]),k=c.useMemo(()=>typeof t=="string"&&t.trim()?Pe(t.trim()):void 0,[t]);c.useMemo(()=>k?Ce({webchatProxyUrl:k}):null,[k]);const L=!!(e&&k&&(te||!_)),I=c.useMemo(()=>L?Jt({webchatProxyUrl:k,clientId:e,presetSlug:te}):null,[e,te,k,L]),[E,W]=c.useState({error:null,isLoading:!1,payload:null,url:null});c.useEffect(()=>{if(!I){W({error:null,isLoading:!1,payload:null,url:null});return}const x=new AbortController;return W({error:null,isLoading:!0,payload:null,url:I}),fetch(I,{headers:{accept:"application/json"},signal:x.signal}).then(async g=>{if(!g.ok)throw new Error(`bootstrap request failed with status ${g.status}`);return g.json()}).then(g=>{const S=Xt(g);if(!S)throw new Error("bootstrap response is invalid");W({error:null,isLoading:!1,payload:S,url:I})}).catch(g=>{x.signal.aborted||(console.warn("[EduzzWebchat] failed to load bootstrap",g),W({error:g,isLoading:!1,payload:null,url:I}))}),()=>x.abort()},[I]);const w=I&&E.url===I?E.payload:null,se=I&&E.url===I?E.error:null,v=w?.clientId||e,M=k||w?.webchatProxyUrl||void 0,U=i===he&&w?.storageKey?w.storageKey:i,q=typeof m=="boolean"?m:typeof w?.defaultOpen=="boolean"?w.defaultOpen:m,j=c.useMemo(()=>({...Y(w?.config)||{},...Y(s)||{}}),[w,s]),me=c.useMemo(()=>{const x={...Y(w?.defaultUserData)||{},...Y(n)||{}};return Object.keys(x).length>0?x:null},[n,w]),V=!!(!_&&!$&&w?.sessionMode==="service-hub"&&M&&v),[oe,G]=c.useState({error:null,isLoading:!1,payload:null,key:null});c.useEffect(()=>{if(!V){G({error:null,isLoading:!1,payload:null,key:null});return}const x=eo({storageKey:U,storageLocation:u}),g=`${v}:${M}:${x}`;let S=!1;return G({error:null,isLoading:!0,payload:null,key:g}),to({webchatProxyUrl:M,clientId:v,accountId:x}).then(p=>{S||G({error:null,isLoading:!1,payload:p,key:g})}).catch(p=>{S||(console.warn("[EduzzWebchat] failed to open public session",p),G({error:p,isLoading:!1,payload:null,key:g}))}),()=>{S=!0}},[v,U,M,V,u]);const D=V?oe.payload:null,K=_||D,F=c.useMemo(()=>Me(j),[j]),J=c.useMemo(()=>ee||r||Yt({storageKey:U,storageLocation:u}),[ee,r,U,u]),T=q??F.initiallyOpen??!0,[pe,O]=c.useState(T),ae=c.useRef(T),[P,X]=c.useState(ge),fe=c.useCallback(()=>O(x=>!x),[]);c.useEffect(()=>{ae.current!==T&&(ae.current=T,O(T))},[T]);const ce=L&&!w&&!se,we=V&&!D&&!oe.error;return c.useEffect(()=>{const x=Kt({webchatProxyUrl:M,clientId:v});if(X(ge),!x)return;const g=new AbortController;let S=!1;return fetch(x,{headers:{accept:"application/json"},signal:g.signal}).then(async p=>{if(!p.ok)throw new Error(`runtime config request failed with status ${p.status}`);return p.json()}).then(p=>{if(S)return;const le=p&&typeof p=="object"&&p.data&&typeof p.data=="object"?p.data:{};X({allowFileUpload:le.allowFileUpload===!0,allowMessageFeedback:le.allowMessageFeedback===!0})}).catch(p=>{g.signal.aborted||S||(console.warn("[EduzzWebchat] failed to load runtime config",p),X(ge))}),()=>{S=!0,g.abort()}},[v,M]),ce||we||b&&$?null:se&&!w?o.jsx("div",{className:"bp-webchat-shell",style:Z(F),children:o.jsx("div",{className:"bp-webchat-error",children:"Nao foi possivel carregar a configuracao publica do webchat."})}):oe.error&&!D?o.jsx("div",{className:"bp-webchat-shell",style:Z(F),children:o.jsx("div",{className:"bp-webchat-error",children:"Nao foi possivel abrir a sessao publica do webchat."})}):M?v?o.jsx(H.WebchatProvider,{clientId:v,apiUrl:M,conversationId:J,userCredentials:K,storageKey:U,storageLocation:u,children:o.jsx(so,{clientId:v,config:F,defaultUserData:me,conversationIdProp:J,isOpen:pe,onUserApiChange:f,onToggle:fe,runtimeCapabilities:P,storageKey:U,storageLocation:u,userToken:K?.userToken})}):o.jsx("div",{className:"bp-webchat-shell",style:Z(F),children:o.jsx("div",{className:"bp-webchat-error",children:"Nenhum clientId foi informado."})}):o.jsx("div",{className:"bp-webchat-shell",style:Z(F),children:o.jsx("div",{className:"bp-webchat-error",children:"Nenhuma URL publica do proxy do webchat foi informada."})})}function so({clientId:e,config:t,defaultUserData:a,conversationIdProp:r,isOpen:s,onUserApiChange:n,onToggle:l,runtimeCapabilities:i,storageKey:u,storageLocation:m,userToken:f}){const b=c.useMemo(()=>ao({showWelcomeScreen:t.showWelcomeScreen,storageKey:u,storageLocation:m,conversationId:r,userToken:f}),[t.showWelcomeScreen,r,u,m,f]),[R,h]=c.useState(!1),[B,$]=c.useState({open:!1,messageId:null,draft:""}),[{isPanelMounted:Q,isPanelVisible:re},_]=c.useReducer(no,{isPanelMounted:s,isPanelVisible:s}),{conversationId:ee,isTyping:te,messages:k,saveMessageFeedback:L,sendMessage:I,status:E,uploadFile:W}=H.useActiveConversation(),{openConversation:w,listConversations:se}=H.useConversations(),{updateUser:v,userCredentials:M}=H.useUser(),U=c.useRef({}),[q,j]=c.useState(()=>b.activeView),[me,V]=c.useState(()=>b.historyReturnView),{conversations:oe,isLoading:G,refresh:D}=H.useConversationList({userCredentials:M,listConversations:se,clientId:e}),K=c.useMemo(()=>Zt(a),[a]),F=c.useCallback(async(y={})=>{if(!v)return;const d={...Y(a)||{},...U.current,...Y(y)||{}};return U.current=d,v(oo(d))},[a,v]),J=c.useRef(F);c.useEffect(()=>{J.current=F},[F]);const T=!!v;c.useEffect(()=>{U.current={}},[K]),c.useEffect(()=>{if(n)return n({updateUserData:T?y=>J.current(y):void 0}),()=>n(null)},[n,T]),c.useEffect(()=>{!T||!K||J.current()},[K,T]),c.useEffect(()=>{i.allowMessageFeedback||$({open:!1,messageId:null,draft:""})},[i.allowMessageFeedback]);const{showInitialLoading:pe,setShowInitialLoading:O}=Pt({activeView:q,clientState:E,conversationId:ee,messagesLength:k.length}),ae=c.useMemo(()=>t.botAvatar||At({name:t.botName,backgroundColor:t.accentColor}),[t.accentColor,t.botAvatar,t.botName]),P=c.useMemo(()=>({...t,botAvatar:ae}),[t,ae]),X=c.useCallback(async y=>{V(y),j("conversations"),await D()},[D]),fe=c.useCallback(y=>{O(!0),w(y),j("chat")},[w,O]),ce=c.useCallback(()=>{O(!0),w(),j("chat")},[w,O]),we=c.useMemo(()=>Ft({messages:k,user:M,botName:P.botName,botAvatar:P.botAvatar}),[k,P.botAvatar,P.botName,M]),x=Z(t),g=c.useMemo(()=>Oe(t),[t]),S=c.useMemo(()=>vt(t.fabChatIconVariant),[t.fabChatIconVariant]);c.useEffect(()=>{if(s){_({type:"show"});const ie=window.requestAnimationFrame(()=>_({type:"visible"}));return()=>window.cancelAnimationFrame(ie)}_({type:"hide"});const y=window.setTimeout(()=>{h(!1),$({open:!1,messageId:null,draft:""})},0),d=window.setTimeout(()=>_({type:"unmount"}),Ot);return()=>{window.clearTimeout(y),window.clearTimeout(d)}},[s]),c.useEffect(()=>{if(b.bootstrapView==="pending"){if(k.length>0){const y=window.setTimeout(()=>{j("chat"),V("chat")},0);return()=>window.clearTimeout(y)}if(E!=="connecting"){const y=window.setTimeout(()=>{j("home"),V("home")},0);return()=>window.clearTimeout(y)}}},[E,b.bootstrapView,k.length]);const p=c.useMemo(()=>function(d){const ie=i.allowMessageFeedback&&d.direction==="incoming"&&typeof d.addMessageFeedback=="function",Ee={...d.block,direction:d.direction,sender:d.sender,timestamp:d.timestamp,messageId:d.messageId,metadata:d.metadata,isReadOnly:d.isReadOnly,status:d.status,feedback:d.feedback,sendMessage:d.sendMessage,addMessageFeedback:d.addMessageFeedback};return o.jsxs("div",{className:"bpMessageBlocksBubble","data-direction":d.direction,"data-feedback":ie||void 0,children:[o.jsx(H.Block,{block:Ee}),ie?o.jsxs("div",{className:"bpMessageBlocksBubbleFeedbackContainer",children:[o.jsx("button",{className:"bpMessageBlocksBubbleFeedbackIcon",type:"button","data-selected":d.feedback==="positive","aria-label":"Feedback positivo",onClick:()=>d.addMessageFeedback(d.messageId,{value:"positive"}),children:jt}),o.jsx("button",{className:"bpMessageBlocksBubbleFeedbackIcon",type:"button","data-selected":d.feedback==="negative","aria-label":"Feedback negativo",onClick:()=>$({open:!0,messageId:d.messageId,draft:""}),children:Nt})]}):null]})},[i.allowMessageFeedback]),le=c.useMemo(()=>({bubble:p}),[p]);return o.jsxs("div",{className:"bp-webchat-shell","data-panel-mounted":Q,"data-panel-open":re,style:x,children:[o.jsx(H.StylesheetProvider,{...g}),Q?o.jsx("div",{className:"bp-webchat-panel","data-state":re?"open":"closed",children:q==="home"?o.jsx(Dt,{config:P,activeView:q,onClose:l,onShowHome:()=>j("home"),onShowConversations:()=>X("home"),onStart:()=>j("chat")}):q==="conversations"?o.jsx(zt,{conversations:oe,currentConversationId:ee,isLoading:G,botAvatar:P.botAvatar,botName:P.botName,onClose:()=>j(me),onCloseWidget:l,onShowHome:()=>{j("home"),V("home")},onShowConversations:D,onNewConversation:ce,onConversationClick:fe}):q==="pending"?o.jsx("div",{className:"bp-webchat-layout",children:o.jsx(Ve,{})}):o.jsxs(o.Fragment,{children:[o.jsx(_t,{config:P,allowFileUpload:i.allowFileUpload,clientState:E,isTyping:te,messages:we,renderers:le,sendMessage:I,uploadFile:W,addMessageFeedback:i.allowMessageFeedback?L:void 0,showInitialLoading:pe,onShowHome:t.showWelcomeScreen?()=>{j("home"),V("home")}:void 0,onOpenHistory:()=>X("chat"),onRestartConversation:()=>h(!0),onCloseWidget:l}),o.jsx(qt,{open:R,onCancel:()=>h(!1),onConfirm:()=>{h(!1),ce()}}),i.allowMessageFeedback?o.jsx(Lt,{open:B.open,draft:B.draft,setDraft:y=>$(d=>({...d,draft:y})),onCancel:()=>$({open:!1,messageId:null,draft:""}),onConfirm:async()=>{B.messageId&&L&&await L(B.messageId,{value:"negative",comment:B.draft}),$({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:S}),o.jsx("span",{className:"bp-webchat-fab-icon bp-webchat-fab-icon--close",children:Ct})]})]})}exports.Webchat=ro;exports.defaultConfig=z;exports.getContrastingTextColor=ne;exports.getShellStyle=Z;exports.normalizeConfig=Me;
|
|
6
|
+
`.trim();return`data:image/svg+xml;charset=UTF-8,${encodeURIComponent(s)}`},Dt=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",Be=[{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}],Et=new Intl.RelativeTimeFormat("pt-BR",{numeric:"auto"}),Pt=e=>{const t=Math.round((new Date(e).getTime()-Date.now())/1e3);if(Math.abs(t)<45)return"agora";let a=Be[0];for(const r of Be)Math.abs(t)>=r.seconds&&(a=r);return Et.format(Math.round(t/a.seconds),a.unit)},Ht=({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}}}),$t=({activeView:e,clientState:t,conversationId:a,messagesLength:r})=>{const[s,n]=c.useState(!1),l=e==="chat",i=l&&t==="connecting",u=l&&t==="connected"&&r===0,f=s&&(!l||r>0||t!=="connecting"&&t!=="connected");return c.useEffect(()=>{if(s){if(u){const p=window.setTimeout(()=>n(!1),900);return()=>window.clearTimeout(p)}if(f){const p=window.setTimeout(()=>n(!1),0);return()=>window.clearTimeout(p)}}},[a,s,u,f]),{showInitialLoading:i||s&&l,setShowInitialLoading:n}},Lt=3e4,_t=({getSession:e,sessionKey:t,onSessionChange:a})=>{const[r,s]=c.useState(null),[n,l]=c.useState(!!e),i=c.useRef(e);i.current=e;const u=c.useRef(a);return u.current=a,c.useEffect(()=>{let f=!0,p;const b=w=>{f&&(s(w),u.current?.(w))};if(!i.current){l(!1),b(null);return}const M=async()=>{try{const w=await i.current();if(!w?.userToken)throw new Error("Webchat session not created or empty");if(!f)return;b(w);const v=w.expiresAt-Date.now()-Lt;p=setTimeout(M,Math.max(v,0))}catch(w){console.error("[EduzzWebchat] error creating session: ",w),b(null)}finally{f&&l(!1)}};return l(!0),M(),()=>{f=!1,p&&clearTimeout(p)}},[t,!!e]),{session:r,resolving:n}};function zt({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:Ve}):null,o.jsx("button",{className:"bp-webchat-icon-button",type:"button","aria-label":"Abrir conversas",onClick:s,children:Tt}),o.jsx("button",{className:"bp-webchat-icon-button",type:"button","aria-label":"Reiniciar conversa",onClick:n,children:kt}),l?o.jsx("button",{className:"bp-webchat-icon-button bp-webchat-mobile-close",type:"button","aria-label":"Fechar webchat",onClick:l,children:be}):null]})]})}function Fe(){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 qt({config:e,allowFileUpload:t,clientState:a,isTyping:r,messages:s,renderers:n,sendMessage:l,uploadFile:i,addMessageFeedback:u,showInitialLoading:f,onShowHome:p,onOpenHistory:b,onRestartConversation:M,onCloseWidget:w}){return o.jsxs("div",{className:"bp-webchat-layout",children:[o.jsx(zt,{botName:e.botName,botAvatar:e.botAvatar,subtitle:e.subtitle,onShowHome:p,onOpenHistory:b,onRestartConversation:M,onCloseWidget:w}),o.jsx(_.Container,{className:"bp-webchat-container",uploadFile:i,allowFileUpload:t,children:f?o.jsx(Fe,{}):o.jsxs(o.Fragment,{children:[o.jsx(_.MessageList,{botName:e.botName,botDescription:e.subtitle,botAvatar:e.botAvatar,isTyping:r,messages:s,sendMessage:l,addMessageFeedback:u,renderers:n,showDateSystemMessage:!1,showMessageStatus:!1,showIncomingMessageAvatar:!0,showOutgoingMessageAvatar:!1}),o.jsx(_.Composer,{connected:a!=="disconnected",sendMessage:l,uploadFile:i,allowFileUpload:t,composerPlaceholder:e.placeholder,disableSendButton:!1})]})})]})}function De({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:Ve}),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:It}),o.jsx("span",{children:"Conversas"})]})]})}function Ot({conversations:e,currentConversationId:t,isLoading:a,botAvatar:r,botName:s,onClose:n,onCloseWidget:l,onShowHome:i,onShowConversations:u,onNewConversation:f,onConversationClick:p}){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:be}),l?o.jsx("button",{className:"bp-webchat-icon-button bp-webchat-mobile-close",type:"button",onClick:l,"aria-label":"Fechar webchat",children:be}):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(b=>{const M=Dt(b.lastMessage),w=b.lastMessage?.author?.type==="bot";return o.jsxs("button",{className:"bp-webchat-history-item",type:"button",onClick:()=>p(b.id),"data-current":b.id===t||void 0,children:[o.jsx("div",{className:"bp-webchat-history-avatar","data-kind":w?"bot":"user",children:w&&r?o.jsx("img",{src:r,alt:""}):w?o.jsx("span",{children:(s||"B").slice(0,1).toUpperCase()}):Vt}),o.jsxs("div",{className:"bp-webchat-history-content",children:[o.jsx("span",{className:"bp-webchat-history-name",children:M}),o.jsx("span",{className:"bp-webchat-history-time",children:Pt(b.updatedAt)})]}),o.jsx("span",{className:"bp-webchat-history-chevron",children:At})]},b.id)})}),o.jsx("div",{className:"bp-webchat-history-footer",children:o.jsxs("button",{className:"bp-webchat-history-new",type:"button",onClick:f,children:[Ut,o.jsx("span",{children:"Nova conversa"})]})}),o.jsx(De,{activeView:"conversations",onShowHome:i,onShowConversations:u})]})}const je=e=>String(e??"").normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase().trim();function Wt(e){const{label:t,options:a=[],sendMessage:r,isReadOnly:s,messageId:n}=e,[l,i]=c.useState(!1),[u,f]=c.useState(""),[p,b]=c.useState(0),[M,w]=c.useState(null),v=c.useRef(null),R=c.useRef([]),E=s||M!==null||a.length===0,S=c.useMemo(()=>{const d=je(u);return d?a.filter(m=>je(m.label).includes(d)):a},[a,u]);c.useEffect(()=>{b(0)},[u]),c.useEffect(()=>{if(!l)return;const d=m=>{v.current&&!v.current.contains(m.target)&&i(!1)};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[l]),c.useEffect(()=>{l&&R.current[p]?.scrollIntoView({block:"nearest"})},[p,l]);const z=d=>{d&&(r?.({type:"text",text:d.label,value:d.value}),w(d.label),f(""),i(!1))},O=d=>{if(!E)switch(d.key){case"ArrowDown":if(d.preventDefault(),!l){i(!0);return}b(m=>Math.min(m+1,S.length-1));break;case"ArrowUp":d.preventDefault(),b(m=>Math.max(m-1,0));break;case"Enter":d.preventDefault(),l&&z(S[p]);break;case"Escape":i(!1);break}},k=`bpDropdownList-${n??"x"}`;return o.jsxs("div",{className:"bpDropdown","data-open":l||void 0,"data-disabled":E||void 0,ref:v,children:[t?o.jsx("span",{className:"bpDropdownLabel",children:t}):null,o.jsxs("div",{className:"bpDropdownControl",children:[o.jsx("input",{className:"bpDropdownInput",type:"text",role:"combobox","aria-expanded":l,"aria-controls":k,"aria-autocomplete":"list",autoComplete:"off",placeholder:"Selecione...",value:M??u,disabled:E,onFocus:()=>{E||i(!0)},onChange:d=>{f(d.target.value),i(!0)},onKeyDown:O}),o.jsx("span",{className:"bpDropdownChevron",children:Rt})]}),l&&!E?o.jsx("ul",{className:"bpDropdownMenu",id:k,role:"listbox",children:S.length>0?S.map((d,m)=>o.jsx("li",{ref:T=>{R.current[m]=T},className:"bpDropdownOption",role:"option","aria-selected":m===p,"data-active":m===p||void 0,onMouseEnter:()=>b(m),onMouseDown:T=>{T.preventDefault(),z(d)},children:d.label},d.value)):o.jsx("li",{className:"bpDropdownEmpty",role:"presentation",children:"Nenhuma opção encontrada"})}):null]})}function Gt({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 Kt({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 Jt({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:be}),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:Nt})]})]})}),o.jsx(De,{activeView:t,onShowHome:a,onShowConversations:r})]})}const Xt=220,he="eduzz-webchat",ge=Object.freeze({allowFileUpload:!1,allowMessageFeedback:!1}),Zt="anonymous-id",Yt=e=>!!e&&typeof e=="object"&&!Array.isArray(e),Ee=e=>e.replace(/\/+$/,""),ve=({webchatProxyUrl:e})=>{if(typeof e!="string"||!e.trim())return null;const t=Ee(e.trim()),a="/webchat/proxy";return t.endsWith(a)?t.slice(0,-a.length):null},Qt=({webchatProxyUrl:e,clientId:t})=>!e||!t?null:`${e.endsWith("/")?e.slice(0,-1):e}/${encodeURIComponent(t)}/runtime-config`,eo=({webchatProxyUrl:e,clientId:t,presetSlug:a})=>{if(!e||!t)return null;const r=ve({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}`:""}`},to=e=>{const t=e&&typeof e=="object"&&e.data&&typeof e.data=="object"?e.data:e;return t&&typeof t=="object"?t:null},oe=e=>Yt(e)?e:null,oo=e=>{if(!e)return"";try{return JSON.stringify(e)}catch{return String(Date.now())}},Pe=e=>{if(typeof window>"u")return null;try{return e==="sessionStorage"?window.sessionStorage:window.localStorage}catch{return null}},He=({storageKey:e,storageLocation:t})=>{const a=Pe(t);if(!a)return null;try{const r=a.getItem(`${e||he}-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}},ao=({storageKey:e,storageLocation:t})=>{const a=He({storageKey:e,storageLocation:t});return typeof a?.conversationId=="string"&&a.conversationId.trim()||void 0},Ne=()=>{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)})},no=e=>`${e||he}-${Zt}`,ro=({storageKey:e,storageLocation:t})=>{const a=Pe(t),r=no(e);try{const s=a?.getItem(r);if(s)return s;const n=`anon_${Ne()}`;return a?.setItem(r,n),n}catch{return`anon_${Ne()}`}},so=async({webchatProxyUrl:e,clientId:t,accountId:a})=>{const r=ve({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}},co=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}),lo=({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=He({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():"",i=typeof n.user?.userToken=="string"?n.user.userToken.trim():"";return l&&i?{activeView:"chat",historyReturnView:"chat",bootstrapView:"chat"}:!l&&!i?{activeView:"home",historyReturnView:"home",bootstrapView:"home"}:{activeView:"pending",historyReturnView:"home",bootstrapView:"pending"}},io=(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 uo({clientId:e,webchatProxyUrl:t,userCredentials:a,conversationId:r,config:s,defaultUserData:n,presetSlug:l,storageKey:i=he,storageLocation:u="localStorage",defaultOpen:f,onUserApiChange:p,getSession:b,sessionKey:M,onSessionChange:w}){const{session:v,resolving:R}=_t({getSession:b,sessionKey:M,onSessionChange:w}),J=!!v&&Date.now()<v.expiresAt,E=J?{userId:v.userId,userToken:v.userToken}:void 0,S=b?E:a,z=J?v.conversationId:void 0,O=c.useMemo(()=>typeof l=="string"&&l.trim()?l.trim():void 0,[l]),k=c.useMemo(()=>typeof t=="string"&&t.trim()?Ee(t.trim()):void 0,[t]);c.useMemo(()=>k?ve({webchatProxyUrl:k}):null,[k]);const d=!!(e&&k&&(O||!S)),m=c.useMemo(()=>d?eo({webchatProxyUrl:k,clientId:e,presetSlug:O}):null,[e,O,k,d]),[T,X]=c.useState({error:null,isLoading:!1,payload:null,url:null});c.useEffect(()=>{if(!m){X({error:null,isLoading:!1,payload:null,url:null});return}const B=new AbortController;return X({error:null,isLoading:!0,payload:null,url:m}),fetch(m,{headers:{accept:"application/json"},signal:B.signal}).then(async y=>{if(!y.ok)throw new Error(`bootstrap request failed with status ${y.status}`);return y.json()}).then(y=>{const V=to(y);if(!V)throw new Error("bootstrap response is invalid");X({error:null,isLoading:!1,payload:V,url:m})}).catch(y=>{B.signal.aborted||(console.warn("[EduzzWebchat] failed to load bootstrap",y),X({error:y,isLoading:!1,payload:null,url:m}))}),()=>B.abort()},[m]);const x=m&&T.url===m?T.payload:null,se=m&&T.url===m?T.error:null,N=x?.clientId||e,U=k||x?.webchatProxyUrl||void 0,P=i===he&&x?.storageKey?x.storageKey:i,W=typeof f=="boolean"?f:typeof x?.defaultOpen=="boolean"?x.defaultOpen:f,A=c.useMemo(()=>({...oe(x?.config)||{},...oe(s)||{}}),[x,s]),me=c.useMemo(()=>{const B={...oe(x?.defaultUserData)||{},...oe(n)||{}};return Object.keys(B).length>0?B:null},[n,x]),H=!!(!S&&!R&&x?.sessionMode==="service-hub"&&U&&N),[ae,Z]=c.useState({error:null,isLoading:!1,payload:null,key:null});c.useEffect(()=>{if(!H){Z({error:null,isLoading:!1,payload:null,key:null});return}const B=ro({storageKey:P,storageLocation:u}),y=`${N}:${U}:${B}`;let V=!1;return Z({error:null,isLoading:!0,payload:null,key:y}),so({webchatProxyUrl:U,clientId:N,accountId:B}).then(g=>{V||Z({error:null,isLoading:!1,payload:g,key:y})}).catch(g=>{V||(console.warn("[EduzzWebchat] failed to open public session",g),Z({error:g,isLoading:!1,payload:null,key:y}))}),()=>{V=!0}},[N,P,U,H,u]);const G=H?ae.payload:null,Y=S||G,$=c.useMemo(()=>Se(A),[A]),Q=c.useMemo(()=>z||r||ao({storageKey:P,storageLocation:u}),[z,r,P,u]),F=W??$.initiallyOpen??!0,[pe,K]=c.useState(F),ne=c.useRef(F),[L,ee]=c.useState(ge),fe=c.useCallback(()=>K(B=>!B),[]);c.useEffect(()=>{ne.current!==F&&(ne.current=F,K(F))},[F]);const ce=d&&!x&&!se,we=H&&!G&&!ae.error;return c.useEffect(()=>{const B=Qt({webchatProxyUrl:U,clientId:N});if(ee(ge),!B)return;const y=new AbortController;let V=!1;return fetch(B,{headers:{accept:"application/json"},signal:y.signal}).then(async g=>{if(!g.ok)throw new Error(`runtime config request failed with status ${g.status}`);return g.json()}).then(g=>{if(V)return;const le=g&&typeof g=="object"&&g.data&&typeof g.data=="object"?g.data:{};ee({allowFileUpload:le.allowFileUpload===!0,allowMessageFeedback:le.allowMessageFeedback===!0})}).catch(g=>{y.signal.aborted||V||(console.warn("[EduzzWebchat] failed to load runtime config",g),ee(ge))}),()=>{V=!0,y.abort()}},[N,U]),ce||we||b&&R?null:se&&!x?o.jsx("div",{className:"bp-webchat-shell",style:te($),children:o.jsx("div",{className:"bp-webchat-error",children:"Nao foi possivel carregar a configuracao publica do webchat."})}):ae.error&&!G?o.jsx("div",{className:"bp-webchat-shell",style:te($),children:o.jsx("div",{className:"bp-webchat-error",children:"Nao foi possivel abrir a sessao publica do webchat."})}):U?N?o.jsx(_.WebchatProvider,{clientId:N,apiUrl:U,conversationId:Q,userCredentials:Y,storageKey:P,storageLocation:u,children:o.jsx(bo,{clientId:N,config:$,defaultUserData:me,conversationIdProp:Q,isOpen:pe,onUserApiChange:p,onToggle:fe,runtimeCapabilities:L,storageKey:P,storageLocation:u,userToken:Y?.userToken})}):o.jsx("div",{className:"bp-webchat-shell",style:te($),children:o.jsx("div",{className:"bp-webchat-error",children:"Nenhum clientId foi informado."})}):o.jsx("div",{className:"bp-webchat-shell",style:te($),children:o.jsx("div",{className:"bp-webchat-error",children:"Nenhuma URL publica do proxy do webchat foi informada."})})}function bo({clientId:e,config:t,defaultUserData:a,conversationIdProp:r,isOpen:s,onUserApiChange:n,onToggle:l,runtimeCapabilities:i,storageKey:u,storageLocation:f,userToken:p}){const b=c.useMemo(()=>lo({showWelcomeScreen:t.showWelcomeScreen,storageKey:u,storageLocation:f,conversationId:r,userToken:p}),[t.showWelcomeScreen,r,u,f,p]),[M,w]=c.useState(!1),[v,R]=c.useState({open:!1,messageId:null,draft:""}),[{isPanelMounted:J,isPanelVisible:E},S]=c.useReducer(io,{isPanelMounted:s,isPanelVisible:s}),{conversationId:z,isTyping:O,messages:k,saveMessageFeedback:d,sendMessage:m,status:T,uploadFile:X}=_.useActiveConversation(),{openConversation:x,listConversations:se}=_.useConversations(),{updateUser:N,userCredentials:U}=_.useUser(),P=c.useRef({}),[W,A]=c.useState(()=>b.activeView),[me,H]=c.useState(()=>b.historyReturnView),{conversations:ae,isLoading:Z,refresh:G}=_.useConversationList({userCredentials:U,listConversations:se,clientId:e}),Y=c.useMemo(()=>oo(a),[a]),$=c.useCallback(async(j={})=>{if(!N)return;const h={...oe(a)||{},...P.current,...oe(j)||{}};return P.current=h,N(co(h))},[a,N]),Q=c.useRef($);c.useEffect(()=>{Q.current=$},[$]);const F=!!N;c.useEffect(()=>{P.current={}},[Y]),c.useEffect(()=>{if(n)return n({updateUserData:F?j=>Q.current(j):void 0}),()=>n(null)},[n,F]),c.useEffect(()=>{!F||!Y||Q.current()},[Y,F]),c.useEffect(()=>{i.allowMessageFeedback||R({open:!1,messageId:null,draft:""})},[i.allowMessageFeedback]);const{showInitialLoading:pe,setShowInitialLoading:K}=$t({activeView:W,clientState:T,conversationId:z,messagesLength:k.length}),ne=c.useMemo(()=>t.botAvatar||Ft({name:t.botName,backgroundColor:t.accentColor}),[t.accentColor,t.botAvatar,t.botName]),L=c.useMemo(()=>({...t,botAvatar:ne}),[t,ne]),ee=c.useCallback(async j=>{H(j),A("conversations"),await G()},[G]),fe=c.useCallback(j=>{K(!0),x(j),A("chat")},[x,K]),ce=c.useCallback(()=>{K(!0),x(),A("chat")},[x,K]),we=c.useMemo(()=>Ht({messages:k,user:U,botName:L.botName,botAvatar:L.botAvatar}),[k,L.botAvatar,L.botName,U]),B=te(t),y=c.useMemo(()=>We(t),[t]),V=c.useMemo(()=>jt(t.fabChatIconVariant),[t.fabChatIconVariant]);c.useEffect(()=>{if(s){S({type:"show"});const ie=window.requestAnimationFrame(()=>S({type:"visible"}));return()=>window.cancelAnimationFrame(ie)}S({type:"hide"});const j=window.setTimeout(()=>{w(!1),R({open:!1,messageId:null,draft:""})},0),h=window.setTimeout(()=>S({type:"unmount"}),Xt);return()=>{window.clearTimeout(j),window.clearTimeout(h)}},[s]),c.useEffect(()=>{if(b.bootstrapView==="pending"){if(k.length>0){const j=window.setTimeout(()=>{A("chat"),H("chat")},0);return()=>window.clearTimeout(j)}if(T!=="connecting"){const j=window.setTimeout(()=>{A("home"),H("home")},0);return()=>window.clearTimeout(j)}}},[T,b.bootstrapView,k.length]);const g=c.useMemo(()=>function(h){const ie=i.allowMessageFeedback&&h.direction==="incoming"&&typeof h.addMessageFeedback=="function",$e={...h.block,direction:h.direction,sender:h.sender,timestamp:h.timestamp,messageId:h.messageId,metadata:h.metadata,isReadOnly:h.isReadOnly,status:h.status,feedback:h.feedback,sendMessage:h.sendMessage,addMessageFeedback:h.addMessageFeedback};return o.jsxs("div",{className:"bpMessageBlocksBubble","data-direction":h.direction,"data-feedback":ie||void 0,children:[o.jsx(_.Block,{block:$e}),ie?o.jsxs("div",{className:"bpMessageBlocksBubbleFeedbackContainer",children:[o.jsx("button",{className:"bpMessageBlocksBubbleFeedbackIcon",type:"button","data-selected":h.feedback==="positive","aria-label":"Feedback positivo",onClick:()=>h.addMessageFeedback(h.messageId,{value:"positive"}),children:Mt}),o.jsx("button",{className:"bpMessageBlocksBubbleFeedbackIcon",type:"button","data-selected":h.feedback==="negative","aria-label":"Feedback negativo",onClick:()=>R({open:!0,messageId:h.messageId,draft:""}),children:St})]}):null]})},[i.allowMessageFeedback]),le=c.useMemo(()=>({bubble:g,dropdown:Wt}),[g]);return o.jsxs("div",{className:"bp-webchat-shell","data-panel-mounted":J,"data-panel-open":E,style:B,children:[o.jsx(_.StylesheetProvider,{...y}),J?o.jsx("div",{className:"bp-webchat-panel","data-state":E?"open":"closed",children:W==="home"?o.jsx(Jt,{config:L,activeView:W,onClose:l,onShowHome:()=>A("home"),onShowConversations:()=>ee("home"),onStart:()=>A("chat")}):W==="conversations"?o.jsx(Ot,{conversations:ae,currentConversationId:z,isLoading:Z,botAvatar:L.botAvatar,botName:L.botName,onClose:()=>A(me),onCloseWidget:l,onShowHome:()=>{A("home"),H("home")},onShowConversations:G,onNewConversation:ce,onConversationClick:fe}):W==="pending"?o.jsx("div",{className:"bp-webchat-layout",children:o.jsx(Fe,{})}):o.jsxs(o.Fragment,{children:[o.jsx(qt,{config:L,allowFileUpload:i.allowFileUpload,clientState:T,isTyping:O,messages:we,renderers:le,sendMessage:m,uploadFile:X,addMessageFeedback:i.allowMessageFeedback?d:void 0,showInitialLoading:pe,onShowHome:t.showWelcomeScreen?()=>{A("home"),H("home")}:void 0,onOpenHistory:()=>ee("chat"),onRestartConversation:()=>w(!0),onCloseWidget:l}),o.jsx(Kt,{open:M,onCancel:()=>w(!1),onConfirm:()=>{w(!1),ce()}}),i.allowMessageFeedback?o.jsx(Gt,{open:v.open,draft:v.draft,setDraft:j=>R(h=>({...h,draft:j})),onCancel:()=>R({open:!1,messageId:null,draft:""}),onConfirm:async()=>{v.messageId&&d&&await d(v.messageId,{value:"negative",comment:v.draft}),R({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:V}),o.jsx("span",{className:"bp-webchat-fab-icon bp-webchat-fab-icon--close",children:Bt})]})]})}exports.Webchat=uo;exports.defaultConfig=q;exports.getContrastingTextColor=re;exports.getShellStyle=te;exports.normalizeConfig=Se;
|