@super_studio/ecforce-ai-agent-react 0.5.1 → 0.5.2

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.
Files changed (15) hide show
  1. package/dist/components/chatbot-frame.d.ts +3 -1
  2. package/dist/components/chatbot-frame.d.ts.map +1 -1
  3. package/dist/components/provider/{chatbot-proivder.d.ts → chatbot-provider.d.ts} +1 -1
  4. package/dist/components/provider/{chatbot-proivder.d.ts.map → chatbot-provider.d.ts.map} +1 -1
  5. package/dist/index.d.ts +1 -1
  6. package/dist/index.js +21 -5
  7. package/dist/index.mjs +21 -5
  8. package/dist/lib/constants.d.ts +1 -1
  9. package/dist/lib/constants.d.ts.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/chatbot-frame.tsx +28 -3
  12. package/src/components/sheet.tsx +1 -1
  13. package/src/index.ts +1 -1
  14. package/src/lib/constants.ts +1 -1
  15. /package/src/components/provider/{chatbot-proivder.tsx → chatbot-provider.tsx} +0 -0
package/dist/components/chatbot-frame.d.ts CHANGED
@@ -2,6 +2,8 @@ import type { MCP } from "./provider/use-chatbot-frame-handler";
2
2
  export type ChatbotFrameProps = {
3
3
  /** 管理画面上のエージェントID */
4
4
  agentId: string;
5
+ /** 初期化時のチャットID */
6
+ initialChatId?: string;
5
7
  /** エージェントにつなげるMCPの情報 */
6
8
  mcps?: MCP[];
7
9
  /** アプリ名のメタデータ */
@@ -27,7 +29,7 @@ export type ChatbotFrameProps = {
27
29
  url?: string;
28
30
  className?: string;
29
31
  };
30
- export declare function ChatbotFrame({ agentId, appName, mcps, getSession, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare function ChatbotFrame({ agentId, appName, initialChatId, mcps, getSession, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
31
33
  export type SessionData = {
32
34
  sessionId: string;
33
35
  token: string;
package/dist/components/chatbot-frame.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chatbot-frame.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-frame.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sCAAsC,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAc,EACd,GAAG,EACH,SAAS,GACV,EAAE,iBAAiB,2CA4EnB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE,eAAe,sBAuCzD"}
1
+ {"version":3,"file":"chatbot-frame.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-frame.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sCAAsC,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,aAAa,EACb,IAAI,EACJ,UAAU,EACV,OAAc,EACd,GAAG,EACH,SAAS,GACV,EAAE,iBAAiB,2CAgFnB;AAoBD,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE,eAAe,sBAuCzD"}
package/dist/components/provider/{chatbot-proivder.d.ts → chatbot-provider.d.ts} RENAMED
@@ -35,4 +35,4 @@ type ChatbotProviderProps = {
35
35
  };
36
36
  export declare function ChatbotProvider({ children }: ChatbotProviderProps): import("react/jsx-runtime").JSX.Element;
37
37
  export {};
38
- //# sourceMappingURL=chatbot-proivder.d.ts.map
38
+ //# sourceMappingURL=chatbot-provider.d.ts.map
package/dist/components/provider/{chatbot-proivder.d.ts.map → chatbot-provider.d.ts.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"chatbot-proivder.d.ts","sourceRoot":"","sources":["../../../src/components/provider/chatbot-proivder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,6BAA6B,CAAC;AAGrC,KAAK,kBAAkB,GAAG;IACxB,gCAAgC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B,cAAc;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAMF,wBAAgB,UAAU,uBAMzB;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAkCjE"}
1
+ {"version":3,"file":"chatbot-provider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/chatbot-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,6BAA6B,CAAC;AAGrC,KAAK,kBAAkB,GAAG;IACxB,gCAAgC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B,cAAc;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAMF,wBAAgB,UAAU,uBAMzB;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAkCjE"}
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./components/provider/chatbot-proivder";
1
+ export * from "./components/provider/chatbot-provider";
2
2
  export * from "./components/chatbot-frame";
3
3
  export * from "./components/chatbot-sheet";
4
4
  export * from "./components/sheet";
package/dist/index.js CHANGED
@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
31
31
  return target;
32
32
  };
33
33
 
34
- // src/components/provider/chatbot-proivder.tsx
34
+ // src/components/provider/chatbot-provider.tsx
35
35
  var _react = require('react'); var React5 = _interopRequireWildcard(_react);
36
36
 
37
37
  // src/components/provider/use-chatbot-frame-handler.tsx
@@ -144,7 +144,7 @@ function useChatbotWindowStates() {
144
144
  return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
145
145
  }
146
146
 
147
- // src/components/provider/chatbot-proivder.tsx
147
+ // src/components/provider/chatbot-provider.tsx
148
148
  var _jsxruntime = require('react/jsx-runtime');
149
149
  var ChatbotContext = React5.default.createContext(
150
150
  void 0
@@ -191,13 +191,14 @@ function ChatbotProvider({ children }) {
191
191
 
192
192
 
193
193
  // src/lib/constants.ts
194
- var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
194
+ var PROD_CHATBOT_URL = "https://agent.ec-force.com";
195
195
 
196
196
  // src/components/chatbot-frame.tsx
197
197
 
198
198
  function ChatbotFrame({
199
199
  agentId,
200
200
  appName,
201
+ initialChatId,
201
202
  mcps,
202
203
  getSession,
203
204
  enabled = true,
@@ -205,7 +206,7 @@ function ChatbotFrame({
205
206
  className
206
207
  }) {
207
208
  var _a;
208
- const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
209
+ const baseUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
209
210
  const { setIframeEl } = useChatbot();
210
211
  const { init, setMcps, setAppName, setSessionToken, isReady } = useChatbot();
211
212
  const sentInitRef = React5.default.useRef(false);
@@ -250,7 +251,11 @@ function ChatbotFrame({
250
251
  "iframe",
251
252
  {
252
253
  ref: setIframeEl,
253
- src: `${chatbotUrl}/embed/${agentId}`,
254
+ src: buildIframeUrl({
255
+ baseUrl,
256
+ agentId,
257
+ initialChatId
258
+ }),
254
259
  className,
255
260
  allow: "clipboard-write",
256
261
  style: {
@@ -260,6 +265,17 @@ function ChatbotFrame({
260
265
  }
261
266
  );
262
267
  }
268
+ function buildIframeUrl({
269
+ baseUrl,
270
+ agentId,
271
+ initialChatId
272
+ }) {
273
+ const url = new URL(`/embed/${agentId}`, baseUrl);
274
+ if (initialChatId) {
275
+ url.searchParams.set("initialChatId", initialChatId);
276
+ }
277
+ return url.toString();
278
+ }
263
279
  function useSession({ getSession }) {
264
280
  const { setSessionToken } = useChatbot();
265
281
  const [session, setSession] = React5.default.useState();
package/dist/index.mjs CHANGED
@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
31
31
  return target;
32
32
  };
33
33
 
34
- // src/components/provider/chatbot-proivder.tsx
34
+ // src/components/provider/chatbot-provider.tsx
35
35
  import React3 from "react";
36
36
 
37
37
  // src/components/provider/use-chatbot-frame-handler.tsx
@@ -144,7 +144,7 @@ function useChatbotWindowStates() {
144
144
  return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
145
145
  }
146
146
 
147
- // src/components/provider/chatbot-proivder.tsx
147
+ // src/components/provider/chatbot-provider.tsx
148
148
  import { jsx } from "react/jsx-runtime";
149
149
  var ChatbotContext = React3.createContext(
150
150
  void 0
@@ -191,13 +191,14 @@ function ChatbotProvider({ children }) {
191
191
  import React4 from "react";
192
192
 
193
193
  // src/lib/constants.ts
194
- var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
194
+ var PROD_CHATBOT_URL = "https://agent.ec-force.com";
195
195
 
196
196
  // src/components/chatbot-frame.tsx
197
197
  import { jsx as jsx2 } from "react/jsx-runtime";
198
198
  function ChatbotFrame({
199
199
  agentId,
200
200
  appName,
201
+ initialChatId,
201
202
  mcps,
202
203
  getSession,
203
204
  enabled = true,
@@ -205,7 +206,7 @@ function ChatbotFrame({
205
206
  className
206
207
  }) {
207
208
  var _a;
208
- const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
209
+ const baseUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
209
210
  const { setIframeEl } = useChatbot();
210
211
  const { init, setMcps, setAppName, setSessionToken, isReady } = useChatbot();
211
212
  const sentInitRef = React4.useRef(false);
@@ -250,7 +251,11 @@ function ChatbotFrame({
250
251
  "iframe",
251
252
  {
252
253
  ref: setIframeEl,
253
- src: `${chatbotUrl}/embed/${agentId}`,
254
+ src: buildIframeUrl({
255
+ baseUrl,
256
+ agentId,
257
+ initialChatId
258
+ }),
254
259
  className,
255
260
  allow: "clipboard-write",
256
261
  style: {
@@ -260,6 +265,17 @@ function ChatbotFrame({
260
265
  }
261
266
  );
262
267
  }
268
+ function buildIframeUrl({
269
+ baseUrl,
270
+ agentId,
271
+ initialChatId
272
+ }) {
273
+ const url = new URL(`/embed/${agentId}`, baseUrl);
274
+ if (initialChatId) {
275
+ url.searchParams.set("initialChatId", initialChatId);
276
+ }
277
+ return url.toString();
278
+ }
263
279
  function useSession({ getSession }) {
264
280
  const { setSessionToken } = useChatbot();
265
281
  const [session, setSession] = React4.useState();
package/dist/lib/constants.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
1
+ export declare const PROD_CHATBOT_URL = "https://agent.ec-force.com";
2
2
  //# sourceMappingURL=constants.d.ts.map
package/dist/lib/constants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,wCAAwC,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+BAA+B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@super_studio/ecforce-ai-agent-react",
3
- "version": "0.5.1",
3
+ "version": "0.5.2",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",
package/src/components/chatbot-frame.tsx CHANGED
@@ -1,11 +1,13 @@
1
1
  import React from "react";
2
2
  import { PROD_CHATBOT_URL } from "../lib/constants";
3
- import { useChatbot } from "./provider/chatbot-proivder";
3
+ import { useChatbot } from "./provider/chatbot-provider";
4
4
  import type { MCP } from "./provider/use-chatbot-frame-handler";
5
5
 
6
6
  export type ChatbotFrameProps = {
7
7
  /** 管理画面上のエージェントID */
8
8
  agentId: string;
9
+ /** 初期化時のチャットID */
10
+ initialChatId?: string;
9
11
  /** エージェントにつなげるMCPの情報 */
10
12
  mcps?: MCP[];
11
13
  /** アプリ名のメタデータ */
@@ -35,13 +37,14 @@ export type ChatbotFrameProps = {
35
37
  export function ChatbotFrame({
36
38
  agentId,
37
39
  appName,
40
+ initialChatId,
38
41
  mcps,
39
42
  getSession,
40
43
  enabled = true,
41
44
  url,
42
45
  className,
43
46
  }: ChatbotFrameProps) {
44
- const chatbotUrl = url ?? process.env.CHATBOT_URL ?? PROD_CHATBOT_URL;
47
+ const baseUrl = url ?? process.env.CHATBOT_URL ?? PROD_CHATBOT_URL;
45
48
  const { setIframeEl } = useChatbot();
46
49
  const { init, setMcps, setAppName, setSessionToken, isReady } = useChatbot();
47
50
  const sentInitRef = React.useRef(false);
@@ -107,7 +110,11 @@ export function ChatbotFrame({
107
110
  return (
108
111
  <iframe
109
112
  ref={setIframeEl}
110
- src={`${chatbotUrl}/embed/${agentId}`}
113
+ src={buildIframeUrl({
114
+ baseUrl,
115
+ agentId,
116
+ initialChatId,
117
+ })}
111
118
  className={className}
112
119
  allow="clipboard-write"
113
120
  style={{
@@ -118,6 +125,24 @@ export function ChatbotFrame({
118
125
  );
119
126
  }
120
127
 
128
+ function buildIframeUrl({
129
+ baseUrl,
130
+ agentId,
131
+ initialChatId,
132
+ }: {
133
+ baseUrl: string;
134
+ agentId: string;
135
+ initialChatId?: string;
136
+ }) {
137
+ const url = new URL(`/embed/${agentId}`, baseUrl);
138
+
139
+ if (initialChatId) {
140
+ url.searchParams.set("initialChatId", initialChatId);
141
+ }
142
+
143
+ return url.toString();
144
+ }
145
+
121
146
  export type SessionData = {
122
147
  sessionId: string;
123
148
  token: string;
package/src/components/sheet.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as SheetPrimitive from "@radix-ui/react-dialog";
2
2
  import * as React from "react";
3
- import { useChatbot } from "./provider/chatbot-proivder";
3
+ import { useChatbot } from "./provider/chatbot-provider";
4
4
 
5
5
  function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
6
6
  const { open, setOpen } = useChatbot();
package/src/index.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./components/provider/chatbot-proivder";
1
+ export * from "./components/provider/chatbot-provider";
2
2
  export * from "./components/chatbot-frame";
3
3
  export * from "./components/chatbot-sheet";
4
4
  export * from "./components/sheet";
package/src/lib/constants.ts CHANGED
@@ -1 +1 @@
1
- export const PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
1
+ export const PROD_CHATBOT_URL = "https://agent.ec-force.com";