@inkeep/agents-ui 0.15.12 → 0.15.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +230 -220
- package/dist/primitives/atoms/combobox.cjs +1 -0
- package/dist/primitives/atoms/combobox.js +275 -0
- package/dist/primitives/atoms/icons/built-in-icons.cjs +1 -1
- package/dist/primitives/atoms/icons/built-in-icons.d.ts +2 -0
- package/dist/primitives/atoms/icons/built-in-icons.js +33 -31
- package/dist/primitives/atoms/icons/inkeep-default-icons.cjs +1 -1
- package/dist/primitives/atoms/icons/inkeep-default-icons.js +4 -1
- package/dist/primitives/components/chat-history/index.cjs +1 -0
- package/dist/primitives/components/chat-history/index.d.ts +27 -0
- package/dist/primitives/components/chat-history/index.js +105 -0
- package/dist/primitives/components/embedded-chat/use-captcha.cjs +1 -0
- package/dist/primitives/components/embedded-chat/use-captcha.d.ts +23 -6
- package/dist/primitives/components/embedded-chat/use-captcha.js +67 -0
- package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs +2 -2
- package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts +12 -3
- package/dist/primitives/components/embedded-chat/use-inkeep-chat.js +252 -144
- package/dist/primitives/components/embedded-chat/use-stream-processor.cjs +1 -1
- package/dist/primitives/components/embedded-chat/use-stream-processor.d.ts +2 -0
- package/dist/primitives/components/embedded-chat/use-stream-processor.js +127 -90
- package/dist/primitives/components/embedded-chat.cjs +4 -4
- package/dist/primitives/components/embedded-chat.d.ts +26 -2
- package/dist/primitives/components/embedded-chat.js +1304 -1149
- package/dist/primitives/components/index.cjs +1 -1
- package/dist/primitives/components/index.d.ts +1 -0
- package/dist/primitives/components/index.js +20 -18
- package/dist/primitives/hooks/use-anonymous-session.cjs +1 -0
- package/dist/primitives/hooks/use-anonymous-session.d.ts +12 -0
- package/dist/primitives/hooks/use-anonymous-session.js +57 -0
- package/dist/primitives/hooks/use-conversation-loader.cjs +1 -0
- package/dist/primitives/hooks/use-conversation-loader.d.ts +13 -0
- package/dist/primitives/hooks/use-conversation-loader.js +36 -0
- package/dist/primitives/hooks/use-inkeep-api-client.cjs +1 -0
- package/dist/primitives/hooks/use-inkeep-api-client.d.ts +33 -0
- package/dist/primitives/hooks/use-inkeep-api-client.js +87 -0
- package/dist/primitives/hooks/use-local-storage.cjs +1 -0
- package/dist/primitives/hooks/use-local-storage.d.ts +8 -0
- package/dist/primitives/hooks/use-local-storage.js +26 -0
- package/dist/primitives/hooks/use-simple-scroll.cjs +1 -1
- package/dist/primitives/hooks/use-simple-scroll.d.ts +12 -1
- package/dist/primitives/hooks/use-simple-scroll.js +45 -12
- package/dist/primitives/index.cjs +1 -1
- package/dist/primitives/index.js +157 -151
- package/dist/primitives/providers/base-events-provider.cjs +1 -1
- package/dist/primitives/providers/base-events-provider.js +1 -1
- package/dist/primitives/providers/chat-history-provider.cjs +1 -0
- package/dist/primitives/providers/chat-history-provider.d.ts +32 -0
- package/dist/primitives/providers/chat-history-provider.js +105 -0
- package/dist/primitives/providers/index.cjs +1 -1
- package/dist/primitives/providers/index.d.ts +1 -0
- package/dist/primitives/providers/index.js +55 -52
- package/dist/primitives/utils/component-ids.cjs +1 -1
- package/dist/primitives/utils/component-ids.d.ts +56 -0
- package/dist/primitives/utils/component-ids.js +31 -1
- package/dist/primitives/utils/default-settings.cjs +1 -1
- package/dist/primitives/utils/default-settings.d.ts +2 -0
- package/dist/primitives/utils/default-settings.js +6 -4
- package/dist/primitives/utils/form.cjs +1 -1
- package/dist/primitives/utils/form.d.ts +1 -1
- package/dist/primitives/utils/form.js +3 -1
- package/dist/react/chat-button-modal.cjs +1 -0
- package/dist/react/chat-button-modal.d.ts +22 -0
- package/dist/react/chat-button-modal.js +41 -0
- package/dist/react/chat-button.cjs +1 -1
- package/dist/react/chat-button.js +42 -38
- package/dist/react/embedded-chat.cjs +1 -1
- package/dist/react/embedded-chat.js +285 -240
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +1 -0
- package/dist/react/index.js +230 -220
- package/dist/react/sidebar-chat.cjs +1 -1
- package/dist/react/sidebar-chat.js +26 -22
- package/dist/styled/components/chat-bubble.cjs +1 -1
- package/dist/styled/components/chat-bubble.js +1 -1
- package/dist/styled/components/chat-history.cjs +1 -0
- package/dist/styled/components/chat-history.d.ts +15 -0
- package/dist/styled/components/chat-history.js +197 -0
- package/dist/styled/components/data-summary-group.cjs +1 -1
- package/dist/styled/components/data-summary-group.js +24 -24
- package/dist/styled/components/embedded-chat/session-loading.cjs +1 -0
- package/dist/styled/components/embedded-chat/session-loading.d.ts +1 -0
- package/dist/styled/components/embedded-chat/session-loading.js +26 -0
- package/dist/styled/components/embedded-chat.cjs +1 -1
- package/dist/styled/components/embedded-chat.d.ts +22 -1
- package/dist/styled/components/embedded-chat.js +735 -565
- package/dist/styled/components/embedded-search.cjs +1 -1
- package/dist/styled/components/embedded-search.js +1 -1
- package/dist/styled/components/index.cjs +1 -1
- package/dist/styled/components/index.d.ts +1 -0
- package/dist/styled/components/index.js +22 -20
- package/dist/styled/components/message.cjs +1 -1
- package/dist/styled/components/message.js +191 -183
- package/dist/styled/components/sidebar-chat.cjs +1 -1
- package/dist/styled/components/sidebar-chat.js +1 -1
- package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.cjs +1 -1
- package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.js +3 -2
- package/dist/styled/components/ui/recipes/combobox.cjs +1 -0
- package/dist/styled/components/ui/recipes/combobox.d.ts +4 -0
- package/dist/styled/components/ui/recipes/combobox.js +57 -0
- package/dist/styled/components/ui/recipes/index.cjs +1 -1
- package/dist/styled/components/ui/recipes/index.d.ts +1 -0
- package/dist/styled/components/ui/recipes/index.js +29 -27
- package/dist/styled/components/ui/recipes/modal.d.ts +1 -1
- package/dist/styled/components/ui/recipes/scrollable.d.ts +1 -1
- package/dist/styled/components/ui/recipes/select.d.ts +1 -1
- package/dist/styled/index.cjs +1 -1
- package/dist/styled/index.js +193 -185
- package/dist/styled/inkeep.css.cjs +328 -6
- package/dist/styled/inkeep.css.js +328 -6
- package/dist/types/config/ai.d.ts +17 -1
- package/dist/types/config/base.d.ts +21 -0
- package/dist/types/config/settings/form.d.ts +9 -1
- package/dist/types/icons/built-in.d.ts +1 -1
- package/dist/types/icons/custom.d.ts +3 -0
- package/package.json +6 -5
|
@@ -1,69 +1,73 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
2
|
+
import { jsxs as d, Fragment as f, jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { ChatHistoryTrigger as y } from "../styled/components/embedded-chat.js";
|
|
4
|
+
import { Root as I, Header as O, CloseButton as v } from "../styled/components/chat-bubble.js";
|
|
5
|
+
import { Container as S, ChatButton as A, ChatButtonText as H, ChatButtonAvatarContent as T, ChatButtonAvatarImage as k, ChatButtonCloseIcon as w } from "../styled/components/chat-button.js";
|
|
6
|
+
import { Shadow as c } from "../styled/components/shadow.js";
|
|
7
|
+
import { WebWidgetInteractionType as m } from "../primitives/providers/config-provider.js";
|
|
7
8
|
import { RootProvider as u } from "../primitives/providers/root-provider.js";
|
|
8
|
-
import { dataAttr as
|
|
9
|
-
import { ErrorBoundary as
|
|
10
|
-
import { useWidgetImpl as
|
|
11
|
-
import { InkeepEmbeddedChatImpl as
|
|
12
|
-
import { composeEventHandlers as
|
|
13
|
-
import { useControllableState as
|
|
14
|
-
function
|
|
15
|
-
return /* @__PURE__ */
|
|
9
|
+
import { dataAttr as x } from "../primitives/utils/misc.js";
|
|
10
|
+
import { ErrorBoundary as C } from "../primitives/atoms/error-boundary.js";
|
|
11
|
+
import { useWidgetImpl as E } from "./embedded-search-and-chat.impl.js";
|
|
12
|
+
import { InkeepEmbeddedChatImpl as P } from "./embedded-chat.js";
|
|
13
|
+
import { composeEventHandlers as R } from "./utils.js";
|
|
14
|
+
import { useControllableState as W } from "@radix-ui/react-use-controllable-state";
|
|
15
|
+
function j() {
|
|
16
|
+
return /* @__PURE__ */ d(O, { children: [
|
|
17
|
+
/* @__PURE__ */ t(y, {}),
|
|
18
|
+
/* @__PURE__ */ t(v, {})
|
|
19
|
+
] });
|
|
16
20
|
}
|
|
17
|
-
function
|
|
18
|
-
const { label: a, avatar: i, shouldAutoFocusInput:
|
|
21
|
+
function V(r) {
|
|
22
|
+
const { label: a, avatar: i, shouldAutoFocusInput: s, openSettings: e, ...n } = r, p = {
|
|
19
23
|
...n
|
|
20
|
-
}, { config: o } =
|
|
21
|
-
e?.isOpen === void 0 && l(!!
|
|
22
|
-
}, [
|
|
24
|
+
}, { config: o } = E({ ...p }), B = (b) => {
|
|
25
|
+
e?.isOpen === void 0 && l(!!b);
|
|
26
|
+
}, [g = e?.defaultOpen ?? !1, l] = W({
|
|
23
27
|
prop: e?.isOpen,
|
|
24
28
|
defaultProp: e?.defaultOpen ?? !1,
|
|
25
|
-
onChange:
|
|
26
|
-
}),
|
|
29
|
+
onChange: R(e?.onOpenChange, B)
|
|
30
|
+
}), h = {
|
|
27
31
|
...e,
|
|
28
|
-
isOpen:
|
|
32
|
+
isOpen: g,
|
|
29
33
|
onOpenChange: l
|
|
30
34
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */ t(
|
|
33
|
-
|
|
35
|
+
return /* @__PURE__ */ d(f, { children: [
|
|
36
|
+
/* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(c, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(u, { config: o, componentType: m.ChatButton, children: /* @__PURE__ */ t(
|
|
37
|
+
F,
|
|
34
38
|
{
|
|
35
39
|
label: a,
|
|
36
40
|
avatar: i,
|
|
37
41
|
onOpenChange: l,
|
|
38
|
-
openSettings:
|
|
42
|
+
openSettings: h
|
|
39
43
|
}
|
|
40
44
|
) }) }) }),
|
|
41
|
-
/* @__PURE__ */ t(
|
|
42
|
-
|
|
45
|
+
/* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(c, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(u, { config: o, componentType: m.ChatButton, children: /* @__PURE__ */ t(I, { openSettings: h, children: /* @__PURE__ */ t(
|
|
46
|
+
P,
|
|
43
47
|
{
|
|
44
48
|
variant: "no-shadow",
|
|
45
|
-
shouldAutoFocusInput:
|
|
46
|
-
header:
|
|
49
|
+
shouldAutoFocusInput: s,
|
|
50
|
+
header: j,
|
|
47
51
|
...n
|
|
48
52
|
}
|
|
49
53
|
) }) }) }) })
|
|
50
54
|
] });
|
|
51
55
|
}
|
|
52
|
-
function
|
|
56
|
+
function F({
|
|
53
57
|
label: r = "Ask AI",
|
|
54
58
|
avatar: a,
|
|
55
59
|
openSettings: i,
|
|
56
|
-
onOpenChange:
|
|
60
|
+
onOpenChange: s
|
|
57
61
|
}) {
|
|
58
|
-
const e = i?.isOpen ?? !1, n = (
|
|
59
|
-
|
|
62
|
+
const e = i?.isOpen ?? !1, n = (p) => {
|
|
63
|
+
p.button !== 2 && s?.((o) => !o);
|
|
60
64
|
};
|
|
61
|
-
return /* @__PURE__ */ t(
|
|
62
|
-
/* @__PURE__ */ t(
|
|
63
|
-
/* @__PURE__ */ t(
|
|
65
|
+
return /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(A, { "data-open": x(e), onClick: n, children: e ? /* @__PURE__ */ t(w, {}) : /* @__PURE__ */ d(f, { children: [
|
|
66
|
+
/* @__PURE__ */ t(H, { children: r }),
|
|
67
|
+
/* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(k, { avatar: a }) })
|
|
64
68
|
] }) }) });
|
|
65
69
|
}
|
|
66
70
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
71
|
+
F as ChatButtonImpl,
|
|
72
|
+
V as InkeepChatButton
|
|
69
73
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),s=require("../styled/components/embedded-chat.cjs"),h=require("../styled/components/modal.cjs"),M=require("../styled/components/shadow.cjs"),g=require("../styled/components/message.cjs"),p=require("../primitives/providers/config-provider.cjs"),C=require("../primitives/providers/root-provider.cjs"),k=require("../primitives/providers/widget-provider.cjs"),T=require("../primitives/components/modal/modal-provider.cjs"),F=require("../primitives/utils/misc.cjs"),j=require("../primitives/atoms/portal-with-theme.cjs"),B=require("../primitives/atoms/error-boundary.cjs"),S=require("./modal.cjs"),v=require("./widget-toggle.cjs");function w(r){const{baseSettings:t,aiChatSettings:n}=r;return e.jsx(B.ErrorBoundary,{children:e.jsx(M.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(C.RootProvider,{config:{baseSettings:t,aiChatSettings:n},componentType:p.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(b,{...r})})})})}function A(r){const{children:t,onToggleView:n,isHidden:a,shouldAutoFocusInput:o=!n}=r;return e.jsx(s.Provider,{isHidden:a,shouldAutoFocusInput:o,children:t})}function b(r){return e.jsx(A,{...r,children:e.jsx(I,{...r})})}function I(r){const{onToggleView:t,variant:n,header:a=y}=r,o=T.useModal(),i=k.useWidget(),c=o&&!i?S.ModalContent:x.Fragment;return e.jsx(c,{children:e.jsxs(s.Wrapper,{variant:n??(t?"no-shadow":"container-with-shadow"),"data-composite":F.dataAttr(!!r.onToggleView||o?.isOpen),children:[e.jsxs(s.Root,{children:[a&&e.jsx(a,{...r}),e.jsx(f,{}),e.jsx(W,{})]}),e.jsx(V,{}),e.jsx(O,{})]})})}const y=r=>{const{onToggleView:t,askAILabel:n,searchLabel:a}=r,o=!!t;return e.jsx(s.Header,{"data-show-toolbar":F.dataAttr(o),children:o?e.jsxs(s.HeaderToolbar,{children:[e.jsxs(s.HeaderToolbarWrapper,{children:[e.jsx(s.ToolbarHeader,{}),e.jsxs(s.Disclaimer,{children:[e.jsx(s.DisclaimerTrigger,{}),e.jsxs(s.DisclaimerContent,{side:"bottom",align:"start",children:[e.jsx(s.DisclaimerText,{}),e.jsx(s.DisclaimerArrow,{})]})]})]}),e.jsx(v.WidgetToggle,{onToggleView:t,askAILabel:n,searchLabel:a,view:"chat"}),e.jsx(h.Close,{})]}):e.jsx(h.Close,{})})};function f(){return e.jsx(s.Content,{children:e.jsxs(s.ContentScrollArea,{children:[e.jsx(s.ContentScrollAreaViewport,{children:e.jsx(E,{})}),e.jsx(s.ContentScrollAreaScrollbar,{children:e.jsx(s.ContentScrollAreaThumb,{})}),e.jsx(s.ContentScrollAreaCorner,{})]})})}function E(){const{aiChatSettings:{components:r}}=p.useInkeepConfig();return e.jsx(s.Messages,{children:({messages:t,isLoading:n})=>{const a=t.at(-1),o=(c,m)=>{const d=r?.[c];if(!d)return console.warn(`Component "${c}" not found in components config`),null;try{if(typeof d=="function"&&d.length<=1)return x.createElement(d,m);const l=d(m,document.createElement("div"),null);return x.isValidElement(l)||typeof l=="string"?l:null}catch(l){return console.error(`🔍 [renderComponent] Error rendering component "${c}":`,l),null}},i=c=>e.jsx(s.Markdown,{text:c});return e.jsxs(e.Fragment,{children:[e.jsx(H,{}),t.map(c=>e.jsxs(s.MessageWrapper,{message:c,children:[e.jsx(u,{}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:r?.IkpMessage?e.jsx(s.DynamicComponent,{name:"IkpMessage",props:{message:c,renderComponent:o,renderMarkdown:i},componentDef:r.IkpMessage}):e.jsxs(e.Fragment,{children:[e.jsx(g.EmbeddedChatMessagePart,{isLast:a?.id===c.id}),e.jsx(L,{})]})}),e.jsx(D,{}),e.jsx(P,{})]})]},c.id)),n&&a?.parts.length&&e.jsxs(s.MessageWrapper,{message:{id:"___loader___",role:"assistant",parts:[{type:"text",text:"Thinking..."}]},children:[e.jsx(u,{}),e.jsx(s.MessageLoading,{})]})]})}})}function H(){return e.jsxs(s.IntroMessageWrapper,{children:[e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]}),e.jsxs(s.MessageContentWrapper,{children:[e.jsx(s.MessageContent,{children:e.jsx(g.EmbeddedChatMessagePart,{isLast:!1})}),e.jsxs(s.Disclaimer,{children:[e.jsx(s.DisclaimerLabel,{}),e.jsx(s.DisclaimerTrigger,{}),e.jsxs(s.DisclaimerContent,{children:[e.jsx(s.DisclaimerText,{}),e.jsx(s.DisclaimerArrow,{})]})]}),e.jsxs(s.ExampleQuestions,{children:[e.jsx(s.ExampleQuestionsLabel,{}),e.jsx(s.ExampleQuestionsList,{children:r=>r.map(t=>e.jsx(s.ExampleQuestion,{children:e.jsx(s.ExampleQuestionButton,{question:t})},typeof t=="object"?t.label:t))})]})]})]})}function u(){return e.jsxs(s.MessageHeader,{children:[e.jsx(s.MessageAvatar,{children:e.jsx(s.MessageAvatarContent,{children:e.jsx(s.MessageAvatarImage,{})})}),e.jsx(s.MessageName,{})]})}function D(){return e.jsxs(s.MessageAttachments,{children:[e.jsx(s.MessageAttachmentsList,{children:r=>r.map(t=>e.jsxs(s.MessageAttachmentsItem,{attachment:t,children:[e.jsx(s.MessageAttachmentsItemIcon,{}),e.jsx(s.MessageAttachmentsItemTitle,{})]},t.id))}),e.jsx(s.MessageAttachmentsPreview,{children:e.jsx(j.PortalWithTheme,{children:e.jsx(s.MessageAttachmentsPreviewOverlay,{children:e.jsxs(s.MessageAttachmentsPreviewContent,{children:[e.jsx(s.MessageAttachmentsPreviewHeader,{}),e.jsx(s.MessageAttachmentsPreviewClose,{}),e.jsx(s.MessageAttachmentsPreviewBody,{})]})})})})]})}function P(){return e.jsxs(s.MessageToolbar,{children:[e.jsx(s.MessageCustomActions,{children:r=>r.map((t,n)=>e.jsx(s.MessageCustomAction,{action:t},`action-${n}`))}),e.jsx(s.MessageAction,{action:"copy"}),e.jsx(s.MessageAction,{action:"upvote"}),e.jsx(s.MessageAction,{action:"downvote"})]})}function L(){return e.jsxs(s.MessageSources,{children:[e.jsx(s.MessageSourcesHeader,{}),e.jsx(s.MessageSourcesList,{children:r=>r.map((t,n)=>e.jsxs(s.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(s.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(a=>e.jsxs(x.Fragment,{children:[a,e.jsx(s.MessageSourceItemBreadcrumbIcon,{})]},a))}),e.jsx(s.MessageSourceItemIcon,{}),e.jsx(s.MessageSourceItemTitle,{}),e.jsx(s.MessageSourceItemTag,{}),e.jsx(s.MessageSourceItemDescription,{children:a=>a.map((o,i)=>e.jsx(s.MessageSourceItemDescriptionPart,{part:o},`part-${i}`))}),e.jsx(s.MessageSourceItemIndicator,{})]},n))})]})}function W(){return e.jsxs(s.Footer,{children:[e.jsx(q,{}),e.jsx(_,{})]})}function q(){return e.jsxs(s.InputFieldset,{children:[e.jsxs(s.InputGroup,{children:[e.jsx(s.Input,{}),e.jsx(s.SendButton,{children:e.jsx(s.SendButtonIcon,{})})]}),e.jsxs(s.AttachmentsBar,{children:[e.jsx(s.AttachmentsBarList,{children:r=>r.map(t=>e.jsxs(s.AttachmentsBarAttachment,{attachment:t,children:[e.jsx(s.AttachmentsBarAttachmentIcon,{}),e.jsx(s.AttachmentsBarAttachmentTitle,{}),e.jsx(s.AttachmentsBarAttachmentDelete,{})]},t.id))}),e.jsxs(s.AttachmentsBarActions,{children:[e.jsxs(s.AttachmentsBarInfoTip,{children:[e.jsx(s.AttachmentsBarInfoTipIcon,{}),e.jsx(s.AttachmentsBarInfoTipText,{})]}),e.jsx(s.AttachmentsBarInputs,{children:r=>r.map(t=>e.jsx(s.AttachmentsBarInput,{input:t,children:t.displayName},t.id))})]}),e.jsx(j.PortalWithTheme,{children:e.jsx(s.AttachmentsBarModal,{children:e.jsx(s.AttachmentsBarModalOverlay,{children:e.jsxs(s.AttachmentsBarModalContent,{children:[e.jsxs(s.AttachmentsBarModalHeader,{children:[e.jsx(s.AttachmentsBarModalHeading,{}),e.jsx(s.AttachmentsBarModalDescription,{}),e.jsx(s.AttachmentsBarModalHelp,{})]}),e.jsx(s.AttachmentsBarModalClose,{}),e.jsx(s.AttachmentsBarModalBody,{children:e.jsxs(s.AttachmentsBarForm,{children:[e.jsxs(s.AttachmentsBarFormTitle,{children:[e.jsx(s.AttachmentsBarFormTitleLabel,{}),e.jsx(s.AttachmentsBarFormTitleInput,{}),e.jsx(s.AttachmentsBarFormTitleError,{})]}),e.jsxs(s.AttachmentsBarFormContent,{children:[e.jsx(s.AttachmentsBarFormContentLabel,{}),e.jsx(s.AttachmentsBarFormContentInput,{}),e.jsx(s.AttachmentsBarFormContentError,{})]}),e.jsx(s.AttachmentsBarFormSubmitButton,{})]})})]})})})})]})]})}function _(){return e.jsxs(s.ActionBar,{children:[e.jsxs(s.TaglineContainer,{children:[e.jsx(s.TaglineText,{}),e.jsx(s.TaglineLogo,{}),e.jsx(s.TaglineBrandName,{})]}),e.jsxs(s.Actions,{children:[e.jsx(s.HelpActions,{children:({pinned:r,unpinned:t})=>e.jsxs(e.Fragment,{children:[r.map(n=>e.jsx(s.HelpAction,{action:n},n.name)),t.length>0&&e.jsx(s.HelpActionsTrigger,{}),e.jsxs(s.HelpActionsMenu,{children:[e.jsx(s.HelpActionsMenuArrow,{}),t.map(n=>e.jsxs(s.HelpActionsMenuItem,{action:n,children:[e.jsx(s.HelpActionsMenuItemIcon,{action:n}),n.name]},n.name))]})]})}),e.jsxs(s.ChatAction,{action:"copy",children:[e.jsx(s.ChatActionLabel,{action:"copy"}),e.jsx(s.ChatActionFeedback,{action:"copy"})]}),e.jsx(s.ChatAction,{action:"clear"}),e.jsx(s.ChatAction,{action:"stop"})]})]})}function V(){return e.jsx(j.PortalWithTheme,{children:e.jsx(s.FeedbackModal,{children:e.jsx(s.FeedbackModalOverlay,{children:e.jsxs(s.FeedbackModalContent,{children:[e.jsx(s.FeedbackModalHeader,{}),e.jsx(s.FeedbackModalClose,{}),e.jsx(s.FeedbackModalBody,{children:e.jsxs(s.FeedbackForm,{children:[e.jsxs(s.FeedbackItem,{name:"unrelated_response",children:[e.jsx(s.FeedbackItemCheckbox,{children:e.jsx(s.FeedbackItemCheckboxIndicator,{})}),e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsxs(s.FeedbackItem,{name:"inaccurate_statement",children:[e.jsx(s.FeedbackItemCheckbox,{children:e.jsx(s.FeedbackItemCheckboxIndicator,{})}),e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsxs(s.FeedbackItem,{name:"inaccurate_code_snippet",children:[e.jsx(s.FeedbackItemCheckbox,{children:e.jsx(s.FeedbackItemCheckboxIndicator,{})}),e.jsx(s.FeedbackItemLabel,{}),e.jsx(s.FeedbackItemDescription,{})]}),e.jsxs(s.FeedbackItem,{name:"irrelevant_citations",children:[e.jsx(s.FeedbackItemCheckbox,{children:e.jsx(s.FeedbackItemCheckboxIndicator,{})}),e.jsx(s.FeedbackItemLabel,{})]}),e.jsx(s.FeedbackSubmitButton,{})]})})]})})})})}function O(){return e.jsxs(s.FormWrapper,{children:[e.jsx(s.FormClose,{}),e.jsxs(s.Form,{children:[e.jsxs(s.FormHeader,{children:[e.jsx(s.FormHeading,{}),e.jsx(s.FormDescription,{})]}),e.jsx(s.FormContent,{children:r=>e.jsxs(e.Fragment,{children:[r.map((t,n)=>e.jsxs(s.FormField,{field:t,autoFocus:n===0,children:[e.jsx(s.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(s.FormFieldText,{}),t.inputType==="email"&&e.jsx(s.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(s.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(s.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(s.FormFieldCheckbox,{children:e.jsx(s.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(s.FormFieldSelect,{children:[e.jsxs(s.FormFieldSelectTrigger,{children:[e.jsx(s.FormFieldSelectValue,{}),e.jsx(s.FormFieldSelectIcon,{})]}),e.jsx(s.FormFieldSelectContent,{children:e.jsx(s.FormFieldSelectViewport,{children:t.items.map(a=>e.jsxs(s.FormFieldSelectItem,{value:a.value,children:[e.jsx(s.FormFieldSelectItemText,{children:a.label}),e.jsx(s.FormFieldSelectItemIndicator,{})]},a.value))})})]}),e.jsx(s.FormFieldError,{})]},t.name)),e.jsx(s.FormError,{})]})}),e.jsxs(s.FormFooter,{children:[e.jsx(s.FormCancel,{}),e.jsx(s.FormSubmit,{})]})]}),e.jsxs(s.FormSuccess,{children:[e.jsx(s.FormSuccessHeading,{}),e.jsx(s.FormSuccessMessage,{}),e.jsx(s.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=w;exports.InkeepEmbeddedChatImpl=b;exports.InkeepEmbeddedChatImplContent=I;exports.InkeepEmbeddedChatProvider=A;
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),t=require("../styled/components/embedded-chat.cjs"),c=require("../styled/components/chat-history.cjs"),j=require("../styled/components/modal.cjs"),k=require("../styled/components/shadow.cjs"),b=require("../styled/components/message.cjs"),T=require("../primitives/providers/chat-history-provider.cjs"),u=require("../primitives/providers/config-provider.cjs"),B=require("../primitives/providers/root-provider.cjs"),y=require("../primitives/providers/widget-provider.cjs"),C=require("../primitives/components/embedded-chat/chat-provider.cjs"),S=require("../primitives/components/modal/modal-provider.cjs"),h=require("../primitives/utils/misc.cjs"),F=require("../primitives/atoms/portal-with-theme.cjs"),H=require("../primitives/atoms/error-boundary.cjs"),E=require("./modal.cjs"),v=require("./widget-toggle.cjs");function w(r){const{baseSettings:s,aiChatSettings:n}=r;return e.jsx(H.ErrorBoundary,{children:e.jsx(k.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(B.RootProvider,{config:{baseSettings:s,aiChatSettings:n},componentType:u.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(A,{...r})})})})}function I(r){const{children:s,onToggleView:n,isHidden:o,shouldAutoFocusInput:i=!n}=r;return e.jsx(t.Provider,{isHidden:o,shouldAutoFocusInput:i,children:s})}function A(r){return e.jsx(I,{...r,children:e.jsx(M,{...r})})}function M(r){const{onToggleView:s,variant:n,header:o=f}=r,i=S.useModal(),d=y.useWidget(),a=i&&!d?E.ModalContent:m.Fragment;return e.jsx(a,{children:e.jsxs(t.Wrapper,{variant:n??(s?"no-shadow":"container-with-shadow"),"data-composite":h.dataAttr(!!r.onToggleView||i?.isOpen),children:[e.jsx(Q,{}),e.jsxs(t.Root,{children:[o&&e.jsx(o,{...r}),e.jsx(L,{}),e.jsx(V,{})]}),e.jsx(R,{}),e.jsx($,{})]})})}const f=r=>{const{onToggleView:s,askAILabel:n,searchLabel:o}=r,{aiChatSettings:i}=u.useInkeepConfig(),d=i.isChatHistoryButtonVisible,a=!!s||d;return e.jsx(t.Header,{"data-show-toolbar":h.dataAttr(a),children:a?e.jsxs(t.HeaderToolbar,{"data-show-widget-toggle":h.dataAttr(!!s),children:[e.jsx(t.HeaderToolbarWrapper,{children:d&&e.jsx(t.ChatHistoryTrigger,{})}),s&&e.jsx(v.WidgetToggle,{onToggleView:s,askAILabel:n,searchLabel:o,view:"chat"}),e.jsx(j.Close,{})]}):e.jsx(j.Close,{})})};function L(){const{isSessionLoading:r}=C.useChat();return e.jsx(t.Content,{children:e.jsxs(t.ContentScrollArea,{children:[e.jsx(t.ContentScrollAreaViewport,{children:r?e.jsx(t.MessagesSessionLoading,{}):e.jsx(P,{})}),e.jsx(t.ContentScrollAreaScrollbar,{children:e.jsx(t.ContentScrollAreaThumb,{})}),e.jsx(t.ContentScrollAreaCorner,{})]})})}function P(){const{aiChatSettings:{components:r}}=u.useInkeepConfig();return e.jsx(t.Messages,{children:({messages:s,isLoading:n})=>{const o=s.at(-1),i=(a,g)=>{const l=r?.[a];if(!l)return console.warn(`Component "${a}" not found in components config`),null;try{if(typeof l=="function"&&l.length<=1)return m.createElement(l,g);const x=l(g,document.createElement("div"),null);return m.isValidElement(x)||typeof x=="string"?x:null}catch(x){return console.error(`🔍 [renderComponent] Error rendering component "${a}":`,x),null}},d=a=>e.jsx(t.Markdown,{text:a});return e.jsxs(e.Fragment,{children:[e.jsx(D,{}),s.map(a=>e.jsxs(t.MessageWrapper,{message:a,children:[e.jsx(p,{}),e.jsxs(t.MessageContentWrapper,{children:[e.jsx(t.MessageContent,{children:r?.IkpMessage?e.jsx(t.DynamicComponent,{name:"IkpMessage",props:{message:a,renderComponent:i,renderMarkdown:d},componentDef:r.IkpMessage}):e.jsxs(e.Fragment,{children:[e.jsx(b.EmbeddedChatMessagePart,{isLast:o?.id===a.id}),e.jsx(_,{})]})}),e.jsx(W,{}),e.jsx(q,{})]})]},a.id)),n&&o?.parts.length&&e.jsxs(t.MessageWrapper,{message:{id:"___loader___",role:"assistant",parts:[{type:"text",text:"Thinking..."}]},children:[e.jsx(p,{}),e.jsx(t.MessageLoading,{})]})]})}})}function D(){return e.jsxs(t.IntroMessageWrapper,{children:[e.jsxs(t.MessageHeader,{children:[e.jsx(t.MessageAvatar,{children:e.jsx(t.MessageAvatarContent,{children:e.jsx(t.MessageAvatarImage,{})})}),e.jsx(t.MessageName,{})]}),e.jsxs(t.MessageContentWrapper,{children:[e.jsx(t.MessageContent,{children:e.jsx(b.EmbeddedChatMessagePart,{isLast:!1})}),e.jsxs(t.Disclaimer,{children:[e.jsx(t.DisclaimerLabel,{}),e.jsx(t.DisclaimerTrigger,{}),e.jsxs(t.DisclaimerContent,{children:[e.jsx(t.DisclaimerText,{}),e.jsx(t.DisclaimerArrow,{})]})]}),e.jsxs(t.ExampleQuestions,{children:[e.jsx(t.ExampleQuestionsLabel,{}),e.jsx(t.ExampleQuestionsList,{children:r=>r.map(s=>e.jsx(t.ExampleQuestion,{children:e.jsx(t.ExampleQuestionButton,{question:s})},typeof s=="object"?s.label:s))})]})]})]})}function p(){return e.jsxs(t.MessageHeader,{children:[e.jsx(t.MessageAvatar,{children:e.jsx(t.MessageAvatarContent,{children:e.jsx(t.MessageAvatarImage,{})})}),e.jsx(t.MessageName,{})]})}function W(){return e.jsxs(t.MessageAttachments,{children:[e.jsx(t.MessageAttachmentsList,{children:r=>r.map(s=>e.jsxs(t.MessageAttachmentsItem,{attachment:s,children:[e.jsx(t.MessageAttachmentsItemIcon,{}),e.jsx(t.MessageAttachmentsItemTitle,{})]},s.id))}),e.jsx(t.MessageAttachmentsPreview,{children:e.jsx(F.PortalWithTheme,{children:e.jsx(t.MessageAttachmentsPreviewOverlay,{children:e.jsxs(t.MessageAttachmentsPreviewContent,{children:[e.jsx(t.MessageAttachmentsPreviewHeader,{}),e.jsx(t.MessageAttachmentsPreviewClose,{}),e.jsx(t.MessageAttachmentsPreviewBody,{})]})})})})]})}function q(){return e.jsxs(t.MessageToolbar,{children:[e.jsx(t.MessageCustomActions,{children:r=>r.map((s,n)=>e.jsx(t.MessageCustomAction,{action:s},`action-${n}`))}),e.jsx(t.MessageAction,{action:"copy"}),e.jsx(t.MessageAction,{action:"upvote"}),e.jsx(t.MessageAction,{action:"downvote"})]})}function _(){return e.jsxs(t.MessageSources,{children:[e.jsx(t.MessageSourcesHeader,{}),e.jsx(t.MessageSourcesList,{children:r=>r.map((s,n)=>e.jsxs(t.MessageSourceItem,{href:s.url,source:s,children:[e.jsx(t.MessageSourceItemBreadcrumbs,{children:s.breadcrumbs?.map(o=>e.jsxs(m.Fragment,{children:[o,e.jsx(t.MessageSourceItemBreadcrumbIcon,{})]},o))}),e.jsx(t.MessageSourceItemIcon,{}),e.jsx(t.MessageSourceItemTitle,{}),e.jsx(t.MessageSourceItemTag,{}),e.jsx(t.MessageSourceItemDescription,{children:o=>o.map((i,d)=>e.jsx(t.MessageSourceItemDescriptionPart,{part:i},`part-${d}`))}),e.jsx(t.MessageSourceItemIndicator,{})]},n))})]})}function V(){return e.jsxs(t.Footer,{children:[e.jsx(N,{}),e.jsx(O,{})]})}function N(){return e.jsxs(t.InputFieldset,{children:[e.jsxs(t.InputGroup,{children:[e.jsx(t.Input,{}),e.jsx(t.SendButton,{children:e.jsx(t.SendButtonIcon,{})})]}),e.jsxs(t.AttachmentsBar,{children:[e.jsx(t.AttachmentsBarList,{children:r=>r.map(s=>e.jsxs(t.AttachmentsBarAttachment,{attachment:s,children:[e.jsx(t.AttachmentsBarAttachmentIcon,{}),e.jsx(t.AttachmentsBarAttachmentTitle,{}),e.jsx(t.AttachmentsBarAttachmentDelete,{})]},s.id))}),e.jsxs(t.AttachmentsBarActions,{children:[e.jsxs(t.AttachmentsBarInfoTip,{children:[e.jsx(t.AttachmentsBarInfoTipIcon,{}),e.jsx(t.AttachmentsBarInfoTipText,{})]}),e.jsx(t.AttachmentsBarInputs,{children:r=>r.map(s=>e.jsx(t.AttachmentsBarInput,{input:s,children:s.displayName},s.id))})]}),e.jsx(F.PortalWithTheme,{children:e.jsx(t.AttachmentsBarModal,{children:e.jsx(t.AttachmentsBarModalOverlay,{children:e.jsxs(t.AttachmentsBarModalContent,{children:[e.jsxs(t.AttachmentsBarModalHeader,{children:[e.jsx(t.AttachmentsBarModalHeading,{}),e.jsx(t.AttachmentsBarModalDescription,{}),e.jsx(t.AttachmentsBarModalHelp,{})]}),e.jsx(t.AttachmentsBarModalClose,{}),e.jsx(t.AttachmentsBarModalBody,{children:e.jsxs(t.AttachmentsBarForm,{children:[e.jsxs(t.AttachmentsBarFormTitle,{children:[e.jsx(t.AttachmentsBarFormTitleLabel,{}),e.jsx(t.AttachmentsBarFormTitleInput,{}),e.jsx(t.AttachmentsBarFormTitleError,{})]}),e.jsxs(t.AttachmentsBarFormContent,{children:[e.jsx(t.AttachmentsBarFormContentLabel,{}),e.jsx(t.AttachmentsBarFormContentInput,{}),e.jsx(t.AttachmentsBarFormContentError,{})]}),e.jsx(t.AttachmentsBarFormSubmitButton,{})]})})]})})})})]})]})}function O(){return e.jsxs(t.ActionBar,{children:[e.jsxs(t.TaglineContainer,{children:[e.jsx(t.TaglineText,{}),e.jsx(t.TaglineLogo,{}),e.jsx(t.TaglineBrandName,{})]}),e.jsxs(t.Actions,{children:[e.jsx(t.HelpActions,{children:({pinned:r,unpinned:s})=>e.jsxs(e.Fragment,{children:[r.map(n=>e.jsx(t.HelpAction,{action:n},n.name)),s.length>0&&e.jsx(t.HelpActionsTrigger,{}),e.jsxs(t.HelpActionsMenu,{children:[e.jsx(t.HelpActionsMenuArrow,{}),s.map(n=>e.jsxs(t.HelpActionsMenuItem,{action:n,children:[e.jsx(t.HelpActionsMenuItemIcon,{action:n}),n.name]},n.name))]})]})}),e.jsxs(t.ChatAction,{action:"copy",children:[e.jsx(t.ChatActionLabel,{action:"copy"}),e.jsx(t.ChatActionFeedback,{action:"copy"})]}),e.jsx(t.ChatAction,{action:"clear"}),e.jsx(t.ChatAction,{action:"stop"})]})]})}function Q(){const{sessions:r}=T.useChatHistory(),{conversationId:s}=C.useChat();return e.jsxs(c.EmbeddedChatHistoryRoot,{children:[e.jsxs(c.EmbeddedChatHistoryHeader,{children:[e.jsxs(c.EmbeddedChatHistoryBackButton,{children:[e.jsx(c.EmbeddedChatHistoryBackButtonIcon,{iconKey:"backToChat"}),"Back to chat"]}),e.jsx(c.EmbeddedChatHistoryTitle,{}),e.jsx(j.Close,{})]}),e.jsxs(c.EmbeddedChatHistoryList,{children:[r.map(n=>e.jsxs(c.EmbeddedChatHistoryItem,{sessionId:n.id,"data-active":h.dataAttr(n.id===s),children:[e.jsx(c.EmbeddedChatHistoryItemTitle,{children:n.title}),e.jsx(c.EmbeddedChatHistoryItemDate,{children:c.formatSessionDate(n.updatedAt)})]},n.id)),e.jsx(c.EmbeddedChatHistoryEmptyState,{}),e.jsx(c.EmbeddedChatHistoryLoadingState,{})]}),e.jsx(c.EmbeddedChatHistoryFooter,{children:e.jsx(c.EmbeddedChatHistoryNewConversationButton,{})})]})}function R(){return e.jsx(F.PortalWithTheme,{children:e.jsx(t.FeedbackModal,{children:e.jsx(t.FeedbackModalOverlay,{children:e.jsxs(t.FeedbackModalContent,{children:[e.jsx(t.FeedbackModalHeader,{}),e.jsx(t.FeedbackModalClose,{}),e.jsx(t.FeedbackModalBody,{children:e.jsxs(t.FeedbackForm,{children:[e.jsxs(t.FeedbackItem,{name:"unrelated_response",children:[e.jsx(t.FeedbackItemCheckbox,{children:e.jsx(t.FeedbackItemCheckboxIndicator,{})}),e.jsx(t.FeedbackItemLabel,{}),e.jsx(t.FeedbackItemDescription,{})]}),e.jsxs(t.FeedbackItem,{name:"inaccurate_statement",children:[e.jsx(t.FeedbackItemCheckbox,{children:e.jsx(t.FeedbackItemCheckboxIndicator,{})}),e.jsx(t.FeedbackItemLabel,{}),e.jsx(t.FeedbackItemDescription,{})]}),e.jsxs(t.FeedbackItem,{name:"inaccurate_code_snippet",children:[e.jsx(t.FeedbackItemCheckbox,{children:e.jsx(t.FeedbackItemCheckboxIndicator,{})}),e.jsx(t.FeedbackItemLabel,{}),e.jsx(t.FeedbackItemDescription,{})]}),e.jsxs(t.FeedbackItem,{name:"irrelevant_citations",children:[e.jsx(t.FeedbackItemCheckbox,{children:e.jsx(t.FeedbackItemCheckboxIndicator,{})}),e.jsx(t.FeedbackItemLabel,{})]}),e.jsx(t.FeedbackSubmitButton,{})]})})]})})})})}function $(){return e.jsxs(t.FormWrapper,{children:[e.jsx(t.FormClose,{}),e.jsxs(t.Form,{children:[e.jsxs(t.FormHeader,{children:[e.jsx(t.FormHeading,{}),e.jsx(t.FormDescription,{})]}),e.jsx(t.FormContent,{children:r=>e.jsxs(e.Fragment,{children:[r.map((s,n)=>e.jsxs(t.FormField,{field:s,autoFocus:n===0,children:[e.jsx(t.FormFieldLabel,{}),s.inputType==="text"&&e.jsx(t.FormFieldText,{}),s.inputType==="email"&&e.jsx(t.FormFieldEmail,{}),s.inputType==="file"&&e.jsx(t.FormFieldFile,{}),s.inputType==="textarea"&&e.jsx(t.FormFieldTextArea,{}),s.inputType==="checkbox"&&e.jsx(t.FormFieldCheckbox,{children:e.jsx(t.FormFieldCheckboxIndicator,{})}),s.inputType==="select"&&e.jsxs(t.FormFieldSelect,{children:[e.jsxs(t.FormFieldSelectTrigger,{children:[e.jsx(t.FormFieldSelectValue,{}),e.jsx(t.FormFieldSelectIcon,{})]}),e.jsx(t.FormFieldSelectContent,{children:e.jsx(t.FormFieldSelectViewport,{children:s.items.map(o=>e.jsxs(t.FormFieldSelectItem,{value:o.value,children:[e.jsx(t.FormFieldSelectItemText,{children:o.label}),e.jsx(t.FormFieldSelectItemIndicator,{})]},o.value))})})]}),s.inputType==="combobox"&&e.jsxs(t.FormFieldCombobox,{children:[e.jsxs(t.FormFieldComboboxControl,{children:["multiple"in s&&s.multiple&&e.jsx(t.FormFieldComboboxSelectedTags,{}),e.jsx(t.FormFieldComboboxInput,{}),e.jsx(t.FormFieldComboboxTrigger,{})]}),e.jsx(t.FormFieldComboboxPositioner,{children:e.jsx(t.FormFieldComboboxContent,{children:e.jsx(t.FormFieldComboboxList,{children:e.jsx(t.FormFieldComboboxListItems,{children:o=>o.length===0?e.jsx(t.FormFieldComboboxListEmpty,{}):o.map(i=>e.jsxs(t.FormFieldComboboxItem,{item:i,children:[e.jsx(t.FormFieldComboboxItemText,{children:i.label}),e.jsx(t.FormFieldComboboxItemIndicator,{})]},i.value))})})})})]}),e.jsx(t.FormFieldDescription,{}),e.jsx(t.FormFieldError,{})]},s.name)),e.jsx(t.FormError,{})]})}),e.jsxs(t.FormFooter,{children:[e.jsx(t.FormCancel,{}),e.jsx(t.FormSubmit,{})]})]}),e.jsxs(t.FormSuccess,{children:[e.jsx(t.FormSuccessHeading,{}),e.jsx(t.FormSuccessMessage,{}),e.jsx(t.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=w;exports.InkeepEmbeddedChatImpl=A;exports.InkeepEmbeddedChatImplContent=M;exports.InkeepEmbeddedChatProvider=I;
|