@inkeep/cxkit-primitives 0.0.0-dev-20250221234142

package/dist/atoms/shadow/use-ensured-forwarded-ref.js

@@ -0,0 +1,11 @@
+"use client";
+import { useRef as n, useEffect as r } from "react";
+function c(e) {
+  const u = n(e?.current);
+  return r(() => {
+    e && (e.current = u.current);
+  }, [e]), u;
+}
+export {
+  c as useEnsuredForwardedRef
+};

package/dist/atoms/shadow/utils.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=r.createContext(null);function a({error:e,styleSheets:t,root:n}){switch(e?.name){case"NotSupportedError":t.length>0&&n&&(n.adoptedStyleSheets=t);break;default:throw e}}exports.Context=o;exports.handleError=a;

package/dist/atoms/shadow/utils.d.cts

@@ -0,0 +1,9 @@
+import { Context } from 'react';
+export declare const Context: Context<ShadowRoot | null>;
+interface ErrorWithStyleSheets {
+    error: Error;
+    styleSheets: CSSStyleSheet[];
+    root: ShadowRoot | null;
+}
+export declare function handleError({ error, styleSheets, root }: ErrorWithStyleSheets): void;
+export {};

package/dist/atoms/shadow/utils.d.ts

@@ -0,0 +1,9 @@
+import { Context } from 'react';
+export declare const Context: Context<ShadowRoot | null>;
+interface ErrorWithStyleSheets {
+    error: Error;
+    styleSheets: CSSStyleSheet[];
+    root: ShadowRoot | null;
+}
+export declare function handleError({ error, styleSheets, root }: ErrorWithStyleSheets): void;
+export {};

package/dist/atoms/shadow/utils.js

@@ -0,0 +1,16 @@
+"use client";
+import { createContext as o } from "react";
+const a = o(null);
+function c({ error: t, styleSheets: e, root: n }) {
+  switch (t?.name) {
+    case "NotSupportedError":
+      e.length > 0 && n && (n.adoptedStyleSheets = e);
+      break;
+    default:
+      throw t;
+  }
+}
+export {
+  a as Context,
+  c as handleError
+};

package/dist/components/chat-button.cjs

@@ -0,0 +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;

package/dist/components/chat-button.d.cts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, RefAttributes, MemoExoticComponent } from 'react';
+import { PolymorphicProps } from './factory';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const ChatButtonPrimitiveContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const ChatButtonPrimitiveButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id">>>;
+declare const ChatButtonPrimitiveText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
+declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id">>>;
+type ChatButtonPrimitiveAvatarImageProps = ComponentPropsWithRef<'svg'> | ComponentPropsWithRef<typeof PrimitiveChatButtonAvatarImage>;
+export declare const ChatButtonPrimitiveAvatarImage: MemoExoticComponent<(props: ChatButtonPrimitiveAvatarImageProps) => import("react/jsx-runtime").JSX.Element>;
+export { ChatButtonPrimitiveContainer as ChatButtonContainer, ChatButtonPrimitiveText as ChatButtonText, ChatButtonPrimitiveButton as ChatButton, ChatButtonPrimitiveAvatarImage as ChatButtonAvatarImage, PrimitiveChatButtonAvatarContent as ChatButtonAvatarContent, };

package/dist/components/chat-button.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, RefAttributes, MemoExoticComponent } from 'react';
+import { PolymorphicProps } from './factory';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const ChatButtonPrimitiveContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const ChatButtonPrimitiveButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id">>>;
+declare const ChatButtonPrimitiveText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
+declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id">>>;
+type ChatButtonPrimitiveAvatarImageProps = ComponentPropsWithRef<'svg'> | ComponentPropsWithRef<typeof PrimitiveChatButtonAvatarImage>;
+export declare const ChatButtonPrimitiveAvatarImage: MemoExoticComponent<(props: ChatButtonPrimitiveAvatarImageProps) => import("react/jsx-runtime").JSX.Element>;
+export { ChatButtonPrimitiveContainer as ChatButtonContainer, ChatButtonPrimitiveText as ChatButtonText, ChatButtonPrimitiveButton as ChatButton, ChatButtonPrimitiveAvatarImage as ChatButtonAvatarImage, PrimitiveChatButtonAvatarContent as ChatButtonAvatarContent, };

package/dist/components/chat-button.js

@@ -0,0 +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 { 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";
+const k = t("div", {
+  _id: "chatButton__Container"
+}), L = t("button", {
+  _id: "chatButton__Button"
+}), b = t("div", {
+  _id: "chatButton__Text"
+}), T = t(i.Root, {
+  _id: "chatButton__AvatarContent"
+}), f = t(i.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(
+    f,
+    {
+      src: n,
+      "data-type": "image",
+      onLoadingStatusChange: A(s, (v) => {
+        v === "error" && r(null);
+      }),
+      ...m
+    }
+  ) : /* @__PURE__ */ e(g, { "data-type": "icon", ...o });
+});
+export {
+  L as ChatButton,
+  T as ChatButtonAvatarContent,
+  y as ChatButtonAvatarImage,
+  k as ChatButtonContainer,
+  y as ChatButtonPrimitiveAvatarImage,
+  b as ChatButtonText
+};

package/dist/components/embedded-chat/chat-provider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),c=require("./use-inkeep-chat.cjs"),a=require("../../providers/feedback-provider.cjs"),u=require("@radix-ui/react-tooltip"),d=require("../../providers/chat-form-provider.cjs"),v=require("../../providers/conversation-provider.cjs"),h=require("../../providers/chat-events-provider.cjs");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const P=l(u),s=i.createContext(void 0),C=e=>t.jsx(v.InkeepConversationProvider,{children:t.jsx(h.ChatEventsProviderWithBase,{children:t.jsx(d.ChatFormProvider,{children:t.jsx(j,{...e})})})}),j=({children:e,...o})=>{const r=c.useInkeepChat();return t.jsx(s.Provider,{value:{...r,...o},children:t.jsx(a.FeedbackProvider,{children:t.jsx(P.Provider,{children:e})})})},p=()=>{const e=i.useContext(s);if(!e)throw new Error("useChat must be used within a ChatProvider");return e};exports.ChatProvider=C;exports.useChat=p;

package/dist/components/embedded-chat/chat-provider.d.cts

@@ -0,0 +1,19 @@
+import { useInkeepChat } from './use-inkeep-chat';
+export interface EmbeddedChatProviderProps {
+    /**
+     * Whether to show the chat.
+     * @default false
+     */
+    isHidden?: boolean;
+    /**
+     * Whether to autofocus the chat input on load.
+     * @default true
+     */
+    shouldAutoFocusInput?: boolean;
+}
+export type ChatContextValue = ReturnType<typeof useInkeepChat> & Omit<ChatProviderProps, 'children'>;
+export interface ChatProviderProps extends Pick<EmbeddedChatProviderProps, 'shouldAutoFocusInput' | 'isHidden'> {
+    children: React.ReactNode;
+}
+export declare const ChatProvider: React.FC<ChatProviderProps>;
+export declare const useChat: () => ChatContextValue;

package/dist/components/embedded-chat/chat-provider.d.ts

@@ -0,0 +1,19 @@
+import { useInkeepChat } from './use-inkeep-chat';
+export interface EmbeddedChatProviderProps {
+    /**
+     * Whether to show the chat.
+     * @default false
+     */
+    isHidden?: boolean;
+    /**
+     * Whether to autofocus the chat input on load.
+     * @default true
+     */
+    shouldAutoFocusInput?: boolean;
+}
+export type ChatContextValue = ReturnType<typeof useInkeepChat> & Omit<ChatProviderProps, 'children'>;
+export interface ChatProviderProps extends Pick<EmbeddedChatProviderProps, 'shouldAutoFocusInput' | 'isHidden'> {
+    children: React.ReactNode;
+}
+export declare const ChatProvider: React.FC<ChatProviderProps>;
+export declare const useChat: () => ChatContextValue;

package/dist/components/embedded-chat/chat-provider.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as n, createContext as m } from "react";
+import { useInkeepChat as h } from "./use-inkeep-chat.js";
+import { FeedbackProvider as s } from "../../providers/feedback-provider.js";
+import * as a from "@radix-ui/react-tooltip";
+import { ChatFormProvider as d } from "../../providers/chat-form-provider.js";
+import { InkeepConversationProvider as c } from "../../providers/conversation-provider.js";
+import { ChatEventsProviderWithBase as v } from "../../providers/chat-events-provider.js";
+const e = m(void 0), w = (t) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(p, { ...t }) }) }) }), p = ({ children: t, ...o }) => {
+  const i = h();
+  return /* @__PURE__ */ r(e.Provider, { value: { ...i, ...o }, children: /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(a.Provider, { children: t }) }) });
+}, I = () => {
+  const t = n(e);
+  if (!t)
+    throw new Error("useChat must be used within a ChatProvider");
+  return t;
+};
+export {
+  w as ChatProvider,
+  I as useChat
+};

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

@@ -0,0 +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;

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

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

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

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

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

@@ -0,0 +1,56 @@
+"use client";
+import { solveChallenge as f } from "altcha-lib";
+import { useRef as h, useCallback as s, useEffect as m } from "react";
+const g = {
+  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 e = await t.json(), { challenge: o, algorithm: r, salt: a, maxnumber: c } = e, { promise: l } = await f(
+      o,
+      a,
+      r,
+      c
+    ), i = await l || void 0;
+    if (!i)
+      throw new Error("Challenge not solved");
+    return { number: i.number, ...e };
+  } catch (t) {
+    console.error("Error solving captcha:", t);
+  }
+}, v = ({
+  fetchUrl: n,
+  bypassChallenge: t = !1,
+  shouldMakeInitialRequest: e = !0
+}) => {
+  if (t)
+    return g;
+  const o = h(null), r = s(() => {
+    o.current || (o.current = u(n));
+  }, [n]), a = s(async () => {
+    let l = await o.current;
+    return l || (o.current = u(n), l = await o.current), o.current = null, l;
+  }, [n]), c = s(() => {
+    o.current = null;
+  }, []);
+  return m(() => {
+    e && r();
+  }, [r, e]), {
+    getSolution: a,
+    prefetchSolution: r,
+    invalidateSolution: c
+  };
+};
+export {
+  u as fetchAndSolveChallenge,
+  v as useCaptcha
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,9 @@
+import { IkpChatAction } from '@inkeep/cxkit-types';
+interface HandleAction {
+    onOpenForm?: Function;
+}
+export declare const useChatAction: (chatAction: IkpChatAction) => {
+    handleAction: (opts?: HandleAction) => void;
+    logHelpAction: () => void;
+};
+export {};

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

@@ -0,0 +1,9 @@
+import { IkpChatAction } from '@inkeep/cxkit-types';
+interface HandleAction {
+    onOpenForm?: Function;
+}
+export declare const useChatAction: (chatAction: IkpChatAction) => {
+    handleAction: (opts?: HandleAction) => void;
+    logHelpAction: () => void;
+};
+export {};

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

@@ -0,0 +1,26 @@
+"use client";
+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({
+      conversation: e
+    }), o.action.shouldCloseModal && s?.closeModal());
+  }, n = o.action.type, l = n === "OPEN_LINK" ? o.action.url : void 0;
+  return { handleAction: i, logHelpAction: () => {
+    "name" in o && t({
+      eventName: "get_help_option_clicked",
+      properties: {
+        actionType: n,
+        name: o.name,
+        url: l,
+        conversationId: e.id
+      }
+    });
+  } };
+};
+export {
+  g as useChatAction
+};

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

@@ -0,0 +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.. 
+
+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;

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

@@ -0,0 +1,25 @@
+import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
+import { ToolCallAction, MessageAttachment, Workflow, Message } from '@inkeep/cxkit-types';
+export declare const useInkeepChat: () => {
+    messages: Message[];
+    input: string;
+    isLoading: boolean;
+    isStreaming: boolean;
+    isLoadingConversation: boolean;
+    error: unknown;
+    isSubmitDisabled: boolean;
+    handleInputChange: (e: React.ChangeEvent<HTMLElement>) => void;
+    handleInputKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    handleSubmit: (content?: string) => Promise<void>;
+    stop: () => void;
+    clear: () => void;
+    handleWorkflow: (workflow: Workflow) => void;
+    selectedWorkflow: Workflow | null;
+    messageAttachments: MessageAttachment[];
+    setMessageAttachments: Dispatch<SetStateAction<MessageAttachment[]>>;
+    addAttachment: (attachment: MessageAttachment) => void;
+    messageToolCalls: Record<string, ToolCallAction[]>;
+    isEmpty: boolean;
+    inputRef: RefObject<HTMLTextAreaElement | null>;
+    isMobile: boolean;
+};

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

@@ -0,0 +1,25 @@
+import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
+import { ToolCallAction, MessageAttachment, Workflow, Message } from '@inkeep/cxkit-types';
+export declare const useInkeepChat: () => {
+    messages: Message[];
+    input: string;
+    isLoading: boolean;
+    isStreaming: boolean;
+    isLoadingConversation: boolean;
+    error: unknown;
+    isSubmitDisabled: boolean;
+    handleInputChange: (e: React.ChangeEvent<HTMLElement>) => void;
+    handleInputKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    handleSubmit: (content?: string) => Promise<void>;
+    stop: () => void;
+    clear: () => void;
+    handleWorkflow: (workflow: Workflow) => void;
+    selectedWorkflow: Workflow | null;
+    messageAttachments: MessageAttachment[];
+    setMessageAttachments: Dispatch<SetStateAction<MessageAttachment[]>>;
+    addAttachment: (attachment: MessageAttachment) => void;
+    messageToolCalls: Record<string, ToolCallAction[]>;
+    isEmpty: boolean;
+    inputRef: RefObject<HTMLTextAreaElement | null>;
+    isMobile: boolean;
+};

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

@@ -0,0 +1,227 @@
+"use client";
+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 { 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";
+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({
+    fetchUrl: `${U}/v1/challenge`,
+    bypassChallenge: K,
+    shouldMakeInitialRequest: O ? O.open : !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);
+  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) => {
+    y((s) => [...s, e]);
+  }, [ue, H] = c({}), r = D([]), C = D(null), { logEvent: _ } = Ae(), 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;
+      _({
+        eventName: "chat_shared_session_loaded",
+        properties: {
+          conversationId: g
+        }
+      }), Ee(g, e, s).then((n) => {
+        if (n) {
+          ge(!1), Y({ ...n, id: "" });
+          const o = n.messages.map((i) => ({
+            id: Date.now().toString() + i.id,
+            content: De(i.content),
+            role: i.role,
+            links: i.links
+          }));
+          l(o), r.current = o;
+        }
+      });
+    }
+  }, [g]);
+  const pe = (e) => {
+    switch (e.code) {
+      case 400:
+        return e.message;
+      case 403:
+        return `There seems to be a configuration error. Please contact ${S.organizationDisplayName ?? "Administrator"}`;
+      default:
+        return `Hmm.. 
+
+It seems I might be having some issues right now. Please clear the chat and try again.`;
+    }
+  }, q = (e) => {
+    z(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());
+  }, he = (e) => {
+    const s = e.target.value;
+    x(s);
+  }, L = async (e = p) => {
+    if (A && (!e || e.trim().length === 0)) return;
+    f(!0);
+    const s = I ? m.length === 2 : m.length === 0, n = Le(I, w, s);
+    let o;
+    const i = Re(w);
+    w.length && i ? o = [{ type: "text", text: i }] : o = e;
+    const E = {
+      id: `${Date.now().toString()}1`,
+      role: "user",
+      content: o,
+      metadata: n
+    }, N = [...m.length ? [] : J, E];
+    g && j(), l((v) => [...v, ...N]), r.current = [...r.current, ...N], y([]), x(""), _({
+      eventName: "chat_message_submitted",
+      properties: {
+        messages: r.current,
+        messageId: E.id,
+        content: e,
+        workflowId: I?.id
+      }
+    });
+    try {
+      const v = {
+        model: re,
+        messages: r.current,
+        stream: !0,
+        tools: oe,
+        tool_choice: "auto"
+      }, G = await te(), Me = G ? btoa(JSON.stringify(G)) : null, V = K ? void 0 : {
+        "X-INKEEP-CHALLENGE-SOLUTION": Me
+      }, M = se.beta.chat.completions.stream(
+        v,
+        V ? { headers: V } : void 0
+      ), t = {
+        id: `${Date.now().toString()}2`,
+        role: "assistant",
+        content: "",
+        links: []
+      };
+      l((u) => [...u, t]), M.on("content", (u, 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;
+        if (R === "provideLinks") {
+          const a = JSON.parse($);
+          a.links?.length > 0 && (t.links = a.links, l((d) => {
+            const k = [...d], ke = k.findIndex((Se) => Se.id === t.id);
+            return k[ke] = { ...t }, k;
+          }));
+        } else {
+          const a = ie?.(u);
+          a && H((d) => ({
+            ...d,
+            [t.id]: [...d[t.id] || [], a]
+          }));
+        }
+      }), M.on("error", (u) => {
+        q(u);
+      }), M.finalChatCompletion().then(() => {
+        r.current = [...r.current, t], C.current = null, f(!1), h(!1), b(), _({
+          eventName: "chat_message_bot_response_received",
+          properties: {
+            messages: r.current,
+            messageId: t.id,
+            question: Pe(E),
+            responseMessage: t,
+            linksUsedInResponse: t.links,
+            workflowId: I?.id
+          }
+        });
+      }), C.current = M.controller;
+    } catch (v) {
+      q(v), f(!1), h(!1);
+    }
+  }, 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(), _({
+      eventName: "chat_history_cleared",
+      properties: {
+        conversationId: Z.id
+      }
+    });
+  }, we = (e) => {
+    B(e);
+    const { initialReplyMessage: s, displayName: n } = e, o = {
+      id: m.length.toString(),
+      role: "user",
+      content: n
+    }, i = {
+      id: (m.length + 1).toString(),
+      role: "assistant",
+      content: s,
+      links: []
+    }, N = [{
+      id: `system-${e.id}`,
+      role: "system",
+      content: `Company has asked user to follow this guided workflow:
+${$e(
+        e
+      )}`
+    }, ...J, o, i];
+    l(N), y([]);
+  }, { openForm: ye } = Ue(), Ce = Ke();
+  _e(P.chatFunctionsRef, () => ({
+    submitMessage: L,
+    updateInputMessage(e) {
+      x(e);
+    },
+    clearChat: Q,
+    openForm: (e) => {
+      Ce?.setView("chat"), ye(e);
+    },
+    focusInput: () => {
+      W.current?.focus();
+    }
+  }));
+  const ve = Oe("(max-width: 768px)");
+  return {
+    messages: m,
+    input: p,
+    isLoading: F,
+    isStreaming: ce,
+    isLoadingConversation: de,
+    error: le,
+    isSubmitDisabled: A,
+    handleInputChange: he,
+    handleInputKeyDown: fe,
+    handleSubmit: L,
+    stop: Ie,
+    clear: Q,
+    handleWorkflow: we,
+    selectedWorkflow: I,
+    messageAttachments: w,
+    setMessageAttachments: y,
+    addAttachment: me,
+    messageToolCalls: ue,
+    isEmpty: m.length === 0,
+    inputRef: W,
+    isMobile: ve
+  };
+};
+export {
+  tt as useInkeepChat
+};