cmcts-c-agent-embedding-react 1.0.0

package/.env

@@ -0,0 +1,36 @@
+# ==============================================
+# REQUIRED CONFIGURATION
+# ==============================================
+
+# API Host URL (required)
+# This should be the URL where your Flowise instance is running
+# Example: https://your-flowise-instance.com
+API_HOST=https://stock.cmcts.ai/c-agent
+
+# Flowise API Key (required)
+# Generate this from your Flowise instance settings page
+# Example: OxxGE-h_LaH7ZYorStjTOik1XY999RxxoHpCSYl8BXxc
+FLOWISE_API_KEY=ztl44tnaaZKMAEHmPBYgCCw3tiEdE-ls5F9Uv7kyMG4
+
+# ==============================================
+# CHATFLOWS CONFIGURATION (required)
+# ==============================================
+
+# Format: [identifier]=[chatflowId],[allowedDomain1],[allowedDomain2],...
+#
+# Each entry consists of:
+# - identifier: Any name you choose (e.g., agent1, support, salesbot)
+# - chatflowId: The UUID of your Flowise chatflow
+# - allowedDomains: Comma-separated list of domains where this chat can be embedded
+#                   Note: Wildcard domains (*) are not supported for security reasons
+#
+# Examples:
+# agent1=20db97c6-64c9-4411-bab4-7d6202171600,https://example1.com
+# support=1c28f529-a70f-5001-9bc5-4f4c5d03d8c0,https://example2.com,https://another-example2.com
+# salesbot=3db97c6-64c9-4411-bab4-7d620217160a,https://sales.example.com
+
+# Add your chatflows below:
+chatflow_1=6a63bb88-88f7-4c4d-805e-9c027c85707b
+chatflow_2=
+
+CHATWOOT_BASE_URL=http://203.145.47.214:8003

package/.idea/Flowise-share-chatbox.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,60 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <option name="LINE_SEPARATOR" value="&#10;" />
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="150" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="150" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="150" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="150" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,16 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="className" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+    <inspection_tool class="JSXNamespaceValidation" enabled="false" level="INFORMATION" enabled_by_default="false" />
+  </profile>
+</component>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Flowise-share-chatbox.iml" filepath="$PROJECT_DIR$/.idea/Flowise-share-chatbox.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/README.md

@@ -0,0 +1,48 @@
+<!-- markdownlint-disable MD030 -->
+
+# Flowise Embed React
+
+React library to display flowise chatbot on your website
+
+![Flowise](https://github.com/FlowiseAI/FlowiseChatEmbed/blob/main/images/ChatEmbed.gif?raw=true)
+
+## Install
+
+```bash
+npm install c-agent-embedding c-agent-embedding-react
+```
+
+or
+
+```bash
+yarn add c-agent-embedding c-agent-embedding-react
+```
+
+## Import
+
+Full Page Chat
+
+```tsx
+import { FullPageChat } from "c-agent-embedding-react";
+
+const App = () => {
+  return (
+    <FullPageChat
+      chatflowid="your-chatflow-id"
+      apiHost="http://localhost:3000"
+    />
+  );
+};
+```
+
+Popup Chat
+
+```tsx
+import { BubbleChat } from "c-agent-embedding-react";
+
+const App = () => {
+  return (
+    <BubbleChat chatflowid="your-chatflow-id" apiHost="http://localhost:3000" />
+  );
+};
+```

package/a.json

@@ -0,0 +1,57 @@
+[
+  {
+    "agentName": "question_analyzer",
+    "messages": [
+      "{\"sub_requests\":[\"gọi tư vấn viên\"],\"convesation_related\":true,\"worker_call\":false,\"name\":\"Van dong\",\"phone_number\":\"0376561156\",\"human_support\":true,\"unsatisfied_times\":0}"
+    ],
+    "usedTools": [
+      null
+    ],
+    "sourceDocuments": [
+      null
+    ],
+    "artifacts": [
+      null
+    ],
+    "state": {
+      "worker_call": false,
+      "sub_requests": [
+        "gọi tư vấn viên"
+      ],
+      "current_date": "Thursday, December 26, 2024 at 05:11 AM UTC",
+      "name": "Van dong",
+      "phone_number": "0376561156",
+      "human_support": true
+    },
+    "nodeName": "seqLLMNode",
+    "nodeId": "seqLLMNode_0"
+  },
+  {
+    "agentName": "check_call_CMC_worker",
+    "messages": [
+      "human_router"
+    ],
+    "nodeName": "seqCondition",
+    "nodeId": "seqCondition_0"
+  },
+  {
+    "agentName": "human_router",
+    "messages": [
+      "{\"assistant_phone_number\":\"034567812\",\"assistant_name\":\"Huy - Tư vấn viên học phí, học bổng\"}"
+    ],
+    "usedTools": [
+      null
+    ],
+    "sourceDocuments": [
+      null
+    ],
+    "artifacts": [
+      null
+    ],
+    "state": {
+      "human_support": false
+    },
+    "nodeName": "seqLLMNode",
+    "nodeId": "seqLLMNode_3"
+  }
+]

package/base.json

@@ -0,0 +1,21 @@
+{
+    "$schema": "https://json.schemastore.org/tsconfig",
+    "display": "Default",
+    "compilerOptions": {
+        "composite": false,
+        "declaration": true,
+        "declarationMap": true,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "inlineSources": false,
+        "isolatedModules": true,
+        "moduleResolution": "node",
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
+        "preserveWatchOutput": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "downlevelIteration": true
+    },
+    "exclude": ["node_modules"]
+}

package/dist/BubbleChat.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { BubbleProps } from 'cmcts-c-agent-embedding';
+type Props = BubbleProps;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'flowise-chatbot': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export declare const BubbleChat: (props: Props) => null;
+export {};
+//# sourceMappingURL=BubbleChat.d.ts.map

package/dist/BubbleChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChat.d.ts","sourceRoot":"","sources":["../src/BubbleChat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAG1D,KAAK,KAAK,GAAG,WAAW,CAAA;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACxC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAA;SACF;KACF;CACF;AAID,eAAO,MAAM,UAAU,UAAW,KAAK,SAkCtC,CAAA"}

package/dist/FullPageChat.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { BotProps } from 'cmcts-c-agent-embedding';
+type Props = BotProps & {
+    style?: React.CSSProperties;
+    className?: string;
+};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'flowise-fullchatbot': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                class?: string;
+            };
+        }
+    }
+}
+export declare const FullPageChat: ({ style, className, ...assignableProps }: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=FullPageChat.d.ts.map

package/dist/FullPageChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullPageChat.d.ts","sourceRoot":"","sources":["../src/FullPageChat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAGvD,KAAK,KAAK,GAAG,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAC5C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GAAG;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SACvB;KACF;CACF;AAID,eAAO,MAAM,YAAY,6CAA8C,KAAK,gBAe3E,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { FullPageChat } from './FullPageChat';
+export { BubbleChat } from './BubbleChat';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}