@developer.notchatbot/webchat 1.2.6 → 1.2.7
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.
|
@@ -17145,17 +17145,21 @@ const xm = () => {
|
|
|
17145
17145
|
}, Nu = () => {
|
|
17146
17146
|
xm(), Ed();
|
|
17147
17147
|
}, fl = () => {
|
|
17148
|
-
|
|
17148
|
+
requestAnimationFrame(() => {
|
|
17149
|
+
setTimeout(() => {
|
|
17150
|
+
Ed();
|
|
17151
|
+
}, 50);
|
|
17152
|
+
});
|
|
17149
17153
|
};
|
|
17150
17154
|
document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", Nu) : setTimeout(Nu, 0);
|
|
17151
17155
|
(function(e) {
|
|
17152
17156
|
const t = e.pushState, n = e.replaceState;
|
|
17153
17157
|
e.pushState = function(...r) {
|
|
17154
17158
|
const o = t.apply(e, r);
|
|
17155
|
-
return window.dispatchEvent(new Event("routechange")),
|
|
17159
|
+
return window.dispatchEvent(new Event("routechange")), o;
|
|
17156
17160
|
}, e.replaceState = function(...r) {
|
|
17157
17161
|
const o = n.apply(e, r);
|
|
17158
|
-
return window.dispatchEvent(new Event("routechange")),
|
|
17162
|
+
return window.dispatchEvent(new Event("routechange")), o;
|
|
17159
17163
|
};
|
|
17160
17164
|
})(window.history);
|
|
17161
17165
|
window.addEventListener("popstate", fl);
|
|
@@ -146,4 +146,4 @@ Please report this to https://github.com/markedjs/marked.`,e){const r="<p>An err
|
|
|
146
146
|
|
|
147
147
|
Aunque no lo creas, soy una inteligencia artificial! Puedo resolver todas tus dudas 😊
|
|
148
148
|
|
|
149
|
-
También puedes pedir hablar con nuestro equipo de los sueños!`,Cd=e=>({id:lt(),text:lm(e),sender:"bot",timestamp:new Date().toISOString(),type:"text"}),kd=()=>typeof window!="undefined"&&window.innerWidth<640,um=({config:e,exposeControl:t})=>{if(!e.apiKey)return null;const[n,r]=Z.useState(()=>Ti(e)),[o,i]=Z.useState(!1),[a,l]=Z.useState(()=>kd()),[d,m]=Z.useState(""),[b,R]=Z.useState(!1),[y,E]=Z.useState(!1),[u,C]=Z.useState(!1),[M,x]=Z.useState(""),[,p]=Z.useState(null),g=Z.useRef(null),[S,h]=Z.useState(!1),[f,c]=Z.useState(!1),[s,w]=Z.useState(""),[v,k]=Z.useState(!0),[L,N]=Z.useState(!1),[P,O]=Z.useState([e.initialMessage?{id:lt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:Cd(e.title)]),A=Z.useCallback((X,oe="bot")=>{O(q=>[...q,X]),!o&&(X.sender==="bot"||oe==="bot")&&X.id!==s&&h(!0)},[o,s]);Z.useEffect(()=>{const X=()=>{const oe=kd();l(oe)};return window.addEventListener("resize",X),()=>window.removeEventListener("resize",X)},[]),Z.useEffect(()=>em(()=>{r(Ti(e))}),[e]),Z.useEffect(()=>{r(Ti(e))},[e]),Z.useEffect(()=>{je(this,null,function*(){const oe=pd();m(oe);const q=yield md();x(q)})},[]),Z.useEffect(()=>{if(P.length>0){const X=P[P.length-1];X.sender==="bot"&&w(X.id)}},[]);const T=Z.useCallback(X=>{A(X,"ably")},[A]),j=Z.useCallback(X=>{k(X)},[]),B=Z.useCallback(X=>je(this,null,function*(){if(!(f||g.current))try{if(X.tokenDetails){const oe=yield Ai(X.tokenDetails,e.apiKey||"",d,T,j);p(oe),g.current=oe.client,c(!0)}}catch(oe){console.error("[❌ ABLY SETUP ERROR from history]",oe)}}),[f,d,T]),z=Z.useCallback(()=>je(this,null,function*(){if(!(f||g.current))try{const X=yield sm(d,e.apiKey||"");if(X!=null&&X.tokenDetails){const oe=yield Ai(X.tokenDetails,e.apiKey||"",d,T,j);p(oe),g.current=oe.client,c(!0)}}catch(X){console.error("[❌ ABLY SETUP ERROR from endpoint]",X)}}),[f,d,e.apiKey,T]),$=Z.useCallback(()=>je(this,null,function*(){var oe,q;const X=o;if(i(se=>!se),!X){h(!1);const se=P.filter(we=>we.sender==="bot").slice(-1)[0];se&&w(se.id)}if(!X&&!b&&d&&gd()&&!f){E(!0);const se=yield nm(d,e.apiKey||"");if(((q=(oe=se==null?void 0:se.conversation)==null?void 0:oe.messages)==null?void 0:q.length)>0){const we=rm(se.conversation.messages);O(we),se.conversation.chatbotActivated!==void 0&&k(se.conversation.chatbotActivated),se.conversation.isRated!==void 0&&N(se.conversation.isRated);const he=we.filter(ue=>ue.sender==="bot").slice(-1)[0];he&&w(he.id),yield B(se)}else console.warn("WebChat: No conversation history found, showing initial message");E(!1),R(!0)}else!X&&gd()&&!f&&(yield z())}),[o,d,b,f,e.apiKey,B,z,P]),V=Z.useCallback(()=>{i(!1)},[]),G=Z.useCallback((X,oe)=>je(this,null,function*(){const q=new Date().toISOString(),se=[],we=[...P];if(X.trim()){const he={id:lt(),text:X,sender:"user",timestamp:q,type:"text"};se.push(he),we.push(he)}if(oe&&oe.length>0){const he=oe.map(ue=>({id:lt(),text:ue.type.startsWith("image/")?``:`[${ue.name}](${ue.url})`,sender:"user",timestamp:q,type:ue.type.startsWith("image/")?"image":"file",metaContent:ue.url}));se.push(...he),we.push(...he)}O(he=>[...he,...se]),C(!0);try{const he=xd(d,we,se,{apiKey:e.apiKey||""},M),ue=yield bd(he);if(ue){if(ue.response.tokenDetails&&!g.current){const Tn=yield Ai(ue.response.tokenDetails,e.apiKey||"",d,T,j);p(Tn),g.current=Tn.client,c(!0)}const et=Sd(ue.response.message);et&&A(et,"bot")}else{setTimeout(()=>{const et=Ii();A(et,"bot"),C(!1)},1e3);return}}catch(he){console.error("WebChat: Error in message handling:",he),setTimeout(()=>{const ue=Ii();A(ue,"bot"),C(!1)},1e3);return}C(!1),Zg(!0)}),[d,P,e.apiKey,M,T,A]),I=tm(n);Z.useEffect(()=>()=>{wd(g.current),g.current=null},[]);const D=Z.useCallback(X=>i(X),[]),U=Z.useCallback(X=>r(oe=>ae(ae({},oe),X)),[]),_=Z.useCallback(X=>r(oe=>ae(ae({},oe),X)),[]),[W,J]=Z.useState(!1),ee=Z.useCallback(()=>J(!0),[]),re=Z.useCallback(()=>J(!1),[]);return Z.useEffect(()=>{t&&t({setIsOpen:D,updateConfig:U,setPosition:_,hide:ee,show:re})},[t,D,U,_,ee,re]),F.jsxs("div",{className:"nbc-font-sans",style:{zIndex:2147483647,display:W?"none":void 0},children:[I.showPopup!==!1&&F.jsx(Yg,{initialMessage:e.initialMessage,avatar:n.avatar,position:I.position,marginBottom:I.marginBottom,marginSide:I.marginSide,primaryColor:n.primaryColor||"#007bff",isMobile:a,isOpen:o,onPopoverClick:$}),F.jsx(tg,{isOpen:o,onClick:$,primaryColor:n.primaryColor,position:I.position,marginBottom:I.marginBottom,marginSide:I.marginSide,hasNewMessages:S,isMobile:a}),F.jsx(Qg,{isOpen:o,onClose:V,config:n,messages:P,onSendMessage:G,isLoading:y,isAiTyping:u,position:I.position,marginBottom:I.marginBottom,marginSide:I.marginSide,isMobile:a,apiKeyMissing:!e.apiKey,chatbotActivated:v,isRated:L,onRatingChange:N,conversationId:d})]})},Ed='*,: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-left-2{left:8px}.nbc-right-0{right:0}.nbc-right-2{right:8px}.nbc-top-0{top:0}.nbc-top-1\\/2{top:50%}.nbc-top-2{top:8px}.nbc-top-full{top:100%}.nbc-m-0{margin:0}.nbc-mx-auto{margin-left:auto;margin-right:auto}.nbc-mb-1{margin-bottom:4px}.nbc-mb-2{margin-bottom:8px}.nbc-mb-4{margin-bottom:16px}.nbc-ml-1{margin-left:4px}.nbc-ml-2{margin-left:8px}.nbc-mr-1{margin-right:4px}.nbc-mr-3{margin-right:12px}.nbc-mt-1{margin-top:4px}.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:40px}.nbc-h-12{height:48px}.nbc-h-16{height:64px}.nbc-h-2{height:8px}.nbc-h-24{height:96px}.nbc-h-3{height:12px}.nbc-h-4{height:16px}.nbc-h-5{height:20px}.nbc-h-6{height:24px}.nbc-h-7{height:28px}.nbc-h-8{height:32px}.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:40px}.nbc-w-12{width:48px}.nbc-w-16{width:64px}.nbc-w-2{width:8px}.nbc-w-3{width:12px}.nbc-w-4{width:16px}.nbc-w-5{width:20px}.nbc-w-6{width:24px}.nbc-w-7{width:28px}.nbc-w-8{width:32px}.nbc-w-auto{width:auto}.nbc-w-full{width:100%}.nbc-max-w-20{max-width:80px}.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-4{--tw-translate-y: -16px;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-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: 8px;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: 12px;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-4{--tw-translate-y: 16px;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-scale-\\[1\\.13\\]{--tw-scale-x: 1.13;--tw-scale-y: 1.13;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}@keyframes nbc-spin{to{transform:rotate(360deg)}}.nbc-animate-spin{animation:nbc-spin 1s linear infinite}.nbc-cursor-pointer{cursor:pointer}.nbc-flex-col{flex-direction:column}.nbc-flex-wrap{flex-wrap:wrap}.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:8px}.nbc-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(12px * var(--tw-space-x-reverse));margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.nbc-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.nbc-overflow-hidden{overflow:hidden}.nbc-overflow-y-auto{overflow-y:auto}.nbc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbc-whitespace-nowrap{white-space:nowrap}.nbc-break-words{overflow-wrap:break-word}.nbc-rounded{border-radius:4px}.nbc-rounded-2xl{border-radius:16px}.nbc-rounded-full{border-radius:9999px}.nbc-rounded-lg{border-radius:8px}.nbc-rounded-none{border-radius:0}.nbc-rounded-bl-md{border-bottom-left-radius:6px}.nbc-rounded-br-md{border-bottom-right-radius:6px}.nbc-border{border-width:1px}.nbc-border-0{border-width:0px}.nbc-border-2{border-width:2px}.nbc-border-b{border-bottom-width:1px}.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-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.nbc-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.nbc-border-t-gray-600{--tw-border-opacity: 1;border-top-color:rgb(75 85 99 / 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:4px}.nbc-p-2{padding:8px}.nbc-p-4{padding:16px}.nbc-p-5{padding:20px}.nbc-px-2{padding-left:8px;padding-right:8px}.nbc-px-4{padding-left:16px;padding-right:16px}.nbc-py-1{padding-top:4px;padding-bottom:4px}.nbc-py-2{padding-top:8px;padding-bottom:8px}.nbc-py-3{padding-top:12px;padding-bottom:12px}.nbc-pl-12{padding-left:48px}.nbc-pr-12{padding-right:48px}.nbc-pt-4{padding-top:16px}.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-lg{font-size:18px}.nbc-text-sm{font-size:14px}.nbc-text-xs{font-size:12px}.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-400{--tw-text-opacity: 1;color:rgb(96 165 250 / 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-400{--tw-text-opacity: 1;color:rgb(156 163 175 / 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-700{--tw-text-opacity: 1;color:rgb(55 65 81 / 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-transition-transform{transition-property:transform;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-scale-\\[1\\.02\\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.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}',cm={apiKey:"",primaryColor:"#111111",avatar:"",title:"NotChatBot",placeholder:"Escribe tu mensaje...",initialMessage:"¡Hola! ¿En qué puedo ayudarte?",position:"bottom-right",marginBottom:20,marginSide:20,showPopup:!0,mobile:{position:"bottom-right",marginBottom:15,marginSide:15,showPopup:!0},desktop:{position:"bottom-right",marginBottom:25,marginSide:25,showPopup:!0},closeButtonIcon:"default",closeButtonText:"Cerrar",closeButtonCustomIcon:""},fm=({title:e,primaryColor:t="#3b82f6",avatar:n})=>{const r={backgroundColor:t};return F.jsxs("div",{id:"notchatbot-embed-chat-header",style:r,className:"nbc-flex nbc-items-center nbc-p-4",children:[F.jsx("div",{className:"nbc-flex nbc-items-center nbc-mr-3 nbc-text-black",children:n?F.jsx("img",{src:n,alt:"Avatar",className:"nbc-w-8 nbc-h-8 nbc-rounded-full nbc-object-cover"}):F.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:[F.jsx("path",{d:"M12 6V2H8"}),F.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"}),F.jsx("path",{d:"M2 12h2"}),F.jsx("path",{d:"M9 11v2"}),F.jsx("path",{d:"M15 11v2"}),F.jsx("path",{d:"M20 12h2"})]})}),F.jsx("h3",{className:"nbc-m-0 nbc-text-lg nbc-font-bold nbc-text-white",children:e})]})},dm=({footerText:e,primaryColor:t,footerColor:n})=>{if(!e)return null;const r=o=>{const i=/(https?:\/\/[^\s]+)/g;return o.split(i).map((l,d)=>i.test(l)?F.jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"nbc-font-medium nbc-no-underline",style:{color:t},children:l},d):l)};return F.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)})},hm=({config:e,messages:t,onSendMessage:n,isLoading:r,isAiTyping:o,chatbotActivated:i=!0})=>{var d;const a=(m,b="auto")=>m===void 0?b:typeof m=="number"?`${m}px`:m,l={width:a(e.width,"100%"),height:a(e.height,"400px"),maxWidth:a(e.maxWidth,"100%"),maxHeight:a(e.maxHeight,"100vh"),minWidth:a(e.minWidth,"280px"),minHeight:a(e.minHeight,"300px"),display:"flex",flexDirection:"column",backgroundColor:e.chatTransparent?"transparent":e.chatBackground||"#ffffff",borderRadius:a(e.borderRadius,"0px"),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 F.jsxs("div",{id:"notchatbot-embed-chat",className:"nbc-font-sans",style:l,children:[e.showHeader!==!1&&F.jsx(fm,{title:e.title||"Chat",primaryColor:e.primaryColor,avatar:e.avatar}),F.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?F.jsx("div",{className:"nbc-flex-1 nbc-p-4",children:F.jsx(ld,{})}):F.jsx(od,{messages:t,isTyping:o||!1,avatar:e.avatar,textColor:e.textColor,bubbleUserColor:e.bubbleUserColor,chatbotActivated:i}),F.jsx("div",{id:"notchatbot-embed-chat-body-input",className:"nbc-py-2 nbc-bg-gray-50 nbc-border-none",style:{backgroundColor:(d=e.input)==null?void 0:d.backgroundColor},children:F.jsx(sd,{onSendMessage:n,placeholder:e.placeholder||"Escribe un mensaje...",primaryColor:e.primaryColor,disabled:r,input:e.input,apiKey:e.apiKey})})]}),e.showFooter!==!1&&e.footerText&&F.jsx(dm,{footerText:e.footerText,primaryColor:e.primaryColor,footerColor:e.footerColor})]})},pm=({config:e})=>{if(!e.apiKey)return null;const[t,n]=Z.useState(""),[r,o]=Z.useState(!1),[i,a]=Z.useState(""),[,l]=Z.useState(null),d=Z.useRef(null),[,m]=Z.useState(!1),[b,R]=Z.useState(!0),[y,E]=Z.useState([e.initialMessage?{id:lt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:Cd(e.title)]),u=Z.useCallback(p=>{E(g=>[...g,p])},[]);Z.useEffect(()=>{je(this,null,function*(){const g=yield md();a(g)})},[]);const C=Z.useCallback(p=>{u(p)},[u]),M=Z.useCallback(p=>{R(p)},[]),x=Z.useCallback((p,g)=>je(this,null,function*(){if(!p.trim()&&(!g||g.length===0))return;let S=t;S||(S=lt(),n(S));const h=new Date().toISOString(),f=[...y],c=[];if(p.trim()){const s={id:lt(),text:p,sender:"user",timestamp:h,conversationId:S,type:"text"};u(s),f.push(s),c.push(s)}if(g&&g.length>0){const s=g.map(w=>({id:lt(),text:w.type.startsWith("image/")?``:`[${w.name}](${w.url})`,sender:"user",timestamp:h,conversationId:S,type:w.type.startsWith("image/")?"image":"file",metaContent:w.url}));s.forEach(w=>{u(w),c.push(w)}),f.push(...s)}o(!0);try{const s=xd(S,f,c,{apiKey:e.apiKey||""},i),w=yield bd(s);if(w){if(w.response.tokenDetails&&!d.current){const k=yield Ai(w.response.tokenDetails,e.apiKey||"",S,C,M);l(k),d.current=k.client,m(!0)}const v=Sd(w.response.message);v&&u(v)}else{setTimeout(()=>{const v=Ii();u(v),o(!1)},1e3);return}o(!1)}catch(s){console.error("EmbedChat: Error sending message:",s),setTimeout(()=>{const w=Ii();u(w),o(!1)},1e3);return}}),[t,i,e.apiKey,u,C,y]);return Z.useEffect(()=>()=>{d.current&&wd(d.current)},[]),F.jsx(hm,{config:e,messages:y,onSendMessage:x,isLoading:!1,isAiTyping:r,chatbotActivated:b})};let or=null;const qr={},Pi={};let ut=null,Me=null,ul=!1,eo={};const cl={},Rd=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=Ed,n.appendChild(r),e.customCSS){const a=document.createElement("style");a.setAttribute("data-custom","true"),a.textContent=e.customCSS,n.appendChild(a)}const o=document.createElement("div");n.appendChild(o);const i=Ys(o);return i.render(Hi.createElement(pm,{config:e})),Pi[e.elementId]={destroy:()=>{i.unmount(),n.innerHTML="",delete Pi[e.elementId],cl[e.elementId]=e}},cl[e.elementId]=e,Pi[e.elementId]}catch(t){return console.error("EmbedChat: Failed to initialize",t),null}};function Gt(){let e=qr["webchat-notchatbot"];if(!e){const n=ae(ae({},Me),eo);let r="webchat-notchatbot";typeof(Me==null?void 0:Me.elementId)=="string"&&Me.elementId&&(r=Me.elementId);const t=n,{elementId:o}=t,i=vl(t,["elementId"]);"elementId"in i&&delete i.elementId;const a=Object.assign({elementId:r},i);e=Od(a),ul&&e&&e.setIsOpen&&e.setIsOpen(!0);const l=new CustomEvent("WebChatReady");document.dispatchEvent(l)}return e}const Od=e=>{try{let t=function(u){return Hi.createElement(um,Ge(ae({},u),{exposeControl:C=>{l=C.setIsOpen,d=C.updateConfig,m=C.setPosition,b=C.hide,R=C.show,y=C.getIsOpen}}))};or&&(or.destroy(),or=null);const n=ae(ae({elementId:"webchat-notchatbot"},cm),e);Me=n;let r=document.getElementById(n.elementId);r||(r=document.createElement("div"),r.id=n.elementId,document.body.appendChild(r));let o;r.shadowRoot?(o=r.shadowRoot,o.innerHTML=""):o=r.attachShadow({mode:"open"}),ut=o;const i=document.createElement("style");i.textContent=Ed,o.appendChild(i);const a=document.createElement("div");o.appendChild(a);let l=null,d=null,m=null,b=null,R=null,y=null;const E=Ys(a);return E.render(Hi.createElement(t,{config:n})),qr[n.elementId]={root:E,destroy:()=>{E.unmount(),or=null,ut&&(ut.innerHTML=""),delete qr[n.elementId]},getConversationId:()=>pd(),setIsOpen:u=>{ul=u,l&&l(u)},updateConfig:u=>{Me=dl(ae(ae({},Me),u)),d&&d(u)},setPosition:u=>{eo=to(eo,u),Me=dl(to(Me||{},u)),m&&m(u),d&&d(u)},hide:()=>b&&b(),show:()=>R&&R(),injectCSS:u=>{if(!ut)return;let C=ut.querySelector("style[data-custom]");C&&C.remove(),C=document.createElement("style"),C.setAttribute("data-custom","true"),C.textContent=u,ut.appendChild(C)},removeCustomCSS:()=>{if(!ut)return;const u=ut.querySelector("style[data-custom]");u&&u.remove()},getIsOpen:()=>y?y():ul},or=qr[n.elementId],or}catch(t){return console.error("WebChat: Failed to initialize",t),null}},Td={initialize:Od},Ad={initialize:Rd};typeof window!="undefined"&&(window.WebChat=Td,window.EmbedChat=Ad,window.openWebChat=()=>{const e=Gt();e&&e.setIsOpen(!0)},window.closeWebChat=()=>{const e=Gt();e&&e.setIsOpen(!1)},window.toggleWebChat=()=>{const e=Gt();e&&e.setIsOpen&&e.getIsOpen&&e.setIsOpen(!e.getIsOpen())},window.unmountWebChat=()=>{const e=qr["webchat-notchatbot"];e&&e.destroy()},window.mountWebChat=()=>{Gt()},window.setWebChatPosition=e=>{const t=Gt();if(!t||!t.setPosition)return;let n={};if(e.mobile||e.desktop)n=to({},e);else if(e.device==="mobile"||e.device==="desktop"){const r=e.device;n[r]=ae(ae({},Me&&typeof Me[r]=="object"?Me[r]:{}),e),n[r]&&typeof n[r]=="object"&&"device"in n[r]&&delete n[r].device}else n=ae({},e);Me=dl(to(Me||{},n)),eo=to(eo,n),t.setPosition(n)},window.hideWebChat=()=>{const e=Gt();e&&e.hide&&e.hide()},window.showWebChat=()=>{const e=Gt();e&&e.show&&e.show()},window.injectWebChatCSS=e=>{if(Gt(),ut){let t=ut.querySelector("style[data-custom]");t&&t.remove(),t=document.createElement("style"),t.setAttribute("data-custom","true"),t.textContent=e,ut.appendChild(t)}},window.removeWebChatCSS=()=>{if(Gt(),ut){const e=ut.querySelector("style[data-custom]");e&&e.remove()}},window.unmountEmbedChat=e=>{const t=Pi[e];t&&t.destroy()},window.mountEmbedChat=e=>{const t=cl[e];t?Rd(t):console.warn(`No config found for EmbedChat with elementId: ${e}`)},window.addEventListener("openWebChatbot",()=>window.openWebChat()),window.addEventListener("closeWebChatbot",()=>window.closeWebChat()),window.addEventListener("toggleWebChatbot",()=>window.toggleWebChat()),window.addEventListener("addCustomPadding",e=>{if(e&&e.detail){let t={};if(typeof e.detail=="object")if(e.detail.mobile||e.detail.desktop)t=ae({},e.detail);else if(e.detail.device==="mobile"||e.detail.device==="desktop"){const n=e.detail.device;t[n]=ae(ae({},Me&&typeof Me[n]=="object"?Me[n]:{}),e.detail),t[n]&&typeof t[n]=="object"&&"device"in t[n]&&delete t[n].device}else("y"in e.detail||"marginBottom"in e.detail)&&(t={},"y"in e.detail&&(t.marginBottom=parseInt(e.detail.y,10)),"x"in e.detail&&(t.marginSide=parseInt(e.detail.x,10)),"marginBottom"in e.detail&&(t.marginBottom=parseInt(e.detail.marginBottom,10)),"marginSide"in e.detail&&(t.marginSide=parseInt(e.detail.marginSide,10)));window.setWebChatPosition(t)}}),setTimeout(()=>{const e=new CustomEvent("WebChatReady");document.dispatchEvent(e)},0),setTimeout(()=>{const e=new CustomEvent("EmbedChatReady");document.dispatchEvent(e)},0));const gm=()=>{const e=new CustomEvent("WebChatReady");document.dispatchEvent(e)},Id=()=>{const e=new CustomEvent("EmbedChatReady");document.dispatchEvent(e)},Pd=()=>{gm(),Id()},fl=()=>{Id()};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Pd):setTimeout(Pd,0),function(e){const t=e.pushState,n=e.replaceState;e.pushState=function(...r){const o=t.apply(e,r);return window.dispatchEvent(new Event("routechange")),window.dispatchEvent(new Event("WebChatReady")),o},e.replaceState=function(...r){const o=n.apply(e,r);return window.dispatchEvent(new Event("routechange")),window.dispatchEvent(new Event("WebChatReady")),o}}(window.history),window.addEventListener("popstate",fl),window.addEventListener("hashchange",fl),window.addEventListener("routechange",fl);function to(e,t){if(!t)return e;const n=ae({},e);for(const r of Object.keys(t))r==="mobile"||r==="desktop"?n[r]=ae(ae({},e[r]||{}),t[r]):n[r]=t[r];return n}function dl(e){const t=typeof e.elementId=="string"&&e.elementId?e.elementId:"webchat-notchatbot",o=e,{elementId:n}=o,r=vl(o,["elementId"]);return ae({elementId:t},r)}pe.EmbedChatAPI=Ad,pe.WebChat=Td,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"})});
|
|
149
|
+
También puedes pedir hablar con nuestro equipo de los sueños!`,Cd=e=>({id:lt(),text:lm(e),sender:"bot",timestamp:new Date().toISOString(),type:"text"}),kd=()=>typeof window!="undefined"&&window.innerWidth<640,um=({config:e,exposeControl:t})=>{if(!e.apiKey)return null;const[n,r]=Z.useState(()=>Ti(e)),[o,i]=Z.useState(!1),[a,l]=Z.useState(()=>kd()),[d,m]=Z.useState(""),[b,R]=Z.useState(!1),[y,E]=Z.useState(!1),[u,C]=Z.useState(!1),[M,x]=Z.useState(""),[,p]=Z.useState(null),g=Z.useRef(null),[S,h]=Z.useState(!1),[f,c]=Z.useState(!1),[s,w]=Z.useState(""),[v,k]=Z.useState(!0),[L,N]=Z.useState(!1),[P,O]=Z.useState([e.initialMessage?{id:lt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:Cd(e.title)]),A=Z.useCallback((X,oe="bot")=>{O(q=>[...q,X]),!o&&(X.sender==="bot"||oe==="bot")&&X.id!==s&&h(!0)},[o,s]);Z.useEffect(()=>{const X=()=>{const oe=kd();l(oe)};return window.addEventListener("resize",X),()=>window.removeEventListener("resize",X)},[]),Z.useEffect(()=>em(()=>{r(Ti(e))}),[e]),Z.useEffect(()=>{r(Ti(e))},[e]),Z.useEffect(()=>{je(this,null,function*(){const oe=pd();m(oe);const q=yield md();x(q)})},[]),Z.useEffect(()=>{if(P.length>0){const X=P[P.length-1];X.sender==="bot"&&w(X.id)}},[]);const T=Z.useCallback(X=>{A(X,"ably")},[A]),j=Z.useCallback(X=>{k(X)},[]),B=Z.useCallback(X=>je(this,null,function*(){if(!(f||g.current))try{if(X.tokenDetails){const oe=yield Ai(X.tokenDetails,e.apiKey||"",d,T,j);p(oe),g.current=oe.client,c(!0)}}catch(oe){console.error("[❌ ABLY SETUP ERROR from history]",oe)}}),[f,d,T]),z=Z.useCallback(()=>je(this,null,function*(){if(!(f||g.current))try{const X=yield sm(d,e.apiKey||"");if(X!=null&&X.tokenDetails){const oe=yield Ai(X.tokenDetails,e.apiKey||"",d,T,j);p(oe),g.current=oe.client,c(!0)}}catch(X){console.error("[❌ ABLY SETUP ERROR from endpoint]",X)}}),[f,d,e.apiKey,T]),$=Z.useCallback(()=>je(this,null,function*(){var oe,q;const X=o;if(i(se=>!se),!X){h(!1);const se=P.filter(we=>we.sender==="bot").slice(-1)[0];se&&w(se.id)}if(!X&&!b&&d&&gd()&&!f){E(!0);const se=yield nm(d,e.apiKey||"");if(((q=(oe=se==null?void 0:se.conversation)==null?void 0:oe.messages)==null?void 0:q.length)>0){const we=rm(se.conversation.messages);O(we),se.conversation.chatbotActivated!==void 0&&k(se.conversation.chatbotActivated),se.conversation.isRated!==void 0&&N(se.conversation.isRated);const he=we.filter(ue=>ue.sender==="bot").slice(-1)[0];he&&w(he.id),yield B(se)}else console.warn("WebChat: No conversation history found, showing initial message");E(!1),R(!0)}else!X&&gd()&&!f&&(yield z())}),[o,d,b,f,e.apiKey,B,z,P]),V=Z.useCallback(()=>{i(!1)},[]),G=Z.useCallback((X,oe)=>je(this,null,function*(){const q=new Date().toISOString(),se=[],we=[...P];if(X.trim()){const he={id:lt(),text:X,sender:"user",timestamp:q,type:"text"};se.push(he),we.push(he)}if(oe&&oe.length>0){const he=oe.map(ue=>({id:lt(),text:ue.type.startsWith("image/")?``:`[${ue.name}](${ue.url})`,sender:"user",timestamp:q,type:ue.type.startsWith("image/")?"image":"file",metaContent:ue.url}));se.push(...he),we.push(...he)}O(he=>[...he,...se]),C(!0);try{const he=xd(d,we,se,{apiKey:e.apiKey||""},M),ue=yield bd(he);if(ue){if(ue.response.tokenDetails&&!g.current){const Tn=yield Ai(ue.response.tokenDetails,e.apiKey||"",d,T,j);p(Tn),g.current=Tn.client,c(!0)}const et=Sd(ue.response.message);et&&A(et,"bot")}else{setTimeout(()=>{const et=Ii();A(et,"bot"),C(!1)},1e3);return}}catch(he){console.error("WebChat: Error in message handling:",he),setTimeout(()=>{const ue=Ii();A(ue,"bot"),C(!1)},1e3);return}C(!1),Zg(!0)}),[d,P,e.apiKey,M,T,A]),I=tm(n);Z.useEffect(()=>()=>{wd(g.current),g.current=null},[]);const D=Z.useCallback(X=>i(X),[]),U=Z.useCallback(X=>r(oe=>ae(ae({},oe),X)),[]),_=Z.useCallback(X=>r(oe=>ae(ae({},oe),X)),[]),[W,J]=Z.useState(!1),ee=Z.useCallback(()=>J(!0),[]),re=Z.useCallback(()=>J(!1),[]);return Z.useEffect(()=>{t&&t({setIsOpen:D,updateConfig:U,setPosition:_,hide:ee,show:re})},[t,D,U,_,ee,re]),F.jsxs("div",{className:"nbc-font-sans",style:{zIndex:2147483647,display:W?"none":void 0},children:[I.showPopup!==!1&&F.jsx(Yg,{initialMessage:e.initialMessage,avatar:n.avatar,position:I.position,marginBottom:I.marginBottom,marginSide:I.marginSide,primaryColor:n.primaryColor||"#007bff",isMobile:a,isOpen:o,onPopoverClick:$}),F.jsx(tg,{isOpen:o,onClick:$,primaryColor:n.primaryColor,position:I.position,marginBottom:I.marginBottom,marginSide:I.marginSide,hasNewMessages:S,isMobile:a}),F.jsx(Qg,{isOpen:o,onClose:V,config:n,messages:P,onSendMessage:G,isLoading:y,isAiTyping:u,position:I.position,marginBottom:I.marginBottom,marginSide:I.marginSide,isMobile:a,apiKeyMissing:!e.apiKey,chatbotActivated:v,isRated:L,onRatingChange:N,conversationId:d})]})},Ed='*,: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-left-2{left:8px}.nbc-right-0{right:0}.nbc-right-2{right:8px}.nbc-top-0{top:0}.nbc-top-1\\/2{top:50%}.nbc-top-2{top:8px}.nbc-top-full{top:100%}.nbc-m-0{margin:0}.nbc-mx-auto{margin-left:auto;margin-right:auto}.nbc-mb-1{margin-bottom:4px}.nbc-mb-2{margin-bottom:8px}.nbc-mb-4{margin-bottom:16px}.nbc-ml-1{margin-left:4px}.nbc-ml-2{margin-left:8px}.nbc-mr-1{margin-right:4px}.nbc-mr-3{margin-right:12px}.nbc-mt-1{margin-top:4px}.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:40px}.nbc-h-12{height:48px}.nbc-h-16{height:64px}.nbc-h-2{height:8px}.nbc-h-24{height:96px}.nbc-h-3{height:12px}.nbc-h-4{height:16px}.nbc-h-5{height:20px}.nbc-h-6{height:24px}.nbc-h-7{height:28px}.nbc-h-8{height:32px}.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:40px}.nbc-w-12{width:48px}.nbc-w-16{width:64px}.nbc-w-2{width:8px}.nbc-w-3{width:12px}.nbc-w-4{width:16px}.nbc-w-5{width:20px}.nbc-w-6{width:24px}.nbc-w-7{width:28px}.nbc-w-8{width:32px}.nbc-w-auto{width:auto}.nbc-w-full{width:100%}.nbc-max-w-20{max-width:80px}.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-4{--tw-translate-y: -16px;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-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: 8px;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: 12px;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-4{--tw-translate-y: 16px;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-scale-\\[1\\.13\\]{--tw-scale-x: 1.13;--tw-scale-y: 1.13;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}@keyframes nbc-spin{to{transform:rotate(360deg)}}.nbc-animate-spin{animation:nbc-spin 1s linear infinite}.nbc-cursor-pointer{cursor:pointer}.nbc-flex-col{flex-direction:column}.nbc-flex-wrap{flex-wrap:wrap}.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:8px}.nbc-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(12px * var(--tw-space-x-reverse));margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse)))}.nbc-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.nbc-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.nbc-overflow-hidden{overflow:hidden}.nbc-overflow-y-auto{overflow-y:auto}.nbc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbc-whitespace-nowrap{white-space:nowrap}.nbc-break-words{overflow-wrap:break-word}.nbc-rounded{border-radius:4px}.nbc-rounded-2xl{border-radius:16px}.nbc-rounded-full{border-radius:9999px}.nbc-rounded-lg{border-radius:8px}.nbc-rounded-none{border-radius:0}.nbc-rounded-bl-md{border-bottom-left-radius:6px}.nbc-rounded-br-md{border-bottom-right-radius:6px}.nbc-border{border-width:1px}.nbc-border-0{border-width:0px}.nbc-border-2{border-width:2px}.nbc-border-b{border-bottom-width:1px}.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-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.nbc-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.nbc-border-t-gray-600{--tw-border-opacity: 1;border-top-color:rgb(75 85 99 / 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:4px}.nbc-p-2{padding:8px}.nbc-p-4{padding:16px}.nbc-p-5{padding:20px}.nbc-px-2{padding-left:8px;padding-right:8px}.nbc-px-4{padding-left:16px;padding-right:16px}.nbc-py-1{padding-top:4px;padding-bottom:4px}.nbc-py-2{padding-top:8px;padding-bottom:8px}.nbc-py-3{padding-top:12px;padding-bottom:12px}.nbc-pl-12{padding-left:48px}.nbc-pr-12{padding-right:48px}.nbc-pt-4{padding-top:16px}.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-lg{font-size:18px}.nbc-text-sm{font-size:14px}.nbc-text-xs{font-size:12px}.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-400{--tw-text-opacity: 1;color:rgb(96 165 250 / 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-400{--tw-text-opacity: 1;color:rgb(156 163 175 / 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-700{--tw-text-opacity: 1;color:rgb(55 65 81 / 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-transition-transform{transition-property:transform;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-scale-\\[1\\.02\\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.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}',cm={apiKey:"",primaryColor:"#111111",avatar:"",title:"NotChatBot",placeholder:"Escribe tu mensaje...",initialMessage:"¡Hola! ¿En qué puedo ayudarte?",position:"bottom-right",marginBottom:20,marginSide:20,showPopup:!0,mobile:{position:"bottom-right",marginBottom:15,marginSide:15,showPopup:!0},desktop:{position:"bottom-right",marginBottom:25,marginSide:25,showPopup:!0},closeButtonIcon:"default",closeButtonText:"Cerrar",closeButtonCustomIcon:""},fm=({title:e,primaryColor:t="#3b82f6",avatar:n})=>{const r={backgroundColor:t};return F.jsxs("div",{id:"notchatbot-embed-chat-header",style:r,className:"nbc-flex nbc-items-center nbc-p-4",children:[F.jsx("div",{className:"nbc-flex nbc-items-center nbc-mr-3 nbc-text-black",children:n?F.jsx("img",{src:n,alt:"Avatar",className:"nbc-w-8 nbc-h-8 nbc-rounded-full nbc-object-cover"}):F.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:[F.jsx("path",{d:"M12 6V2H8"}),F.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"}),F.jsx("path",{d:"M2 12h2"}),F.jsx("path",{d:"M9 11v2"}),F.jsx("path",{d:"M15 11v2"}),F.jsx("path",{d:"M20 12h2"})]})}),F.jsx("h3",{className:"nbc-m-0 nbc-text-lg nbc-font-bold nbc-text-white",children:e})]})},dm=({footerText:e,primaryColor:t,footerColor:n})=>{if(!e)return null;const r=o=>{const i=/(https?:\/\/[^\s]+)/g;return o.split(i).map((l,d)=>i.test(l)?F.jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"nbc-font-medium nbc-no-underline",style:{color:t},children:l},d):l)};return F.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)})},hm=({config:e,messages:t,onSendMessage:n,isLoading:r,isAiTyping:o,chatbotActivated:i=!0})=>{var d;const a=(m,b="auto")=>m===void 0?b:typeof m=="number"?`${m}px`:m,l={width:a(e.width,"100%"),height:a(e.height,"400px"),maxWidth:a(e.maxWidth,"100%"),maxHeight:a(e.maxHeight,"100vh"),minWidth:a(e.minWidth,"280px"),minHeight:a(e.minHeight,"300px"),display:"flex",flexDirection:"column",backgroundColor:e.chatTransparent?"transparent":e.chatBackground||"#ffffff",borderRadius:a(e.borderRadius,"0px"),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 F.jsxs("div",{id:"notchatbot-embed-chat",className:"nbc-font-sans",style:l,children:[e.showHeader!==!1&&F.jsx(fm,{title:e.title||"Chat",primaryColor:e.primaryColor,avatar:e.avatar}),F.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?F.jsx("div",{className:"nbc-flex-1 nbc-p-4",children:F.jsx(ld,{})}):F.jsx(od,{messages:t,isTyping:o||!1,avatar:e.avatar,textColor:e.textColor,bubbleUserColor:e.bubbleUserColor,chatbotActivated:i}),F.jsx("div",{id:"notchatbot-embed-chat-body-input",className:"nbc-py-2 nbc-bg-gray-50 nbc-border-none",style:{backgroundColor:(d=e.input)==null?void 0:d.backgroundColor},children:F.jsx(sd,{onSendMessage:n,placeholder:e.placeholder||"Escribe un mensaje...",primaryColor:e.primaryColor,disabled:r,input:e.input,apiKey:e.apiKey})})]}),e.showFooter!==!1&&e.footerText&&F.jsx(dm,{footerText:e.footerText,primaryColor:e.primaryColor,footerColor:e.footerColor})]})},pm=({config:e})=>{if(!e.apiKey)return null;const[t,n]=Z.useState(""),[r,o]=Z.useState(!1),[i,a]=Z.useState(""),[,l]=Z.useState(null),d=Z.useRef(null),[,m]=Z.useState(!1),[b,R]=Z.useState(!0),[y,E]=Z.useState([e.initialMessage?{id:lt(),text:e.initialMessage,sender:"bot",timestamp:new Date().toISOString(),type:"text"}:Cd(e.title)]),u=Z.useCallback(p=>{E(g=>[...g,p])},[]);Z.useEffect(()=>{je(this,null,function*(){const g=yield md();a(g)})},[]);const C=Z.useCallback(p=>{u(p)},[u]),M=Z.useCallback(p=>{R(p)},[]),x=Z.useCallback((p,g)=>je(this,null,function*(){if(!p.trim()&&(!g||g.length===0))return;let S=t;S||(S=lt(),n(S));const h=new Date().toISOString(),f=[...y],c=[];if(p.trim()){const s={id:lt(),text:p,sender:"user",timestamp:h,conversationId:S,type:"text"};u(s),f.push(s),c.push(s)}if(g&&g.length>0){const s=g.map(w=>({id:lt(),text:w.type.startsWith("image/")?``:`[${w.name}](${w.url})`,sender:"user",timestamp:h,conversationId:S,type:w.type.startsWith("image/")?"image":"file",metaContent:w.url}));s.forEach(w=>{u(w),c.push(w)}),f.push(...s)}o(!0);try{const s=xd(S,f,c,{apiKey:e.apiKey||""},i),w=yield bd(s);if(w){if(w.response.tokenDetails&&!d.current){const k=yield Ai(w.response.tokenDetails,e.apiKey||"",S,C,M);l(k),d.current=k.client,m(!0)}const v=Sd(w.response.message);v&&u(v)}else{setTimeout(()=>{const v=Ii();u(v),o(!1)},1e3);return}o(!1)}catch(s){console.error("EmbedChat: Error sending message:",s),setTimeout(()=>{const w=Ii();u(w),o(!1)},1e3);return}}),[t,i,e.apiKey,u,C,y]);return Z.useEffect(()=>()=>{d.current&&wd(d.current)},[]),F.jsx(hm,{config:e,messages:y,onSendMessage:x,isLoading:!1,isAiTyping:r,chatbotActivated:b})};let or=null;const qr={},Pi={};let ut=null,Me=null,ul=!1,eo={};const cl={},Rd=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=Ed,n.appendChild(r),e.customCSS){const a=document.createElement("style");a.setAttribute("data-custom","true"),a.textContent=e.customCSS,n.appendChild(a)}const o=document.createElement("div");n.appendChild(o);const i=Ys(o);return i.render(Hi.createElement(pm,{config:e})),Pi[e.elementId]={destroy:()=>{i.unmount(),n.innerHTML="",delete Pi[e.elementId],cl[e.elementId]=e}},cl[e.elementId]=e,Pi[e.elementId]}catch(t){return console.error("EmbedChat: Failed to initialize",t),null}};function Gt(){let e=qr["webchat-notchatbot"];if(!e){const n=ae(ae({},Me),eo);let r="webchat-notchatbot";typeof(Me==null?void 0:Me.elementId)=="string"&&Me.elementId&&(r=Me.elementId);const t=n,{elementId:o}=t,i=vl(t,["elementId"]);"elementId"in i&&delete i.elementId;const a=Object.assign({elementId:r},i);e=Od(a),ul&&e&&e.setIsOpen&&e.setIsOpen(!0);const l=new CustomEvent("WebChatReady");document.dispatchEvent(l)}return e}const Od=e=>{try{let t=function(u){return Hi.createElement(um,Ge(ae({},u),{exposeControl:C=>{l=C.setIsOpen,d=C.updateConfig,m=C.setPosition,b=C.hide,R=C.show,y=C.getIsOpen}}))};or&&(or.destroy(),or=null);const n=ae(ae({elementId:"webchat-notchatbot"},cm),e);Me=n;let r=document.getElementById(n.elementId);r||(r=document.createElement("div"),r.id=n.elementId,document.body.appendChild(r));let o;r.shadowRoot?(o=r.shadowRoot,o.innerHTML=""):o=r.attachShadow({mode:"open"}),ut=o;const i=document.createElement("style");i.textContent=Ed,o.appendChild(i);const a=document.createElement("div");o.appendChild(a);let l=null,d=null,m=null,b=null,R=null,y=null;const E=Ys(a);return E.render(Hi.createElement(t,{config:n})),qr[n.elementId]={root:E,destroy:()=>{E.unmount(),or=null,ut&&(ut.innerHTML=""),delete qr[n.elementId]},getConversationId:()=>pd(),setIsOpen:u=>{ul=u,l&&l(u)},updateConfig:u=>{Me=dl(ae(ae({},Me),u)),d&&d(u)},setPosition:u=>{eo=to(eo,u),Me=dl(to(Me||{},u)),m&&m(u),d&&d(u)},hide:()=>b&&b(),show:()=>R&&R(),injectCSS:u=>{if(!ut)return;let C=ut.querySelector("style[data-custom]");C&&C.remove(),C=document.createElement("style"),C.setAttribute("data-custom","true"),C.textContent=u,ut.appendChild(C)},removeCustomCSS:()=>{if(!ut)return;const u=ut.querySelector("style[data-custom]");u&&u.remove()},getIsOpen:()=>y?y():ul},or=qr[n.elementId],or}catch(t){return console.error("WebChat: Failed to initialize",t),null}},Td={initialize:Od},Ad={initialize:Rd};typeof window!="undefined"&&(window.WebChat=Td,window.EmbedChat=Ad,window.openWebChat=()=>{const e=Gt();e&&e.setIsOpen(!0)},window.closeWebChat=()=>{const e=Gt();e&&e.setIsOpen(!1)},window.toggleWebChat=()=>{const e=Gt();e&&e.setIsOpen&&e.getIsOpen&&e.setIsOpen(!e.getIsOpen())},window.unmountWebChat=()=>{const e=qr["webchat-notchatbot"];e&&e.destroy()},window.mountWebChat=()=>{Gt()},window.setWebChatPosition=e=>{const t=Gt();if(!t||!t.setPosition)return;let n={};if(e.mobile||e.desktop)n=to({},e);else if(e.device==="mobile"||e.device==="desktop"){const r=e.device;n[r]=ae(ae({},Me&&typeof Me[r]=="object"?Me[r]:{}),e),n[r]&&typeof n[r]=="object"&&"device"in n[r]&&delete n[r].device}else n=ae({},e);Me=dl(to(Me||{},n)),eo=to(eo,n),t.setPosition(n)},window.hideWebChat=()=>{const e=Gt();e&&e.hide&&e.hide()},window.showWebChat=()=>{const e=Gt();e&&e.show&&e.show()},window.injectWebChatCSS=e=>{if(Gt(),ut){let t=ut.querySelector("style[data-custom]");t&&t.remove(),t=document.createElement("style"),t.setAttribute("data-custom","true"),t.textContent=e,ut.appendChild(t)}},window.removeWebChatCSS=()=>{if(Gt(),ut){const e=ut.querySelector("style[data-custom]");e&&e.remove()}},window.unmountEmbedChat=e=>{const t=Pi[e];t&&t.destroy()},window.mountEmbedChat=e=>{const t=cl[e];t?Rd(t):console.warn(`No config found for EmbedChat with elementId: ${e}`)},window.addEventListener("openWebChatbot",()=>window.openWebChat()),window.addEventListener("closeWebChatbot",()=>window.closeWebChat()),window.addEventListener("toggleWebChatbot",()=>window.toggleWebChat()),window.addEventListener("addCustomPadding",e=>{if(e&&e.detail){let t={};if(typeof e.detail=="object")if(e.detail.mobile||e.detail.desktop)t=ae({},e.detail);else if(e.detail.device==="mobile"||e.detail.device==="desktop"){const n=e.detail.device;t[n]=ae(ae({},Me&&typeof Me[n]=="object"?Me[n]:{}),e.detail),t[n]&&typeof t[n]=="object"&&"device"in t[n]&&delete t[n].device}else("y"in e.detail||"marginBottom"in e.detail)&&(t={},"y"in e.detail&&(t.marginBottom=parseInt(e.detail.y,10)),"x"in e.detail&&(t.marginSide=parseInt(e.detail.x,10)),"marginBottom"in e.detail&&(t.marginBottom=parseInt(e.detail.marginBottom,10)),"marginSide"in e.detail&&(t.marginSide=parseInt(e.detail.marginSide,10)));window.setWebChatPosition(t)}}),setTimeout(()=>{const e=new CustomEvent("WebChatReady");document.dispatchEvent(e)},0),setTimeout(()=>{const e=new CustomEvent("EmbedChatReady");document.dispatchEvent(e)},0));const gm=()=>{const e=new CustomEvent("WebChatReady");document.dispatchEvent(e)},Id=()=>{const e=new CustomEvent("EmbedChatReady");document.dispatchEvent(e)},Pd=()=>{gm(),Id()},fl=()=>{requestAnimationFrame(()=>{setTimeout(()=>{Id()},50)})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Pd):setTimeout(Pd,0),function(e){const t=e.pushState,n=e.replaceState;e.pushState=function(...r){const o=t.apply(e,r);return window.dispatchEvent(new Event("routechange")),o},e.replaceState=function(...r){const o=n.apply(e,r);return window.dispatchEvent(new Event("routechange")),o}}(window.history),window.addEventListener("popstate",fl),window.addEventListener("hashchange",fl),window.addEventListener("routechange",fl);function to(e,t){if(!t)return e;const n=ae({},e);for(const r of Object.keys(t))r==="mobile"||r==="desktop"?n[r]=ae(ae({},e[r]||{}),t[r]):n[r]=t[r];return n}function dl(e){const t=typeof e.elementId=="string"&&e.elementId?e.elementId:"webchat-notchatbot",o=e,{elementId:n}=o,r=vl(o,["elementId"]);return ae({elementId:t},r)}pe.EmbedChatAPI=Ad,pe.WebChat=Td,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED