hanbiro-react16-sdk 1.0.27 → 1.0.29

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

@@ -0,0 +1,35 @@
+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[];
+    userLang?: string;
+}
+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,222 @@
+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, SDKConfig } from "../../utils/url.js";
+import { t } from "../../lang/index.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";
+import { LangKey } from "../../lang/keyLang.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
+    };
+    if (props.userLang) {
+      SDKConfig.lang = props.userLang;
+    }
+  }
+  componentDidMount() {
+    this.startStream();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    if (this.props.userLang !== prevProps.userLang && this.props.userLang) {
+      SDKConfig.lang = this.props.userLang;
+      this.forceUpdate();
+    }
+    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
+            }
+          },
+          t(LangKey.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,12 @@
+import { LabelValue } from '../../types';
+import { SummaryItemData, MailType } from './types';
+import { LangKey } from '../../lang';
+
+export declare const PAGE_SIZE = 5;
+export declare const FILTERS: {
+    value: MailType;
+    label: LangKey;
+}[];
+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,47 @@
+import { LangKey } from "../../lang/keyLang.js";
+const PAGE_SIZE = 5;
+const FILTERS = [
+  { value: "all", label: LangKey.ALL },
+  { value: "receive", label: LangKey.RECEIVED },
+  { value: "sent", label: LangKey.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" ? LangKey.SENT : LangKey.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.27
- * Build Date: 2026-05-21
+ * hanbiro-react16-sdk v1.0.29
+ * 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;
 }