hanbiro-react16-sdk 1.0.27 → 1.0.29

package/dist/components/ChatAIDraft/ReplyPanel/EmptyState.js

@@ -1,142 +1,27 @@
 import * as React from "react";
 import CustomAiIcon from "../CustomAIIcon.js";
-import Lock from "../../../node_modules/react-feather/dist/icons/lock.js";
-import Plus from "../../../node_modules/react-feather/dist/icons/plus.js";
+import { t } from "../../../lang/index.js";
+import { LangKey } from "../../../lang/keyLang.js";
 import Mail from "../../../node_modules/react-feather/dist/icons/mail.js";
 import MessageCircle from "../../../node_modules/react-feather/dist/icons/message-circle.js";
 const FEATURES = [
   {
     icon: /* @__PURE__ */ React.createElement(Mail, { size: 16 }),
-    title: "Auto-include source",
-    desc: "The email you are replying to is automatically added as context."
+    title: t(LangKey.REPLY_FEATURE_1_TITLE),
+    desc: t(LangKey.REPLY_FEATURE_1_DESC)
   },
   {
     icon: /* @__PURE__ */ React.createElement(CustomAiIcon, { size: 16, stroke: 2 }),
-    title: "Add send history (optional)",
-    desc: "Use '+ Add' to pick past emails and reference their tone."
+    title: t(LangKey.REPLY_FEATURE_2_TITLE),
+    desc: t(LangKey.REPLY_FEATURE_2_DESC)
   },
   {
     icon: /* @__PURE__ */ React.createElement(MessageCircle, { size: 16 }),
-    title: "Refine with conversation",
-    desc: "Get an AI draft, then adjust freely with chips or messages."
+    title: t(LangKey.REPLY_FEATURE_3_TITLE),
+    desc: t(LangKey.REPLY_FEATURE_3_DESC)
   }
 ];
-const SourceCard = ({
-  mail
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    style: {
-      border: "1px solid var(--border-light)",
-      borderRadius: 8,
-      padding: 10,
-      display: "flex",
-      gap: 8,
-      alignItems: "flex-start",
-      background: "#fff"
-    }
-  },
-  /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        fontSize: 13,
-        fontWeight: 600,
-        color: "var(--text-primary)",
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis"
-      }
-    },
-    mail.subject || "(no subject)"
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        fontSize: 12,
-        color: "var(--text-secondary)",
-        marginTop: 2,
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis"
-      }
-    },
-    mail.from_name,
-    mail.from_addr ? ` <${mail.from_addr}>` : "",
-    mail.date ? ` · ${mail.date}` : ""
-  ))
-);
-const SelectedChip = ({ index, mail, onRemove }) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    style: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: 6,
-      padding: "6px 8px",
-      borderRadius: 8,
-      border: "1px solid var(--border-light)",
-      background: "var(--primary-lighter)",
-      fontSize: 12,
-      maxWidth: 160
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      style: {
-        width: 16,
-        height: 16,
-        borderRadius: "50%",
-        background: "var(--primary-main)",
-        color: "var(--primary-contrasttext)",
-        fontSize: 10,
-        fontWeight: 700,
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        flexShrink: 0
-      }
-    },
-    index + 1
-  ),
-  /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      style: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        color: "var(--text-primary)"
-      }
-    },
-    mail.subject || "(no subject)"
-  ),
-  /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => onRemove(mail.mid),
-      style: {
-        border: "none",
-        background: "transparent",
-        color: "var(--text-secondary)",
-        cursor: "pointer",
-        padding: 0,
-        display: "inline-flex",
-        alignItems: "center",
-        flexShrink: 0
-      }
-    },
-    "×"
-  )
-);
-const EmptyState = ({
-  sourceMail,
-  selectedMails,
-  onAddClick,
-  onRemoveSelected
-}) => {
+const EmptyState = () => {
   return /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -152,105 +37,6 @@ const EmptyState = ({
         gap: 12
       }
     },
-    sourceMail && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 6 } }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 6,
-          fontSize: 12,
-          color: "var(--text-primary)",
-          fontWeight: 600
-        }
-      },
-      /* @__PURE__ */ React.createElement("span", null, "Source context"),
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          style: {
-            background: "var(--primary-main)",
-            color: "var(--primary-contrasttext)",
-            fontSize: 10,
-            padding: "1px 6px",
-            borderRadius: 999,
-            fontWeight: 600
-          }
-        },
-        "1"
-      ),
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          style: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: 2,
-            fontSize: 11,
-            color: "var(--text-secondary)",
-            fontWeight: 500
-          }
-        },
-        /* @__PURE__ */ React.createElement(Lock, { size: 11 }),
-        " Auto"
-      )
-    ), /* @__PURE__ */ React.createElement(SourceCard, { mail: sourceMail })),
-    /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 6 } }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between"
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 6,
-            fontSize: 12,
-            color: "var(--text-primary)",
-            fontWeight: 600
-          }
-        },
-        /* @__PURE__ */ React.createElement("span", null, "Selected context"),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            style: {
-              background: "var(--background-softGrey)",
-              color: "var(--text-primary)",
-              fontSize: 10,
-              padding: "1px 6px",
-              borderRadius: 999,
-              fontWeight: 600
-            }
-          },
-          selectedMails.length
-        )
-      ),
-      /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onAddClick,
-          className: "text-button primary"
-        },
-        /* @__PURE__ */ React.createElement(Plus, { size: 12 }),
-        " Add"
-      )
-    ), selectedMails.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 } }, selectedMails.map((m, i) => /* @__PURE__ */ React.createElement(
-      SelectedChip,
-      {
-        key: m.mid,
-        index: i,
-        mail: m,
-        onRemove: onRemoveSelected
-      }
-    )))),
     /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center", marginTop: 8 } }, /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -260,9 +46,7 @@ const EmptyState = ({
           lineHeight: 1.6
         }
       },
-      "We'll draft a reply based on the received email.",
-      /* @__PURE__ */ React.createElement("br", null),
-      "Add send history if you want to match the tone."
+      t(LangKey.REPLY_EMPTY_TITLE).split("\n").map((line, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: idx }, line, /* @__PURE__ */ React.createElement("br", null)))
     )),
     /* @__PURE__ */ React.createElement(
       "div",
@@ -292,7 +76,7 @@ const EmptyState = ({
           lineHeight: 1.6
         }
       },
-      "The source is auto-included. Adjust tone and length through conversation."
+      t(LangKey.REPLY_EMPTY_GUIDE)
     )),
     /* @__PURE__ */ React.createElement(
       "div",

package/dist/components/ChatAIDraft/ReplyPanel/Header/SelectedChip.d.ts

@@ -0,0 +1,10 @@
+import { ContextMail } from '../../types';
+import * as React from "react";
+interface SelectedChipProps {
+    index: number;
+    mail: ContextMail;
+    onClick: (mail: ContextMail) => void;
+    onRemove: (mid: string) => void;
+}
+declare const SelectedChip: React.FunctionComponent<SelectedChipProps>;
+export default SelectedChip;

package/dist/components/ChatAIDraft/ReplyPanel/Header/SelectedChip.js

@@ -0,0 +1,79 @@
+import * as React from "react";
+const SelectedChip = ({
+  index,
+  mail,
+  onClick,
+  onRemove
+}) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    onClick: () => onClick(mail),
+    style: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 6,
+      padding: "6px 8px",
+      borderRadius: 8,
+      border: "1px solid var(--border-light)",
+      background: "var(--primary-lighter)",
+      fontSize: 12,
+      maxWidth: 160,
+      cursor: "pointer"
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        width: 16,
+        height: 16,
+        borderRadius: "50%",
+        background: "var(--primary-main)",
+        color: "var(--primary-contrasttext)",
+        fontSize: 10,
+        fontWeight: 700,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexShrink: 0
+      }
+    },
+    index + 1
+  ),
+  /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        color: "var(--text-primary)"
+      }
+    },
+    mail.subject || "(no subject)"
+  ),
+  /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onRemove(mail.mid);
+      },
+      style: {
+        border: "none",
+        background: "transparent",
+        color: "var(--text-secondary)",
+        cursor: "pointer",
+        padding: 0,
+        display: "inline-flex",
+        alignItems: "center",
+        flexShrink: 0
+      }
+    },
+    "×"
+  )
+);
+export {
+  SelectedChip as default
+};

package/dist/components/ChatAIDraft/ReplyPanel/Header/SourceCard.d.ts

@@ -0,0 +1,8 @@
+import { ContextMail } from '../../types';
+import * as React from "react";
+interface SourceCardProps {
+    mail: ContextMail;
+    onClick?: () => void;
+}
+declare const SourceCard: React.FunctionComponent<SourceCardProps>;
+export default SourceCard;

package/dist/components/ChatAIDraft/ReplyPanel/Header/SourceCard.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+const SourceCard = ({
+  mail,
+  onClick
+}) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    onClick,
+    style: {
+      border: "1px solid var(--border-light)",
+      borderRadius: 8,
+      padding: 10,
+      display: "flex",
+      gap: 8,
+      alignItems: "flex-start",
+      background: "#fff",
+      cursor: onClick ? "pointer" : "default"
+    }
+  },
+  /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        fontSize: 13,
+        fontWeight: 600,
+        color: "var(--text-primary)",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }
+    },
+    mail.subject || "(no subject)"
+  ), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        fontSize: 12,
+        color: "var(--text-secondary)",
+        marginTop: 2,
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis"
+      }
+    },
+    mail.from_name,
+    mail.from_addr ? ` <${mail.from_addr}>` : "",
+    mail.date ? ` · ${mail.date}` : ""
+  ))
+);
+export {
+  SourceCard as default
+};

package/dist/components/ChatAIDraft/ReplyPanel/Header/index.d.ts

@@ -0,0 +1,12 @@
+import { ContextMail } from '../../types';
+import * as React from "react";
+interface ContextHeaderProps {
+    sourceMail: ContextMail | null;
+    selectedMails: ContextMail[];
+    onAddClick: () => void;
+    onSourceClick: (mail: ContextMail) => void;
+    onChipClick: (mail: ContextMail) => void;
+    onRemoveChip: (mid: string) => void;
+}
+declare const ContextHeader: React.FunctionComponent<ContextHeaderProps>;
+export default ContextHeader;

package/dist/components/ChatAIDraft/ReplyPanel/Header/index.js

@@ -0,0 +1,139 @@
+import * as React from "react";
+import SourceCard from "./SourceCard.js";
+import SelectedChip from "./SelectedChip.js";
+import { t } from "../../../../lang/index.js";
+import { LangKey } from "../../../../lang/keyLang.js";
+import Lock from "../../../../node_modules/react-feather/dist/icons/lock.js";
+import Plus from "../../../../node_modules/react-feather/dist/icons/plus.js";
+const ContextHeader = ({
+  sourceMail,
+  selectedMails,
+  onAddClick,
+  onSourceClick,
+  onChipClick,
+  onRemoveChip
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 12,
+        paddingBottom: 12,
+        marginBottom: 12
+      }
+    },
+    sourceMail && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 6 } }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 6,
+          fontSize: 12,
+          color: "var(--text-primary)",
+          fontWeight: 600
+        }
+      },
+      /* @__PURE__ */ React.createElement("span", null, t(LangKey.SOURCE_CONTEXT)),
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          style: {
+            background: "var(--primary-main)",
+            color: "var(--primary-contrasttext)",
+            fontSize: 10,
+            padding: "1px 6px",
+            borderRadius: 999,
+            fontWeight: 600
+          }
+        },
+        "1"
+      ),
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 2,
+            fontSize: 11,
+            color: "var(--text-secondary)",
+            fontWeight: 500
+          }
+        },
+        /* @__PURE__ */ React.createElement(Lock, { size: 11 }),
+        " ",
+        t(LangKey.AUTO)
+      )
+    ), /* @__PURE__ */ React.createElement(
+      SourceCard,
+      {
+        mail: sourceMail,
+        onClick: () => onSourceClick(sourceMail)
+      }
+    )),
+    /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 6 } }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 6,
+            fontSize: 12,
+            color: "var(--text-primary)",
+            fontWeight: 600
+          }
+        },
+        /* @__PURE__ */ React.createElement("span", null, t(LangKey.SELECTED_CONTEXT)),
+        /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            style: {
+              background: "var(--background-softGrey)",
+              color: "var(--text-primary)",
+              fontSize: 10,
+              padding: "1px 6px",
+              borderRadius: 999,
+              fontWeight: 600
+            }
+          },
+          selectedMails.length
+        )
+      ),
+      /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onAddClick,
+          className: "text-button primary"
+        },
+        /* @__PURE__ */ React.createElement(Plus, { size: 12 }),
+        " ",
+        t(LangKey.ADD)
+      )
+    ), selectedMails.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 } }, selectedMails.map((m, i) => /* @__PURE__ */ React.createElement(
+      SelectedChip,
+      {
+        key: m.mid,
+        index: i,
+        mail: m,
+        onClick: onChipClick,
+        onRemove: onRemoveChip
+      }
+    ))))
+  );
+};
+export {
+  ContextHeader as default
+};

package/dist/components/ChatAIDraft/ReplyPanel/MailListSelect.d.ts

@@ -3,6 +3,7 @@ import * as React from "react";
 interface MailListSelectProps {
     accountEmail: string;
     initialSelected: string[];
+    isConfirming?: boolean;
     onCancel: () => void;
     onConfirm: (mids: string[]) => void;
 }