@messenger-box/tailwind-ui-inbox 10.0.3-alpha.100 → 10.0.3-alpha.102
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/CHANGELOG.md +8 -0
- package/lib/config/env-config.d.ts +1 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +3 -0
- package/lib/config/env-config.js.map +1 -1
- package/lib/container/AiLandingInput.d.ts.map +1 -1
- package/lib/container/AiLandingInput.js +19 -5
- package/lib/container/AiLandingInput.js.map +1 -1
- package/package.json +4 -4
- package/src/config/env-config.ts +1 -0
- package/src/container/AiLandingInput.tsx +20 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.0.3-alpha.102](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.101...v10.0.3-alpha.102) (2025-10-11)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
9
|
+
|
|
10
|
+
## [10.0.3-alpha.101](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.100...v10.0.3-alpha.101) (2025-10-11)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
13
|
+
|
|
6
14
|
## [10.0.3-alpha.100](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.99...v10.0.3-alpha.100) (2025-10-09)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
|
|
@@ -3,6 +3,7 @@ export declare const config: Readonly<{
|
|
|
3
3
|
WEB_INBOX_MESSEGE_PATH: string;
|
|
4
4
|
WEB_THREAD_MESSEGE_PATH: string;
|
|
5
5
|
MESSAGES_PER_PAGE: number;
|
|
6
|
+
MESSENGER_BOX_FORM_EXTENSION_ID: string;
|
|
6
7
|
FILES_PER_MESSAGE: number;
|
|
7
8
|
VITE_OPENAI_API_KEY: string;
|
|
8
9
|
VITE_ANTHROPIC_API_KEY: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;0CAYjB,CAAC"}
|
package/lib/config/env-config.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"uFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,EAAU;IACV,OAAA,EAAA;IACA;AACA,EAAA,sBAAmB,EAAG,GAAG,CAAA;IACzB,OAAA,EAAA;IACA;
|
|
1
|
+
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"uFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAErB,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,EAAU;IACV,OAAA,EAAA;IACA;AACA,EAAA,sBAAmB,EAAG,GAAG,CAAA;IACzB,OAAA,EAAA;IACA;yBACqB,KAAI,CAAE;IAC3B,OAAA,EAAA;IACA;qBACiB,GAAG;IACpB,UAAA,EAAA,EAAc;AACjB,IAAE,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AiLandingInput.d.ts","sourceRoot":"","sources":["../../src/container/AiLandingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;
|
|
1
|
+
{"version":3,"file":"AiLandingInput.d.ts","sourceRoot":"","sources":["../../src/container/AiLandingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;AA2O1B,wBAA0C"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React__default from'react';import {useNavigate}from'@remix-run/react';import {AiAgentMessageRole,PostTypeEnum,RoomType}from'common';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'../components/inbox/ThreadItem.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import'react-i18next';import'../config/env-config.js';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'@common-stack/components-pro';import'react-markdown';import'remark-gfm';import'../enums/messenger-slot-fill-name-enum.js';import'../components/InboxMessage/ServiceInboxItem.js';import {InputComponent}from'../components/InboxMessage/InputComponent.js';import {objectId}from'@messenger-box/core';import {
|
|
1
|
+
import React__default from'react';import {useNavigate}from'@remix-run/react';import {AiAgentMessageRole,PostTypeEnum,RoomType}from'common';import'date-fns';import'@react-icons/all-files/bs/BsFlag.js';import'../components/inbox/FilesList.js';import'../components/inbox/MessageItem.js';import'../components/inbox/ThreadItem.js';import'../components/InboxMessage/ConversationItem.js';import'../components/InboxMessage/ServiceConversationItem.js';import'../components/InboxMessage/LeftSidebar.js';import'react-i18next';import {config}from'../config/env-config.js';import'@react-icons/all-files/bi/BiImage.js';import'@react-icons/all-files/ai/AiOutlineSecurityScan.js';import'@react-icons/all-files/fi/FiCheck.js';import'@react-icons/all-files/bs/BsFillStarFill.js';import'@common-stack/components-pro';import'react-markdown';import'remark-gfm';import'../enums/messenger-slot-fill-name-enum.js';import'../components/InboxMessage/ServiceInboxItem.js';import {InputComponent}from'../components/InboxMessage/InputComponent.js';import {objectId}from'@messenger-box/core';import {useCreateChannelWorkflowJobMutation,useAddChannelMutation,useSendMessagesMutation}from'common/graphql';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';const TailwindOverlaySpinner = React__default.memo(() => React__default.createElement("div", {
|
|
2
2
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-30"
|
|
3
3
|
}, React__default.createElement("div", {
|
|
4
4
|
className: "animate-spin rounded-full h-10 w-10 border-2 border-white border-t-transparent"
|
|
5
5
|
})));
|
|
6
6
|
const AiLandingInput = () => {
|
|
7
|
-
const [
|
|
7
|
+
const [createChannelWorkflowJob] = useCreateChannelWorkflowJobMutation();
|
|
8
8
|
const [addChannel] = useAddChannelMutation();
|
|
9
9
|
const [sendMessage] = useSendMessagesMutation();
|
|
10
10
|
const navigate = useNavigate();
|
|
@@ -49,10 +49,11 @@ const AiLandingInput = () => {
|
|
|
49
49
|
console.log('Message sent without channel:', message, files);
|
|
50
50
|
setIsCreatingChannel(true);
|
|
51
51
|
const id = objectId();
|
|
52
|
+
const postId = objectId();
|
|
52
53
|
const channelId = objectId();
|
|
53
|
-
|
|
54
|
+
createChannelWorkflowJob({
|
|
54
55
|
variables: {
|
|
55
|
-
|
|
56
|
+
createChannelInput: {
|
|
56
57
|
channelId,
|
|
57
58
|
title: 'AI Assistant',
|
|
58
59
|
description: 'AI Assistant',
|
|
@@ -61,21 +62,34 @@ const AiLandingInput = () => {
|
|
|
61
62
|
projectId: id,
|
|
62
63
|
type: RoomType.Aiassistant,
|
|
63
64
|
postData: {
|
|
65
|
+
postId: postId,
|
|
64
66
|
type: PostTypeEnum.Aiassistant,
|
|
65
67
|
content: message,
|
|
66
68
|
props: {
|
|
69
|
+
generateAiCode: true,
|
|
67
70
|
template: modelConfig?.template || 'vite-react',
|
|
68
71
|
projectId: id,
|
|
69
72
|
role: AiAgentMessageRole.User,
|
|
70
73
|
fragment: {},
|
|
71
74
|
sendNotificationWithProjectId: true
|
|
72
75
|
}
|
|
76
|
+
},
|
|
77
|
+
additionalProperties: {
|
|
78
|
+
modelConfig: modelConfig
|
|
73
79
|
}
|
|
80
|
+
},
|
|
81
|
+
extensionInput: {
|
|
82
|
+
extensionId: config.MESSENGER_BOX_FORM_EXTENSION_ID,
|
|
83
|
+
stepName: 'createChannel',
|
|
84
|
+
formId: 'form-builder-proxy',
|
|
85
|
+
functionId: 'create-channel-function',
|
|
86
|
+
metadata: {},
|
|
87
|
+
source: 'final-submission'
|
|
74
88
|
}
|
|
75
89
|
},
|
|
76
90
|
onCompleted: data => {
|
|
77
91
|
console.log('Channel created:', data);
|
|
78
|
-
if (!data.
|
|
92
|
+
if (!data.createChannelWorkflowJob) {
|
|
79
93
|
setIsCreatingChannel(false);
|
|
80
94
|
return;
|
|
81
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AiLandingInput.js","sources":["../../src/container/AiLandingInput.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AiLandingInput.js","sources":["../../src/container/AiLandingInput.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"iuCAUA,MAAM,sBAAsB,GAAGA,cAAK,CAAC,IAAI,CAAC,MAAMA,cAC5C,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,EAAA,SAAA,EAAA;AAIR,CAAA,EAAAA,cAAM,CAAA,aAAc,CAAa,KAAK,EAAA;AAClC,EAAA,SAAO,EAAA;AACP,CAAA,CAAA,CAAA,CAAA;AACA,MAAA,cAAO,GAAY,MAAG;AACtB,EAAA,MAAA,CAAA,wBAA4B,CAAE,GAAC,mCAAA,EAAA;AAC/B,EAAA,MAAA,CAAA,UAAO,CAAA,GAAA,qBAAmB,EAAA;AAC1B,EAAA,MAAA,CAAA,WAAQ,CAAA,GAAW,uBAAqB,EAAA;QACxC,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,MAAA,CAAA,iBAAsB,EAAE,oBAAmB,CAAA,GAAGA,cAAM,CAAA,QAAS,CAAA,KAAM,CAAA;AAEnE,EAAA,MAAA;eAEQ;qBACI;sBACI;;AAEI,GAAA,GAAA,wBAAA,EAAA;;AAGA,EAAA,MAAA,CAAA,eAAA,EAAA,kBAAA,CAAA,GAAAA,uBAAgB,CAAA,IAAO,CAAA;qCAiBX,CAAA,KAAA,EAAA;AAEI,IAAA,SAAA,EAAA;AAKJ,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AASR,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAM,EAAA;AACN,IAAA,SAAA,EAAA;uCACI,EAAA;;iCAEJ,CAAC,IAAA,EAAA;;oCAED,CAAA,EAAAA,cAAoB,CAAC,aAAM,CAAA,GAAA,EAAA;AAC3B,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,8DAA0B,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAC1B,IAAA,SAAA,EAAA;AACA,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACI,IAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,SAAA,GAAA,kCAAW,GAAA,EAAA,CAAA;AACP,GAAA,EAAA,CAAA,SAAA,IAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAoB,EAAA,IAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAEhB,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AACA,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,wFAA2B,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAC3B,IAAA,SAAA,EAAA;AACA,GAAA,EAAA,2EAAa,CAAA,CAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;qCACb,KAAM;AACN,MAAA,MAAA,SAAA,GAAA,kBAAA,EAAQ;AACJ,MAAA,IAAA,CAAA,SAAA,IAAA,CAAA,SAAA,EAAA;;AAEA,QAAA;AACA,MAAA;AACI,MAAA,OAAA,CAAA,GAAA,CAAA,+BAAA,EAAA,OAAc,EAAE,KAAI,CAAA;AACpB,MAAA,oBAAA,CAAA,IAAA,CAAA;AACA,MAAA,MAAA,EAAA,GAAA,QAAA,EAAA;;AAEA,MAAA,MAAA,SAAA,GAAA,QAAA,EAAA;AACA,MAAA,wBAAA,CAAA;AACH,QAAA,SAAA,EAAA;AACJ,UAAA,kBAAA,EAAA;AACD,YAAA,SAAA;AACI,YAAA,KAAA,EAAA,cAAA;AACH,YAAA,WAAA,EAAA,cAAA;AACJ,YAAA,WAAA,EAAA,cAAA;AACD,YAAA,KAAA,EAAA,cAAA;;AAEI,YAAA,IAAA,EAAA,QAAA,CAAA,WAAA;AACA,YAAA,QAAA,EAAA;AACA,cAAA,MAAA,EAAA,MAAA;AACA,cAAA,IAAA,EAAA,YAAA,CAAA,WAAQ;AACR,cAAA,OAAA,EAAA,OAAA;AACH,cAAA,KAAA,EAAA;AACJ,gBAAA,cAAA,EAAA,IAAA;AACD,gBAAA,QAAA,EAAA,WAAA,EAAW,QAAY,IAAI,YAAA;AACvB,gBAAA,SAAA,EAAA,EAAA;AACA,gBAAA,IAAA,EAAA,kBAAK,CAAI,IAAC;;6CAEC,EAAA;;;gCAGX,EAAA;;AAEJ;AACI,WAAA;;+BAEH,CAAA,+BAAA;AACJ,YAAA,QAAA,EAAA,eAAE;AACP,YAAA,MAAA,EAAA,oBACY;AA8FhB,YAAA,UAAA,EAAA,yBAAK;AAKZ,YAAA,QAAA,EAAA,EAAA;AAGb,YAAE,MAAA,EAAA;AAEF;AAEA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@messenger-box/tailwind-ui-inbox",
|
|
3
|
-
"version": "10.0.3-alpha.
|
|
3
|
+
"version": "10.0.3-alpha.102",
|
|
4
4
|
"description": "Inbox UI components built with TailwindCSS",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"watch": "npm run build:lib:watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@messenger-box/core": "10.0.3-alpha.
|
|
25
|
-
"@messenger-box/platform-client": "10.0.3-alpha.
|
|
24
|
+
"@messenger-box/core": "10.0.3-alpha.102",
|
|
25
|
+
"@messenger-box/platform-client": "10.0.3-alpha.102",
|
|
26
26
|
"@monaco-editor/react": "^4.7.0",
|
|
27
27
|
"date-fns": "^4.1.0",
|
|
28
28
|
"date-fns-tz": "^3.2.0",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"typescript": {
|
|
59
59
|
"definition": "lib/index.d.ts"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "ec505401dce463098c4ef23dec09ab44a0f89531"
|
|
62
62
|
}
|
package/src/config/env-config.ts
CHANGED
|
@@ -8,6 +8,7 @@ export const config = cleanEnv(env, {
|
|
|
8
8
|
WEB_INBOX_MESSEGE_PATH: str({ default: 'inbox' }),
|
|
9
9
|
WEB_THREAD_MESSEGE_PATH: str({ default: 'thread' }),
|
|
10
10
|
MESSAGES_PER_PAGE: num({ devDefault: 10, default: 10 }),
|
|
11
|
+
MESSENGER_BOX_FORM_EXTENSION_ID: str({ default: '' }),
|
|
11
12
|
FILES_PER_MESSAGE: num({ default: 10 }),
|
|
12
13
|
VITE_OPENAI_API_KEY: str({ default: '' }),
|
|
13
14
|
VITE_ANTHROPIC_API_KEY: str({ default: '' }),
|
|
@@ -3,8 +3,9 @@ import { useNavigate } from '@remix-run/react';
|
|
|
3
3
|
import { AiAgentMessageRole, PostTypeEnum, RoomType } from 'common';
|
|
4
4
|
import { InputComponent } from '../components/InboxMessage';
|
|
5
5
|
import { objectId } from '@messenger-box/core';
|
|
6
|
-
import { useAddChannelMutation, useSendMessagesMutation,
|
|
6
|
+
import { useAddChannelMutation, useSendMessagesMutation, useCreateChannelWorkflowJobMutation } from 'common/graphql';
|
|
7
7
|
import { ModelConfigPanel } from '../components/ModelConfigPanel';
|
|
8
|
+
import { config } from '../config/env-config';
|
|
8
9
|
import { usePersistentModelConfig } from '../hooks/usePersistentModelConfig';
|
|
9
10
|
|
|
10
11
|
const TailwindOverlaySpinner = React.memo(() => (
|
|
@@ -14,7 +15,7 @@ const TailwindOverlaySpinner = React.memo(() => (
|
|
|
14
15
|
));
|
|
15
16
|
|
|
16
17
|
const AiLandingInput: React.FC = () => {
|
|
17
|
-
const [
|
|
18
|
+
const [createChannelWorkflowJob] = useCreateChannelWorkflowJobMutation();
|
|
18
19
|
const [addChannel] = useAddChannelMutation();
|
|
19
20
|
const [sendMessage] = useSendMessagesMutation();
|
|
20
21
|
const navigate = useNavigate();
|
|
@@ -73,10 +74,11 @@ const AiLandingInput: React.FC = () => {
|
|
|
73
74
|
console.log('Message sent without channel:', message, files);
|
|
74
75
|
setIsCreatingChannel(true);
|
|
75
76
|
const id = objectId();
|
|
77
|
+
const postId = objectId();
|
|
76
78
|
const channelId = objectId();
|
|
77
|
-
|
|
79
|
+
createChannelWorkflowJob({
|
|
78
80
|
variables: {
|
|
79
|
-
|
|
81
|
+
createChannelInput: {
|
|
80
82
|
channelId,
|
|
81
83
|
title: 'AI Assistant',
|
|
82
84
|
description: 'AI Assistant',
|
|
@@ -85,9 +87,11 @@ const AiLandingInput: React.FC = () => {
|
|
|
85
87
|
projectId: id,
|
|
86
88
|
type: RoomType.Aiassistant,
|
|
87
89
|
postData: {
|
|
90
|
+
postId: postId,
|
|
88
91
|
type: PostTypeEnum.Aiassistant,
|
|
89
92
|
content: message,
|
|
90
93
|
props: {
|
|
94
|
+
generateAiCode: true,
|
|
91
95
|
template: modelConfig?.template || 'vite-react',
|
|
92
96
|
projectId: id,
|
|
93
97
|
role: AiAgentMessageRole.User,
|
|
@@ -95,11 +99,22 @@ const AiLandingInput: React.FC = () => {
|
|
|
95
99
|
sendNotificationWithProjectId: true,
|
|
96
100
|
},
|
|
97
101
|
},
|
|
102
|
+
additionalProperties: {
|
|
103
|
+
modelConfig: modelConfig,
|
|
104
|
+
},
|
|
105
|
+
},
|
|
106
|
+
extensionInput: {
|
|
107
|
+
extensionId: config.MESSENGER_BOX_FORM_EXTENSION_ID,
|
|
108
|
+
stepName: 'createChannel',
|
|
109
|
+
formId: 'form-builder-proxy',
|
|
110
|
+
functionId: 'create-channel-function',
|
|
111
|
+
metadata: {},
|
|
112
|
+
source: 'final-submission',
|
|
98
113
|
},
|
|
99
114
|
},
|
|
100
115
|
onCompleted: (data: any) => {
|
|
101
116
|
console.log('Channel created:', data);
|
|
102
|
-
if (!data.
|
|
117
|
+
if (!data.createChannelWorkflowJob) {
|
|
103
118
|
setIsCreatingChannel(false);
|
|
104
119
|
return;
|
|
105
120
|
}
|