@inkeep/cxkit-primitives 0.5.2 → 0.5.4

package/dist/providers/base-events-provider.js

@@ -1,39 +1,39 @@
 "use client";
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { useMemo as d, useCallback as y, createContext as x, useContext as B } from "react";
-import { logEvent as C } from "../atoms/api/analytics/events.js";
-import { useInkeepConfig as P } from "./config-provider.js";
+import { logEvent as P } from "../atoms/api/analytics/events.js";
+import { useInkeepConfig as C } from "./config-provider.js";
 import { useUser as b } from "./user-provider.js";
-const m = x(void 0), M = ({ children: e }) => {
-  const { baseSettings: t, interactionType: o } = P(), { apiKey: s, analyticsBaseUrl: n, tags: r, analytics: p, env: u } = t, { userProperties: a } = b(), i = d(
+const m = x(void 0), U = ({ children: e }) => {
+  const { baseSettings: t, componentType: o } = C(), { apiKey: n, analyticsApiBaseUrl: s, tags: r, privacyPreferences: u, env: l } = t, { userProperties: i } = b(), a = d(
     () => ({
-      widgetLibraryVersion: "0.5.2",
-      interactionType: o,
+      widgetLibraryVersion: "0.5.4",
+      componentType: o,
       tags: r
     }),
     [o, r]
-  ), c = !p.optOutAllAnalytics && u !== "DEVELOPMENT", E = { logEvent: y(
-    async (v) => {
-      const g = {
-        ...i,
-        ...v.properties
-      }, l = {
-        eventName: v.eventName,
-        properties: g,
-        userProperties: a
+  ), c = !u.optOutAllAnalytics && l !== "development", E = { logEvent: y(
+    async (p) => {
+      const f = {
+        ...a,
+        ...p.properties
+      }, v = {
+        eventName: p.eventName,
+        properties: f,
+        userProperties: i
       };
-      c && C(l, s, n), t.logEventCallback?.(l);
+      c && P(v, n, s), t.onEvent?.(v);
     },
-    [c, t, s, n, a, i]
+    [c, t, n, s, i, a]
   ) };
-  return /* @__PURE__ */ f(m.Provider, { value: E, children: e });
-}, O = () => {
+  return /* @__PURE__ */ g(m.Provider, { value: E, children: e });
+}, $ = () => {
   const e = B(m);
   if (!e)
     throw new Error("useBaseEvents must be used within a BaseEventsProvider");
   return e;
 };
 export {
-  M as BaseEventsProvider,
-  O as useBaseEvents
+  U as BaseEventsProvider,
+  $ as useBaseEvents
 };

package/dist/providers/chat-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),b=require("../atoms/api/analytics/conversation.cjs"),q=require("./config-provider.cjs"),x=require("./conversation-provider.cjs"),y=require("./user-provider.cjs"),g=require("./base-events-provider.cjs"),p=s.createContext(void 0),m=({children:t})=>{const{baseSettings:P}=q.useInkeepConfig(),{apiKey:u,analyticsBaseUrl:v,tags:d}=P,{userProperties:l}=y.useUser(),{logEvent:C}=g.useBaseEvents(),{conversation:i,setConversation:h}=x.useInkeepConversation(),o=s.useRef(i.id);s.useEffect(()=>{o.current=i.id},[i.id]);const f=["chat_message_submitted","chat_message_bot_response_received","intelligent_form_primary_submitted","intelligent_form_qa_response"],a=s.useCallback(async e=>{const n=o.current,r=await b.logConversation(n,{messages:e,tags:d,userProperties:l},u,v);return r&&h(r),r},[v,u,d,l,h]),_={logEvent:s.useCallback(async e=>{let n=o.current;if(f.includes(e.eventName)&&"messages"in e.properties){const E=await a(e.properties.messages);E&&(n=E.id,o.current=n)}const r={...e,properties:{...e.properties,conversationId:n}};C(r)},[C,a]),logConversation:a};return c.jsx(p.Provider,{value:_,children:t})},j=({children:t})=>c.jsx(g.BaseEventsProvider,{children:c.jsx(m,{children:t})}),w=()=>{const t=s.useContext(p);if(!t)throw new Error("useChatEvents must be used within a ChatEventsProvider");return t};exports.ChatEventsProvider=m;exports.ChatEventsProviderWithBase=j;exports.useChatEvents=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("react"),x=require("../atoms/api/analytics/conversation.cjs"),j=require("./config-provider.cjs"),w=require("./conversation-provider.cjs"),B=require("./user-provider.cjs"),m=require("./base-events-provider.cjs"),f=n.createContext(void 0),P=({children:s})=>{const{baseSettings:_}=j.useInkeepConfig(),{apiKey:c,analyticsApiBaseUrl:v,tags:u,privacyPreferences:{optOutAllAnalytics:d},env:l}=_,{userProperties:C}=B.useUser(),{logEvent:p}=m.useBaseEvents(),{conversation:o,setConversation:E}=w.useInkeepConversation(),r=n.useRef(o.id);n.useEffect(()=>{r.current=o.id},[o.id]);const b=["chat_message_submitted","chat_message_bot_response_received","intelligent_form_primary_submitted","intelligent_form_qa_response"],i=n.useCallback(async e=>{const h=r.current,t=await x.logConversation(h,{messages:e,tags:u,userProperties:C},c,v);return t&&E(t),t},[v,c,u,C,E]),y={logEvent:n.useCallback(async e=>{if(!(!d&&l!=="development"))return;let t=r.current;if(b.includes(e.eventName)&&"messages"in e.properties){const g=await i(e.properties.messages);g&&(t=g.id,r.current=t)}const q={...e,properties:{...e.properties,conversationId:t}};p(q)},[p,i,d,l]),logConversation:i};return a.jsx(f.Provider,{value:y,children:s})},I=({children:s})=>a.jsx(m.BaseEventsProvider,{children:a.jsx(P,{children:s})}),k=()=>{const s=n.useContext(f);if(!s)throw new Error("useChatEvents must be used within a ChatEventsProvider");return s};exports.ChatEventsProvider=P;exports.ChatEventsProviderWithBase=I;exports.useChatEvents=k;

package/dist/providers/chat-events-provider.js

@@ -1,66 +1,73 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { useRef as _, useEffect as b, useCallback as C, createContext as x, useContext as P } from "react";
-import { logConversation as w } from "../atoms/api/analytics/conversation.js";
-import { useInkeepConfig as y } from "./config-provider.js";
-import { useInkeepConversation as I } from "./conversation-provider.js";
-import { useUser as B } from "./user-provider.js";
-import { useBaseEvents as k, BaseEventsProvider as U } from "./base-events-provider.js";
-const f = x(void 0), j = ({ children: t }) => {
-  const { baseSettings: h } = y(), { apiKey: c, analyticsBaseUrl: u, tags: v } = h, { userProperties: m } = B(), { logEvent: p } = k(), { conversation: r, setConversation: d } = I(), o = _(r.id);
-  b(() => {
-    o.current = r.id;
-  }, [r.id]);
-  const g = [
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as b, useEffect as x, useCallback as g, createContext as w, useContext as I } from "react";
+import { logConversation as B } from "../atoms/api/analytics/conversation.js";
+import { useInkeepConfig as k } from "./config-provider.js";
+import { useInkeepConversation as A } from "./conversation-provider.js";
+import { useUser as L } from "./user-provider.js";
+import { useBaseEvents as U, BaseEventsProvider as j } from "./base-events-provider.js";
+const E = w(void 0), q = ({ children: s }) => {
+  const { baseSettings: h } = k(), {
+    apiKey: a,
+    analyticsApiBaseUrl: c,
+    tags: v,
+    privacyPreferences: { optOutAllAnalytics: u },
+    env: p
+  } = h, { userProperties: m } = L(), { logEvent: l } = U(), { conversation: o, setConversation: d } = A(), n = b(o.id);
+  x(() => {
+    n.current = o.id;
+  }, [o.id]);
+  const _ = [
     "chat_message_submitted",
     "chat_message_bot_response_received",
     "intelligent_form_primary_submitted",
     "intelligent_form_qa_response"
-  ], i = C(
+  ], r = g(
     async (e) => {
-      const s = o.current, n = await w(
-        s,
+      const f = n.current, t = await B(
+        f,
         {
           messages: e,
           tags: v,
           userProperties: m
         },
-        c,
-        u
+        a,
+        c
       );
-      return n && d(n), n;
+      return t && d(t), t;
     },
-    [u, c, v, m, d]
-  ), E = {
-    logEvent: C(
+    [c, a, v, m, d]
+  ), y = {
+    logEvent: g(
       async (e) => {
-        let s = o.current;
-        if (g.includes(e.eventName) && "messages" in e.properties) {
-          const l = await i(e.properties.messages);
-          l && (s = l.id, o.current = s);
+        if (!(!u && p !== "development")) return;
+        let t = n.current;
+        if (_.includes(e.eventName) && "messages" in e.properties) {
+          const C = await r(e.properties.messages);
+          C && (t = C.id, n.current = t);
         }
-        const n = {
+        const P = {
           ...e,
           properties: {
             ...e.properties,
-            conversationId: s
+            conversationId: t
           }
         };
-        p(n);
+        l(P);
       },
-      [p, i]
+      [l, r, u, p]
     ),
-    logConversation: i
+    logConversation: r
   };
-  return /* @__PURE__ */ a(f.Provider, { value: E, children: t });
-}, A = ({ children: t }) => /* @__PURE__ */ a(U, { children: /* @__PURE__ */ a(j, { children: t }) }), D = () => {
-  const t = P(f);
-  if (!t)
+  return /* @__PURE__ */ i(E.Provider, { value: y, children: s });
+}, D = ({ children: s }) => /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(q, { children: s }) }), F = () => {
+  const s = I(E);
+  if (!s)
     throw new Error("useChatEvents must be used within a ChatEventsProvider");
-  return t;
+  return s;
 };
 export {
-  j as ChatEventsProvider,
-  A as ChatEventsProviderWithBase,
-  D as useChatEvents
+  q as ChatEventsProvider,
+  D as ChatEventsProviderWithBase,
+  F as useChatEvents
 };

package/dist/providers/chat-form-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),o=require("react"),M=require("react-hook-form"),O=require("./conversation-provider.cjs"),P=require("../components/modal/modal-provider.cjs"),R=require("../utils/form.cjs"),x="root.serverError",S=o.createContext(void 0);function f(){const[t,n]=o.useState(null),[C,u]=o.useState(!1),{conversation:i}=O.useInkeepConversation(),h=P.useModal(),v=e=>{n(e)},E=()=>{n(null),u(!1),t?.buttons.close?.action==="CLOSE_MODAL"&&h?.closeModal()},c=o.useMemo(()=>t?.fields.map(e=>{const r=e;return"_type"in e&&e._type==="INCLUDE_CHAT_SESSION"&&(r.required=!1,r.inputType="CHECKBOX",i.id||(r.isHidden=!0)),r}),[t?.fields,i.id]),a=c?.find(e=>"_type"in e&&e._type==="INCLUDE_CHAT_SESSION"),s=o.useMemo(()=>R.getFormDefaultValues(c),[c]),{control:F,handleSubmit:b,formState:{errors:m,isSubmitting:p},setError:_,reset:l}=M.useForm({defaultValues:s});o.useEffect(()=>{s&&l(s)},[l,s]);const w=b(async e=>{const r=typeof window>"u"?"":window.location.href,g=i.id&&a&&e[a.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:g,client:{currentUrl:r}}),u(!0)}catch(d){_(x,{message:d instanceof Error?d.message:"Something went wrong."})}}),y=m?.root?.serverError;return{form:t,openForm:v,closeForm:E,handleSubmit:w,isSuccess:C,isSubmitting:p,formError:y,fields:c,errors:m,control:F,defaultValues:s}}const I=({children:t})=>{const n=f();return q.jsx(S.Provider,{value:n,children:t})},H=()=>{const t=o.useContext(S);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=I;exports.useChatForm=H;exports.useChatFormState=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),o=require("react"),q=require("react-hook-form"),x=require("./conversation-provider.cjs"),P=require("../components/modal/modal-provider.cjs"),M=require("../utils/form.cjs"),j="root.serverError",f=o.createContext(void 0);function h(){const[t,n]=o.useState(null),[S,u]=o.useState(!1),{conversation:i}=x.useInkeepConversation(),v=P.useModal(),F=e=>{n(e)},C=()=>{n(null),u(!1),t?.buttons.close?.action==="close_modal"&&v?.closeModal()},c=o.useMemo(()=>t?.fields.map(e=>{const r=e;return"_type"in e&&e._type==="include_chat_session"&&(r.isRequired=!1,r.inputType="checkbox",i.id||(r.isHidden=!0)),r}),[t?.fields,i.id]),a=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),s=o.useMemo(()=>M.getFormDefaultValues(c),[c]),{control:b,handleSubmit:p,formState:{errors:m,isSubmitting:E},setError:_,reset:l}=q.useForm({defaultValues:s});o.useEffect(()=>{s&&l(s)},[l,s]);const w=p(async e=>{const r=typeof window>"u"?"":window.location.href,g=i.id&&a&&e[a.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:g,client:{currentUrl:r}}),u(!0)}catch(d){_(j,{message:d instanceof Error?d.message:"Something went wrong."})}}),y=m?.root?.serverError;return{form:t,openForm:F,closeForm:C,handleSubmit:w,isSuccess:S,isSubmitting:E,formError:y,fields:c,errors:m,control:b,defaultValues:s}}const k=({children:t})=>{const n=h();return R.jsx(f.Provider,{value:n,children:t})},V=()=>{const t=o.useContext(f);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=k;exports.useChatForm=V;exports.useChatFormState=h;

package/dist/providers/chat-form-provider.js

@@ -1,66 +1,66 @@
 "use client";
-import { jsx as x } from "react/jsx-runtime";
-import { useState as f, useMemo as d, useEffect as I, createContext as O, useContext as M } from "react";
-import { useForm as N } from "react-hook-form";
-import { useInkeepConversation as R } from "./conversation-provider.js";
-import { useModal as A } from "../components/modal/modal-provider.js";
-import { getFormDefaultValues as D } from "../utils/form.js";
-const H = "root.serverError", S = O(void 0);
-function L() {
-  const [o, n] = f(null), [p, c] = f(!1), { conversation: s } = R(), C = A(), E = (t) => {
-    n(t);
-  }, h = () => {
-    n(null), c(!1), o?.buttons.close?.action === "CLOSE_MODAL" && C?.closeModal();
-  }, i = d(() => o?.fields.map((t) => {
-    const e = t;
-    return "_type" in t && t._type === "INCLUDE_CHAT_SESSION" && (e.required = !1, e.inputType = "CHECKBOX", s.id || (e.isHidden = !0)), e;
-  }), [o?.fields, s.id]), a = i?.find((t) => "_type" in t && t._type === "INCLUDE_CHAT_SESSION"), r = d(() => D(i), [i]), {
-    control: v,
+import { jsx as g } from "react/jsx-runtime";
+import { useState as d, useMemo as f, useEffect as R, createContext as M, useContext as P } from "react";
+import { useForm as V } from "react-hook-form";
+import { useInkeepConversation as k } from "./conversation-provider.js";
+import { useModal as I } from "../components/modal/modal-provider.js";
+import { getFormDefaultValues as j } from "../utils/form.js";
+const q = "root.serverError", p = M(void 0);
+function A() {
+  const [t, s] = d(null), [h, c] = d(!1), { conversation: n } = k(), S = I(), b = (o) => {
+    s(o);
+  }, v = () => {
+    s(null), c(!1), t?.buttons.close?.action === "close_modal" && S?.closeModal();
+  }, i = f(() => t?.fields.map((o) => {
+    const e = o;
+    return "_type" in o && o._type === "include_chat_session" && (e.isRequired = !1, e.inputType = "checkbox", n.id || (e.isHidden = !0)), e;
+  }), [t?.fields, n.id]), a = i?.find((o) => "_type" in o && o._type === "include_chat_session"), r = f(() => j(i), [i]), {
+    control: C,
     handleSubmit: F,
-    formState: { errors: u, isSubmitting: b },
+    formState: { errors: u, isSubmitting: E },
     setError: _,
     reset: m
-  } = N({
+  } = V({
     defaultValues: r
   });
-  I(() => {
+  R(() => {
     r && m(r);
   }, [m, r]);
-  const w = F(async (t) => {
-    const e = typeof window > "u" ? "" : window.location.href, g = s.id && a && t[a.name] ? s : null;
+  const w = F(async (o) => {
+    const e = typeof window > "u" ? "" : window.location.href, x = n.id && a && o[a.name] ? n : null;
     try {
-      await o?.buttons.submit.onSubmit({ values: t, conversation: g, client: { currentUrl: e } }), c(!0);
+      await t?.buttons.submit.onSubmit({ values: o, conversation: x, client: { currentUrl: e } }), c(!0);
     } catch (l) {
-      _(H, {
+      _(q, {
         message: l instanceof Error ? l.message : "Something went wrong."
       });
     }
   }), y = u?.root?.serverError;
   return {
-    form: o,
-    openForm: E,
-    closeForm: h,
+    form: t,
+    openForm: b,
+    closeForm: v,
     handleSubmit: w,
-    isSuccess: p,
-    isSubmitting: b,
+    isSuccess: h,
+    isSubmitting: E,
     formError: y,
     fields: i,
     errors: u,
-    control: v,
+    control: C,
     defaultValues: r
   };
 }
-const K = ({ children: o }) => {
-  const n = L();
-  return /* @__PURE__ */ x(S.Provider, { value: n, children: o });
-}, X = () => {
-  const o = M(S);
-  if (!o)
+const G = ({ children: t }) => {
+  const s = A();
+  return /* @__PURE__ */ g(p.Provider, { value: s, children: t });
+}, J = () => {
+  const t = P(p);
+  if (!t)
     throw new Error("useChatForm must be used within a ChatFormProvider");
-  return o;
+  return t;
 };
 export {
-  K as ChatFormProvider,
-  X as useChatForm,
-  L as useChatFormState
+  G as ChatFormProvider,
+  J as useChatForm,
+  A as useChatFormState
 };

package/dist/providers/config-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("merge-anything"),o=require("react"),r=require("../utils/default-settings.cjs"),E=require("../atoms/shadow/context.cjs"),a={ChatButton:"CHAT_BUTTON",CustomTrigger:"CUSTOM_TRIGGER",SearchBar:"SEARCH_BAR",EmbeddedChat:"EMBEDDED_CHAT",EmbeddedSearch:"EMBEDDED_SEARCH",EmbeddedSearchAndChat:"EMBEDDED_SEARCH_AND_CHAT",IntelligentForm:"INTELLIGENT_FORM"},c={prefix:"ikp",aiChatSettings:r.defaultInkeepAIChatSettings,baseSettings:r.defaultInkeepBaseSettings,searchSettings:r.defaultInkeepSearchSettings,interactionType:a.EmbeddedChat},g=o.createContext(c),h=({children:t,value:i})=>{const d=E.useShadow(),u=(s,e,n)=>(n==="apiKey"&&!e&&!i?.baseSettings?.baseUrl&&console.warn("Inkeep API key is missing."),n==="tools"&&Array.isArray(e)?(s||[]).concat(e):["baseSettings","searchSettings","aiChatSettings"].includes(n)&&!e?s:e),C={baseSettings:d??{}},S=p.mergeAndCompare(u,c,C,i??{});return f.jsx(g.Provider,{value:S,children:t})},I=()=>{const t=o.useContext(g);if(!t)throw new Error("useInkeepConfig must be used within a ConfigProvider");return t};exports.InkeepConfigProvider=h;exports.WebWidgetInteractionType=a;exports.useInkeepConfig=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),S=require("merge-anything"),s=require("react"),r=require("../utils/default-settings.cjs"),f=require("../atoms/shadow/context.cjs"),a={ChatButton:"ChatButton",CustomTrigger:"CustomTrigger",SearchBar:"SearchBar",EmbeddedChat:"EmbeddedChat",EmbeddedSearch:"EmbeddedSearch",EmbeddedSearchAndChat:"EmbeddedSearchAndChat",IntelligentForm:"IntelligentForm"},c={prefix:"ikp",aiChatSettings:r.defaultInkeepAIChatSettings,baseSettings:r.defaultInkeepBaseSettings,searchSettings:r.defaultInkeepSearchSettings,componentType:a.EmbeddedChat},d=s.createContext(c),m=({children:t,value:i})=>{const g=f.useShadow(),u=(o,e,n)=>(n==="apiKey"&&!e&&!i?.baseSettings?.aiApiBaseUrl&&console.warn("Inkeep API key is missing."),n==="tools"&&Array.isArray(e)?(o||[]).concat(e):["baseSettings","searchSettings","aiChatSettings"].includes(n)&&!e?o:e),h={baseSettings:g??{}},C=S.mergeAndCompare(u,c,h,i??{});return p.jsx(d.Provider,{value:C,children:t})},b=()=>{const t=s.useContext(d);if(!t)throw new Error("useInkeepConfig must be used within a ConfigProvider");return t};exports.InkeepConfigProvider=m;exports.WebWidgetInteractionType=a;exports.useInkeepConfig=b;

package/dist/providers/config-provider.d.cts

@@ -2,13 +2,13 @@ import { ReactNode } from 'react';
 import { DefaultInkeepAIChatSettings, DefaultInkeepBaseSettings, DefaultInkeepSearchSettings } from '../utils/default-settings';
 import { InkeepConfig } from '@inkeep/cxkit-types';
 export declare const WebWidgetInteractionType: {
-    readonly ChatButton: "CHAT_BUTTON";
-    readonly CustomTrigger: "CUSTOM_TRIGGER";
-    readonly SearchBar: "SEARCH_BAR";
-    readonly EmbeddedChat: "EMBEDDED_CHAT";
-    readonly EmbeddedSearch: "EMBEDDED_SEARCH";
-    readonly EmbeddedSearchAndChat: "EMBEDDED_SEARCH_AND_CHAT";
-    readonly IntelligentForm: "INTELLIGENT_FORM";
+    readonly ChatButton: "ChatButton";
+    readonly CustomTrigger: "CustomTrigger";
+    readonly SearchBar: "SearchBar";
+    readonly EmbeddedChat: "EmbeddedChat";
+    readonly EmbeddedSearch: "EmbeddedSearch";
+    readonly EmbeddedSearchAndChat: "EmbeddedSearchAndChat";
+    readonly IntelligentForm: "IntelligentForm";
 };
 export interface WidgetConfig extends InkeepConfig {
     aiChatSettings: InkeepConfig['aiChatSettings'] & DefaultInkeepAIChatSettings;

package/dist/providers/config-provider.d.ts

@@ -2,13 +2,13 @@ import { ReactNode } from 'react';
 import { DefaultInkeepAIChatSettings, DefaultInkeepBaseSettings, DefaultInkeepSearchSettings } from '../utils/default-settings';
 import { InkeepConfig } from '@inkeep/cxkit-types';
 export declare const WebWidgetInteractionType: {
-    readonly ChatButton: "CHAT_BUTTON";
-    readonly CustomTrigger: "CUSTOM_TRIGGER";
-    readonly SearchBar: "SEARCH_BAR";
-    readonly EmbeddedChat: "EMBEDDED_CHAT";
-    readonly EmbeddedSearch: "EMBEDDED_SEARCH";
-    readonly EmbeddedSearchAndChat: "EMBEDDED_SEARCH_AND_CHAT";
-    readonly IntelligentForm: "INTELLIGENT_FORM";
+    readonly ChatButton: "ChatButton";
+    readonly CustomTrigger: "CustomTrigger";
+    readonly SearchBar: "SearchBar";
+    readonly EmbeddedChat: "EmbeddedChat";
+    readonly EmbeddedSearch: "EmbeddedSearch";
+    readonly EmbeddedSearchAndChat: "EmbeddedSearchAndChat";
+    readonly IntelligentForm: "IntelligentForm";
 };
 export interface WidgetConfig extends InkeepConfig {
     aiChatSettings: InkeepConfig['aiChatSettings'] & DefaultInkeepAIChatSettings;

package/dist/providers/config-provider.js

@@ -1,37 +1,37 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import { mergeAndCompare as C } from "merge-anything";
-import { createContext as g, useContext as p } from "react";
-import { defaultInkeepSearchSettings as f, defaultInkeepBaseSettings as m, defaultInkeepAIChatSettings as E } from "../utils/default-settings.js";
-import { useShadow as S } from "../atoms/shadow/context.js";
-const h = {
-  ChatButton: "CHAT_BUTTON",
-  CustomTrigger: "CUSTOM_TRIGGER",
-  SearchBar: "SEARCH_BAR",
-  EmbeddedChat: "EMBEDDED_CHAT",
-  EmbeddedSearch: "EMBEDDED_SEARCH",
-  EmbeddedSearchAndChat: "EMBEDDED_SEARCH_AND_CHAT",
-  IntelligentForm: "INTELLIGENT_FORM"
+import { jsx as c } from "react/jsx-runtime";
+import { mergeAndCompare as g } from "merge-anything";
+import { createContext as m, useContext as p } from "react";
+import { defaultInkeepSearchSettings as h, defaultInkeepBaseSettings as C, defaultInkeepAIChatSettings as f } from "../utils/default-settings.js";
+import { useShadow as u } from "../atoms/shadow/context.js";
+const S = {
+  ChatButton: "ChatButton",
+  CustomTrigger: "CustomTrigger",
+  SearchBar: "SearchBar",
+  EmbeddedChat: "EmbeddedChat",
+  EmbeddedSearch: "EmbeddedSearch",
+  EmbeddedSearchAndChat: "EmbeddedSearchAndChat",
+  IntelligentForm: "IntelligentForm"
 }, i = {
   prefix: "ikp",
   // Default prefix
-  aiChatSettings: E,
-  baseSettings: m,
-  searchSettings: f,
-  interactionType: h.EmbeddedChat
-}, s = g(i), B = ({ children: t, value: r }) => {
-  const a = S(), c = C((o, e, n) => (n === "apiKey" && !e && !r?.baseSettings?.baseUrl && console.warn("Inkeep API key is missing."), n === "tools" && Array.isArray(e) ? (o || []).concat(e) : ["baseSettings", "searchSettings", "aiChatSettings"].includes(n) && !e ? o : e), i, {
+  aiChatSettings: f,
+  baseSettings: C,
+  searchSettings: h,
+  componentType: S.EmbeddedChat
+}, s = m(i), v = ({ children: t, value: r }) => {
+  const a = u(), d = g((o, e, n) => (n === "apiKey" && !e && !r?.baseSettings?.aiApiBaseUrl && console.warn("Inkeep API key is missing."), n === "tools" && Array.isArray(e) ? (o || []).concat(e) : ["baseSettings", "searchSettings", "aiChatSettings"].includes(n) && !e ? o : e), i, {
     baseSettings: a ?? {}
   }, r ?? {});
-  return /* @__PURE__ */ d(s.Provider, { value: c, children: t });
-}, x = () => {
+  return /* @__PURE__ */ c(s.Provider, { value: d, children: t });
+}, w = () => {
   const t = p(s);
   if (!t)
     throw new Error("useInkeepConfig must be used within a ConfigProvider");
   return t;
 };
 export {
-  B as InkeepConfigProvider,
-  h as WebWidgetInteractionType,
-  x as useInkeepConfig
+  v as InkeepConfigProvider,
+  S as WebWidgetInteractionType,
+  w as useInkeepConfig
 };

package/dist/providers/feedback-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),n=require("react"),x=require("../atoms/api/analytics/feedback.cjs"),M=require("../components/embedded-chat/chat-provider.cjs"),l=require("../utils/misc.cjs"),S=require("./config-provider.cjs"),E=require("./conversation-provider.cjs"),j=require("./chat-events-provider.cjs"),I=require("./user-provider.cjs"),f=n.createContext(void 0);function R(){const{baseSettings:e}=S.useInkeepConfig(),{apiKey:s,analyticsBaseUrl:o}=e,[b,g]=n.useState(null),[F,h]=n.useState({}),{conversation:k}=E.useInkeepConversation(),{messages:c,selectedWorkflow:m}=M.useChat(),{userProperties:p}=I.useUser(),{logEvent:C}=j.useChatEvents(),r=n.useCallback(async(t,a,i=[])=>{const u=await x.submitFeedback({type:a,messageId:t,reasons:i,apiKey:s,apiUrl:o,userProperties:p});u&&h(d=>({...d,[t]:{type:u.type,reasons:u.reasons}}));const v=c.findIndex(d=>d.id===t),w=c[v],y={conversationId:k.id,question:l.getMessageContent(c[v-1]),answer:l.getMessageContent(w),messageId:t,reasons:i,workflowId:m?.id};C({eventName:a==="positive"?"chat_thumbs_up_feedback_submitted":"chat_thumbs_down_feedback_submitted",properties:y})},[c,k]),P=n.useCallback(async t=>{r(t,"positive")},[r]),q=n.useCallback(async(t,a)=>{const i=$(a);r(t,"negative",i)},[r]);return{feedback:F,currentFeedback:b,setCurrentFeedback:g,submitPositiveFeedback:P,submitNegativeFeedback:q}}const U=({children:e})=>{const s=R();return _.jsx(f.Provider,{value:s,children:e})},N=()=>{const e=n.useContext(f);if(!e)throw new Error("useFeedback must be used within a FeedbackProvider");return e};function $(e){const s=[];for(const o in e)e[o]==="on"&&s.push({label:o,details:e[`${o}:description`]||""});return s.length>0?s:[]}exports.FeedbackProvider=U;exports.useMessageFeedback=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),n=require("react"),x=require("../atoms/api/analytics/feedback.cjs"),M=require("../components/embedded-chat/chat-provider.cjs"),l=require("../utils/misc.cjs"),S=require("./config-provider.cjs"),E=require("./conversation-provider.cjs"),j=require("./chat-events-provider.cjs"),I=require("./user-provider.cjs"),f=n.createContext(void 0);function R(){const{baseSettings:e}=S.useInkeepConfig(),{apiKey:s,analyticsApiBaseUrl:o}=e,[b,g]=n.useState(null),[F,h]=n.useState({}),{conversation:k}=E.useInkeepConversation(),{messages:c,selectedWorkflow:p}=M.useChat(),{userProperties:m}=I.useUser(),{logEvent:C}=j.useChatEvents(),r=n.useCallback(async(t,a,i=[])=>{const u=await x.submitFeedback({type:a,messageId:t,reasons:i,apiKey:s,apiUrl:o,userProperties:m});u&&h(d=>({...d,[t]:{type:u.type,reasons:u.reasons}}));const v=c.findIndex(d=>d.id===t),w=c[v],y={conversationId:k.id,question:l.getMessageContent(c[v-1]),answer:l.getMessageContent(w),messageId:t,reasons:i,workflowId:p?.id};C({eventName:a==="positive"?"chat_thumbs_up_feedback_submitted":"chat_thumbs_down_feedback_submitted",properties:y})},[c,k]),P=n.useCallback(async t=>{r(t,"positive")},[r]),q=n.useCallback(async(t,a)=>{const i=$(a);r(t,"negative",i)},[r]);return{feedback:F,currentFeedback:b,setCurrentFeedback:g,submitPositiveFeedback:P,submitNegativeFeedback:q}}const U=({children:e})=>{const s=R();return _.jsx(f.Provider,{value:s,children:e})},N=()=>{const e=n.useContext(f);if(!e)throw new Error("useFeedback must be used within a FeedbackProvider");return e};function $(e){const s=[];for(const o in e)e[o]==="on"&&s.push({label:o,details:e[`${o}:description`]||""});return s.length>0?s:[]}exports.FeedbackProvider=U;exports.useMessageFeedback=N;

package/dist/providers/feedback-provider.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as E } from "react/jsx-runtime";
-import { createContext as I, useContext as U, useState as f, useCallback as u } from "react";
+import { createContext as I, useContext as U, useState as p, useCallback as u } from "react";
 import { submitFeedback as M } from "../atoms/api/analytics/feedback.js";
 import { useChat as N } from "../components/embedded-chat/chat-provider.js";
-import { getMessageContent as p } from "../utils/misc.js";
+import { getMessageContent as f } from "../utils/misc.js";
 import { useInkeepConfig as S } from "./config-provider.js";
 import { useInkeepConversation as j } from "./conversation-provider.js";
 import { useChatEvents as q } from "./chat-events-provider.js";
-import { useUser as B } from "./user-provider.js";
+import { useUser as A } from "./user-provider.js";
 const l = I(void 0);
-function K() {
-  const { baseSettings: e } = S(), { apiKey: s, analyticsBaseUrl: o } = e, [b, v] = f(null), [F, h] = f({}), { conversation: m } = j(), { messages: n, selectedWorkflow: g } = N(), { userProperties: C } = B(), { logEvent: w } = q(), r = u(
+function B() {
+  const { baseSettings: e } = S(), { apiKey: s, analyticsApiBaseUrl: o } = e, [b, v] = p(null), [F, h] = p({}), { conversation: m } = j(), { messages: n, selectedWorkflow: g } = N(), { userProperties: C } = A(), { logEvent: w } = q(), r = u(
     async (t, c, i = []) => {
       const a = await M({
         type: c,
@@ -26,8 +26,8 @@ function K() {
       }));
       const k = n.findIndex((d) => d.id === t), y = n[k], P = {
         conversationId: m.id,
-        question: p(n[k - 1]),
-        answer: p(y),
+        question: f(n[k - 1]),
+        answer: f(y),
         messageId: t,
         reasons: i,
         workflowId: g?.id
@@ -45,7 +45,7 @@ function K() {
     [r]
   ), x = u(
     async (t, c) => {
-      const i = R(c);
+      const i = K(c);
       r(t, "negative", i);
     },
     [r]
@@ -59,7 +59,7 @@ function K() {
   };
 }
 const O = ({ children: e }) => {
-  const s = K();
+  const s = B();
   return /* @__PURE__ */ E(l.Provider, { value: s, children: e });
 }, Q = () => {
   const e = U(l);
@@ -67,7 +67,7 @@ const O = ({ children: e }) => {
     throw new Error("useFeedback must be used within a FeedbackProvider");
   return e;
 };
-function R(e) {
+function K(e) {
   const s = [];
   for (const o in e)
     e[o] === "on" && s.push({

package/dist/providers/root-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./config-provider.cjs"),c=require("./theme-provider.cjs"),s=require("./user-provider.cjs");function d(r){const{children:i,config:o,interactionType:n}=r;return e.jsx(t.InkeepConfigProvider,{value:{...o,interactionType:n},children:e.jsx(c.ThemeProvider,{children:e.jsx(s.UserProvider,{children:i})})})}exports.RootProvider=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./config-provider.cjs"),c=require("./theme-provider.cjs"),s=require("./user-provider.cjs");function d(r){const{children:o,config:i,componentType:n}=r;return e.jsx(t.InkeepConfigProvider,{value:{...i,componentType:n},children:e.jsx(c.ThemeProvider,{children:e.jsx(s.UserProvider,{children:o})})})}exports.RootProvider=d;

package/dist/providers/root-provider.d.cts

@@ -3,6 +3,6 @@ import { InkeepConfig } from '@inkeep/cxkit-types';
 export interface RootProviderProps {
     children: React.ReactNode;
     config: Partial<InkeepConfig>;
-    interactionType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
+    componentType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
 }
 export declare function RootProvider(props: RootProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/providers/root-provider.d.ts

@@ -3,6 +3,6 @@ import { InkeepConfig } from '@inkeep/cxkit-types';
 export interface RootProviderProps {
     children: React.ReactNode;
     config: Partial<InkeepConfig>;
-    interactionType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
+    componentType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
 }
 export declare function RootProvider(props: RootProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/providers/root-provider.js

@@ -4,13 +4,13 @@ import { InkeepConfigProvider as t } from "./config-provider.js";
 import { ThemeProvider as m } from "./theme-provider.js";
 import { UserProvider as c } from "./user-provider.js";
 function v(o) {
-  const { children: e, config: i, interactionType: n } = o;
+  const { children: e, config: i, componentType: n } = o;
   return /* @__PURE__ */ r(
     t,
     {
       value: {
         ...i,
-        interactionType: n
+        componentType: n
       },
       children: /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(c, { children: e }) })
     }

package/dist/providers/theme-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("@inkeep/cxkit-theme"),A=require("@inkeep/cxkit-color-mode"),F=require("./config-provider.cjs"),z=require("merge-anything"),D=require("../atoms/custom-styles.cjs"),c=require("react"),E=({children:m})=>{const{baseSettings:g}=F.useInkeepConfig(),{theme:r,primaryBrandColor:h,shadowHost:b,rootElement:y,colorMode:C}=g,{primaryColors:f,varsClassName:M}=r,{fontFamily:S,fontSize:v,zIndex:k}=r,q=d.createColorScheme(f,h),x={colors:z.merge(r.colors,q),fontFamily:S,fontSize:v,zIndex:k},j=d.createCSSVariables(x),{customStyles:p,loaded:P}=D.useCustomStyles(),{sync:e,forcedColorMode:T,...I}=C??{},[R,i]=c.useState(),V=c.useRef(null);return c.useEffect(()=>{if(!e?.target)return;function l(n,t){return t.reduce((w,u)=>({...w,[u]:n.getAttribute(u)}),{})}const s=new MutationObserver(()=>{const n=l(e.target,e.attributes),t=e.isDarkMode(n)?"dark":"light";e.onChange?.(t),i(t)});s.observe(e.target,{attributes:!0,attributeFilter:e.attributes,childList:!1,subtree:!1}),V.current=s;const a=e.isDarkMode(l(e.target,e?.attributes))?"dark":"light";return e.onChange?.(a),i(a),()=>s.disconnect()},[e]),o.jsxs(o.Fragment,{children:[p,P&&o.jsx(A.ColorModeProvider,{forcedColorMode:T??R,...I,shadowHostId:b?.id,rootId:y?.id,children:o.jsx("div",{className:M,style:{display:"contents",...j},children:m})})]})};exports.ThemeProvider=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("@inkeep/cxkit-theme"),F=require("@inkeep/cxkit-color-mode"),z=require("./config-provider.cjs"),D=require("merge-anything"),E=require("../atoms/custom-styles.cjs"),i=require("react"),H=({children:g})=>{const{baseSettings:y}=z.useInkeepConfig(),{theme:s,primaryBrandColor:h,shadowHost:b,rootElement:f,colorMode:C}=y,{primaryColors:S,varsClassName:M}=s,{fontFamily:v,fontSize:q,zIndex:k}=s,x=m.createColorScheme(S,h),p={colors:D.merge(s.colors,x),fontFamily:v,fontSize:q,zIndex:k},T=m.createCSSVariables(p),{customStyles:j,loaded:P}=E.useCustomStyles(),{sync:e,forcedColorMode:I,...R}=C??{},[V,l]=i.useState(),w=i.useRef(null);return i.useEffect(()=>{if(!e?.target)return;const t=typeof e.target=="string"?document.querySelector(e.target):e.target;if(!t)return;function a(c,o){return o.reduce((A,d)=>({...A,[d]:c.getAttribute(d)}),{})}const n=new MutationObserver(()=>{const c=a(t,e.attributes),o=e.isDarkMode?.(c)?"dark":"light";e.onChange?.(o),l(o)});n.observe(t,{attributes:!0,attributeFilter:e.attributes,childList:!1,subtree:!1}),w.current=n;const u=e.isDarkMode?.(a(t,e?.attributes))?"dark":"light";return e.onChange?.(u),l(u),()=>n.disconnect()},[e]),r.jsxs(r.Fragment,{children:[j,P&&r.jsx(F.ColorModeProvider,{forcedColorMode:I??V,...R,shadowHostId:b?.id,rootId:f?.id,children:r.jsx("div",{className:M,style:{display:"contents",...T},children:g})})]})};exports.ThemeProvider=H;