intellinum-chatbot 1.0.0

package/dist/index.mjs

@@ -0,0 +1,980 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/organisms/IntellinumChat.tsx
+import { jsx } from "react/jsx-runtime";
+var IntellinumChat = (props) => {
+  return /* @__PURE__ */ jsx("div", { children: "IntellinumChat" });
+};
+var IntellinumChat_default = IntellinumChat;
+
+// src/molecules/ChatSender.tsx
+import { useRef, useState as useState2 } from "react";
+
+// src/assets/icons/SendIcon.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SendIcon = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx2("g", { clipPath: "url(#clip0_1096_2365)", children: /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M1.60252 7.80845C1.17752 7.63761 1.18252 7.38345 1.63085 7.23428L17.5358 1.93261C17.9767 1.78595 18.2292 2.03262 18.1059 2.46428L13.5608 18.3693C13.4358 18.8101 13.165 18.8301 12.9633 18.4276L9.16668 10.8334L1.60252 7.80845ZM5.67752 7.64178L10.3742 9.52095L12.9075 14.5893L15.8625 4.24762L5.67668 7.64178H5.67752Z",
+            fill: "#FBFBFD"
+          }
+        ) }),
+        /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsx2("clipPath", { id: "clip0_1096_2365", children: /* @__PURE__ */ jsx2("rect", { width: "20", height: "20", fill: "white" }) }) })
+      ]
+    }
+  );
+};
+var SendIcon_default = SendIcon;
+
+// src/providers/ChatProvider.tsx
+import React, { useEffect, useState } from "react";
+
+// src/utils/api.tsx
+import axios from "axios";
+var handleGenerateToken = (PROXY_URL, ORACLE_TOKEN_URL, ORACLE_CLIENT_ID, ORACLE_CLIENT_SECRET, ORACLE_SCOPE) => __async(null, null, function* () {
+  try {
+    const res = yield axios.post(PROXY_URL, {
+      url: ORACLE_TOKEN_URL,
+      payload: {
+        grant_type: "client_credentials",
+        client_id: ORACLE_CLIENT_ID,
+        client_secret: ORACLE_CLIENT_SECRET,
+        scope: ORACLE_SCOPE
+      },
+      config: {
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded"
+        }
+      }
+    });
+    localStorage.setItem("intellinum-chatbot-token", res.data.access_token);
+  } catch (error) {
+  }
+});
+var handleCreateApi = (PROXY_URL, ORACLE_TOKEN_URL, ORACLE_CLIENT_ID, ORACLE_CLIENT_SECRET, ORACLE_SCOPE) => {
+  const apiRequest = axios.create({
+    baseURL: PROXY_URL
+  });
+  apiRequest.interceptors.request.use(
+    (config) => {
+      const token = localStorage.getItem("intellinum-chatbot-token");
+      if (token) {
+        if (config.method == "post") {
+          config.data = __spreadProps(__spreadValues({}, config.data), {
+            config: {
+              headers: {
+                Authorization: `Bearer ${token}`
+              }
+            }
+          });
+        } else if (config.method == "get") {
+          config.params = __spreadProps(__spreadValues({}, config.params), {
+            auth: `Bearer ${token}`
+          });
+        }
+      }
+      return config;
+    },
+    (error) => {
+      return Promise.reject(error);
+    }
+  );
+  apiRequest.interceptors.response.use(
+    (response) => {
+      return response;
+    },
+    (error) => __async(null, null, function* () {
+      let originalConfig = error.config;
+      if (error.response.status === 401 && !originalConfig._retry) {
+        yield handleGenerateToken(
+          PROXY_URL,
+          ORACLE_TOKEN_URL,
+          ORACLE_CLIENT_ID,
+          ORACLE_CLIENT_SECRET,
+          ORACLE_SCOPE
+        );
+        if (originalConfig.method == "post") {
+          try {
+            originalConfig.data = JSON.parse(originalConfig.data);
+          } catch (error2) {
+          }
+        }
+        return apiRequest.request(originalConfig);
+      }
+    })
+  );
+  const handlePost = (url, payload, config) => {
+    const res = apiRequest.post("/", {
+      url,
+      payload,
+      config
+    });
+    return res;
+  };
+  const handleGet = (url) => {
+    const res = apiRequest.get("/?url=" + url);
+    return res;
+  };
+  return {
+    post: handlePost,
+    get: handleGet
+  };
+};
+var API = {
+  create: handleCreateApi
+};
+var api_default = API;
+
+// src/providers/ChatProvider.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ChatContext = React.createContext(null);
+function ChatProvider(props) {
+  const {
+    ORACLE_TOKEN_URL,
+    ORACLE_BASE_URL,
+    ORACLE_CLIENT_ID,
+    ORACLE_CLIENT_SECRET,
+    ORACLE_SCOPE,
+    PROXY_URL,
+    WORKFLOW_CODE
+  } = props;
+  const ApiReq = api_default.create(
+    PROXY_URL,
+    ORACLE_TOKEN_URL,
+    ORACLE_CLIENT_ID,
+    ORACLE_CLIENT_SECRET,
+    ORACLE_SCOPE
+  );
+  const [chatHistories, setChatHistories] = useState([]);
+  const [chats, setChats] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isLoadingResponse, setIsLoadingResponse] = useState(false);
+  const [disallowChattingMessage, setDisallowChattingMessage] = useState("");
+  const handleNewChat = () => __async(null, null, function* () {
+  });
+  const handleSendChat = (message) => __async(null, null, function* () {
+    var _a;
+    setIsLoadingResponse(true);
+    try {
+      const res = yield ApiReq.post(
+        `${ORACLE_BASE_URL}/${WORKFLOW_CODE}/invokeAsync`,
+        {
+          message,
+          conversational: true,
+          invocationMode: "ADMIN",
+          conversationId: ((_a = chats[chats.length - 1]) == null ? void 0 : _a.jobId) || ""
+        }
+      );
+      setChats((prev) => [...prev, res.data]);
+      const jobId = res.data.jobId;
+      let jobStatus = res.data.status;
+      while (jobStatus === "RUNNING") {
+        const resCheck = yield ApiReq.get(
+          `${ORACLE_BASE_URL}/${WORKFLOW_CODE}/status/${jobId}?invocationMode=ADMIN`
+        );
+        jobStatus = resCheck.data.status;
+        setChats((prev) => {
+          return prev.map((chat) => {
+            if (chat.jobId === jobId) {
+              return resCheck.data;
+            }
+            return chat;
+          });
+        });
+        if (resCheck.data.status == "RUNNING") {
+          yield new Promise((resolve) => setTimeout(resolve, 2e3));
+        }
+        if (resCheck.data.status !== "RUNNING" && resCheck.data.status !== "COMPLETE") {
+          setChats((prev) => {
+            return prev.map((chat) => {
+              if (chat.jobId === jobId) {
+                return __spreadProps(__spreadValues({}, resCheck.data), {
+                  output: "Something went wrong"
+                });
+              }
+              return chat;
+            });
+          });
+        }
+      }
+    } catch (error) {
+      console.log("errpr", error);
+    }
+    setIsLoadingResponse(false);
+  });
+  const handleResponseChat = () => __async(null, null, function* () {
+  });
+  const handleChangeTopic = () => __async(null, null, function* () {
+  });
+  const handleAttachFile = () => __async(null, null, function* () {
+  });
+  const handleDeleteChat = () => __async(null, null, function* () {
+  });
+  const handleGetHistoryChat = () => __async(null, null, function* () {
+  });
+  useEffect(() => {
+  }, []);
+  return /* @__PURE__ */ jsx3(
+    ChatContext.Provider,
+    {
+      value: {
+        chatHistories,
+        setChatHistories,
+        chats,
+        setChats,
+        isLoading,
+        setIsLoading,
+        isLoadingResponse,
+        setIsLoadingResponse,
+        disallowChattingMessage,
+        setDisallowChattingMessage,
+        handleNewChat,
+        handleSendChat,
+        handleResponseChat,
+        handleChangeTopic,
+        handleAttachFile,
+        handleDeleteChat,
+        handleGetHistoryChat
+      },
+      children: props.children
+    }
+  );
+}
+var useChat = () => React.useContext(ChatContext);
+var ChatProvider_default = ChatProvider;
+
+// src/atoms/CustomLoading/index.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function CustomLoading({ size = "12px" }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "typing-dots", children: [
+    /* @__PURE__ */ jsx4("span", { style: { width: size, height: size } }),
+    /* @__PURE__ */ jsx4("span", { style: { width: size, height: size } }),
+    /* @__PURE__ */ jsx4("span", { style: { width: size, height: size } })
+  ] });
+}
+var CustomLoading_default = CustomLoading;
+
+// src/molecules/ChatSender.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ChatSender = (props) => {
+  const textareaRef = useRef(null);
+  const { handleSendChat, isLoadingResponse } = useChat();
+  const [message, setMessage] = useState2("");
+  const handleInput = () => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    if (!el.value) {
+      el.style.height = "40px";
+      el.style.overflowY = "hidden";
+      return;
+    }
+    if (el.scrollHeight > 200) {
+      el.style.height = "200px";
+      el.style.overflowY = "auto";
+    } else {
+      el.style.height = `${el.scrollHeight}px`;
+      el.style.overflowY = "hidden";
+    }
+  };
+  const sendChat = () => __async(null, null, function* () {
+    if (message.length > 0 && !isLoadingResponse) {
+      setMessage("");
+      setTimeout(() => {
+        handleInput();
+      }, 0);
+      yield handleSendChat(message);
+    }
+  });
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: `ic-pt-4 ic-pb-2 ic-px-4   ic-w-full ic-max-w-2xl ic-bg-white ic-rounded-md ic-border ic-border-gray-200 ic-flex ic-items-start ic-justify-between ic-gap-3`,
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "ic-w-full ", children: /* @__PURE__ */ jsx5(
+          "textarea",
+          {
+            ref: textareaRef,
+            placeholder: "Ask anything",
+            value: message,
+            rows: 1,
+            onInput: handleInput,
+            className: `w-full ic-text-sm ic-py-2 ic-w-full ic-px-3 focus:ic-outline-none ic-rounded-md ic-border
+          ic-border-gray-300 ic-overflow-auto
+          
+          `,
+            onChange: (e) => {
+              setMessage(e.target.value);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                if (e.shiftKey || isLoadingResponse) return;
+                e.preventDefault();
+                sendChat();
+              }
+            }
+          }
+        ) }),
+        isLoadingResponse ? /* @__PURE__ */ jsx5("div", { className: "ic-mt-4", children: /* @__PURE__ */ jsx5(CustomLoading_default, { size: "8px" }) }) : /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: `${message.length < 1 || isLoadingResponse ? "ic-bg-gray-400" : "ic-bg-primary-500"} ic-mt-1 ic-shrink-0 ic-grow-0 ic-w-9 ic-h-9 ic-rounded-md ic-flex ic-justify-center ic-items-center ic-border ic-border-gray-300`,
+            onClick: () => {
+              sendChat();
+            },
+            children: /* @__PURE__ */ jsx5(SendIcon_default, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var ChatSender_default = ChatSender;
+
+// src/molecules/ChatHistory.tsx
+import { useMemo, useState as useState4 } from "react";
+
+// src/assets/icons/MenuFoldLineIcon.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var MenuFoldLineIcon = (props) => {
+  return /* @__PURE__ */ jsx6(Fragment, { children: /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx6("g", { clipPath: "url(#clip0_1081_1936)", children: /* @__PURE__ */ jsx6(
+          "path",
+          {
+            d: "M17.4993 15.0001V16.6668H2.49935V15.0001H17.4993ZM5.49602 3.25342L6.67435 4.43175L4.02268 7.08342L6.67435 9.73509L5.49602 10.9134L1.66602 7.08342L5.49602 3.25342ZM17.4993 9.16675V10.8334H9.99935V9.16675H17.4993ZM17.4993 3.33342V5.00008H9.99935V3.33342H17.4993Z",
+            fill: "#21305F"
+          }
+        ) }),
+        /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsx6("clipPath", { id: "clip0_1081_1936", children: /* @__PURE__ */ jsx6("rect", { width: "20", height: "20", fill: "white" }) }) })
+      ]
+    }
+  ) });
+};
+var MenuFoldLineIcon_default = MenuFoldLineIcon;
+
+// src/utils/TwMerge.tsx
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/atoms/InputForm.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var InputForm = (props) => {
+  const _a = props, { rightIcon } = _a, rest = __objRest(_a, ["rightIcon"]);
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: `ic-border  ic-border-gray-300 ic-w-full ic-rounded-md ic-flex ic-items-center
+        focus-within:ic-border-dark-primary-500 focus-within:ic-border-2
+      
+    `,
+      children: [
+        /* @__PURE__ */ jsx7(
+          "input",
+          __spreadProps(__spreadValues({}, rest), {
+            className: `ic-py-2 ic-w-full ic-px-3 focus:ic-outline-none
+        ${cn({ "ic-pr-3 ic-border-r ic-border-gray-300": props.rightIcon })}
+          ${cn({ "ic-rounded-r-md": !props.rightIcon })}
+        `
+          })
+        ),
+        props.rightIcon && /* @__PURE__ */ jsx7("div", { className: "ic-py-2 ic-px-3 ic-pl-2", children: props.rightIcon })
+      ]
+    }
+  );
+};
+var InputForm_default = InputForm;
+
+// src/assets/icons/SearchIcon.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var SearchIcon = (props) => {
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      width: "17",
+      height: "17",
+      viewBox: "0 0 17 17",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx8(
+        "path",
+        {
+          d: "M16.0232 14.9163L10.806 9.69911C11.6156 8.65246 12.0536 7.37277 12.0536 6.02679C12.0536 4.41563 11.4248 2.90491 10.2877 1.76585C9.15067 0.626786 7.63594 0 6.02679 0C4.41763 0 2.9029 0.628795 1.76585 1.76585C0.626786 2.9029 0 4.41563 0 6.02679C0 7.63594 0.628795 9.15067 1.76585 10.2877C2.9029 11.4268 4.41563 12.0536 6.02679 12.0536C7.37277 12.0536 8.65045 11.6156 9.6971 10.808L14.9143 16.0232C14.9296 16.0385 14.9477 16.0507 14.9677 16.0589C14.9877 16.0672 15.0092 16.0715 15.0308 16.0715C15.0524 16.0715 15.0739 16.0672 15.0939 16.0589C15.1139 16.0507 15.132 16.0385 15.1473 16.0232L16.0232 15.1493C16.0385 15.134 16.0507 15.1159 16.0589 15.0959C16.0672 15.0759 16.0715 15.0545 16.0715 15.0328C16.0715 15.0112 16.0672 14.9897 16.0589 14.9697C16.0507 14.9498 16.0385 14.9316 16.0232 14.9163ZM9.20893 9.20893C8.35714 10.0587 7.22813 10.5268 6.02679 10.5268C4.82545 10.5268 3.69643 10.0587 2.84464 9.20893C1.99487 8.35714 1.52679 7.22813 1.52679 6.02679C1.52679 4.82545 1.99487 3.69442 2.84464 2.84464C3.69643 1.99487 4.82545 1.52679 6.02679 1.52679C7.22813 1.52679 8.35915 1.99286 9.20893 2.84464C10.0587 3.69643 10.5268 4.82545 10.5268 6.02679C10.5268 7.22813 10.0587 8.35915 9.20893 9.20893Z",
+          fill: "black",
+          fillOpacity: "0.45"
+        }
+      )
+    }
+  );
+};
+var SearchIcon_default = SearchIcon;
+
+// src/atoms/ChatAction.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
+
+// src/assets/icons/MessageIcon.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var MessageIcon = (props) => {
+  return /* @__PURE__ */ jsxs6(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxs6("g", { clipPath: "url(#clip0_1092_4826)", children: [
+          /* @__PURE__ */ jsx9(
+            "path",
+            {
+              d: "M11.3619 7.9687C10.8463 7.9687 10.4468 8.36825 10.4468 8.86156C10.4468 9.35486 10.8463 9.75441 11.3619 9.75441C11.8329 9.75441 12.2325 9.35486 12.2325 8.86156C12.2325 8.36825 11.8329 7.9687 11.3619 7.9687ZM5.11194 7.9687C4.59631 7.9687 4.19676 8.36825 4.19676 8.86156C4.19676 9.35486 4.59631 9.75441 5.11194 9.75441C5.58292 9.75441 5.98247 9.35486 5.98247 8.86156C5.98247 8.36825 5.58292 7.9687 5.11194 7.9687Z",
+              fill: `${props.color || "#5F79C8"}`
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            "path",
+            {
+              d: "M18.5265 6.27053C17.4938 4.84897 16.0046 3.8247 14.3077 3.36874V3.37098C13.926 2.94687 13.4952 2.55624 13.0131 2.20803C9.35908 -0.44822 4.22961 0.362048 1.5622 4.01607C-0.587352 6.98482 -0.495834 10.9781 1.69613 13.8152L1.71399 16.775C1.71399 16.8464 1.72515 16.9179 1.74747 16.9848C1.77555 17.0743 1.82098 17.1573 1.88118 17.2292C1.94138 17.301 2.01515 17.3603 2.09829 17.4037C2.18142 17.447 2.27229 17.4735 2.36568 17.4817C2.45907 17.4899 2.55316 17.4795 2.64256 17.4513L5.46845 16.5607C6.21622 16.8263 6.98854 16.9781 7.7564 17.0205L7.74524 17.0295C9.73408 18.4781 12.3412 18.9134 14.7318 18.1232L17.5689 19.0473C17.6403 19.0696 17.714 19.083 17.7899 19.083C18.185 19.083 18.5042 18.7638 18.5042 18.3687V15.3777C20.4707 12.708 20.522 9.0183 18.5265 6.27053ZM5.78095 14.9759L5.5131 14.8643L3.30327 15.5562L3.28095 13.2348L3.10238 13.0339C1.21399 10.7304 1.08899 7.41115 2.85685 4.97589C5.00863 2.02499 9.13363 1.37321 12.0756 3.50267C15.0265 5.64776 15.6805 9.76607 13.5488 12.6991C11.7609 15.1522 8.55997 16.0585 5.78095 14.9759ZM17.0533 14.5964L16.8747 14.8196L16.897 17.1411L14.7095 16.4045L14.4417 16.5161C13.1917 16.9804 11.8591 17.0183 10.6247 16.6723L10.6202 16.6701C12.3167 16.1498 13.7987 15.0932 14.8435 13.6589C16.5488 11.3085 16.8256 8.35535 15.8345 5.83749L15.8479 5.84642C16.3613 6.21473 16.8323 6.67455 17.2318 7.23035C18.8524 9.45356 18.7609 12.4804 17.0533 14.5964Z",
+              fill: `${props.color || "#5F79C8"}`
+            }
+          ),
+          /* @__PURE__ */ jsx9(
+            "path",
+            {
+              d: "M8.23694 7.9687C7.72131 7.9687 7.32176 8.36825 7.32176 8.86156C7.32176 9.35486 7.72131 9.75441 8.23694 9.75441C8.70792 9.75441 9.10747 9.35486 9.10747 8.86156C9.10747 8.36825 8.70792 7.9687 8.23694 7.9687Z",
+              fill: `${props.color || "#5F79C8"}`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx9("defs", { children: /* @__PURE__ */ jsx9("clipPath", { id: "clip0_1092_4826", children: /* @__PURE__ */ jsx9("rect", { width: "20", height: "20", fill: "white" }) }) })
+      ]
+    }
+  );
+};
+var MessageIcon_default = MessageIcon;
+
+// src/assets/icons/EditIcon.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var EditIcon = (props) => {
+  return /* @__PURE__ */ jsxs7(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx10("g", { clipPath: "url(#clip0_1096_2009)", children: /* @__PURE__ */ jsx10(
+          "path",
+          {
+            d: "M3.45921 12.284C3.49492 12.284 3.53064 12.2805 3.56635 12.2751L6.56992 11.7483C6.60564 11.7412 6.63957 11.7251 6.66457 11.6983L14.2342 4.12868C14.2508 4.11216 14.2639 4.09254 14.2729 4.07094C14.2818 4.04934 14.2864 4.02618 14.2864 4.00279C14.2864 3.9794 14.2818 3.95625 14.2729 3.93464C14.2639 3.91304 14.2508 3.89342 14.2342 3.8769L11.2664 0.907254C11.2324 0.873326 11.1878 0.855469 11.1396 0.855469C11.0914 0.855469 11.0467 0.873326 11.0128 0.907254L3.44314 8.4769C3.41635 8.50368 3.40028 8.53583 3.39314 8.57154L2.86635 11.5751C2.84898 11.6708 2.85519 11.7692 2.88443 11.862C2.91368 11.9547 2.96509 12.0389 3.03421 12.1073C3.15207 12.2215 3.30028 12.284 3.45921 12.284ZM4.66278 9.16975L11.1396 2.69475L12.4485 4.00368L5.97171 10.4787L4.38421 10.759L4.66278 9.16975ZM14.5717 13.784H1.42885C1.11278 13.784 0.857422 14.0394 0.857422 14.3555V14.9983C0.857422 15.0769 0.921708 15.1412 1.00028 15.1412H15.0003C15.0789 15.1412 15.1431 15.0769 15.1431 14.9983V14.3555C15.1431 14.0394 14.8878 13.784 14.5717 13.784Z",
+            fill: "#16203F"
+          }
+        ) }),
+        /* @__PURE__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "clip0_1096_2009", children: /* @__PURE__ */ jsx10("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    }
+  );
+};
+var EditIcon_default = EditIcon;
+
+// src/assets/icons/DeleteIcon.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var DeleteIcon = (props) => {
+  return /* @__PURE__ */ jsx11(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx11(
+        "path",
+        {
+          d: "M5.28544 2.14118H5.14258C5.22115 2.14118 5.28544 2.0769 5.28544 1.99833V2.14118H10.714V1.99833C10.714 2.0769 10.7783 2.14118 10.8569 2.14118H10.714V3.4269H11.9997V1.99833C11.9997 1.36797 11.4872 0.855469 10.8569 0.855469H5.14258C4.51222 0.855469 3.99972 1.36797 3.99972 1.99833V3.4269H5.28544V2.14118ZM14.2854 3.4269H1.71401C1.39794 3.4269 1.14258 3.68225 1.14258 3.99833V4.56975C1.14258 4.64833 1.20686 4.71261 1.28544 4.71261H2.36401L2.80508 14.0519C2.83365 14.6608 3.33722 15.1412 3.94615 15.1412H12.0533C12.664 15.1412 13.1658 14.6626 13.1944 14.0519L13.6354 4.71261H14.714C14.7926 4.71261 14.8569 4.64833 14.8569 4.56975V3.99833C14.8569 3.68225 14.6015 3.4269 14.2854 3.4269ZM11.9158 13.8555H4.08365L3.65151 4.71261H12.3479L11.9158 13.8555Z",
+          fill: "#FF4D4F"
+        }
+      )
+    }
+  );
+};
+var DeleteIcon_default = DeleteIcon;
+
+// src/atoms/ChatAction.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+var ChatAction = (props) => {
+  const { id, title, onEdit, onDelete, activeId, onActiveChange } = props;
+  const [open, setOpen] = useState3(0);
+  const actionRef = useRef2(null);
+  const dotRef = useRef2(null);
+  useEffect2(() => {
+    function handleClickOutside(event) {
+      var _a, _b;
+      if (actionRef.current && !((_a = actionRef.current) == null ? void 0 : _a.contains(event.target)) && dotRef.current && !((_b = dotRef.current) == null ? void 0 : _b.contains(event.target)) && open == 0) {
+        setOpen(0);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs8("div", { className: "ic-w-full ic-relative", children: [
+    /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: `ic-w-full clickable hover:ic-bg-dark-primary-100 hover:ic-font-bold  ic-px-2 ic-rounded-md
+    ${activeId == id ? "ic-bg-dark-primary-100 ic-font-bold " : ""}
+    `,
+        onClick: (e) => {
+          onActiveChange(id);
+        },
+        children: /* @__PURE__ */ jsxs8("div", { className: "ic-flex ic-justify-between  hover:font-bold hover:ic-text-dark-primary-500 ic-w-full ic-py-2 ic-gap-2 ic-items-center", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "ic-flex  ic-text-center ic-w-full ic-gap-2 ic-items-center ic-truncate", children: [
+            /* @__PURE__ */ jsx12("div", { children: /* @__PURE__ */ jsx12(
+              MessageIcon_default,
+              {
+                color: `${activeId == id ? "#20305f" : "#737373"} `
+              }
+            ) }),
+            /* @__PURE__ */ jsx12(
+              "p",
+              {
+                className: ` ic-text-sm ic-truncate 
+          ${activeId == id ? "ic-text-dark-primary-500" : ""}
+          `,
+                children: title
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx12("div", { children: /* @__PURE__ */ jsx12(
+            "p",
+            {
+              ref: dotRef,
+              className: "\r\n            ic-select-none\r\n            ic-flex ic-justify-center ic-items-center  ic-w-10\r\n            ic-font-bold ic-rounded-md\r\n            ic-pb-2 clickable hover:ic-bg-slate-200 \r\n           ",
+              onClick: () => {
+                setOpen(id == open ? 0 : id);
+              },
+              children: "..."
+            }
+          ) })
+        ] })
+      }
+    ),
+    open === id && /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        className: "ic-absolute ic-z-40 ic-top-10 ic-right-2 ic-p-2 ic-bg-white ic-shadow-md",
+        ref: actionRef,
+        onMouseEnter: (e) => {
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs8(
+            "div",
+            {
+              className: "ic-p-2 ic-flex  ic-text-center ic-gap-2 clickable hover:ic-bg-slate-200",
+              onClick: () => {
+                onEdit(id);
+              },
+              children: [
+                /* @__PURE__ */ jsx12(EditIcon_default, {}),
+                /* @__PURE__ */ jsx12("p", { className: "ic-text-sm ic-font-bold", children: "Edit" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs8(
+            "div",
+            {
+              className: "ic-p-2 ic-flex ic-text-center ic-gap-2 clickable hover:ic-bg-slate-200 ",
+              onClick: () => {
+                onDelete(id);
+              },
+              children: [
+                /* @__PURE__ */ jsx12(DeleteIcon_default, {}),
+                /* @__PURE__ */ jsx12("p", { className: "ic-text-sm ic-font-bold ic-text-red-500 ", children: "Delete" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var ChatAction_default = ChatAction;
+
+// src/molecules/ChatHistory.tsx
+import _ from "lodash";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var ChatHistory = (props) => {
+  const { data } = props;
+  const [activeId, setActiveId] = useState4(0);
+  const [isWide, setIsWide] = useState4(true);
+  const groupedData = useMemo(() => {
+    const now = /* @__PURE__ */ new Date();
+    const grouped = _.groupBy(data, (item) => {
+      const d = new Date(item.date);
+      const isSameMonth = d.getMonth() === now.getMonth() && d.getFullYear() === now.getFullYear();
+      if (isSameMonth) return "This month";
+      return d.toLocaleString("en-US", { month: "short" });
+    });
+    return Object.entries(grouped).map(([key, value]) => ({
+      date: key,
+      data: value
+    }));
+  }, [data]);
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: `
+        ic-transition-all ic-duration-300
+    ${isWide ? "ic-max-w-screen-lg" : "ic-max-w-12"}
+    ic-w-full `,
+      children: [
+        /* @__PURE__ */ jsxs9("div", { className: "  ic-sticky ic-top-0 ic-bg-white ic-py-2 ic-z-20", children: [
+          /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: `ic-flex    ic-justify-between  ic-w-full
+          ${cn({ "ic-flex-col ic-gap-4": !isWide })}
+          `,
+              children: [
+                /* @__PURE__ */ jsx13(
+                  "div",
+                  {
+                    className: `clickable
+              ${!isWide && "ic-transform ic-scale-x-[-1]"}
+              `,
+                    onClick: () => {
+                      setIsWide(!isWide);
+                    },
+                    children: /* @__PURE__ */ jsx13(MenuFoldLineIcon_default, {})
+                  }
+                ),
+                !isWide && /* @__PURE__ */ jsx13("div", { className: "clickable ic-rounded-sm ic-p-1 ic-mt-5 hover:ic-bg-dark-primary-300", children: /* @__PURE__ */ jsx13(EditIcon_default, {}) }),
+                isWide && /* @__PURE__ */ jsx13("div", { className: "clickable", children: "New Chat" }),
+                /* @__PURE__ */ jsx13("div", { className: "clickable  ic-rounded-sm ic-p-1  hover:ic-bg-dark-primary-300" })
+              ]
+            }
+          ),
+          isWide && /* @__PURE__ */ jsx13("div", { className: "ic-mt-7 ic-w-full", children: /* @__PURE__ */ jsx13(
+            InputForm_default,
+            {
+              type: "text",
+              name: "keyword",
+              placeholder: "Search history",
+              autoCorrect: "off",
+              autoCapitalize: "off",
+              spellCheck: "false",
+              rightIcon: /* @__PURE__ */ jsx13(SearchIcon_default, {})
+            }
+          ) })
+        ] }),
+        isWide && /* @__PURE__ */ jsx13(Fragment2, { children: groupedData.map(
+          (r, i) => {
+            return /* @__PURE__ */ jsxs9("div", { className: "ic-mt-5", children: [
+              /* @__PURE__ */ jsx13("p", { className: "ic-font-bold ic-text-sm", children: r.date }),
+              /* @__PURE__ */ jsx13("div", { className: "ic-px-2", children: r.data.map((item, index) => /* @__PURE__ */ jsx13(
+                ChatAction_default,
+                {
+                  title: item.title,
+                  id: item.id,
+                  activeId,
+                  onEdit: (id) => {
+                  },
+                  onDelete: (id) => {
+                  },
+                  onActiveChange: (id) => {
+                    setActiveId(id);
+                  }
+                },
+                `chat-action-${item.id}-${index}`
+              )) })
+            ] }, `chat-history-${r.date}-${i}`);
+          }
+        ) })
+      ]
+    }
+  );
+};
+var ChatHistory_default = ChatHistory;
+
+// src/atoms/SuggestionChat.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SuggestionChat = (props) => {
+  return /* @__PURE__ */ jsx14("div", { children: "SuggestionChat" });
+};
+var SuggestionChat_default = SuggestionChat;
+
+// src/molecules/Chatting.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState5 } from "react";
+
+// src/assets/icons/FlexaIcon.tsx
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var FlexaIcon = (props) => {
+  const { w, h } = props;
+  return /* @__PURE__ */ jsx15(Fragment3, { children: /* @__PURE__ */ jsxs10(
+    "svg",
+    {
+      width: w || 40,
+      height: h || 40,
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx15(
+          "path",
+          {
+            d: "M3.8513 8.02435C5.0388 5.44935 7.53255 3.3806 10.445 3.27435C15.295 3.0306 20.1638 3.14935 25.02 3.3431C22.8638 4.94935 20.5388 6.91185 20.1638 9.74935C19.7013 13.1244 19.9763 16.5494 19.97 19.9494C15.5638 20.0306 10.6825 19.1244 6.7138 21.5181C3.3513 23.5869 3.0263 27.9494 3.38255 31.4994C2.89505 25.8994 3.34505 20.2806 3.15755 14.6744C3.20755 12.4556 2.9388 10.1119 3.8513 8.02435Z",
+            fill: "#24315E"
+          }
+        ),
+        /* @__PURE__ */ jsx15(
+          "path",
+          {
+            d: "M25.02 3.343C28.1325 2.87425 31.8013 2.993 34.1388 5.41175C38.2263 9.1555 37.1888 17.0617 31.945 19.2367C28.1263 20.6492 23.945 20.0117 19.97 19.9492C19.9763 16.5492 19.7013 13.1242 20.1638 9.74925C20.5388 6.91175 22.8638 4.94925 25.02 3.343Z",
+            fill: "#F37C21"
+          }
+        ),
+        /* @__PURE__ */ jsx15(
+          "path",
+          {
+            d: "M6.71366 21.518C10.6824 19.1243 15.5637 20.0305 19.9699 19.9493C19.9637 23.6805 20.4199 27.5118 19.4012 31.1618C18.3949 34.7118 14.7887 37.243 11.0949 36.9243C7.65741 36.9493 4.91991 34.3493 3.38241 31.4993C2.66357 28.1118 3.35116 23.5868 6.71366 21.518Z",
+            fill: "#189DD8"
+          }
+        )
+      ]
+    }
+  ) });
+};
+var FlexaIcon_default = FlexaIcon;
+
+// src/assets/icons/ClockIcon.tsx
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var ClockIcon = (props) => {
+  return /* @__PURE__ */ jsxs11(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxs11("g", { clipPath: "url(#clip0_1096_17248)", children: [
+          /* @__PURE__ */ jsx16(
+            "path",
+            {
+              d: "M6 0C2.68661 0 0 2.68661 0 6C0 9.31339 2.68661 12 6 12C9.31339 12 12 9.31339 12 6C12 2.68661 9.31339 0 6 0ZM6 10.9821C3.24911 10.9821 1.01786 8.75089 1.01786 6C1.01786 3.24911 3.24911 1.01786 6 1.01786C8.75089 1.01786 10.9821 3.24911 10.9821 6C10.9821 8.75089 8.75089 10.9821 6 10.9821Z",
+              fill: "#8C8C8C"
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            "path",
+            {
+              d: "M8.33984 7.69428L6.43002 6.31348V2.99874C6.43002 2.93982 6.3818 2.8916 6.32287 2.8916H5.67868C5.61975 2.8916 5.57153 2.93982 5.57153 2.99874V6.68714C5.57153 6.72196 5.5876 6.7541 5.61573 6.77419L7.83091 8.38937C7.87912 8.42419 7.94609 8.41348 7.98091 8.3666L8.36394 7.84428C8.39877 7.79473 8.38805 7.72776 8.33984 7.69428Z",
+              fill: "#8C8C8C"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "clip0_1096_17248", children: /* @__PURE__ */ jsx16("rect", { width: "12", height: "12", fill: "white" }) }) })
+      ]
+    }
+  );
+};
+var ClockIcon_default = ClockIcon;
+
+// src/atoms/AdminChatResponse.tsx
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var AdminChatResponse = (props) => {
+  return /* @__PURE__ */ jsxs12("div", { className: "ic-flex ic-gap-4", children: [
+    /* @__PURE__ */ jsx17("div", { className: "", children: /* @__PURE__ */ jsx17("div", { className: "ic-h-10 ic-w-10 ic-bg-white ic-shrink-0 ic-grow-0 ic-shadow-sm ic-rounded-md ic-flex ic-justify-center ic-items-center", children: /* @__PURE__ */ jsx17(FlexaIcon_default, { w: 24, h: 24 }) }) }),
+    props.isLoading ? /* @__PURE__ */ jsx17("div", { className: "ic-mt-4", children: /* @__PURE__ */ jsx17(CustomLoading_default, { size: "8px" }) }) : /* @__PURE__ */ jsxs12("div", { className: "ic-bg-white ic-shadow-sm ic-p-3 ic-rounded-md", children: [
+      /* @__PURE__ */ jsx17("p", { className: "ic-text-sm", children: props.message || "" }),
+      /* @__PURE__ */ jsxs12("p", { className: "ic-mt-2 ic-w-full text-neutral-700 ic-items-center ic-text-sm ic-flex ic-gap-1 ic-justify-start", children: [
+        /* @__PURE__ */ jsx17(ClockIcon_default, {}),
+        " ",
+        props.time
+      ] })
+    ] })
+  ] });
+};
+var AdminChatResponse_default = AdminChatResponse;
+
+// src/atoms/UserChatResponse.tsx
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var UserChatResponse = (props) => {
+  return /* @__PURE__ */ jsxs13("div", { className: "ic-bg-white ic-shadow-sm ic-p-3 ic-rounded-md ic-w-fit", children: [
+    /* @__PURE__ */ jsx18("p", { className: "ic-text-sm", children: props.message }),
+    /* @__PURE__ */ jsxs13("p", { className: "ic-mt-2 ic-w-full text-neutral-700 ic-items-center ic-text-sm ic-flex ic-gap-1 ic-justify-end", children: [
+      /* @__PURE__ */ jsx18(ClockIcon_default, {}),
+      " ",
+      props.time
+    ] })
+  ] });
+};
+var UserChatResponse_default = UserChatResponse;
+
+// src/molecules/Chatting.tsx
+import dayjs from "dayjs";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+var Chatting = (props) => {
+  const { chats, isLoadingResponse } = useChat();
+  const chatCanvasRef = useRef3(null);
+  const [isUserAtBottom, setIsUserAtBottom] = useState5(true);
+  const handleScroll = () => {
+    const el = chatCanvasRef.current;
+    if (!el) return;
+    setIsUserAtBottom(el.scrollHeight - el.scrollTop - el.clientHeight < 10);
+  };
+  useEffect3(() => {
+    const el = chatCanvasRef.current;
+    if (!el) return;
+    if (isUserAtBottom) {
+      el.scrollTop = el.scrollHeight;
+    }
+  }, [chats, isUserAtBottom]);
+  useEffect3(() => {
+    if (!isLoadingResponse && chats.length > 0) {
+      const lastChat = chats[chats.length - 1];
+      if (lastChat.status === "COMPLETE") {
+        props.onResponseChat && props.onResponseChat(lastChat);
+      }
+    }
+  }, [chats, isLoadingResponse]);
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      ref: chatCanvasRef,
+      onScroll: handleScroll,
+      className: "ic-h-full ic-overflow-auto ic-relative  ic-w-full ic-flex-col ic-items-center ic-justify-between ic-flex ",
+      children: [
+        chats.length < 1 && /* @__PURE__ */ jsx19("div", {}),
+        /* @__PURE__ */ jsx19("div", { className: "ic-w-full ic-flex ic-justify-center", children: chats.length < 1 ? /* @__PURE__ */ jsxs14("div", { className: "ic-flex ic-flex-col  ic-text-center ic-items-center ic-gap-4", children: [
+          /* @__PURE__ */ jsx19(FlexaIcon_default, {}),
+          /* @__PURE__ */ jsxs14("p", { className: "ic-text-dark-primary-500 ic-font-bold ic-text-xl ic-text-center", children: [
+            "Welcome to FlexA Copilot",
+            /* @__PURE__ */ jsx19("br", {}),
+            "How i can assist you today?"
+          ] })
+        ] }) : /* @__PURE__ */ jsx19("div", { className: "ic-w-full ic-max-w-5xl ic-flex ic-flex-col ic-space-y-4 ", children: chats.map((item) => {
+          const input = JSON.parse(
+            item.input
+          );
+          return /* @__PURE__ */ jsxs14(
+            "div",
+            {
+              className: " ic-flex ic-flex-col ic-space-y-4  ic-w-full ",
+              children: [
+                /* @__PURE__ */ jsx19("div", { className: " ic-w-full ic-flex ic-justify-end", children: /* @__PURE__ */ jsx19("div", { className: "ic-w-full ic-flex ic-justify-end ic-max-w-4xl ic-pr-4 ic-pl-20", children: /* @__PURE__ */ jsx19(
+                  UserChatResponse_default,
+                  {
+                    message: input.message,
+                    time: dayjs(item.createDate).format("HH:mm")
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsx19("div", { className: " ic-w-full ic-flex ic-justify-start ic-pr-20", children: /* @__PURE__ */ jsx19("div", { className: "ic-w-full ic-max-w-4xl", children: /* @__PURE__ */ jsx19(
+                  AdminChatResponse_default,
+                  {
+                    message: item.output,
+                    isLoading: item.status === "RUNNING",
+                    time: dayjs(item.endDate).format("HH:mm")
+                  }
+                ) }) })
+              ]
+            },
+            `chat-response-${item.jobId}`
+          );
+        }) }) }),
+        /* @__PURE__ */ jsx19("div", { className: "ic-sticky ic-mt-4 ic-bottom-0 ic-w-full ic-flex ic-justify-center", children: /* @__PURE__ */ jsx19(ChatSender_default, {}) })
+      ]
+    }
+  );
+};
+var Chatting_default = Chatting;
+
+// src/index.tsx
+var index_default = IntellinumChat_default;
+export {
+  ChatHistory_default as ChatHistory,
+  ChatProvider_default as ChatProvider,
+  ChatSender_default as ChatSender,
+  Chatting_default as Chatting,
+  SuggestionChat_default as SuggestionChat,
+  index_default as default,
+  useChat
+};
+//# sourceMappingURL=index.mjs.map