@developer.notchatbot/webchat 1.1.2 → 1.1.3

package/dist/webchat-bundle.min.js

@@ -16121,7 +16121,7 @@ También puedes pedir hablar con nuestro equipo de los sueños!`, od = (e) => ({
   type: "text"
 }), gu = () => typeof window != "undefined" && window.innerWidth < 640, Qg = ({ config: e }) => {
   if (!e.apiKey)
-    return console.warn("WebChat: apiKey is required but not provided in config"), null;
+    return null;
   const [t, n] = te.useState(() => Ci(e)), [r, i] = te.useState(!1), [o, a] = te.useState(() => gu()), [l, f] = te.useState(""), [g, S] = te.useState(!1), [E, y] = te.useState(!1), [R, d] = te.useState(!1), [k, T] = te.useState(""), [, x] = te.useState(null), p = te.useRef(null), [m, b] = te.useState(!1), [h, c] = te.useState(!1), [u, s] = te.useState(""), [w, v] = te.useState([
     e.initialMessage ? {
       id: mt(),
@@ -16484,7 +16484,7 @@ También puedes pedir hablar con nuestro equipo de los sueños!`, od = (e) => ({
   ] });
 }, mu = ({ config: e }) => {
   if (!e.apiKey)
-    return console.warn("EmbedChat: apiKey is required but not provided in config"), null;
+    return null;
   const [t, n] = te.useState(""), [r, i] = te.useState(!1), [o, a] = te.useState(""), [, l] = te.useState(null), f = te.useRef(null), [, g] = te.useState(!1), [S, E] = te.useState([
     e.initialMessage ? {
       id: mt(),
@@ -16647,13 +16647,18 @@ if (typeof window != "undefined") {
   window.WebChat = qg, window.EmbedChat = em;
   const e = () => {
     if (!sd) {
-      let n = document.getElementById("webchat-notchatbot");
-      n || (n = document.createElement("div"), n.id = "webchat-notchatbot", document.body.appendChild(n)), ld();
+      let i = document.getElementById("webchat-notchatbot");
+      i || (i = document.createElement("div"), i.id = "webchat-notchatbot", document.body.appendChild(i)), ld();
     }
-    const t = new CustomEvent("WebChatReady");
-    document.dispatchEvent(t);
+    const r = new CustomEvent("WebChatReady");
+    document.dispatchEvent(r);
+  }, t = () => {
+    const r = new CustomEvent("EmbedChatReady");
+    document.dispatchEvent(r);
+  }, n = () => {
+    e(), t();
   };
-  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : setTimeout(e, 0);
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", n) : setTimeout(n, 0);
 }
 export {
   em as EmbedChatAPI,

package/dist/webchat-bundle.min.umd.cjs

@@ -146,4 +146,4 @@ Please report this to https://github.com/markedjs/marked.`,e){const r="<p>An err
 
 Aunque no lo creas, soy una inteligencia artificial! Puedo resolver todas tus dudas 😊
 
-También puedes pedir hablar con nuestro equipo de los sueños!`,ld=e=>({id:wt(),text:Hg(e),sender:"bot",timestamp:new Date().toISOString(),type:"text"}),ud=()=>typeof window!="undefined"&&window.innerWidth<640,Fg=({config:e})=>{if(!e.apiKey)return console.warn("WebChat: apiKey is required but not provided in config"),null;const[t,n]=te.useState(()=>wo(e)),[r,i]=te.useState(!1),[o,a]=te.useState(()=>ud()),[l,d]=te.useState(""),[g,S]=te.useState(!1),[E,y]=te.useState(!1),[R,f]=te.useState(!1),[k,T]=te.useState(""),[,x]=te.useState(null),p=te.useRef(null),[m,b]=te.useState(!1),[h,c]=te.useState(!1),[u,s]=te.useState(""),[w,v]=te.useState([e.initialMessage?{id:wt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:ld(e.title)]),C=te.useCallback((U,z="bot")=>{v($=>[...$,U]),!r&&(U.sender==="bot"||z==="bot")&&U.id!==u&&b(!0)},[r,u]);te.useEffect(()=>{const U=()=>{const z=ud();a(z)};return window.addEventListener("resize",U),()=>window.removeEventListener("resize",U)},[]),te.useEffect(()=>Mg(()=>{n(wo(e))}),[e]),te.useEffect(()=>{n(wo(e))},[e]),te.useEffect(()=>{ot(this,null,function*(){const z=Zf();d(z);const $=yield ed();T($)})},[]),te.useEffect(()=>{if(w.length>0){const U=w[w.length-1];U.sender==="bot"&&s(U.id)}},[]);const L=te.useCallback(U=>{C(U,"ably")},[C]),N=te.useCallback(U=>ot(this,null,function*(){if(!(h||p.current))try{if(U.tokenDetails){const z=yield xo(U.tokenDetails,e.apiKey||"",l,L);x(z),p.current=z.client,c(!0)}}catch(z){console.error("[❌ ABLY SETUP ERROR from history]",z)}}),[h,l,L]),P=te.useCallback(()=>ot(this,null,function*(){if(!(h||p.current))try{const U=yield zg(l,e.apiKey||"");if(U!=null&&U.tokenDetails){const z=yield xo(U.tokenDetails,e.apiKey||"",l,L);x(z),p.current=z.client,c(!0)}}catch(U){console.error("[❌ ABLY SETUP ERROR from endpoint]",U)}}),[h,l,e.apiKey,L]),I=te.useCallback(()=>ot(this,null,function*(){var z,$;const U=r;if(i(W=>!W),!U){b(!1);const W=w.filter(F=>F.sender==="bot").slice(-1)[0];W&&s(W.id)}if(!U&&!g&&l&&qf()&&!h){y(!0);const W=yield Dg(l,e.apiKey||"");if((($=(z=W==null?void 0:W.conversation)==null?void 0:z.messages)==null?void 0:$.length)>0){const F=jg(W.conversation.messages);v(F);const O=F.filter(D=>D.sender==="bot").slice(-1)[0];O&&s(O.id),yield N(W)}else console.warn("WebChat: No conversation history found, showing initial message");y(!1),S(!0)}else!U&&qf()&&!h?yield P():U||console.warn("WebChat: Chat opened - no existing conversation to fetch")}),[r,l,g,h,e.apiKey,N,P,w]),M=te.useCallback(()=>{i(!1)},[]),A=te.useCallback(U=>ot(this,null,function*(){const z=new Date().toISOString(),$={id:wt(),text:U,sender:"user",timestamp:z,type:"text"};v(F=>[...F,$]),f(!0);const W=[...w,$];try{const F=od(l,W,{apiKey:e.apiKey||""},k),O=yield ad(F);if(O){if(O.response.tokenDetails&&!p.current){const B=yield xo(O.response.tokenDetails,e.apiKey||"",l,L);x(B),p.current=B.client,c(!0)}const D=sd(O.response.message);D&&C(D,"bot")}else{setTimeout(()=>{const D=So();C(D,"bot"),f(!1)},1e3);return}}catch(F){console.error("WebChat: Error in message handling:",F),setTimeout(()=>{const O=So();C(O,"bot"),f(!1)},1e3);return}f(!1),Ag(!0)}),[l,w,e.apiKey,k,L,C]),j=Pg(e);return te.useEffect(()=>()=>{id(p.current),p.current=null},[]),G.jsxs("div",{className:"nbc-font-sans",style:{zIndex:2147483647},children:[G.jsx(Eg,{initialMessage:e.initialMessage,avatar:t.avatar,position:j.position,marginBottom:j.marginBottom,marginSide:j.marginSide,primaryColor:t.primaryColor||"#007bff",isMobile:o,isOpen:r}),G.jsx(Bp,{isOpen:r,onClick:I,primaryColor:t.primaryColor,position:j.position,marginBottom:j.marginBottom,marginSide:j.marginSide,hasNewMessages:m,isMobile:o}),G.jsx(Rg,{isOpen:r,onClose:M,config:t,messages:w,onSendMessage:A,isLoading:E,isAiTyping:R,position:j.position,marginBottom:j.marginBottom,marginSide:j.marginSide,isMobile:o,apiKeyMissing:!e.apiKey})]})},cd='*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.nbc-pointer-events-none{pointer-events:none}.nbc-pointer-events-auto{pointer-events:auto}.nbc-fixed{position:fixed}.nbc-absolute{position:absolute}.nbc-relative{position:relative}.nbc-inset-0{inset:0}.nbc-inset-auto{inset:auto}.nbc-right-0{right:0}.nbc-right-2{right:.5rem}.nbc-top-0{top:0}.nbc-top-1\\/2{top:50%}.nbc-top-2{top:.5rem}.nbc-top-full{top:100%}.nbc-m-0{margin:0}.nbc-mb-1{margin-bottom:.25rem}.nbc-mb-2{margin-bottom:.5rem}.nbc-mb-4{margin-bottom:1rem}.nbc-ml-2{margin-left:.5rem}.nbc-mr-3{margin-right:.75rem}.nbc-mt-1{margin-top:.25rem}.nbc-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nbc-flex{display:flex}.nbc-hidden{display:none}.nbc-h-0{height:0px}.nbc-h-10{height:2.5rem}.nbc-h-12{height:3rem}.nbc-h-16{height:4rem}.nbc-h-2{height:.5rem}.nbc-h-24{height:6rem}.nbc-h-3{height:.75rem}.nbc-h-4{height:1rem}.nbc-h-5{height:1.25rem}.nbc-h-6{height:1.5rem}.nbc-h-7{height:1.75rem}.nbc-h-8{height:2rem}.nbc-h-auto{height:auto}.nbc-h-full{height:100%}.nbc-min-h-0{min-height:0px}.nbc-min-h-\\[220px\\]{min-height:220px}.nbc-w-0{width:0px}.nbc-w-10{width:2.5rem}.nbc-w-12{width:3rem}.nbc-w-16{width:4rem}.nbc-w-2{width:.5rem}.nbc-w-3{width:.75rem}.nbc-w-4{width:1rem}.nbc-w-5{width:1.25rem}.nbc-w-6{width:1.5rem}.nbc-w-7{width:1.75rem}.nbc-w-8{width:2rem}.nbc-w-auto{width:auto}.nbc-w-full{width:100%}.nbc-max-w-\\[90\\%\\]{max-width:90%}.nbc-max-w-xs{max-width:20rem}.nbc-flex-1{flex:1 1 0%}.nbc-flex-shrink-0{flex-shrink:0}.nbc--translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-\\[-10px\\]{--tw-translate-y: -10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes nbc-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.nbc-animate-bounce{animation:nbc-bounce 1s infinite}@keyframes nbc-ping{75%,to{transform:scale(2);opacity:0}}.nbc-animate-ping{animation:nbc-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes nbc-pulse{50%{opacity:.5}}.nbc-animate-pulse{animation:nbc-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nbc-cursor-pointer{cursor:pointer}.nbc-flex-col{flex-direction:column}.nbc-items-start{align-items:flex-start}.nbc-items-end{align-items:flex-end}.nbc-items-center{align-items:center}.nbc-justify-start{justify-content:flex-start}.nbc-justify-end{justify-content:flex-end}.nbc-justify-center{justify-content:center}.nbc-justify-between{justify-content:space-between}.nbc-gap-2{gap:.5rem}.nbc-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.nbc-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.nbc-overflow-hidden{overflow:hidden}.nbc-overflow-y-auto{overflow-y:auto}.nbc-whitespace-nowrap{white-space:nowrap}.nbc-break-words{overflow-wrap:break-word}.nbc-rounded{border-radius:.25rem}.nbc-rounded-2xl{border-radius:1rem}.nbc-rounded-full{border-radius:9999px}.nbc-rounded-lg{border-radius:.5rem}.nbc-rounded-none{border-radius:0}.nbc-rounded-bl-md{border-bottom-left-radius:.375rem}.nbc-rounded-br-md{border-bottom-right-radius:.375rem}.nbc-border-0{border-width:0px}.nbc-border-2{border-width:2px}.nbc-border-t{border-top-width:1px}.nbc-border-none{border-style:none}.nbc-border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.nbc-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.nbc-bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.nbc-bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.nbc-bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.nbc-bg-transparent{background-color:transparent}.nbc-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.nbc-bg-none{background-image:none}.nbc-object-cover{-o-object-fit:cover;object-fit:cover}.nbc-p-0{padding:0}.nbc-p-1{padding:.25rem}.nbc-p-2{padding:.5rem}.nbc-p-4{padding:1rem}.nbc-p-5{padding:1.25rem}.nbc-px-2{padding-left:.5rem;padding-right:.5rem}.nbc-px-4{padding-left:1rem;padding-right:1rem}.nbc-py-2{padding-top:.5rem;padding-bottom:.5rem}.nbc-py-3{padding-top:.75rem;padding-bottom:.75rem}.nbc-pr-12{padding-right:3rem}.nbc-pt-4{padding-top:1rem}.nbc-text-center{text-align:center}.nbc-text-right{text-align:right}.nbc-font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.nbc-text-\\[15px\\]{font-size:15px}.nbc-text-base{font-size:1rem;line-height:1.5rem}.nbc-text-lg{font-size:1.125rem;line-height:1.75rem}.nbc-text-sm{font-size:.875rem;line-height:1.25rem}.nbc-text-xs{font-size:.75rem;line-height:1rem}.nbc-font-bold{font-weight:700}.nbc-font-medium{font-weight:500}.nbc-italic{font-style:italic}.nbc-leading-none{line-height:1}.nbc-leading-relaxed{line-height:1.625}.nbc-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.nbc-text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.nbc-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.nbc-text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.nbc-text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.nbc-text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.nbc-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.nbc-no-underline{text-decoration-line:none}.nbc-opacity-0{opacity:0}.nbc-opacity-100{opacity:1}.nbc-opacity-50{opacity:.5}.nbc-opacity-70{opacity:.7}.nbc-opacity-75{opacity:.75}.nbc-shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-outline-none{outline:2px solid transparent;outline-offset:2px}.nbc-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nbc-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nbc-duration-200{transition-duration:.2s}.nbc-duration-300{transition-duration:.3s}.nbc-duration-500{transition-duration:.5s}.nbc-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:nbc-scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:nbc-bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\\:nbc-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\\:nbc-bg-opacity-20:hover{--tw-bg-opacity: .2}.hover\\:nbc-text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.disabled\\:nbc-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:nbc-opacity-50:disabled{opacity:.5}',Gg={apiKey:"",primaryColor:"#111111",avatar:"",title:"NotChatBot",placeholder:"Escribe tu mensaje...",initialMessage:"¡Hola! ¿En qué puedo ayudarte?",position:"bottom-right",marginBottom:20,marginSide:20,mobile:{position:"bottom-right",marginBottom:15,marginSide:15},desktop:{position:"bottom-right",marginBottom:25,marginSide:25},closeButtonIcon:"default",closeButtonText:"Cerrar",closeButtonCustomIcon:""},Wg=({title:e,primaryColor:t="#3b82f6",avatar:n})=>{const r={backgroundColor:t};return G.jsxs("div",{id:"notchatbot-embed-chat-header",style:r,className:"nbc-flex nbc-items-center nbc-p-4",children:[G.jsx("div",{className:"nbc-flex nbc-items-center nbc-mr-3 nbc-text-black",children:n?G.jsx("img",{src:n,alt:"Avatar",className:"nbc-w-8 nbc-h-8 nbc-rounded-full nbc-object-cover"}):G.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"nbc-w-8 nbc-h-8 nbc-bg-white nbc-rounded-full nbc-p-1",children:[G.jsx("path",{d:"M12 6V2H8"}),G.jsx("path",{d:"m8 18-4 4V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Z"}),G.jsx("path",{d:"M2 12h2"}),G.jsx("path",{d:"M9 11v2"}),G.jsx("path",{d:"M15 11v2"}),G.jsx("path",{d:"M20 12h2"})]})}),G.jsx("h3",{className:"nbc-m-0 nbc-text-lg nbc-font-bold nbc-text-white",children:e})]})},$g=({footerText:e,primaryColor:t,footerColor:n})=>{if(!e)return null;const r=i=>{const o=/(https?:\/\/[^\s]+)/g;return i.split(o).map((l,d)=>o.test(l)?G.jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"nbc-font-medium nbc-no-underline",style:{color:t},children:l},d):l)};return G.jsx("div",{id:"notchatbot-embed-chat-footer",className:"nbc-py-3 nbc-px-4 nbc-bg-gray-50 nbc-text-xs nbc-text-gray-600 nbc-text-center nbc-leading-relaxed nbc-italic",style:{backgroundColor:n},children:r(e)})},Vg=({config:e,messages:t,onSendMessage:n,isLoading:r,isAiTyping:i})=>{var l;const o=(d,g="auto")=>d===void 0?g:typeof d=="number"?`${d}px`:d,a={width:o(e.width,"100%"),height:o(e.height,"400px"),maxWidth:o(e.maxWidth,"100%"),maxHeight:o(e.maxHeight,"100vh"),minWidth:o(e.minWidth,"280px"),minHeight:o(e.minHeight,"300px"),display:"flex",flexDirection:"column",backgroundColor:e.chatTransparent?"transparent":e.chatBackground||"#ffffff",borderRadius:o(e.borderRadius,"12px"),border:e.border||"1px solid #e5e7eb",boxShadow:e.boxShadow||"0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",overflow:"hidden",position:"relative"};return G.jsxs("div",{id:"notchatbot-embed-chat",className:"nbc-font-sans",style:a,children:[e.showHeader!==!1&&G.jsx(Wg,{title:e.title||"Chat",primaryColor:e.primaryColor,avatar:e.avatar}),G.jsxs("div",{id:"notchatbot-embed-chat-body",className:"nbc-flex-1 nbc-flex nbc-flex-col nbc-min-h-0",style:{position:"relative",overflow:"hidden"},children:[r?G.jsx("div",{className:"nbc-flex-1 nbc-p-4",children:G.jsx(Vf,{})}):G.jsx(Wf,{messages:t,isTyping:i||!1,avatar:e.avatar,textColor:e.textColor,bubbleUserColor:e.bubbleUserColor}),G.jsx("div",{id:"notchatbot-embed-chat-body-input",className:"nbc-py-2 nbc-bg-gray-50 nbc-border-none",style:{backgroundColor:(l=e.input)==null?void 0:l.backgroundColor},children:G.jsx($f,{onSendMessage:n,placeholder:e.placeholder||"Escribe un mensaje...",primaryColor:e.primaryColor,disabled:r,input:e.input})})]}),e.showFooter!==!1&&e.footerText&&G.jsx($g,{footerText:e.footerText,primaryColor:e.primaryColor,footerColor:e.footerColor})]})},fd=({config:e})=>{if(!e.apiKey)return console.warn("EmbedChat: apiKey is required but not provided in config"),null;const[t,n]=te.useState(""),[r,i]=te.useState(!1),[o,a]=te.useState(""),[,l]=te.useState(null),d=te.useRef(null),[,g]=te.useState(!1),[S,E]=te.useState([e.initialMessage?{id:wt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:ld(e.title)]),y=te.useCallback(k=>{E(T=>[...T,k])},[]);te.useEffect(()=>{ot(this,null,function*(){const T=yield ed();a(T)})},[]);const R=te.useCallback(k=>{y(k)},[y]),f=te.useCallback(k=>ot(this,null,function*(){if(!k.trim())return;let T=t;T||(T=wt(),n(T));const x={id:wt(),text:k,sender:"user",timestamp:new Date().toISOString(),conversationId:T,type:"text"};y(x),i(!0);const p=[...S,x];try{const m=od(T,p,{apiKey:e.apiKey||""},o),b=yield ad(m);if(b){if(b.response.tokenDetails&&!d.current){const c=yield xo(b.response.tokenDetails,e.apiKey||"",T,R);l(c),d.current=c.client,g(!0)}const h=sd(b.response.message);h&&y(h)}else{setTimeout(()=>{const h=So();y(h),i(!1)},1e3);return}i(!1)}catch(m){console.error("EmbedChat: Error sending message:",m),setTimeout(()=>{const b=So();y(b),i(!1)},1e3);return}}),[t,o,e.apiKey,y,R,S]);return te.useEffect(()=>()=>{d.current&&id(d.current)},[]),G.jsx(Vg,{config:e,messages:S,onSendMessage:f,isLoading:!1,isAiTyping:r})};let dd=!1,bo=null;const hd=e=>{try{e&&(dd=!0),bo&&(bo.destroy(),bo=null);const t=fe(fe({elementId:"webchat-notchatbot"},Gg),e),n=document.getElementById(t.elementId);if(!n)return console.error(`WebChat: Element with id "${t.elementId}" not found`),null;let r;n.shadowRoot?(r=n.shadowRoot,r.innerHTML=""):r=n.attachShadow({mode:"open"});const i=document.createElement("style");i.textContent=cd,r.appendChild(i);const o=document.createElement("div");r.appendChild(o);const a=zs(o);return a.render(Po.createElement(Fg,{config:t})),{root:a,destroy:()=>{a.unmount(),bo=null},getConversationId:()=>Zf()}}catch(t){return console.error("WebChat: Failed to initialize",t),null}},Qg=e=>{try{if(!e.elementId)return console.error("EmbedChat: elementId is required"),null;const t=document.getElementById(e.elementId);if(!t)return console.error(`EmbedChat: Element with id "${e.elementId}" not found`),null;let n;t.shadowRoot?(n=t.shadowRoot,n.innerHTML=""):n=t.attachShadow({mode:"open"});const r=document.createElement("style");if(r.textContent=cd,n.appendChild(r),e.customCSS){const a=document.createElement("style");a.setAttribute("data-custom","true"),a.textContent=e.customCSS,n.appendChild(a)}const i=document.createElement("div");n.appendChild(i);const o=zs(i);return o.render(Po.createElement(fd,{config:e})),{destroy:()=>{o.unmount()},updateConfig:a=>{const l=fe(fe({},e),a);if(a.customCSS!==void 0){const d=n.querySelector("style[data-custom]");if(d&&d.remove(),l.customCSS){const g=document.createElement("style");g.setAttribute("data-custom","true"),g.textContent=l.customCSS,n.appendChild(g)}}o.render(Po.createElement(fd,{config:l}))},injectCSS:a=>{const l=n.querySelector("style[data-custom]");l&&l.remove();const d=document.createElement("style");d.setAttribute("data-custom","true"),d.textContent=a,n.appendChild(d)},removeCustomCSS:()=>{const a=n.querySelector("style[data-custom]");a&&a.remove()}}}catch(t){return console.error("EmbedChat: Failed to initialize",t),null}},pd={initialize:hd},gd={initialize:Qg};if(typeof window!="undefined"){window.WebChat=pd,window.EmbedChat=gd;const e=()=>{if(!dd){let n=document.getElementById("webchat-notchatbot");n||(n=document.createElement("div"),n.id="webchat-notchatbot",document.body.appendChild(n)),hd()}const t=new CustomEvent("WebChatReady");document.dispatchEvent(t)};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e):setTimeout(e,0)}Ce.EmbedChatAPI=gd,Ce.WebChat=pd,Object.defineProperty(Ce,Symbol.toStringTag,{value:"Module"})});
+También puedes pedir hablar con nuestro equipo de los sueños!`,ld=e=>({id:wt(),text:Hg(e),sender:"bot",timestamp:new Date().toISOString(),type:"text"}),ud=()=>typeof window!="undefined"&&window.innerWidth<640,Fg=({config:e})=>{if(!e.apiKey)return null;const[t,n]=te.useState(()=>wo(e)),[r,i]=te.useState(!1),[o,a]=te.useState(()=>ud()),[l,d]=te.useState(""),[g,S]=te.useState(!1),[E,y]=te.useState(!1),[R,f]=te.useState(!1),[k,T]=te.useState(""),[,x]=te.useState(null),p=te.useRef(null),[m,b]=te.useState(!1),[h,c]=te.useState(!1),[u,s]=te.useState(""),[w,v]=te.useState([e.initialMessage?{id:wt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:ld(e.title)]),C=te.useCallback((U,z="bot")=>{v($=>[...$,U]),!r&&(U.sender==="bot"||z==="bot")&&U.id!==u&&b(!0)},[r,u]);te.useEffect(()=>{const U=()=>{const z=ud();a(z)};return window.addEventListener("resize",U),()=>window.removeEventListener("resize",U)},[]),te.useEffect(()=>Mg(()=>{n(wo(e))}),[e]),te.useEffect(()=>{n(wo(e))},[e]),te.useEffect(()=>{ot(this,null,function*(){const z=Zf();d(z);const $=yield ed();T($)})},[]),te.useEffect(()=>{if(w.length>0){const U=w[w.length-1];U.sender==="bot"&&s(U.id)}},[]);const L=te.useCallback(U=>{C(U,"ably")},[C]),N=te.useCallback(U=>ot(this,null,function*(){if(!(h||p.current))try{if(U.tokenDetails){const z=yield xo(U.tokenDetails,e.apiKey||"",l,L);x(z),p.current=z.client,c(!0)}}catch(z){console.error("[❌ ABLY SETUP ERROR from history]",z)}}),[h,l,L]),P=te.useCallback(()=>ot(this,null,function*(){if(!(h||p.current))try{const U=yield zg(l,e.apiKey||"");if(U!=null&&U.tokenDetails){const z=yield xo(U.tokenDetails,e.apiKey||"",l,L);x(z),p.current=z.client,c(!0)}}catch(U){console.error("[❌ ABLY SETUP ERROR from endpoint]",U)}}),[h,l,e.apiKey,L]),I=te.useCallback(()=>ot(this,null,function*(){var z,$;const U=r;if(i(W=>!W),!U){b(!1);const W=w.filter(F=>F.sender==="bot").slice(-1)[0];W&&s(W.id)}if(!U&&!g&&l&&qf()&&!h){y(!0);const W=yield Dg(l,e.apiKey||"");if((($=(z=W==null?void 0:W.conversation)==null?void 0:z.messages)==null?void 0:$.length)>0){const F=jg(W.conversation.messages);v(F);const O=F.filter(D=>D.sender==="bot").slice(-1)[0];O&&s(O.id),yield N(W)}else console.warn("WebChat: No conversation history found, showing initial message");y(!1),S(!0)}else!U&&qf()&&!h?yield P():U||console.warn("WebChat: Chat opened - no existing conversation to fetch")}),[r,l,g,h,e.apiKey,N,P,w]),M=te.useCallback(()=>{i(!1)},[]),A=te.useCallback(U=>ot(this,null,function*(){const z=new Date().toISOString(),$={id:wt(),text:U,sender:"user",timestamp:z,type:"text"};v(F=>[...F,$]),f(!0);const W=[...w,$];try{const F=od(l,W,{apiKey:e.apiKey||""},k),O=yield ad(F);if(O){if(O.response.tokenDetails&&!p.current){const B=yield xo(O.response.tokenDetails,e.apiKey||"",l,L);x(B),p.current=B.client,c(!0)}const D=sd(O.response.message);D&&C(D,"bot")}else{setTimeout(()=>{const D=So();C(D,"bot"),f(!1)},1e3);return}}catch(F){console.error("WebChat: Error in message handling:",F),setTimeout(()=>{const O=So();C(O,"bot"),f(!1)},1e3);return}f(!1),Ag(!0)}),[l,w,e.apiKey,k,L,C]),j=Pg(e);return te.useEffect(()=>()=>{id(p.current),p.current=null},[]),G.jsxs("div",{className:"nbc-font-sans",style:{zIndex:2147483647},children:[G.jsx(Eg,{initialMessage:e.initialMessage,avatar:t.avatar,position:j.position,marginBottom:j.marginBottom,marginSide:j.marginSide,primaryColor:t.primaryColor||"#007bff",isMobile:o,isOpen:r}),G.jsx(Bp,{isOpen:r,onClick:I,primaryColor:t.primaryColor,position:j.position,marginBottom:j.marginBottom,marginSide:j.marginSide,hasNewMessages:m,isMobile:o}),G.jsx(Rg,{isOpen:r,onClose:M,config:t,messages:w,onSendMessage:A,isLoading:E,isAiTyping:R,position:j.position,marginBottom:j.marginBottom,marginSide:j.marginSide,isMobile:o,apiKeyMissing:!e.apiKey})]})},cd='*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.nbc-pointer-events-none{pointer-events:none}.nbc-pointer-events-auto{pointer-events:auto}.nbc-fixed{position:fixed}.nbc-absolute{position:absolute}.nbc-relative{position:relative}.nbc-inset-0{inset:0}.nbc-inset-auto{inset:auto}.nbc-right-0{right:0}.nbc-right-2{right:.5rem}.nbc-top-0{top:0}.nbc-top-1\\/2{top:50%}.nbc-top-2{top:.5rem}.nbc-top-full{top:100%}.nbc-m-0{margin:0}.nbc-mb-1{margin-bottom:.25rem}.nbc-mb-2{margin-bottom:.5rem}.nbc-mb-4{margin-bottom:1rem}.nbc-ml-2{margin-left:.5rem}.nbc-mr-3{margin-right:.75rem}.nbc-mt-1{margin-top:.25rem}.nbc-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nbc-flex{display:flex}.nbc-hidden{display:none}.nbc-h-0{height:0px}.nbc-h-10{height:2.5rem}.nbc-h-12{height:3rem}.nbc-h-16{height:4rem}.nbc-h-2{height:.5rem}.nbc-h-24{height:6rem}.nbc-h-3{height:.75rem}.nbc-h-4{height:1rem}.nbc-h-5{height:1.25rem}.nbc-h-6{height:1.5rem}.nbc-h-7{height:1.75rem}.nbc-h-8{height:2rem}.nbc-h-auto{height:auto}.nbc-h-full{height:100%}.nbc-min-h-0{min-height:0px}.nbc-min-h-\\[220px\\]{min-height:220px}.nbc-w-0{width:0px}.nbc-w-10{width:2.5rem}.nbc-w-12{width:3rem}.nbc-w-16{width:4rem}.nbc-w-2{width:.5rem}.nbc-w-3{width:.75rem}.nbc-w-4{width:1rem}.nbc-w-5{width:1.25rem}.nbc-w-6{width:1.5rem}.nbc-w-7{width:1.75rem}.nbc-w-8{width:2rem}.nbc-w-auto{width:auto}.nbc-w-full{width:100%}.nbc-max-w-\\[90\\%\\]{max-width:90%}.nbc-max-w-xs{max-width:20rem}.nbc-flex-1{flex:1 1 0%}.nbc-flex-shrink-0{flex-shrink:0}.nbc--translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-3{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-translate-y-\\[-10px\\]{--tw-translate-y: -10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nbc-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes nbc-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.nbc-animate-bounce{animation:nbc-bounce 1s infinite}@keyframes nbc-ping{75%,to{transform:scale(2);opacity:0}}.nbc-animate-ping{animation:nbc-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes nbc-pulse{50%{opacity:.5}}.nbc-animate-pulse{animation:nbc-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nbc-cursor-pointer{cursor:pointer}.nbc-flex-col{flex-direction:column}.nbc-items-start{align-items:flex-start}.nbc-items-end{align-items:flex-end}.nbc-items-center{align-items:center}.nbc-justify-start{justify-content:flex-start}.nbc-justify-end{justify-content:flex-end}.nbc-justify-center{justify-content:center}.nbc-justify-between{justify-content:space-between}.nbc-gap-2{gap:.5rem}.nbc-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.nbc-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.nbc-overflow-hidden{overflow:hidden}.nbc-overflow-y-auto{overflow-y:auto}.nbc-whitespace-nowrap{white-space:nowrap}.nbc-break-words{overflow-wrap:break-word}.nbc-rounded{border-radius:.25rem}.nbc-rounded-2xl{border-radius:1rem}.nbc-rounded-full{border-radius:9999px}.nbc-rounded-lg{border-radius:.5rem}.nbc-rounded-none{border-radius:0}.nbc-rounded-bl-md{border-bottom-left-radius:.375rem}.nbc-rounded-br-md{border-bottom-right-radius:.375rem}.nbc-border-0{border-width:0px}.nbc-border-2{border-width:2px}.nbc-border-t{border-top-width:1px}.nbc-border-none{border-style:none}.nbc-border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.nbc-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.nbc-bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.nbc-bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.nbc-bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.nbc-bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.nbc-bg-transparent{background-color:transparent}.nbc-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.nbc-bg-none{background-image:none}.nbc-object-cover{-o-object-fit:cover;object-fit:cover}.nbc-p-0{padding:0}.nbc-p-1{padding:.25rem}.nbc-p-2{padding:.5rem}.nbc-p-4{padding:1rem}.nbc-p-5{padding:1.25rem}.nbc-px-2{padding-left:.5rem;padding-right:.5rem}.nbc-px-4{padding-left:1rem;padding-right:1rem}.nbc-py-2{padding-top:.5rem;padding-bottom:.5rem}.nbc-py-3{padding-top:.75rem;padding-bottom:.75rem}.nbc-pr-12{padding-right:3rem}.nbc-pt-4{padding-top:1rem}.nbc-text-center{text-align:center}.nbc-text-right{text-align:right}.nbc-font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.nbc-text-\\[15px\\]{font-size:15px}.nbc-text-base{font-size:1rem;line-height:1.5rem}.nbc-text-lg{font-size:1.125rem;line-height:1.75rem}.nbc-text-sm{font-size:.875rem;line-height:1.25rem}.nbc-text-xs{font-size:.75rem;line-height:1rem}.nbc-font-bold{font-weight:700}.nbc-font-medium{font-weight:500}.nbc-italic{font-style:italic}.nbc-leading-none{line-height:1}.nbc-leading-relaxed{line-height:1.625}.nbc-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.nbc-text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.nbc-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.nbc-text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.nbc-text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.nbc-text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.nbc-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.nbc-no-underline{text-decoration-line:none}.nbc-opacity-0{opacity:0}.nbc-opacity-100{opacity:1}.nbc-opacity-50{opacity:.5}.nbc-opacity-70{opacity:.7}.nbc-opacity-75{opacity:.75}.nbc-shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nbc-outline-none{outline:2px solid transparent;outline-offset:2px}.nbc-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nbc-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nbc-duration-200{transition-duration:.2s}.nbc-duration-300{transition-duration:.3s}.nbc-duration-500{transition-duration:.5s}.nbc-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:nbc-scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:nbc-bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\\:nbc-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\\:nbc-bg-opacity-20:hover{--tw-bg-opacity: .2}.hover\\:nbc-text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.disabled\\:nbc-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:nbc-opacity-50:disabled{opacity:.5}',Gg={apiKey:"",primaryColor:"#111111",avatar:"",title:"NotChatBot",placeholder:"Escribe tu mensaje...",initialMessage:"¡Hola! ¿En qué puedo ayudarte?",position:"bottom-right",marginBottom:20,marginSide:20,mobile:{position:"bottom-right",marginBottom:15,marginSide:15},desktop:{position:"bottom-right",marginBottom:25,marginSide:25},closeButtonIcon:"default",closeButtonText:"Cerrar",closeButtonCustomIcon:""},Wg=({title:e,primaryColor:t="#3b82f6",avatar:n})=>{const r={backgroundColor:t};return G.jsxs("div",{id:"notchatbot-embed-chat-header",style:r,className:"nbc-flex nbc-items-center nbc-p-4",children:[G.jsx("div",{className:"nbc-flex nbc-items-center nbc-mr-3 nbc-text-black",children:n?G.jsx("img",{src:n,alt:"Avatar",className:"nbc-w-8 nbc-h-8 nbc-rounded-full nbc-object-cover"}):G.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"nbc-w-8 nbc-h-8 nbc-bg-white nbc-rounded-full nbc-p-1",children:[G.jsx("path",{d:"M12 6V2H8"}),G.jsx("path",{d:"m8 18-4 4V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Z"}),G.jsx("path",{d:"M2 12h2"}),G.jsx("path",{d:"M9 11v2"}),G.jsx("path",{d:"M15 11v2"}),G.jsx("path",{d:"M20 12h2"})]})}),G.jsx("h3",{className:"nbc-m-0 nbc-text-lg nbc-font-bold nbc-text-white",children:e})]})},$g=({footerText:e,primaryColor:t,footerColor:n})=>{if(!e)return null;const r=i=>{const o=/(https?:\/\/[^\s]+)/g;return i.split(o).map((l,d)=>o.test(l)?G.jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"nbc-font-medium nbc-no-underline",style:{color:t},children:l},d):l)};return G.jsx("div",{id:"notchatbot-embed-chat-footer",className:"nbc-py-3 nbc-px-4 nbc-bg-gray-50 nbc-text-xs nbc-text-gray-600 nbc-text-center nbc-leading-relaxed nbc-italic",style:{backgroundColor:n},children:r(e)})},Vg=({config:e,messages:t,onSendMessage:n,isLoading:r,isAiTyping:i})=>{var l;const o=(d,g="auto")=>d===void 0?g:typeof d=="number"?`${d}px`:d,a={width:o(e.width,"100%"),height:o(e.height,"400px"),maxWidth:o(e.maxWidth,"100%"),maxHeight:o(e.maxHeight,"100vh"),minWidth:o(e.minWidth,"280px"),minHeight:o(e.minHeight,"300px"),display:"flex",flexDirection:"column",backgroundColor:e.chatTransparent?"transparent":e.chatBackground||"#ffffff",borderRadius:o(e.borderRadius,"12px"),border:e.border||"1px solid #e5e7eb",boxShadow:e.boxShadow||"0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",overflow:"hidden",position:"relative"};return G.jsxs("div",{id:"notchatbot-embed-chat",className:"nbc-font-sans",style:a,children:[e.showHeader!==!1&&G.jsx(Wg,{title:e.title||"Chat",primaryColor:e.primaryColor,avatar:e.avatar}),G.jsxs("div",{id:"notchatbot-embed-chat-body",className:"nbc-flex-1 nbc-flex nbc-flex-col nbc-min-h-0",style:{position:"relative",overflow:"hidden"},children:[r?G.jsx("div",{className:"nbc-flex-1 nbc-p-4",children:G.jsx(Vf,{})}):G.jsx(Wf,{messages:t,isTyping:i||!1,avatar:e.avatar,textColor:e.textColor,bubbleUserColor:e.bubbleUserColor}),G.jsx("div",{id:"notchatbot-embed-chat-body-input",className:"nbc-py-2 nbc-bg-gray-50 nbc-border-none",style:{backgroundColor:(l=e.input)==null?void 0:l.backgroundColor},children:G.jsx($f,{onSendMessage:n,placeholder:e.placeholder||"Escribe un mensaje...",primaryColor:e.primaryColor,disabled:r,input:e.input})})]}),e.showFooter!==!1&&e.footerText&&G.jsx($g,{footerText:e.footerText,primaryColor:e.primaryColor,footerColor:e.footerColor})]})},fd=({config:e})=>{if(!e.apiKey)return null;const[t,n]=te.useState(""),[r,i]=te.useState(!1),[o,a]=te.useState(""),[,l]=te.useState(null),d=te.useRef(null),[,g]=te.useState(!1),[S,E]=te.useState([e.initialMessage?{id:wt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:ld(e.title)]),y=te.useCallback(k=>{E(T=>[...T,k])},[]);te.useEffect(()=>{ot(this,null,function*(){const T=yield ed();a(T)})},[]);const R=te.useCallback(k=>{y(k)},[y]),f=te.useCallback(k=>ot(this,null,function*(){if(!k.trim())return;let T=t;T||(T=wt(),n(T));const x={id:wt(),text:k,sender:"user",timestamp:new Date().toISOString(),conversationId:T,type:"text"};y(x),i(!0);const p=[...S,x];try{const m=od(T,p,{apiKey:e.apiKey||""},o),b=yield ad(m);if(b){if(b.response.tokenDetails&&!d.current){const c=yield xo(b.response.tokenDetails,e.apiKey||"",T,R);l(c),d.current=c.client,g(!0)}const h=sd(b.response.message);h&&y(h)}else{setTimeout(()=>{const h=So();y(h),i(!1)},1e3);return}i(!1)}catch(m){console.error("EmbedChat: Error sending message:",m),setTimeout(()=>{const b=So();y(b),i(!1)},1e3);return}}),[t,o,e.apiKey,y,R,S]);return te.useEffect(()=>()=>{d.current&&id(d.current)},[]),G.jsx(Vg,{config:e,messages:S,onSendMessage:f,isLoading:!1,isAiTyping:r})};let dd=!1,bo=null;const hd=e=>{try{e&&(dd=!0),bo&&(bo.destroy(),bo=null);const t=fe(fe({elementId:"webchat-notchatbot"},Gg),e),n=document.getElementById(t.elementId);if(!n)return console.error(`WebChat: Element with id "${t.elementId}" not found`),null;let r;n.shadowRoot?(r=n.shadowRoot,r.innerHTML=""):r=n.attachShadow({mode:"open"});const i=document.createElement("style");i.textContent=cd,r.appendChild(i);const o=document.createElement("div");r.appendChild(o);const a=zs(o);return a.render(Po.createElement(Fg,{config:t})),{root:a,destroy:()=>{a.unmount(),bo=null},getConversationId:()=>Zf()}}catch(t){return console.error("WebChat: Failed to initialize",t),null}},Qg=e=>{try{if(!e.elementId)return console.error("EmbedChat: elementId is required"),null;const t=document.getElementById(e.elementId);if(!t)return console.error(`EmbedChat: Element with id "${e.elementId}" not found`),null;let n;t.shadowRoot?(n=t.shadowRoot,n.innerHTML=""):n=t.attachShadow({mode:"open"});const r=document.createElement("style");if(r.textContent=cd,n.appendChild(r),e.customCSS){const a=document.createElement("style");a.setAttribute("data-custom","true"),a.textContent=e.customCSS,n.appendChild(a)}const i=document.createElement("div");n.appendChild(i);const o=zs(i);return o.render(Po.createElement(fd,{config:e})),{destroy:()=>{o.unmount()},updateConfig:a=>{const l=fe(fe({},e),a);if(a.customCSS!==void 0){const d=n.querySelector("style[data-custom]");if(d&&d.remove(),l.customCSS){const g=document.createElement("style");g.setAttribute("data-custom","true"),g.textContent=l.customCSS,n.appendChild(g)}}o.render(Po.createElement(fd,{config:l}))},injectCSS:a=>{const l=n.querySelector("style[data-custom]");l&&l.remove();const d=document.createElement("style");d.setAttribute("data-custom","true"),d.textContent=a,n.appendChild(d)},removeCustomCSS:()=>{const a=n.querySelector("style[data-custom]");a&&a.remove()}}}catch(t){return console.error("EmbedChat: Failed to initialize",t),null}},pd={initialize:hd},gd={initialize:Qg};if(typeof window!="undefined"){window.WebChat=pd,window.EmbedChat=gd;const e=()=>{if(!dd){let i=document.getElementById("webchat-notchatbot");i||(i=document.createElement("div"),i.id="webchat-notchatbot",document.body.appendChild(i)),hd()}const r=new CustomEvent("WebChatReady");document.dispatchEvent(r)},t=()=>{const r=new CustomEvent("EmbedChatReady");document.dispatchEvent(r)},n=()=>{e(),t()};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",n):setTimeout(n,0)}Ce.EmbedChatAPI=gd,Ce.WebChat=pd,Object.defineProperty(Ce,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer.notchatbot/webchat",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "A beautiful React chatbot widget with single-file bundle",
   "main": "dist/webchat-bundle.min.umd.cjs",
   "module": "dist/webchat-bundle.min.js",