hanbiro-react16-sdk 1.0.26 → 1.0.28

package/dist/components/SummaryAIEmails/SummaryItem.js

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { formatDate } from "./utils.js";
+import ArrowUp from "../../node_modules/react-feather/dist/icons/arrow-up.js";
+import ArrowDown from "../../node_modules/react-feather/dist/icons/arrow-down.js";
+const SummaryItem = ({ item }) => {
+  const isSent = (item == null ? void 0 : item.direction) === "sent" || (item == null ? void 0 : item.sig) === "out";
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        background: "#fff",
+        border: "1px solid var(--border-light)",
+        borderRadius: 8,
+        padding: 12
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          marginBottom: 4
+        }
+      },
+      /* @__PURE__ */ React.createElement("span", { style: { color: "var(--text-secondary)", fontSize: 12 } }, formatDate(item == null ? void 0 : item.date)),
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 2,
+            padding: "2px 6px",
+            borderRadius: 4,
+            fontSize: 11,
+            fontWeight: 500,
+            background: isSent ? "rgba(33, 150, 243, 0.1)" : "rgba(76, 175, 80, 0.1)",
+            color: isSent ? "#1976d2" : "#2e7d32"
+          }
+        },
+        isSent ? /* @__PURE__ */ React.createElement(ArrowUp, { size: 11 }) : /* @__PURE__ */ React.createElement(ArrowDown, { size: 11 }),
+        isSent ? "Sent" : "Received"
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          fontSize: 14,
+          fontWeight: 600,
+          color: "var(--text-primary)",
+          marginBottom: 4
+        }
+      },
+      (item == null ? void 0 : item.subject) || "-"
+    ),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          fontSize: 13,
+          color: "var(--text-secondary)",
+          lineHeight: 1.5
+        }
+      },
+      (item == null ? void 0 : item.messages) || ""
+    )
+  );
+};
+export {
+  SummaryItem as default
+};

package/dist/components/SummaryAIEmails/TargetInfoBar.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface TargetInfoBarProps {
+    targetName?: string;
+    targetEmail: string;
+    currentLangLabel: string;
+    onOpenLang: (anchor: HTMLElement) => void;
+}
+declare const TargetInfoBar: React.FunctionComponent<TargetInfoBarProps>;
+export default TargetInfoBar;

package/dist/components/SummaryAIEmails/TargetInfoBar.js

@@ -0,0 +1,81 @@
+import * as React from "react";
+import Globe from "../../node_modules/react-feather/dist/icons/globe.js";
+import ChevronDown from "../../node_modules/react-feather/dist/icons/chevron-down.js";
+const TargetInfoBar = ({
+  targetName,
+  targetEmail,
+  currentLangLabel,
+  onOpenLang
+}) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: 12,
+      gap: 8
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        fontSize: 13,
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: 6,
+        minWidth: 0
+      }
+    },
+    targetName && /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        style: {
+          fontSize: 14,
+          fontWeight: 600,
+          color: "var(--text-primary)"
+        }
+      },
+      targetName
+    ),
+    targetEmail && /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        style: {
+          color: "var(--text-secondary)",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        }
+      },
+      targetEmail
+    )
+  ),
+  /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        flexShrink: 0
+      }
+    },
+    /* @__PURE__ */ React.createElement("span", { style: { fontSize: 13, color: "var(--text-primary)" } }, currentLangLabel),
+    /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => onOpenLang(e.currentTarget),
+        className: "icon-button small"
+      },
+      /* @__PURE__ */ React.createElement(Globe, { size: 14 }),
+      /* @__PURE__ */ React.createElement(ChevronDown, { size: 12, style: { marginLeft: 2 } })
+    )
+  )
+);
+export {
+  TargetInfoBar as default
+};

package/dist/components/SummaryAIEmails/index.d.ts

@@ -0,0 +1,34 @@
+import { LabelValue } from '../../types';
+import { MailType, MetaData, SummaryItemData } from './types';
+import * as React from "react";
+export interface SummaryAIEmailsProps {
+    targetEmail: string;
+    targetName?: string;
+    defaultLang?: string;
+    langList?: LabelValue[];
+}
+interface SummaryAIEmailsState {
+    lang: string;
+    mailtype: MailType;
+    page: number;
+    items: SummaryItemData[];
+    meta: MetaData;
+    isLoading: boolean;
+    langAnchor: HTMLElement | null;
+}
+declare class SummaryAIEmails extends React.Component<SummaryAIEmailsProps, SummaryAIEmailsState> {
+    private eventSource;
+    constructor(props: SummaryAIEmailsProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: SummaryAIEmailsProps, prevState: SummaryAIEmailsState): void;
+    componentWillUnmount(): void;
+    closeStream: () => void;
+    startStream: () => void;
+    handleChangeFilter: (val: MailType) => void;
+    handleChangeLang: (val: string) => void;
+    handleChangePage: (page: number) => void;
+    handleOpenLang: (anchor: HTMLElement) => void;
+    handleCloseLang: () => void;
+    render(): React.JSX.Element;
+}
+export default SummaryAIEmails;

package/dist/components/SummaryAIEmails/index.js

@@ -0,0 +1,213 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import * as React from "react";
+import { getBaseUrl } from "../../utils/url.js";
+import LoadingContainer from "../LoadingContainer/index.js";
+import TargetInfoBar from "./TargetInfoBar.js";
+import FilterTabs from "./FilterTabs.js";
+import SummaryItem from "./SummaryItem.js";
+import Pagination from "../Pagination/index.js";
+import LanguagePopover from "./LanguagePopover.js";
+import { PAGE_SIZE, parseDataLine, findLangLabel } from "./utils.js";
+const INITIAL_META = {
+  total: 0,
+  receive: 0,
+  sent: 0,
+  totalPages: 1,
+  filterCount: 0
+};
+class SummaryAIEmails extends React.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "eventSource", null);
+    __publicField(this, "closeStream", () => {
+      if (this.eventSource) {
+        this.eventSource.close();
+        this.eventSource = null;
+      }
+    });
+    __publicField(this, "startStream", () => {
+      const { targetEmail } = this.props;
+      const { lang, mailtype, page } = this.state;
+      if (!targetEmail) return;
+      this.closeStream();
+      this.setState({ items: [], isLoading: true });
+      const url = `${getBaseUrl()}/email/ai/fromsumstreaming/${encodeURIComponent(
+        targetEmail
+      )}/${lang}/${PAGE_SIZE}/${page}?mailtype=${mailtype}`;
+      const es = new EventSource(url);
+      this.eventSource = es;
+      es.addEventListener("meta", (ev) => {
+        var _a, _b, _c;
+        try {
+          const parsed = JSON.parse(ev.data || "{}");
+          this.setState({
+            meta: {
+              total: ((_a = parsed == null ? void 0 : parsed.counts) == null ? void 0 : _a.total) || 0,
+              receive: ((_b = parsed == null ? void 0 : parsed.counts) == null ? void 0 : _b.receive) || 0,
+              sent: ((_c = parsed == null ? void 0 : parsed.counts) == null ? void 0 : _c.sent) || 0,
+              totalPages: (parsed == null ? void 0 : parsed.total_pages) || 1,
+              filterCount: (parsed == null ? void 0 : parsed.filter_count) || 0
+            }
+          });
+        } catch (e) {
+        }
+      });
+      es.onmessage = (ev) => {
+        if (!(ev == null ? void 0 : ev.data)) return;
+        if (ev.data === "[DONE]") {
+          this.closeStream();
+          this.setState({ isLoading: false });
+          return;
+        }
+        const parsed = parseDataLine(ev.data);
+        if (parsed) {
+          this.setState((prev) => ({
+            items: [...prev.items, parsed],
+            isLoading: false
+          }));
+        }
+      };
+      es.onerror = () => {
+        this.closeStream();
+        this.setState({ isLoading: false });
+      };
+    });
+    __publicField(this, "handleChangeFilter", (val) => {
+      if (val === this.state.mailtype) return;
+      this.setState({ mailtype: val, page: 1 });
+    });
+    __publicField(this, "handleChangeLang", (val) => {
+      this.setState({ langAnchor: null });
+      if (val === this.state.lang) return;
+      this.setState({ lang: val, page: 1 });
+    });
+    __publicField(this, "handleChangePage", (page) => {
+      this.setState({ page });
+    });
+    __publicField(this, "handleOpenLang", (anchor) => {
+      this.setState({ langAnchor: anchor });
+    });
+    __publicField(this, "handleCloseLang", () => {
+      this.setState({ langAnchor: null });
+    });
+    this.state = {
+      lang: props.defaultLang || "ko",
+      mailtype: "all",
+      page: 1,
+      items: [],
+      meta: INITIAL_META,
+      isLoading: false,
+      langAnchor: null
+    };
+  }
+  componentDidMount() {
+    this.startStream();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const targetChanged = prevProps.targetEmail !== this.props.targetEmail;
+    const filterChanged = prevState.lang !== this.state.lang || prevState.mailtype !== this.state.mailtype || prevState.page !== this.state.page;
+    if (targetChanged || filterChanged) {
+      this.startStream();
+    }
+  }
+  componentWillUnmount() {
+    this.closeStream();
+  }
+  render() {
+    const { targetEmail, targetName, langList = [] } = this.props;
+    const { lang, mailtype, page, items, meta, isLoading, langAnchor } = this.state;
+    const currentLangLabel = findLangLabel(lang, langList);
+    const totalPages = Math.max(
+      1,
+      meta.totalPages || Math.ceil((meta.filterCount || meta.total) / PAGE_SIZE)
+    );
+    const filterCount = meta.filterCount || meta.total || 0;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          background: "var(--background-softGrey)",
+          padding: 16,
+          borderRadius: 8,
+          fontFamily: "inherit",
+          boxSizing: "border-box"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        TargetInfoBar,
+        {
+          targetName,
+          targetEmail,
+          currentLangLabel,
+          onOpenLang: this.handleOpenLang
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FilterTabs,
+        {
+          mailtype,
+          onChangeFilter: this.handleChangeFilter
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 8,
+            minHeight: 120
+          }
+        },
+        isLoading && items.length === 0 && /* @__PURE__ */ React.createElement(
+          LoadingContainer,
+          {
+            style: { background: "#fff", borderRadius: 8, height: 160 },
+            size: "small"
+          }
+        ),
+        !isLoading && items.length === 0 && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              background: "#fff",
+              borderRadius: 8,
+              padding: 24,
+              textAlign: "center",
+              color: "var(--text-secondary)",
+              fontSize: 13
+            }
+          },
+          "No data"
+        ),
+        items.map((item, idx) => /* @__PURE__ */ React.createElement(SummaryItem, { key: idx, item }))
+      ),
+      filterCount > 0 && /* @__PURE__ */ React.createElement(
+        Pagination,
+        {
+          total: filterCount,
+          page,
+          totalPages,
+          onChangePage: this.handleChangePage
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        LanguagePopover,
+        {
+          anchorEl: langAnchor,
+          langList,
+          currentLang: lang,
+          onSelect: this.handleChangeLang,
+          onClose: this.handleCloseLang
+        }
+      )
+    );
+  }
+}
+export {
+  SummaryAIEmails as default
+};

package/dist/components/SummaryAIEmails/types.d.ts

@@ -0,0 +1,16 @@
+export interface SummaryItemData {
+    date: string;
+    sig: string;
+    direction: "sent" | "receive";
+    direction_label: string;
+    subject: string;
+    messages: string;
+}
+export interface MetaData {
+    total: number;
+    receive: number;
+    sent: number;
+    totalPages: number;
+    filterCount: number;
+}
+export type MailType = "all" | "receive" | "sent";

package/dist/components/SummaryAIEmails/utils.d.ts

@@ -0,0 +1,11 @@
+import { LabelValue } from '../../types';
+import { SummaryItemData, MailType } from './types';
+
+export declare const PAGE_SIZE = 5;
+export declare const FILTERS: {
+    value: MailType;
+    label: string;
+}[];
+export declare const formatDate: (raw: string) => string;
+export declare const parseDataLine: (line: string) => SummaryItemData | null;
+export declare const findLangLabel: (lang: string, langList: LabelValue[]) => string;

package/dist/components/SummaryAIEmails/utils.js

@@ -0,0 +1,46 @@
+const PAGE_SIZE = 5;
+const FILTERS = [
+  { value: "all", label: "All" },
+  { value: "receive", label: "Received" },
+  { value: "sent", label: "Sent" }
+];
+const formatDate = (raw) => {
+  if (!raw) return "";
+  return String(raw).replace(/\//g, "-");
+};
+const parseDataLine = (line) => {
+  if (!line) return null;
+  const trimmed = line.trim();
+  if (trimmed.startsWith("{")) {
+    try {
+      const parsed = JSON.parse(trimmed);
+      return parsed;
+    } catch (e) {
+    }
+  }
+  const parts = trimmed.split("|").map((p) => p.trim());
+  if (parts.length < 2) return null;
+  const [date, sig, subject = "", ...rest] = parts;
+  const messages = rest.join(" | ");
+  const direction = sig === "out" ? "sent" : "receive";
+  return {
+    date,
+    sig,
+    direction,
+    direction_label: direction === "sent" ? "Sent" : "Received",
+    subject,
+    messages
+  };
+};
+const findLangLabel = (lang, langList) => {
+  const found = langList == null ? void 0 : langList.find((l) => l.value === lang);
+  if (found) return found.label;
+  return lang === "ko" ? "한국어" : lang;
+};
+export {
+  FILTERS,
+  PAGE_SIZE,
+  findLangLabel,
+  formatDate,
+  parseDataLine
+};

package/dist/components/index.d.ts

@@ -1,7 +1,5 @@
 export { default as ChatAIDraft } from './ChatAIDraft';
 export { default as LoadingCircular } from './LoadingCircular';
 export { default as LoadingContainer } from './LoadingContainer';
-export { default as Tooltip } from './Tooltip';
-export type { TooltipProps, TooltipPlacement } from './Tooltip';
-export { default as CountryFlag } from './CountryFlag';
-export type { FlagCode } from './CountryFlag';
+export { default as Pagination } from './Pagination';
+export { default as SummaryAIEmails } from './SummaryAIEmails';

package/dist/hanbiro-react16-sdk.style.css

@@ -1,6 +1,6 @@
 /*!
- * hanbiro-react16-sdk v1.0.26
- * Build Date: 2026-05-21
+ * hanbiro-react16-sdk v1.0.28
+ * Build Date: 2026-05-22
  */
 @charset "UTF-8";
 button.icon-button {
@@ -240,6 +240,11 @@ button.text-button.primary[disabled], button.text-button[color=primary][disabled
     opacity: 1;
   }
 }
+input.pagination-input::-webkit-inner-spin-button, input.pagination-input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
 p {
   font-size: 13px;
 }