npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807 → 0.0.808-beta.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 (1557) hide show

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calcPercentage.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.ts"],"sourcesContent":["export function calculatePercentage(a: number, b: number, c: number) {\n\tconst totalSum = a + b + c;\n\n\tconst percentageA = (a / totalSum) * 100;\n\tconst percentageB = (b / totalSum) * 100;\n\tconst percentageC = (c / totalSum) * 100;\n\n\treturn [percentageA \|\| 0, percentageB \|\| 0, percentageC \|\| 0];\n}\n\nexport const truncateValueToK = (value: number) => {\n\tif (Math.abs(value) < 1000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(value / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueTo10K = (value: number) => {\n\tif (Math.abs(value) < 10000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(Number(value) / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueToL = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_LAKH);\n\treturn roundedValue + 'L';\n};\n\nexport const truncateValueToC = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_CRORE);\n\treturn roundedValue + 'C';\n};\n\nexport const truncateValueToA = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_ARAB);\n\treturn roundedValue + 'A';\n};\n\nexport const truncateValueToM = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_MILLION);\n\treturn roundedValue + 'M';\n};\n\nexport const truncateValueToB = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_BILLION);\n\treturn roundedValue + 'B';\n};\n\nexport const truncateValueToT = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_TRILLION);\n\treturn roundedValue + 'T';\n};\n\nexport const roundNumber = (value: number, noOfDigits = 2) => {\n\tconst offset = 10 * noOfDigits;\n\treturn Math.round((value + Number.EPSILON) * offset) / offset;\n};\n\nexport const truncateValueForInternationalStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_MILLION) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 999999 && value < TruncateValue.ONE_BILLION) {\n\t\treturn truncateValueToM(value);\n\t} else if (value > 999999999 && value < TruncateValue.ONE_TRILLION) {\n\t\treturn truncateValueToB(value);\n\t} else {\n\t\treturn truncateValueToT(value);\n\t}\n};\n\nexport const truncateValueForIndianStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_LAKH) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 99999 && value < TruncateValue.ONE_CRORE) {\n\t\treturn truncateValueToL(value);\n\t} else if (value > 9999999 && value < TruncateValue.ONE_ARAB) {\n\t\treturn truncateValueToC(value);\n\t} else {\n\t\treturn truncateValueToA(value);\n\t}\n};\n\nexport enum TruncateValue {\n\tONE_LAKH = 100000,\n\tONE_CRORE = 10000000,\n\tONE_ARAB = 1000000000,\n\tONE_MILLION = 1000000,\n\tONE_BILLION = 1000000000,\n\tONE_TRILLION = 1000000000000,\n}\n"],"names":["truncateValueToK","value","Math","abs","roundNumber","toString","truncateValueToL","Number","TruncateValue","ONE_LAKH","truncateValueToC","ONE_CRORE","truncateValueToA","ONE_ARAB","truncateValueToM","ONE_MILLION","truncateValueToB","ONE_BILLION","truncateValueToT","ONE_TRILLION","~~offset~~","~~arguments~~","~~length","undefined","~~round","EPSILON","a","b","c","totalSum"],"mappings":"oEAUaA,MAAAA,EAAoBC,IAChC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYH,EAAQ,KACnB,GAAG,EAYbK,EAAoBL,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcC,UACzC,IAGVC,EAAoBT,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcG,WACzC,IAGVC,EAAoBX,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcK,UACzC,IAGVC,EAAoBb,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcO,aACzC,IAGVC,EAAoBf,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcS,aACzC,IAGVC,EAAoBjB,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcW,cACzC,IAGVf,~~EAAc~~,~~SAACH~~,~~GAC3B~~,~~MAAMmB~~,~~EAAS~~,~~IADqCC~~,~~UAAAC~~,~~OAAA~~,~~QAAAC~~,~~IAAAF~~,~~UAAA~~,~~GAAAA~~,~~UAAA,GAAG,GAEvD,OAAOnB,KAAKsB,OAAOvB,~~EAAQM,~~OAAOkB~~,~~SAAWL~~,GAAUA,~~CACxD~~,~~EAgCA~~,~~IAAYZ~~,EAAAA,QAOXA,mBAAA,GAPWA,EAAAA,QAAaA,gBAAbA,sBAOX,CAAA,IANAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,UAAA,KAAA,YACAA,EAAAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,aAAA,MAAA,~~oDAnGmCkB~~,EAAWC,EAAWC,GACzD,MAAMC,EAAWH,EAAIC,EAAIC,EAMzB,MAAO,CAJcF,EAAIG,EAAY,KAId,EAHFF,EAAIE,EAAY,KAGI,EAFpBD,EAAIC,EAAY,KAEsB,EAC5D,~~4DAsE4C5B~~,GACvCA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQO,QAAAA,cAAcC,SACjCT,EAAiBC,GACdA,EAAQ,OAASA,EAAQO,QAAAA,cAAcG,UAC1CL,EAAiBL,GACdA,EAAQ,SAAWA,EAAQO,QAAAA,cAAcK,SAC5CH,EAAiBT,GAEjBW,EAAiBX,8CA1ByBA,GAC9CA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQO,QAAAA,cAAcO,YACjCf,EAAiBC,GACdA,EAAQ,QAAUA,EAAQO,QAAAA,cAAcS,YAC3CH,EAAiBb,GACdA,EAAQ,WAAaA,EAAQO,QAAAA,cAAcW,aAC9CH,EAAiBf,GAEjBiB,EAAiBjB,8BAvDSA,IAClC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYG,OAAON,GAAS,KAC3B,GAAG"}
1	+ {"version":3,"file":"calcPercentage.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.ts"],"sourcesContent":["export function calculatePercentage(a: number, b: number, c: number) {\n\tconst totalSum = a + b + c;\n\n\tconst percentageA = (a / totalSum) * 100;\n\tconst percentageB = (b / totalSum) * 100;\n\tconst percentageC = (c / totalSum) * 100;\n\n\treturn [percentageA \|\| 0, percentageB \|\| 0, percentageC \|\| 0];\n}\n\nexport const truncateValueToK = (value: number) => {\n\tif (Math.abs(value) < 1000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(value / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueTo10K = (value: number) => {\n\tif (Math.abs(value) < 10000) {\n\t\treturn roundNumber(value).toString();\n\t}\n\n\tconst roundedValue = roundNumber(Number(value) / 1000);\n\treturn roundedValue + 'K';\n};\n\nexport const truncateValueToL = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_LAKH);\n\treturn roundedValue + 'L';\n};\n\nexport const truncateValueToC = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_CRORE);\n\treturn roundedValue + 'C';\n};\n\nexport const truncateValueToA = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_ARAB);\n\treturn roundedValue + 'A';\n};\n\nexport const truncateValueToM = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_MILLION);\n\treturn roundedValue + 'M';\n};\n\nexport const truncateValueToB = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_BILLION);\n\treturn roundedValue + 'B';\n};\n\nexport const truncateValueToT = (value: number) => {\n\tconst roundedValue = roundNumber(Number(value) / TruncateValue.ONE_TRILLION);\n\treturn roundedValue + 'T';\n};\n\nexport const roundNumber = (value: number, noOfDigits = 2) => {\n\tconst offset = 10 * noOfDigits;\n\treturn Math.round((value + Number.EPSILON) * offset) / offset;\n};\n\nexport const truncateValueForInternationalStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_MILLION) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 999999 && value < TruncateValue.ONE_BILLION) {\n\t\treturn truncateValueToM(value);\n\t} else if (value > 999999999 && value < TruncateValue.ONE_TRILLION) {\n\t\treturn truncateValueToB(value);\n\t} else {\n\t\treturn truncateValueToT(value);\n\t}\n};\n\nexport const truncateValueForIndianStore = (value: number) => {\n\tif (value < 1000) {\n\t\treturn roundNumber(value);\n\t}\n\tif (value > 999 && value < TruncateValue.ONE_LAKH) {\n\t\treturn truncateValueToK(value);\n\t} else if (value > 99999 && value < TruncateValue.ONE_CRORE) {\n\t\treturn truncateValueToL(value);\n\t} else if (value > 9999999 && value < TruncateValue.ONE_ARAB) {\n\t\treturn truncateValueToC(value);\n\t} else {\n\t\treturn truncateValueToA(value);\n\t}\n};\n\nexport enum TruncateValue {\n\tONE_LAKH = 100000,\n\tONE_CRORE = 10000000,\n\tONE_ARAB = 1000000000,\n\tONE_MILLION = 1000000,\n\tONE_BILLION = 1000000000,\n\tONE_TRILLION = 1000000000000,\n}\n"],"names":["truncateValueToK","value","Math","abs","roundNumber","toString","truncateValueToL","Number","TruncateValue","ONE_LAKH","truncateValueToC","ONE_CRORE","truncateValueToA","ONE_ARAB","truncateValueToM","ONE_MILLION","truncateValueToB","ONE_BILLION","truncateValueToT","ONE_TRILLION","noOfDigits","offset","round","EPSILON","a","b","c","totalSum"],"mappings":"oEAUaA,MAAAA,EAAoBC,IAChC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYH,EAAQ,KACnB,GAAG,EAYbK,EAAoBL,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcC,UACzC,IAGVC,EAAoBT,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcG,WACzC,IAGVC,EAAoBX,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcK,UACzC,IAGVC,EAAoBb,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcO,aACzC,IAGVC,EAAoBf,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcS,aACzC,IAGVC,EAAoBjB,GACXG,EAAYG,OAAON,GAASO,QAAAA,cAAcW,cACzC,IAGVf,EAAcA,CAACH,EAAemB,EAAa,KACvD,MAAMC,EAAS,GAAKD,EACpB,OAAOlB,KAAKoB,OAAOrB,EAAQM,OAAOgB,SAAWF,GAAUA,CAAM,EAiC9D,IAAYb,EAAAA,QAOXA,mBAAA,GAPWA,EAAAA,QAAaA,gBAAbA,sBAOX,CAAA,IANAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,UAAA,KAAA,YACAA,EAAAA,EAAA,SAAA,KAAA,WACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,YAAA,KAAA,cACAA,EAAAA,EAAA,aAAA,MAAA,oDAnGmCgB,EAAWC,EAAWC,GACzD,MAAMC,EAAWH,EAAIC,EAAIC,EAMzB,MAAO,CAJcF,EAAIG,EAAY,KAId,EAHFF,EAAIE,EAAY,KAGI,EAFpBD,EAAIC,EAAY,KAEsB,EAC5D,4DAsE4C1B,GACvCA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQO,QAAAA,cAAcC,SACjCT,EAAiBC,GACdA,EAAQ,OAASA,EAAQO,QAAAA,cAAcG,UAC1CL,EAAiBL,GACdA,EAAQ,SAAWA,EAAQO,QAAAA,cAAcK,SAC5CH,EAAiBT,GAEjBW,EAAiBX,8CA1ByBA,GAC9CA,EAAQ,IACJG,EAAYH,GAEhBA,EAAQ,KAAOA,EAAQO,QAAAA,cAAcO,YACjCf,EAAiBC,GACdA,EAAQ,QAAUA,EAAQO,QAAAA,cAAcS,YAC3CH,EAAiBb,GACdA,EAAQ,WAAaA,EAAQO,QAAAA,cAAcW,aAC9CH,EAAiBf,GAEjBiB,EAAiBjB,8BAvDSA,IAClC,GAAIC,KAAKC,IAAIF,GAAS,IACrB,OAAOG,EAAYH,GAAOI,WAI3B,OADqBD,EAAYG,OAAON,GAAS,KAC3B,GAAG"}

package/dist/cjs/components/bik-chatbot/components/AIChat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),i=require("./ChatLoadingState.js"),a=require("./ChatWindow.js");exports.AIChat=r=>{let{className:n,style:l,header:d,showHeader:c=!0,placeholder:o="Ask me anything...",suggestions:g=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:h=!1,isThinking:u=!1,height:j,iceBreakers:m,videoStarter:x,onMessageSent:v,onIceBreakerClick:b,chatState:p,chatWindowHeight:f,inputDisabled:y=!1}=r;const{isReady:k,isLoading:A,messages:C,sendMessage:O,error:w,system:I,isApiCallInProgress:N}=t.useAIContext(),S=d||(null==I?void 0:I.name)||"AI Assistant";return w?s.jsx("div",Object.assign({className:`flex items-center justify-center p-6 ${n}`,style:l},{children:s.jsxs("div",Object.assign({className:"text-red-500 text-center"},{children:[s.jsx("div",Object.assign({className:"text-lg font-semibold mb-2"},{children:"Error"})),s.jsx("div",Object.assign({className:"text-sm"},{children:w}))]}))})):k?s.jsx("div",Object.assign({className:n,style:Object.assign(Object.assign({},l),{height:j||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0})},{children:s.jsx(a.default,{messages:C,onSend:s=>e.__awaiter(void 0,void 0,void 0,(function*(){null==v||v(s),yield O(s)})),header:c?S:void 0,placeholder:o,suggestions:g,iceBreakers:m,videoStarter:x,disabled:h||A,isThinking:u||N,onIceBreakerClick:b,chatState:p,chatWindowHeight:f||"100%",inputDisabled:y})})):s.jsx(i.default,{className:n,style:l})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("../contexts/AIContext.js"),i=require("./ChatLoadingState.js"),a=require("./ChatWindow.js");exports.AIChat=({className:r,style:n,header:l,showHeader:d=!0,placeholder:c="Ask me anything...",suggestions:o=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:g=!1,isThinking:h=!1,height:u,iceBreakers:j,videoStarter:m,onMessageSent:x,onIceBreakerClick:v,chatState:b,chatWindowHeight:p,inputDisabled:f=!1})=>{const{isReady:y,isLoading:k,messages:A,sendMessage:C,error:O,system:w,isApiCallInProgress:I}=t.useAIContext(),N=l||(null==w?void 0:w.name)||"AI Assistant";return O?s.jsx("div",Object.assign({className:`flex items-center justify-center p-6 ${r}`,style:n},{children:s.jsxs("div",Object.assign({className:"text-red-500 text-center"},{children:[s.jsx("div",Object.assign({className:"text-lg font-semibold mb-2"},{children:"Error"})),s.jsx("div",Object.assign({className:"text-sm"},{children:O}))]}))})):y?s.jsx("div",Object.assign({className:r,style:Object.assign(Object.assign({},n),{height:u||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0})},{children:s.jsx(a.default,{messages:A,onSend:s=>e.__awaiter(void 0,void 0,void 0,(function*(){null==x||x(s),yield C(s)})),header:d?N:void 0,placeholder:c,suggestions:o,iceBreakers:j,videoStarter:m,disabled:g||k,isThinking:h||I,onIceBreakerClick:v,chatState:b,chatWindowHeight:p||"100%",inputDisabled:f})})):s.jsx(i.default,{className:r,style:n})};
 //# sourceMappingURL=AIChat.js.map

package/dist/cjs/components/bik-chatbot/components/AIChat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIChat.js","sources":["../../../../../src/components/bik-chatbot/components/AIChat.tsx"],"sourcesContent":["import React from 'react';\nimport { useAIContext } from '../contexts/AIContext';\nimport { AIChatProps } from '../types';\nimport ChatLoadingState from './ChatLoadingState';\nimport ChatWindow from './ChatWindow';\n\nexport const AIChat: React.FC<\n\tAIChatProps & { chatWindowHeight?: string \| number }\n> = ({\n\tclassName,\n\tstyle,\n\theader,\n\tshowHeader = true,\n\tplaceholder = 'Ask me anything...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\tdisabled = false,\n\tisThinking = false,\n\theight,\n\ticeBreakers,\n\tvideoStarter,\n\tonMessageSent,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst {\n\t\tisReady,\n\t\tisLoading,\n\t\tmessages,\n\t\tsendMessage,\n\t\terror,\n\t\tsystem,\n\t\tisApiCallInProgress,\n\t} = useAIContext();\n\n\t// Use system name as header if not provided\n\tconst displayHeader = header \|\| system?.name \|\| 'AI Assistant';\n\n\t// Handle message sending with callback\n\tconst handleSendMessage = async (content: string) => {\n\t\t// Call onMessageSent immediately when user sends message (before AI response)\n\t\tonMessageSent?.(content);\n\t\t// Then send the message to AI service\n\t\tawait sendMessage(content);\n\t};\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`flex items-center justify-center p-6 ${className}`}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className=\"text-red-500 text-center\">\n\t\t\t\t\t<div className=\"text-lg font-semibold mb-2\">Error</div>\n\t\t\t\t\t<div className=\"text-sm\">{error}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (!isReady) {\n\t\treturn <ChatLoadingState className={className} style={style} />;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\theight: height \|\| '100%',\n\t\t\t\twidth: '100%',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tminHeight: 0, // Important for flex children to shrink\n\t\t\t}}\n\t\t>\n\t\t\t<ChatWindow\n\t\t\t\tmessages={messages}\n\t\t\t\tonSend={handleSendMessage}\n\t\t\t\theader={showHeader ? displayHeader : undefined}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tsuggestions={suggestions}\n\t\t\t\ticeBreakers={iceBreakers}\n\t\t\t\tvideoStarter={videoStarter}\n\t\t\t\tdisabled={disabled \|\| isLoading}\n\t\t\t\tisThinking={isThinking \|\| isApiCallInProgress}\n\t\t\t\tonIceBreakerClick={onIceBreakerClick}\n\t\t\t\tchatState={chatState}\n\t\t\t\tchatWindowHeight={chatWindowHeight \|\| '100%'}\n\t\t\t\tinputDisabled={inputDisabled}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["~~_ref~~","className","style","header","showHeader","placeholder","suggestions","disabled","isThinking","height","iceBreakers","videoStarter","onMessageSent","onIceBreakerClick","chatState","chatWindowHeight","inputDisabled","isReady","isLoading","messages","sendMessage","error","system","isApiCallInProgress","useAIContext","displayHeader","name","_jsx","Object","assign","children","_jsxs","jsxs","jsx","width","display","flexDirection","minHeight","ChatWindow","onSend","content","__awaiter","undefined","ChatLoadingState"],"mappings":"qQAQIA,~~IAqBC~~,~~IArBAC~~,~~UACJA~~,~~EAASC~~,~~MACTA~~,~~EAAKC~~,~~OACLA~~,~~EAAMC~~,~~WACNA~~,~~GAAa,EAAIC,YACjBA,EAAc,qBAAoBC,YAClCA,EAAc,~~CACb,8BACA,wBACA,~~iCACAC~~,~~SACDA~~,~~GAAW~~,~~EAAKC~~,~~WAChBA~~,~~GAAa~~,~~EAAKC~~,~~OAClBA~~,~~EAAMC~~,~~YACNA~~,~~EAAWC~~,~~aACXA~~,~~EAAYC~~,~~cACZA~~,~~EAAaC~~,~~kBACbA,EAAiBC,UACjBA,EAASC,iBACTA,EAAgBC,cAChBA,GAAgB,GAChBhB,EACA,MAAMiB,~~QACLA,EAAOC,UACPA,EAASC,SACTA,EAAQC,YACRA,EAAWC,MACXA,EAAKC,OACLA,EAAMC,oBACNA,GACGC,EAAYA,eAGVC,EAAgBtB,IAAUmB,aAAA,EAAAA,EAAQI,OAAQ,eAUhD,OAAIL,EAEFM,MAAA,MAAAC,OAAAC,OAAA,CACC5B,~~kDAAmDA~~,IACnDC,MAAOA,GAEP,CAAA4B,SAAAC,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CAAK5B,UAAU,4BACd,CAAA6B,SAAA,CAAAH,EAAAM,IAAA,MAAAL,OAAAC,OAAA,CAAK5B,UAAU,8BAA4B,CAAA6B,SAAA,WAC3CH,EAAKM,IAAA,MAAAL,OAAAC,OAAA,CAAA5B,UAAU,qBAAWoB,YAMzBJ,EAKJU,2BACC1B,UAAWA,EACXC,MACI0B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA3B,GACH,CAAAO,OAAQA,GAAU,OAClByB,MAAO,OACPC,QAAS,OACTC,cAAe,SACfC,UAAW,KAGZ,CAAAP,SAAAH,EAAAM,IAACK,UAAU,CACVnB,SAAUA,EACVoB,OAvC8BC,GAAmBC,iBAAA,OAAA,OAAA,GAAA,YAEnD7B,SAAAA,EAAgB4B,SAEVpB,EAAYoB,EACnB,IAmCGrC,OAAQC,EAAaqB,OAAgBiB,EACrCrC,YAAaA,EACbC,YAAaA,EACbI,YAAaA,EACbC,aAAcA,EACdJ,SAAUA,GAAYW,EACtBV,WAAYA,GAAce,EAC1BV,kBAAmBA,EACnBC,UAAWA,EACXC,iBAAkBA,GAAoB,OACtCC,cAAeA,OA5BVW,EAAAA,IAACgB,EAAAA,QAAgB,CAAC1C,UAAWA,EAAWC,MAAOA,GA8BhD"}
1	+ {"version":3,"file":"AIChat.js","sources":["../../../../../src/components/bik-chatbot/components/AIChat.tsx"],"sourcesContent":["import React from 'react';\nimport { useAIContext } from '../contexts/AIContext';\nimport { AIChatProps } from '../types';\nimport ChatLoadingState from './ChatLoadingState';\nimport ChatWindow from './ChatWindow';\n\nexport const AIChat: React.FC<\n\tAIChatProps & { chatWindowHeight?: string \| number }\n> = ({\n\tclassName,\n\tstyle,\n\theader,\n\tshowHeader = true,\n\tplaceholder = 'Ask me anything...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\tdisabled = false,\n\tisThinking = false,\n\theight,\n\ticeBreakers,\n\tvideoStarter,\n\tonMessageSent,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst {\n\t\tisReady,\n\t\tisLoading,\n\t\tmessages,\n\t\tsendMessage,\n\t\terror,\n\t\tsystem,\n\t\tisApiCallInProgress,\n\t} = useAIContext();\n\n\t// Use system name as header if not provided\n\tconst displayHeader = header \|\| system?.name \|\| 'AI Assistant';\n\n\t// Handle message sending with callback\n\tconst handleSendMessage = async (content: string) => {\n\t\t// Call onMessageSent immediately when user sends message (before AI response)\n\t\tonMessageSent?.(content);\n\t\t// Then send the message to AI service\n\t\tawait sendMessage(content);\n\t};\n\n\tif (error) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`flex items-center justify-center p-6 ${className}`}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className=\"text-red-500 text-center\">\n\t\t\t\t\t<div className=\"text-lg font-semibold mb-2\">Error</div>\n\t\t\t\t\t<div className=\"text-sm\">{error}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (!isReady) {\n\t\treturn <ChatLoadingState className={className} style={style} />;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\theight: height \|\| '100%',\n\t\t\t\twidth: '100%',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tminHeight: 0, // Important for flex children to shrink\n\t\t\t}}\n\t\t>\n\t\t\t<ChatWindow\n\t\t\t\tmessages={messages}\n\t\t\t\tonSend={handleSendMessage}\n\t\t\t\theader={showHeader ? displayHeader : undefined}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tsuggestions={suggestions}\n\t\t\t\ticeBreakers={iceBreakers}\n\t\t\t\tvideoStarter={videoStarter}\n\t\t\t\tdisabled={disabled \|\| isLoading}\n\t\t\t\tisThinking={isThinking \|\| isApiCallInProgress}\n\t\t\t\tonIceBreakerClick={onIceBreakerClick}\n\t\t\t\tchatState={chatState}\n\t\t\t\tchatWindowHeight={chatWindowHeight \|\| '100%'}\n\t\t\t\tinputDisabled={inputDisabled}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["AIChat","className","style","header","showHeader","placeholder","suggestions","disabled","isThinking","height","iceBreakers","videoStarter","onMessageSent","onIceBreakerClick","chatState","chatWindowHeight","inputDisabled","isReady","isLoading","messages","sendMessage","error","system","isApiCallInProgress","useAIContext","displayHeader","name","_jsx","Object","assign","children","_jsxs","jsxs","jsx","width","display","flexDirection","minHeight","ChatWindow","onSend","content","__awaiter","undefined","ChatLoadingState"],"mappings":"qQAQIA,EACHC,YACAC,QACAC,SACAC,cAAa,EACbC,cAAc,qBACdC,cAAc,CACb,8BACA,wBACA,iCAEDC,YAAW,EACXC,cAAa,EACbC,SACAC,cACAC,eACAC,gBACAC,oBACAC,YACAC,mBACAC,iBAAgB,MAEhB,MAAMC,QACLA,EAAOC,UACPA,EAASC,SACTA,EAAQC,YACRA,EAAWC,MACXA,EAAKC,OACLA,EAAMC,oBACNA,GACGC,EAAYA,eAGVC,EAAgBtB,IAAUmB,aAAA,EAAAA,EAAQI,OAAQ,eAUhD,OAAIL,EAEFM,MAAA,MAAAC,OAAAC,OAAA,CACC5B,UAAW,wCAAwCA,IACnDC,MAAOA,GAEP,CAAA4B,SAAAC,EAAAC,KAAA,MAAAJ,OAAAC,OAAA,CAAK5B,UAAU,4BACd,CAAA6B,SAAA,CAAAH,EAAAM,IAAA,MAAAL,OAAAC,OAAA,CAAK5B,UAAU,8BAA4B,CAAA6B,SAAA,WAC3CH,EAAKM,IAAA,MAAAL,OAAAC,OAAA,CAAA5B,UAAU,qBAAWoB,YAMzBJ,EAKJU,2BACC1B,UAAWA,EACXC,MACI0B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA3B,GACH,CAAAO,OAAQA,GAAU,OAClByB,MAAO,OACPC,QAAS,OACTC,cAAe,SACfC,UAAW,KAGZ,CAAAP,SAAAH,EAAAM,IAACK,UAAU,CACVnB,SAAUA,EACVoB,OAvC8BC,GAAmBC,iBAAA,OAAA,OAAA,GAAA,YAEnD7B,SAAAA,EAAgB4B,SAEVpB,EAAYoB,EACnB,IAmCGrC,OAAQC,EAAaqB,OAAgBiB,EACrCrC,YAAaA,EACbC,YAAaA,EACbI,YAAaA,EACbC,aAAcA,EACdJ,SAAUA,GAAYW,EACtBV,WAAYA,GAAce,EAC1BV,kBAAmBA,EACnBC,UAAWA,EACXC,iBAAkBA,GAAoB,OACtCC,cAAeA,OA5BVW,EAAAA,IAACgB,EAAAA,QAAgB,CAAC1C,UAAWA,EAAWC,MAAOA,GA8BhD"}

package/dist/cjs/components/bik-chatbot/components/BIKChatbot.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../contexts/AIContext.js"),t=require("./AIChat.js");const o=o=>{let{systemPrompt:r,systemId:a,functions:i,functionHandler:n,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:h,model:m,conversationId:u,className:p,height:x,showHeader:I=!0,placeholder:g,iceBreakers:y,videoStarter:f,onMessageSent:v,onIceBreakerClick:b,chatState:j,inputDisabled:C,requestExecutor:S,baseUrl:k,endpointPath:w,responseFormat:H,responseSchema:P,width:q,maxWidth:E,fullHeight:M,style:B,chatWindowHeight:A,tools:O,onSystemReady:R,useCase:T,storeId:U}=o;if(!r)throw new Error("systemPrompt is required for generic mode.");const W=Object.assign({width:q||void 0,maxWidth:q?void 0:E||480,height:M?"100%":x||(null==B?void 0:B.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},B);return e.jsx("div",Object.assign({className:p,style:W},{children:e.jsx(s.AIProvider,Object.assign({systemPrompt:r,systemId:a,functions:i,functionHandler:n,responseFormat:H,responseSchema:P,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:h,customModel:m,conversationId:u,requestExecutor:S,baseUrl:k,endpointPath:w,tools:O,onSystemReady:R,useCase:T,storeId:U},{children:e.jsx(t.AIChat,{height:M?"100%":x,chatWindowHeight:A,showHeader:I,placeholder:g,iceBreakers:y,videoStarter:f,onMessageSent:v,onIceBreakerClick:b,chatState:j,inputDisabled:C})}))}))};exports.BIKChatbot=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../contexts/AIContext.js"),t=require("./AIChat.js");const o=({systemPrompt:o,systemId:r,functions:a,functionHandler:i,onMessageReceived:n,displayInUI:d,maxToolCalls:c,maxTokens:l,model:h,conversationId:m,className:u,height:p,showHeader:x=!0,placeholder:I,iceBreakers:g,videoStarter:y,onMessageSent:f,onIceBreakerClick:v,chatState:b,inputDisabled:j,requestExecutor:C,baseUrl:S,endpointPath:k,responseFormat:w,responseSchema:H,width:P,maxWidth:q,fullHeight:E,style:M,chatWindowHeight:B,tools:A,onSystemReady:O,useCase:R,storeId:T})=>{if(!o)throw new Error("systemPrompt is required for generic mode.");const U=Object.assign({width:P||void 0,maxWidth:P?void 0:q||480,height:E?"100%":p||(null==M?void 0:M.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},M);return e.jsx("div",Object.assign({className:u,style:U},{children:e.jsx(s.AIProvider,Object.assign({systemPrompt:o,systemId:r,functions:a,functionHandler:i,responseFormat:w,responseSchema:H,onMessageReceived:n,displayInUI:d,maxToolCalls:c,maxTokens:l,customModel:h,conversationId:m,requestExecutor:C,baseUrl:S,endpointPath:k,tools:A,onSystemReady:O,useCase:R,storeId:T},{children:e.jsx(t.AIChat,{height:E?"100%":p,chatWindowHeight:B,showHeader:x,placeholder:I,iceBreakers:g,videoStarter:y,onMessageSent:f,onIceBreakerClick:v,chatState:b,inputDisabled:j})}))}))};exports.BIKChatbot=o,exports.default=o;
 //# sourceMappingURL=BIKChatbot.js.map

package/dist/cjs/components/bik-chatbot/components/BIKChatbot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BIKChatbot.js","sources":["../../../../../src/components/bik-chatbot/components/BIKChatbot.tsx"],"sourcesContent":["import { CSSProperties, FC } from 'react';\nimport { AIProvider } from '../contexts/AIContext';\nimport { BIKChatbotProps, SystemConfig } from '../types';\nimport { AIChat } from './AIChat';\n\n// BIKChatbotProps is now imported from centralized types\n\n/*\n BIKChatbot - Generic AI chatbot component\n \n This component provides a flexible, generic chatbot interface that can be configured\n * for any use case through custom prompts, functions, and response handling.\n \n Usage Examples:\n \n // Simple text chatbot\n * <BIKChatbot\n * systemPrompt=\"You are a helpful assistant\"\n * responseFormat=\"text\"\n * onMessageReceived={(text) => handleText(text)}\n * />\n \n /\n/*\n @prop chatWindowHeight - The height (px or string) for internal chat window/messages area. Default 400px.\n * @prop fullHeight - If true, makes the chatbot extend to full height (100% height)\n * @prop width - Width of the chatbot container (default: undefined, will use maxWidth constraint)\n * @prop maxWidth - Maximum width constraint (default: 480px, only applies if width is not set)\n * @prop onSystemReady - Callback fired when system is initialized, receives SystemConfig with name, id, model, etc.\n * @prop useCase - Optional use case identifier for the chatbot\n * @prop storeId - Optional store ID identifier for the chatbot\n */\nexport interface BIKChatbotWithStyleProps extends BIKChatbotProps {\n\twidth?: string \| number;\n\tmaxWidth?: string \| number;\n\tfullHeight?: boolean;\n\tstyle?: CSSProperties;\n\tchatWindowHeight?: string \| number;\n\ttools?: string[];\n\tonSystemReady?: (system: SystemConfig) => void;\n\tuseCase?: string;\n\tstoreId?: string;\n}\n\nexport const BIKChatbot: FC<BIKChatbotWithStyleProps> = ({\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls, // Generic\n\tmaxTokens, // Maximum tokens for AI response\n\tmodel,\n\tconversationId,\n\tclassName,\n\theight,\n\tshowHeader = true,\n\tplaceholder,\n\ticeBreakers,\n\tvideoStarter,\n\tonMessageSent,\n\tonIceBreakerClick,\n\tchatState, // Common\n\tinputDisabled,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\tresponseSchema,\n\twidth,\n\tmaxWidth,\n\tfullHeight,\n\tstyle,\n\tchatWindowHeight,\n\ttools,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tif (!systemPrompt) {\n\t\tthrow new Error('systemPrompt is required for generic mode.');\n\t}\n\n\t// Calculate container styles\n\t// Width: if explicitly set, use it; otherwise apply maxWidth constraint\n\t// Height: if fullHeight is true, set to 100% and use flex layout\n\tconst containerStyle: CSSProperties = {\n\t\twidth: width \|\| undefined,\n\t\tmaxWidth: width ? undefined : maxWidth \|\| 480, // Only apply maxWidth if width is not explicitly set\n\t\theight: fullHeight ? '100%' : height \|\| style?.height \|\| undefined,\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\tborder: '1px solid #E0E0E0',\n\t\tbackground: '#fff',\n\t\t...style,\n\t};\n\n\treturn (\n\t\t<div className={className} style={containerStyle}>\n\t\t\t<AIProvider\n\t\t\t\tsystemPrompt={systemPrompt}\n\t\t\t\tsystemId={systemId}\n\t\t\t\tfunctions={functions}\n\t\t\t\tfunctionHandler={functionHandler}\n\t\t\t\tresponseFormat={responseFormat}\n\t\t\t\tresponseSchema={responseSchema}\n\t\t\t\tonMessageReceived={onMessageReceived}\n\t\t\t\tdisplayInUI={displayInUI}\n\t\t\t\tmaxToolCalls={maxToolCalls}\n\t\t\t\tmaxTokens={maxTokens}\n\t\t\t\tcustomModel={model}\n\t\t\t\tconversationId={conversationId}\n\t\t\t\trequestExecutor={requestExecutor}\n\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\tendpointPath={endpointPath}\n\t\t\t\ttools={tools}\n\t\t\t\tonSystemReady={onSystemReady}\n\t\t\t\tuseCase={useCase}\n\t\t\t\tstoreId={storeId}\n\t\t\t>\n\t\t\t\t<AIChat\n\t\t\t\t\theight={fullHeight ? '100%' : height}\n\t\t\t\t\tchatWindowHeight={chatWindowHeight}\n\t\t\t\t\tshowHeader={showHeader}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\ticeBreakers={iceBreakers}\n\t\t\t\t\tvideoStarter={videoStarter}\n\t\t\t\t\tonMessageSent={onMessageSent}\n\t\t\t\t\tonIceBreakerClick={onIceBreakerClick}\n\t\t\t\t\tchatState={chatState}\n\t\t\t\t\tinputDisabled={inputDisabled}\n\t\t\t\t/>\n\t\t\t</AIProvider>\n\t\t</div>\n\t);\n};\n\nexport default BIKChatbot;\n"],"names":["BIKChatbot","~~_ref","~~systemPrompt","systemId","functions","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","model","conversationId","className","height","showHeader","placeholder","iceBreakers","videoStarter","onMessageSent","onIceBreakerClick","chatState","inputDisabled","requestExecutor","baseUrl","endpointPath","responseFormat","responseSchema","width","maxWidth","fullHeight","style","chatWindowHeight","tools","onSystemReady","useCase","storeId","Error","containerStyle","Object","assign","undefined","display","flexDirection","border","background","_jsx","children","jsx","AIProvider","customModel","AIChat"],"mappings":"~~sKA4CaA~~,~~MAAAA~~,~~EAA2CC~~,~~IAmCnD~~,~~IAnCoDC~~,~~aACxDA~~,~~EAAYC~~,~~SACZA~~,~~EAAQC~~,~~UACRA~~,~~EAASC~~,~~gBACTA~~,~~EAAeC~~,~~kBACfA~~,~~EAAiBC~~,~~YACjBA~~,~~EAAWC~~,~~aACXA~~,~~EAAYC~~,~~UACZA~~,~~EAASC~~,~~MACTA~~,~~EAAKC~~,~~eACLA~~,~~EAAcC~~,~~UACdA~~,~~EAASC~~,~~OACTA~~,~~EAAMC~~,~~WACNA~~,~~GAAa~~,~~EAAIC~~,~~YACjBA~~,~~EAAWC~~,~~YACXA~~,~~EAAWC~~,~~aACXA~~,~~EAAYC~~,~~cACZA~~,~~EAAaC~~,kBACbA,EAAiBC,UACjBA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,QACfA,EAAOC,aACPA,EAAYC,eACZA,EAAcC,eACdA,EAAcC,MACdA,EAAKC,SACLA,EAAQC,WACRA,EAAUC,MACVA,EAAKC,iBACLA,EAAgBC,MAChBA,EAAKC,cACLA,EAAaC,QACbA,EAAOC,QACPA,GACAlC,EACA,IAAKC,EACJ,MAAM,IAAIkC,MAAM,8CAMjB,MAAMC,EAAcC,OAAAC,OAAA,CACnBZ,MAAOA,QAASa,EAChBZ,SAAUD,OAAQa,EAAYZ,GAAY,IAC1Cf,OAAQgB,EAAa,OAAShB,IAAUiB,aAAA,EAAAA,EAAOjB,cAAU2B,EACzDC,QAAS,OACTC,cAAe,SACfC,OAAQ,oBACRC,WAAY,QACTd,GAGJ,OACCe,MAAA,MAAAP,OAAAC,OAAA,CAAK3B,UAAWA,EAAWkB,MAAOO,GACjC,CAAAS,SAAAD,EAAAE,IAACC,aAAUV,OAAAC,OAAA,CACVrC,aAAcA,EACdC,SAAUA,EACVC,UAAWA,EACXC,gBAAiBA,EACjBoB,eAAgBA,EAChBC,eAAgBA,EAChBpB,kBAAmBA,EACnBC,YAAaA,EACbC,aAAcA,EACdC,UAAWA,EACXwC,YAAavC,EACbC,eAAgBA,EAChBW,gBAAiBA,EACjBC,QAASA,EACTC,aAAcA,EACdQ,MAAOA,EACPC,cAAeA,EACfC,QAASA,EACTC,QAASA,GAAO,CAAAW,SAEhBD,EAACE,IAAAG,SACA,CAAArC,OAAQgB,EAAa,OAAShB,EAC9BkB,iBAAkBA,EAClBjB,WAAYA,EACZC,YAAaA,EACbC,YAAaA,EACbC,aAAcA,EACdC,cAAeA,EACfC,kBAAmBA,EACnBC,UAAWA,EACXC,cAAeA,SAGZ"}
1	+ {"version":3,"file":"BIKChatbot.js","sources":["../../../../../src/components/bik-chatbot/components/BIKChatbot.tsx"],"sourcesContent":["import { CSSProperties, FC } from 'react';\nimport { AIProvider } from '../contexts/AIContext';\nimport { BIKChatbotProps, SystemConfig } from '../types';\nimport { AIChat } from './AIChat';\n\n// BIKChatbotProps is now imported from centralized types\n\n/*\n BIKChatbot - Generic AI chatbot component\n \n This component provides a flexible, generic chatbot interface that can be configured\n * for any use case through custom prompts, functions, and response handling.\n \n Usage Examples:\n \n // Simple text chatbot\n * <BIKChatbot\n * systemPrompt=\"You are a helpful assistant\"\n * responseFormat=\"text\"\n * onMessageReceived={(text) => handleText(text)}\n * />\n \n /\n/*\n @prop chatWindowHeight - The height (px or string) for internal chat window/messages area. Default 400px.\n * @prop fullHeight - If true, makes the chatbot extend to full height (100% height)\n * @prop width - Width of the chatbot container (default: undefined, will use maxWidth constraint)\n * @prop maxWidth - Maximum width constraint (default: 480px, only applies if width is not set)\n * @prop onSystemReady - Callback fired when system is initialized, receives SystemConfig with name, id, model, etc.\n * @prop useCase - Optional use case identifier for the chatbot\n * @prop storeId - Optional store ID identifier for the chatbot\n */\nexport interface BIKChatbotWithStyleProps extends BIKChatbotProps {\n\twidth?: string \| number;\n\tmaxWidth?: string \| number;\n\tfullHeight?: boolean;\n\tstyle?: CSSProperties;\n\tchatWindowHeight?: string \| number;\n\ttools?: string[];\n\tonSystemReady?: (system: SystemConfig) => void;\n\tuseCase?: string;\n\tstoreId?: string;\n}\n\nexport const BIKChatbot: FC<BIKChatbotWithStyleProps> = ({\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls, // Generic\n\tmaxTokens, // Maximum tokens for AI response\n\tmodel,\n\tconversationId,\n\tclassName,\n\theight,\n\tshowHeader = true,\n\tplaceholder,\n\ticeBreakers,\n\tvideoStarter,\n\tonMessageSent,\n\tonIceBreakerClick,\n\tchatState, // Common\n\tinputDisabled,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\tresponseSchema,\n\twidth,\n\tmaxWidth,\n\tfullHeight,\n\tstyle,\n\tchatWindowHeight,\n\ttools,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tif (!systemPrompt) {\n\t\tthrow new Error('systemPrompt is required for generic mode.');\n\t}\n\n\t// Calculate container styles\n\t// Width: if explicitly set, use it; otherwise apply maxWidth constraint\n\t// Height: if fullHeight is true, set to 100% and use flex layout\n\tconst containerStyle: CSSProperties = {\n\t\twidth: width \|\| undefined,\n\t\tmaxWidth: width ? undefined : maxWidth \|\| 480, // Only apply maxWidth if width is not explicitly set\n\t\theight: fullHeight ? '100%' : height \|\| style?.height \|\| undefined,\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\tborder: '1px solid #E0E0E0',\n\t\tbackground: '#fff',\n\t\t...style,\n\t};\n\n\treturn (\n\t\t<div className={className} style={containerStyle}>\n\t\t\t<AIProvider\n\t\t\t\tsystemPrompt={systemPrompt}\n\t\t\t\tsystemId={systemId}\n\t\t\t\tfunctions={functions}\n\t\t\t\tfunctionHandler={functionHandler}\n\t\t\t\tresponseFormat={responseFormat}\n\t\t\t\tresponseSchema={responseSchema}\n\t\t\t\tonMessageReceived={onMessageReceived}\n\t\t\t\tdisplayInUI={displayInUI}\n\t\t\t\tmaxToolCalls={maxToolCalls}\n\t\t\t\tmaxTokens={maxTokens}\n\t\t\t\tcustomModel={model}\n\t\t\t\tconversationId={conversationId}\n\t\t\t\trequestExecutor={requestExecutor}\n\t\t\t\tbaseUrl={baseUrl}\n\t\t\t\tendpointPath={endpointPath}\n\t\t\t\ttools={tools}\n\t\t\t\tonSystemReady={onSystemReady}\n\t\t\t\tuseCase={useCase}\n\t\t\t\tstoreId={storeId}\n\t\t\t>\n\t\t\t\t<AIChat\n\t\t\t\t\theight={fullHeight ? '100%' : height}\n\t\t\t\t\tchatWindowHeight={chatWindowHeight}\n\t\t\t\t\tshowHeader={showHeader}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\ticeBreakers={iceBreakers}\n\t\t\t\t\tvideoStarter={videoStarter}\n\t\t\t\t\tonMessageSent={onMessageSent}\n\t\t\t\t\tonIceBreakerClick={onIceBreakerClick}\n\t\t\t\t\tchatState={chatState}\n\t\t\t\t\tinputDisabled={inputDisabled}\n\t\t\t\t/>\n\t\t\t</AIProvider>\n\t\t</div>\n\t);\n};\n\nexport default BIKChatbot;\n"],"names":["BIKChatbot","systemPrompt","systemId","functions","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","model","conversationId","className","height","showHeader","placeholder","iceBreakers","videoStarter","onMessageSent","onIceBreakerClick","chatState","inputDisabled","requestExecutor","baseUrl","endpointPath","responseFormat","responseSchema","width","maxWidth","fullHeight","style","chatWindowHeight","tools","onSystemReady","useCase","storeId","Error","containerStyle","Object","assign","undefined","display","flexDirection","border","background","_jsx","children","jsx","AIProvider","customModel","AIChat"],"mappings":"sKA4CO,MAAMA,EAA2CA,EACvDC,eACAC,WACAC,YACAC,kBACAC,oBACAC,cACAC,eACAC,YACAC,QACAC,iBACAC,YACAC,SACAC,cAAa,EACbC,cACAC,cACAC,eACAC,gBACAC,oBACAC,YACAC,gBACAC,kBACAC,UACAC,eACAC,iBACAC,iBACAC,QACAC,WACAC,aACAC,QACAC,mBACAC,QACAC,gBACAC,UACAC,cAEA,IAAKjC,EACJ,MAAM,IAAIkC,MAAM,8CAMjB,MAAMC,EAAcC,OAAAC,OAAA,CACnBZ,MAAOA,QAASa,EAChBZ,SAAUD,OAAQa,EAAYZ,GAAY,IAC1Cf,OAAQgB,EAAa,OAAShB,IAAUiB,aAAA,EAAAA,EAAOjB,cAAU2B,EACzDC,QAAS,OACTC,cAAe,SACfC,OAAQ,oBACRC,WAAY,QACTd,GAGJ,OACCe,MAAA,MAAAP,OAAAC,OAAA,CAAK3B,UAAWA,EAAWkB,MAAOO,GACjC,CAAAS,SAAAD,EAAAE,IAACC,aAAUV,OAAAC,OAAA,CACVrC,aAAcA,EACdC,SAAUA,EACVC,UAAWA,EACXC,gBAAiBA,EACjBoB,eAAgBA,EAChBC,eAAgBA,EAChBpB,kBAAmBA,EACnBC,YAAaA,EACbC,aAAcA,EACdC,UAAWA,EACXwC,YAAavC,EACbC,eAAgBA,EAChBW,gBAAiBA,EACjBC,QAASA,EACTC,aAAcA,EACdQ,MAAOA,EACPC,cAAeA,EACfC,QAASA,EACTC,QAASA,GAAO,CAAAW,SAEhBD,EAACE,IAAAG,SACA,CAAArC,OAAQgB,EAAa,OAAShB,EAC9BkB,iBAAkBA,EAClBjB,WAAYA,EACZC,YAAaA,EACbC,YAAaA,EACbC,aAAcA,EACdC,cAAeA,EACfC,kBAAmBA,EACnBC,UAAWA,EACXC,cAAeA,SAGZ"}

package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.js CHANGED Viewed

@@ -174,5 +174,5 @@
 	animation: ${g} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`;exports.default=t=>{let{className:i,style:r}=t;const[o,d]=a.useState(0);return a.useEffect((()=>{const e=window.setInterval((()=>{d((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsx(p,Object.assign({className:i,style:r},{children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[o]},o),e.jsx(u,{children:[0,1,2].map((a=>e.jsx(b,{delay:.22*a},a)))}),e.jsx(y,{children:s.map(((a,t)=>e.jsxs(h,Object.assign({delay:.4+.2*t},{children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]}),a.text)))})]})}))};
+`;exports.default=({className:t,style:i})=>{const[r,o]=a.useState(0);return a.useEffect((()=>{const e=window.setInterval((()=>{o((e=>(e+1)%n.length))}),2e3);return()=>window.clearInterval(e)}),[]),e.jsx(p,Object.assign({className:t,style:i},{children:e.jsxs(f,{children:[e.jsxs(c,{children:[e.jsx(k,{}),e.jsx(v,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e.jsx(m,{children:n[r]},r),e.jsx(u,{children:[0,1,2].map((a=>e.jsx(b,{delay:.22*a},a)))}),e.jsx(y,{children:s.map(((a,t)=>e.jsxs(h,Object.assign({delay:.4+.2*t},{children:[e.jsx(w,{children:a.symbol}),e.jsx(j,{children:a.text})]}),a.text)))})]})}))};
 //# sourceMappingURL=ChatLoadingState.js.map

package/dist/cjs/components/bik-chatbot/components/ChatLoadingState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatLoadingState.js","sources":["../../../../../src/components/bik-chatbot/components/ChatLoadingState.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst LOADER_ICON_URL =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9';\n\nconst thinkingMessages = [\n\t'Preparing to assist you...',\n\t'Getting ready to brainstorm...',\n];\n\nconst infoItems = [\n\t{ symbol: '✨', text: 'Get AI-powered ideas' },\n\t{ symbol: '💬', text: 'Ask me anything' },\n];\n\nconst fadeSlideUp = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(12px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n`;\n\nconst dotPulse = keyframes`\n\t0%, 100% {\n\t\ttransform: scale(1);\n\t\topacity: 0.3;\n\t}\n\t50% {\n\t\ttransform: scale(1.4);\n\t\topacity: 1;\n\t}\n`;\n\nconst cardSlide = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-18px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n`;\n\nconst LoadingWrapper = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 24px;\n\tmin-height: 240px;\n`;\n\nconst LoadingCard = styled.div`\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 24px;\n\tmax-width: 280px;\n\twidth: 100%;\n`;\n\nconst IconWrapper = styled.div`\n\twidth: 76px;\n\theight: 76px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 22, 106, 0.28) 0%,\n\t\trgba(123, 104, 238, 0.32) 100%\n\t);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 22px 44px rgba(123, 104, 238, 0.22);\n\tpadding: 12px;\n\tposition: relative;\n\toverflow: hidden;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(\n\t\t\tcircle at 30% 30%,\n\t\t\trgba(255, 255, 255, 0.6),\n\t\t\ttransparent 70%\n\t\t);\n\t\tmix-blend-mode: screen;\n\t}\n`;\n\nconst iconPulse = keyframes`\n\t0% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n\t35% {\n\t\ttransform: scale(1.04);\n\t\tfilter: drop-shadow(0 10px 24px rgba(236, 72, 153, 0.32));\n\t}\n\t70% {\n\t\ttransform: scale(0.98);\n\t\tfilter: drop-shadow(0 4px 12px rgba(148, 163, 184, 0.18));\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n`;\n\nconst iconGlowSweep = keyframes`\n\t0% {\n\t\ttransform: translateX(-120%);\n\t\topacity: 0;\n\t}\n\t30% {\n\t\topacity: 0.4;\n\t}\n\t60% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n`;\n\nconst MessageText = styled.div`\n\tfont-size: 14px;\n\tcolor: #52586c;\n\tline-height: 1.5;\n\tmin-height: 21px;\n\tanimation: ${fadeSlideUp} 0.4s ease forwards;\n`;\n\nconst Dots = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 6px;\n`;\n\nconst Dot = styled.span<{ delay: number }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(135deg, #f29cc9 0%, #b8a5f6 100%);\n\tanimation: ${dotPulse} 1.4s ease-in-out infinite;\n\tanimation-delay: ${(props) => props.delay}s;\n`;\n\nconst InfoList = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin-top: 8px;\n\twidth: 100%;\n`;\n\nconst InfoCard = styled.div<{ delay: number }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 255, 255, 0.92) 0%,\n\t\trgba(248, 246, 255, 0.96) 100%\n\t);\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tbox-shadow: inset 0 0 0 1px rgba(199, 210, 254, 0.3);\n\tanimation: ${cardSlide} 0.5s ease forwards;\n\tanimation-delay: ${(props) => props.delay}s;\n\topacity: 0;\n`;\n\nconst InfoIcon = styled.div`\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 10px;\n\tbackground: linear-gradient(140deg, #ffffff 0%, #f7f3ff 100%);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);\n\tfont-size: 18px;\n`;\n\nconst InfoText = styled.span`\n\tfont-size: 12px;\n\tcolor: #5f6781;\n\ttext-align: left;\n`;\n\nconst IconImage = styled.img`\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\tanimation: ${iconPulse} 2.6s ease-in-out infinite;\n\tposition: relative;\n\tz-index: 1;\n`;\n\nconst IconSweep = styled.div`\n\tposition: absolute;\n\tinset: 12px;\n\tborder-radius: 999px;\n\tbackground: linear-gradient(\n\t\t140deg,\n\t\trgba(255, 255, 255, 0.65),\n\t\trgba(255, 255, 255, 0)\n\t);\n\tanimation: ${iconGlowSweep} 2.6s ease-in-out infinite;\n\tpointer-events: none;\n\tz-index: 0;\n`;\n\ninterface ChatLoadingStateProps {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n}\n\nconst ChatLoadingState: React.FC<ChatLoadingStateProps> = ({\n\tclassName,\n\tstyle,\n}) => {\n\tconst [messageIndex, setMessageIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetMessageIndex((prev) => (prev + 1) % thinkingMessages.length);\n\t\t}, 2000);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\treturn (\n\t\t<LoadingWrapper className={className} style={style}>\n\t\t\t<LoadingCard>\n\t\t\t\t<IconWrapper>\n\t\t\t\t\t<IconSweep />\n\t\t\t\t\t<IconImage src={LOADER_ICON_URL} alt=\"AI thinking\" />\n\t\t\t\t</IconWrapper>\n\n\t\t\t\t<MessageText key={messageIndex}>\n\t\t\t\t\t{thinkingMessages[messageIndex]}\n\t\t\t\t</MessageText>\n\n\t\t\t\t<Dots>\n\t\t\t\t\t{[0, 1, 2].map((dot) => (\n\t\t\t\t\t\t<Dot key={dot} delay={dot * 0.22} />\n\t\t\t\t\t))}\n\t\t\t\t</Dots>\n\n\t\t\t\t<InfoList>\n\t\t\t\t\t{infoItems.map((item, index) => (\n\t\t\t\t\t\t<InfoCard key={item.text} delay={0.4 + index * 0.2}>\n\t\t\t\t\t\t\t<InfoIcon>{item.symbol}</InfoIcon>\n\t\t\t\t\t\t\t<InfoText>{item.text}</InfoText>\n\t\t\t\t\t\t</InfoCard>\n\t\t\t\t\t))}\n\t\t\t\t</InfoList>\n\t\t\t</LoadingCard>\n\t\t</LoadingWrapper>\n\t);\n};\n\nexport default ChatLoadingState;\n"],"names":["thinkingMessages","infoItems","symbol","text","fadeSlideUp","keyframes","dotPulse","cardSlide","LoadingWrapper","styled","div","LoadingCard","IconWrapper","iconPulse","iconGlowSweep","MessageText","Dots","Dot","span","props","delay","InfoList","InfoCard","InfoIcon","InfoText","IconImage","img","IconSweep","~~_ref~~","className","style","messageIndex","setMessageIndex","useState","useEffect","interval","window","setInterval","prev","length","clearInterval","_jsx","Object","assign","children","_jsxs","jsxs","jsx","src","alt","map","dot","item","index"],"mappings":"4OAGA,MAGMA,EAAmB,CACxB,6BACA,kCAGKC,EAAY,CACjB,CAAEC,OAAQ,IAAKC,KAAM,wBACrB,CAAED,OAAQ,KAAMC,KAAM,oBAGjBC,EAAcC,EAAAA,SAAS;;;;;;;;;EAWvBC,EAAWD,EAAAA,SAAS;;;;;;;;;EAWpBE,EAAYF,EAAAA,SAAS;;;;;;;;;EAWrBG,EAAiBC,EAAM,QAACC,GAAG;;;;;;;EAS3BC,EAAcF,EAAM,QAACC,GAAG;;;;;;;;EAUxBE,EAAcH,EAAM,QAACC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BxBG,EAAYR,EAAAA,SAAS;;;;;;;;;;;;;;;;;EAmBrBS,EAAgBT,EAAAA,SAAS;;;;;;;;;;;;;;;;EAkBzBU,EAAcN,EAAM,QAACC,GAAG;;;;;cAKhBN;EAGRY,EAAOP,EAAM,QAACC,GAAG;;;;EAMjBO,EAAMR,EAAM,QAACS,IAAuB;;;;;cAK5BZ;oBACOa,GAAUA,EAAMC;EAG/BC,EAAWZ,EAAM,QAACC,GAAG;;;;;;EAQrBY,EAAWb,EAAM,QAACC,GAAsB;;;;;;;;;;;;cAYhCH;oBACOY,GAAUA,EAAMC;;EAI/BG,EAAWd,EAAM,QAACC,GAAG;;;;;;;;;;EAYrBc,EAAWf,EAAM,QAACS,IAAI;;;;EAMtBO,EAAYhB,EAAM,QAACiB,GAAG;;;;;cAKdb;;;EAKRc,EAAYlB,EAAM,QAACC,GAAG;;;;;;;;;cASdI;;;kBAU4Cc,~~IAGrD~~,~~IAHsDC~~,~~UAC1DA~~,~~EAASC~~,~~MACTA,GACAF,EACA,MAAOG,~~EAAcC,GAAmBC,EAAQA,SAAC,GAUjD,OARAC,EAAAA,WAAU,KACT,MAAMC,EAAWC,OAAOC,aAAY,KACnCL,GAAiBM,IAAUA,EAAO,GAAKtC,EAAiBuC,QAAO,GAC7D,KAEH,MAAO,IAAMH,OAAOI,cAAcL,EAAS,GACzC,IAGFM,MAACjC,EAAckC,OAAAC,OAAA,CAACd,UAAWA,EAAWC,MAAOA,GAAK,CAAAc,SACjDC,OAAClC,EAAW,CAAAiC,SAAA,CACXC,EAACC,KAAAlC,EACA,CAAAgC,SAAA,CAAAH,EAAAA,IAACd,EAAS,CAAA,GACVc,EAAAM,IAACtB,EAAS,CAACuB,IAtPf,+KAsPqCC,IAAI,mBAGtCR,EAAAM,IAAChC,EAAW,CAAA6B,SACV5C,EAAiB+B,IADDA,GAIlBU,MAACzB,EAAI,CAAA4B,SACH,CAAC,EAAG,EAAG,GAAGM,KAAKC,GACfV,EAAAM,IAAC9B,EAAG,CAAWG,MAAa,IAAN+B,GAAZA,OAIZV,MAACpB,EAAQ,CAAAuB,SACP3C,EAAUiD,KAAI,CAACE,EAAMC,IACrBR,OAACvB,iBAAyBF,MAAO,GAAc,GAARiC,GAAW,CAAAT,SAAA,CACjDH,EAACM,IAAAxB,EAAU,CAAAqB,SAAAQ,EAAKlD,SAChBuC,MAACjB,EAAQ,CAAAoB,SAAEQ,EAAKjD,UAFFiD,EAAKjD,eAOP"}
1	+ {"version":3,"file":"ChatLoadingState.js","sources":["../../../../../src/components/bik-chatbot/components/ChatLoadingState.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst LOADER_ICON_URL =\n\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9';\n\nconst thinkingMessages = [\n\t'Preparing to assist you...',\n\t'Getting ready to brainstorm...',\n];\n\nconst infoItems = [\n\t{ symbol: '✨', text: 'Get AI-powered ideas' },\n\t{ symbol: '💬', text: 'Ask me anything' },\n];\n\nconst fadeSlideUp = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(12px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n`;\n\nconst dotPulse = keyframes`\n\t0%, 100% {\n\t\ttransform: scale(1);\n\t\topacity: 0.3;\n\t}\n\t50% {\n\t\ttransform: scale(1.4);\n\t\topacity: 1;\n\t}\n`;\n\nconst cardSlide = keyframes`\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-18px);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n`;\n\nconst LoadingWrapper = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 24px;\n\tmin-height: 240px;\n`;\n\nconst LoadingCard = styled.div`\n\ttext-align: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 24px;\n\tmax-width: 280px;\n\twidth: 100%;\n`;\n\nconst IconWrapper = styled.div`\n\twidth: 76px;\n\theight: 76px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 22, 106, 0.28) 0%,\n\t\trgba(123, 104, 238, 0.32) 100%\n\t);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 22px 44px rgba(123, 104, 238, 0.22);\n\tpadding: 12px;\n\tposition: relative;\n\toverflow: hidden;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(\n\t\t\tcircle at 30% 30%,\n\t\t\trgba(255, 255, 255, 0.6),\n\t\t\ttransparent 70%\n\t\t);\n\t\tmix-blend-mode: screen;\n\t}\n`;\n\nconst iconPulse = keyframes`\n\t0% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n\t35% {\n\t\ttransform: scale(1.04);\n\t\tfilter: drop-shadow(0 10px 24px rgba(236, 72, 153, 0.32));\n\t}\n\t70% {\n\t\ttransform: scale(0.98);\n\t\tfilter: drop-shadow(0 4px 12px rgba(148, 163, 184, 0.18));\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\t}\n`;\n\nconst iconGlowSweep = keyframes`\n\t0% {\n\t\ttransform: translateX(-120%);\n\t\topacity: 0;\n\t}\n\t30% {\n\t\topacity: 0.4;\n\t}\n\t60% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: translateX(120%);\n\t\topacity: 0;\n\t}\n`;\n\nconst MessageText = styled.div`\n\tfont-size: 14px;\n\tcolor: #52586c;\n\tline-height: 1.5;\n\tmin-height: 21px;\n\tanimation: ${fadeSlideUp} 0.4s ease forwards;\n`;\n\nconst Dots = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 6px;\n`;\n\nconst Dot = styled.span<{ delay: number }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: linear-gradient(135deg, #f29cc9 0%, #b8a5f6 100%);\n\tanimation: ${dotPulse} 1.4s ease-in-out infinite;\n\tanimation-delay: ${(props) => props.delay}s;\n`;\n\nconst InfoList = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin-top: 8px;\n\twidth: 100%;\n`;\n\nconst InfoCard = styled.div<{ delay: number }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\trgba(255, 255, 255, 0.92) 0%,\n\t\trgba(248, 246, 255, 0.96) 100%\n\t);\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tbox-shadow: inset 0 0 0 1px rgba(199, 210, 254, 0.3);\n\tanimation: ${cardSlide} 0.5s ease forwards;\n\tanimation-delay: ${(props) => props.delay}s;\n\topacity: 0;\n`;\n\nconst InfoIcon = styled.div`\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 10px;\n\tbackground: linear-gradient(140deg, #ffffff 0%, #f7f3ff 100%);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-shadow: 0 10px 20px rgba(197, 181, 255, 0.24);\n\tfont-size: 18px;\n`;\n\nconst InfoText = styled.span`\n\tfont-size: 12px;\n\tcolor: #5f6781;\n\ttext-align: left;\n`;\n\nconst IconImage = styled.img`\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tfilter: drop-shadow(0 6px 18px rgba(236, 72, 153, 0.22));\n\tanimation: ${iconPulse} 2.6s ease-in-out infinite;\n\tposition: relative;\n\tz-index: 1;\n`;\n\nconst IconSweep = styled.div`\n\tposition: absolute;\n\tinset: 12px;\n\tborder-radius: 999px;\n\tbackground: linear-gradient(\n\t\t140deg,\n\t\trgba(255, 255, 255, 0.65),\n\t\trgba(255, 255, 255, 0)\n\t);\n\tanimation: ${iconGlowSweep} 2.6s ease-in-out infinite;\n\tpointer-events: none;\n\tz-index: 0;\n`;\n\ninterface ChatLoadingStateProps {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n}\n\nconst ChatLoadingState: React.FC<ChatLoadingStateProps> = ({\n\tclassName,\n\tstyle,\n}) => {\n\tconst [messageIndex, setMessageIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetMessageIndex((prev) => (prev + 1) % thinkingMessages.length);\n\t\t}, 2000);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\treturn (\n\t\t<LoadingWrapper className={className} style={style}>\n\t\t\t<LoadingCard>\n\t\t\t\t<IconWrapper>\n\t\t\t\t\t<IconSweep />\n\t\t\t\t\t<IconImage src={LOADER_ICON_URL} alt=\"AI thinking\" />\n\t\t\t\t</IconWrapper>\n\n\t\t\t\t<MessageText key={messageIndex}>\n\t\t\t\t\t{thinkingMessages[messageIndex]}\n\t\t\t\t</MessageText>\n\n\t\t\t\t<Dots>\n\t\t\t\t\t{[0, 1, 2].map((dot) => (\n\t\t\t\t\t\t<Dot key={dot} delay={dot * 0.22} />\n\t\t\t\t\t))}\n\t\t\t\t</Dots>\n\n\t\t\t\t<InfoList>\n\t\t\t\t\t{infoItems.map((item, index) => (\n\t\t\t\t\t\t<InfoCard key={item.text} delay={0.4 + index * 0.2}>\n\t\t\t\t\t\t\t<InfoIcon>{item.symbol}</InfoIcon>\n\t\t\t\t\t\t\t<InfoText>{item.text}</InfoText>\n\t\t\t\t\t\t</InfoCard>\n\t\t\t\t\t))}\n\t\t\t\t</InfoList>\n\t\t\t</LoadingCard>\n\t\t</LoadingWrapper>\n\t);\n};\n\nexport default ChatLoadingState;\n"],"names":["thinkingMessages","infoItems","symbol","text","fadeSlideUp","keyframes","dotPulse","cardSlide","LoadingWrapper","styled","div","LoadingCard","IconWrapper","iconPulse","iconGlowSweep","MessageText","Dots","Dot","span","props","delay","InfoList","InfoCard","InfoIcon","InfoText","IconImage","img","IconSweep","ChatLoadingState","className","style","messageIndex","setMessageIndex","useState","useEffect","interval","window","setInterval","prev","length","clearInterval","_jsx","Object","assign","children","_jsxs","jsxs","jsx","src","alt","map","dot","item","index"],"mappings":"4OAGA,MAGMA,EAAmB,CACxB,6BACA,kCAGKC,EAAY,CACjB,CAAEC,OAAQ,IAAKC,KAAM,wBACrB,CAAED,OAAQ,KAAMC,KAAM,oBAGjBC,EAAcC,EAAAA,SAAS;;;;;;;;;EAWvBC,EAAWD,EAAAA,SAAS;;;;;;;;;EAWpBE,EAAYF,EAAAA,SAAS;;;;;;;;;EAWrBG,EAAiBC,EAAM,QAACC,GAAG;;;;;;;EAS3BC,EAAcF,EAAM,QAACC,GAAG;;;;;;;;EAUxBE,EAAcH,EAAM,QAACC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BxBG,EAAYR,EAAAA,SAAS;;;;;;;;;;;;;;;;;EAmBrBS,EAAgBT,EAAAA,SAAS;;;;;;;;;;;;;;;;EAkBzBU,EAAcN,EAAM,QAACC,GAAG;;;;;cAKhBN;EAGRY,EAAOP,EAAM,QAACC,GAAG;;;;EAMjBO,EAAMR,EAAM,QAACS,IAAuB;;;;;cAK5BZ;oBACOa,GAAUA,EAAMC;EAG/BC,EAAWZ,EAAM,QAACC,GAAG;;;;;;EAQrBY,EAAWb,EAAM,QAACC,GAAsB;;;;;;;;;;;;cAYhCH;oBACOY,GAAUA,EAAMC;;EAI/BG,EAAWd,EAAM,QAACC,GAAG;;;;;;;;;;EAYrBc,EAAWf,EAAM,QAACS,IAAI;;;;EAMtBO,EAAYhB,EAAM,QAACiB,GAAG;;;;;cAKdb;;;EAKRc,EAAYlB,EAAM,QAACC,GAAG;;;;;;;;;cASdI;;;kBAU4Cc,EACzDC,YACAC,YAEA,MAAOC,EAAcC,GAAmBC,EAAQA,SAAC,GAUjD,OARAC,EAAAA,WAAU,KACT,MAAMC,EAAWC,OAAOC,aAAY,KACnCL,GAAiBM,IAAUA,EAAO,GAAKtC,EAAiBuC,QAAO,GAC7D,KAEH,MAAO,IAAMH,OAAOI,cAAcL,EAAS,GACzC,IAGFM,MAACjC,EAAckC,OAAAC,OAAA,CAACd,UAAWA,EAAWC,MAAOA,GAAK,CAAAc,SACjDC,OAAClC,EAAW,CAAAiC,SAAA,CACXC,EAACC,KAAAlC,EACA,CAAAgC,SAAA,CAAAH,EAAAA,IAACd,EAAS,CAAA,GACVc,EAAAM,IAACtB,EAAS,CAACuB,IAtPf,+KAsPqCC,IAAI,mBAGtCR,EAAAM,IAAChC,EAAW,CAAA6B,SACV5C,EAAiB+B,IADDA,GAIlBU,MAACzB,EAAI,CAAA4B,SACH,CAAC,EAAG,EAAG,GAAGM,KAAKC,GACfV,EAAAM,IAAC9B,EAAG,CAAWG,MAAa,IAAN+B,GAAZA,OAIZV,MAACpB,EAAQ,CAAAuB,SACP3C,EAAUiD,KAAI,CAACE,EAAMC,IACrBR,OAACvB,iBAAyBF,MAAO,GAAc,GAARiC,GAAW,CAAAT,SAAA,CACjDH,EAACM,IAAAxB,EAAU,CAAAqB,SAAAQ,EAAKlD,SAChBuC,MAACjB,EAAQ,CAAAoB,SAAEQ,EAAKjD,UAFFiD,EAAKjD,eAOP"}

package/dist/cjs/components/bik-chatbot/components/ChatWindow.js CHANGED Viewed

@@ -251,5 +251,5 @@
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`;exports.CustomGradientText=O,exports.default=r=>{let{messages:o,onSend:l,header:C="Create with AI",placeholder:z="Discover the right event & launch campaigns for better conversions...",suggestions:B=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:q,videoStarter:A,disabled:M=!1,isThinking:_=!1,onIceBreakerClick:I,chatState:D,chatWindowHeight:L,inputDisabled:H=!1}=r;const[W,E]=i.useState(""),[K,P]=i.useState(!1),[R,G]=i.useState(!1),N=i.useRef(null),V=i.useRef(null),J=K||_,Q=M||H,U=D||(K||_?"thinking":R&&W.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),X=()=>{!W.trim()||Q||J||(l(W),E(""),P(!0),setTimeout((()=>P(!1)),1500))},Y=W.trim().length>0,Z=Q||J||!Y;i.useEffect((()=>{var e;null===(e=N.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[o,K,_]);const ee=L||"100%";return e.jsxs(s,Object.assign({chatState:U,style:{height:ee}},{children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:C}))]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===U&&A&&e.jsxs(g,{children:[e.jsx(p,{children:e.jsx(b,Object.assign({onClick:A.onPlay},{children:e.jsx("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:e.jsx("path",{d:"M8 5v14l11-7z"})}))}))}),e.jsxs(u,{children:[e.jsx(n.BodySecondary,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:A.title})),e.jsx(n.BodyCaption,{children:A.description})]})]}),o.map((t=>e.jsx(f,Object.assign({role:t.role},{children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:t.content}))}),t.id))),(K||_)&&e.jsx(d.default,{}),e.jsx("div",{ref:N})]}),q&&"conversation-starter"===U&&e.jsx(k,{children:e.jsx(v,{children:q.map((t=>e.jsx(m,Object.assign({disabled:Q,onClick:()=>{Q||(null==I||I(t),l(t.text))}},{children:e.jsx(O,{children:t.text})}),t.id)))})}),!q&&B.length>0&&"default"===U&&e.jsx(w,{children:e.jsx(j,{children:B.map((t=>e.jsx(y,Object.assign({disabled:Q,onClick:()=>!Q&&l(t)},{children:t}),t)))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:V,value:W,onChange:e=>{if(Q)return;const t=e.target.value;E(t),G(t.trim().length>0);const i=V.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:z,onKeyDown:e=>{Q||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!J&&W.trim()&&X())},disabled:Q,hasText:Y,chatState:U}),e.jsx($,Object.assign({onClick:X,disabled:Z,hasText:Y,"aria-label":"Send"},{children:e.jsxs("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};
+`;exports.CustomGradientText=O,exports.default=({messages:r,onSend:o,header:l="Create with AI",placeholder:C="Discover the right event & launch campaigns for better conversions...",suggestions:z=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:B,videoStarter:q,disabled:A=!1,isThinking:M=!1,onIceBreakerClick:_,chatState:I,chatWindowHeight:D,inputDisabled:L=!1})=>{const[H,W]=i.useState(""),[E,K]=i.useState(!1),[P,R]=i.useState(!1),G=i.useRef(null),N=i.useRef(null),V=E||M,J=A||L,Q=I||(E||M?"thinking":P&&H.trim().length>0?"typing":0===r.length?"conversation-starter":r.length>0?"conversation":"default"),U=()=>{!H.trim()||J||V||(o(H),W(""),K(!0),setTimeout((()=>K(!1)),1500))},X=H.trim().length>0,Y=J||V||!X;i.useEffect((()=>{var e;null===(e=G.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[r,E,M]);const Z=D||"100%";return e.jsxs(s,Object.assign({chatState:Q,style:{height:Z}},{children:[e.jsxs(c,{children:[e.jsx(t.default,{height:24,width:24}),e.jsx("div",Object.assign({className:"header-text"},{children:l}))]}),e.jsxs(x,{children:[e.jsxs(h,{children:["conversation-starter"===Q&&q&&e.jsxs(g,{children:[e.jsx(p,{children:e.jsx(b,Object.assign({onClick:q.onPlay},{children:e.jsx("svg",Object.assign({viewBox:"0 0 24 24",fill:"currentColor"},{children:e.jsx("path",{d:"M8 5v14l11-7z"})}))}))}),e.jsxs(u,{children:[e.jsx(n.BodySecondary,Object.assign({style:{fontWeight:500,marginBottom:"4px"}},{children:q.title})),e.jsx(n.BodyCaption,{children:q.description})]})]}),r.map((t=>e.jsx(f,Object.assign({role:t.role},{children:"assistant"===t.role?e.jsx("div",{dangerouslySetInnerHTML:{__html:a.renderMarkdownLite(t.content)}}):e.jsx("div",Object.assign({style:{whiteSpace:"pre-wrap"}},{children:t.content}))}),t.id))),(E||M)&&e.jsx(d.default,{}),e.jsx("div",{ref:G})]}),B&&"conversation-starter"===Q&&e.jsx(k,{children:e.jsx(v,{children:B.map((t=>e.jsx(m,Object.assign({disabled:J,onClick:()=>{J||(null==_||_(t),o(t.text))}},{children:e.jsx(O,{children:t.text})}),t.id)))})}),!B&&z.length>0&&"default"===Q&&e.jsx(w,{children:e.jsx(j,{children:z.map((t=>e.jsx(y,Object.assign({disabled:J,onClick:()=>!J&&o(t)},{children:t}),t)))})}),e.jsx(F,{children:e.jsxs(S,{children:[e.jsx(T,{ref:N,value:H,onChange:e=>{if(J)return;const t=e.target.value;W(t),R(t.trim().length>0);const i=N.current;i&&(i.style.height="auto",i.style.height=`${Math.min(i.scrollHeight,117)}px`)},placeholder:C,onKeyDown:e=>{J||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!V&&H.trim()&&U())},disabled:J,hasText:X,chatState:Q}),e.jsx($,Object.assign({onClick:U,disabled:Y,hasText:X,"aria-label":"Send"},{children:e.jsxs("svg",Object.assign({viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsx("path",{d:"M6 12h12"}),e.jsx("path",{d:"M12 6l6 6-6 6"})]}))}))]})})]})]}))};
 //# sourceMappingURL=ChatWindow.js.map

package/dist/cjs/components/bik-chatbot/components/ChatWindow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatWindow.js","sources":["../../../../../src/components/bik-chatbot/components/ChatWindow.tsx"],"sourcesContent":["import AiIcon from '@src/assets/icons/Ai_event_generating.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { ChatState, ChatWindowProps } from '../types';\nimport { renderMarkdownLite } from '../utils/markdown';\nimport ThinkingIndicator from './ThinkingIndicator';\n\n// Single-column layout container\nconst ChatContainer = styled.div<{ chatState: ChatState }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\theight: 100%;\n\tmax-height: 100%;\n\tbackground: white;\n\tborder-left: 1px solid #e5e7eb;\n\tposition: relative;\n\n\t/* State-based styling /\n\t${(props) => {\n\t\tswitch (props.chatState) {\n\t\t\tcase 'conversation-starter':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n `;\n\t\t\tcase 'thinking':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n `;\n\t\t\tdefault:\n\t\t\t\treturn `\n background: white;\n `;\n\t\t}\n\t}}\n`;\n\nconst Header = styled.div`\n\tpadding: 16px;\n\tborder-bottom: 1px solid #e5e7eb;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tbackground: white;\n\tflex-shrink: 0;\n\n\t.header-text {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t}\n`;\n\n// Main content area - single column\nconst MainContent = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tmin-height: 0;\n`;\n\nconst MessagesWrapper = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tbackground: #fafafa;\n\tscroll-behavior: smooth;\n\tmin-height: 0;\n\n\t/ Custom scrollbar /\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f1f1f1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #c1c1c1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground: #a8a8a8;\n\t}\n`;\n\nconst VideoCard = styled.div`\n\tbackground: white;\n\tborder-radius: 12px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n\tborder: 1px solid #e5e7eb;\n`;\n\nconst VideoContainer = styled.div`\n\twidth: 100%;\n\theight: 180px;\n\tbackground: #f3f4f6;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\tmargin-bottom: 12px;\n`;\n\nconst PlayButton = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.8);\n\t\ttransform: scale(1.05);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tmargin-left: 2px;\n\t}\n`;\n\nconst VideoText = styled.div`\n\tfont-size: 14px;\n\tcolor: #374151;\n\tline-height: 1.5;\n`;\n\nconst Bubble = styled.div<{ role: 'user' \| 'assistant' \| 'system' }>`\n\tpadding: 12px 16px;\n\tborder-radius: 16px;\n\tfont-size: 14px;\n\tmax-width: 80%;\n\twhite-space: pre-line;\n\tword-wrap: break-word;\n\n\t${(props) =>\n\t\tprops.role === 'user'\n\t\t\t? `\n background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n margin-left: auto;\n border-bottom-right-radius: 4px;\n \n & > div {\n background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n `\n\t\t\t: props.role === 'system'\n\t\t\t? `\n background: #f3f4f6;\n color: #6b7280;\n font-size: 12px;\n font-style: italic;\n text-align: center;\n margin: 0 auto;\n max-width: 90%;\n `\n\t\t\t: `\n background: white;\n color: #111827;\n border: 1px solid #e5e7eb;\n margin-right: auto;\n border-bottom-left-radius: 4px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n `}\n`;\n\n// Ice breakers section - at the bottom before input\nconst IceBreakersSection = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst IceBreakersGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: flex-end;\n`;\n\nconst IceBreakerChip = styled.button<{ disabled?: boolean }>`\n\tborder: 1px dotted #febad2;\n\tbackground: linear-gradient(\n\t\t92.69deg,\n\t\trgba(255, 230, 238, 0.5) 0.37%,\n\t\trgba(255, 240, 231, 0.5) 100%\n\t);\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\tmax-width: 280px;\n\talign-self: flex-end;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: linear-gradient(\n\t\t\t92.69deg,\n\t\t\trgba(255, 230, 238, 0.7) 0.37%,\n\t\t\trgba(255, 240, 231, 0.7) 100%\n\t\t);\n\t\tborder-color: #f472b6;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\n// Suggestions section - styled like ice breakers but for regular suggestions\nconst SuggestionsSection = styled.div`\n\tpadding: 16px;\n\tbackground: white;\n`;\n\nconst SuggestionsGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nconst SuggestionChip = styled.button<{ disabled?: boolean }>`\n\tbackground: #fef2f2;\n\tcolor: #dc2626;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tborder: 1px solid #fecaca;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: #fee2e2;\n\t\tborder-color: #fca5a5;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\nconst InputContainer = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst InputBubble = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nconst TextInput = styled.textarea<{ hasText: boolean; chatState: ChatState }>`\n\tflex: 1;\n\tborder: 1px solid ${(props) => (props.hasText ? '#3b82f6' : '#d1d5db')};\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tpadding-right: 48px;\n\tfont-size: 14px;\n\toutline: none;\n\tcolor: #374151;\n\tbackground: white;\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\ttransition: all 0.2s ease;\n\tresize: none;\n\tmin-height: 44px;\n\tmax-height: 120px;\n\tfont-family: inherit;\n\twidth: 100%;\n\n\t&:focus {\n\t\tborder-color: #3b82f6;\n\t\tbackground: white;\n\t\tbox-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t}\n\n\t&::placeholder {\n\t\tcolor: #9ca3af;\n\t}\n`;\n\nconst SendButton = styled.button<{ disabled?: boolean; hasText: boolean }>`\n\tposition: absolute;\n\tbottom: 10px;\n\tright: 10px;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: ${(props) =>\n\t\tprops.hasText\n\t\t\t? 'linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)'\n\t\t\t: '#e5e7eb'};\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 2px 8px 0px #fa709a1c;\n\tz-index: 2;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.hasText && !props.disabled\n\t\t\t\t? 'linear-gradient(135deg, #F857A6 0%, #FF5858 100%)'\n\t\t\t\t: '#e5e7eb'};\n\t\ttransform: scale(1.05);\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.95);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tfont-weight: bold;\n\t}\n`;\n\n// Customizable gradient text component\nexport const CustomGradientText = styled.span<{\n\tcolors?: string;\n\tangle?: number;\n}>`\n\tbackground: linear-gradient(\n\t\t${(props) => props.angle \|\| 92.69}deg,\n\t\t${(props) => props.colors \|\| '#ff166a 0.37%, #fb5f08 100%'}\n\t);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\tdisplay: inline-block;\n`;\n\n// Export ChatState type for backward compatibility\nexport type { ChatState } from '../types';\n\ninterface ChatWindowWithHeightProps extends ChatWindowProps {\n\tchatWindowHeight?: string \| number;\n}\n\nconst ChatWindow: React.FC<ChatWindowWithHeightProps> = ({\n\tmessages,\n\tonSend,\n\theader = 'Create with AI',\n\tplaceholder = 'Discover the right event & launch campaigns for better conversions...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\ticeBreakers,\n\tvideoStarter,\n\tdisabled = false,\n\tisThinking = false,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [thinking, setThinking] = useState(false);\n\tconst [isTyping, setIsTyping] = useState(false);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\tconst isThinkingState = thinking \|\| isThinking;\n\tconst isInputDisabledState = disabled \|\| inputDisabled;\n\n\t// Determine current chat state\n\tconst getCurrentChatState = (): ChatState => {\n\t\tif (chatState) return chatState; // Explicit state override\n\t\tif (thinking \|\| isThinking) return 'thinking';\n\t\tif (isTyping && input.trim().length > 0) return 'typing';\n\t\tif (messages.length === 0) return 'conversation-starter';\n\t\tif (messages.length > 0) return 'conversation';\n\t\treturn 'default';\n\t};\n\n\tconst currentState = getCurrentChatState();\n\n\t// markdown renderer moved to ../utils/markdown\n\n\tconst handleSend = () => {\n\t\tif (!input.trim() \|\| isInputDisabledState \|\| isThinkingState) return;\n\t\tonSend(input);\n\t\tsetInput('');\n\t\tsetThinking(true);\n\t\tsetTimeout(() => setThinking(false), 1500);\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (isInputDisabledState) return;\n\t\tif (e.key === 'Enter' && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\tif (!isThinkingState && input.trim()) {\n\t\t\t\thandleSend();\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (isInputDisabledState) return;\n\t\tconst value = e.target.value;\n\t\tsetInput(value);\n\t\tsetIsTyping(value.trim().length > 0);\n\n\t\t// Auto-resize textarea\n\t\tconst textarea = textareaRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t\ttextarea.style.height = `${Math.min(textarea.scrollHeight, 117)}px`;\n\t\t}\n\t};\n\n\tconst hasText = input.trim().length > 0;\n\tconst isSendDisabled = isInputDisabledState \|\| isThinkingState \|\| !hasText;\n\n\tuseEffect(() => {\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, thinking, isThinking]);\n\n\t// Use chatWindowHeight if provided, otherwise use 100% if fullHeight is active\n\tconst containerHeight = chatWindowHeight \|\| '100%';\n\n\treturn (\n\t\t<ChatContainer chatState={currentState} style={{ height: containerHeight }}>\n\t\t\t{/ Header /}\n\t\t\t<Header>\n\t\t\t\t<AiIcon height={24} width={24} />\n\t\t\t\t<div className=\"header-text\">{header}</div>\n\t\t\t</Header>\n\n\t\t\t{/ Main Content - Single Column Layout /}\n\t\t\t<MainContent>\n\t\t\t\t{/ Messages Section /}\n\t\t\t\t<MessagesWrapper>\n\t\t\t\t\t{/ Video starter card - only when no messages and videoStarter provided /}\n\t\t\t\t\t{currentState === 'conversation-starter' && videoStarter && (\n\t\t\t\t\t\t<VideoCard>\n\t\t\t\t\t\t\t<VideoContainer>\n\t\t\t\t\t\t\t\t<PlayButton onClick={videoStarter.onPlay}>\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</PlayButton>\n\t\t\t\t\t\t\t</VideoContainer>\n\t\t\t\t\t\t\t<VideoText>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 500, marginBottom: '4px' }}>\n\t\t\t\t\t\t\t\t\t{videoStarter.title}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<BodyCaption>{videoStarter.description}</BodyCaption>\n\t\t\t\t\t\t\t</VideoText>\n\t\t\t\t\t\t</VideoCard>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Render messages (assistant supports lite Markdown) /}\n\t\t\t\t\t{messages.map((m) => (\n\t\t\t\t\t\t<Bubble key={m.id} role={m.role}>\n\t\t\t\t\t\t\t{m.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(m.content),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>{m.content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{/ Thinking bubble /}\n\t\t\t\t\t{(thinking \|\| isThinking) && <ThinkingIndicator />}\n\n\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t</MessagesWrapper>\n\n\t\t\t\t{/ Ice Breakers Section - At bottom when no messages and ice breakers provided /}\n\t\t\t\t{iceBreakers && currentState === 'conversation-starter' && (\n\t\t\t\t\t<IceBreakersSection>\n\t\t\t\t\t\t<IceBreakersGrid>\n\t\t\t\t\t\t\t{iceBreakers.map((iceBreaker) => (\n\t\t\t\t\t\t\t\t<IceBreakerChip\n\t\t\t\t\t\t\t\t\tkey={iceBreaker.id}\n\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (!isInputDisabledState) {\n\t\t\t\t\t\t\t\t\t\t\tonIceBreakerClick?.(iceBreaker);\n\t\t\t\t\t\t\t\t\t\t\tonSend(iceBreaker.text);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CustomGradientText>{iceBreaker.text}</CustomGradientText>\n\t\t\t\t\t\t\t\t</IceBreakerChip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</IceBreakersGrid>\n\t\t\t\t\t</IceBreakersSection>\n\t\t\t\t)}\n\n\t\t\t\t{/ Regular Suggestions - Show when no ice breakers are provided /}\n\t\t\t\t{!iceBreakers &&\n\t\t\t\t\tsuggestions.length > 0 &&\n\t\t\t\t\tcurrentState === 'default' && (\n\t\t\t\t\t\t<SuggestionsSection>\n\t\t\t\t\t\t\t<SuggestionsGrid>\n\t\t\t\t\t\t\t\t{suggestions.map((s) => (\n\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\tkey={s}\n\t\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\t\tonClick={() => !isInputDisabledState && onSend(s)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s}\n\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SuggestionsGrid>\n\t\t\t\t\t\t</SuggestionsSection>\n\t\t\t\t\t)}\n\n\t\t\t\t{/ Input Container - Always at bottom */}\n\t\t\t\t<InputContainer>\n\t\t\t\t\t<InputBubble>\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\tref={textareaRef}\n\t\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\tchatState={currentState}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SendButton\n\t\t\t\t\t\t\tonClick={handleSend}\n\t\t\t\t\t\t\tdisabled={isSendDisabled}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\taria-label=\"Send\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M6 12h12\" />\n\t\t\t\t\t\t\t\t<path d=\"M12 6l6 6-6 6\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</SendButton>\n\t\t\t\t\t</InputBubble>\n\t\t\t\t</InputContainer>\n\t\t\t</MainContent>\n\t\t</ChatContainer>\n\t);\n};\n\nexport default ChatWindow;\n"],"names":["ChatContainer","styled","div","props","chatState","Header","MainContent","MessagesWrapper","VideoCard","VideoContainer","PlayButton","VideoText","Bubble","role","IceBreakersSection","IceBreakersGrid","IceBreakerChip","button","disabled","SuggestionsSection","SuggestionsGrid","SuggestionChip","InputContainer","InputBubble","TextInput","textarea","hasText","SendButton","CustomGradientText","span","angle","colors","_ref","messages","onSend","header","placeholder","suggestions","iceBreakers","videoStarter","isThinking","onIceBreakerClick","chatWindowHeight","inputDisabled","input","setInput","useState","thinking","setThinking","isTyping","setIsTyping","bottomRef","useRef","textareaRef","isThinkingState","isInputDisabledState","currentState","trim","length","handleSend","setTimeout","isSendDisabled","useEffect","_a","current","scrollIntoView","behavior","containerHeight","_jsxs","Object","assign","style","height","children","jsxs","_jsx","jsx","AiIcon","width","className","onClick","onPlay","viewBox","fill","d","BodySecondary","fontWeight","marginBottom","title","BodyCaption","description","map","m","dangerouslySetInnerHTML","__html","renderMarkdownLite","content","whiteSpace","id","ThinkingIndicator","ref","iceBreaker","text","s","value","onChange","e","target","Math","min","scrollHeight","onKeyDown","key","shiftKey","preventDefault","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"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"}
1	+ {"version":3,"file":"ChatWindow.js","sources":["../../../../../src/components/bik-chatbot/components/ChatWindow.tsx"],"sourcesContent":["import AiIcon from '@src/assets/icons/Ai_event_generating.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { ChatState, ChatWindowProps } from '../types';\nimport { renderMarkdownLite } from '../utils/markdown';\nimport ThinkingIndicator from './ThinkingIndicator';\n\n// Single-column layout container\nconst ChatContainer = styled.div<{ chatState: ChatState }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\theight: 100%;\n\tmax-height: 100%;\n\tbackground: white;\n\tborder-left: 1px solid #e5e7eb;\n\tposition: relative;\n\n\t/* State-based styling /\n\t${(props) => {\n\t\tswitch (props.chatState) {\n\t\t\tcase 'conversation-starter':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n `;\n\t\t\tcase 'thinking':\n\t\t\t\treturn `\n background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n `;\n\t\t\tdefault:\n\t\t\t\treturn `\n background: white;\n `;\n\t\t}\n\t}}\n`;\n\nconst Header = styled.div`\n\tpadding: 16px;\n\tborder-bottom: 1px solid #e5e7eb;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tbackground: white;\n\tflex-shrink: 0;\n\n\t.header-text {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t}\n`;\n\n// Main content area - single column\nconst MainContent = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tmin-height: 0;\n`;\n\nconst MessagesWrapper = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tbackground: #fafafa;\n\tscroll-behavior: smooth;\n\tmin-height: 0;\n\n\t/ Custom scrollbar /\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f1f1f1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #c1c1c1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground: #a8a8a8;\n\t}\n`;\n\nconst VideoCard = styled.div`\n\tbackground: white;\n\tborder-radius: 12px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n\tborder: 1px solid #e5e7eb;\n`;\n\nconst VideoContainer = styled.div`\n\twidth: 100%;\n\theight: 180px;\n\tbackground: #f3f4f6;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\tmargin-bottom: 12px;\n`;\n\nconst PlayButton = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.8);\n\t\ttransform: scale(1.05);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tmargin-left: 2px;\n\t}\n`;\n\nconst VideoText = styled.div`\n\tfont-size: 14px;\n\tcolor: #374151;\n\tline-height: 1.5;\n`;\n\nconst Bubble = styled.div<{ role: 'user' \| 'assistant' \| 'system' }>`\n\tpadding: 12px 16px;\n\tborder-radius: 16px;\n\tfont-size: 14px;\n\tmax-width: 80%;\n\twhite-space: pre-line;\n\tword-wrap: break-word;\n\n\t${(props) =>\n\t\tprops.role === 'user'\n\t\t\t? `\n background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n margin-left: auto;\n border-bottom-right-radius: 4px;\n \n & > div {\n background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n `\n\t\t\t: props.role === 'system'\n\t\t\t? `\n background: #f3f4f6;\n color: #6b7280;\n font-size: 12px;\n font-style: italic;\n text-align: center;\n margin: 0 auto;\n max-width: 90%;\n `\n\t\t\t: `\n background: white;\n color: #111827;\n border: 1px solid #e5e7eb;\n margin-right: auto;\n border-bottom-left-radius: 4px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n `}\n`;\n\n// Ice breakers section - at the bottom before input\nconst IceBreakersSection = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst IceBreakersGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: flex-end;\n`;\n\nconst IceBreakerChip = styled.button<{ disabled?: boolean }>`\n\tborder: 1px dotted #febad2;\n\tbackground: linear-gradient(\n\t\t92.69deg,\n\t\trgba(255, 230, 238, 0.5) 0.37%,\n\t\trgba(255, 240, 231, 0.5) 100%\n\t);\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\tmax-width: 280px;\n\talign-self: flex-end;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: linear-gradient(\n\t\t\t92.69deg,\n\t\t\trgba(255, 230, 238, 0.7) 0.37%,\n\t\t\trgba(255, 240, 231, 0.7) 100%\n\t\t);\n\t\tborder-color: #f472b6;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\n// Suggestions section - styled like ice breakers but for regular suggestions\nconst SuggestionsSection = styled.div`\n\tpadding: 16px;\n\tbackground: white;\n`;\n\nconst SuggestionsGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nconst SuggestionChip = styled.button<{ disabled?: boolean }>`\n\tbackground: #fef2f2;\n\tcolor: #dc2626;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tborder: 1px solid #fecaca;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: #fee2e2;\n\t\tborder-color: #fca5a5;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\nconst InputContainer = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst InputBubble = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nconst TextInput = styled.textarea<{ hasText: boolean; chatState: ChatState }>`\n\tflex: 1;\n\tborder: 1px solid ${(props) => (props.hasText ? '#3b82f6' : '#d1d5db')};\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tpadding-right: 48px;\n\tfont-size: 14px;\n\toutline: none;\n\tcolor: #374151;\n\tbackground: white;\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\ttransition: all 0.2s ease;\n\tresize: none;\n\tmin-height: 44px;\n\tmax-height: 120px;\n\tfont-family: inherit;\n\twidth: 100%;\n\n\t&:focus {\n\t\tborder-color: #3b82f6;\n\t\tbackground: white;\n\t\tbox-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t}\n\n\t&::placeholder {\n\t\tcolor: #9ca3af;\n\t}\n`;\n\nconst SendButton = styled.button<{ disabled?: boolean; hasText: boolean }>`\n\tposition: absolute;\n\tbottom: 10px;\n\tright: 10px;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: ${(props) =>\n\t\tprops.hasText\n\t\t\t? 'linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)'\n\t\t\t: '#e5e7eb'};\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 2px 8px 0px #fa709a1c;\n\tz-index: 2;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.hasText && !props.disabled\n\t\t\t\t? 'linear-gradient(135deg, #F857A6 0%, #FF5858 100%)'\n\t\t\t\t: '#e5e7eb'};\n\t\ttransform: scale(1.05);\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.95);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tfont-weight: bold;\n\t}\n`;\n\n// Customizable gradient text component\nexport const CustomGradientText = styled.span<{\n\tcolors?: string;\n\tangle?: number;\n}>`\n\tbackground: linear-gradient(\n\t\t${(props) => props.angle \|\| 92.69}deg,\n\t\t${(props) => props.colors \|\| '#ff166a 0.37%, #fb5f08 100%'}\n\t);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\tdisplay: inline-block;\n`;\n\n// Export ChatState type for backward compatibility\nexport type { ChatState } from '../types';\n\ninterface ChatWindowWithHeightProps extends ChatWindowProps {\n\tchatWindowHeight?: string \| number;\n}\n\nconst ChatWindow: React.FC<ChatWindowWithHeightProps> = ({\n\tmessages,\n\tonSend,\n\theader = 'Create with AI',\n\tplaceholder = 'Discover the right event & launch campaigns for better conversions...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\ticeBreakers,\n\tvideoStarter,\n\tdisabled = false,\n\tisThinking = false,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [thinking, setThinking] = useState(false);\n\tconst [isTyping, setIsTyping] = useState(false);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\tconst isThinkingState = thinking \|\| isThinking;\n\tconst isInputDisabledState = disabled \|\| inputDisabled;\n\n\t// Determine current chat state\n\tconst getCurrentChatState = (): ChatState => {\n\t\tif (chatState) return chatState; // Explicit state override\n\t\tif (thinking \|\| isThinking) return 'thinking';\n\t\tif (isTyping && input.trim().length > 0) return 'typing';\n\t\tif (messages.length === 0) return 'conversation-starter';\n\t\tif (messages.length > 0) return 'conversation';\n\t\treturn 'default';\n\t};\n\n\tconst currentState = getCurrentChatState();\n\n\t// markdown renderer moved to ../utils/markdown\n\n\tconst handleSend = () => {\n\t\tif (!input.trim() \|\| isInputDisabledState \|\| isThinkingState) return;\n\t\tonSend(input);\n\t\tsetInput('');\n\t\tsetThinking(true);\n\t\tsetTimeout(() => setThinking(false), 1500);\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (isInputDisabledState) return;\n\t\tif (e.key === 'Enter' && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\tif (!isThinkingState && input.trim()) {\n\t\t\t\thandleSend();\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (isInputDisabledState) return;\n\t\tconst value = e.target.value;\n\t\tsetInput(value);\n\t\tsetIsTyping(value.trim().length > 0);\n\n\t\t// Auto-resize textarea\n\t\tconst textarea = textareaRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t\ttextarea.style.height = `${Math.min(textarea.scrollHeight, 117)}px`;\n\t\t}\n\t};\n\n\tconst hasText = input.trim().length > 0;\n\tconst isSendDisabled = isInputDisabledState \|\| isThinkingState \|\| !hasText;\n\n\tuseEffect(() => {\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, thinking, isThinking]);\n\n\t// Use chatWindowHeight if provided, otherwise use 100% if fullHeight is active\n\tconst containerHeight = chatWindowHeight \|\| '100%';\n\n\treturn (\n\t\t<ChatContainer chatState={currentState} style={{ height: containerHeight }}>\n\t\t\t{/ Header /}\n\t\t\t<Header>\n\t\t\t\t<AiIcon height={24} width={24} />\n\t\t\t\t<div className=\"header-text\">{header}</div>\n\t\t\t</Header>\n\n\t\t\t{/ Main Content - Single Column Layout /}\n\t\t\t<MainContent>\n\t\t\t\t{/ Messages Section /}\n\t\t\t\t<MessagesWrapper>\n\t\t\t\t\t{/ Video starter card - only when no messages and videoStarter provided /}\n\t\t\t\t\t{currentState === 'conversation-starter' && videoStarter && (\n\t\t\t\t\t\t<VideoCard>\n\t\t\t\t\t\t\t<VideoContainer>\n\t\t\t\t\t\t\t\t<PlayButton onClick={videoStarter.onPlay}>\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</PlayButton>\n\t\t\t\t\t\t\t</VideoContainer>\n\t\t\t\t\t\t\t<VideoText>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 500, marginBottom: '4px' }}>\n\t\t\t\t\t\t\t\t\t{videoStarter.title}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<BodyCaption>{videoStarter.description}</BodyCaption>\n\t\t\t\t\t\t\t</VideoText>\n\t\t\t\t\t\t</VideoCard>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Render messages (assistant supports lite Markdown) /}\n\t\t\t\t\t{messages.map((m) => (\n\t\t\t\t\t\t<Bubble key={m.id} role={m.role}>\n\t\t\t\t\t\t\t{m.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(m.content),\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>{m.content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{/ Thinking bubble /}\n\t\t\t\t\t{(thinking \|\| isThinking) && <ThinkingIndicator />}\n\n\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t</MessagesWrapper>\n\n\t\t\t\t{/ Ice Breakers Section - At bottom when no messages and ice breakers provided /}\n\t\t\t\t{iceBreakers && currentState === 'conversation-starter' && (\n\t\t\t\t\t<IceBreakersSection>\n\t\t\t\t\t\t<IceBreakersGrid>\n\t\t\t\t\t\t\t{iceBreakers.map((iceBreaker) => (\n\t\t\t\t\t\t\t\t<IceBreakerChip\n\t\t\t\t\t\t\t\t\tkey={iceBreaker.id}\n\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (!isInputDisabledState) {\n\t\t\t\t\t\t\t\t\t\t\tonIceBreakerClick?.(iceBreaker);\n\t\t\t\t\t\t\t\t\t\t\tonSend(iceBreaker.text);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CustomGradientText>{iceBreaker.text}</CustomGradientText>\n\t\t\t\t\t\t\t\t</IceBreakerChip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</IceBreakersGrid>\n\t\t\t\t\t</IceBreakersSection>\n\t\t\t\t)}\n\n\t\t\t\t{/ Regular Suggestions - Show when no ice breakers are provided /}\n\t\t\t\t{!iceBreakers &&\n\t\t\t\t\tsuggestions.length > 0 &&\n\t\t\t\t\tcurrentState === 'default' && (\n\t\t\t\t\t\t<SuggestionsSection>\n\t\t\t\t\t\t\t<SuggestionsGrid>\n\t\t\t\t\t\t\t\t{suggestions.map((s) => (\n\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\tkey={s}\n\t\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\t\tonClick={() => !isInputDisabledState && onSend(s)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s}\n\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SuggestionsGrid>\n\t\t\t\t\t\t</SuggestionsSection>\n\t\t\t\t\t)}\n\n\t\t\t\t{/ Input Container - Always at bottom */}\n\t\t\t\t<InputContainer>\n\t\t\t\t\t<InputBubble>\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\tref={textareaRef}\n\t\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\tchatState={currentState}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SendButton\n\t\t\t\t\t\t\tonClick={handleSend}\n\t\t\t\t\t\t\tdisabled={isSendDisabled}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\taria-label=\"Send\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M6 12h12\" />\n\t\t\t\t\t\t\t\t<path d=\"M12 6l6 6-6 6\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</SendButton>\n\t\t\t\t\t</InputBubble>\n\t\t\t\t</InputContainer>\n\t\t\t</MainContent>\n\t\t</ChatContainer>\n\t);\n};\n\nexport default ChatWindow;\n"],"names":["ChatContainer","styled","div","props","chatState","Header","MainContent","MessagesWrapper","VideoCard","VideoContainer","PlayButton","VideoText","Bubble","role","IceBreakersSection","IceBreakersGrid","IceBreakerChip","button","disabled","SuggestionsSection","SuggestionsGrid","SuggestionChip","InputContainer","InputBubble","TextInput","textarea","hasText","SendButton","CustomGradientText","span","angle","colors","ChatWindow","messages","onSend","header","placeholder","suggestions","iceBreakers","videoStarter","isThinking","onIceBreakerClick","chatWindowHeight","inputDisabled","input","setInput","useState","thinking","setThinking","isTyping","setIsTyping","bottomRef","useRef","textareaRef","isThinkingState","isInputDisabledState","currentState","trim","length","handleSend","setTimeout","isSendDisabled","useEffect","_a","current","scrollIntoView","behavior","containerHeight","_jsxs","Object","assign","style","height","children","jsxs","_jsx","jsx","AiIcon","width","className","onClick","onPlay","viewBox","fill","d","BodySecondary","fontWeight","marginBottom","title","BodyCaption","description","map","m","dangerouslySetInnerHTML","__html","renderMarkdownLite","content","whiteSpace","id","ThinkingIndicator","ref","iceBreaker","text","s","value","onChange","e","target","Math","min","scrollHeight","onKeyDown","key","shiftKey","preventDefault","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"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"}

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThinkingIndicator.js","sources":["../../../../../src/components/bik-chatbot/components/ThinkingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Idea from '@src/assets/icons/Idea.svg';\nimport AiEdit from '@src/assets/icons/AiEdit.svg';\nimport HelpIcon from '@src/assets/icons/HelpIcon.svg';\n\n\nconst ThinkingBubble = styled.div`\n background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n\tpadding: 24px;\n\tborder-radius: 16px;\n\tborder-bottom-left-radius: 6px;\n\twidth: clamp(260px, 70vw, 340px);\n\tmin-height: 108px;\n\tmargin-right: auto;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tbox-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 14px;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t\n\n\t.icon-svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\t\tanimation: iconPulse 2.4s ease-in-out infinite;\n\t}\n\n\t.bubble-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.status-text {\n\t\tfont-weight: 500;\n\t\tcolor: #1f2937;\n\t\tline-height: 1.45;\n\t\tanimation: textFade 0.35s ease forwards;\n\t\tmin-height: 20px;\n\t}\n\n\t.dots {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.dot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #EC4899;\n\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);\n\t\tanimation: dotBounce 1.3s ease-in-out infinite;\n\t}\n\n\t.shimmer-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 6px;\n\t}\n\n\t.shimmer-line {\n height: 10px;\n\t\tborder-radius: 20px;\n\t\tbackground: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tanimation: shimmerAppear 0.4s ease forwards;\n\t}\n\n\t.shimmer-highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\trgba(255, 255, 255, 0.75) 50%,\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransform: translateX(-100%);\n\t\tanimation: shimmerMove 1.8s linear infinite;\n\t}\n\n\t@keyframes iconPulse {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0.95) rotate(-3deg);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05) rotate(3deg);\n\t\t}\n\t}\n\n\t@keyframes dotBounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: translateY(0) scale(1);\n\t\t\topacity: 0.35;\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(-6px) scale(1.2);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes shimmerMove {\n\t\t0% {\n\t\t\ttransform: translateX(-120%);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(140%);\n\t\t}\n\t}\n\n\t@keyframes shimmerAppear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@keyframes glowPulse {\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 0.2;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.55;\n\t\t}\n\t}\n\n\t@keyframes textFade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(4px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n`;\n\nconst thinkingStates = [\n\t{\n\t\ticon: Idea,\n\t\ttext: 'Analyzing your questions...',\n\t},\n\t{\n\t\ticon: AiEdit,\n\t\ttext: 'Gathering insights...',\n\t},\n\t{\n\t\ticon: HelpIcon,\n\t\ttext: 'Crafting the perfect response...',\n\t},\n\n];\n\nconst ThinkingIndicator: React.FC = () => {\n\tconst [stateIndex, setStateIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetStateIndex((prev) => (prev + 1) % thinkingStates.length);\n\t\t}, 1800);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\tconst currentState = thinkingStates[stateIndex];\n\n\treturn (\n\t\t<ThinkingBubble\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<currentState.icon height={24} width={24} />\n\t\t\t<div className=\"bubble-content\">\n\t\t\t\t<div className=\"status-text\">{currentState.text}</div>\n\t\t\t\t<div className=\"dots\">\n\t\t\t\t\t{[0, 1, 2, 3, 4].map((dot) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={dot}\n\t\t\t\t\t\t\tclassName=\"dot\"\n\t\t\t\t\t\t\tstyle={{ animationDelay: `${dot * 0.15}s` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"shimmer-group\">\n\t\t\t\t\t{[70, 85, 50].map((width, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={width}\n\t\t\t\t\t\t\tclassName=\"shimmer-line\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${width}%`,\n\t\t\t\t\t\t\t\tanimationDelay: `${0.25 + index * 0.12}s`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"shimmer-highlight\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ThinkingBubble>\n\t);\n};\n\nexport default ThinkingIndicator;\n"],"names":["ThinkingBubble","div","thinkingStates","icon","Idea","text","AiEdit","HelpIcon","ThinkingIndicator","stateIndex","setStateIndex","useState","useEffect","interval","window","setInterval","prev","length","clearInterval","currentState","_jsxs","Object","assign","role","children","_jsx","height","width","jsxs","className","jsx","map","dot","style","animationDelay","index"],"mappings":"oXAOA,MAAMA,OAAuB,QAACC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoJ3BC,EAAiB,CACtB,CACCC,KAAMC,EAAI,QACVC,KAAM,+BAEP,CACCF,KAAMG,EAAM,QACZD,KAAM,yBAEP,CACCF,KAAMI,EAAQ,QACdF,KAAM,qDAK4BG,KACnC,MAAOC,EAAYC,GAAiBC,EAAQA,SAAC,GAE7CC,EAAAA,WAAU,KACT,MAAMC,EAAWC,OAAOC,aAAY,KACnCL,GAAeM,IAAUA,EAAO,GAAKd,EAAee,QAAO,GACzD,MAEH,MAAO,IAAMH,OAAOI,cAAcL,EAAS,GACzC,IAEH,MAAMM,EAAejB,EAAeO,GAEpC,OACCW,OAACpB,EACAqB,OAAAC,OAAA,CAAAC,KAAK,SACK,YAAA,UAEV,CAAAC,SAAA,CAAAC,EAAAA,IAACN,EAAahB,KAAK,CAAAuB,OAAQ,GAAIC,MAAO,KACtCP,EAAKQ,KAAA,MAAAP,OAAAC,OAAA,CAAAO,UAAU,6BACdJ,EAAKK,IAAA,MAAAT,OAAAC,OAAA,CAAAO,UAAU,eAAe,CAAAL,SAAAL,EAAad,QAC3CoB,EAAKK,IAAA,MAAAT,OAAAC,OAAA,CAAAO,UAAU,kBACb,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGE,KAAKC,GACrBP,EAAAA,IAAA,OAAA,CAECI,UAAU,MACVI,MAAO,CAAEC,eAAyB,IAANF,~~EAAA~~,~~MAFvBA~~,QAMRP,EAAAK,IAAA,MAAAT,OAAAC,OAAA,CAAKO,UAAU,iBACb,CAAAL,SAAA,CAAC,GAAI,GAAI,IAAIO,KAAI,CAACJ,EAAOQ,IACzBV,EAECK,IAAA,MAAAT,OAAAC,OAAA,CAAAO,UAAU,eACVI,MAAO,CACNN,~~MAAU~~,~~GAAAA~~,KACVO,eAAmB,IAAe,IAARC,~~EAAP~~,~~MACnB~~,CAAAX,SAEDC,EAAMK,IAAA,OAAA,CAAAD,UAAU,wBAPXF,eAYO"}
1	+ {"version":3,"file":"ThinkingIndicator.js","sources":["../../../../../src/components/bik-chatbot/components/ThinkingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Idea from '@src/assets/icons/Idea.svg';\nimport AiEdit from '@src/assets/icons/AiEdit.svg';\nimport HelpIcon from '@src/assets/icons/HelpIcon.svg';\n\n\nconst ThinkingBubble = styled.div`\n background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n\tpadding: 24px;\n\tborder-radius: 16px;\n\tborder-bottom-left-radius: 6px;\n\twidth: clamp(260px, 70vw, 340px);\n\tmin-height: 108px;\n\tmargin-right: auto;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tbox-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 14px;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t\n\n\t.icon-svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\t\tanimation: iconPulse 2.4s ease-in-out infinite;\n\t}\n\n\t.bubble-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.status-text {\n\t\tfont-weight: 500;\n\t\tcolor: #1f2937;\n\t\tline-height: 1.45;\n\t\tanimation: textFade 0.35s ease forwards;\n\t\tmin-height: 20px;\n\t}\n\n\t.dots {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.dot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #EC4899;\n\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);\n\t\tanimation: dotBounce 1.3s ease-in-out infinite;\n\t}\n\n\t.shimmer-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 6px;\n\t}\n\n\t.shimmer-line {\n height: 10px;\n\t\tborder-radius: 20px;\n\t\tbackground: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tanimation: shimmerAppear 0.4s ease forwards;\n\t}\n\n\t.shimmer-highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\trgba(255, 255, 255, 0.75) 50%,\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransform: translateX(-100%);\n\t\tanimation: shimmerMove 1.8s linear infinite;\n\t}\n\n\t@keyframes iconPulse {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0.95) rotate(-3deg);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05) rotate(3deg);\n\t\t}\n\t}\n\n\t@keyframes dotBounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: translateY(0) scale(1);\n\t\t\topacity: 0.35;\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(-6px) scale(1.2);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes shimmerMove {\n\t\t0% {\n\t\t\ttransform: translateX(-120%);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(140%);\n\t\t}\n\t}\n\n\t@keyframes shimmerAppear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@keyframes glowPulse {\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 0.2;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.55;\n\t\t}\n\t}\n\n\t@keyframes textFade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(4px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n`;\n\nconst thinkingStates = [\n\t{\n\t\ticon: Idea,\n\t\ttext: 'Analyzing your questions...',\n\t},\n\t{\n\t\ticon: AiEdit,\n\t\ttext: 'Gathering insights...',\n\t},\n\t{\n\t\ticon: HelpIcon,\n\t\ttext: 'Crafting the perfect response...',\n\t},\n\n];\n\nconst ThinkingIndicator: React.FC = () => {\n\tconst [stateIndex, setStateIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetStateIndex((prev) => (prev + 1) % thinkingStates.length);\n\t\t}, 1800);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\tconst currentState = thinkingStates[stateIndex];\n\n\treturn (\n\t\t<ThinkingBubble\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<currentState.icon height={24} width={24} />\n\t\t\t<div className=\"bubble-content\">\n\t\t\t\t<div className=\"status-text\">{currentState.text}</div>\n\t\t\t\t<div className=\"dots\">\n\t\t\t\t\t{[0, 1, 2, 3, 4].map((dot) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={dot}\n\t\t\t\t\t\t\tclassName=\"dot\"\n\t\t\t\t\t\t\tstyle={{ animationDelay: `${dot * 0.15}s` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"shimmer-group\">\n\t\t\t\t\t{[70, 85, 50].map((width, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={width}\n\t\t\t\t\t\t\tclassName=\"shimmer-line\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${width}%`,\n\t\t\t\t\t\t\t\tanimationDelay: `${0.25 + index * 0.12}s`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"shimmer-highlight\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ThinkingBubble>\n\t);\n};\n\nexport default ThinkingIndicator;\n"],"names":["ThinkingBubble","div","thinkingStates","icon","Idea","text","AiEdit","HelpIcon","ThinkingIndicator","stateIndex","setStateIndex","useState","useEffect","interval","window","setInterval","prev","length","clearInterval","currentState","_jsxs","Object","assign","role","children","_jsx","height","width","jsxs","className","jsx","map","dot","style","animationDelay","index"],"mappings":"oXAOA,MAAMA,OAAuB,QAACC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoJ3BC,EAAiB,CACtB,CACCC,KAAMC,EAAI,QACVC,KAAM,+BAEP,CACCF,KAAMG,EAAM,QACZD,KAAM,yBAEP,CACCF,KAAMI,EAAQ,QACdF,KAAM,qDAK4BG,KACnC,MAAOC,EAAYC,GAAiBC,EAAQA,SAAC,GAE7CC,EAAAA,WAAU,KACT,MAAMC,EAAWC,OAAOC,aAAY,KACnCL,GAAeM,IAAUA,EAAO,GAAKd,EAAee,QAAO,GACzD,MAEH,MAAO,IAAMH,OAAOI,cAAcL,EAAS,GACzC,IAEH,MAAMM,EAAejB,EAAeO,GAEpC,OACCW,OAACpB,EACAqB,OAAAC,OAAA,CAAAC,KAAK,SACK,YAAA,UAEV,CAAAC,SAAA,CAAAC,EAAAA,IAACN,EAAahB,KAAK,CAAAuB,OAAQ,GAAIC,MAAO,KACtCP,EAAKQ,KAAA,MAAAP,OAAAC,OAAA,CAAAO,UAAU,6BACdJ,EAAKK,IAAA,MAAAT,OAAAC,OAAA,CAAAO,UAAU,eAAe,CAAAL,SAAAL,EAAad,QAC3CoB,EAAKK,IAAA,MAAAT,OAAAC,OAAA,CAAAO,UAAU,kBACb,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGE,KAAKC,GACrBP,EAAAA,IAAA,OAAA,CAECI,UAAU,MACVI,MAAO,CAAEC,eAAyB,IAANF,EAAH,MAFpBA,QAMRP,EAAAK,IAAA,MAAAT,OAAAC,OAAA,CAAKO,UAAU,iBACb,CAAAL,SAAA,CAAC,GAAI,GAAI,IAAIO,KAAI,CAACJ,EAAOQ,IACzBV,EAECK,IAAA,MAAAT,OAAAC,OAAA,CAAAO,UAAU,eACVI,MAAO,CACNN,MAAO,GAAGA,KACVO,eAAmB,IAAe,IAARC,EAAV,MAChB,CAAAX,SAEDC,EAAMK,IAAA,OAAA,CAAAD,UAAU,wBAPXF,eAYO"}

package/dist/cjs/components/bik-chatbot/contexts/AIContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../services/callToChatbot.js"),r=require("../services/useAIChat.js"),n=require("../types/ai.js");const i=t.createContext(null);exports.AIProvider=a=>{let{children:u,systemPrompt:l,systemId:d,functions:c,tools:m,functionHandler:p,onMessageReceived:v,displayInUI:f,maxToolCalls:I,maxTokens:A,requestExecutor:g,baseUrl:E,endpointPath:x,responseFormat:y,conversationId:C="default-session",customModel:h,onSystemReady:L,useCase:q,storeId:P}=a;const[b,M]=t.useState(null),[_,j]=t.useState(!0),[w,D]=t.useState(null),O=t.useRef(null);t.useEffect((()=>l?g&&E?void D(null):(D("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void j(!1)):(D("systemPrompt is required for generic mode"),void j(!1))),[l,g,E]);const R=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{j(!0),D(null);const e=h||n.DEFAULT_MODEL;if(!n.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${h||"default"}. Allowed models are: ${n.ALLOWED_MODELS.join(", ")}`);M({id:d||"generic",name:d?`${d} `:"Generic AI Assistant",model:e,systemPrompt:l,functions:c,tools:m})}catch(e){const s=(null==e?void 0:e.message)||"Failed to create AI system";D(s)}finally{j(!1)}}))),[h,l,d,c]);t.useEffect((()=>{l&&R()}),[R]),t.useEffect((()=>{b&&L&&b.id!==O.current&&(O.current=b.id,L(b)),b||(O.current=null)}),[b]);const{messages:T,conversation:U,sendMessage:F,isApiCallInProgress:S}=r.useAIChat({system:b||{id:"loading",name:"Loading...",model:n.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:C,skipInitialization:!b,customFunctions:c,functionHandler:p,responseFormat:y,onMessageReceived:v,displayInUI:f,maxToolCalls:I,maxTokens:A,apiAdapter:g&&E?o.createExecutorApiAdapter(g,E,x||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")},useCase:q,storeId:P}),k={isReady:!!b&&!_,isLoading:_,isApiCallInProgress:S,system:b,messages:T,conversation:U,sendMessage:F,error:w};return s.jsx(i.Provider,Object.assign({value:k},{children:u}))},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../services/callToChatbot.js"),r=require("../services/useAIChat.js"),n=require("../types/ai.js");const i=t.createContext(null);exports.AIProvider=({children:a,systemPrompt:u,systemId:d,functions:l,tools:c,functionHandler:m,onMessageReceived:p,displayInUI:v,maxToolCalls:f,maxTokens:I,requestExecutor:A,baseUrl:g,endpointPath:E,responseFormat:x,conversationId:y="default-session",customModel:C,onSystemReady:h,useCase:L,storeId:q})=>{const[P,b]=t.useState(null),[M,_]=t.useState(!0),[j,w]=t.useState(null),D=t.useRef(null);t.useEffect((()=>u?A&&g?void w(null):(w("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void _(!1)):(w("systemPrompt is required for generic mode"),void _(!1))),[u,A,g]);const O=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{_(!0),w(null);const e=C||n.DEFAULT_MODEL;if(!n.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${C||"default"}. Allowed models are: ${n.ALLOWED_MODELS.join(", ")}`);b({id:d||"generic",name:d?`${d} `:"Generic AI Assistant",model:e,systemPrompt:u,functions:l,tools:c})}catch(e){const s=(null==e?void 0:e.message)||"Failed to create AI system";w(s)}finally{_(!1)}}))),[C,u,d,l]);t.useEffect((()=>{u&&O()}),[O]),t.useEffect((()=>{P&&h&&P.id!==D.current&&(D.current=P.id,h(P)),P||(D.current=null)}),[P]);const{messages:R,conversation:T,sendMessage:U,isApiCallInProgress:F}=r.useAIChat({system:P||{id:"loading",name:"Loading...",model:n.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:y,skipInitialization:!P,customFunctions:l,functionHandler:m,responseFormat:x,onMessageReceived:p,displayInUI:v,maxToolCalls:f,maxTokens:I,apiAdapter:A&&g?o.createExecutorApiAdapter(A,g,E||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")},useCase:L,storeId:q}),S={isReady:!!P&&!M,isLoading:M,isApiCallInProgress:F,system:P,messages:R,conversation:T,sendMessage:U,error:j};return s.jsx(i.Provider,Object.assign({value:S},{children:a}))},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};
 //# sourceMappingURL=AIContext.js.map

package/dist/cjs/components/bik-chatbot/contexts/AIContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIContext.js","sources":["../../../../../src/components/bik-chatbot/contexts/AIContext.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { createExecutorApiAdapter } from '../services/callToChatbot';\nimport { useAIChat } from '../services/useAIChat';\nimport {\n\tAIContextState,\n\tAIProviderProps,\n\tALLOWED_MODELS,\n\tDEFAULT_MODEL,\n\tSystemConfig,\n} from '../types';\n\nconst AIContext = createContext<AIContextState \| null>(null);\n\nexport const AIProvider: React.FC<AIProviderProps> = ({\n\tchildren,\n\t// Generic mode props\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\ttools,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\t// Common props\n\tconversationId = 'default-session',\n\tcustomModel,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tconst [system, setSystem] = useState<SystemConfig \| null>(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [error, setError] = useState<string \| null>(null);\n\tconst lastNotifiedSystemId = useRef<string \| null>(null);\n\n\t// Validation: systemPrompt & RequestExecutor are required\n\tuseEffect(() => {\n\t\tif (!systemPrompt) {\n\t\t\tsetError('systemPrompt is required for generic mode');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!requestExecutor \|\| !baseUrl) {\n\t\t\tsetError(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor and baseUrl are required',\n\t\t\t);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tsetError(null);\n\t}, [systemPrompt, requestExecutor, baseUrl]);\n\n\tconst createSystem = useCallback(async () => {\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\n\t\t\t// Strict model validation: only allow 4.1 nano and 4.1 mini\n\t\t\tconst modelToUse = customModel \|\| DEFAULT_MODEL;\n\n\t\t\tif (\n\t\t\t\t!ALLOWED_MODELS.includes(modelToUse as (typeof ALLOWED_MODELS)[number])\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unsupported model: ${\n\t\t\t\t\t\tcustomModel \|\| 'default'\n\t\t\t\t\t}. Allowed models are: ${ALLOWED_MODELS.join(', ')}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Create generic system configuration - direct pass-through\n\t\t\tconst dynamicSystem: SystemConfig = {\n\t\t\t\tid: systemId \|\| 'generic',\n\t\t\t\tname: systemId ? `${systemId} ` : 'Generic AI Assistant',\n\t\t\t\tmodel: modelToUse,\n\t\t\t\tsystemPrompt: systemPrompt!,\n\t\t\t\tfunctions: functions,\n\t\t\t\ttools: tools,\n\t\t\t};\n\n\t\t\tsetSystem(dynamicSystem);\n\t\t} catch (err) {\n\t\t\tconst message =\n\t\t\t\t(err as { message?: string })?.message \|\| 'Failed to create AI system';\n\t\t\tsetError(message);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [customModel, systemPrompt, systemId, functions]);\n\n\tuseEffect(() => {\n\t\tif (systemPrompt) {\n\t\t\tcreateSystem();\n\t\t}\n\t}, [createSystem]);\n\n\t// Call onSystemReady only once per system ID (when system changes)\n\tuseEffect(() => {\n\t\tif (system && onSystemReady && system.id !== lastNotifiedSystemId.current) {\n\t\t\tlastNotifiedSystemId.current = system.id;\n\t\t\tonSystemReady(system);\n\t\t}\n\t\t// Reset if system becomes null\n\t\tif (!system) {\n\t\t\tlastNotifiedSystemId.current = null;\n\t\t}\n\t}, [system]);\n\n\tconst { messages, conversation, sendMessage, isApiCallInProgress } =\n\t\tuseAIChat({\n\t\t\tsystem: system \|\| {\n\t\t\t\tid: 'loading',\n\t\t\t\tname: 'Loading...',\n\t\t\t\tmodel: DEFAULT_MODEL,\n\t\t\t\tsystemPrompt: 'Loading...',\n\t\t\t\tfunctions: [],\n\t\t\t},\n\t\t\tconversationId,\n\t\t\tskipInitialization: !system,\n\t\t\t// Generic mode props passed to useAIChat\n\t\t\tcustomFunctions: functions,\n\t\t\tfunctionHandler: functionHandler,\n\t\t\tresponseFormat: responseFormat,\n\t\t\tonMessageReceived: onMessageReceived,\n\t\t\tdisplayInUI: displayInUI,\n\t\t\tmaxToolCalls: maxToolCalls,\n\t\t\tmaxTokens: maxTokens,\n\t\t\tapiAdapter:\n\t\t\t\trequestExecutor && baseUrl\n\t\t\t\t\t? createExecutorApiAdapter(\n\t\t\t\t\t\t\trequestExecutor,\n\t\t\t\t\t\t\tbaseUrl,\n\t\t\t\t\t\t\tendpointPath \|\| undefined,\n\t\t\t\t\t )\n\t\t\t\t\t: ((() => {\n\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t }) as unknown as ReturnType<typeof createExecutorApiAdapter>),\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\tconst contextValue: AIContextState = {\n\t\tisReady: !!system && !isLoading,\n\t\tisLoading,\n\t\tisApiCallInProgress,\n\t\tsystem,\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\terror,\n\t};\n\n\treturn (\n\t\t<AIContext.Provider value={contextValue}>{children}</AIContext.Provider>\n\t);\n};\n\nexport const useAIContext = (): AIContextState => {\n\tconst context = useContext(AIContext);\n\tif (!context) {\n\t\tthrow new Error('useAIContext must be used within an AIProvider');\n\t}\n\treturn context;\n};\n"],"names":["AIContext","createContext","~~_ref~~","children","systemPrompt","systemId","functions","tools","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","requestExecutor","baseUrl","endpointPath","responseFormat","conversationId","customModel","onSystemReady","useCase","storeId","system","setSystem","useState","isLoading","setIsLoading","error","setError","lastNotifiedSystemId","useRef","useEffect","createSystem","useCallback","__awaiter","modelToUse","DEFAULT_MODEL","ALLOWED_MODELS","includes","Error","join","id","name","model","err","message","current","messages","conversation","sendMessage","isApiCallInProgress","useAIChat","skipInitialization","customFunctions","apiAdapter","createExecutorApiAdapter","undefined","contextValue","isReady","_jsx","jsx","Provider","Object","assign","value","useAIContext","context","useContext"],"mappings":"+QAkBA,MAAMA,EAAYC,EAAAA,cAAqC,yBAEFC,~~IAsBhD~~,~~IAtBiDC~~,~~SACrDA~~,~~EAAQC~~,~~aAERA~~,~~EAAYC~~,~~SACZA~~,~~EAAQC~~,~~UACRA~~,~~EAASC~~,~~MACTA~~,~~EAAKC~~,~~gBACLA~~,~~EAAeC~~,~~kBACfA~~,~~EAAiBC~~,~~YACjBA~~,~~EAAWC~~,~~aACXA~~,~~EAAYC~~,~~UACZA~~,~~EAASC~~,~~gBACTA,EAAeC,QACfA,EAAOC,aACPA,EAAYC,eACZA,EAAcC,eAEdA,EAAiB,kBAAiBC,YAClCA,EAAWC,cACXA,EAAaC,QACbA,EAAOC,QACPA,GACAnB,EACA,MAAOoB,~~EAAQC,GAAaC,EAAQA,SAAsB,OACnDC,EAAWC,GAAgBF,EAAQA,UAAC,IACpCG,EAAOC,GAAYJ,EAAQA,SAAgB,MAC5CK,EAAuBC,SAAsB,MAGnDC,EAAAA,WAAU,IACJ3B,EAKAS,GAAoBC,OAOzBc,EAAS,OANRA,EACC,wFAEDF,GAAa,KARbE,EAAS,kDACTF,GAAa,KAWZ,CAACtB,EAAcS,EAAiBC,IAEnC,MAAMkB,EAAeC,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3C,IACCR,GAAa,GACbE,EAAS,MAGT,MAAMO,EAAajB,GAAekB,gBAElC,IACEC,EAAcA,eAACC,SAASH,GAEzB,MAAM,IAAII,~~MAER~~,~~sBAAArB~~,GAAe,kCACSmB,EAAAA,eAAeG,KAAK,SAc/CjB,EAToC,CACnCkB,GAAIpC,GAAY,UAChBqC,KAAMrC,~~EAAc~~,~~GAAAA~~,KAAc,uBAClCsC,MAAOR,EACP/B,aAAcA,EACdE,UAAWA,EACXC,MAAOA,GAIR,CAAC,MAAOqC,GACR,MAAMC,GACJD,aAAA,EAAAA,EAA8BC,UAAW,6BAC3CjB,EAASiB,EACT,CAAS,QACTnB,GAAa,EACb,MACC,CAACR,EAAad,EAAcC,EAAUC,IAEzCyB,EAAAA,WAAU,KACL3B,GACH4B,GACA,GACC,CAACA,IAGJD,EAAAA,WAAU,KACLT,GAAUH,GAAiBG,EAAOmB,KAAOZ,EAAqBiB,UACjEjB,EAAqBiB,QAAUxB,EAAOmB,GACtCtB,EAAcG,IAGVA,IACJO,EAAqBiB,QAAU,KAC/B,GACC,CAACxB,IAEJ,MAAMyB,SAAEA,EAAQC,aAAEA,EAAYC,YAAEA,EAAWC,oBAAEA,GAC5CC,YAAU,CACT7B,OAAQA,GAAU,CACjBmB,GAAI,UACJC,KAAM,aACNC,MAAOP,EAAaA,cACpBhC,aAAc,aACdE,UAAW,IAEZW,iBACAmC,oBAAqB9B,EAErB+B,gBAAiB/C,EACjBE,gBAAiBA,EACjBQ,eAAgBA,EAChBP,kBAAmBA,EACnBC,YAAaA,EACbC,aAAcA,EACdC,UAAWA,EACX0C,WACCzC,GAAmBC,EAChByC,EAAwBA,yBACxB1C,EACAC,EACAC,QAAgByC,GAEd,KACF,MAAM,IAAIjB,MACT,qEACA,EAELnB,UACAC,YAGIoC,EAA+B,CACpCC,UAAWpC,IAAWG,EACtBA,YACAyB,sBACA5B,SACAyB,WACAC,eACAC,cACAtB,SAGD,OACCgC,EAAAC,IAAC5D,EAAU6D,SAAQC,OAAAC,OAAA,CAACC,MAAOP,GAAY,CAAAtD,SAAGA,IAA8B,uBAI9C8D,KAC3B,MAAMC,EAAUC,aAAWnE,GAC3B,IAAKkE,EACJ,MAAM,IAAI3B,MAAM,kDAEjB,OAAO2B,CAAO"}
1	+ {"version":3,"file":"AIContext.js","sources":["../../../../../src/components/bik-chatbot/contexts/AIContext.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { createExecutorApiAdapter } from '../services/callToChatbot';\nimport { useAIChat } from '../services/useAIChat';\nimport {\n\tAIContextState,\n\tAIProviderProps,\n\tALLOWED_MODELS,\n\tDEFAULT_MODEL,\n\tSystemConfig,\n} from '../types';\n\nconst AIContext = createContext<AIContextState \| null>(null);\n\nexport const AIProvider: React.FC<AIProviderProps> = ({\n\tchildren,\n\t// Generic mode props\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\ttools,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\t// Common props\n\tconversationId = 'default-session',\n\tcustomModel,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tconst [system, setSystem] = useState<SystemConfig \| null>(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [error, setError] = useState<string \| null>(null);\n\tconst lastNotifiedSystemId = useRef<string \| null>(null);\n\n\t// Validation: systemPrompt & RequestExecutor are required\n\tuseEffect(() => {\n\t\tif (!systemPrompt) {\n\t\t\tsetError('systemPrompt is required for generic mode');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!requestExecutor \|\| !baseUrl) {\n\t\t\tsetError(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor and baseUrl are required',\n\t\t\t);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tsetError(null);\n\t}, [systemPrompt, requestExecutor, baseUrl]);\n\n\tconst createSystem = useCallback(async () => {\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\n\t\t\t// Strict model validation: only allow 4.1 nano and 4.1 mini\n\t\t\tconst modelToUse = customModel \|\| DEFAULT_MODEL;\n\n\t\t\tif (\n\t\t\t\t!ALLOWED_MODELS.includes(modelToUse as (typeof ALLOWED_MODELS)[number])\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unsupported model: ${\n\t\t\t\t\t\tcustomModel \|\| 'default'\n\t\t\t\t\t}. Allowed models are: ${ALLOWED_MODELS.join(', ')}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Create generic system configuration - direct pass-through\n\t\t\tconst dynamicSystem: SystemConfig = {\n\t\t\t\tid: systemId \|\| 'generic',\n\t\t\t\tname: systemId ? `${systemId} ` : 'Generic AI Assistant',\n\t\t\t\tmodel: modelToUse,\n\t\t\t\tsystemPrompt: systemPrompt!,\n\t\t\t\tfunctions: functions,\n\t\t\t\ttools: tools,\n\t\t\t};\n\n\t\t\tsetSystem(dynamicSystem);\n\t\t} catch (err) {\n\t\t\tconst message =\n\t\t\t\t(err as { message?: string })?.message \|\| 'Failed to create AI system';\n\t\t\tsetError(message);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [customModel, systemPrompt, systemId, functions]);\n\n\tuseEffect(() => {\n\t\tif (systemPrompt) {\n\t\t\tcreateSystem();\n\t\t}\n\t}, [createSystem]);\n\n\t// Call onSystemReady only once per system ID (when system changes)\n\tuseEffect(() => {\n\t\tif (system && onSystemReady && system.id !== lastNotifiedSystemId.current) {\n\t\t\tlastNotifiedSystemId.current = system.id;\n\t\t\tonSystemReady(system);\n\t\t}\n\t\t// Reset if system becomes null\n\t\tif (!system) {\n\t\t\tlastNotifiedSystemId.current = null;\n\t\t}\n\t}, [system]);\n\n\tconst { messages, conversation, sendMessage, isApiCallInProgress } =\n\t\tuseAIChat({\n\t\t\tsystem: system \|\| {\n\t\t\t\tid: 'loading',\n\t\t\t\tname: 'Loading...',\n\t\t\t\tmodel: DEFAULT_MODEL,\n\t\t\t\tsystemPrompt: 'Loading...',\n\t\t\t\tfunctions: [],\n\t\t\t},\n\t\t\tconversationId,\n\t\t\tskipInitialization: !system,\n\t\t\t// Generic mode props passed to useAIChat\n\t\t\tcustomFunctions: functions,\n\t\t\tfunctionHandler: functionHandler,\n\t\t\tresponseFormat: responseFormat,\n\t\t\tonMessageReceived: onMessageReceived,\n\t\t\tdisplayInUI: displayInUI,\n\t\t\tmaxToolCalls: maxToolCalls,\n\t\t\tmaxTokens: maxTokens,\n\t\t\tapiAdapter:\n\t\t\t\trequestExecutor && baseUrl\n\t\t\t\t\t? createExecutorApiAdapter(\n\t\t\t\t\t\t\trequestExecutor,\n\t\t\t\t\t\t\tbaseUrl,\n\t\t\t\t\t\t\tendpointPath \|\| undefined,\n\t\t\t\t\t )\n\t\t\t\t\t: ((() => {\n\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t }) as unknown as ReturnType<typeof createExecutorApiAdapter>),\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\tconst contextValue: AIContextState = {\n\t\tisReady: !!system && !isLoading,\n\t\tisLoading,\n\t\tisApiCallInProgress,\n\t\tsystem,\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\terror,\n\t};\n\n\treturn (\n\t\t<AIContext.Provider value={contextValue}>{children}</AIContext.Provider>\n\t);\n};\n\nexport const useAIContext = (): AIContextState => {\n\tconst context = useContext(AIContext);\n\tif (!context) {\n\t\tthrow new Error('useAIContext must be used within an AIProvider');\n\t}\n\treturn context;\n};\n"],"names":["AIContext","createContext","AIProvider","children","systemPrompt","systemId","functions","tools","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","requestExecutor","baseUrl","endpointPath","responseFormat","conversationId","customModel","onSystemReady","useCase","storeId","system","setSystem","useState","isLoading","setIsLoading","error","setError","lastNotifiedSystemId","useRef","useEffect","createSystem","useCallback","__awaiter","modelToUse","DEFAULT_MODEL","ALLOWED_MODELS","includes","Error","join","id","name","model","err","message","current","messages","conversation","sendMessage","isApiCallInProgress","useAIChat","skipInitialization","customFunctions","apiAdapter","createExecutorApiAdapter","undefined","contextValue","isReady","_jsx","jsx","Provider","Object","assign","value","useAIContext","context","useContext"],"mappings":"+QAkBA,MAAMA,EAAYC,EAAAA,cAAqC,yBAEFC,EACpDC,WAEAC,eACAC,WACAC,YACAC,QACAC,kBACAC,oBACAC,cACAC,eACAC,YACAC,kBACAC,UACAC,eACAC,iBAEAC,iBAAiB,kBACjBC,cACAC,gBACAC,UACAC,cAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAAsB,OACnDC,EAAWC,GAAgBF,EAAQA,UAAC,IACpCG,EAAOC,GAAYJ,EAAQA,SAAgB,MAC5CK,EAAuBC,SAAsB,MAGnDC,EAAAA,WAAU,IACJ3B,EAKAS,GAAoBC,OAOzBc,EAAS,OANRA,EACC,wFAEDF,GAAa,KARbE,EAAS,kDACTF,GAAa,KAWZ,CAACtB,EAAcS,EAAiBC,IAEnC,MAAMkB,EAAeC,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3C,IACCR,GAAa,GACbE,EAAS,MAGT,MAAMO,EAAajB,GAAekB,gBAElC,IACEC,EAAcA,eAACC,SAASH,GAEzB,MAAM,IAAII,MACT,sBACCrB,GAAe,kCACSmB,EAAAA,eAAeG,KAAK,SAc/CjB,EAToC,CACnCkB,GAAIpC,GAAY,UAChBqC,KAAMrC,EAAW,GAAGA,KAAc,uBAClCsC,MAAOR,EACP/B,aAAcA,EACdE,UAAWA,EACXC,MAAOA,GAIR,CAAC,MAAOqC,GACR,MAAMC,GACJD,aAAA,EAAAA,EAA8BC,UAAW,6BAC3CjB,EAASiB,EACT,CAAS,QACTnB,GAAa,EACb,MACC,CAACR,EAAad,EAAcC,EAAUC,IAEzCyB,EAAAA,WAAU,KACL3B,GACH4B,GACA,GACC,CAACA,IAGJD,EAAAA,WAAU,KACLT,GAAUH,GAAiBG,EAAOmB,KAAOZ,EAAqBiB,UACjEjB,EAAqBiB,QAAUxB,EAAOmB,GACtCtB,EAAcG,IAGVA,IACJO,EAAqBiB,QAAU,KAC/B,GACC,CAACxB,IAEJ,MAAMyB,SAAEA,EAAQC,aAAEA,EAAYC,YAAEA,EAAWC,oBAAEA,GAC5CC,YAAU,CACT7B,OAAQA,GAAU,CACjBmB,GAAI,UACJC,KAAM,aACNC,MAAOP,EAAaA,cACpBhC,aAAc,aACdE,UAAW,IAEZW,iBACAmC,oBAAqB9B,EAErB+B,gBAAiB/C,EACjBE,gBAAiBA,EACjBQ,eAAgBA,EAChBP,kBAAmBA,EACnBC,YAAaA,EACbC,aAAcA,EACdC,UAAWA,EACX0C,WACCzC,GAAmBC,EAChByC,EAAwBA,yBACxB1C,EACAC,EACAC,QAAgByC,GAEd,KACF,MAAM,IAAIjB,MACT,qEACA,EAELnB,UACAC,YAGIoC,EAA+B,CACpCC,UAAWpC,IAAWG,EACtBA,YACAyB,sBACA5B,SACAyB,WACAC,eACAC,cACAtB,SAGD,OACCgC,EAAAC,IAAC5D,EAAU6D,SAAQC,OAAAC,OAAA,CAACC,MAAOP,GAAY,CAAAtD,SAAGA,IAA8B,uBAI9C8D,KAC3B,MAAMC,EAAUC,aAAWnE,GAC3B,IAAKkE,EACJ,MAAM,IAAI3B,MAAM,kDAEjB,OAAO2B,CAAO"}

package/dist/cjs/components/bik-chatbot/services/aiService.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"useCase",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"storeId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,this.useCase=e.useCase,this.storeId=e.storeId,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach(((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})}))}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default",o=arguments.length>3?arguments[3]:void 0;return e.__awaiter(this,void 0,void 0,(function*(){const e=s.map((e=>({role:e.role,text:t.sanitizeUserInput(e.content)}))),n=[{role:"system",text:this.makeSystemMessage().content},...e];return this.generateWithRecursiveToolCalls(n,i,a,o)}))}generateWithRecursiveToolCalls(t,i,a,o){var n,r,l,c,d,u,h,p,m,y;return e.__awaiter(this,void 0,void 0,(function*(){const e=t.map((e=>({role:e.role,text:e.text})));let f,g=o,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let o;if(1===v&&g){const t=[...e].reverse().find((e=>"user"===e.role));t&&(o=[{role:"user",content:t.text}])}t=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,o,this.system.tools,this.maxTokens,this.useCase,this.storeId)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const e=null!==(n=t.parsed)&&void 0!==n?n:this.tryParseAssistantJson(t.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(c=this.onMessageReceived)||void 0===c||c.call(this,t.assistantText);return{responseId:g}}const{name:o,args:b,toolCallId:I,callId:x}=t.toolCall;I&&e.push({role:"assistant",text:"",toolCallId:I,toolName:o,toolArgs:JSON.stringify(b)});try{const t="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_CALL",data:{name:o,args:t}});const n=yield this.functionHandler(o,t);if(I?e.push({role:"tool",text:JSON.stringify(n),toolCallId:I}):e.push({role:"tool",text:JSON.stringify(n)}),x){const t="object"==typeof n&&null!==n?n:String(n),r=this.sanitizeToolOutput(o,t);try{const e="string"==typeof t?t:JSON.stringify(t);null===(u=this.onMessageReceived)||void 0===u||u.call(this,{type:"TOOL_RESULT",data:{name:o,preview:e.slice(0,1e3)}})}catch(e){}const l=[{type:"function_call_output",call_id:x,output:r}],c=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,l,this.system.tools,this.maxTokens,this.useCase,this.storeId);if(g=c.responseId,!c.toolCall){if(c.assistantText)if("json"===this.responseFormat){const e=null!==(h=c.parsed)&&void 0!==h?h:this.tryParseAssistantJson(c.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(p=this.onMessageReceived)||void 0===p||p.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,c.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(y=this.onMessageReceived)||void 0===y||y.call(this,c.assistantText);return{responseId:g}}f=c}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"useCase",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"storeId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,this.useCase=e.useCase,this.storeId=e.storeId,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach(((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})}))}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i,a="default",o){return e.__awaiter(this,void 0,void 0,(function*(){const e=s.map((e=>({role:e.role,text:t.sanitizeUserInput(e.content)}))),n=[{role:"system",text:this.makeSystemMessage().content},...e];return this.generateWithRecursiveToolCalls(n,i,a,o)}))}generateWithRecursiveToolCalls(t,i,a,o){var n,r,l,c,d,u,h,p,m,y;return e.__awaiter(this,void 0,void 0,(function*(){const e=t.map((e=>({role:e.role,text:e.text})));let f,g=o,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let o;if(1===v&&g){const t=[...e].reverse().find((e=>"user"===e.role));t&&(o=[{role:"user",content:t.text}])}t=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,o,this.system.tools,this.maxTokens,this.useCase,this.storeId)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const e=null!==(n=t.parsed)&&void 0!==n?n:this.tryParseAssistantJson(t.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(c=this.onMessageReceived)||void 0===c||c.call(this,t.assistantText);return{responseId:g}}const{name:o,args:b,toolCallId:I,callId:x}=t.toolCall;I&&e.push({role:"assistant",text:"",toolCallId:I,toolName:o,toolArgs:JSON.stringify(b)});try{const t="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_CALL",data:{name:o,args:t}});const n=yield this.functionHandler(o,t);if(I?e.push({role:"tool",text:JSON.stringify(n),toolCallId:I}):e.push({role:"tool",text:JSON.stringify(n)}),x){const t="object"==typeof n&&null!==n?n:String(n),r=this.sanitizeToolOutput(o,t);try{const e="string"==typeof t?t:JSON.stringify(t);null===(u=this.onMessageReceived)||void 0===u||u.call(this,{type:"TOOL_RESULT",data:{name:o,preview:e.slice(0,1e3)}})}catch(e){}const l=[{type:"function_call_output",call_id:x,output:r}],c=yield s.callToChatbot(e,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,l,this.system.tools,this.maxTokens,this.useCase,this.storeId);if(g=c.responseId,!c.toolCall){if(c.assistantText)if("json"===this.responseFormat){const e=null!==(h=c.parsed)&&void 0!==h?h:this.tryParseAssistantJson(c.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(p=this.onMessageReceived)||void 0===p||p.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,c.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:c.assistantText,timestamp:Date.now()}),null===(y=this.onMessageReceived)||void 0===y||y.call(this,c.assistantText);return{responseId:g}}f=c}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}}))}};
 //# sourceMappingURL=aiService.js.map