@inkeep/cxkit-primitives 0.5.2 → 0.5.4

package/dist/atoms/link.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),f=require("../providers/config-provider.cjs"),i=a.forwardRef(({isExternal:e,...r},n)=>s.jsx("a",{target:e?"_blank":void 0,rel:e?"noopener":void 0,...r,ref:n}));i.displayName="Link";const o=a.forwardRef(({href:e,appendToUrl:r,...n},t)=>{const{baseSettings:c}=f.useInkeepConfig(),d=Object.assign({},c.appendQueryParamsToUrls,r),u=e&&p(e,d);return s.jsx(i,{ref:t,href:u,...n})});o.displayName="LinkWithQueryParams";function p(e,r){if(!r)return e;try{const n=new URL(e);for(const t of Object.keys(r))r[t]&&n.searchParams.append(t,r[t]);return n.href}catch{return e}}exports.Link=i;exports.LinkWithQueryParams=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),f=require("../providers/config-provider.cjs"),i=o.forwardRef(({isExternal:e,...r},n)=>s.jsx("a",{target:e?"_blank":void 0,rel:e?"noopener":void 0,...r,ref:n}));i.displayName="Link";const a=o.forwardRef(({href:e,appendToUrl:r,...n},t)=>{const{baseSettings:c}=f.useInkeepConfig(),u=Object.assign({},c.urlQueryParamsToAppend,r),d=e&&p(e,u);return s.jsx(i,{ref:t,href:d,...n})});a.displayName="LinkWithQueryParams";function p(e,r){if(!r)return e;try{const n=new URL(e);for(const t of Object.keys(r))r[t]&&n.searchParams.append(t,r[t]);return n.href}catch{return e}}exports.Link=i;exports.LinkWithQueryParams=a;

package/dist/atoms/link.js

@@ -2,7 +2,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { useInkeepConfig as d } from "../providers/config-provider.js";
-const s = a(({ isExternal: e, ...r }, n) => /* @__PURE__ */ o(
+const i = a(({ isExternal: e, ...r }, n) => /* @__PURE__ */ o(
   "a",
   {
     target: e ? "_blank" : void 0,
@@ -11,10 +11,10 @@ const s = a(({ isExternal: e, ...r }, n) => /* @__PURE__ */ o(
     ref: n
   }
 ));
-s.displayName = "Link";
+i.displayName = "Link";
 const f = a(({ href: e, appendToUrl: r, ...n }, t) => {
-  const { baseSettings: i } = d(), c = Object.assign({}, i.appendQueryParamsToUrls, r), p = e && m(e, c);
-  return /* @__PURE__ */ o(s, { ref: t, href: p, ...n });
+  const { baseSettings: s } = d(), c = Object.assign({}, s.urlQueryParamsToAppend, r), p = e && m(e, c);
+  return /* @__PURE__ */ o(i, { ref: t, href: p, ...n });
 });
 f.displayName = "LinkWithQueryParams";
 function m(e, r) {
@@ -30,6 +30,6 @@ function m(e, r) {
   }
 }
 export {
-  s as Link,
+  i as Link,
   f as LinkWithQueryParams
 };

package/dist/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),h=require("@radix-ui/react-avatar"),n=require("./factory.cjs"),B=require("../atoms/avatars/ai.cjs"),_=require("../providers/config-provider.cjs"),f=require("../utils/compose-event-handlers.cjs");function p(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(a,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return a.default=t,Object.freeze(a)}const v=p(h),A=n.ikp("div",{_id:"chatButton__Container"}),P=n.ikp("button",{_id:"chatButton__Button"}),b=n.ikp("div",{_id:"chatButton__Text"}),S=n.ikp(v.Root,{_id:"chatButton__AvatarContent"}),k=n.ikp(v.Image,{_id:"chatButton__AvatarImage"}),d=i.memo(t=>{const{onLoadingStatusChange:a,...e}=t,{aiChatSettings:o}=_.useInkeepConfig(),{botAvatarSrcUrl:m,botAvatarDarkSrcUrl:l}=o??{},r=l??m,[u,c]=i.useState(r);i.useEffect(()=>{c(r)},[r]);const g=C=>{C==="error"&&c(null)};return u?s.jsx(k,{src:u,"data-type":"image",onLoadingStatusChange:f.composeEventHandlers(a,g),...e}):s.jsx(B.default,{"data-type":"icon",...t})});exports.ChatButton=P;exports.ChatButtonAvatarContent=S;exports.ChatButtonAvatarImage=d;exports.ChatButtonContainer=A;exports.ChatButtonPrimitiveAvatarImage=d;exports.ChatButtonText=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),u=require("react"),h=require("@radix-ui/react-avatar"),n=require("./factory.cjs"),l=require("../atoms/avatars/ai.cjs"),B=require("../providers/config-provider.cjs"),f=require("../utils/compose-event-handlers.cjs");function _(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(a,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return a.default=t,Object.freeze(a)}const d=_(h),p=n.ikp("div",{_id:"chatButton__Container"}),A=n.ikp("button",{_id:"chatButton__Button"}),P=n.ikp("div",{_id:"chatButton__Text"}),b=n.ikp(d.Root,{_id:"chatButton__AvatarContent"}),k=n.ikp(d.Image,{_id:"chatButton__AvatarImage"}),m=u.memo(t=>{const{onLoadingStatusChange:a,...e}=t,{aiChatSettings:o}=B.useInkeepConfig(),{aiAssistantAvatar:i}=o??{},r=typeof i=="string"?i:i?.dark,[s,c]=u.useState(r);u.useEffect(()=>{c(r)},[r]);const g=C=>{C==="error"&&c(null)};return s?v.jsx(k,{src:s,"data-type":"image",onLoadingStatusChange:f.composeEventHandlers(a,g),...e}):v.jsx(l.default,{"data-type":"icon",...t})});exports.ChatButton=A;exports.ChatButtonAvatarContent=b;exports.ChatButtonAvatarImage=m;exports.ChatButtonContainer=p;exports.ChatButtonPrimitiveAvatarImage=m;exports.ChatButtonText=P;

package/dist/components/chat-button.js

@@ -1,42 +1,42 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { memo as C, useState as d, useEffect as B } from "react";
-import * as i from "@radix-ui/react-avatar";
+import { jsx as r } from "react/jsx-runtime";
+import { memo as c, useState as v, useEffect as d } from "react";
+import * as s from "@radix-ui/react-avatar";
 import { ikp as t } from "./factory.js";
 import g from "../atoms/avatars/ai.js";
-import { useInkeepConfig as _ } from "../providers/config-provider.js";
-import { composeEventHandlers as A } from "../utils/compose-event-handlers.js";
+import { useInkeepConfig as B } from "../providers/config-provider.js";
+import { composeEventHandlers as _ } from "../utils/compose-event-handlers.js";
 const k = t("div", {
   _id: "chatButton__Container"
 }), L = t("button", {
   _id: "chatButton__Button"
-}), b = t("div", {
+}), y = t("div", {
   _id: "chatButton__Text"
-}), T = t(i.Root, {
+}), T = t(s.Root, {
   _id: "chatButton__AvatarContent"
-}), f = t(i.Image, {
+}), f = t(s.Image, {
   _id: "chatButton__AvatarImage"
-}), y = C((o) => {
-  const { onLoadingStatusChange: s, ...m } = o, { aiChatSettings: u } = _(), { botAvatarSrcUrl: c, botAvatarDarkSrcUrl: h } = u ?? {}, a = h ?? c, [n, r] = d(a);
-  return B(() => {
-    r(a);
-  }, [a]), n ? /* @__PURE__ */ e(
+}), U = c((n) => {
+  const { onLoadingStatusChange: m, ...u } = n, { aiChatSettings: h } = B(), { aiAssistantAvatar: a } = h ?? {}, o = typeof a == "string" ? a : a?.dark, [i, e] = v(o);
+  return d(() => {
+    e(o);
+  }, [o]), i ? /* @__PURE__ */ r(
     f,
     {
-      src: n,
+      src: i,
       "data-type": "image",
-      onLoadingStatusChange: A(s, (v) => {
-        v === "error" && r(null);
+      onLoadingStatusChange: _(m, (C) => {
+        C === "error" && e(null);
       }),
-      ...m
+      ...u
     }
-  ) : /* @__PURE__ */ e(g, { "data-type": "icon", ...o });
+  ) : /* @__PURE__ */ r(g, { "data-type": "icon", ...n });
 });
 export {
   L as ChatButton,
   T as ChatButtonAvatarContent,
-  y as ChatButtonAvatarImage,
+  U as ChatButtonAvatarImage,
   k as ChatButtonContainer,
-  y as ChatButtonPrimitiveAvatarImage,
-  b as ChatButtonText
+  U as ChatButtonPrimitiveAvatarImage,
+  y as ChatButtonText
 };

package/dist/components/embedded-chat/use-captcha.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("altcha-lib"),l=require("react"),f={getSolution:async()=>{},prefetchSolution:()=>{},invalidateSolution:()=>{}},u=async n=>{try{const t=await fetch(n,{method:"GET"});if(!t.ok)throw new Error(`Failed to fetch challenge: ${t.statusText}`);const o=await t.json(),{challenge:e,algorithm:r,salt:c,maxnumber:s}=o,{promise:a}=await h.solveChallenge(e,c,r,s),i=await a||void 0;if(!i)throw new Error("Challenge not solved");return{number:i.number,...o}}catch(t){console.error("Error solving captcha:",t)}},g=({fetchUrl:n,bypassChallenge:t=!1,shouldMakeInitialRequest:o=!0})=>{if(t)return f;const e=l.useRef(null),r=l.useCallback(()=>{e.current||(e.current=u(n))},[n]),c=l.useCallback(async()=>{let a=await e.current;return a||(e.current=u(n),a=await e.current),e.current=null,a},[n]),s=l.useCallback(()=>{e.current=null},[]);return l.useEffect(()=>{o&&r()},[r,o]),{getSolution:c,prefetchSolution:r,invalidateSolution:s}};exports.fetchAndSolveChallenge=u;exports.useCaptcha=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("altcha-lib"),l=require("react"),f={getSolution:async()=>{},prefetchSolution:()=>{},invalidateSolution:()=>{}},u=async n=>{try{const t=await fetch(n,{method:"GET"});if(!t.ok)throw new Error(`Failed to fetch challenge: ${t.statusText}`);const o=await t.json(),{challenge:e,algorithm:r,salt:c,maxnumber:s}=o,{promise:a}=await h.solveChallenge(e,c,r,s),i=await a||void 0;if(!i)throw new Error("Challenge not solved");return{number:i.number,...o}}catch(t){console.error("Error solving captcha:",t)}},g=({fetchUrl:n,shouldBypassCaptcha:t=!1,shouldMakeInitialRequest:o=!0})=>{if(t)return f;const e=l.useRef(null),r=l.useCallback(()=>{e.current||(e.current=u(n))},[n]),c=l.useCallback(async()=>{let a=await e.current;return a||(e.current=u(n),a=await e.current),e.current=null,a},[n]),s=l.useCallback(()=>{e.current=null},[]);return l.useEffect(()=>{o&&r()},[r,o]),{getSolution:c,prefetchSolution:r,invalidateSolution:s}};exports.fetchAndSolveChallenge=u;exports.useCaptcha=g;

package/dist/components/embedded-chat/use-captcha.d.cts

@@ -1,11 +1,11 @@
 import { Payload } from 'altcha-lib/types';
 interface UseCaptchaOptions {
     fetchUrl: string;
-    bypassChallenge?: boolean;
+    shouldBypassCaptcha?: boolean;
     shouldMakeInitialRequest?: boolean;
 }
 export declare const fetchAndSolveChallenge: (fetchUrl: string) => Promise<Payload | undefined>;
-export declare const useCaptcha: ({ fetchUrl, bypassChallenge, shouldMakeInitialRequest, }: UseCaptchaOptions) => {
+export declare const useCaptcha: ({ fetchUrl, shouldBypassCaptcha, shouldMakeInitialRequest, }: UseCaptchaOptions) => {
     getSolution: () => Promise<Payload | undefined>;
     prefetchSolution: () => void;
     invalidateSolution: () => void;

package/dist/components/embedded-chat/use-captcha.d.ts

@@ -1,11 +1,11 @@
 import { Payload } from 'altcha-lib/types';
 interface UseCaptchaOptions {
     fetchUrl: string;
-    bypassChallenge?: boolean;
+    shouldBypassCaptcha?: boolean;
     shouldMakeInitialRequest?: boolean;
 }
 export declare const fetchAndSolveChallenge: (fetchUrl: string) => Promise<Payload | undefined>;
-export declare const useCaptcha: ({ fetchUrl, bypassChallenge, shouldMakeInitialRequest, }: UseCaptchaOptions) => {
+export declare const useCaptcha: ({ fetchUrl, shouldBypassCaptcha, shouldMakeInitialRequest, }: UseCaptchaOptions) => {
     getSolution: () => Promise<Payload | undefined>;
     prefetchSolution: () => void;
     invalidateSolution: () => void;

package/dist/components/embedded-chat/use-captcha.js

@@ -29,7 +29,7 @@ const g = {
   }
 }, v = ({
   fetchUrl: n,
-  bypassChallenge: t = !1,
+  shouldBypassCaptcha: t = !1,
   shouldMakeInitialRequest: e = !0
 }) => {
   if (t)

package/dist/components/embedded-chat/use-chat-action.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../providers/conversation-provider.cjs"),u=require("../../providers/chat-events-provider.cjs"),d=require("../../providers/chat-form-provider.cjs"),p=require("../modal/modal-provider.cjs"),v=e=>{const{logEvent:t}=u.useChatEvents(),{conversation:o}=c.useInkeepConversation(),{openForm:r}=d.useChatForm(),s=p.useModal(),i=a=>{e.action.type==="OPEN_FORM"?(a?.onOpenForm?.(),r?.(e.action.formConfig)):e.action.type==="INVOKE_CALLBACK"&&(e.action.callback({conversation:o}),e.action.shouldCloseModal&&s?.closeModal())},n=e.action.type,l=n==="OPEN_LINK"?e.action.url:void 0;return{handleAction:i,logHelpAction:()=>{"name"in e&&t({eventName:"get_help_option_clicked",properties:{actionType:n,name:e.name,url:l,conversationId:o.id}})}}};exports.useChatAction=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../providers/conversation-provider.cjs"),u=require("../../providers/chat-events-provider.cjs"),d=require("../../providers/chat-form-provider.cjs"),p=require("../modal/modal-provider.cjs"),v=e=>{const{logEvent:t}=u.useChatEvents(),{conversation:o}=c.useInkeepConversation(),{openForm:r}=d.useChatForm(),i=p.useModal(),s=a=>{e.action.type==="open_form"?(a?.onOpenForm?.(),r?.(e.action.formConfig)):e.action.type==="invoke_callback"&&(e.action.callback({conversation:o}),e.action.shouldCloseModal&&i?.closeModal())},n=e.action.type,l=n==="open_link"?e.action.url:void 0;return{handleAction:s,logHelpAction:()=>{"name"in e&&t({eventName:"get_help_option_clicked",properties:{actionType:n,name:e.name,url:l,conversationId:o.id}})}}};exports.useChatAction=v;

package/dist/components/embedded-chat/use-chat-action.js

@@ -2,25 +2,25 @@
 import { useInkeepConversation as a } from "../../providers/conversation-provider.js";
 import { useChatEvents as m } from "../../providers/chat-events-provider.js";
 import { useChatForm as c } from "../../providers/chat-form-provider.js";
-import { useModal as u } from "../modal/modal-provider.js";
-const g = (o) => {
-  const { logEvent: t } = m(), { conversation: e } = a(), { openForm: r } = c(), s = u(), i = (p) => {
-    o.action.type === "OPEN_FORM" ? (p?.onOpenForm?.(), r?.(o.action.formConfig)) : o.action.type === "INVOKE_CALLBACK" && (o.action.callback({
+import { useModal as f } from "../modal/modal-provider.js";
+const _ = (o) => {
+  const { logEvent: t } = m(), { conversation: e } = a(), { openForm: i } = c(), r = f(), l = (p) => {
+    o.action.type === "open_form" ? (p?.onOpenForm?.(), i?.(o.action.formConfig)) : o.action.type === "invoke_callback" && (o.action.callback({
       conversation: e
-    }), o.action.shouldCloseModal && s?.closeModal());
-  }, n = o.action.type, l = n === "OPEN_LINK" ? o.action.url : void 0;
-  return { handleAction: i, logHelpAction: () => {
+    }), o.action.shouldCloseModal && r?.closeModal());
+  }, n = o.action.type, s = n === "open_link" ? o.action.url : void 0;
+  return { handleAction: l, logHelpAction: () => {
     "name" in o && t({
       eventName: "get_help_option_clicked",
       properties: {
         actionType: n,
         name: o.name,
-        url: l,
+        url: s,
         conversationId: e.id
       }
     });
   } };
 };
 export {
-  g as useChatAction
+  _ as useChatAction
 };

package/dist/components/embedded-chat/use-inkeep-chat.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const be=require("openai"),t=require("react"),qe=require("../../atoms/api/analytics/conversation.cjs"),Pe=require("../../providers/config-provider.cjs"),Ee=require("../../providers/conversation-provider.cjs"),_e=require("../../providers/chat-events-provider.cjs"),$=require("../../utils/get-message-metadata.cjs"),V=require("../../utils/misc.cjs"),X=require("../../utils/reset-query-params.cjs"),Ne=require("../../providers/chat-form-provider.cjs"),Re=require("../../providers/widget-provider.cjs"),Ae=require("../../hooks/use-media-query.cjs"),Le=require("./use-captcha.cjs"),$e=require("../modal/modal-provider.cjs"),xe=()=>{const{chatId:m,setConversation:Y,conversation:Z,resetConversation:ee}=Ee.useInkeepConversation(),{baseSettings:k,aiChatSettings:x}=Pe.useInkeepConfig(),{baseUrl:D,bypassChallenge:U}=k,K=$e.useModal(),{getSolution:te,prefetchSolution:b,invalidateSolution:O}=Le.useCaptcha({fetchUrl:`${D}/v1/challenge`,bypassChallenge:U,shouldMakeInitialRequest:K?K.open:!0}),se=new be({baseURL:`${D}/v1`,apiKey:k.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:ne,tools:oe,prompts:ae,model:re,onToolCall:ie}=x,[h,_]=t.useState(""),T=t.useRef(null);t.useEffect(()=>{ne?.(h)},[h]);const[u,l]=t.useState([]),[F,p]=t.useState(!1),[ce,f]=t.useState(!1),[le,Q]=t.useState(null),[v,W]=t.useState(null),[I,y]=t.useState([]),ue=e=>{y(n=>[...n,e])},[de,z]=t.useState({}),i=t.useRef([]),S=t.useRef(null),{logEvent:q}=_e.useChatEvents(),B=ae?.map((e,n)=>({id:`system-${n}`,role:"system",content:e})),[ge,me]=t.useState(!!m);t.useEffect(()=>{if(m){const{apiKey:e,analyticsBaseUrl:n}=k;q({eventName:"chat_shared_session_loaded",properties:{conversationId:m}}),qe.getConversation(m,e,n).then(o=>{if(o){me(!1),Y({...o,id:""});const a=o.messages.map(c=>({id:Date.now().toString()+c.id,content:V.parseIfJson(c.content),role:c.role,links:c.links}));l(a),i.current=a}})}},[m]);const he=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${k.organizationDisplayName??"Administrator"}`;default:return`Hmm.. 
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const be=require("openai"),t=require("react"),qe=require("../../atoms/api/analytics/conversation.cjs"),Pe=require("../../providers/config-provider.cjs"),Ee=require("../../providers/conversation-provider.cjs"),_e=require("../../providers/chat-events-provider.cjs"),$=require("../../utils/get-message-metadata.cjs"),V=require("../../utils/misc.cjs"),X=require("../../utils/reset-query-params.cjs"),Ne=require("../../providers/chat-form-provider.cjs"),Re=require("../../providers/widget-provider.cjs"),Ae=require("../../hooks/use-media-query.cjs"),Le=require("./use-captcha.cjs"),$e=require("../modal/modal-provider.cjs"),xe=()=>{const{chatId:m,setConversation:Y,conversation:Z,resetConversation:ee}=Ee.useInkeepConversation(),{baseSettings:k,aiChatSettings:x}=Pe.useInkeepConfig(),{aiApiBaseUrl:D,shouldBypassCaptcha:O}=k,U=$e.useModal(),{getSolution:te,prefetchSolution:b,invalidateSolution:K}=Le.useCaptcha({fetchUrl:`${D}/v1/challenge`,shouldBypassCaptcha:O,shouldMakeInitialRequest:U?U.isOpen:!0}),se=new be({baseURL:`${D}/v1`,apiKey:k.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:ne,tools:oe,prompts:ae,model:re,onToolCall:ie}=x,[h,_]=t.useState(""),T=t.useRef(null);t.useEffect(()=>{ne?.(h)},[h]);const[u,l]=t.useState([]),[B,p]=t.useState(!1),[ce,f]=t.useState(!1),[le,F]=t.useState(null),[v,Q]=t.useState(null),[I,y]=t.useState([]),ue=e=>{y(n=>[...n,e])},[de,W]=t.useState({}),i=t.useRef([]),S=t.useRef(null),{logEvent:q}=_e.useChatEvents(),z=ae?.map((e,n)=>({id:`system-${n}`,role:"system",content:e})),[ge,me]=t.useState(!!m);t.useEffect(()=>{if(m){const{apiKey:e,analyticsApiBaseUrl:n}=k;q({eventName:"chat_shared_session_loaded",properties:{conversationId:m}}),qe.getConversation(m,e,n).then(o=>{if(o){me(!1),Y({...o,id:""});const a=o.messages.map(c=>({id:Date.now().toString()+c.id,content:V.parseIfJson(c.content),role:c.role,links:c.links}));l(a),i.current=a}})}},[m]);const he=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${k.organizationDisplayName??"Administrator"}`;default:return`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`}},H=e=>{Q(e),l(n=>{const o=[...n],a=o[o.length-1];return a&&(a.content=he(e)),o}),p(!1),f(!1),O(),b()},N=!h.trim()&&!I.length||F,pe=e=>{e.key==="Enter"&&!e.shiftKey&&!N&&!e.nativeEvent.isComposing&&(e.preventDefault(),R())},fe=e=>{const n=e.target.value;_(n)},R=async(e=h)=>{if(N&&(!e||e.trim().length===0))return;p(!0);const n=v?u.length===2:u.length===0,o=$.getMessageMetadata(v,I,n);let a;const c=$.serializeAttachments(I);I.length&&c?a=[{type:"text",text:c}]:a=e;const P={id:`${Date.now().toString()}1`,role:"user",content:a,metadata:o},E=[...u.length?[]:B,P];m&&X.resetQueryParams(),l(C=>[...C,...E]),i.current=[...i.current,...E],y([]),_(""),q({eventName:"chat_message_submitted",properties:{messages:i.current,messageId:P.id,content:e,workflowId:v?.id}});try{const C={model:re,messages:i.current,stream:!0,tools:oe,tool_choice:"auto"},j=await te(),Me=j?btoa(JSON.stringify(j)):null,G=U?void 0:{"X-INKEEP-CHALLENGE-SOLUTION":Me},M=se.beta.chat.completions.stream(C,G?{headers:G}:void 0),s={id:`${Date.now().toString()}2`,role:"assistant",content:"",links:[]};l(d=>[...d,s]),M.on("content",(d,A)=>{f(!0),s.content=A,l(L=>{const r=[...L],g=r.findIndex(w=>w.id===s.id);return g===-1?[...r,s]:(r[g]={...s},r)})}),M.on("tool_calls.function.arguments.done",d=>{const{name:A,arguments:L}=d;if(A==="provideLinks"){const r=JSON.parse(L);r.links?.length>0&&(s.links=r.links,l(g=>{const w=[...g],we=w.findIndex(ke=>ke.id===s.id);return w[we]={...s},w}))}else{const r=ie?.(d);r&&z(g=>({...g,[s.id]:[...g[s.id]||[],r]}))}}),M.on("error",d=>{H(d)}),M.finalChatCompletion().then(()=>{i.current=[...i.current,s],S.current=null,p(!1),f(!1),b(),q({eventName:"chat_message_bot_response_received",properties:{messages:i.current,messageId:s.id,question:V.getMessageContent(P),responseMessage:s,linksUsedInResponse:s.links,workflowId:v?.id}})}),S.current=M.controller}catch(C){H(C),p(!1),f(!1)}},ve=()=>{S.current&&(S.current.abort(),S.current=null),p(!1),f(!1),b()},J=()=>{Q(null),l([]),i.current=[],ee(),z({}),y([]),X.resetQueryParams(),W(null),O(),b(),q({eventName:"chat_history_cleared",properties:{conversationId:Z.id}})},Ie=e=>{W(e);const{initialReplyMessage:n,displayName:o}=e,a={id:u.length.toString(),role:"user",content:o},c={id:(u.length+1).toString(),role:"assistant",content:n,links:[]},E=[{id:`system-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
-${$.serializeWorkflow(e)}`},...B,a,c];l(E),y([])},{openForm:ye}=Ne.useChatForm(),Se=Re.useWidget();t.useImperativeHandle(x.chatFunctionsRef,()=>({submitMessage:R,updateInputMessage(e){_(e)},clearChat:J,openForm:e=>{Se?.setView("chat"),ye(e)},focusInput:()=>{T.current?.focus()}}));const Ce=Ae.useMediaQuery("(max-width: 768px)");return{messages:u,input:h,isLoading:F,isStreaming:ce,isLoadingConversation:ge,error:le,isSubmitDisabled:N,handleInputChange:fe,handleInputKeyDown:pe,handleSubmit:R,stop:ve,clear:J,handleWorkflow:Ie,selectedWorkflow:v,messageAttachments:I,setMessageAttachments:y,addAttachment:ue,messageToolCalls:de,isEmpty:u.length===0,inputRef:T,isMobile:Ce}};exports.useInkeepChat=xe;
+It seems I might be having some issues right now. Please clear the chat and try again.`}},H=e=>{F(e),l(n=>{const o=[...n],a=o[o.length-1];return a&&(a.content=he(e)),o}),p(!1),f(!1),K(),b()},N=!h.trim()&&!I.length||B,pe=e=>{e.key==="Enter"&&!e.shiftKey&&!N&&!e.nativeEvent.isComposing&&(e.preventDefault(),R())},fe=e=>{const n=e.target.value;_(n)},R=async(e=h)=>{if(N&&(!e||e.trim().length===0))return;p(!0);const n=v?u.length===2:u.length===0,o=$.getMessageMetadata(v,I,n);let a;const c=$.serializeAttachments(I);I.length&&c?a=[{type:"text",text:c}]:a=e;const P={id:`${Date.now().toString()}1`,role:"user",content:a,metadata:o},E=[...u.length?[]:z,P];m&&X.resetQueryParams(),l(C=>[...C,...E]),i.current=[...i.current,...E],y([]),_(""),q({eventName:"chat_message_submitted",properties:{messages:i.current,messageId:P.id,content:e,workflowId:v?.id}});try{const C={model:re,messages:i.current,stream:!0,tools:oe,tool_choice:"auto"},j=await te(),Me=j?btoa(JSON.stringify(j)):null,G=O?void 0:{"X-INKEEP-CHALLENGE-SOLUTION":Me},M=se.beta.chat.completions.stream(C,G?{headers:G}:void 0),s={id:`${Date.now().toString()}2`,role:"assistant",content:"",links:[]};l(d=>[...d,s]),M.on("content",(d,A)=>{f(!0),s.content=A,l(L=>{const r=[...L],g=r.findIndex(w=>w.id===s.id);return g===-1?[...r,s]:(r[g]={...s},r)})}),M.on("tool_calls.function.arguments.done",d=>{const{name:A,arguments:L}=d;if(A==="provideLinks"){const r=JSON.parse(L);r.links?.length>0&&(s.links=r.links,l(g=>{const w=[...g],we=w.findIndex(ke=>ke.id===s.id);return w[we]={...s},w}))}else{const r=ie?.(d);r&&W(g=>({...g,[s.id]:[...g[s.id]||[],r]}))}}),M.on("error",d=>{H(d)}),M.finalChatCompletion().then(()=>{i.current=[...i.current,s],S.current=null,p(!1),f(!1),b(),q({eventName:"chat_message_bot_response_received",properties:{messages:i.current,messageId:s.id,question:V.getMessageContent(P),responseMessage:s,linksUsedInResponse:s.links,workflowId:v?.id}})}),S.current=M.controller}catch(C){H(C),p(!1),f(!1)}},ve=()=>{S.current&&(S.current.abort(),S.current=null),p(!1),f(!1),b()},J=()=>{F(null),l([]),i.current=[],ee(),W({}),y([]),X.resetQueryParams(),Q(null),K(),b(),q({eventName:"chat_history_cleared",properties:{conversationId:Z.id}})},Ie=e=>{Q(e);const{initialReplyMessage:n,displayName:o}=e,a={id:u.length.toString(),role:"user",content:o},c={id:(u.length+1).toString(),role:"assistant",content:n,links:[]},E=[{id:`system-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
+${$.serializeWorkflow(e)}`},...z,a,c];l(E),y([])},{openForm:ye}=Ne.useChatForm(),Se=Re.useWidget();t.useImperativeHandle(x.chatFunctionsRef,()=>({submitMessage:R,updateInputMessage(e){_(e)},clearChat:J,openForm:e=>{Se?.setView("chat"),ye(e)},focusInput:()=>{T.current?.focus()}}));const Ce=Ae.useMediaQuery("(max-width: 768px)");return{messages:u,input:h,isLoading:B,isStreaming:ce,isLoadingConversation:ge,error:le,isSubmitDisabled:N,handleInputChange:fe,handleInputKeyDown:pe,handleSubmit:R,stop:ve,clear:J,handleWorkflow:Ie,selectedWorkflow:v,messageAttachments:I,setMessageAttachments:y,addAttachment:ue,messageToolCalls:de,isEmpty:u.length===0,inputRef:T,isMobile:Ce}};exports.useInkeepChat=xe;

package/dist/components/embedded-chat/use-inkeep-chat.js

@@ -3,39 +3,39 @@ import be from "openai";
 import { useState as c, useRef as D, useEffect as X, useImperativeHandle as _e } from "react";
 import { getConversation as Ee } from "../../atoms/api/analytics/conversation.js";
 import { useInkeepConfig as Ne } from "../../providers/config-provider.js";
-import { useInkeepConversation as xe } from "../../providers/conversation-provider.js";
-import { useChatEvents as Ae } from "../../providers/chat-events-provider.js";
+import { useInkeepConversation as Ae } from "../../providers/conversation-provider.js";
+import { useChatEvents as xe } from "../../providers/chat-events-provider.js";
 import { getMessageMetadata as Le, serializeAttachments as Re, serializeWorkflow as $e } from "../../utils/get-message-metadata.js";
 import { parseIfJson as De, getMessageContent as Pe } from "../../utils/misc.js";
 import { resetQueryParams as j } from "../../utils/reset-query-params.js";
 import { useChatForm as Ue } from "../../providers/chat-form-provider.js";
 import { useWidget as Ke } from "../../providers/widget-provider.js";
 import { useMediaQuery as Oe } from "../../hooks/use-media-query.js";
-import { useCaptcha as Te } from "./use-captcha.js";
-import { useModal as We } from "../modal/modal-provider.js";
+import { useCaptcha as Be } from "./use-captcha.js";
+import { useModal as Te } from "../modal/modal-provider.js";
 const tt = () => {
-  const { chatId: g, setConversation: Y, conversation: Z, resetConversation: ee } = xe(), { baseSettings: S, aiChatSettings: P } = Ne(), { baseUrl: U, bypassChallenge: K } = S, O = We(), { getSolution: te, prefetchSolution: b, invalidateSolution: T } = Te({
+  const { chatId: g, setConversation: Y, conversation: Z, resetConversation: ee } = Ae(), { baseSettings: S, aiChatSettings: P } = Ne(), { aiApiBaseUrl: U, shouldBypassCaptcha: K } = S, O = Te(), { getSolution: te, prefetchSolution: b, invalidateSolution: B } = Be({
     fetchUrl: `${U}/v1/challenge`,
-    bypassChallenge: K,
-    shouldMakeInitialRequest: O ? O.open : !0
+    shouldBypassCaptcha: K,
+    shouldMakeInitialRequest: O ? O.isOpen : !0
   }), se = new be({
     baseURL: `${U}/v1`,
     apiKey: S.apiKey,
     dangerouslyAllowBrowser: !0
-  }), { onInputMessageChange: ne, tools: oe, prompts: ae, model: re, onToolCall: ie } = P, [p, x] = c(""), W = D(null);
+  }), { onInputMessageChange: ne, tools: oe, prompts: ae, model: re, onToolCall: ie } = P, [p, A] = c(""), T = D(null);
   X(() => {
     ne?.(p);
   }, [p]);
-  const [m, l] = c([]), [F, f] = c(!1), [ce, h] = c(!1), [le, z] = c(null), [I, B] = c(null), [w, y] = c([]), me = (e) => {
+  const [u, l] = c([]), [W, f] = c(!1), [ce, h] = c(!1), [le, F] = c(null), [I, z] = c(null), [w, y] = c([]), ue = (e) => {
     y((s) => [...s, e]);
-  }, [ue, H] = c({}), r = D([]), C = D(null), { logEvent: _ } = Ae(), J = ae?.map((e, s) => ({
+  }, [me, H] = c({}), r = D([]), C = D(null), { logEvent: _ } = xe(), J = ae?.map((e, s) => ({
     id: `system-${s}`,
     role: "system",
     content: e
   })), [de, ge] = c(!!g);
   X(() => {
     if (g) {
-      const { apiKey: e, analyticsBaseUrl: s } = S;
+      const { apiKey: e, analyticsApiBaseUrl: s } = S;
       _({
         eventName: "chat_shared_session_loaded",
         properties: {
@@ -67,19 +67,19 @@ const tt = () => {
 It seems I might be having some issues right now. Please clear the chat and try again.`;
     }
   }, q = (e) => {
-    z(e), l((s) => {
+    F(e), l((s) => {
       const n = [...s], o = n[n.length - 1];
       return o && (o.content = pe(e)), n;
-    }), f(!1), h(!1), T(), b();
-  }, A = !p.trim() && !w.length || F, fe = (e) => {
-    e.key === "Enter" && !e.shiftKey && !A && !e.nativeEvent.isComposing && (e.preventDefault(), L());
+    }), f(!1), h(!1), B(), b();
+  }, x = !p.trim() && !w.length || W, fe = (e) => {
+    e.key === "Enter" && !e.shiftKey && !x && !e.nativeEvent.isComposing && (e.preventDefault(), L());
   }, he = (e) => {
     const s = e.target.value;
-    x(s);
+    A(s);
   }, L = async (e = p) => {
-    if (A && (!e || e.trim().length === 0)) return;
+    if (x && (!e || e.trim().length === 0)) return;
     f(!0);
-    const s = I ? m.length === 2 : m.length === 0, n = Le(I, w, s);
+    const s = I ? u.length === 2 : u.length === 0, n = Le(I, w, s);
     let o;
     const i = Re(w);
     w.length && i ? o = [{ type: "text", text: i }] : o = e;
@@ -88,8 +88,8 @@ It seems I might be having some issues right now. Please clear the chat and try
       role: "user",
       content: o,
       metadata: n
-    }, N = [...m.length ? [] : J, E];
-    g && j(), l((v) => [...v, ...N]), r.current = [...r.current, ...N], y([]), x(""), _({
+    }, N = [...u.length ? [] : J, E];
+    g && j(), l((v) => [...v, ...N]), r.current = [...r.current, ...N], y([]), A(""), _({
       eventName: "chat_message_submitted",
       properties: {
         messages: r.current,
@@ -116,13 +116,13 @@ It seems I might be having some issues right now. Please clear the chat and try
         content: "",
         links: []
       };
-      l((u) => [...u, t]), M.on("content", (u, R) => {
+      l((m) => [...m, t]), M.on("content", (m, R) => {
         h(!0), t.content = R, l(($) => {
           const a = [...$], d = a.findIndex((k) => k.id === t.id);
           return d === -1 ? [...a, t] : (a[d] = { ...t }, a);
         });
-      }), M.on("tool_calls.function.arguments.done", (u) => {
-        const { name: R, arguments: $ } = u;
+      }), M.on("tool_calls.function.arguments.done", (m) => {
+        const { name: R, arguments: $ } = m;
         if (R === "provideLinks") {
           const a = JSON.parse($);
           a.links?.length > 0 && (t.links = a.links, l((d) => {
@@ -130,14 +130,14 @@ It seems I might be having some issues right now. Please clear the chat and try
             return k[ke] = { ...t }, k;
           }));
         } else {
-          const a = ie?.(u);
+          const a = ie?.(m);
           a && H((d) => ({
             ...d,
             [t.id]: [...d[t.id] || [], a]
           }));
         }
-      }), M.on("error", (u) => {
-        q(u);
+      }), M.on("error", (m) => {
+        q(m);
       }), M.finalChatCompletion().then(() => {
         r.current = [...r.current, t], C.current = null, f(!1), h(!1), b(), _({
           eventName: "chat_message_bot_response_received",
@@ -157,20 +157,20 @@ It seems I might be having some issues right now. Please clear the chat and try
   }, Ie = () => {
     C.current && (C.current.abort(), C.current = null), f(!1), h(!1), b();
   }, Q = () => {
-    z(null), l([]), r.current = [], ee(), H({}), y([]), j(), B(null), T(), b(), _({
+    F(null), l([]), r.current = [], ee(), H({}), y([]), j(), z(null), B(), b(), _({
       eventName: "chat_history_cleared",
       properties: {
         conversationId: Z.id
       }
     });
   }, we = (e) => {
-    B(e);
+    z(e);
     const { initialReplyMessage: s, displayName: n } = e, o = {
-      id: m.length.toString(),
+      id: u.length.toString(),
       role: "user",
       content: n
     }, i = {
-      id: (m.length + 1).toString(),
+      id: (u.length + 1).toString(),
       role: "assistant",
       content: s,
       links: []
@@ -187,25 +187,25 @@ ${$e(
   _e(P.chatFunctionsRef, () => ({
     submitMessage: L,
     updateInputMessage(e) {
-      x(e);
+      A(e);
     },
     clearChat: Q,
     openForm: (e) => {
       Ce?.setView("chat"), ye(e);
     },
     focusInput: () => {
-      W.current?.focus();
+      T.current?.focus();
     }
   }));
   const ve = Oe("(max-width: 768px)");
   return {
-    messages: m,
+    messages: u,
     input: p,
-    isLoading: F,
+    isLoading: W,
     isStreaming: ce,
     isLoadingConversation: de,
     error: le,
-    isSubmitDisabled: A,
+    isSubmitDisabled: x,
     handleInputChange: he,
     handleInputKeyDown: fe,
     handleSubmit: L,
@@ -215,10 +215,10 @@ ${$e(
     selectedWorkflow: I,
     messageAttachments: w,
     setMessageAttachments: y,
-    addAttachment: me,
-    messageToolCalls: ue,
-    isEmpty: m.length === 0,
-    inputRef: W,
+    addAttachment: ue,
+    messageToolCalls: me,
+    isEmpty: u.length === 0,
+    inputRef: T,
     isMobile: ve
   };
 };