@baishuyun/chat-sdk 0.0.17 → 0.0.18

package/src/plugins/form-builder-plugin/utils/index.ts

@@ -29,14 +29,6 @@ function getMatchResult(origin: string, pattern: RegExp) {
   return matches ? matches[1] : '';
 }
 
-function ensureFormNameSuffix(name: string, suffix: string = '表') {
-  if (name.endsWith(suffix)) {
-    return name;
-  }
-
-  return name + suffix;
-}
-
 function extraFormNameFromFieldDesc(desc?: string) {
   if (!desc) {
     return '';
@@ -46,10 +38,7 @@ function extraFormNameFromFieldDesc(desc?: string) {
   const patternLib = [/关联来源:(.*)表?，/, /关联(.*)表?/, /（从(.*)表?中查询）/, /来自(.*)表?/];
 
   for (const pattern of patternLib) {
-    const result = getMatchResult(desc, pattern);
-    if (result) {
-      return ensureFormNameSuffix(result);
-    }
+    return getMatchResult(desc, pattern);
   }
 
   return '';
@@ -75,6 +64,7 @@ export function parseRawFormText(rawText: string): IFieldDesignInfo[] {
   const lines = rawText.split('\n').filter((line) => line.trim());
   const fields: IFieldDesignInfo[] = [];
 
+  let subFormName = '';
   lines.forEach((line) => {
     // 分割字段名和属性（如：合同编号 | 类型：流水号 | 必填：是 | 说明：xxx）
     let [fieldName, typePart, requiredPart, descPart, relationPart = ''] = line
@@ -89,6 +79,10 @@ export function parseRawFormText(rawText: string): IFieldDesignInfo[] {
     const typeMatch = typePart.match(/类型：(.*)/);
     const type = typeMatch ? typeMatch[1] : '';
 
+    if (type === '子表单') {
+      subFormName = fieldName;
+    }
+
     // 提取必填状态
     const requiredMatch = requiredPart.match(/必填：(\w+)/);
     const required = requiredMatch ? requiredMatch[1] === '是' : false;
@@ -107,8 +101,10 @@ export function parseRawFormText(rawText: string): IFieldDesignInfo[] {
     const parsedDesc = parseDesc(description);
 
     const splitFieldName = fieldName.split('-');
-    const isFieldInSubForm = splitFieldName.length > 1 || parsedDesc.isSubForm;
-    const parentFormName = isFieldInSubForm ? splitFieldName[0] || parsedDesc.formName : undefined;
+    const isFieldInSubForm =
+      splitFieldName.length > 1 || parsedDesc.isSubForm || description.includes('子表单字段');
+    const parentFormName =
+      (isFieldInSubForm ? splitFieldName[0] || parsedDesc.formName : undefined) || subFormName;
 
     fields.push({
       fieldName: isFieldInSubForm ? splitFieldName[splitFieldName.length - 1] : fieldName,
@@ -134,8 +130,8 @@ function extractLinkInfo(fields: IFieldDesignInfo[]): Map<string, LinkInfo> {
     // 仅处理关联查询类型的字段
     if (field.type === '关联查询' || field.type === '关联数据') {
       const targetFormName =
-        extraFormNameFromFieldDesc(field.relationDesc) ||
-        extraFormNameFromFieldDesc(field.description);
+        extraFormNameFromFieldDesc(field.description) ||
+        extraFormNameFromFieldDesc(field.relationDesc);
       const fieldNameMatch = field.fieldName.match(/\d+\. (.*)/);
       const fName = fieldNameMatch ? fieldNameMatch[1] : field.fieldName;
 
@@ -155,6 +151,10 @@ function extractLinkInfo(fields: IFieldDesignInfo[]): Map<string, LinkInfo> {
   return linkInfoMap;
 }
 
+export const ensureCleanFormName = (name: string) => {
+  return name.replace(/表单|表|管理表/g, '').trim();
+};
+
 /**
  * 解析 mcp 返回的表单设计文档，提取关联信息
  * @param designDoc
@@ -163,7 +163,7 @@ function extractLinkInfo(fields: IFieldDesignInfo[]): Map<string, LinkInfo> {
 export const parseFormDesignInfo = (designDoc: string): DesignInfo => {
   return {
     linkInfoMap: extractLinkInfo(parseRawFormText(designDoc)),
-    formName: extractFormName(designDoc),
+    formName: ensureCleanFormName(extractFormName(designDoc)),
   };
 };
 
@@ -242,23 +242,30 @@ export const formFieldsWalker = (
   for (const [name, info] of infoMap) {
     isDirty = false;
 
-    if (!isTargetForm(name, info)) {
-      console.log('不是目标表单，不处理');
+    if (!isTargetForm(ensureCleanFormName(name), info)) {
+      console.log('[formFieldsWalker]', '不是目标表单，不处理', name, info);
       continue;
     }
 
     const linkMap = info.designInfo.linkInfoMap;
 
     for (const [fieldName, linkInfo] of linkMap) {
-      if (isTargetField(fieldName, linkInfo)) {
-        isDirty = true;
+      if (!isTargetField(fieldName, linkInfo)) {
+        console.log('[formFieldsWalker]', '不是目标字段，不处理', name, info, fieldName);
+        continue;
+      }
 
-        const targetField = info.fieldMap.get(fieldName);
+      const targetField = info.fieldMap.get(fieldName);
+      if (!targetField) {
+        console.log('[formFieldsWalker]', '未找到目标字段，不处理', name, info, fieldName);
+        continue;
+      }
 
-        const result = fieldProcessor(info, targetField, linkInfo);
+      const result = fieldProcessor(info, targetField, linkInfo);
 
-        info.fieldMap.set(fieldName, result);
-      }
+      isDirty = true;
+
+      info.fieldMap.set(fieldName, result);
     }
 
     if (isDirty) {
@@ -360,30 +367,30 @@ export const enhanceLinkField = (
   formMap: Map<string, FormInfo>,
   onEnhanced: (processed?: Field) => void
 ): Field => {
-  console.log(field, linkInfo, formMap);
+  console.log('开始关联字段处理', field, linkInfo, formMap);
 
   // 非关联字段直接返回
   if (!isLinkField(field)) {
-    console.log('非关联字段，跳过处理', field);
+    console.log('[enhanceLinkField] 非关联字段，跳过处理', field);
     return field;
   }
 
   // 无关联信息直接返回
   if (!linkInfo.targetFormName) {
-    console.log('无关联信息，跳过处理', field);
+    console.log('[enhanceLinkField] 无关联信息，跳过处理', field);
     return field;
   }
 
   // 无表单映射直接返回
   if (formMap.size === 0) {
-    console.log('无表单映射，跳过处理', field);
+    console.log('[enhanceLinkField] 无表单映射，跳过处理', field);
     return field;
   }
 
   // 未找到目标表单直接返回
-  const targetForm = formMap.get(linkInfo.targetFormName);
+  const targetForm = formMap.get(ensureCleanFormName(linkInfo.targetFormName));
   if (!targetForm) {
-    console.log('未找到目标表单，跳过处理', field);
+    console.log('[enhanceLinkField] 未找到目标表单，跳过处理', formMap, linkInfo.targetFormName);
     return field;
   }
 
@@ -392,13 +399,13 @@ export const enhanceLinkField = (
     field.widget.linkForm = targetForm.formId;
     // field.widget.type = "linkdata";
   } catch (e) {
-    console.error('尝试建立表单关联失败');
+    console.log('[enhanceLinkField] 尝试建立表单关联失败');
     return field;
   }
 
   const targetSNFieldInTargetForm = targetForm.fields.find(isSNField);
   if (!targetSNFieldInTargetForm) {
-    console.log('未找到目标表单的主键字段，跳过处理', field);
+    console.log('[enhanceLinkField] 未找到目标表单的主键字段，跳过处理', field);
     return field;
   }
 
@@ -408,14 +415,14 @@ export const enhanceLinkField = (
       field.widget.linkKey = targetSNFieldInTargetForm.widget.widgetName;
       field.widget.linkType = 'sn';
     } catch (e) {
-      console.error('尝试建立主键关联失败');
+      console.log('[enhanceLinkField] 尝试建立主键关联失败');
       return field;
     }
   }
 
   const targetTargetTextFieldInTargetForm = targetForm.fields.find(isTextField);
   if (!targetTargetTextFieldInTargetForm) {
-    console.log('未找到目标表单的显示字段，跳过处理', field);
+    console.log('[enhanceLinkField] 未找到目标表单的显示字段，跳过处理', field);
     return field;
   }
 
@@ -434,12 +441,12 @@ export const enhanceLinkField = (
       // },
     ];
   } catch (e) {
-    console.error('尝试建立显示字段关联失败');
+    console.log('[enhanceLinkField] 尝试建立显示字段关联失败');
     return field;
   }
 
   // 关联信息已补全
-  console.log('关联字段信息已补全', field);
+  console.log('[enhanceLinkField] 关联字段信息已补全', field);
   onEnhanced(field);
   return field;
 };

package/src/plugins/form-filling-plugin/components/FormFillingOpeningLines.tsx

@@ -6,9 +6,11 @@ import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
 import { OpeningLinesProps } from '@baishuyun/types';
 import { useEvtBus } from '@/hooks/use-evt-bus';
 import { GetSafeFormStructure } from '../utils';
+import { useFakeGlobalLoadingMessage } from '@/hooks/use-frame-mode';
 
 export const FormFillingOpeningLines = ({ sendMessage }: OpeningLinesProps) => {
   const ctx = usePluginCtx<FormFillingPluginCtx, FormFillingPlugin>(PLUGIN_NAME);
+  const loading = useFakeGlobalLoadingMessage();
   const evtBus = useEvtBus();
   if (ctx?.fillMode === 'batch') {
     const formStructure = Array.from(ctx?.fieldMap.values() || []);
@@ -21,6 +23,8 @@ export const FormFillingOpeningLines = ({ sendMessage }: OpeningLinesProps) => {
           onClick={() => {
             evtBus.emit('form-filling-batch-fill-begin', {});
 
+            loading?.setGlobalFakeLoadingMessage('正在处理');
+
             sendMessage(
               {
                 text: `添加 ${DATA_COUNT_PER_BATCH} 条示例数据`,

package/src/plugins/form-filling-plugin/components/batch-fill-part.tsx

@@ -0,0 +1,17 @@
+import { MsgPartCompProps } from "@baishuyun/types";
+import { IFieldsData } from "../types";
+import { BatchGeneratorAction } from "./batch-generator-action";
+
+export const BatchFillPart: React.FC<MsgPartCompProps & IFieldsData> = (props) => {
+    const { id, setMessages, status, fieldsParts, sendMessage } = props;
+
+    return (
+      <BatchGeneratorAction
+        id={id}
+        setMessages={setMessages}
+        status={status}
+        parts={fieldsParts}
+        sendMessage={sendMessage}
+      />
+    )
+}

package/src/plugins/form-filling-plugin/components/batch-generator-action.tsx

@@ -13,6 +13,7 @@ import { GeneratedDataCounter } from './generated-data-counter';
 import { FirstBatchGeneratingAnimation } from './first-batch-generating-animation';
 import { NonFirstBatchGeneratingAnimation } from './non-first-batch-generating-animation';
 import { usePlugin } from '@/hooks/use-plugin';
+import { useFakeGlobalLoadingMessage } from '@/hooks/use-frame-mode';
 
 type FilledField = {
   fieldName: string;
@@ -24,7 +25,6 @@ type FilledField = {
 
 const useFillingEvtEmitter = (id: string) => {
   const evtBus = useEvtBus();
-
   return useCallback((f: FilledField) => {
     const normalizedValue = valueNormalizer(f.value as string | string[]);
 
@@ -104,6 +104,7 @@ const BaseBatchGeneratorAction = ({
 
   const evtBus = useEvtBus();
 
+
   const getRowNum = useCallback(() => {
     if (!fields || fields.length === 0) {
       return 0;
@@ -159,6 +160,7 @@ const BaseBatchGeneratorAction = ({
         <PrimaryConfirmBtn
           text={`继续生成${DATA_COUNT_PER_BATCH}条`}
           className="w-[300px]"
+          light
           onClick={() => {
             if (status === 'streaming' || streamingState) {
               return;
@@ -204,9 +206,12 @@ const PartParser = ({ parts, ...rest }: BatchGeneratorActionProps) => {
 
   const emit = useFillingEvtEmitter(rest.id);
 
+  const loadingMsg = useFakeGlobalLoadingMessage();
+
   usePartParser(lastPart, (all, latestField) => {
     setFields(all);
     emit(latestField);
+    loadingMsg.clearGlobalFakeLoadingMessage();
   });
 
   if (!lastPart) {

package/src/plugins/form-filling-plugin/components/entry-btn.tsx

@@ -39,7 +39,7 @@ export const EntryButton = ({ style, onClick, variant }: EntryButtonProps) => {
         }
         onClick?.();
       }}
-      entryVariant="ghost"
+      entryVariant="light"
       icon={<ColorfulEditIcon />}
     >
       AI填写

package/src/plugins/form-filling-plugin/components/first-batch-generating-animation.tsx

@@ -1,21 +1,11 @@
-import { BorderColorAnimation } from '@/components/bs-ui/border-color-animation';
+import BorderAnimation from '@/components/bs-ui/border-animation';
 import { GenerateAnimation } from '@/components/bs-ui/generate-animation';
+import { memo } from 'react';
 
-export const FirstBatchGeneratingAnimation = () => {
+export const FirstBatchGeneratingAnimation = memo(() => {
   return (
-    <BorderColorAnimation
-      width="100%"
-      height={40}
-      padding={10}
-      borderRadius={10}
-      bgInset={1000}
-      borderWidth={1.5}
-      style={{
-        display: 'flex',
-        alignItems: 'center',
-      }}
-    >
+    <BorderAnimation borderRadius={4} height={40} className="flex items-center px-[10px]">
       <GenerateAnimation>数据生成中，可点击下方按钮暂停</GenerateAnimation>
-    </BorderColorAnimation>
+    </BorderAnimation>
   );
-};
+});

package/src/plugins/form-filling-plugin/components/msg-part.tsx

@@ -1,141 +1,58 @@
-import { useState } from 'react';
 import { MarkdownMsgpart } from '@/components/biz-comp/markdown-part';
-import { MessageContent } from '@/components/biz-comp/message-content';
 import { usePluginCtx } from '@/hooks/use-plugin-ctx';
-
-import { GetFieldJsonInfo, IsFieldsJsonPart, NeedToAppendFieldsSaveConfirm } from '@/lib/utils';
 import { MsgPartCompProps } from '@baishuyun/types';
 import { TextUIPart } from 'ai';
-import { FILLING_EVENTS, PLUGIN_NAME } from '../const';
-import { FormFillingPluginCtx } from '../types';
-import { useEvtBus } from '@/hooks/use-evt-bus';
-import { FormFillingPlugin } from '..';
-import { valueNormalizer } from '../utils';
-import { FieldValueCheckerProps } from '@/components/biz-comp/FieldValueChecker';
-import { FieldValueCheckerListMsg } from '@/components/biz-comp/FieldCheckerListMsg';
-import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
-import { BatchGeneratorAction } from './batch-generator-action';
-import { useEvt } from '@/hooks/use-evt';
-
-export const FillMessagePart = (props: MsgPartCompProps) => {
-  const { part: p, id, sendMessage, setMessages, status } = props;
-
-  const part = p as TextUIPart;
 
-  const isFieldsJson = IsFieldsJsonPart(part);
-
-  const formFillingCtx = usePluginCtx<FormFillingPluginCtx, FormFillingPlugin>(PLUGIN_NAME);
-
-  const showConfirmBtn = NeedToAppendFieldsSaveConfirm(part);
-
-  const [confirmed, setConfirmed] = useState(false);
+import { PLUGIN_NAME } from '../const';
+import { FillPartRenderStrategy, FillPartRenderStrategyMap, FormFillingPluginCtx, IFieldsData } from '../types';
+import { FormFillingPlugin } from '..';
+import { useConversationIdInCtx } from '../hooks/use-conversation-id-in-ctx';
+import { useFieldsData } from '../hooks/use-fields-data';
+import { BatchFillPart } from './batch-fill-part';
+import { SingleFillPart } from './single-fill-part';
+
+const RENDER_STRATEGY_COMPONENT_MAP: FillPartRenderStrategyMap = {
+  batch: BatchFillPart,
+  single: SingleFillPart,
+  markdown: MarkdownMsgpart,
+  unknown: (_) => null,
+};
 
-  if (formFillingCtx) {
-    formFillingCtx.conversationId = id;
+const getRenderStrategy = (ctx: FormFillingPluginCtx | null, fieldsData: IFieldsData, part: any): FillPartRenderStrategy => {
+  if (fieldsData.fieldsParts.length && ctx && ctx.fillMode !== 'batch') {
+    return 'single';
   }
 
-  useEvt('chat-area-visibility-change', (data) => {
-    const visible = (data as { visible?: boolean } | undefined)?.visible;
+  if (ctx?.fillMode === 'batch' && fieldsData.fieldsParts.length) {
+    return 'batch';
+  }
 
-    if (visible === false && formFillingCtx?.fillMode === 'batch') {
-      setMessages(() => []);
-    }
-  });
+  if (part.text !== undefined && part.text.trim() !== '') {
+    return 'markdown';
+  }
 
-  const evtBus = useEvtBus();
+  return 'unknown';
+}
 
-  const fieldsParts = Array.isArray(part) && part.length ? part : isFieldsJson ? [part] : [];
-  if (fieldsParts.length && formFillingCtx && formFillingCtx.fillMode !== 'batch') {
-    const fieldPropsArray: Array<FieldValueCheckerProps | null> = fieldsParts.map((p) => {
-      const field = GetFieldJsonInfo(p);
-      if (
-        !formFillingCtx.fieldMap?.has(field.fieldName) &&
-        !formFillingCtx.subFieldsNameMap?.has(field.fieldName)
-      ) {
-        console.warn('unregistered field:', field.fieldName, formFillingCtx.fieldMap);
-        return null;
-      }
+export const FillMessagePart = (props: MsgPartCompProps) => {
+  const { part: p, id } = props;
 
-      const normalizedValue = valueNormalizer(field.value);
-      return {
-        field: {
-          label: field.label,
-          widget: {
-            widgetName: field.fieldName,
-            type: field.fieldType,
-            value: field.value,
-          },
-        },
-        onLoaded: (f: any) => {
-          f.widget.value = normalizedValue;
-          formFillingCtx.valueMap.set(f.widget?.widgetName, normalizedValue);
-          evtBus.emit(FILLING_EVENTS.FIELD_FILLED_UPDATE, {
-            field: f,
-            checked: true,
-          });
-        },
-        onChange: (check: boolean, f: any, parentFieldName?: string, row?: number) => {
-          if (check) {
-            formFillingCtx.valueMap.set(f.widget?.widgetName, normalizedValue);
-          }
-          evtBus.emit(FILLING_EVENTS.FIELD_FILLED_UPDATE, {
-            field: f,
-            checked: check,
-            parentFieldName,
-            rowIndex: row,
-          });
-        },
-      };
-    });
+  const part = p as TextUIPart;
 
-    const filled = fieldPropsArray.filter((f) => f !== null);
+  const formFillingCtx = usePluginCtx<FormFillingPluginCtx, FormFillingPlugin>(PLUGIN_NAME);
 
-    return (
-      <MessageContent className="gap-0 py-0" compact>
-        {status === 'ready' ? `已为你填写${filled.length}个字段` : null}
-        <FieldValueCheckerListMsg
-          props={filled}
-          readonly={confirmed}
-          streaming={status === 'streaming'}
-        >
-          {status === 'ready' ? (
-            <PrimaryConfirmBtn
-              className="mt-[20px] mb-[10px]"
-              disabled={confirmed}
-              onClick={() => {
-                setConfirmed(true);
-              }}
-            >
-              {confirmed ? '已确认' : '确认'}
-            </PrimaryConfirmBtn>
-          ) : null}
-        </FieldValueCheckerListMsg>
-        {status === 'ready'
-          ? '请选择需要的字段添加到表单。你可以补充描述后重新生成，表单中已添加字段在下次生成时保留。'
-          : null}
-      </MessageContent>
-    );
-  }
+  useConversationIdInCtx(formFillingCtx, id);
 
-  if (formFillingCtx?.fillMode === 'batch' && fieldsParts.length) {
-    return (
-      <BatchGeneratorAction
-        id={id}
-        setMessages={setMessages}
-        status={status}
-        parts={fieldsParts}
-        sendMessage={sendMessage}
-      />
-    );
-  }
+  const fieldsData = useFieldsData(part, formFillingCtx);
 
-  if (showConfirmBtn) {
-    return <PrimaryConfirmBtn>保存</PrimaryConfirmBtn>;
-  }
+  const renderStrategy = getRenderStrategy(formFillingCtx, fieldsData, part);
 
-  if (part.text !== undefined && part.text.trim() !== '') {
-    return <MarkdownMsgpart {...props} />;
-  }
+  const Component = RENDER_STRATEGY_COMPONENT_MAP[renderStrategy];
 
-  return null;
+  return (
+    <Component
+      {...props}
+      {...fieldsData}
+    />
+  )
 };

package/src/plugins/form-filling-plugin/components/non-first-batch-generating-animation.tsx

@@ -1,28 +1,18 @@
-import { BorderColorAnimation } from '@/components/bs-ui/border-color-animation';
 import { GenerateAnimation } from '@/components/bs-ui/generate-animation';
 import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
 import { DATA_COUNT_PER_BATCH } from '../const';
+import { memo } from 'react';
+import BorderAnimation from '@/components/bs-ui/border-animation';
 
-export const NonFirstBatchGeneratingAnimation = () => {
+export const NonFirstBatchGeneratingAnimation = memo(() => {
   return (
-    <BorderColorAnimation
-      width="100%"
-      height={110}
-      padding={4}
-      borderRadius={10}
-      bgInset={1000}
-      borderWidth={1.5}
-      style={{
-        display: 'flex',
-        alignItems: 'center',
-      }}
-    >
-      <div className="flex flex-col gap-[10px] w-full">
-        <GenerateAnimation className='ml-[16px]'>继续生成中，可点击下方暂停按钮暂停</GenerateAnimation>
+    <BorderAnimation borderRadius={10} height={110}>
+      <div className="flex flex-col gap-[10px] w-full pt-[4px]">
+        <GenerateAnimation className='ml-[16px] py-[10px]'>继续生成中，可点击下方暂停按钮暂停</GenerateAnimation>
         <PrimaryConfirmBtn
           className="w-[300px] mx-auto"
-         text={`继续生成${DATA_COUNT_PER_BATCH}条`} disabled />
+        text={`继续生成${DATA_COUNT_PER_BATCH}条`} disabled />
       </div>
-    </BorderColorAnimation>
+    </BorderAnimation>
   );
-};
+});

package/src/plugins/form-filling-plugin/components/single-fill-part.tsx

@@ -0,0 +1,42 @@
+import { MsgPartCompProps } from "@baishuyun/types";
+import { IFieldsData } from "../types";
+import { MessageContent } from "@/components/biz-comp/message-content";
+import { FieldValueCheckerListMsg } from "@/components/biz-comp/FieldCheckerListMsg";
+import { PrimaryConfirmBtn } from "@/components/bs-ui/primary-confirm-btn";
+import { useState } from "react";
+
+export const SingleFillPart: React.FC<MsgPartCompProps & IFieldsData> = (props) => {
+    const { status, filledFields} = props;
+    const [confirmed, setConfirmed] = useState(false);
+
+    const prefixTips = status === 'ready' ? `已为你填写${filledFields.length}个字段` : null;
+    const suffixTips = status === 'ready'
+        ? '请选择需要的字段添加到表单。你可以补充描述后重新生成，表单中已添加字段在下次生成时保留。'
+        : null;
+
+        const confirmedText = confirmed ? '已确认' : '确认';
+
+    return (
+      <MessageContent className="gap-0 py-0" compact>
+        {prefixTips}
+        <FieldValueCheckerListMsg
+          props={filledFields}
+          readonly={confirmed}
+          streaming={status === 'streaming'}
+        >
+          {status === 'ready' ? (
+            <PrimaryConfirmBtn
+              className="mt-[20px] mb-[10px]"
+              disabled={confirmed}
+              onClick={() => {
+                setConfirmed(true);
+              }}
+            >
+                {confirmedText}
+            </PrimaryConfirmBtn>
+          ) : null}
+        </FieldValueCheckerListMsg>
+        {suffixTips}
+      </MessageContent>
+    )
+}

package/src/plugins/form-filling-plugin/hooks/use-conversation-id-in-ctx.ts

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import { FormFillingPluginCtx } from '../types';
+
+export const useConversationIdInCtx = (
+  ctx: FormFillingPluginCtx | null,
+  conversationId?: string
+) => {
+  useEffect(() => {
+    if (ctx && conversationId) {
+      ctx.conversationId = conversationId;
+    }
+  }, [ctx, conversationId]);
+};