nui-chatbot-pkg 1.0.24 → 1.0.25

package/dist/index.js

@@ -2,7 +2,8 @@
 `),o=new Set,a=[];for(let r of t){let c=Ne(r);o.has(c.trim())||(o.add(c.trim()),a.push(r))}return a.join(`
 `)},Ie=e=>{let t=e.replace(/([.!?])\s*(\d+\.)/g,`$1
 $2`);return t=t.replace(/([.!?])\s*(-\s)/g,`$1
-$2`),t},A=e=>{if(!e)return[];let t=Re(e);t=Ie(t);let o=t.split(`
+$2`),t},A=e=>{if(!e)return[];let t=e.replace(/\/n/g,`
+`);t=Re(t),t=Ie(t);let o=t.split(`
 `),a=[];return o.forEach((r,c)=>{if(!r.trim()){a.length>0&&a.push(T.default.createElement("br",{key:`br-${c}`}));return}let n=[],p=0,g=/\*\*(.+?)\*\*/g,s=/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g,i=/`([^`]+)`/g,d=[],l;for(g.lastIndex=0;(l=g.exec(r))!==null;)d.push({type:"bold",start:l.index,end:l.index+l[0].length,content:l[1]});for(s.lastIndex=0;(l=s.exec(r))!==null;)d.some(h=>h.start<=l.index&&h.end>l.index)||d.push({type:"italic",start:l.index,end:l.index+l[0].length,content:l[1]});for(i.lastIndex=0;(l=i.exec(r))!==null;)d.push({type:"code",start:l.index,end:l.index+l[0].length,content:l[1]});d.sort((h,I)=>h.start-I.start),d.forEach((h,I)=>{h.start>p&&n.push(r.substring(p,h.start)),h.type==="bold"?n.push(T.default.createElement("strong",{key:`bold-${c}-${I}`},h.content)):h.type==="italic"?n.push(T.default.createElement("em",{key:`italic-${c}-${I}`},h.content)):h.type==="code"&&n.push(T.default.createElement("code",{key:`code-${c}-${I}`,style:{backgroundColor:"rgba(0, 0, 0, 0.1)",padding:"2px 6px",borderRadius:"3px",fontFamily:"monospace",fontSize:"0.9em"}},h.content)),p=h.end}),p<r.length&&n.push(r.substring(p)),n.length>0&&a.push(T.default.createElement("div",{key:`line-${c}`},n.length===0?r:n))}),a.length===0?[e]:a};var m=require("react/jsx-runtime"),Se=({message:e,cardRegistry:t,themeStyles:o,theming:a})=>{let r=new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!0}).toLowerCase(),c=g=>{let s=g?.__collectionUid?.split(".").pop()?.toLowerCase();return t.find(i=>i.id===s)||t.find(i=>i.id==="default")},n=e.record?c(e.record)?.component:null,p={background:a?.showGradient===!1?"#3B82F6":"linear-gradient(135deg, #1D4ED8 0%, #3B82F6 100%)"};if(e.items?.items?.length){let g=e.items.cardStyle?.toLowerCase()||e.items.collection?.toLowerCase()||e.items.title?.toLowerCase(),i=t.find(d=>d.id===g)?.component;return(0,m.jsxs)("div",{className:"mb-card-container",children:[e.content&&(0,m.jsx)("div",{className:"mb-card-content",children:A(e.content)}),i&&e.items.items.map((d,l)=>(0,m.jsx)(i,{items:d,style:o},l))]})}return(0,m.jsxs)("div",{className:`mb-row ${e.role==="user"?"mb-row-user":"mb-row-assistant"}`,children:[n&&e.record?(0,m.jsx)("div",{className:"mb-card-wrapper",children:(0,m.jsx)(n,{record:e.record,style:o})}):(0,m.jsx)("div",{style:e.role==="user"?{...p,...a?.userBubbleStyle}:{},className:`mb-bubble ${e.role==="user"?"mb-bubble-user":"mb-bubble-assistant"}`,children:e.loading&&!e.content?(0,m.jsxs)("div",{className:"mb-typing",children:[(0,m.jsx)("span",{className:"mb-dot mb-dot-1"}),(0,m.jsx)("span",{className:"mb-dot mb-dot-2"}),(0,m.jsx)("span",{className:"mb-dot mb-dot-3"})]}):(0,m.jsx)("div",{className:"mb-content-wrapper",children:A(e.content)})}),e.role==="assistant"&&!n&&(0,m.jsxs)("div",{className:"mb-assistant-meta",children:[(0,m.jsx)("span",{className:"mb-assistant-avatar",style:{background:a?.showGradient===!1?"#3B82F6":"linear-gradient(135deg, var(--cb-primary), var(--cb-secondary))"},children:"A"}),(0,m.jsxs)("span",{className:"mb-assistant-time",children:[r," "]})]}),e.role==="user"&&!n&&(0,m.jsxs)("div",{className:"mb-user-meta",children:[(0,m.jsxs)("span",{className:"mb-user-time",children:[r," "]}),(0,m.jsx)("span",{className:"mb-user-tick","aria-label":"Delivered",children:"\u2713\u2713"})]})]})},Q=Se;var R=require("react/jsx-runtime"),Le=({messages:e,scrollRef:t,resolvedRegistry:o,theming:a})=>{let r=a?.welcomeDescription||"Hi! I'm Aria, your Harbour Air travel assistant. I'm here to help you book flights, check fees, understand baggage rules, and anything else you need.",c=new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!0}).toLowerCase();return(0,ae.useEffect)(()=>{let n=t.current;n&&n.scrollTo({top:n.scrollHeight,behavior:"auto"})},[e,t]),(0,R.jsxs)("div",{ref:t,className:"chat-messages-container",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:[e.length===0&&(0,R.jsx)("div",{className:"chat-welcome",children:(0,R.jsxs)("div",{className:"chat-welcome-message",children:[(0,R.jsx)("p",{className:"chat-welcome-subtitle",children:A(r)}),(0,R.jsxs)("div",{className:"chat-welcome-meta",children:[(0,R.jsx)("span",{className:"chat-welcome-avatar",style:{background:a?.showGradient===!1?"#3B82F6":"linear-gradient(135deg, var(--cb-primary), var(--cb-secondary))"},children:"A"}),(0,R.jsx)("span",{className:"chat-welcome-time",children:c})]})]})}),e.map(n=>(0,R.jsx)(Q,{message:n,cardRegistry:o,theming:a},n.id))]})},re=Le;var j=require("react");var x=require("react/jsx-runtime"),Me=({strapiUrl:e,onSelectQuestion:t,variant:o,theming:a})=>{let[r,c]=(0,j.useState)([]),[n,p]=(0,j.useState)(!0);(0,j.useEffect)(()=>{let s=new AbortController;return p(!0),fetch(`${e}/api/faq-ai-bot/suggestion-and-logo`,{signal:s.signal}).then(i=>i.json()).then(i=>{c(i.suggestedQuestions||[]),p(!1)}).catch(i=>{i.name!=="AbortError"&&(console.error("Suggestions fetch failed",i),p(!1))}),()=>s.abort()},[e]);let g=()=>o==="floating"?(0,x.jsxs)("div",{className:"sug-skeleton-float",children:[[1,2].map(s=>(0,x.jsx)("div",{className:"sug-skeleton-item",style:{backgroundColor:a?.primaryColor?`${a.primaryColor}`:"hsla(178, 100%, 51%, 0.05)",transform:s%2===0?"rotate(1deg)":"rotate(-1deg)"}},s)),(0,x.jsx)("div",{className:"sug-skeleton-more"})]}):(0,x.jsx)("div",{className:"sug-skeleton-list",children:[1,2,3].map(s=>(0,x.jsx)("div",{className:"sug-skeleton-chip"},s))});return n&&r.length===0?(0,x.jsx)(g,{}):o==="floating"?(0,x.jsx)("div",{className:"sug-float-wrap",children:r.map((s,i)=>(0,x.jsx)("button",{onClick:()=>t(s),className:"sug-float-btn",style:{borderColor:"#bfdbfe",animationDelay:`${i*.1}s`},children:(0,x.jsx)("span",{className:"sug-float-text",children:s})},`float-${i}-${s}`))}):(0,x.jsx)("div",{className:"sug-list-wrap",children:r.map((s,i)=>(0,x.jsx)("button",{onClick:()=>t(s),className:"sug-list-btn",style:{animationDelay:`${i*.05}s`},children:s},`list-${i}-${s}`))})},K=Me;var v=require("react/jsx-runtime"),Ee=({isExpanded:e,setIsExpanded:t,messages:o,scrollRef:a,sendMessage:r,strapiUrl:c,resolvedRegistry:n,input:p,setInput:g,isLoading:s,title:i,theming:d})=>{let l=B(`chat-window ${e?"chat-window-open":"chat-window-closed"}`,d?.container);return(0,v.jsxs)("div",{className:l,style:d?.containerStyle,children:[(0,v.jsx)("div",{className:"chat-window-header",children:(0,v.jsx)(U,{title:i,onClose:()=>t(!1),theming:d,strapiUrl:c})}),(0,v.jsx)(re,{messages:o,scrollRef:a,resolvedRegistry:n,theming:d}),(0,v.jsxs)("div",{className:"chat-window-footer",children:[(0,v.jsx)("div",{className:"chat-window-suggestions",children:(0,v.jsx)(K,{onSelectQuestion:r,strapiUrl:c,variant:"floating",theming:d})}),(0,v.jsx)(V,{input:p,onInputChange:g,onSendMessage:r,isLoading:s,theming:d}),(0,v.jsx)("div",{className:"chat-window-powered",children:(0,v.jsx)("span",{className:"chat-powered-text",children:"Talk to a human \xB7 Privacy policy"})})]})]})},oe=Ee;var H=require("react/jsx-runtime"),$e=({strapiUrl:e,cardRegistry:t,theme:o,title:a,streamSpeed:r})=>{let[c,n]=(0,k.useState)([]),[p,g]=(0,k.useState)(""),[s,i]=(0,k.useState)(!1),[d,l]=(0,k.useState)(!1),h=(0,k.useRef)(null),[I,ne]=(0,k.useState)([]),ie=(0,k.useRef)(null),se={"--cb-primary":o?.primaryColor||"#2999d6","--cb-secondary":o?.secondaryColor||"#179fa3","--cb-accent":o?.accentColor||o?.secondaryColor||"#179fa3"};return(0,k.useEffect)(()=>{t.length>0&&ne(t)},[t]),(0,k.useEffect)(()=>()=>h.current?.abort(),[]),(0,H.jsxs)("div",{className:"chatbot-container",style:se,children:[(0,H.jsx)(te,{isExpanded:d,onOpen:()=>l(!0),theming:o}),(0,H.jsx)(oe,{isExpanded:d,setIsExpanded:l,messages:c,scrollRef:ie,sendMessage:async de=>{let q=de||p;if(!q.trim())return;h.current?.abort(),h.current=new AbortController,l(!0),g(""),i(!0);let le={role:"user",content:q,id:Date.now()},M=Date.now()+1;n(E=>[...E,le,{role:"assistant",content:"",items:null,loading:!0,id:M}]);try{let E=await fetch(`${e}/api/faq-ai-bot/ask`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({question:q,history:c.slice(-4).map(b=>({role:b.role,content:b.content}))}),signal:h.current.signal});if(!E.ok)throw new Error("Network response was not ok");let O=E.body?.getReader(),P=new TextDecoder;if(!O)throw new Error("No reader available");let F=[],Z=!1,ce=(async()=>{for(;!Z||F.length>0;)if(F.length>0){let b=F.shift();if(b?.type==="text")if(r&&r>0)for(let f of b.content)n(y=>y.map(C=>C.id===M?{...C,content:C.content+f}:C)),await new Promise(y=>setTimeout(y,r));else n(f=>f.map(y=>y.id===M?{...y,content:y.content+b.content}:y));else if(b?.type==="card")try{let f=b.data;n(y=>y.map(C=>C.id===M?{...C,items:{items:f.items,schema:f.schema,collection:f.title,title:f.title,cardStyle:f.cardStyle}}:C))}catch(f){console.error("Error processing card data:",f)}}else await new Promise(b=>setTimeout(b,20));i(!1),n(b=>b.map(f=>f.id===M?{...f,loading:!1}:f))})(),J="";for(;;){let{value:b,done:f}=await O.read();if(f)break;let y=P.decode(b,{stream:!0});J+=y;let C=J.split(`
 
 `);J=C.pop()||"";for(let me of C){let pe=me.split(`

package/dist/index.mjs

@@ -2,7 +2,8 @@
 `),s=new Set,a=[];for(let n of t){let c=Ne(n);s.has(c.trim())||(s.add(c.trim()),a.push(n))}return a.join(`
 `)},Ie=e=>{let t=e.replace(/([.!?])\s*(\d+\.)/g,`$1
 $2`);return t=t.replace(/([.!?])\s*(-\s)/g,`$1
-$2`),t},D=e=>{if(!e)return[];let t=Re(e);t=Ie(t);let s=t.split(`
+$2`),t},D=e=>{if(!e)return[];let t=e.replace(/\/n/g,`
+`);t=Re(t),t=Ie(t);let s=t.split(`
 `),a=[];return s.forEach((n,c)=>{if(!n.trim()){a.length>0&&a.push(F.createElement("br",{key:`br-${c}`}));return}let r=[],m=0,f=/\*\*(.+?)\*\*/g,i=/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g,o=/`([^`]+)`/g,d=[],l;for(f.lastIndex=0;(l=f.exec(n))!==null;)d.push({type:"bold",start:l.index,end:l.index+l[0].length,content:l[1]});for(i.lastIndex=0;(l=i.exec(n))!==null;)d.some(p=>p.start<=l.index&&p.end>l.index)||d.push({type:"italic",start:l.index,end:l.index+l[0].length,content:l[1]});for(o.lastIndex=0;(l=o.exec(n))!==null;)d.push({type:"code",start:l.index,end:l.index+l[0].length,content:l[1]});d.sort((p,C)=>p.start-C.start),d.forEach((p,C)=>{p.start>m&&r.push(n.substring(m,p.start)),p.type==="bold"?r.push(F.createElement("strong",{key:`bold-${c}-${C}`},p.content)):p.type==="italic"?r.push(F.createElement("em",{key:`italic-${c}-${C}`},p.content)):p.type==="code"&&r.push(F.createElement("code",{key:`code-${c}-${C}`,style:{backgroundColor:"rgba(0, 0, 0, 0.1)",padding:"2px 6px",borderRadius:"3px",fontFamily:"monospace",fontSize:"0.9em"}},p.content)),m=p.end}),m<n.length&&r.push(n.substring(m)),r.length>0&&a.push(F.createElement("div",{key:`line-${c}`},r.length===0?n:r))}),a.length===0?[e]:a};import{jsx as x,jsxs as R}from"react/jsx-runtime";var Se=({message:e,cardRegistry:t,themeStyles:s,theming:a})=>{let n=new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!0}).toLowerCase(),c=f=>{let i=f?.__collectionUid?.split(".").pop()?.toLowerCase();return t.find(o=>o.id===i)||t.find(o=>o.id==="default")},r=e.record?c(e.record)?.component:null,m={background:a?.showGradient===!1?"#3B82F6":"linear-gradient(135deg, #1D4ED8 0%, #3B82F6 100%)"};if(e.items?.items?.length){let f=e.items.cardStyle?.toLowerCase()||e.items.collection?.toLowerCase()||e.items.title?.toLowerCase(),o=t.find(d=>d.id===f)?.component;return R("div",{className:"mb-card-container",children:[e.content&&x("div",{className:"mb-card-content",children:D(e.content)}),o&&e.items.items.map((d,l)=>x(o,{items:d,style:s},l))]})}return R("div",{className:`mb-row ${e.role==="user"?"mb-row-user":"mb-row-assistant"}`,children:[r&&e.record?x("div",{className:"mb-card-wrapper",children:x(r,{record:e.record,style:s})}):x("div",{style:e.role==="user"?{...m,...a?.userBubbleStyle}:{},className:`mb-bubble ${e.role==="user"?"mb-bubble-user":"mb-bubble-assistant"}`,children:e.loading&&!e.content?R("div",{className:"mb-typing",children:[x("span",{className:"mb-dot mb-dot-1"}),x("span",{className:"mb-dot mb-dot-2"}),x("span",{className:"mb-dot mb-dot-3"})]}):x("div",{className:"mb-content-wrapper",children:D(e.content)})}),e.role==="assistant"&&!r&&R("div",{className:"mb-assistant-meta",children:[x("span",{className:"mb-assistant-avatar",style:{background:a?.showGradient===!1?"#3B82F6":"linear-gradient(135deg, var(--cb-primary), var(--cb-secondary))"},children:"A"}),R("span",{className:"mb-assistant-time",children:[n," "]})]}),e.role==="user"&&!r&&R("div",{className:"mb-user-meta",children:[R("span",{className:"mb-user-time",children:[n," "]}),x("span",{className:"mb-user-tick","aria-label":"Delivered",children:"\u2713\u2713"})]})]})},V=Se;import{jsx as A,jsxs as Q}from"react/jsx-runtime";var Me=({messages:e,scrollRef:t,resolvedRegistry:s,theming:a})=>{let n=a?.welcomeDescription||"Hi! I'm Aria, your Harbour Air travel assistant. I'm here to help you book flights, check fees, understand baggage rules, and anything else you need.",c=new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!0}).toLowerCase();return Le(()=>{let r=t.current;r&&r.scrollTo({top:r.scrollHeight,behavior:"auto"})},[e,t]),Q("div",{ref:t,className:"chat-messages-container",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:[e.length===0&&A("div",{className:"chat-welcome",children:Q("div",{className:"chat-welcome-message",children:[A("p",{className:"chat-welcome-subtitle",children:D(n)}),Q("div",{className:"chat-welcome-meta",children:[A("span",{className:"chat-welcome-avatar",style:{background:a?.showGradient===!1?"#3B82F6":"linear-gradient(135deg, var(--cb-primary), var(--cb-secondary))"},children:"A"}),A("span",{className:"chat-welcome-time",children:c})]})]})}),e.map(r=>A(V,{message:r,cardRegistry:s,theming:a},r.id))]})},_=Me;import{useState as ee,useEffect as Ee}from"react";import{jsx as y,jsxs as ze}from"react/jsx-runtime";var $e=({strapiUrl:e,onSelectQuestion:t,variant:s,theming:a})=>{let[n,c]=ee([]),[r,m]=ee(!0);Ee(()=>{let i=new AbortController;return m(!0),fetch(`${e}/api/faq-ai-bot/suggestion-and-logo`,{signal:i.signal}).then(o=>o.json()).then(o=>{c(o.suggestedQuestions||[]),m(!1)}).catch(o=>{o.name!=="AbortError"&&(console.error("Suggestions fetch failed",o),m(!1))}),()=>i.abort()},[e]);let f=()=>s==="floating"?ze("div",{className:"sug-skeleton-float",children:[[1,2].map(i=>y("div",{className:"sug-skeleton-item",style:{backgroundColor:a?.primaryColor?`${a.primaryColor}`:"hsla(178, 100%, 51%, 0.05)",transform:i%2===0?"rotate(1deg)":"rotate(-1deg)"}},i)),y("div",{className:"sug-skeleton-more"})]}):y("div",{className:"sug-skeleton-list",children:[1,2,3].map(i=>y("div",{className:"sug-skeleton-chip"},i))});return r&&n.length===0?y(f,{}):s==="floating"?y("div",{className:"sug-float-wrap",children:n.map((i,o)=>y("button",{onClick:()=>t(i),className:"sug-float-btn",style:{borderColor:"#bfdbfe",animationDelay:`${o*.1}s`},children:y("span",{className:"sug-float-text",children:i})},`float-${o}-${i}`))}):y("div",{className:"sug-list-wrap",children:n.map((i,o)=>y("button",{onClick:()=>t(i),className:"sug-list-btn",style:{animationDelay:`${o*.05}s`},children:i},`list-${o}-${i}`))})},K=$e;import{jsx as k,jsxs as te}from"react/jsx-runtime";var Be=({isExpanded:e,setIsExpanded:t,messages:s,scrollRef:a,sendMessage:n,strapiUrl:c,resolvedRegistry:r,input:m,setInput:f,isLoading:i,title:o,theming:d})=>{let l=$(`chat-window ${e?"chat-window-open":"chat-window-closed"}`,d?.container);return te("div",{className:l,style:d?.containerStyle,children:[k("div",{className:"chat-window-header",children:k(U,{title:o,onClose:()=>t(!1),theming:d,strapiUrl:c})}),k(_,{messages:s,scrollRef:a,resolvedRegistry:r,theming:d}),te("div",{className:"chat-window-footer",children:[k("div",{className:"chat-window-suggestions",children:k(K,{onSelectQuestion:n,strapiUrl:c,variant:"floating",theming:d})}),k(G,{input:m,onInputChange:f,onSendMessage:n,isLoading:i,theming:d}),k("div",{className:"chat-window-powered",children:k("span",{className:"chat-powered-text",children:"Talk to a human \xB7 Privacy policy"})})]})]})},ae=Be;import{jsx as ne,jsxs as Pe}from"react/jsx-runtime";var Te=({strapiUrl:e,cardRegistry:t,theme:s,title:a,streamSpeed:n})=>{let[c,r]=j([]),[m,f]=j(""),[i,o]=j(!1),[d,l]=j(!1),p=oe(null),[C,se]=j([]),de=oe(null),le={"--cb-primary":s?.primaryColor||"#2999d6","--cb-secondary":s?.secondaryColor||"#179fa3","--cb-accent":s?.accentColor||s?.secondaryColor||"#179fa3"};return re(()=>{t.length>0&&se(t)},[t]),re(()=>()=>p.current?.abort(),[]),Pe("div",{className:"chatbot-container",style:le,children:[ne(Z,{isExpanded:d,onOpen:()=>l(!0),theming:s}),ne(ae,{isExpanded:d,setIsExpanded:l,messages:c,scrollRef:de,sendMessage:async ce=>{let W=ce||m;if(!W.trim())return;p.current?.abort(),p.current=new AbortController,l(!0),f(""),o(!0);let me={role:"user",content:W,id:Date.now()},I=Date.now()+1;r(S=>[...S,me,{role:"assistant",content:"",items:null,loading:!0,id:I}]);try{let S=await fetch(`${e}/api/faq-ai-bot/ask`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({question:W,history:c.slice(-4).map(g=>({role:g.role,content:g.content}))}),signal:p.current.signal});if(!S.ok)throw new Error("Network response was not ok");let H=S.body?.getReader(),z=new TextDecoder;if(!H)throw new Error("No reader available");let B=[],q=!1,pe=(async()=>{for(;!q||B.length>0;)if(B.length>0){let g=B.shift();if(g?.type==="text")if(n&&n>0)for(let h of g.content)r(u=>u.map(b=>b.id===I?{...b,content:b.content+h}:b)),await new Promise(u=>setTimeout(u,n));else r(h=>h.map(u=>u.id===I?{...u,content:u.content+g.content}:u));else if(g?.type==="card")try{let h=g.data;r(u=>u.map(b=>b.id===I?{...b,items:{items:h.items,schema:h.schema,collection:h.title,title:h.title,cardStyle:h.cardStyle}}:b))}catch(h){console.error("Error processing card data:",h)}}else await new Promise(g=>setTimeout(g,20));o(!1),r(g=>g.map(h=>h.id===I?{...h,loading:!1}:h))})(),Y="";for(;;){let{value:g,done:h}=await H.read();if(h)break;let u=z.decode(g,{stream:!0});Y+=u;let b=Y.split(`
 
 `);Y=b.pop()||"";for(let he of b){let fe=he.split(`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nui-chatbot-pkg",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",