@enjoys/react-chatbot-plugin 1.4.0 → 1.5.0

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.
Files changed (7) hide show
  1. package/README.md +1 -1
  2. package/dist/index.cjs +17 -5
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.ts +341 -4
  5. package/dist/index.mjs +17 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -44,7 +44,7 @@
44
44
  - **Async actions** — Run API calls on step entry with real-time loading/progress/error states
45
45
  - **Custom step components** — Render your own React widgets inside flow steps
46
46
  - **Dynamic routing** — Route to different steps based on API results, status codes, or custom logic
47
- - **Plugin architecture** — Extend with analytics, webhooks, persistence, or custom plugins
47
+ - **Plugin architecture** — 30 built-in plugins: analytics, AI, webhooks, persistence, i18n, CRM, rate limiting, live agent, and more
48
48
  - **Slash commands** — `/help`, `/back`, `/cancel`, `/restart` built-in
49
49
  - **Custom header/input** — Swap the header or input with your own React components
50
50
  - **Forms** — Text, select, radio, checkbox, file upload, with validation
package/dist/index.cjs CHANGED
@@ -1,7 +1,7 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react/jsx-runtime`);function u(e,t){switch(t.type){case`TOGGLE_OPEN`:return{...e,isOpen:!e.isOpen};case`SET_OPEN`:return{...e,isOpen:t.payload};case`ADD_MESSAGE`:return{...e,messages:[...e.messages,t.payload]};case`ADD_MESSAGES`:return{...e,messages:[...e.messages,...t.payload]};case`SET_TYPING`:return{...e,isTyping:t.payload};case`DISMISS_WELCOME`:return{...e,showWelcome:!1};case`SET_STEP`:return{...e,currentStepId:t.payload};case`SET_DATA`:return{...e,collectedData:{...e.collectedData,...t.payload}};case`SET_LOGGED_IN`:return{...e,isLoggedIn:t.payload};case`CLEAR_QUICK_REPLIES`:{let t=-1;for(let n=e.messages.length-1;n>=0;n--)if(e.messages[n].quickReplies){t=n;break}if(t===-1)return e;let n=[...e.messages];return n[t]={...n[t],quickReplies:void 0},{...e,messages:n}}case`RESET_CHAT`:return{...e,messages:[],isTyping:!1,currentStepId:null,collectedData:{}};case`UPDATE_MESSAGE`:return{...e,messages:e.messages.map(e=>e.id===t.payload.id?{...e,...t.payload.updates}:e)};default:return e}}var d=e=>({isOpen:e.defaultOpen??!1,messages:e.initialMessages??[],isTyping:!1,showWelcome:!!e.welcomeScreen,currentStepId:null,collectedData:{},isLoggedIn:!e.loginForm}),f=(0,c.createContext)(null);function p(){let e=(0,c.useContext)(f);if(!e)throw Error(`useChatContext must be used within ChatProvider`);return e}var m={primaryColor:`#6C5CE7`,headerBg:`linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%)`,headerText:`#FFFFFF`,bubbleBg:`rgba(241, 243, 249, 0.85)`,bubbleText:`#2D3436`,userBubbleBg:`linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%)`,userBubbleText:`#FFFFFF`,fontFamily:`"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`,fontSize:`14px`,borderRadius:`20px`,windowWidth:`400px`,windowHeight:`600px`,mode:`light`},h={headerBg:`linear-gradient(135deg, #2D1B69 0%, #4A3298 100%)`,headerText:`#F0F0FF`,bubbleBg:`rgba(45, 45, 70, 0.85)`,bubbleText:`#E8E8F0`,userBubbleBg:`linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%)`,userBubbleText:`#FFFFFF`};function g(e){let t={...m,...e};return t.mode===`dark`?{...t,...h,...e}:t}function _(e){return{"--cb-primary":e.primaryColor,"--cb-header-bg":e.headerBg,"--cb-header-text":e.headerText,"--cb-bubble-bg":e.bubbleBg,"--cb-bubble-text":e.bubbleText,"--cb-user-bubble-bg":e.userBubbleBg,"--cb-user-bubble-text":e.userBubbleText,"--cb-font-family":e.fontFamily,"--cb-font-size":e.fontSize,"--cb-border-radius":e.borderRadius,"--cb-window-width":e.windowWidth,"--cb-window-height":e.windowHeight,"--cb-bg":e.mode===`dark`?`rgba(22, 22, 40, 0.95)`:`rgba(255, 255, 255, 0.92)`,"--cb-border":e.mode===`dark`?`rgba(255,255,255,0.08)`:`rgba(0,0,0,0.06)`,"--cb-input-bg":e.mode===`dark`?`rgba(40, 40, 65, 0.8)`:`rgba(245, 247, 252, 0.9)`,"--cb-input-border":e.mode===`dark`?`rgba(255,255,255,0.1)`:`rgba(0,0,0,0.06)`,"--cb-input-text":e.mode===`dark`?`#E0E0E0`:`#2D3436`,"--cb-branding-bg":e.mode===`dark`?`rgba(20, 20, 35, 0.8)`:`rgba(250, 250, 255, 0.8)`}}function v(e,t){let n=e.mode===`dark`;return{root:{fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:`1.5`},launcher:{position:`fixed`,width:`62px`,height:`62px`,borderRadius:`50%`,background:e.headerBg,color:`#fff`,border:`none`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 6px 24px rgba(108, 92, 231, 0.4), 0 2px 8px rgba(0,0,0,0.1)`,transition:`all 0.3s cubic-bezier(0.4, 0, 0.2, 1)`,zIndex:9998,...t?.launcher},window:{position:`fixed`,width:e.windowWidth,height:e.windowHeight,maxHeight:`85vh`,borderRadius:e.borderRadius,overflow:`hidden`,display:`flex`,flexDirection:`column`,boxShadow:n?`0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05)`:`0 20px 60px rgba(108, 92, 231, 0.15), 0 8px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04)`,backgroundColor:n?`rgba(22, 22, 40, 0.95)`:`rgba(255, 255, 255, 0.95)`,backdropFilter:`blur(20px)`,WebkitBackdropFilter:`blur(20px)`,border:n?`1px solid rgba(255,255,255,0.08)`:`1px solid rgba(255,255,255,0.8)`,zIndex:9999,animation:`cb-window-enter 0.35s cubic-bezier(0.4, 0, 0.2, 1)`,...t?.window},header:{background:e.headerBg,color:e.headerText,padding:`18px 20px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`12px`,flexShrink:0,position:`relative`,overflow:`hidden`,...t?.header},messageList:{flex:1,overflowY:`auto`,padding:`20px 16px`,display:`flex`,flexDirection:`column`,gap:`10px`,background:n?`linear-gradient(180deg, rgba(22, 22, 40, 0.98) 0%, rgba(30, 30, 50, 0.98) 100%)`:`linear-gradient(180deg, rgba(248, 249, 254, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%)`,...t?.messageList},inputArea:{padding:`12px 16px 14px`,borderTop:`1px solid ${n?`rgba(255,255,255,0.06)`:`rgba(0,0,0,0.05)`}`,backgroundColor:n?`rgba(20, 20, 38, 0.9)`:`rgba(255, 255, 255, 0.95)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,flexShrink:0,...t?.inputArea},botBubble:{background:n?`rgba(45, 45, 70, 0.7)`:`rgba(241, 243, 249, 0.9)`,color:n?`#E8E8F0`:`#2D3436`,padding:`12px 16px`,borderRadius:`18px 18px 18px 4px`,maxWidth:`82%`,alignSelf:`flex-start`,wordBreak:`break-word`,whiteSpace:`pre-wrap`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,border:n?`1px solid rgba(255,255,255,0.06)`:`1px solid rgba(0,0,0,0.04)`,boxShadow:n?`0 2px 8px rgba(0,0,0,0.2)`:`0 2px 8px rgba(0,0,0,0.04)`,fontSize:`14px`,lineHeight:`1.55`,letterSpacing:`0.01em`},userBubble:{background:e.userBubbleBg,color:e.userBubbleText,padding:`12px 16px`,borderRadius:`18px 18px 4px 18px`,maxWidth:`82%`,alignSelf:`flex-end`,wordBreak:`break-word`,whiteSpace:`pre-wrap`,boxShadow:`0 4px 14px rgba(108, 92, 231, 0.25)`,fontSize:`14px`,lineHeight:`1.55`,letterSpacing:`0.01em`}}}var y=({size:e=18,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:t,children:(0,l.jsx)(`path`,{d:`M2.01 21L23 12 2.01 3 2 10l15 2-15 2z`})}),b=({size:e=28,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z`})}),x=({size:e=20,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,l.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]}),S=({size:e=20,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})}),C=({size:e=20,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2`}),(0,l.jsx)(`line`,{x1:`9`,y1:`9`,x2:`9.01`,y2:`9`}),(0,l.jsx)(`line`,{x1:`15`,y1:`9`,x2:`15.01`,y2:`9`})]}),w=({size:e=20,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48`})}),T=({size:e=16,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`path`,{d:`M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z`}),(0,l.jsx)(`polyline`,{points:`14 2 14 8 20 8`})]}),E=({size:e=16,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,ry:`2`}),(0,l.jsx)(`circle`,{cx:`8.5`,cy:`8.5`,r:`1.5`}),(0,l.jsx)(`polyline`,{points:`21 15 16 10 5 21`})]}),D=({size:e=14,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`15`,y1:`9`,x2:`9`,y2:`15`}),(0,l.jsx)(`line`,{x1:`9`,y1:`9`,x2:`15`,y2:`15`})]}),O=({size:e=16,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`polyline`,{points:`1 4 1 10 7 10`}),(0,l.jsx)(`path`,{d:`M3.51 15a9 9 0 1 0 2.13-9.36L1 10`})]}),ee=({onClick:e,isOpen:t,position:n,styles:r,icon:i,closeIcon:a,zIndex:o})=>{let s=n===`bottom-left`?{bottom:`24px`,left:`24px`}:{bottom:`24px`,right:`24px`};return(0,l.jsx)(`button`,{onClick:e,"aria-label":t?`Close chat`:`Open chat`,style:{...r.launcher,...s,...o==null?{}:{zIndex:o},transform:t?`scale(0.92) rotate(90deg)`:`scale(1)`,animation:t?`none`:`cb-launcher-pulse 3s ease-in-out infinite`},children:t?a??(0,l.jsx)(x,{size:22}):i??(0,l.jsx)(b,{size:26})})},k=({config:e,styles:t,onClose:n,onRestart:r,logo:i,logoWidth:a})=>(0,l.jsxs)(`div`,{style:t.header,children:[(0,l.jsx)(`div`,{style:{position:`absolute`,top:0,left:0,right:0,bottom:0,background:`linear-gradient(135deg, rgba(255,255,255,0.12) 0%, transparent 50%)`,pointerEvents:`none`}}),(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`12px`,flex:1,position:`relative`,zIndex:1},children:[e.avatar&&(0,l.jsxs)(`div`,{style:{position:`relative`},children:[(0,l.jsx)(`img`,{src:e.avatar,alt:``,style:{width:`40px`,height:`40px`,borderRadius:`50%`,objectFit:`cover`,border:`2px solid rgba(255,255,255,0.3)`}}),(0,l.jsx)(`span`,{style:{position:`absolute`,bottom:`1px`,right:`1px`,width:`10px`,height:`10px`,backgroundColor:`#2ECC71`,borderRadius:`50%`,border:`2px solid rgba(255,255,255,0.8)`}})]}),i&&!e.avatar&&(0,l.jsx)(`img`,{src:i,alt:``,style:{width:a??`36px`,height:`auto`,objectFit:`contain`,filter:`brightness(1.1)`}}),!e.avatar&&!i&&(0,l.jsx)(`div`,{style:{width:`40px`,height:`40px`,borderRadius:`50%`,background:`rgba(255,255,255,0.2)`,backdropFilter:`blur(4px)`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:`18px`,fontWeight:700,color:`rgba(255,255,255,0.9)`,border:`1px solid rgba(255,255,255,0.2)`},children:(e.title??`C`).charAt(0).toUpperCase()}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`div`,{style:{fontWeight:600,fontSize:`16px`,letterSpacing:`-0.01em`},children:e.title??`Chat with us`}),e.subtitle&&(0,l.jsxs)(`div`,{style:{fontSize:`12px`,opacity:.8,display:`flex`,alignItems:`center`,gap:`5px`,marginTop:`1px`},children:[(0,l.jsx)(`span`,{style:{width:`6px`,height:`6px`,borderRadius:`50%`,backgroundColor:`#2ECC71`,display:`inline-block`}}),e.subtitle]})]})]}),(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`2px`,position:`relative`,zIndex:1},children:[e.showRestart&&r&&(0,l.jsx)(`button`,{onClick:r,"aria-label":`Restart conversation`,title:`Restart conversation`,style:{background:`rgba(255,255,255,0.1)`,border:`none`,color:`inherit`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,borderRadius:`8px`,transition:`background 0.2s ease`},onMouseEnter:e=>e.currentTarget.style.background=`rgba(255,255,255,0.2)`,onMouseLeave:e=>e.currentTarget.style.background=`rgba(255,255,255,0.1)`,children:(0,l.jsx)(O,{size:16})}),e.showMinimize&&(0,l.jsx)(`button`,{onClick:n,"aria-label":`Minimize chat`,style:{background:`rgba(255,255,255,0.1)`,border:`none`,color:`inherit`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,borderRadius:`8px`,transition:`background 0.2s ease`},onMouseEnter:e=>e.currentTarget.style.background=`rgba(255,255,255,0.2)`,onMouseLeave:e=>e.currentTarget.style.background=`rgba(255,255,255,0.1)`,children:(0,l.jsx)(S,{size:16})}),e.showClose!==!1&&(0,l.jsx)(`button`,{onClick:n,"aria-label":`Close chat`,style:{background:`rgba(255,255,255,0.1)`,border:`none`,color:`inherit`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,borderRadius:`8px`,transition:`background 0.2s ease`},onMouseEnter:e=>e.currentTarget.style.background=`rgba(255,255,255,0.2)`,onMouseLeave:e=>e.currentTarget.style.background=`rgba(255,255,255,0.1)`,children:(0,l.jsx)(x,{size:18})})]})]}),A=({content:e,onDismiss:t,primaryColor:n})=>(0,l.jsxs)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,overflow:`auto`,background:`linear-gradient(180deg, rgba(248, 249, 254, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%)`},children:[(0,l.jsx)(`div`,{style:{flex:1,padding:`28px 24px`,overflow:`auto`},children:e}),(0,l.jsx)(`div`,{style:{padding:`16px 20px`,borderTop:`1px solid rgba(0,0,0,0.05)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,flexShrink:0},children:(0,l.jsx)(`button`,{onClick:t,style:{width:`100%`,padding:`14px`,background:`linear-gradient(135deg, ${n} 0%, ${te(n,30)} 100%)`,color:`#fff`,border:`none`,borderRadius:`14px`,fontSize:`15px`,fontWeight:600,cursor:`pointer`,fontFamily:`inherit`,letterSpacing:`0.02em`,boxShadow:`0 6px 20px ${n}44`,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`},onMouseEnter:e=>{e.currentTarget.style.transform=`translateY(-1px)`,e.currentTarget.style.boxShadow=`0 8px 28px ${n}55`},onMouseLeave:e=>{e.currentTarget.style.transform=`translateY(0)`,e.currentTarget.style.boxShadow=`0 6px 20px ${n}44`},children:`Start Chat`})})]});function te(e,t){let n=parseInt(e.replace(`#`,``),16),r=Math.min(255,(n>>16&255)+t),i=Math.min(255,(n>>8&255)+t),a=Math.min(255,(n&255)+t);return`#${(r<<16|i<<8|a).toString(16).padStart(6,`0`)}`}var j=({field:e,value:t,onChange:n,error:r})=>{let i=e.type===`textarea`,a=e.type===`textarea`?void 0:e.type,o={width:`100%`,padding:`10px 14px`,border:`1.5px solid ${r?`rgba(229, 62, 62, 0.5)`:`rgba(0,0,0,0.08)`}`,borderRadius:`12px`,fontSize:`13px`,fontFamily:`inherit`,outline:`none`,boxSizing:`border-box`,transition:`all 0.2s ease`,backgroundColor:`rgba(245, 247, 252, 0.6)`,color:`#2D3436`,letterSpacing:`0.01em`};return(0,l.jsxs)(`div`,{style:{marginBottom:`14px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500,color:`#2D3436`},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`3px`},children:`*`})]}),i?(0,l.jsx)(`textarea`,{value:t,onChange:e=>n(e.target.value),placeholder:e.placeholder,required:e.required,rows:3,style:{...o,resize:`vertical`},minLength:e.validation?.minLength,maxLength:e.validation?.maxLength}):(0,l.jsx)(`input`,{type:a,value:t,onChange:e=>n(e.target.value),placeholder:e.placeholder,required:e.required,style:o,min:e.validation?.min,max:e.validation?.max,minLength:e.validation?.minLength,maxLength:e.validation?.maxLength,pattern:e.validation?.pattern}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},M=({field:e,value:t,onChange:n,error:r})=>{let i=e.type===`multiselect`||e.multiple,a=e=>{n(i?Array.from(e.target.selectedOptions,e=>e.value):e.target.value)},o=i?Array.isArray(t)?t:[t].filter(Boolean):typeof t==`string`?t:``;return(0,l.jsxs)(`div`,{style:{marginBottom:`14px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500,color:`#2D3436`},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`3px`},children:`*`})]}),(0,l.jsxs)(`select`,{value:o,onChange:a,multiple:i,required:e.required,style:{width:`100%`,padding:`10px 14px`,border:`1.5px solid ${r?`rgba(229, 62, 62, 0.5)`:`rgba(0,0,0,0.08)`}`,borderRadius:`12px`,fontSize:`13px`,fontFamily:`inherit`,outline:`none`,backgroundColor:`rgba(245, 247, 252, 0.6)`,color:`#2D3436`,boxSizing:`border-box`,transition:`all 0.2s ease`,...i?{minHeight:`80px`}:{}},children:[!i&&(0,l.jsx)(`option`,{value:``,children:`Select...`}),e.options?.map(e=>(0,l.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),i&&(0,l.jsx)(`div`,{style:{fontSize:`11px`,color:`#888`,marginTop:`2px`},children:`Hold Ctrl/Cmd to select multiple`}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},N=({field:e,value:t,onChange:n,error:r})=>(0,l.jsxs)(`div`,{style:{marginBottom:`12px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`2px`},children:`*`})]}),(0,l.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`6px`},children:e.options?.map(r=>(0,l.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,cursor:`pointer`,fontSize:`13px`},children:[(0,l.jsx)(`input`,{type:`radio`,name:e.name,value:r.value,checked:t===r.value,onChange:()=>n(r.value),style:{margin:0}}),r.label]},r.value))}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]}),P=({field:e,value:t,onChange:n,error:r})=>{let i=e=>{t.includes(e)?n(t.filter(t=>t!==e)):n([...t,e])};return(0,l.jsxs)(`div`,{style:{marginBottom:`12px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`2px`},children:`*`})]}),(0,l.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`6px`},children:e.options?.map(e=>(0,l.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,cursor:`pointer`,fontSize:`13px`},children:[(0,l.jsx)(`input`,{type:`checkbox`,checked:t.includes(e.value),onChange:()=>i(e.value),style:{margin:0}}),e.label]},e.value))}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},F=({field:e,value:t,onChange:n,error:r,primaryColor:i})=>{let a=(0,c.useRef)(null),o=t?Array.from(t).map(e=>e.name).join(`, `):``;return(0,l.jsxs)(`div`,{style:{marginBottom:`12px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`4px`,fontSize:`13px`,fontWeight:500},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`2px`},children:`*`})]}),(0,l.jsx)(`input`,{ref:a,type:`file`,accept:e.accept,multiple:e.multiple,onChange:e=>n(e.target.files),style:{display:`none`}}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>a.current?.click(),style:{padding:`8px 16px`,border:`1px dashed ${r?`#E53E3E`:`#D1D5DB`}`,borderRadius:`8px`,backgroundColor:`#FAFAFA`,cursor:`pointer`,fontSize:`13px`,color:`#555`,width:`100%`,textAlign:`left`},children:o||e.placeholder||`Choose file(s)...`}),o&&(0,l.jsxs)(`div`,{style:{fontSize:`12px`,color:i,marginTop:`4px`},children:[Array.from(t).length,` file(s) selected`]}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},I=({config:e,onSubmit:t,primaryColor:n,renderFormField:r})=>{let[i,a]=(0,c.useState)(()=>{let t={};for(let n of e.fields)n.defaultValue===void 0?n.type===`checkbox`||n.type===`multiselect`?t[n.name]=[]:n.type===`file`?t[n.name]=null:t[n.name]=``:t[n.name]=n.defaultValue;return t}),[o,s]=(0,c.useState)({}),[u,d]=(0,c.useState)(!1),f=(0,c.useCallback)((e,t)=>{a(n=>({...n,[e]:t})),s(t=>{let n={...t};return delete n[e],n})},[]),p=()=>{let t={};for(let n of e.fields){let e=i[n.name];if(n.required&&(e===``||e==null||Array.isArray(e)&&e.length===0)){t[n.name]=n.validation?.message??`${n.label||n.name} is required`;continue}if(n.validation?.pattern&&typeof e==`string`&&e)try{new RegExp(n.validation.pattern).test(e)||(t[n.name]=n.validation.message??`Invalid format`)}catch{}}return s(t),Object.keys(t).length===0};return u?(0,l.jsx)(`div`,{style:{padding:`16px`,background:`linear-gradient(135deg, rgba(46, 213, 115, 0.1), rgba(46, 213, 115, 0.05))`,borderRadius:`14px`,fontSize:`14px`,color:`#2ecc71`,textAlign:`center`,fontWeight:500,border:`1px solid rgba(46, 213, 115, 0.15)`,animation:`cb-fade-in 0.3s ease-out`},children:`✓ Submitted successfully`}):(0,l.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),p()&&(d(!0),t(i))},style:{background:`rgba(255, 255, 255, 0.7)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,borderRadius:`16px`,padding:`20px`,border:`1px solid rgba(0,0,0,0.06)`,boxShadow:`0 4px 16px rgba(0,0,0,0.04)`,animation:`cb-slide-up 0.35s ease-out`},children:[e.title&&(0,l.jsx)(`div`,{style:{fontWeight:600,fontSize:`15px`,marginBottom:`4px`,color:`#2D3436`,letterSpacing:`-0.01em`},children:e.title}),e.description&&(0,l.jsx)(`div`,{style:{fontSize:`12px`,color:`rgba(0,0,0,0.45)`,marginBottom:`16px`,lineHeight:`1.5`},children:e.description}),e.fields.map(e=>(0,l.jsx)(ne,{field:e,value:i[e.name],onChange:t=>f(e.name,t),error:o[e.name],primaryColor:n,renderFormField:r},e.name)),(0,l.jsx)(`button`,{type:`submit`,style:{width:`100%`,padding:`12px`,background:`linear-gradient(135deg, ${n} 0%, ${re(n,30)} 100%)`,color:`#fff`,border:`none`,borderRadius:`12px`,fontSize:`14px`,fontWeight:600,cursor:`pointer`,marginTop:`8px`,fontFamily:`inherit`,letterSpacing:`0.02em`,boxShadow:`0 4px 14px ${n}33`,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`},onMouseEnter:e=>{e.currentTarget.style.transform=`translateY(-1px)`,e.currentTarget.style.boxShadow=`0 6px 20px ${n}44`},onMouseLeave:e=>{e.currentTarget.style.transform=`translateY(0)`,e.currentTarget.style.boxShadow=`0 4px 14px ${n}33`},children:e.submitLabel??`Submit`})]})},ne=({field:e,value:t,onChange:n,error:r,primaryColor:i,renderFormField:a})=>{let o=a?.[e.type];switch(e.type){case`text`:case`email`:case`password`:case`number`:case`tel`:case`url`:case`textarea`:case`date`:case`time`:{let i={type:e.type,field:e,value:String(t??``),onChange:n,error:r},a=(0,l.jsx)(j,{field:e,value:String(t??``),onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`select`:case`multiselect`:{let i={type:e.type,field:e,value:t,onChange:n,error:r},a=(0,l.jsx)(M,{field:e,value:t,onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`radio`:{let i={type:`radio`,field:e,value:String(t??``),onChange:n,error:r},a=(0,l.jsx)(N,{field:e,value:String(t??``),onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`checkbox`:{let i={type:`checkbox`,field:e,value:t??[],onChange:n,error:r},a=(0,l.jsx)(P,{field:e,value:t??[],onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`file`:{let a={type:`file`,field:e,value:t,onChange:n,error:r,primaryColor:i},s=(0,l.jsx)(F,{field:e,value:t,onChange:n,error:r,primaryColor:i});return o?(0,l.jsx)(l.Fragment,{children:o(a,s)}):s}case`hidden`:return(0,l.jsx)(`input`,{type:`hidden`,name:e.name,value:String(t??``)});default:return null}};function re(e,t){let n=parseInt(e.replace(`#`,``),16),r=Math.min(255,(n>>16&255)+t),i=Math.min(255,(n>>8&255)+t),a=Math.min(255,(n&255)+t);return`#${(r<<16|i<<8|a).toString(16).padStart(6,`0`)}`}var L=({config:e,onLogin:t,primaryColor:n,renderFormField:r})=>(0,l.jsx)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,justifyContent:`center`,padding:`24px`,overflow:`auto`,background:`linear-gradient(180deg, rgba(248, 249, 254, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%)`},children:(0,l.jsx)(I,{config:e,onSubmit:t,primaryColor:n,renderFormField:r})}),R=({message:e,styles:t})=>{let n=e.sender===`bot`,r=e.sender===`system`,i=n||r?t.botBubble:t.userBubble;if(!(e.text||e.attachments&&e.attachments.length>0))return null;let a=r?{background:`transparent`,border:`none`,boxShadow:`none`,color:`#999`,fontSize:`12px`,alignSelf:`center`,padding:`6px 12px`,backdropFilter:`none`,WebkitBackdropFilter:`none`}:{};return(0,l.jsxs)(`div`,{style:{...i,...a,animation:`cb-fade-in 0.3s ease-out`},children:[e.text&&(0,l.jsx)(`span`,{style:{display:`block`},children:e.text}),e.attachments&&e.attachments.length>0&&(0,l.jsx)(`div`,{style:{marginTop:e.text?`10px`:0,display:`flex`,flexDirection:`column`,gap:`6px`},children:e.attachments.map((e,t)=>(0,l.jsx)(ie,{attachment:e,isBot:n},t))})]})},ie=({attachment:e,isBot:t})=>e.type.startsWith(`image/`)&&e.url?(0,l.jsxs)(`div`,{style:{borderRadius:`12px`,overflow:`hidden`,maxWidth:`220px`},children:[(0,l.jsx)(`img`,{src:e.url,alt:e.name,style:{width:`100%`,height:`auto`,display:`block`,borderRadius:`12px`}}),(0,l.jsx)(`div`,{style:{fontSize:`11px`,padding:`4px 0`,opacity:.6},children:e.name})]}):(0,l.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,style:{display:`flex`,alignItems:`center`,gap:`8px`,padding:`8px 12px`,backgroundColor:t?`rgba(0,0,0,0.04)`:`rgba(255,255,255,0.15)`,borderRadius:`10px`,textDecoration:`none`,color:`inherit`,fontSize:`13px`,border:t?`1px solid rgba(0,0,0,0.06)`:`1px solid rgba(255,255,255,0.15)`,transition:`background 0.2s ease`},children:[(0,l.jsx)(T,{size:16}),(0,l.jsx)(`span`,{style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,flex:1},children:e.name}),e.size&&(0,l.jsx)(`span`,{style:{fontSize:`11px`,opacity:.5,flexShrink:0},children:ae(e.size)})]});function ae(e){return e<1024?`${e}B`:e<1024*1024?`${(e/1024).toFixed(1)}KB`:`${(e/(1024*1024)).toFixed(1)}MB`}var z=({replies:e,onSelect:t,primaryColor:n})=>(0,l.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:`8px`,alignSelf:`flex-start`,maxWidth:`90%`,animation:`cb-slide-up 0.35s ease-out`,padding:`4px 0`},children:e.map(e=>(0,l.jsx)(`button`,{onClick:()=>t(e.value,e.label),style:{padding:`8px 18px`,borderRadius:`22px`,border:`1.5px solid ${n}`,backgroundColor:`rgba(108, 92, 231, 0.06)`,color:n,cursor:`pointer`,fontSize:`13px`,fontWeight:500,fontFamily:`inherit`,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`,backdropFilter:`blur(4px)`,WebkitBackdropFilter:`blur(4px)`,letterSpacing:`0.01em`},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=n,e.currentTarget.style.color=`#fff`,e.currentTarget.style.transform=`translateY(-1px)`,e.currentTarget.style.boxShadow=`0 4px 14px ${n}44`},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=`rgba(108, 92, 231, 0.06)`,e.currentTarget.style.color=n,e.currentTarget.style.transform=`translateY(0)`,e.currentTarget.style.boxShadow=`none`},children:e.label},e.value))}),B=({color:e})=>{let t={width:`7px`,height:`7px`,borderRadius:`50%`,backgroundColor:e,opacity:.35,animation:`cb-typing-bounce 1.4s infinite ease-in-out`};return(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`5px`,padding:`14px 18px`,background:`rgba(241, 243, 249, 0.8)`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,borderRadius:`18px 18px 18px 4px`,alignSelf:`flex-start`,alignItems:`center`,border:`1px solid rgba(0,0,0,0.04)`,boxShadow:`0 2px 8px rgba(0,0,0,0.04)`,animation:`cb-fade-in 0.3s ease-out`},children:[(0,l.jsx)(`span`,{style:{...t,animationDelay:`0s`}}),(0,l.jsx)(`span`,{style:{...t,animationDelay:`0.2s`}}),(0,l.jsx)(`span`,{style:{...t,animationDelay:`0.4s`}})]})},V=({messages:e,isTyping:t,styles:n,primaryColor:r,onQuickReply:i,onFormSubmit:a,components:o,onComponentComplete:s,collectedData:u,currentStepId:d,renderFormField:f})=>{let p=(0,c.useRef)(null);return(0,c.useEffect)(()=>{p.current?.scrollIntoView({behavior:`smooth`})},[e,t]),(0,l.jsxs)(`div`,{style:n.messageList,className:`cb-scrollbar`,children:[e.map(e=>(0,l.jsxs)(c.default.Fragment,{children:[(0,l.jsx)(R,{message:e,styles:n}),e.quickReplies&&e.quickReplies.length>0&&(0,l.jsx)(z,{replies:e.quickReplies,onSelect:i,primaryColor:r}),e.form&&(0,l.jsx)(`div`,{style:{alignSelf:`flex-start`,width:`92%`,animation:`cb-slide-up 0.35s ease-out`},children:(0,l.jsx)(I,{config:e.form,onSubmit:t=>a(e.form.id,t),primaryColor:r,renderFormField:f})}),e.component&&o?.[e.component]&&(0,l.jsx)(`div`,{style:{alignSelf:`flex-start`,width:`92%`,animation:`cb-slide-up 0.35s ease-out`},children:c.default.createElement(o[e.component],{stepId:d??``,data:u??{},onComplete:e=>s?.(e)})})]},e.id)),t&&(0,l.jsx)(B,{color:r}),(0,l.jsx)(`div`,{ref:p})]})},H=[{name:`Smileys`,emojis:`😀.😃.😄.😁.😅.😂.🤣.😊.😇.🙂.😉.😍.🥰.😘.😋.😜.🤪.🤗.🤔.🤫.🤭.😏.😐.😑.😶.😌.😴.🤤.😷.🤒`.split(`.`)},{name:`Gestures`,emojis:`👍.👎.👌.✌️.🤞.🤟.🤘.👋.🤚.✋.🖖.👏.🙌.🤝.🙏.💪.🖐️.☝️.👆.👇.👈.👉.🤙.🫡.🫶.🫰.🫳.🫴.🫲.🫱`.split(`.`)},{name:`Hearts`,emojis:`❤️.🧡.💛.💚.💙.💜.🖤.🤍.🤎.💔.❣️.💕.💞.💓.💗.💖.💘.💝.💟.♥️.🫀.💌.💐.🌹.🌺.🌸.🌼.🌻.🌷.💮`.split(`.`)},{name:`Objects`,emojis:`🔥.⭐.✨.💯.🎉.🎊.🎯.🚀.💡.📌.📎.🔗.💻.📱.☎️.📧.📝.📋.📊.📈.🗂️.📁.🔒.🔑.⚙️.🛠️.🔧.📦.🏷️.✅`.split(`.`)}],U=({onSelect:e,onClose:t,primaryColor:n})=>{let[r,i]=(0,c.useState)(0),a=(0,c.useRef)(null);(0,c.useEffect)(()=>{let e=e=>{a.current&&!a.current.contains(e.target)&&t()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[t]);let o=H[r]?.emojis??[];return(0,l.jsxs)(`div`,{ref:a,style:{position:`absolute`,bottom:`100%`,left:0,width:`280px`,backgroundColor:`rgba(255, 255, 255, 0.92)`,backdropFilter:`blur(20px)`,WebkitBackdropFilter:`blur(20px)`,borderRadius:`16px`,boxShadow:`0 8px 32px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04)`,border:`1px solid rgba(255,255,255,0.8)`,overflow:`hidden`,zIndex:10,marginBottom:`8px`,animation:`cb-slide-up 0.25s ease-out`},children:[(0,l.jsx)(`div`,{style:{display:`flex`,borderBottom:`1px solid rgba(0,0,0,0.06)`,padding:`6px`,gap:`3px`},children:H.map((e,t)=>(0,l.jsx)(`button`,{onClick:()=>i(t),title:e.name,style:{flex:1,padding:`6px 4px`,border:`none`,borderRadius:`8px`,cursor:`pointer`,fontSize:`11px`,fontWeight:600,fontFamily:`inherit`,letterSpacing:`0.02em`,background:t===r?`linear-gradient(135deg, ${n}, ${n}CC)`:`transparent`,color:t===r?`#fff`:`rgba(0,0,0,0.4)`,transition:`all 0.2s ease`,boxShadow:t===r?`0 2px 8px ${n}33`:`none`},children:e.name},e.name))}),(0,l.jsx)(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(8, 1fr)`,gap:`2px`,padding:`8px`,maxHeight:`180px`,overflowY:`auto`},children:o.map(n=>(0,l.jsx)(`button`,{onClick:()=>{e(n),t()},style:{width:`30px`,height:`30px`,border:`none`,backgroundColor:`transparent`,cursor:`pointer`,fontSize:`18px`,borderRadius:`6px`,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`all 0.15s ease`},onMouseEnter:e=>e.currentTarget.style.backgroundColor=`rgba(108, 92, 231, 0.08)`,onMouseLeave:e=>e.currentTarget.style.backgroundColor=`transparent`,children:n},n))})]})},W=({config:e,onFiles:t,selectedFiles:n,onRemoveFile:r,primaryColor:i})=>{let a=(0,c.useRef)(null);return(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`input`,{ref:a,type:`file`,accept:e.accept,multiple:e.multiple!==!1,onChange:r=>{let i=r.target.files;if(!i||i.length===0)return;let o=Array.from(i);if(e.maxSize&&o.filter(t=>t.size>e.maxSize).length>0){alert(`File(s) too large. Max size: ${G(e.maxSize)}`);return}let s=e.maxFiles??5;if(n.length+o.length>s){alert(`Maximum ${s} files allowed`);return}t(o),a.current&&(a.current.value=``)},style:{display:`none`}}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>a.current?.click(),"aria-label":`Attach file`,title:`Attach file`,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,color:`#999`,borderRadius:`6px`,transition:`color 0.15s ease`},onMouseEnter:e=>e.currentTarget.style.color=i,onMouseLeave:e=>e.currentTarget.style.color=`#999`,children:(0,l.jsx)(w,{size:20})})]})},oe=({files:e,onRemove:t,primaryColor:n})=>e.length===0?null:(0,l.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:`6px`,padding:`8px 12px 0`},children:e.map((e,r)=>(0,l.jsx)(se,{file:e,onRemove:()=>t(r),primaryColor:n},`${e.name}-${r}`))}),se=({file:e,onRemove:t,primaryColor:n})=>{let r=e.type.startsWith(`image/`);return(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`6px`,padding:`4px 8px`,backgroundColor:`#F3F4F6`,borderRadius:`8px`,fontSize:`12px`,maxWidth:`200px`},children:[(0,l.jsx)(`span`,{style:{color:n,flexShrink:0},children:r?(0,l.jsx)(E,{size:14}):(0,l.jsx)(T,{size:14})}),(0,l.jsx)(`span`,{style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,color:`#555`},children:e.name}),(0,l.jsx)(`span`,{style:{color:`#999`,fontSize:`11px`,flexShrink:0},children:G(e.size)}),(0,l.jsx)(`button`,{onClick:t,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`0`,display:`flex`,color:`#999`,flexShrink:0},children:(0,l.jsx)(D,{size:14})})]})};function G(e){return e<1024?`${e}B`:e<1024*1024?`${(e/1024).toFixed(1)}KB`:`${(e/(1024*1024)).toFixed(1)}MB`}var K=({onSend:e,placeholder:t=`Type a message...`,primaryColor:n,isDark:r=!1,disabled:i,styleOverride:a,enableEmoji:o=!1,fileUpload:s,onFileUpload:u})=>{let[d,f]=(0,c.useState)(``),[p,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)([]),_=(0,c.useRef)(null),v=(0,c.useCallback)(()=>{let t=d.trim();!t&&h.length===0||(e(t,h.length>0?h:void 0),f(``),g([]),_.current?.focus())},[d,h,e]),b=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),v())},x=e=>{f(t=>t+e),_.current?.focus()},S=e=>{g(t=>[...t,...e]),u?.(e)},w=e=>{g(t=>t.filter((t,n)=>n!==e))},T=d.trim()||h.length>0;return(0,l.jsxs)(`div`,{style:{position:`relative`,...a},children:[h.length>0&&(0,l.jsx)(oe,{files:h,onRemove:w,primaryColor:n}),p&&(0,l.jsx)(U,{onSelect:x,onClose:()=>m(!1),primaryColor:n}),(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`8px`,alignItems:`flex-end`,background:r?`rgba(40, 40, 65, 0.5)`:`rgba(245, 247, 252, 0.7)`,borderRadius:`16px`,border:`1px solid ${r?`rgba(255,255,255,0.08)`:`rgba(0,0,0,0.05)`}`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,padding:`6px 6px 6px 12px`},children:[(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`2px`,flexShrink:0,paddingBottom:`2px`},children:[o&&(0,l.jsx)(`button`,{type:`button`,onClick:()=>m(!p),"aria-label":`Emoji`,title:`Emoji`,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`6px`,display:`flex`,color:p?n:r?`rgba(255,255,255,0.35)`:`rgba(0,0,0,0.3)`,borderRadius:`8px`,transition:`all 0.2s ease`},children:(0,l.jsx)(C,{size:20})}),s?.enabled&&(0,l.jsx)(W,{config:s,onFiles:S,selectedFiles:h,onRemoveFile:w,primaryColor:n})]}),(0,l.jsx)(`textarea`,{ref:_,value:d,onChange:e=>f(e.target.value),onKeyDown:b,placeholder:t,disabled:i,rows:1,style:{flex:1,padding:`8px 2px`,border:`none`,borderRadius:`12px`,outline:`none`,resize:`none`,fontFamily:`inherit`,fontSize:`14px`,lineHeight:`1.45`,maxHeight:`100px`,overflowY:`auto`,backgroundColor:`transparent`,color:r?`#E0E0E0`:`#2D3436`,letterSpacing:`0.01em`}}),(0,l.jsx)(`button`,{onClick:v,disabled:i||!T,"aria-label":`Send message`,style:{width:`36px`,height:`36px`,borderRadius:`12px`,background:T?`linear-gradient(135deg, ${n} 0%, ${ce(n,30)} 100%)`:r?`rgba(255,255,255,0.08)`:`rgba(0,0,0,0.06)`,color:T?`#fff`:r?`rgba(255,255,255,0.25)`:`rgba(0,0,0,0.2)`,border:`none`,cursor:T?`pointer`:`default`,display:`flex`,alignItems:`center`,justifyContent:`center`,flexShrink:0,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`,boxShadow:T?`0 4px 12px ${n}44`:`none`},children:(0,l.jsx)(y,{size:16})})]})]})};function ce(e,t){let n=parseInt(e.replace(`#`,``),16),r=Math.min(255,(n>>16&255)+t),i=Math.min(255,(n>>8&255)+t),a=Math.min(255,(n&255)+t);return`#${(r<<16|i<<8|a).toString(16).padStart(6,`0`)}`}var q=({config:e,primaryColor:t})=>{if(e.showBranding===!1)return null;let n=e.poweredBy??`React ChatBot`;return(0,l.jsxs)(`div`,{style:{padding:`8px 16px`,textAlign:`center`,fontSize:`11px`,color:`rgba(0,0,0,0.35)`,background:`rgba(250, 250, 255, 0.7)`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,borderTop:`1px solid rgba(0,0,0,0.04)`,flexShrink:0,letterSpacing:`0.02em`},children:[`Powered by`,` `,e.poweredByUrl?(0,l.jsx)(`a`,{href:e.poweredByUrl,target:`_blank`,rel:`noopener noreferrer`,style:{color:t,textDecoration:`none`,fontWeight:600,transition:`opacity 0.2s ease`},children:n}):(0,l.jsx)(`span`,{style:{color:t,fontWeight:600},children:n})]})},J=class{constructor(e){this.collectedData={},this.idCounter=0,this.uid=()=>`msg_${Date.now()}_${++this.idCounter}`,this.stepHistory=[],this.startStep=e.startStep,this.steps=new Map(e.steps.map(e=>[e.id,e]))}getStartStepId(){return this.startStep}getStep(e){return this.steps.get(e)}getData(){return{...this.collectedData}}setData(e,t){this.collectedData[e]=t}mergeData(e){Object.assign(this.collectedData,e)}pushHistory(e){this.stepHistory.push(e)}popHistory(){return this.stepHistory.pop(),this.stepHistory.pop()}canGoBack(){return this.stepHistory.length>1}reset(){this.collectedData={},this.stepHistory=[]}resolveNext(e,t){if(e.condition){let{field:t,operator:n,value:r,then:i,else:a}=e.condition,o=this.collectedData[t];return this.evaluate(o,n,r)?i:a}if(t&&e.quickReplies){let n=e.quickReplies.find(e=>e.value===t);if(n?.next)return n.next}return e.next}stepExpectsQuickReply(e){return!!(e.quickReplies&&e.quickReplies.length>0)}stepExpectsForm(e){return!!e.form}matchQuickReply(e,t){if(!e.quickReplies)return;let n=t.toLowerCase().trim();return e.quickReplies.find(e=>e.value.toLowerCase()===n)||e.quickReplies.find(e=>e.label.toLowerCase().replace(/[^\w\s]/g,``).trim()===n)||e.quickReplies.find(e=>n.includes(e.value.toLowerCase())||e.label.toLowerCase().includes(n))}buildMessages(e){let t=[],n=e.messages??(e.message?[e.message]:[]);for(let e of n)t.push({id:this.uid(),sender:`bot`,text:e,timestamp:Date.now()});return e.quickReplies&&t.length>0&&(t[t.length-1].quickReplies=e.quickReplies),e.form&&t.push({id:this.uid(),sender:`bot`,timestamp:Date.now(),form:e.form}),e.component&&t.push({id:this.uid(),sender:`bot`,timestamp:Date.now(),component:e.component}),t}evaluate(e,t,n){switch(t){case`eq`:return String(e)===String(n);case`neq`:return String(e)!==String(n);case`contains`:return String(e).includes(String(n));case`gt`:return Number(e)>Number(n);case`lt`:return Number(e)<Number(n);default:return!1}}},le=0,Y=()=>`msg_${Date.now()}_${++le}`,X=e=>new Promise(t=>setTimeout(t,e)),ue={"/help":`Show available commands`,"/cancel":`Cancel current step and go back`,"/back":`Go back to the previous step`,"/restart":`Restart the conversation from the beginning`},de=[`hi`,`hello`,`hey`,`howdy`,`hola`,`greetings`,`good morning`,`good afternoon`,`good evening`,`sup`,`yo`,`hii`,`hiii`];function fe(e,t){let n=t.caseSensitive?e:e.toLowerCase();for(let r of t.patterns){let i=t.caseSensitive?r:r.toLowerCase();switch(t.matchType??`contains`){case`exact`:if(n===i)return!0;break;case`startsWith`:if(n.startsWith(i))return!0;break;case`regex`:try{if(new RegExp(i,t.caseSensitive?``:`i`).test(e))return!0}catch{}break;default:if(n.includes(i))return!0;break}}return!1}function pe(e,t){return[...t].sort((e,t)=>(t.priority??0)-(e.priority??0)).find(t=>fe(e,t))}function me(e,t){let n=e;if(t.transform)switch(t.transform){case`trim`:n=n.trim();break;case`lowercase`:n=n.toLowerCase();break;case`uppercase`:n=n.toUpperCase();break;case`email`:n=n.trim().toLowerCase();break}if(t.validation){let e=t.validation;if(e.required&&!n.trim())return{valid:!1,value:n,error:e.message??`This field is required.`};if(e.minLength&&n.length<e.minLength)return{valid:!1,value:n,error:e.message??`Must be at least ${e.minLength} characters.`};if(e.maxLength&&n.length>e.maxLength)return{valid:!1,value:n,error:e.message??`Must be at most ${e.maxLength} characters.`};if(e.pattern)try{if(!new RegExp(e.pattern).test(n))return{valid:!1,value:n,error:e.message??`Invalid format.`}}catch{}}return{valid:!0,value:n}}function Z(){let{state:e,dispatch:t,props:n,pluginManager:r}=p(),i=(0,c.useRef)(null),a=(0,c.useRef)(!1),o=(0,c.useRef)(e);o.current=e;let s=(0,c.useRef)(n);s.current=n,(0,c.useEffect)(()=>{n.flow&&(i.current=new J(n.flow),a.current=!1)},[n.flow]);let l=(0,c.useCallback)(async(e,n)=>{t({type:`SET_TYPING`,payload:!0}),await X(400);let r={id:Y(),sender:`bot`,text:e,timestamp:Date.now(),...n};t({type:`SET_TYPING`,payload:!1}),t({type:`ADD_MESSAGE`,payload:r}),s.current.callbacks?.onMessageReceive?.(r)},[t]),u=(0,c.useCallback)(e=>{t({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`system`,text:e,timestamp:Date.now()}})},[t]),d=(0,c.useRef)(async()=>{});d.current=async e=>{let n=i.current;if(!n)return;let r=n.getStep(e);if(!r)return;n.pushHistory(e),t({type:`SET_STEP`,payload:e}),t({type:`SET_TYPING`,payload:!0}),await X(r.delay??500);let a=n.buildMessages(r);if(t({type:`SET_TYPING`,payload:!1}),t({type:`ADD_MESSAGES`,payload:a}),a.forEach(e=>s.current.callbacks?.onMessageReceive?.(e)),r.asyncAction){let e=s.current.actionHandlers?.[r.asyncAction.handler];if(e){let i=Y();t({type:`ADD_MESSAGE`,payload:{id:i,sender:`bot`,text:r.asyncAction.loadingMessage??`Processing...`,timestamp:Date.now()}});let a={updateMessage:e=>{t({type:`UPDATE_MESSAGE`,payload:{id:i,updates:{text:e}}})}};try{let o=await e(n.getData(),a);o.data&&(n.mergeData(o.data),t({type:`SET_DATA`,payload:o.data})),t({type:`UPDATE_MESSAGE`,payload:{id:i,updates:{text:o.message??(o.status===`success`?r.asyncAction.successMessage??`Done!`:r.asyncAction.errorMessage??`Something went wrong.`)}}});let s=f(r,o);s&&(await X(600),d.current(s))}catch{t({type:`UPDATE_MESSAGE`,payload:{id:i,updates:{text:r.asyncAction.errorMessage??`❌ Something went wrong.`}}}),r.asyncAction.onError&&(await X(600),d.current(r.asyncAction.onError))}return}}r.component&&s.current.components?.[r.component]||!r.quickReplies&&!r.form&&!r.input&&r.next&&(await X(300),d.current(r.next))};function f(e,t){return t.next?t.next:e.asyncAction?.routes?.[t.status]?e.asyncAction.routes[t.status]:t.status===`success`&&e.asyncAction?.onSuccess?e.asyncAction.onSuccess:t.status===`error`&&e.asyncAction?.onError?e.asyncAction.onError:e.next}let m=(0,c.useCallback)(e=>d.current(e),[]),h=(0,c.useCallback)(()=>{let e=i.current;if(!e||!e.canGoBack()){u(`There is no previous step to go back to.`);return}t({type:`CLEAR_QUICK_REPLIES`});let n=e.popHistory();n?m(n):u(`There is no previous step to go back to.`)},[t,m,u]),g=(0,c.useCallback)(()=>{let e=i.current;e&&e.reset(),a.current=!1,t({type:`RESET_CHAT`}),e&&(a.current=!0,m(e.getStartStepId()))},[t,m]),_=(0,c.useRef)(()=>!1);_.current=e=>{let t=e.trim().toLowerCase();if(!t.startsWith(`/`))return!1;switch(t){case`/help`:return u(`Available commands:
2
- ${Object.entries(ue).map(([e,t])=>`**${e}** — ${t}`).join(`
3
- `)}`),!0;case`/cancel`:case`/back`:return h(),!0;case`/restart`:return g(),!0;default:return u(`Unknown command: ${t}. Type /help for available commands.`),!0}};let v=(0,c.useCallback)(e=>{let n=i.current,r=o.current.currentStepId;if(!n||!r)return;let a=n.getStep(r);if(!a)return;e?.data&&(n.mergeData(e.data),t({type:`SET_DATA`,payload:e.data})),e?.message&&t({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`bot`,text:e.message,timestamp:Date.now()}});let c=e?.next??a.next;c?m(c):(s.current.callbacks?.onFlowEnd?.(n.getData()),t({type:`SET_STEP`,payload:null}))},[t,m]),y=(0,c.useCallback)(async e=>{if(_.current(e))return;let n={id:Y(),sender:`user`,text:e,timestamp:Date.now()},a=r?await r.onMessage(n):n;t({type:`ADD_MESSAGE`,payload:a}),s.current.callbacks?.onMessageSend?.(a),s.current.callbacks?.onSubmit?.({message:a.text});let c=o.current.currentStepId,u=s.current.typingDelay??0;if(i.current&&c){let n=i.current.getStep(c);if(n){if(n.asyncAction||n.component){l(`Please wait, I'm still processing. You can type /back to go back.`);return}if(i.current.stepExpectsQuickReply(n)){let r=i.current.matchQuickReply(n,e);if(r){t({type:`CLEAR_QUICK_REPLIES`}),i.current.setData(n.id,r.value);let e=i.current.resolveNext(n,r.value);e?m(e):(s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}else l(`I didn't quite get that. Please choose one of the options below:`,{quickReplies:n.quickReplies})}else if(i.current.stepExpectsForm(n))l(`Please fill out the form above to continue.`);else if(n.input){let r=me(e,n.input);if(!r.valid){l(r.error??`Invalid input. Please try again.`);return}i.current.setData(n.id,r.value);let a=i.current.resolveNext(n,r.value);a?m(a):(l(`Thanks for your message! Our team will get back to you soon. 🙌`),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}else{i.current.setData(n.id,e);let r=i.current.resolveNext(n,e);r?m(r):(l(`Thanks for your message! Our team will get back to you soon. 🙌`),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}return}}let d=[...s.current.keywords??[]];if(s.current.greetingResponse&&d.push({patterns:de,response:s.current.greetingResponse,matchType:`exact`,priority:-1}),d.length>0){let n=pe(e.trim(),d);if(n){if(n.next&&i.current){u>0&&await X(u),m(n.next);return}if(n.response){u>0&&(t({type:`SET_TYPING`,payload:!0}),await X(u),t({type:`SET_TYPING`,payload:!1})),await l(n.response);return}}}let f=s.current.fallbackMessage;if(f){let n=typeof f==`function`?f(e):f;if(n){u>0&&(t({type:`SET_TYPING`,payload:!0}),await X(u),t({type:`SET_TYPING`,payload:!1})),await l(n);return}}s.current.callbacks?.onUnhandledMessage?.(e,{currentStepId:c})},[t,l,m,r]),b=(0,c.useCallback)(()=>{let e=i.current;!e||a.current||(a.current=!0,m(e.getStartStepId()))},[m]);return(0,c.useEffect)(()=>{n.flow&&!e.showWelcome&&e.isLoggedIn&&!a.current&&b()},[n.flow,e.showWelcome,e.isLoggedIn,b]),{state:e,sendMessage:y,addBotMessage:l,handleQuickReply:(0,c.useCallback)((e,n)=>{t({type:`CLEAR_QUICK_REPLIES`}),t({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`user`,text:n,timestamp:Date.now()}}),s.current.callbacks?.onQuickReply?.(e,n);let r=o.current.currentStepId;if(i.current&&r){let n=i.current.getStep(r);if(n){i.current.setData(n.id,e);let r=i.current.resolveNext(n,e);r?m(r):(s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}}},[t,m]),handleFormSubmit:(0,c.useCallback)(async(e,n)=>{t({type:`SET_DATA`,payload:n}),i.current&&i.current.mergeData(n);let r=Object.entries(n).filter(([,e])=>e!==void 0&&e!==``).map(([e,t])=>`${e}: ${String(t)}`).join(`
4
- `);t({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`user`,text:r,formData:n,timestamp:Date.now()}}),await s.current.callbacks?.onFormSubmit?.(e,n);let a=o.current.currentStepId;if(i.current&&a){let e=i.current.getStep(a);if(e){let n=i.current.resolveNext(e);n?m(n):(s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}}},[t,m]),handleLogin:(0,c.useCallback)(async e=>{await s.current.callbacks?.onLogin?.(e),t({type:`SET_LOGGED_IN`,payload:!0})},[t]),toggleChat:(0,c.useCallback)(()=>{let e=!o.current.isOpen;t({type:`TOGGLE_OPEN`}),e?s.current.callbacks?.onOpen?.():s.current.callbacks?.onClose?.()},[t]),dismissWelcome:(0,c.useCallback)(()=>{t({type:`DISMISS_WELCOME`})},[t]),startFlow:b,processFlowStep:m,goBack:h,restartSession:g,handleComponentComplete:v}}var Q=({styles:e,position:t,zIndex:n,hidden:r})=>{let{props:i,dispatch:a}=p(),o=g(i.theme),s=o.mode===`dark`,{state:u,sendMessage:d,handleQuickReply:f,handleFormSubmit:m,handleLogin:h,toggleChat:_,dismissWelcome:v,restartSession:y,handleComponentComplete:b}=Z(),x=t===`bottom-left`?{bottom:`96px`,left:`24px`}:{bottom:`96px`,right:`24px`},S=(0,c.useCallback)((e,t)=>{if(t&&t.length>0){let n=t.map(e=>({name:e.name,url:URL.createObjectURL(e),type:e.type,size:e.size}));e?(a({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`user`,text:e,timestamp:Date.now(),attachments:n}}),d(e)):a({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`user`,timestamp:Date.now(),attachments:n}}),i.callbacks?.onFileUpload?.(t)}else e&&d(e)},[d,a,i.callbacks]),C=(0,c.useMemo)(()=>({currentStepId:u.currentStepId,isOpen:u.isOpen,messages:u.messages,collectedData:u.collectedData,toggleChat:_,restartSession:y,sendMessage:d}),[u.currentStepId,u.isOpen,u.messages,u.collectedData,_,y,d]),w=(0,l.jsx)(k,{config:i.header??{title:`Chat with us`},styles:e,onClose:_,onRestart:y,logo:i.branding?.logo,logoWidth:i.branding?.logoWidth}),T=(0,l.jsx)(K,{onSend:S,placeholder:i.inputPlaceholder,primaryColor:o.primaryColor,isDark:s,enableEmoji:i.enableEmoji,fileUpload:i.fileUpload,onFileUpload:i.callbacks?.onFileUpload});return r?(0,l.jsx)(`div`,{style:{display:`none`}}):(0,l.jsxs)(`div`,{style:{...e.window,...x,...n==null?{}:{zIndex:n}},children:[i.renderHeader?i.renderHeader(C,w):w,u.showWelcome&&i.welcomeScreen?(0,l.jsx)(A,{content:i.welcomeScreen,onDismiss:v,primaryColor:o.primaryColor}):!u.isLoggedIn&&i.loginForm?(0,l.jsx)(L,{config:i.loginForm,onLogin:h,primaryColor:o.primaryColor,renderFormField:i.renderFormField}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(V,{messages:u.messages,isTyping:u.isTyping,styles:e,primaryColor:o.primaryColor,onQuickReply:f,onFormSubmit:m,components:i.components,onComponentComplete:b,collectedData:u.collectedData,currentStepId:u.currentStepId,renderFormField:i.renderFormField}),(0,l.jsx)(`div`,{style:e.inputArea,children:i.renderInput?i.renderInput(C,T):T}),i.branding&&(0,l.jsx)(q,{config:i.branding,primaryColor:o.primaryColor})]})]})},he=class{constructor(){this.plugins=[],this.context=null,this.eventHandlers=new Map}register(e){this.plugins=[...e]}setContext(e){this.context={...e,on:(e,t)=>this.on(e,t),emit:(e,...t)=>this.emit(e,...t)}}on(e,t){this.eventHandlers.has(e)||this.eventHandlers.set(e,new Set),this.eventHandlers.get(e).add(t)}emit(e,...t){let n=this.eventHandlers.get(e);n&&n.forEach(e=>e(...t))}async init(){if(this.context)for(let e of this.plugins)try{await e.onInit?.(this.context)}catch{}}async onMessage(e){if(!this.context)return e;let t=e;for(let e of this.plugins)try{let n=await e.onMessage?.(t,this.context);n&&typeof n==`object`&&`id`in n&&(t=n)}catch{}return this.dispatchEvent({type:`message`,payload:t,timestamp:Date.now()}),t}async onSubmit(e){if(this.context){for(let t of this.plugins)try{await t.onSubmit?.(e,this.context)}catch{}this.dispatchEvent({type:`submit`,payload:e,timestamp:Date.now()})}}async destroy(){if(this.context){for(let e of this.plugins)try{await e.onDestroy?.(this.context)}catch{}this.eventHandlers.clear(),this.plugins=[]}}dispatchEvent(e){if(this.context)for(let t of this.plugins)try{t.onEvent?.(e,this.context)}catch{}}},ge=`
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react/jsx-runtime`);function u(e,t){switch(t.type){case`TOGGLE_OPEN`:return{...e,isOpen:!e.isOpen};case`SET_OPEN`:return{...e,isOpen:t.payload};case`ADD_MESSAGE`:return{...e,messages:[...e.messages,t.payload]};case`ADD_MESSAGES`:return{...e,messages:[...e.messages,...t.payload]};case`SET_TYPING`:return{...e,isTyping:t.payload};case`DISMISS_WELCOME`:return{...e,showWelcome:!1};case`SET_STEP`:return{...e,currentStepId:t.payload};case`SET_DATA`:return{...e,collectedData:{...e.collectedData,...t.payload}};case`SET_LOGGED_IN`:return{...e,isLoggedIn:t.payload};case`CLEAR_QUICK_REPLIES`:{let t=-1;for(let n=e.messages.length-1;n>=0;n--)if(e.messages[n].quickReplies){t=n;break}if(t===-1)return e;let n=[...e.messages];return n[t]={...n[t],quickReplies:void 0},{...e,messages:n}}case`RESET_CHAT`:return{...e,messages:[],isTyping:!1,currentStepId:null,collectedData:{}};case`UPDATE_MESSAGE`:return{...e,messages:e.messages.map(e=>e.id===t.payload.id?{...e,...t.payload.updates}:e)};default:return e}}var d=e=>({isOpen:e.defaultOpen??!1,messages:e.initialMessages??[],isTyping:!1,showWelcome:!!e.welcomeScreen,currentStepId:null,collectedData:{},isLoggedIn:!e.loginForm}),f=(0,c.createContext)(null);function p(){let e=(0,c.useContext)(f);if(!e)throw Error(`useChatContext must be used within ChatProvider`);return e}var m={primaryColor:`#6C5CE7`,headerBg:`linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%)`,headerText:`#FFFFFF`,bubbleBg:`rgba(241, 243, 249, 0.85)`,bubbleText:`#2D3436`,userBubbleBg:`linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%)`,userBubbleText:`#FFFFFF`,fontFamily:`"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`,fontSize:`14px`,borderRadius:`20px`,windowWidth:`400px`,windowHeight:`600px`,mode:`light`},h={headerBg:`linear-gradient(135deg, #2D1B69 0%, #4A3298 100%)`,headerText:`#F0F0FF`,bubbleBg:`rgba(45, 45, 70, 0.85)`,bubbleText:`#E8E8F0`,userBubbleBg:`linear-gradient(135deg, #6C5CE7 0%, #A29BFE 100%)`,userBubbleText:`#FFFFFF`};function g(e){let t={...m,...e};return t.mode===`dark`?{...t,...h,...e}:t}function _(e){return{"--cb-primary":e.primaryColor,"--cb-header-bg":e.headerBg,"--cb-header-text":e.headerText,"--cb-bubble-bg":e.bubbleBg,"--cb-bubble-text":e.bubbleText,"--cb-user-bubble-bg":e.userBubbleBg,"--cb-user-bubble-text":e.userBubbleText,"--cb-font-family":e.fontFamily,"--cb-font-size":e.fontSize,"--cb-border-radius":e.borderRadius,"--cb-window-width":e.windowWidth,"--cb-window-height":e.windowHeight,"--cb-bg":e.mode===`dark`?`rgba(22, 22, 40, 0.95)`:`rgba(255, 255, 255, 0.92)`,"--cb-border":e.mode===`dark`?`rgba(255,255,255,0.08)`:`rgba(0,0,0,0.06)`,"--cb-input-bg":e.mode===`dark`?`rgba(40, 40, 65, 0.8)`:`rgba(245, 247, 252, 0.9)`,"--cb-input-border":e.mode===`dark`?`rgba(255,255,255,0.1)`:`rgba(0,0,0,0.06)`,"--cb-input-text":e.mode===`dark`?`#E0E0E0`:`#2D3436`,"--cb-branding-bg":e.mode===`dark`?`rgba(20, 20, 35, 0.8)`:`rgba(250, 250, 255, 0.8)`}}function v(e,t){let n=e.mode===`dark`;return{root:{fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:`1.5`},launcher:{position:`fixed`,width:`62px`,height:`62px`,borderRadius:`50%`,background:e.headerBg,color:`#fff`,border:`none`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 6px 24px rgba(108, 92, 231, 0.4), 0 2px 8px rgba(0,0,0,0.1)`,transition:`all 0.3s cubic-bezier(0.4, 0, 0.2, 1)`,zIndex:9998,...t?.launcher},window:{position:`fixed`,width:e.windowWidth,height:e.windowHeight,maxHeight:`85vh`,borderRadius:e.borderRadius,overflow:`hidden`,display:`flex`,flexDirection:`column`,boxShadow:n?`0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05)`:`0 20px 60px rgba(108, 92, 231, 0.15), 0 8px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04)`,backgroundColor:n?`rgba(22, 22, 40, 0.95)`:`rgba(255, 255, 255, 0.95)`,backdropFilter:`blur(20px)`,WebkitBackdropFilter:`blur(20px)`,border:n?`1px solid rgba(255,255,255,0.08)`:`1px solid rgba(255,255,255,0.8)`,zIndex:9999,animation:`cb-window-enter 0.35s cubic-bezier(0.4, 0, 0.2, 1)`,...t?.window},header:{background:e.headerBg,color:e.headerText,padding:`18px 20px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`12px`,flexShrink:0,position:`relative`,overflow:`hidden`,...t?.header},messageList:{flex:1,overflowY:`auto`,padding:`20px 16px`,display:`flex`,flexDirection:`column`,gap:`10px`,background:n?`linear-gradient(180deg, rgba(22, 22, 40, 0.98) 0%, rgba(30, 30, 50, 0.98) 100%)`:`linear-gradient(180deg, rgba(248, 249, 254, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%)`,...t?.messageList},inputArea:{padding:`12px 16px 14px`,borderTop:`1px solid ${n?`rgba(255,255,255,0.06)`:`rgba(0,0,0,0.05)`}`,backgroundColor:n?`rgba(20, 20, 38, 0.9)`:`rgba(255, 255, 255, 0.95)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,flexShrink:0,...t?.inputArea},botBubble:{background:n?`rgba(45, 45, 70, 0.7)`:`rgba(241, 243, 249, 0.9)`,color:n?`#E8E8F0`:`#2D3436`,padding:`12px 16px`,borderRadius:`18px 18px 18px 4px`,maxWidth:`82%`,alignSelf:`flex-start`,wordBreak:`break-word`,whiteSpace:`pre-wrap`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,border:n?`1px solid rgba(255,255,255,0.06)`:`1px solid rgba(0,0,0,0.04)`,boxShadow:n?`0 2px 8px rgba(0,0,0,0.2)`:`0 2px 8px rgba(0,0,0,0.04)`,fontSize:`14px`,lineHeight:`1.55`,letterSpacing:`0.01em`},userBubble:{background:e.userBubbleBg,color:e.userBubbleText,padding:`12px 16px`,borderRadius:`18px 18px 4px 18px`,maxWidth:`82%`,alignSelf:`flex-end`,wordBreak:`break-word`,whiteSpace:`pre-wrap`,boxShadow:`0 4px 14px rgba(108, 92, 231, 0.25)`,fontSize:`14px`,lineHeight:`1.55`,letterSpacing:`0.01em`}}}var y=({size:e=18,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:t,children:(0,l.jsx)(`path`,{d:`M2.01 21L23 12 2.01 3 2 10l15 2-15 2z`})}),b=({size:e=28,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z`})}),x=({size:e=20,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,l.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]}),S=({size:e=20,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})}),C=({size:e=20,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2`}),(0,l.jsx)(`line`,{x1:`9`,y1:`9`,x2:`9.01`,y2:`9`}),(0,l.jsx)(`line`,{x1:`15`,y1:`9`,x2:`15.01`,y2:`9`})]}),w=({size:e=20,color:t=`currentColor`})=>(0,l.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,l.jsx)(`path`,{d:`M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48`})}),T=({size:e=16,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`path`,{d:`M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z`}),(0,l.jsx)(`polyline`,{points:`14 2 14 8 20 8`})]}),ee=({size:e=16,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,ry:`2`}),(0,l.jsx)(`circle`,{cx:`8.5`,cy:`8.5`,r:`1.5`}),(0,l.jsx)(`polyline`,{points:`21 15 16 10 5 21`})]}),E=({size:e=14,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,l.jsx)(`line`,{x1:`15`,y1:`9`,x2:`9`,y2:`15`}),(0,l.jsx)(`line`,{x1:`9`,y1:`9`,x2:`15`,y2:`15`})]}),D=({size:e=16,color:t=`currentColor`})=>(0,l.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:t,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`polyline`,{points:`1 4 1 10 7 10`}),(0,l.jsx)(`path`,{d:`M3.51 15a9 9 0 1 0 2.13-9.36L1 10`})]}),O=({onClick:e,isOpen:t,position:n,styles:r,icon:i,closeIcon:a,zIndex:o})=>{let s=n===`bottom-left`?{bottom:`24px`,left:`24px`}:{bottom:`24px`,right:`24px`};return(0,l.jsx)(`button`,{onClick:e,"aria-label":t?`Close chat`:`Open chat`,style:{...r.launcher,...s,...o==null?{}:{zIndex:o},transform:t?`scale(0.92) rotate(90deg)`:`scale(1)`,animation:t?`none`:`cb-launcher-pulse 3s ease-in-out infinite`},children:t?a??(0,l.jsx)(x,{size:22}):i??(0,l.jsx)(b,{size:26})})},te=({config:e,styles:t,onClose:n,onRestart:r,logo:i,logoWidth:a})=>(0,l.jsxs)(`div`,{style:t.header,children:[(0,l.jsx)(`div`,{style:{position:`absolute`,top:0,left:0,right:0,bottom:0,background:`linear-gradient(135deg, rgba(255,255,255,0.12) 0%, transparent 50%)`,pointerEvents:`none`}}),(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`12px`,flex:1,position:`relative`,zIndex:1},children:[e.avatar&&(0,l.jsxs)(`div`,{style:{position:`relative`},children:[(0,l.jsx)(`img`,{src:e.avatar,alt:``,style:{width:`40px`,height:`40px`,borderRadius:`50%`,objectFit:`cover`,border:`2px solid rgba(255,255,255,0.3)`}}),(0,l.jsx)(`span`,{style:{position:`absolute`,bottom:`1px`,right:`1px`,width:`10px`,height:`10px`,backgroundColor:`#2ECC71`,borderRadius:`50%`,border:`2px solid rgba(255,255,255,0.8)`}})]}),i&&!e.avatar&&(0,l.jsx)(`img`,{src:i,alt:``,style:{width:a??`36px`,height:`auto`,objectFit:`contain`,filter:`brightness(1.1)`}}),!e.avatar&&!i&&(0,l.jsx)(`div`,{style:{width:`40px`,height:`40px`,borderRadius:`50%`,background:`rgba(255,255,255,0.2)`,backdropFilter:`blur(4px)`,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:`18px`,fontWeight:700,color:`rgba(255,255,255,0.9)`,border:`1px solid rgba(255,255,255,0.2)`},children:(e.title??`C`).charAt(0).toUpperCase()}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`div`,{style:{fontWeight:600,fontSize:`16px`,letterSpacing:`-0.01em`},children:e.title??`Chat with us`}),e.subtitle&&(0,l.jsxs)(`div`,{style:{fontSize:`12px`,opacity:.8,display:`flex`,alignItems:`center`,gap:`5px`,marginTop:`1px`},children:[(0,l.jsx)(`span`,{style:{width:`6px`,height:`6px`,borderRadius:`50%`,backgroundColor:`#2ECC71`,display:`inline-block`}}),e.subtitle]})]})]}),(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`2px`,position:`relative`,zIndex:1},children:[e.showRestart&&r&&(0,l.jsx)(`button`,{onClick:r,"aria-label":`Restart conversation`,title:`Restart conversation`,style:{background:`rgba(255,255,255,0.1)`,border:`none`,color:`inherit`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,borderRadius:`8px`,transition:`background 0.2s ease`},onMouseEnter:e=>e.currentTarget.style.background=`rgba(255,255,255,0.2)`,onMouseLeave:e=>e.currentTarget.style.background=`rgba(255,255,255,0.1)`,children:(0,l.jsx)(D,{size:16})}),e.showMinimize&&(0,l.jsx)(`button`,{onClick:n,"aria-label":`Minimize chat`,style:{background:`rgba(255,255,255,0.1)`,border:`none`,color:`inherit`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,borderRadius:`8px`,transition:`background 0.2s ease`},onMouseEnter:e=>e.currentTarget.style.background=`rgba(255,255,255,0.2)`,onMouseLeave:e=>e.currentTarget.style.background=`rgba(255,255,255,0.1)`,children:(0,l.jsx)(S,{size:16})}),e.showClose!==!1&&(0,l.jsx)(`button`,{onClick:n,"aria-label":`Close chat`,style:{background:`rgba(255,255,255,0.1)`,border:`none`,color:`inherit`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,borderRadius:`8px`,transition:`background 0.2s ease`},onMouseEnter:e=>e.currentTarget.style.background=`rgba(255,255,255,0.2)`,onMouseLeave:e=>e.currentTarget.style.background=`rgba(255,255,255,0.1)`,children:(0,l.jsx)(x,{size:18})})]})]}),ne=({content:e,onDismiss:t,primaryColor:n})=>(0,l.jsxs)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,overflow:`auto`,background:`linear-gradient(180deg, rgba(248, 249, 254, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%)`},children:[(0,l.jsx)(`div`,{style:{flex:1,padding:`28px 24px`,overflow:`auto`},children:e}),(0,l.jsx)(`div`,{style:{padding:`16px 20px`,borderTop:`1px solid rgba(0,0,0,0.05)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,flexShrink:0},children:(0,l.jsx)(`button`,{onClick:t,style:{width:`100%`,padding:`14px`,background:`linear-gradient(135deg, ${n} 0%, ${re(n,30)} 100%)`,color:`#fff`,border:`none`,borderRadius:`14px`,fontSize:`15px`,fontWeight:600,cursor:`pointer`,fontFamily:`inherit`,letterSpacing:`0.02em`,boxShadow:`0 6px 20px ${n}44`,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`},onMouseEnter:e=>{e.currentTarget.style.transform=`translateY(-1px)`,e.currentTarget.style.boxShadow=`0 8px 28px ${n}55`},onMouseLeave:e=>{e.currentTarget.style.transform=`translateY(0)`,e.currentTarget.style.boxShadow=`0 6px 20px ${n}44`},children:`Start Chat`})})]});function re(e,t){let n=parseInt(e.replace(`#`,``),16),r=Math.min(255,(n>>16&255)+t),i=Math.min(255,(n>>8&255)+t),a=Math.min(255,(n&255)+t);return`#${(r<<16|i<<8|a).toString(16).padStart(6,`0`)}`}var ie=({field:e,value:t,onChange:n,error:r})=>{let i=e.type===`textarea`,a=e.type===`textarea`?void 0:e.type,o={width:`100%`,padding:`10px 14px`,border:`1.5px solid ${r?`rgba(229, 62, 62, 0.5)`:`rgba(0,0,0,0.08)`}`,borderRadius:`12px`,fontSize:`13px`,fontFamily:`inherit`,outline:`none`,boxSizing:`border-box`,transition:`all 0.2s ease`,backgroundColor:`rgba(245, 247, 252, 0.6)`,color:`#2D3436`,letterSpacing:`0.01em`};return(0,l.jsxs)(`div`,{style:{marginBottom:`14px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500,color:`#2D3436`},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`3px`},children:`*`})]}),i?(0,l.jsx)(`textarea`,{value:t,onChange:e=>n(e.target.value),placeholder:e.placeholder,required:e.required,rows:3,style:{...o,resize:`vertical`},minLength:e.validation?.minLength,maxLength:e.validation?.maxLength}):(0,l.jsx)(`input`,{type:a,value:t,onChange:e=>n(e.target.value),placeholder:e.placeholder,required:e.required,style:o,min:e.validation?.min,max:e.validation?.max,minLength:e.validation?.minLength,maxLength:e.validation?.maxLength,pattern:e.validation?.pattern}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},k=({field:e,value:t,onChange:n,error:r})=>{let i=e.type===`multiselect`||e.multiple,a=e=>{n(i?Array.from(e.target.selectedOptions,e=>e.value):e.target.value)},o=i?Array.isArray(t)?t:[t].filter(Boolean):typeof t==`string`?t:``;return(0,l.jsxs)(`div`,{style:{marginBottom:`14px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500,color:`#2D3436`},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`3px`},children:`*`})]}),(0,l.jsxs)(`select`,{value:o,onChange:a,multiple:i,required:e.required,style:{width:`100%`,padding:`10px 14px`,border:`1.5px solid ${r?`rgba(229, 62, 62, 0.5)`:`rgba(0,0,0,0.08)`}`,borderRadius:`12px`,fontSize:`13px`,fontFamily:`inherit`,outline:`none`,backgroundColor:`rgba(245, 247, 252, 0.6)`,color:`#2D3436`,boxSizing:`border-box`,transition:`all 0.2s ease`,...i?{minHeight:`80px`}:{}},children:[!i&&(0,l.jsx)(`option`,{value:``,children:`Select...`}),e.options?.map(e=>(0,l.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),i&&(0,l.jsx)(`div`,{style:{fontSize:`11px`,color:`#888`,marginTop:`2px`},children:`Hold Ctrl/Cmd to select multiple`}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},A=({field:e,value:t,onChange:n,error:r})=>(0,l.jsxs)(`div`,{style:{marginBottom:`12px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`2px`},children:`*`})]}),(0,l.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`6px`},children:e.options?.map(r=>(0,l.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,cursor:`pointer`,fontSize:`13px`},children:[(0,l.jsx)(`input`,{type:`radio`,name:e.name,value:r.value,checked:t===r.value,onChange:()=>n(r.value),style:{margin:0}}),r.label]},r.value))}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]}),j=({field:e,value:t,onChange:n,error:r})=>{let i=e=>{t.includes(e)?n(t.filter(t=>t!==e)):n([...t,e])};return(0,l.jsxs)(`div`,{style:{marginBottom:`12px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`6px`,fontSize:`13px`,fontWeight:500},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`2px`},children:`*`})]}),(0,l.jsx)(`div`,{style:{display:`flex`,flexDirection:`column`,gap:`6px`},children:e.options?.map(e=>(0,l.jsxs)(`label`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,cursor:`pointer`,fontSize:`13px`},children:[(0,l.jsx)(`input`,{type:`checkbox`,checked:t.includes(e.value),onChange:()=>i(e.value),style:{margin:0}}),e.label]},e.value))}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},M=({field:e,value:t,onChange:n,error:r,primaryColor:i})=>{let a=(0,c.useRef)(null),o=t?Array.from(t).map(e=>e.name).join(`, `):``;return(0,l.jsxs)(`div`,{style:{marginBottom:`12px`},children:[e.label&&(0,l.jsxs)(`label`,{style:{display:`block`,marginBottom:`4px`,fontSize:`13px`,fontWeight:500},children:[e.label,e.required&&(0,l.jsx)(`span`,{style:{color:`#E53E3E`,marginLeft:`2px`},children:`*`})]}),(0,l.jsx)(`input`,{ref:a,type:`file`,accept:e.accept,multiple:e.multiple,onChange:e=>n(e.target.files),style:{display:`none`}}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>a.current?.click(),style:{padding:`8px 16px`,border:`1px dashed ${r?`#E53E3E`:`#D1D5DB`}`,borderRadius:`8px`,backgroundColor:`#FAFAFA`,cursor:`pointer`,fontSize:`13px`,color:`#555`,width:`100%`,textAlign:`left`},children:o||e.placeholder||`Choose file(s)...`}),o&&(0,l.jsxs)(`div`,{style:{fontSize:`12px`,color:i,marginTop:`4px`},children:[Array.from(t).length,` file(s) selected`]}),r&&(0,l.jsx)(`div`,{style:{color:`#E53E3E`,fontSize:`12px`,marginTop:`2px`},children:r})]})},N=({config:e,onSubmit:t,primaryColor:n,renderFormField:r})=>{let[i,a]=(0,c.useState)(()=>{let t={};for(let n of e.fields)n.defaultValue===void 0?n.type===`checkbox`||n.type===`multiselect`?t[n.name]=[]:n.type===`file`?t[n.name]=null:t[n.name]=``:t[n.name]=n.defaultValue;return t}),[o,s]=(0,c.useState)({}),[u,d]=(0,c.useState)(!1),f=(0,c.useCallback)((e,t)=>{a(n=>({...n,[e]:t})),s(t=>{let n={...t};return delete n[e],n})},[]),p=()=>{let t={};for(let n of e.fields){let e=i[n.name];if(n.required&&(e===``||e==null||Array.isArray(e)&&e.length===0)){t[n.name]=n.validation?.message??`${n.label||n.name} is required`;continue}if(n.validation?.pattern&&typeof e==`string`&&e)try{new RegExp(n.validation.pattern).test(e)||(t[n.name]=n.validation.message??`Invalid format`)}catch{}}return s(t),Object.keys(t).length===0};return u?(0,l.jsx)(`div`,{style:{padding:`16px`,background:`linear-gradient(135deg, rgba(46, 213, 115, 0.1), rgba(46, 213, 115, 0.05))`,borderRadius:`14px`,fontSize:`14px`,color:`#2ecc71`,textAlign:`center`,fontWeight:500,border:`1px solid rgba(46, 213, 115, 0.15)`,animation:`cb-fade-in 0.3s ease-out`},children:`✓ Submitted successfully`}):(0,l.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),p()&&(d(!0),t(i))},style:{background:`rgba(255, 255, 255, 0.7)`,backdropFilter:`blur(12px)`,WebkitBackdropFilter:`blur(12px)`,borderRadius:`16px`,padding:`20px`,border:`1px solid rgba(0,0,0,0.06)`,boxShadow:`0 4px 16px rgba(0,0,0,0.04)`,animation:`cb-slide-up 0.35s ease-out`},children:[e.title&&(0,l.jsx)(`div`,{style:{fontWeight:600,fontSize:`15px`,marginBottom:`4px`,color:`#2D3436`,letterSpacing:`-0.01em`},children:e.title}),e.description&&(0,l.jsx)(`div`,{style:{fontSize:`12px`,color:`rgba(0,0,0,0.45)`,marginBottom:`16px`,lineHeight:`1.5`},children:e.description}),e.fields.map(e=>(0,l.jsx)(ae,{field:e,value:i[e.name],onChange:t=>f(e.name,t),error:o[e.name],primaryColor:n,renderFormField:r},e.name)),(0,l.jsx)(`button`,{type:`submit`,style:{width:`100%`,padding:`12px`,background:`linear-gradient(135deg, ${n} 0%, ${oe(n,30)} 100%)`,color:`#fff`,border:`none`,borderRadius:`12px`,fontSize:`14px`,fontWeight:600,cursor:`pointer`,marginTop:`8px`,fontFamily:`inherit`,letterSpacing:`0.02em`,boxShadow:`0 4px 14px ${n}33`,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`},onMouseEnter:e=>{e.currentTarget.style.transform=`translateY(-1px)`,e.currentTarget.style.boxShadow=`0 6px 20px ${n}44`},onMouseLeave:e=>{e.currentTarget.style.transform=`translateY(0)`,e.currentTarget.style.boxShadow=`0 4px 14px ${n}33`},children:e.submitLabel??`Submit`})]})},ae=({field:e,value:t,onChange:n,error:r,primaryColor:i,renderFormField:a})=>{let o=a?.[e.type];switch(e.type){case`text`:case`email`:case`password`:case`number`:case`tel`:case`url`:case`textarea`:case`date`:case`time`:{let i={type:e.type,field:e,value:String(t??``),onChange:n,error:r},a=(0,l.jsx)(ie,{field:e,value:String(t??``),onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`select`:case`multiselect`:{let i={type:e.type,field:e,value:t,onChange:n,error:r},a=(0,l.jsx)(k,{field:e,value:t,onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`radio`:{let i={type:`radio`,field:e,value:String(t??``),onChange:n,error:r},a=(0,l.jsx)(A,{field:e,value:String(t??``),onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`checkbox`:{let i={type:`checkbox`,field:e,value:t??[],onChange:n,error:r},a=(0,l.jsx)(j,{field:e,value:t??[],onChange:n,error:r});return o?(0,l.jsx)(l.Fragment,{children:o(i,a)}):a}case`file`:{let a={type:`file`,field:e,value:t,onChange:n,error:r,primaryColor:i},s=(0,l.jsx)(M,{field:e,value:t,onChange:n,error:r,primaryColor:i});return o?(0,l.jsx)(l.Fragment,{children:o(a,s)}):s}case`hidden`:return(0,l.jsx)(`input`,{type:`hidden`,name:e.name,value:String(t??``)});default:return null}};function oe(e,t){let n=parseInt(e.replace(`#`,``),16),r=Math.min(255,(n>>16&255)+t),i=Math.min(255,(n>>8&255)+t),a=Math.min(255,(n&255)+t);return`#${(r<<16|i<<8|a).toString(16).padStart(6,`0`)}`}var P=({config:e,onLogin:t,primaryColor:n,renderFormField:r})=>(0,l.jsx)(`div`,{style:{flex:1,display:`flex`,flexDirection:`column`,justifyContent:`center`,padding:`24px`,overflow:`auto`,background:`linear-gradient(180deg, rgba(248, 249, 254, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%)`},children:(0,l.jsx)(N,{config:e,onSubmit:t,primaryColor:n,renderFormField:r})}),F=({message:e,styles:t})=>{let n=e.sender===`bot`,r=e.sender===`system`,i=n||r?t.botBubble:t.userBubble;if(!(e.text||e.attachments&&e.attachments.length>0))return null;let a=r?{background:`transparent`,border:`none`,boxShadow:`none`,color:`#999`,fontSize:`12px`,alignSelf:`center`,padding:`6px 12px`,backdropFilter:`none`,WebkitBackdropFilter:`none`}:{};return(0,l.jsxs)(`div`,{style:{...i,...a,animation:`cb-fade-in 0.3s ease-out`},children:[e.text&&(0,l.jsx)(`span`,{style:{display:`block`},children:e.text}),e.attachments&&e.attachments.length>0&&(0,l.jsx)(`div`,{style:{marginTop:e.text?`10px`:0,display:`flex`,flexDirection:`column`,gap:`6px`},children:e.attachments.map((e,t)=>(0,l.jsx)(se,{attachment:e,isBot:n},t))})]})},se=({attachment:e,isBot:t})=>e.type.startsWith(`image/`)&&e.url?(0,l.jsxs)(`div`,{style:{borderRadius:`12px`,overflow:`hidden`,maxWidth:`220px`},children:[(0,l.jsx)(`img`,{src:e.url,alt:e.name,style:{width:`100%`,height:`auto`,display:`block`,borderRadius:`12px`}}),(0,l.jsx)(`div`,{style:{fontSize:`11px`,padding:`4px 0`,opacity:.6},children:e.name})]}):(0,l.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,style:{display:`flex`,alignItems:`center`,gap:`8px`,padding:`8px 12px`,backgroundColor:t?`rgba(0,0,0,0.04)`:`rgba(255,255,255,0.15)`,borderRadius:`10px`,textDecoration:`none`,color:`inherit`,fontSize:`13px`,border:t?`1px solid rgba(0,0,0,0.06)`:`1px solid rgba(255,255,255,0.15)`,transition:`background 0.2s ease`},children:[(0,l.jsx)(T,{size:16}),(0,l.jsx)(`span`,{style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,flex:1},children:e.name}),e.size&&(0,l.jsx)(`span`,{style:{fontSize:`11px`,opacity:.5,flexShrink:0},children:ce(e.size)})]});function ce(e){return e<1024?`${e}B`:e<1024*1024?`${(e/1024).toFixed(1)}KB`:`${(e/(1024*1024)).toFixed(1)}MB`}var I=({replies:e,onSelect:t,primaryColor:n})=>(0,l.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:`8px`,alignSelf:`flex-start`,maxWidth:`90%`,animation:`cb-slide-up 0.35s ease-out`,padding:`4px 0`},children:e.map(e=>(0,l.jsx)(`button`,{onClick:()=>t(e.value,e.label),style:{padding:`8px 18px`,borderRadius:`22px`,border:`1.5px solid ${n}`,backgroundColor:`rgba(108, 92, 231, 0.06)`,color:n,cursor:`pointer`,fontSize:`13px`,fontWeight:500,fontFamily:`inherit`,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`,backdropFilter:`blur(4px)`,WebkitBackdropFilter:`blur(4px)`,letterSpacing:`0.01em`},onMouseEnter:e=>{e.currentTarget.style.backgroundColor=n,e.currentTarget.style.color=`#fff`,e.currentTarget.style.transform=`translateY(-1px)`,e.currentTarget.style.boxShadow=`0 4px 14px ${n}44`},onMouseLeave:e=>{e.currentTarget.style.backgroundColor=`rgba(108, 92, 231, 0.06)`,e.currentTarget.style.color=n,e.currentTarget.style.transform=`translateY(0)`,e.currentTarget.style.boxShadow=`none`},children:e.label},e.value))}),L=({color:e})=>{let t={width:`7px`,height:`7px`,borderRadius:`50%`,backgroundColor:e,opacity:.35,animation:`cb-typing-bounce 1.4s infinite ease-in-out`};return(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`5px`,padding:`14px 18px`,background:`rgba(241, 243, 249, 0.8)`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,borderRadius:`18px 18px 18px 4px`,alignSelf:`flex-start`,alignItems:`center`,border:`1px solid rgba(0,0,0,0.04)`,boxShadow:`0 2px 8px rgba(0,0,0,0.04)`,animation:`cb-fade-in 0.3s ease-out`},children:[(0,l.jsx)(`span`,{style:{...t,animationDelay:`0s`}}),(0,l.jsx)(`span`,{style:{...t,animationDelay:`0.2s`}}),(0,l.jsx)(`span`,{style:{...t,animationDelay:`0.4s`}})]})},R=({messages:e,isTyping:t,styles:n,primaryColor:r,onQuickReply:i,onFormSubmit:a,components:o,onComponentComplete:s,collectedData:u,currentStepId:d,renderFormField:f})=>{let p=(0,c.useRef)(null);return(0,c.useEffect)(()=>{p.current?.scrollIntoView({behavior:`smooth`})},[e,t]),(0,l.jsxs)(`div`,{style:n.messageList,className:`cb-scrollbar`,children:[e.map(e=>(0,l.jsxs)(c.default.Fragment,{children:[(0,l.jsx)(F,{message:e,styles:n}),e.quickReplies&&e.quickReplies.length>0&&(0,l.jsx)(I,{replies:e.quickReplies,onSelect:i,primaryColor:r}),e.form&&(0,l.jsx)(`div`,{style:{alignSelf:`flex-start`,width:`92%`,animation:`cb-slide-up 0.35s ease-out`},children:(0,l.jsx)(N,{config:e.form,onSubmit:t=>a(e.form.id,t),primaryColor:r,renderFormField:f})}),e.component&&o?.[e.component]&&(0,l.jsx)(`div`,{style:{alignSelf:`flex-start`,width:`92%`,animation:`cb-slide-up 0.35s ease-out`},children:c.default.createElement(o[e.component],{stepId:d??``,data:u??{},onComplete:e=>s?.(e)})})]},e.id)),t&&(0,l.jsx)(L,{color:r}),(0,l.jsx)(`div`,{ref:p})]})},z=[{name:`Smileys`,emojis:`😀.😃.😄.😁.😅.😂.🤣.😊.😇.🙂.😉.😍.🥰.😘.😋.😜.🤪.🤗.🤔.🤫.🤭.😏.😐.😑.😶.😌.😴.🤤.😷.🤒`.split(`.`)},{name:`Gestures`,emojis:`👍.👎.👌.✌️.🤞.🤟.🤘.👋.🤚.✋.🖖.👏.🙌.🤝.🙏.💪.🖐️.☝️.👆.👇.👈.👉.🤙.🫡.🫶.🫰.🫳.🫴.🫲.🫱`.split(`.`)},{name:`Hearts`,emojis:`❤️.🧡.💛.💚.💙.💜.🖤.🤍.🤎.💔.❣️.💕.💞.💓.💗.💖.💘.💝.💟.♥️.🫀.💌.💐.🌹.🌺.🌸.🌼.🌻.🌷.💮`.split(`.`)},{name:`Objects`,emojis:`🔥.⭐.✨.💯.🎉.🎊.🎯.🚀.💡.📌.📎.🔗.💻.📱.☎️.📧.📝.📋.📊.📈.🗂️.📁.🔒.🔑.⚙️.🛠️.🔧.📦.🏷️.✅`.split(`.`)}],B=({onSelect:e,onClose:t,primaryColor:n})=>{let[r,i]=(0,c.useState)(0),a=(0,c.useRef)(null);(0,c.useEffect)(()=>{let e=e=>{a.current&&!a.current.contains(e.target)&&t()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[t]);let o=z[r]?.emojis??[];return(0,l.jsxs)(`div`,{ref:a,style:{position:`absolute`,bottom:`100%`,left:0,width:`280px`,backgroundColor:`rgba(255, 255, 255, 0.92)`,backdropFilter:`blur(20px)`,WebkitBackdropFilter:`blur(20px)`,borderRadius:`16px`,boxShadow:`0 8px 32px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04)`,border:`1px solid rgba(255,255,255,0.8)`,overflow:`hidden`,zIndex:10,marginBottom:`8px`,animation:`cb-slide-up 0.25s ease-out`},children:[(0,l.jsx)(`div`,{style:{display:`flex`,borderBottom:`1px solid rgba(0,0,0,0.06)`,padding:`6px`,gap:`3px`},children:z.map((e,t)=>(0,l.jsx)(`button`,{onClick:()=>i(t),title:e.name,style:{flex:1,padding:`6px 4px`,border:`none`,borderRadius:`8px`,cursor:`pointer`,fontSize:`11px`,fontWeight:600,fontFamily:`inherit`,letterSpacing:`0.02em`,background:t===r?`linear-gradient(135deg, ${n}, ${n}CC)`:`transparent`,color:t===r?`#fff`:`rgba(0,0,0,0.4)`,transition:`all 0.2s ease`,boxShadow:t===r?`0 2px 8px ${n}33`:`none`},children:e.name},e.name))}),(0,l.jsx)(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(8, 1fr)`,gap:`2px`,padding:`8px`,maxHeight:`180px`,overflowY:`auto`},children:o.map(n=>(0,l.jsx)(`button`,{onClick:()=>{e(n),t()},style:{width:`30px`,height:`30px`,border:`none`,backgroundColor:`transparent`,cursor:`pointer`,fontSize:`18px`,borderRadius:`6px`,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`all 0.15s ease`},onMouseEnter:e=>e.currentTarget.style.backgroundColor=`rgba(108, 92, 231, 0.08)`,onMouseLeave:e=>e.currentTarget.style.backgroundColor=`transparent`,children:n},n))})]})},V=({config:e,onFiles:t,selectedFiles:n,onRemoveFile:r,primaryColor:i})=>{let a=(0,c.useRef)(null);return(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`input`,{ref:a,type:`file`,accept:e.accept,multiple:e.multiple!==!1,onChange:r=>{let i=r.target.files;if(!i||i.length===0)return;let o=Array.from(i);if(e.maxSize&&o.filter(t=>t.size>e.maxSize).length>0){alert(`File(s) too large. Max size: ${U(e.maxSize)}`);return}let s=e.maxFiles??5;if(n.length+o.length>s){alert(`Maximum ${s} files allowed`);return}t(o),a.current&&(a.current.value=``)},style:{display:`none`}}),(0,l.jsx)(`button`,{type:`button`,onClick:()=>a.current?.click(),"aria-label":`Attach file`,title:`Attach file`,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`6px`,display:`flex`,alignItems:`center`,color:`#999`,borderRadius:`6px`,transition:`color 0.15s ease`},onMouseEnter:e=>e.currentTarget.style.color=i,onMouseLeave:e=>e.currentTarget.style.color=`#999`,children:(0,l.jsx)(w,{size:20})})]})},H=({files:e,onRemove:t,primaryColor:n})=>e.length===0?null:(0,l.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:`6px`,padding:`8px 12px 0`},children:e.map((e,r)=>(0,l.jsx)(le,{file:e,onRemove:()=>t(r),primaryColor:n},`${e.name}-${r}`))}),le=({file:e,onRemove:t,primaryColor:n})=>{let r=e.type.startsWith(`image/`);return(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`6px`,padding:`4px 8px`,backgroundColor:`#F3F4F6`,borderRadius:`8px`,fontSize:`12px`,maxWidth:`200px`},children:[(0,l.jsx)(`span`,{style:{color:n,flexShrink:0},children:r?(0,l.jsx)(ee,{size:14}):(0,l.jsx)(T,{size:14})}),(0,l.jsx)(`span`,{style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,color:`#555`},children:e.name}),(0,l.jsx)(`span`,{style:{color:`#999`,fontSize:`11px`,flexShrink:0},children:U(e.size)}),(0,l.jsx)(`button`,{onClick:t,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`0`,display:`flex`,color:`#999`,flexShrink:0},children:(0,l.jsx)(E,{size:14})})]})};function U(e){return e<1024?`${e}B`:e<1024*1024?`${(e/1024).toFixed(1)}KB`:`${(e/(1024*1024)).toFixed(1)}MB`}var W=({onSend:e,placeholder:t=`Type a message...`,primaryColor:n,isDark:r=!1,disabled:i,styleOverride:a,enableEmoji:o=!1,fileUpload:s,onFileUpload:u})=>{let[d,f]=(0,c.useState)(``),[p,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)([]),_=(0,c.useRef)(null),v=(0,c.useCallback)(()=>{let t=d.trim();!t&&h.length===0||(e(t,h.length>0?h:void 0),f(``),g([]),_.current?.focus())},[d,h,e]),b=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),v())},x=e=>{f(t=>t+e),_.current?.focus()},S=e=>{g(t=>[...t,...e]),u?.(e)},w=e=>{g(t=>t.filter((t,n)=>n!==e))},T=d.trim()||h.length>0;return(0,l.jsxs)(`div`,{style:{position:`relative`,...a},children:[h.length>0&&(0,l.jsx)(H,{files:h,onRemove:w,primaryColor:n}),p&&(0,l.jsx)(B,{onSelect:x,onClose:()=>m(!1),primaryColor:n}),(0,l.jsxs)(`div`,{style:{display:`flex`,gap:`8px`,alignItems:`flex-end`,background:r?`rgba(40, 40, 65, 0.5)`:`rgba(245, 247, 252, 0.7)`,borderRadius:`16px`,border:`1px solid ${r?`rgba(255,255,255,0.08)`:`rgba(0,0,0,0.05)`}`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,padding:`6px 6px 6px 12px`},children:[(0,l.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`2px`,flexShrink:0,paddingBottom:`2px`},children:[o&&(0,l.jsx)(`button`,{type:`button`,onClick:()=>m(!p),"aria-label":`Emoji`,title:`Emoji`,style:{background:`none`,border:`none`,cursor:`pointer`,padding:`6px`,display:`flex`,color:p?n:r?`rgba(255,255,255,0.35)`:`rgba(0,0,0,0.3)`,borderRadius:`8px`,transition:`all 0.2s ease`},children:(0,l.jsx)(C,{size:20})}),s?.enabled&&(0,l.jsx)(V,{config:s,onFiles:S,selectedFiles:h,onRemoveFile:w,primaryColor:n})]}),(0,l.jsx)(`textarea`,{ref:_,value:d,onChange:e=>f(e.target.value),onKeyDown:b,placeholder:t,disabled:i,rows:1,style:{flex:1,padding:`8px 2px`,border:`none`,borderRadius:`12px`,outline:`none`,resize:`none`,fontFamily:`inherit`,fontSize:`14px`,lineHeight:`1.45`,maxHeight:`100px`,overflowY:`auto`,backgroundColor:`transparent`,color:r?`#E0E0E0`:`#2D3436`,letterSpacing:`0.01em`}}),(0,l.jsx)(`button`,{onClick:v,disabled:i||!T,"aria-label":`Send message`,style:{width:`36px`,height:`36px`,borderRadius:`12px`,background:T?`linear-gradient(135deg, ${n} 0%, ${ue(n,30)} 100%)`:r?`rgba(255,255,255,0.08)`:`rgba(0,0,0,0.06)`,color:T?`#fff`:r?`rgba(255,255,255,0.25)`:`rgba(0,0,0,0.2)`,border:`none`,cursor:T?`pointer`:`default`,display:`flex`,alignItems:`center`,justifyContent:`center`,flexShrink:0,transition:`all 0.25s cubic-bezier(0.4, 0, 0.2, 1)`,boxShadow:T?`0 4px 12px ${n}44`:`none`},children:(0,l.jsx)(y,{size:16})})]})]})};function ue(e,t){let n=parseInt(e.replace(`#`,``),16),r=Math.min(255,(n>>16&255)+t),i=Math.min(255,(n>>8&255)+t),a=Math.min(255,(n&255)+t);return`#${(r<<16|i<<8|a).toString(16).padStart(6,`0`)}`}var G=({config:e,primaryColor:t})=>{if(e.showBranding===!1)return null;let n=e.poweredBy??`React ChatBot`;return(0,l.jsxs)(`div`,{style:{padding:`8px 16px`,textAlign:`center`,fontSize:`11px`,color:`rgba(0,0,0,0.35)`,background:`rgba(250, 250, 255, 0.7)`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,borderTop:`1px solid rgba(0,0,0,0.04)`,flexShrink:0,letterSpacing:`0.02em`},children:[`Powered by`,` `,e.poweredByUrl?(0,l.jsx)(`a`,{href:e.poweredByUrl,target:`_blank`,rel:`noopener noreferrer`,style:{color:t,textDecoration:`none`,fontWeight:600,transition:`opacity 0.2s ease`},children:n}):(0,l.jsx)(`span`,{style:{color:t,fontWeight:600},children:n})]})},K=class{constructor(e){this.collectedData={},this.idCounter=0,this.uid=()=>`msg_${Date.now()}_${++this.idCounter}`,this.stepHistory=[],this.startStep=e.startStep,this.steps=new Map(e.steps.map(e=>[e.id,e]))}getStartStepId(){return this.startStep}getStep(e){return this.steps.get(e)}getData(){return{...this.collectedData}}setData(e,t){this.collectedData[e]=t}mergeData(e){Object.assign(this.collectedData,e)}pushHistory(e){this.stepHistory.push(e)}popHistory(){return this.stepHistory.pop(),this.stepHistory.pop()}canGoBack(){return this.stepHistory.length>1}reset(){this.collectedData={},this.stepHistory=[]}resolveNext(e,t){if(e.condition){let{field:t,operator:n,value:r,then:i,else:a}=e.condition,o=this.collectedData[t];return this.evaluate(o,n,r)?i:a}if(t&&e.quickReplies){let n=e.quickReplies.find(e=>e.value===t);if(n?.next)return n.next}return e.next}stepExpectsQuickReply(e){return!!(e.quickReplies&&e.quickReplies.length>0)}stepExpectsForm(e){return!!e.form}matchQuickReply(e,t){if(!e.quickReplies)return;let n=t.toLowerCase().trim();return e.quickReplies.find(e=>e.value.toLowerCase()===n)||e.quickReplies.find(e=>e.label.toLowerCase().replace(/[^\w\s]/g,``).trim()===n)||e.quickReplies.find(e=>n.includes(e.value.toLowerCase())||e.label.toLowerCase().includes(n))}buildMessages(e){let t=[],n=e.messages??(e.message?[e.message]:[]);for(let e of n)t.push({id:this.uid(),sender:`bot`,text:e,timestamp:Date.now()});return e.quickReplies&&t.length>0&&(t[t.length-1].quickReplies=e.quickReplies),e.form&&t.push({id:this.uid(),sender:`bot`,timestamp:Date.now(),form:e.form}),e.component&&t.push({id:this.uid(),sender:`bot`,timestamp:Date.now(),component:e.component}),t}evaluate(e,t,n){switch(t){case`eq`:return String(e)===String(n);case`neq`:return String(e)!==String(n);case`contains`:return String(e).includes(String(n));case`gt`:return Number(e)>Number(n);case`lt`:return Number(e)<Number(n);default:return!1}}},de=0,q=()=>`msg_${Date.now()}_${++de}`,J=e=>new Promise(t=>setTimeout(t,e)),fe={"/help":`Show available commands`,"/cancel":`Cancel current step and go back`,"/back":`Go back to the previous step`,"/restart":`Restart the conversation from the beginning`},pe=[`hi`,`hello`,`hey`,`howdy`,`hola`,`greetings`,`good morning`,`good afternoon`,`good evening`,`sup`,`yo`,`hii`,`hiii`];function me(e,t){let n=t.caseSensitive?e:e.toLowerCase();for(let r of t.patterns){let i=t.caseSensitive?r:r.toLowerCase();switch(t.matchType??`contains`){case`exact`:if(n===i)return!0;break;case`startsWith`:if(n.startsWith(i))return!0;break;case`regex`:try{if(new RegExp(i,t.caseSensitive?``:`i`).test(e))return!0}catch{}break;default:if(n.includes(i))return!0;break}}return!1}function he(e,t){return[...t].sort((e,t)=>(t.priority??0)-(e.priority??0)).find(t=>me(e,t))}function ge(e,t){let n=e;if(t.transform)switch(t.transform){case`trim`:n=n.trim();break;case`lowercase`:n=n.toLowerCase();break;case`uppercase`:n=n.toUpperCase();break;case`email`:n=n.trim().toLowerCase();break}if(t.validation){let e=t.validation;if(e.required&&!n.trim())return{valid:!1,value:n,error:e.message??`This field is required.`};if(e.minLength&&n.length<e.minLength)return{valid:!1,value:n,error:e.message??`Must be at least ${e.minLength} characters.`};if(e.maxLength&&n.length>e.maxLength)return{valid:!1,value:n,error:e.message??`Must be at most ${e.maxLength} characters.`};if(e.pattern)try{if(!new RegExp(e.pattern).test(n))return{valid:!1,value:n,error:e.message??`Invalid format.`}}catch{}}return{valid:!0,value:n}}function Y(){let{state:e,dispatch:t,props:n,pluginManager:r}=p(),i=(0,c.useRef)(null),a=(0,c.useRef)(!1),o=(0,c.useRef)(e);o.current=e;let s=(0,c.useRef)(n);s.current=n,(0,c.useEffect)(()=>{n.flow&&(i.current=new K(n.flow),a.current=!1)},[n.flow]);let l=(0,c.useCallback)(async(e,n)=>{t({type:`SET_TYPING`,payload:!0}),await J(400);let i={id:q(),sender:`bot`,text:e,timestamp:Date.now(),...n},a=r?await r.onMessage(i):i;t({type:`SET_TYPING`,payload:!1}),t({type:`ADD_MESSAGE`,payload:a}),s.current.callbacks?.onMessageReceive?.(a)},[t,r]),u=(0,c.useCallback)(e=>{t({type:`ADD_MESSAGE`,payload:{id:q(),sender:`system`,text:e,timestamp:Date.now()}})},[t]),d=(0,c.useRef)(async()=>{});d.current=async e=>{let n=i.current;if(!n)return;let a=n.getStep(e);if(!a)return;n.pushHistory(e),t({type:`SET_STEP`,payload:e}),r?.emitEvent(`stepChange`,{stepId:e}),t({type:`SET_TYPING`,payload:!0}),await J(a.delay??500);let o=n.buildMessages(a);if(t({type:`SET_TYPING`,payload:!1}),t({type:`ADD_MESSAGES`,payload:o}),o.forEach(e=>s.current.callbacks?.onMessageReceive?.(e)),a.asyncAction){let e=s.current.actionHandlers?.[a.asyncAction.handler];if(e){let r=q();t({type:`ADD_MESSAGE`,payload:{id:r,sender:`bot`,text:a.asyncAction.loadingMessage??`Processing...`,timestamp:Date.now()}});let i={updateMessage:e=>{t({type:`UPDATE_MESSAGE`,payload:{id:r,updates:{text:e}}})}};try{let o=await e(n.getData(),i);o.data&&(n.mergeData(o.data),t({type:`SET_DATA`,payload:o.data})),t({type:`UPDATE_MESSAGE`,payload:{id:r,updates:{text:o.message??(o.status===`success`?a.asyncAction.successMessage??`Done!`:a.asyncAction.errorMessage??`Something went wrong.`)}}});let s=f(a,o);s&&(await J(600),d.current(s))}catch{t({type:`UPDATE_MESSAGE`,payload:{id:r,updates:{text:a.asyncAction.errorMessage??`❌ Something went wrong.`}}}),a.asyncAction.onError&&(await J(600),d.current(a.asyncAction.onError))}return}}a.component&&s.current.components?.[a.component]||!a.quickReplies&&!a.form&&!a.input&&a.next&&(await J(300),d.current(a.next))};function f(e,t){return t.next?t.next:e.asyncAction?.routes?.[t.status]?e.asyncAction.routes[t.status]:t.status===`success`&&e.asyncAction?.onSuccess?e.asyncAction.onSuccess:t.status===`error`&&e.asyncAction?.onError?e.asyncAction.onError:e.next}let m=(0,c.useCallback)(e=>d.current(e),[]),h=(0,c.useCallback)(()=>{let e=i.current;if(!e||!e.canGoBack()){u(`There is no previous step to go back to.`);return}t({type:`CLEAR_QUICK_REPLIES`});let n=e.popHistory();n?m(n):u(`There is no previous step to go back to.`)},[t,m,u]),g=(0,c.useCallback)(()=>{let e=i.current;e&&e.reset(),a.current=!1,t({type:`RESET_CHAT`}),e&&(a.current=!0,m(e.getStartStepId()))},[t,m]),_=(0,c.useRef)(()=>!1);_.current=e=>{let t=e.trim().toLowerCase();if(!t.startsWith(`/`))return!1;switch(t){case`/help`:return u(`Available commands:
2
+ ${Object.entries(fe).map(([e,t])=>`**${e}** — ${t}`).join(`
3
+ `)}`),!0;case`/cancel`:case`/back`:return h(),!0;case`/restart`:return g(),!0;default:return u(`Unknown command: ${t}. Type /help for available commands.`),!0}};let v=(0,c.useCallback)(e=>{let n=i.current,a=o.current.currentStepId;if(!n||!a)return;let c=n.getStep(a);if(!c)return;e?.data&&(n.mergeData(e.data),t({type:`SET_DATA`,payload:e.data})),e?.message&&t({type:`ADD_MESSAGE`,payload:{id:q(),sender:`bot`,text:e.message,timestamp:Date.now()}});let l=e?.next??c.next;l?m(l):(r?.emitEvent(`flowEnd`,n.getData()),s.current.callbacks?.onFlowEnd?.(n.getData()),t({type:`SET_STEP`,payload:null}))},[t,m]),y=(0,c.useCallback)(async e=>{if(_.current(e))return;let n={id:q(),sender:`user`,text:e,timestamp:Date.now()},a=r?await r.onMessage(n):n;t({type:`ADD_MESSAGE`,payload:a}),s.current.callbacks?.onMessageSend?.(a),s.current.callbacks?.onSubmit?.({message:a.text});let c=o.current.currentStepId,u=s.current.typingDelay??0;if(i.current&&c){let n=i.current.getStep(c);if(n){if(n.asyncAction||n.component){l(`Please wait, I'm still processing. You can type /back to go back.`);return}if(i.current.stepExpectsQuickReply(n)){let a=i.current.matchQuickReply(n,e);if(a){t({type:`CLEAR_QUICK_REPLIES`}),i.current.setData(n.id,a.value);let e=i.current.resolveNext(n,a.value);e?m(e):(r?.emitEvent(`flowEnd`,i.current.getData()),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}else l(`I didn't quite get that. Please choose one of the options below:`,{quickReplies:n.quickReplies})}else if(i.current.stepExpectsForm(n))l(`Please fill out the form above to continue.`);else if(n.input){let a=ge(e,n.input);if(!a.valid){l(a.error??`Invalid input. Please try again.`);return}i.current.setData(n.id,a.value);let o=i.current.resolveNext(n,a.value);o?m(o):(l(`Thanks for your message! Our team will get back to you soon. 🙌`),r?.emitEvent(`flowEnd`,i.current.getData()),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}else{i.current.setData(n.id,e);let a=i.current.resolveNext(n,e);a?m(a):(l(`Thanks for your message! Our team will get back to you soon. 🙌`),r?.emitEvent(`flowEnd`,i.current.getData()),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}return}}let d=[...s.current.keywords??[]];if(s.current.greetingResponse&&d.push({patterns:pe,response:s.current.greetingResponse,matchType:`exact`,priority:-1}),d.length>0){let n=he(e.trim(),d);if(n){if(n.next&&i.current){u>0&&await J(u),m(n.next);return}if(n.response){u>0&&(t({type:`SET_TYPING`,payload:!0}),await J(u),t({type:`SET_TYPING`,payload:!1})),await l(n.response);return}}}let f=s.current.fallbackMessage;if(f){let n=typeof f==`function`?f(e):f;if(n){u>0&&(t({type:`SET_TYPING`,payload:!0}),await J(u),t({type:`SET_TYPING`,payload:!1})),await l(n);return}}s.current.callbacks?.onUnhandledMessage?.(e,{currentStepId:c})},[t,l,m,r]),b=(0,c.useCallback)(()=>{let e=i.current;!e||a.current||(a.current=!0,m(e.getStartStepId()))},[m]);return(0,c.useEffect)(()=>{n.flow&&!e.showWelcome&&e.isLoggedIn&&!a.current&&b()},[n.flow,e.showWelcome,e.isLoggedIn,b]),{state:e,sendMessage:y,addBotMessage:l,handleQuickReply:(0,c.useCallback)((e,n)=>{t({type:`CLEAR_QUICK_REPLIES`});let a={id:q(),sender:`user`,text:n,timestamp:Date.now()};t({type:`ADD_MESSAGE`,payload:a}),r?.onMessage(a),r?.emitEvent(`quickReply`,{value:e,label:n}),s.current.callbacks?.onQuickReply?.(e,n);let c=o.current.currentStepId;if(i.current&&c){let n=i.current.getStep(c);if(n){i.current.setData(n.id,e);let a=i.current.resolveNext(n,e);a?m(a):(r?.emitEvent(`flowEnd`,i.current.getData()),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}}},[t,m]),handleFormSubmit:(0,c.useCallback)(async(e,n)=>{t({type:`SET_DATA`,payload:n}),i.current&&i.current.mergeData(n);let a=Object.entries(n).filter(([,e])=>e!==void 0&&e!==``).map(([e,t])=>`${e}: ${String(t)}`).join(`
4
+ `),c={id:q(),sender:`user`,text:a,formData:n,timestamp:Date.now()};t({type:`ADD_MESSAGE`,payload:c}),r?.onMessage(c),await r?.onSubmit(n),await s.current.callbacks?.onFormSubmit?.(e,n);let l=o.current.currentStepId;if(i.current&&l){let e=i.current.getStep(l);if(e){let n=i.current.resolveNext(e);n?m(n):(r?.emitEvent(`flowEnd`,i.current.getData()),s.current.callbacks?.onFlowEnd?.(i.current.getData()),t({type:`SET_STEP`,payload:null}))}}},[t,m,r]),handleLogin:(0,c.useCallback)(async e=>{await r?.onSubmit(e),r?.emitEvent(`login`,e),await s.current.callbacks?.onLogin?.(e),t({type:`SET_LOGGED_IN`,payload:!0})},[t,r]),toggleChat:(0,c.useCallback)(()=>{let e=!o.current.isOpen;t({type:`TOGGLE_OPEN`}),e?(r?.emitEvent(`open`),s.current.callbacks?.onOpen?.()):(r?.emitEvent(`close`),s.current.callbacks?.onClose?.())},[t,r]),dismissWelcome:(0,c.useCallback)(()=>{t({type:`DISMISS_WELCOME`})},[t]),startFlow:b,processFlowStep:m,goBack:h,restartSession:g,handleComponentComplete:v}}var _e=({styles:e,position:t,zIndex:n,hidden:r})=>{let{props:i,dispatch:a}=p(),o=g(i.theme),s=o.mode===`dark`,{state:u,sendMessage:d,handleQuickReply:f,handleFormSubmit:m,handleLogin:h,toggleChat:_,dismissWelcome:v,restartSession:y,handleComponentComplete:b}=Y(),x=t===`bottom-left`?{bottom:`96px`,left:`24px`}:{bottom:`96px`,right:`24px`},S=(0,c.useCallback)((e,t)=>{if(t&&t.length>0){let n=t.map(e=>({name:e.name,url:URL.createObjectURL(e),type:e.type,size:e.size}));e?(a({type:`ADD_MESSAGE`,payload:{id:q(),sender:`user`,text:e,timestamp:Date.now(),attachments:n}}),d(e)):a({type:`ADD_MESSAGE`,payload:{id:q(),sender:`user`,timestamp:Date.now(),attachments:n}}),i.callbacks?.onFileUpload?.(t)}else e&&d(e)},[d,a,i.callbacks]),C=(0,c.useMemo)(()=>({currentStepId:u.currentStepId,isOpen:u.isOpen,messages:u.messages,collectedData:u.collectedData,toggleChat:_,restartSession:y,sendMessage:d}),[u.currentStepId,u.isOpen,u.messages,u.collectedData,_,y,d]),w=(0,l.jsx)(te,{config:i.header??{title:`Chat with us`},styles:e,onClose:_,onRestart:y,logo:i.branding?.logo,logoWidth:i.branding?.logoWidth}),T=(0,l.jsx)(W,{onSend:S,placeholder:i.inputPlaceholder,primaryColor:o.primaryColor,isDark:s,enableEmoji:i.enableEmoji,fileUpload:i.fileUpload,onFileUpload:i.callbacks?.onFileUpload});return r?(0,l.jsx)(`div`,{style:{display:`none`}}):(0,l.jsxs)(`div`,{style:{...e.window,...x,...n==null?{}:{zIndex:n}},children:[i.renderHeader?i.renderHeader(C,w):w,u.showWelcome&&i.welcomeScreen?(0,l.jsx)(ne,{content:i.welcomeScreen,onDismiss:v,primaryColor:o.primaryColor}):!u.isLoggedIn&&i.loginForm?(0,l.jsx)(P,{config:i.loginForm,onLogin:h,primaryColor:o.primaryColor,renderFormField:i.renderFormField}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(R,{messages:u.messages,isTyping:u.isTyping,styles:e,primaryColor:o.primaryColor,onQuickReply:f,onFormSubmit:m,components:i.components,onComponentComplete:b,collectedData:u.collectedData,currentStepId:u.currentStepId,renderFormField:i.renderFormField}),(0,l.jsx)(`div`,{style:e.inputArea,children:i.renderInput?i.renderInput(C,T):T}),i.branding&&(0,l.jsx)(G,{config:i.branding,primaryColor:o.primaryColor})]})]})},ve=class{constructor(){this.plugins=[],this.context=null,this.eventHandlers=new Map}register(e){this.plugins=[...e]}setContext(e){this.context={...e,on:(e,t)=>this.on(e,t),emit:(e,...t)=>this.emit(e,...t)}}getContext(){return this.context}on(e,t){this.eventHandlers.has(e)||this.eventHandlers.set(e,new Set),this.eventHandlers.get(e).add(t)}emit(e,...t){let n=this.eventHandlers.get(e);n&&n.forEach(e=>e(...t))}async init(){if(this.context)for(let e of this.plugins)try{await e.onInit?.(this.context)}catch{}}async onMessage(e){if(!this.context)return e;let t=e;for(let e of this.plugins)try{let n=await e.onMessage?.(t,this.context);n&&typeof n==`object`&&`id`in n&&(t=n)}catch{}return this.dispatchEvent({type:`message`,payload:t,timestamp:Date.now()}),t}async onSubmit(e){if(this.context){for(let t of this.plugins)try{await t.onSubmit?.(e,this.context)}catch{}this.dispatchEvent({type:`submit`,payload:e,timestamp:Date.now()})}}emitEvent(e,t){this.dispatchEvent({type:e,payload:t,timestamp:Date.now()}),this.emit(e,t)}async destroy(){if(this.context){for(let e of this.plugins)try{await e.onDestroy?.(this.context)}catch{}this.eventHandlers.clear(),this.plugins=[]}}dispatchEvent(e){if(this.context)for(let t of this.plugins)try{t.onEvent?.(e,this.context)}catch{}}},ye=`
5
5
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
6
6
 
7
7
  @keyframes cb-window-enter {
@@ -42,5 +42,17 @@ ${Object.entries(ue).map(([e,t])=>`**${e}** — ${t}`).join(`
42
42
  .cb-scrollbar::-webkit-scrollbar-thumb:hover {
43
43
  background: rgba(108, 92, 231, 0.35);
44
44
  }
45
- `,$=!1;function _e(){if($||typeof document>`u`)return;if(document.querySelector(`style[data-chatbot-styles]`)){$=!0;return}let e=document.createElement(`style`);e.setAttribute(`data-chatbot-styles`,``),e.textContent=ge,document.head.appendChild(e),$=!0}var ve=e=>{let[t,n]=(0,c.useReducer)(u,e,d),r=g(e.theme),i=v(r,e.style),a=_(r),o=e.position??`bottom-right`,s=e.showLauncher!==!1,p=(0,c.useRef)(null),m=(0,c.useRef)(t);m.current=t,(0,c.useEffect)(()=>{_e()},[]),(0,c.useEffect)(()=>{if(e.plugins&&e.plugins.length>0){let t=new he;return t.register(e.plugins),t.setContext({sendMessage:e=>{n({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`user`,text:e,timestamp:Date.now()}})},addBotMessage:e=>{n({type:`ADD_MESSAGE`,payload:{id:Y(),sender:`bot`,text:e,timestamp:Date.now()}})},getMessages:()=>m.current.messages,getData:()=>m.current.collectedData,setData:(e,t)=>n({type:`SET_DATA`,payload:{[e]:t}})}),t.init(),p.current=t,()=>{t.destroy()}}},[e.plugins]);let h=(0,c.useCallback)(()=>{let r=!t.isOpen;n({type:`TOGGLE_OPEN`}),r?e.callbacks?.onOpen?.():e.callbacks?.onClose?.()},[t.isOpen,e.callbacks]);return(0,l.jsx)(f.Provider,{value:{state:t,dispatch:n,props:e,pluginManager:p.current},children:(0,l.jsxs)(`div`,{style:{...i.root,...a},className:e.className,children:[(0,l.jsx)(Q,{styles:i,position:o,zIndex:e.zIndex,hidden:!t.isOpen}),s&&(0,l.jsx)(ee,{onClick:h,isOpen:t.isOpen,position:o,styles:i,icon:e.launcherIcon,closeIcon:e.closeIcon,zIndex:e.zIndex})]})})};function ye(e){let t=0,n=0;return{name:`analytics`,onInit(r){t=0,n=0,e?.onTrack?.(`chatbot:init`)},onMessage(n,r){t++,e?.onTrack?.(`chatbot:message`,{sender:n.sender,messageCount:t})},onSubmit(t,r){n++,e?.onTrack?.(`chatbot:submit`,{formSubmissions:n,fields:Object.keys(t)})},onDestroy(){e?.onTrack?.(`chatbot:destroy`,{totalMessages:t,totalFormSubmissions:n})}}}function be(e){let t=e.events??[`message`,`submit`],n=async(t,n)=>{try{await fetch(e.url,{method:`POST`,headers:{"Content-Type":`application/json`,...e.headers},body:JSON.stringify({type:t,payload:n,timestamp:Date.now()})})}catch{}};return{name:`webhook`,async onInit(){t.includes(`init`)&&await n(`init`,{})},async onMessage(e){t.includes(`message`)&&await n(`message`,e)},async onSubmit(e){t.includes(`submit`)&&await n(`submit`,e)},async onDestroy(){t.includes(`destroy`)&&await n(`destroy`,{})}}}function xe(e){let t=e?.storageKey??`chatbot_history`,n=e?.storage===`session`?sessionStorage:localStorage;return{name:`persistence`,onInit(e){try{let r=n.getItem(t);if(r){let t=JSON.parse(r);Array.isArray(t)&&t.forEach(t=>{t.sender===`bot`&&e.addBotMessage(t.text)})}}catch{}},onMessage(e,r){try{let e=r.getMessages();n.setItem(t,JSON.stringify(e.slice(-50)))}catch{}},onDestroy(){}}}exports.AttachmentIcon=w,exports.Branding=q,exports.ChatBot=ve,exports.ChatBubbleIcon=b,exports.ChatContext=f,exports.ChatHeader=k,exports.ChatInput=K,exports.ChatWindow=Q,exports.CheckboxField=P,exports.CloseIcon=x,exports.DynamicForm=I,exports.EmojiIcon=C,exports.EmojiPicker=U,exports.FileIcon=T,exports.FilePreviewList=oe,exports.FileUploadButton=W,exports.FileUploadField=F,exports.FlowEngine=J,exports.ImageIcon=E,exports.Launcher=ee,exports.LoginScreen=L,exports.MessageBubble=R,exports.MessageList=V,exports.MinimizeIcon=S,exports.PluginManager=he,exports.QuickReplies=z,exports.RadioField=N,exports.RemoveIcon=D,exports.RestartIcon=O,exports.SelectField=M,exports.SendIcon=y,exports.TextField=j,exports.TypingIndicator=B,exports.WelcomeScreen=A,exports.analyticsPlugin=ye,exports.buildCSSVariables=_,exports.buildStyles=v,exports.persistencePlugin=xe,exports.resolveTheme=g,exports.useChat=Z,exports.useChatContext=p,exports.webhookPlugin=be;
45
+ `,X=!1;function be(){if(X||typeof document>`u`)return;if(document.querySelector(`style[data-chatbot-styles]`)){X=!0;return}let e=document.createElement(`style`);e.setAttribute(`data-chatbot-styles`,``),e.textContent=ye,document.head.appendChild(e),X=!0}var xe=e=>{let[t,n]=(0,c.useReducer)(u,e,d),r=g(e.theme),i=v(r,e.style),a=_(r),o=e.position??`bottom-right`,s=e.showLauncher!==!1,p=(0,c.useRef)(null),m=(0,c.useRef)(t);m.current=t,(0,c.useEffect)(()=>{be()},[]),(0,c.useEffect)(()=>{if(e.plugins&&e.plugins.length>0){let t=new ve;return t.register(e.plugins),t.setContext({sendMessage:e=>{n({type:`ADD_MESSAGE`,payload:{id:q(),sender:`user`,text:e,timestamp:Date.now()}})},addBotMessage:e=>{n({type:`ADD_MESSAGE`,payload:{id:q(),sender:`bot`,text:e,timestamp:Date.now()}})},getMessages:()=>m.current.messages,getData:()=>m.current.collectedData,setData:(e,t)=>n({type:`SET_DATA`,payload:{[e]:t}})}),t.init(),p.current=t,()=>{t.destroy()}}},[e.plugins]);let h=(0,c.useCallback)(()=>{let r=!t.isOpen;n({type:`TOGGLE_OPEN`}),r?e.callbacks?.onOpen?.():e.callbacks?.onClose?.()},[t.isOpen,e.callbacks]);return(0,l.jsx)(f.Provider,{value:{state:t,dispatch:n,props:e,pluginManager:p.current},children:(0,l.jsxs)(`div`,{style:{...i.root,...a},className:e.className,children:[(0,l.jsx)(_e,{styles:i,position:o,zIndex:e.zIndex,hidden:!t.isOpen}),s&&(0,l.jsx)(O,{onClick:h,isOpen:t.isOpen,position:o,styles:i,icon:e.launcherIcon,closeIcon:e.closeIcon,zIndex:e.zIndex})]})})};function Se(e){let t=e?.sessionId??`sess_${Date.now()}_${Math.random().toString(36).slice(2,8)}`,n=0,r=0,i=0,a={},o=0,s=(n,r)=>{e?.onTrack?.(n,{sessionId:t,...r})};return{name:`analytics`,onInit(){n=0,r=0,i=Date.now(),o=i,s(`chatbot:init`,{timestamp:i})},onMessage(e){n++,s(`chatbot:message`,{sender:e.sender,messageCount:n,elapsed:Date.now()-i})},onSubmit(e){r++,s(`chatbot:submit`,{formSubmissions:r,fields:Object.keys(e),elapsed:Date.now()-i})},onEvent(e){switch(e.type){case`open`:s(`chatbot:open`);break;case`close`:s(`chatbot:close`,{duration:Date.now()-i});break;case`stepChange`:{let t=Date.now(),n=e.payload;n?.stepId&&(a[n.stepId]=t-o,o=t,s(`chatbot:step`,{stepId:n.stepId,stepDuration:a[n.stepId]}));break}case`flowEnd`:s(`chatbot:flowEnd`,{totalMessages:n,totalForms:r,duration:Date.now()-i,stepTimings:a});break;case`quickReply`:s(`chatbot:quickReply`,e.payload);break}},onDestroy(){s(`chatbot:destroy`,{totalMessages:n,totalFormSubmissions:r,sessionDuration:Date.now()-i,stepTimings:a})}}}var Ce={debug:0,info:1,warn:2,error:3};function we(e){let t=Ce[e?.level??`debug`],n=e?.prefix??`[ChatBot]`,r=e?.logger??console,i=(e,...i)=>{Ce[e]>=t&&r[e](n,...i)};return{name:`logger`,onInit(){i(`info`,`Initialized`)},onMessage(e){i(`debug`,`Message [${e.sender}]:`,e.text??`(no text)`)},onSubmit(e){i(`info`,`Form submitted:`,Object.keys(e))},onEvent(e){i(`debug`,`Event [${e.type}]:`,e.payload??``)},onDestroy(){i(`info`,`Destroyed`)}}}async function Z(e,t,n,r=1e4){let i=new AbortController,a=setTimeout(()=>i.abort(),r);try{return await fetch(e,{method:`POST`,headers:{"Content-Type":`application/json`,...n},body:JSON.stringify(t),signal:i.signal})}finally{clearTimeout(a)}}async function Te(e,t,n=1e4){let r=new AbortController,i=setTimeout(()=>r.abort(),n);try{return await(await fetch(e,{headers:{Accept:`application/json`,...t},signal:r.signal})).json()}finally{clearTimeout(i)}}function Ee(e){let t=new Set(e.events??[`message`,`submit`]),n=e.timeout??1e4,r=async(t,r)=>{try{await Z(e.url,{type:t,payload:r,timestamp:Date.now()},e.headers,n)}catch{}};return{name:`webhook`,async onInit(){t.has(`init`)&&await r(`init`,{})},async onMessage(e){t.has(`message`)&&await r(`message`,e)},async onSubmit(e){t.has(`submit`)&&await r(`submit`,e)},onEvent(e){t.has(e.type)&&r(e.type,e.payload)},async onDestroy(){t.has(`destroy`)&&await r(`destroy`,{})}}}function De(e){let t=new Set(e.events??[`submit`,`flowEnd`]),n=async(t,n)=>{let r=e.mapFields?e.mapFields(n):n;try{await Z(e.endpoint,{provider:e.provider,type:t,data:r,timestamp:Date.now()},e.headers)}catch{}};return{name:`crm`,async onSubmit(e){t.has(`submit`)&&await n(`submit`,e)},onEvent(e){t.has(e.type)&&e.payload&&n(e.type,e.payload)}}}function Oe(e){let t=new Set(e.triggers??[`flowEnd`]),n=async(t,n)=>{let r=e.mapPayload?e.mapPayload(n):n;try{await Z(e.endpoint,{template:e.template,trigger:t,data:r,timestamp:Date.now()},e.headers)}catch{}};return{name:`email`,async onSubmit(e){t.has(`submit`)&&await n(`submit`,e)},onEvent(e){t.has(e.type)&&e.payload&&n(e.type,e.payload)}}}function ke(e){let t=e.endpoint??(e.provider===`openai`?`https://api.openai.com/v1/chat/completions`:e.provider===`anthropic`?`https://api.anthropic.com/v1/messages`:e.endpoint??``),n=e.model??(e.provider===`openai`?`gpt-3.5-turbo`:`claude-3-haiku-20240307`),r=[];e.systemPrompt&&r.push({role:`system`,content:e.systemPrompt});let i=()=>{let t={...e.headers};return e.apiKey&&(e.provider===`anthropic`?(t[`x-api-key`]=e.apiKey,t[`anthropic-version`]=`2023-06-01`):t.Authorization=`Bearer ${e.apiKey}`),t},a=()=>e.provider===`anthropic`?{model:n,max_tokens:1024,system:e.systemPrompt,messages:r.filter(e=>e.role!==`system`)}:{model:n,messages:r},o=e=>{let t=e;return t.choices?t.choices[0]?.message?.content??``:t.content?t.content[0]?.text??``:String(t)};return{name:`ai`,async onMessage(n,s){if(!(n.sender!==`user`||!n.text)&&!(e.shouldRespond&&!e.shouldRespond(n.text))&&t){r.push({role:`user`,content:n.text});try{let n=await(await Z(t,a(),i(),e.timeout??3e4)).json(),c=e.parseResponse?e.parseResponse(n):o(n);c&&(r.push({role:`assistant`,content:c}),s.addBotMessage(c))}catch{}}}}}function Ae(e){let t=e?.rules??[],n=e?.fallbackIntent??`unknown`,r=e=>{let r=e.toLowerCase().trim();for(let n of t)for(let t of n.patterns){let i=t.toLowerCase();switch(n.matchType??`contains`){case`exact`:if(r===i)return n.intent;break;case`regex`:try{if(new RegExp(i,`i`).test(e))return n.intent}catch{}break;default:if(r.includes(i))return n.intent;break}}return n};return{name:`intent`,onMessage(t,n){if(t.sender!==`user`||!t.text)return;let i=r(t.text);n.emit(`intent:detected`,{intent:i,text:t.text}),e?.onIntentDetected?.(i,t.text,n)}}}function je(e){let t=e?.delay??1e3;return{name:`typing`,async onMessage(n,r){n.sender===`bot`&&(e?.onTypingStart?.(),r.emit(`typing:start`,{}),await new Promise(e=>setTimeout(e,t)),e?.onTypingEnd?.(),r.emit(`typing:end`,{}))}}}var Q=class{constructor(){this.timers=new Map,this.intervals=new Map}setTimeout(e,t,n){this.clearTimeout(e),this.timers.set(e,setTimeout(()=>{this.timers.delete(e),t()},n))}setInterval(e,t,n){this.clearInterval(e),this.intervals.set(e,setInterval(t,n))}clearTimeout(e){let t=this.timers.get(e);t&&(clearTimeout(t),this.timers.delete(e))}clearInterval(e){let t=this.intervals.get(e);t&&(clearInterval(t),this.intervals.delete(e))}destroy(){this.timers.forEach(e=>clearTimeout(e)),this.intervals.forEach(e=>clearInterval(e)),this.timers.clear(),this.intervals.clear()}};function Me(e){let t=e?.timeout??3e4,n=e?.message??`Are you still there? Let me know if you need help! 👋`,r=e?.maxReplies??2,i=new Q,a=0,o=!1;return{name:`autoReply`,onInit(e){o=!0,a=0},onMessage(e,s){e.sender===`user`&&(a=0,i.clearTimeout(`idle`),o&&i.setTimeout(`idle`,()=>{a<r&&(a++,s.addBotMessage(n))},t))},onEvent(e,t){e.type===`open`?o=!0:e.type===`close`&&(o=!1,i.clearTimeout(`idle`))},onDestroy(){i.destroy()}}}function Ne(e){let t=e?.validators??{},n=e?.sanitize??!0,r=e?.profanityList??[],i=e=>e.replace(/[<>&"']/g,e=>({"<":`&lt;`,">":`&gt;`,"&":`&amp;`,'"':`&quot;`,"'":`&#39;`})[e]??e),a=t=>{if(!e?.blockProfanity||!r.length)return null;let n=t.toLowerCase();for(let e of r)if(n.includes(e.toLowerCase()))return`Message contains inappropriate content.`;return null};return{name:`validation`,onMessage(r,o){if(r.sender!==`user`||!r.text)return;let s=a(r.text);if(s)return e?.onValidationFail?.(r.text,s),o.emit(`validation:fail`,{text:r.text,error:s}),{...r,text:`***`};for(let[n,i]of Object.entries(t)){let t=i(r.text);t&&(e?.onValidationFail?.(r.text,t),o.emit(`validation:fail`,{text:r.text,validator:n,error:t}))}if(n)return{...r,text:i(r.text)}}}}function Pe(e){return{name:`upload`,onInit(t){t.on(`file:upload`,async(...n)=>{let r=n[0];if(r?.length)for(let n of r){if(e.maxSize&&n.size>e.maxSize){e.onUploadError?.({name:n.name},Error(`File too large: ${n.size} > ${e.maxSize}`));continue}if(e.allowedTypes?.length&&!e.allowedTypes.some(e=>n.type.startsWith(e))){e.onUploadError?.({name:n.name},Error(`File type not allowed: ${n.type}`));continue}e.onUploadStart?.({name:n.name,size:n.size});try{let r=new FormData;r.append(`file`,n),r.append(`storage`,e.storage??`custom`);let i=await fetch(e.endpoint,{method:`POST`,headers:e.headers,body:r});if(!i.ok)throw Error(`Upload failed: ${i.status}`);let a=await i.json();e.onUploadComplete?.({name:n.name,url:a.url??``}),t.emit(`file:uploaded`,{name:n.name,url:a.url})}catch(t){e.onUploadError?.({name:n.name},t)}}})}}}function $(e=`local`){let t=e===`session`?sessionStorage:localStorage;return{get:e=>{try{return t.getItem(e)}catch{return null}},set:(e,n)=>{try{t.setItem(e,n)}catch{}},remove:e=>{try{t.removeItem(e)}catch{}}}}function Fe(e,t){if(!e)return t;try{return JSON.parse(e)}catch{return t}}function Ie(e){let t=e?.storageKey??`chatbot_history`,n=$(e?.storage??`local`),r=e?.maxMessages??100,i=e?.ttl??0,a=e=>{let i={messages:e.getMessages().slice(-r),savedAt:Date.now()};n.set(t,JSON.stringify(i))};return{name:`persistence`,onInit(e){let r=Fe(n.get(t),null);if(r?.messages?.length){if(i>0&&Date.now()-r.savedAt>i){n.remove(t);return}for(let t of r.messages)t.sender===`bot`&&t.text&&e.addBotMessage(t.text)}},onMessage(e,t){a(t)},onSubmit(e,t){a(t)},onDestroy(e){a(e)}}}function Le(e){let t=e.syncInterval??0,n=e.sessionKey??`chat_${Date.now()}`,r=null,i=t=>{Z(e.endpoint,{session:n,messages:t.getMessages(),data:t.getData(),timestamp:Date.now()},e.headers).catch(()=>{})};return{name:`sync`,async onInit(a){try{let t=await Te(`${e.endpoint}?session=${encodeURIComponent(n)}`,e.headers);if(t.data)for(let[e,n]of Object.entries(t.data))a.setData(e,n)}catch{}t>0&&(r=setInterval(()=>i(a),t))},onSubmit(e,t){i(t)},onEvent(e,t){e.type===`flowEnd`&&i(t)},onDestroy(e){r&&clearInterval(r),i(e)}}}function Re(e){let t=e.tokenKey??`chatbot_auth_token`,n=$(e.storage??`local`),r=t=>{if(e.validateToken)return!e.validateToken(t);if(e.type===`jwt`)try{let e=JSON.parse(atob(t.split(`.`)[1]));return e.exp?e.exp*1e3<Date.now():!1}catch{return!0}return!1};return{name:`auth`,onInit(i){let a=n.get(t);a&&(r(a)?(n.remove(t),e.onAuthExpired?.(i),i.emit(`auth:expired`,{})):(i.setData(`authToken`,a),e.onAuth?.(a,i),i.emit(`auth:restored`,{token:a}))),i.on(`auth:login`,(...e)=>{let r=e[0];r&&(n.set(t,r),i.setData(`authToken`,r),i.emit(`auth:success`,{token:r}))}),i.on(`auth:logout`,()=>{n.remove(t),i.setData(`authToken`,void 0),i.emit(`auth:loggedOut`,{})})}}}function ze(e){let t=e?.limit??10,n=e?.window??6e4,r=[];return{name:`rateLimit`,onMessage(i,a){if(i.sender!==`user`)return;let o=Date.now();for(;r.length>0&&o-r[0]>n;)r.shift();if(r.push(o),r.length>t){let t=Math.ceil((r[0]+n-o)/1e3);return e?.onLimited?.(t),a.emit(`rateLimit:exceeded`,{remaining:t}),a.addBotMessage(e?.warningMessage??`Too many messages. Please wait ${t}s.`),{...i,text:``}}}}}function Be(e){let t=e?.title??`New Message`,n=e?.onlyWhenHidden??!0,r=()=>typeof Notification<`u`&&Notification.permission===`granted`,i=()=>r()&&(!n||document.hidden);return{name:`push`,async onInit(){e?.requestPermission!==!1&&typeof Notification<`u`&&Notification.permission===`default`&&await Notification.requestPermission()},onMessage(n){n.sender===`bot`&&n.text&&i()&&new Notification(t,{body:n.text.slice(0,200),icon:e?.icon,tag:`chatbot-msg`})}}}function Ve(e){let t=Math.min(1,Math.max(0,e?.volume??.5)),n=e?.onlyWhenHidden??!1,r=null,i=()=>{r||=new AudioContext;let e=r.createOscillator(),n=r.createGain();e.connect(n),n.connect(r.destination),e.frequency.value=800,n.gain.value=t*.3,e.start(),n.gain.exponentialRampToValueAtTime(.001,r.currentTime+.15),e.stop(r.currentTime+.15)},a=()=>{if(!(n&&!document.hidden))if(e?.src){let n=new Audio(e.src);n.volume=t,n.play().catch(()=>{})}else try{i()}catch{}};return{name:`sound`,onMessage(e){e.sender===`bot`&&a()},onDestroy(){r?.close().catch(()=>{}),r=null}}}function He(e){let t=null,n=!1;return{name:`agent`,onInit(r){r.on(`agent:connect`,()=>{t||!e.socketUrl||(t=new WebSocket(e.socketUrl),t.onopen=()=>{n=!0,r.addBotMessage(e.connectMessage??`🧑‍💼 You are now connected to a live agent.`),e.onAgentConnect?.(r),r.emit(`agent:connected`,{})},t.onmessage=t=>{let n=typeof t.data==`string`?t.data:``;n&&(r.addBotMessage(n),e.onAgentMessage?.(n,r))},t.onclose=()=>{n=!1,t=null,r.addBotMessage(e.disconnectMessage??`🧑‍💼 The agent has disconnected.`),e.onAgentDisconnect?.(r),r.emit(`agent:disconnected`,{})},t.onerror=()=>{t?.close()})}),r.on(`agent:disconnect`,()=>{t?.close()})},onMessage(e){n&&e.sender===`user`&&t?.readyState===WebSocket.OPEN&&t.send(JSON.stringify({type:`message`,text:e.text,timestamp:Date.now()}))},onDestroy(){t?.close(),t=null,n=!1}}}function Ue(e){return{name:`transfer`,onInit(t){t.on(`transfer:request`,async(...n)=>{let r=n[0]??`default`;t.addBotMessage(e.transferMessage??`Transferring you to **${r}**. Please hold...`),e.onTransfer?.(r,t);try{let n=await(await Z(e.endpoint,{department:r,messages:t.getMessages(),data:t.getData(),timestamp:Date.now()},e.headers)).json();e.onTransferComplete?.(n,t),t.emit(`transfer:complete`,{department:r,result:n})}catch(e){t.addBotMessage(`Transfer failed. Please try again later.`),t.emit(`transfer:error`,{department:r,error:String(e)})}})}}}function We(e){let t=e?.storageKey??`chatbot_theme`,n=$(`local`),r=e?.cssVariable??`--cb-theme-mode`,i=e=>{typeof document<`u`&&(document.documentElement.style.setProperty(r,e),document.documentElement.setAttribute(`data-chatbot-theme`,e))};return{name:`theme`,onInit(r){let a=n.get(t)??e?.defaultMode??`light`;i(a),r.setData(`theme`,a),r.on(`theme:set`,(...a)=>{let o=a[0];o&&(n.set(t,o),i(o),r.setData(`theme`,o),e?.onThemeChange?.(o,r),r.emit(`theme:changed`,{mode:o}))}),r.on(`theme:toggle`,()=>{let e=(n.get(t)??`light`)===`light`?`dark`:`light`;r.emit(`theme:set`,e)})}}}function Ge(e){return{name:`component`,onInit(t){if(t.on(`component:inject`,(...n)=>{let r=n[0];r&&(t.emit(`component:render`,{component:r}),e?.onRender?.(r,t))}),e?.components)for(let[n,r]of Object.entries(e.components))t.on(`component:${n}`,()=>{t.emit(`component:render`,{component:r})})}}}function Ke(e){let t=new Set(e.fields??[`name`,`email`,`phone`]),n=$(`local`),r=e.storageKey??`chatbot_lead`,i=(i,a)=>{let o={},s=!1;for(let[e,n]of Object.entries(i))t.has(e)&&n&&(o[e]=n,s=!0);if(s){let t={...JSON.parse(n.get(r)??`{}`),...o,updatedAt:Date.now()};n.set(r,JSON.stringify(t)),e.onLeadCaptured?.(t,a),a.emit(`lead:captured`,t),e.endpoint&&Z(e.endpoint,t,e.headers).catch(()=>{})}};return{name:`lead`,onSubmit(e,t){i(e,t)},onEvent(e,t){e.type===`flowEnd`&&e.payload&&i(e.payload,t),e.type===`login`&&e.payload&&i(e.payload,t)}}}function qe(e){let t=new Q,n=new Map;return{name:`campaign`,onInit(r){e.campaigns.forEach((i,a)=>{let o=i.maxShows??1,s=()=>{let t=n.get(a)??0;t>=o||(n.set(a,t+1),r.addBotMessage(i.message),i.flowStep&&r.emit(`campaign:flowStart`,{step:i.flowStep}),e.onTrigger?.(i,r),r.emit(`campaign:triggered`,{trigger:i.trigger,idx:a}))};switch(i.trigger){case`pageLoad`:t.setTimeout(`campaign_${a}`,s,i.delay??0);break;case`idle`:t.setTimeout(`campaign_${a}`,s,i.delay??3e4);break;case`exitIntent`:if(typeof document<`u`){let e=t=>{t.clientY<=0&&(s(),document.removeEventListener(`mouseleave`,e))};document.addEventListener(`mouseleave`,e)}break;case`scroll`:if(typeof window<`u`){let e=()=>{window.scrollY/(document.body.scrollHeight-window.innerHeight)>.7&&(s(),window.removeEventListener(`scroll`,e))};window.addEventListener(`scroll`,e,{passive:!0})}break;case`custom`:r.on(`campaign:fire:${a}`,s);break}})},onDestroy(){t.destroy()}}}function Je(e){let t=new Q;return{name:`scheduler`,onInit(n){e.messages?.forEach((r,i)=>{let a=`sched_${i}`;r.repeat&&r.interval?t.setTimeout(`${a}_init`,()=>{n.addBotMessage(r.message),e.onScheduledMessage?.(r.message),t.setInterval(a,()=>{n.addBotMessage(r.message),e.onScheduledMessage?.(r.message)},r.interval)},r.delay):t.setTimeout(a,()=>{n.addBotMessage(r.message),e.onScheduledMessage?.(r.message)},r.delay)}),n.on(`scheduler:add`,(...r)=>{let i=r[0];if(i){let r=`sched_dyn_${Date.now()}`;t.setTimeout(r,()=>{n.addBotMessage(i.message),e.onScheduledMessage?.(i.message)},i.delay)}})},onDestroy(){t.destroy()}}}function Ye(e){let t=new Q;return{name:`reminder`,onInit(n){e?.reminders?.forEach((r,i)=>{t.setTimeout(`reminder_${i}`,()=>{n.addBotMessage(r.message),e?.onReminder?.(r.message),n.emit(`reminder:sent`,{message:r.message,idx:i})},r.delay)}),n.on(`reminder:set`,(...r)=>{let i=r[0];i&&t.setTimeout(`reminder_${i.id}`,()=>{n.addBotMessage(i.message),e?.onReminder?.(i.message),n.emit(`reminder:sent`,i)},i.delay)}),n.on(`reminder:cancel`,(...e)=>{let n=e[0];n&&t.clearTimeout(`reminder_${n}`)})},onDestroy(){t.destroy()}}}function Xe(e){let t=$(`local`),n=e.storageKey??`chatbot_locale`,r=e.defaultLocale??`en`,i=t=>e.translations[r]?.[t]??e.translations[e.defaultLocale??`en`]?.[t]??t;return{name:`i18n`,onInit(a){let o=t.get(n);o&&e.translations[o]&&(r=o),a.setData(`locale`,r),a.setData(`t`,i),a.on(`i18n:setLocale`,(...i)=>{let o=i[0];o&&e.translations[o]&&(r=o,t.set(n,o),a.setData(`locale`,o),e.onLocaleChange?.(o,a),a.emit(`i18n:localeChanged`,{locale:o}))}),a.on(`i18n:translate`,(...e)=>{let t=e[0];t&&a.emit(`i18n:translated`,{key:t,value:i(t)})})},onMessage(e){if(e.sender===`bot`&&e.text){let t=e.text.replace(/\{\{t:([^}]+)\}\}/g,(e,t)=>i(t));if(t!==e.text)return{...e,text:t}}}}}function Ze(e){e?.groupName,e?.logState,e?.logEvents,e?.logMessages;let t=[];return{name:`debug`,onInit(e){typeof window<`u`&&(window.__chatbotDebug={getMessages:()=>e.getMessages(),getData:()=>e.getData(),getEventLog:()=>[...t],sendMessage:t=>e.sendMessage(t),emit:(t,...n)=>e.emit(t,...n)})},onMessage(e){},onEvent(e){t.push({type:e.type,payload:e.payload,time:Date.now()})},onDestroy(){t=[],typeof window<`u`&&delete window.__chatbotDebug}}}function Qe(e){let t=e?.position??`top-right`,n=e?.shortcutKey??`F2`,r=null,i=!1,a={messages:0,events:[],data:{},currentStep:null},o=()=>{let e=document.createElement(`div`);e.id=`chatbot-devtools`;let n={"top-left":`top:8px;left:8px`,"top-right":`top:8px;right:8px`,"bottom-left":`bottom:80px;left:8px`,"bottom-right":`bottom:80px;right:8px`};return e.style.cssText=`
46
+ position:fixed;${n[t]};z-index:99999;width:320px;max-height:400px;overflow:auto;
47
+ background:#1a1a2e;color:#e0e0e0;font-family:monospace;font-size:11px;
48
+ border-radius:8px;padding:12px;box-shadow:0 4px 20px rgba(0,0,0,0.4);display:none;
49
+ `,document.body.appendChild(e),e},s=()=>{r&&(r.innerHTML=`
50
+ <div style="font-size:13px;font-weight:bold;margin-bottom:8px;color:#6c5ce7;">🔧 ChatBot DevTools</div>
51
+ <div style="margin-bottom:6px;"><b>Messages:</b> ${a.messages}</div>
52
+ <div style="margin-bottom:6px;"><b>Step:</b> ${a.currentStep??`none`}</div>
53
+ <div style="margin-bottom:6px;"><b>Data:</b><pre style="margin:4px 0;white-space:pre-wrap;font-size:10px;">${JSON.stringify(a.data,null,2)}</pre></div>
54
+ <div><b>Recent Events (${a.events.length}):</b></div>
55
+ ${a.events.slice(-10).map(e=>`<div style="color:#888;font-size:10px;">${e.type}</div>`).join(``)}
56
+ `)},c=()=>{r||=o(),i=!i,r.style.display=i?`block`:`none`,i&&s()};return{name:`devtools`,onInit(e){typeof document>`u`||(document.addEventListener(`keydown`,e=>{e.key===n&&c()}),a.messages=e.getMessages().length,a.data=e.getData())},onMessage(t,n){a.messages=n.getMessages().length+1,a.data=n.getData(),e?.onStateUpdate?.(a),i&&s()},onEvent(t,n){a.events.push({type:t.type,time:t.timestamp}),t.type===`stepChange`&&(a.currentStep=t.payload?.stepId??null),a.data=n.getData(),e?.onStateUpdate?.(a),i&&s()},onDestroy(){r?.remove(),r=null}}}function $e(e){let t=new Set(e?.allowedTypes??[`image`,`video`,`audio`,`card`]),n=n=>{if(!n)return n;let r=n;return t.has(`image`)&&(r=r.replace(/\[image:([^\]]+)\]/g,(t,n)=>(e?.onMediaRender?.(`image`,n),`![image](${n})`))),t.has(`video`)&&(r=r.replace(/\[video:([^\]]+)\]/g,(t,n)=>(e?.onMediaRender?.(`video`,n),`🎬 [Watch video](${n})`))),t.has(`audio`)&&(r=r.replace(/\[audio:([^\]]+)\]/g,(t,n)=>(e?.onMediaRender?.(`audio`,n),`🔊 [Listen](${n})`))),r};return{name:`media`,onInit(e){e.on(`media:send`,(...r)=>{let i=r[0];if(i&&t.has(i.type)){let t=i.caption?`${n(`[${i.type}:${i.url}]`)}
57
+ ${i.caption}`:n(`[${i.type}:${i.url}]`);e.addBotMessage(t)}})},onMessage(e){if(e.sender===`bot`&&e.text){let t=n(e.text);if(t!==e.text)return{...e,text:t}}}}}function et(e){let t={bold:e?.enableBold??!0,italic:e?.enableItalic??!0,code:e?.enableCode??!0,links:e?.enableLinks??!0,lists:e?.enableLists??!0,lineBreaks:e?.enableLineBreaks??!0},n=e=>{let n=e;return t.code&&(n=n.replace(/```([^`]+)```/g,`<pre><code>$1</code></pre>`),n=n.replace(/`([^`]+)`/g,`<code>$1</code>`)),t.bold&&(n=n.replace(/\*\*([^*]+)\*\*/g,`<strong>$1</strong>`),n=n.replace(/__([^_]+)__/g,`<strong>$1</strong>`)),t.italic&&(n=n.replace(/\*([^*]+)\*/g,`<em>$1</em>`),n=n.replace(/(?<!\w)_([^_]+)_(?!\w)/g,`<em>$1</em>`)),t.links&&(n=n.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,`<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>`)),t.lists&&(n=n.replace(/^[•\-\*]\s+(.+)$/gm,`<li>$1</li>`),n=n.replace(/(<li>.*<\/li>\n?)+/g,`<ul>$&</ul>`)),t.lineBreaks&&(n=n.replace(/\n/g,`<br>`)),n};return{name:`markdown`,onMessage(e){if(e.sender===`bot`&&e.text){let t=n(e.text);if(t!==e.text)return{...e,text:t}}}}}exports.AttachmentIcon=w,exports.Branding=G,exports.ChatBot=xe,exports.ChatBubbleIcon=b,exports.ChatContext=f,exports.ChatHeader=te,exports.ChatInput=W,exports.ChatWindow=_e,exports.CheckboxField=j,exports.CloseIcon=x,exports.DynamicForm=N,exports.EmojiIcon=C,exports.EmojiPicker=B,exports.FileIcon=T,exports.FilePreviewList=H,exports.FileUploadButton=V,exports.FileUploadField=M,exports.FlowEngine=K,exports.ImageIcon=ee,exports.Launcher=O,exports.LoginScreen=P,exports.MessageBubble=F,exports.MessageList=R,exports.MinimizeIcon=S,exports.PluginManager=ve,exports.QuickReplies=I,exports.RadioField=A,exports.RemoveIcon=E,exports.RestartIcon=D,exports.SelectField=k,exports.SendIcon=y,exports.TextField=ie,exports.TypingIndicator=L,exports.WelcomeScreen=ne,exports.agentPlugin=He,exports.aiPlugin=ke,exports.analyticsPlugin=Se,exports.authPlugin=Re,exports.autoReplyPlugin=Me,exports.buildCSSVariables=_,exports.buildStyles=v,exports.campaignPlugin=qe,exports.componentPlugin=Ge,exports.crmPlugin=De,exports.debugPlugin=Ze,exports.devtoolsPlugin=Qe,exports.emailPlugin=Oe,exports.i18nPlugin=Xe,exports.intentPlugin=Ae,exports.leadPlugin=Ke,exports.loggerPlugin=we,exports.markdownPlugin=et,exports.mediaPlugin=$e,exports.persistencePlugin=Ie,exports.pushPlugin=Be,exports.rateLimitPlugin=ze,exports.reminderPlugin=Ye,exports.resolveTheme=g,exports.schedulerPlugin=Je,exports.soundPlugin=Ve,exports.syncPlugin=Le,exports.themePlugin=We,exports.transferPlugin=Ue,exports.typingPlugin=je,exports.uploadPlugin=Pe,exports.useChat=Y,exports.useChatContext=p,exports.validationPlugin=Ne,exports.webhookPlugin=Ee;
46
58
  //# sourceMappingURL=index.cjs.map