hanbiro-react16-sdk 1.0.18 → 1.0.19

package/dist/components/ChatAIDraft/index.js

@@ -0,0 +1,281 @@
+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 __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+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());
+  });
+};
+import * as React from "react";
+import CustomAiIcon from "./CustomAIIcon.js";
+import { callAI } from "./helper.js";
+import List from "./List.js";
+import SettingPopper from "./SettingPopper.js";
+import { AI_LANG_FLAGS } from "../../constants/index.js";
+import CountryFlag from "../CountryFlag/index.js";
+import v4 from "../../node_modules/uuid/dist/esm-browser/v4.js";
+import Send from "../../node_modules/react-feather/dist/icons/send.js";
+class ChatAIDraft extends React.Component {
+  constructor(props) {
+    var _a;
+    super(props);
+    __publicField(this, "rootRef");
+    __publicField(this, "setAIContext", (html) => {
+      this.setState({ originalEmail: html });
+    });
+    __publicField(this, "handleMessageChange", (e) => {
+      this.setState({ message: e.target.value });
+    });
+    __publicField(this, "handleSubmit", () => __async(this, null, function* () {
+      const { message, messages, lang, originalEmail, conversationId } = this.state;
+      if (!message.trim()) return;
+      const newId = v4();
+      let newMessage = {
+        id: newId,
+        question: message,
+        subject: "",
+        body: "",
+        created_at: (/* @__PURE__ */ new Date()).getTime(),
+        isLoading: true
+      };
+      const currentItems = [...messages, newMessage];
+      this.setState({
+        messages: currentItems,
+        message: "",
+        isSending: true
+      });
+      const params = {
+        query: message,
+        default_language: lang ? lang.value : "KR",
+        original_email: originalEmail,
+        debug_grpc: true
+      };
+      if (conversationId) {
+        params.conversation_id = conversationId;
+      }
+      const setContent = (nContent) => {
+        this.setState((prevState) => {
+          const updatedMessages = prevState.messages.map(
+            (m) => m.id === newId ? __spreadProps(__spreadValues({}, m), {
+              subject: "Some thing not used",
+              body: nContent,
+              isLoading: false,
+              created_at: (/* @__PURE__ */ new Date()).getTime()
+            }) : m
+          );
+          return { messages: updatedMessages };
+        });
+      };
+      const setIsLoading = (loading) => {
+        this.setState((prevState) => {
+          const updatedMessages = prevState.messages.map(
+            (m) => m.id === newId ? __spreadProps(__spreadValues({}, m), { isLoading: loading }) : m
+          );
+          return { messages: updatedMessages };
+        });
+      };
+      const setConversationId = (id) => {
+        this.setState({ conversationId: id });
+      };
+      yield callAI(params, {
+        setContent,
+        setIsLoading,
+        setConversationId
+      });
+      this.setState({ isSending: false });
+    }));
+    __publicField(this, "handleKeyDown", (event) => {
+      if (!event.shiftKey && event.key === "Enter" && !this.state.isSending) {
+        event.preventDefault();
+        this.handleSubmit();
+      }
+    });
+    __publicField(this, "setLang", (lang) => {
+      this.setState({ lang });
+    });
+    __publicField(this, "setOriginalEmail", (email) => {
+      this.setState({ originalEmail: email });
+    });
+    this.rootRef = React.createRef();
+    const lang = ((_a = AI_LANG_FLAGS) == null ? void 0 : _a.find((_item) => (_item == null ? void 0 : _item.value) === (props == null ? void 0 : props.defaultLang))) || AI_LANG_FLAGS[0];
+    this.state = {
+      message: "",
+      messages: [],
+      isSending: false,
+      lang,
+      conversationId: "",
+      originalEmail: ""
+    };
+  }
+  render() {
+    var _a, _b;
+    const { onApply, getEditorContent } = this.props;
+    const { message, messages, isSending, lang, originalEmail } = this.state;
+    const flagCode = (_b = (_a = AI_LANG_FLAGS) == null ? void 0 : _a.find(
+      (_item) => (_item == null ? void 0 : _item.value) === (lang == null ? void 0 : lang.value)
+    )) == null ? void 0 : _b.flagCode;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: this.rootRef,
+        style: {
+          display: "flex",
+          height: "100%",
+          padding: 16,
+          flexDirection: "column",
+          background: "#fff",
+          fontFamily: "inherit",
+          boxSizing: "border-box"
+        }
+      },
+      messages.length > 0 ? /* @__PURE__ */ React.createElement(
+        List,
+        {
+          items: messages,
+          onApply,
+          getEditorContent
+        }
+      ) : /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            flex: 1,
+            minHeight: 0,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "var(--grey-light)"
+          }
+        },
+        /* @__PURE__ */ React.createElement(CustomAiIcon, { size: 46 }),
+        /* @__PURE__ */ React.createElement(
+          "h2",
+          {
+            style: {
+              marginTop: 16,
+              fontWeight: 600,
+              color: "inherit",
+              fontSize: 18
+            }
+          },
+          "Build with Agent"
+        )
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            width: "100%",
+            border: "1px solid var(--border-main)",
+            borderRadius: 4,
+            overflow: "hidden",
+            background: "#fff",
+            display: "flex",
+            flexDirection: "column"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "textarea",
+          {
+            value: message,
+            onChange: this.handleMessageChange,
+            placeholder: "Describe your email",
+            name: "ai-content",
+            onKeyDown: this.handleKeyDown,
+            disabled: isSending,
+            style: {
+              flex: 1,
+              minWidth: 0,
+              borderRadius: 4,
+              padding: 12,
+              fontSize: 13,
+              border: "none",
+              resize: "none",
+              outline: "none",
+              minHeight: 60,
+              fontFamily: "inherit"
+            }
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              width: "100%",
+              padding: "8px",
+              boxSizing: "border-box"
+            }
+          },
+          /* @__PURE__ */ React.createElement(
+            SettingPopper,
+            {
+              lang,
+              setLang: this.setLang,
+              originalEmail,
+              setOriginalEmail: this.setOriginalEmail,
+              getEditorContent,
+              parentRef: this.rootRef
+            }
+          ),
+          /* @__PURE__ */ React.createElement(
+            CountryFlag,
+            {
+              flagCode,
+              style: { marginLeft: 4, height: 14 }
+            }
+          ),
+          /* @__PURE__ */ React.createElement(
+            "button",
+            {
+              disabled: !message.trim() || isSending,
+              onClick: this.handleSubmit,
+              className: "icon-button",
+              color: "primary",
+              style: { marginLeft: "auto" }
+            },
+            /* @__PURE__ */ React.createElement(Send, null)
+          )
+        )
+      )
+    );
+  }
+}
+export {
+  ChatAIDraft as default
+};

package/dist/components/CountryFlag/flags/CNFlag.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import * as React from "react";
+const CNFlag = (props) => /* @__PURE__ */ React.createElement("svg", __spreadValues({ viewBox: "0 0 30 20" }, props), /* @__PURE__ */ React.createElement("rect", { fill: "#de2110", width: "30", height: "20" }), /* @__PURE__ */ React.createElement(
+  "path",
+  {
+    fill: "#ffde00",
+    d: "m6 2-1 3.2h3.2l-2.6-2 1 3.2-1.6-1.2-1.6 1.2 1-3.2-2.6 2h3.2l-1-3.2zm4-1 0.4 1.3 1.3 0.1-1.1 0.8 0.4 1.3L10 3.7l-1 0.8 0.4-1.3-1.1-0.8 1.3-0.1 0.4-1.3zm2.5 2.1 0.7 1.2 1.3-0.3-0.7 1.2 0.7 1.2-1.3-0.3-0.7 1.2v-1.4l-1.3-0.3 1.3-0.3v-1.4zm0 4.1-1.3 0.3 1.3 0.3v1.4l0.7-1.2 1.3 0.3-0.7-1.2 0.7-1.2-1.3 0.3-0.7-1.2v1.4zm-2.5 1.7-0.4 1.3-1.3 0.1 1.1 0.8-0.4 1.3 1.1-0.8 1.1 0.8-0.4-1.3 1.1-0.8-1.3-0.1-0.4-1.3z"
+  }
+));
+export {
+  CNFlag as default
+};

package/dist/components/CountryFlag/flags/DEFlag.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import * as React from "react";
+const DEFlag = (props) => /* @__PURE__ */ React.createElement("svg", __spreadValues({ viewBox: "0 0 5 3" }, props), /* @__PURE__ */ React.createElement("desc", null, "Flag of Germany"), /* @__PURE__ */ React.createElement("rect", { id: "black_stripe", width: "5", height: "3", y: "0", x: "0", fill: "#000" }), /* @__PURE__ */ React.createElement("rect", { id: "red_stripe", width: "5", height: "2", y: "1", x: "0", fill: "#D00" }), /* @__PURE__ */ React.createElement("rect", { id: "gold_stripe", width: "5", height: "1", y: "2", x: "0", fill: "#FFCE00" }));
+export {
+  DEFlag as default
+};