npm - hanbiro-react16-sdk - Versions diffs - 1.0.30 → 1.0.32 - Mend

hanbiro-react16-sdk 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/README.md +22 -35
package/dist/components/ChatAIDraft/CreatePanel/index.js +2 -2
package/dist/components/ChatAIDraft/ReplyPanel/index.js +2 -2
package/dist/components/ChatAIDraft/helper.js +3 -31
package/dist/components/SummaryAIEmails/index.js +3 -2
package/dist/components/SummaryAIEmails/utils.js +1 -0
package/dist/components/index.d.ts +0 -2
package/dist/hanbiro-react16-sdk.style.css +11 -2
package/dist/hanbiro-react16-sdk.umd.js +228 -251
package/dist/index.js +10 -13
package/dist/lang/index.js +2 -2
package/dist/utils/index.d.ts +1 -1
package/dist/utils/lang.d.ts +1 -1
package/dist/utils/lang.js +2 -1
package/dist/utils/url.d.ts +2 -9
package/dist/utils/url.js +20 -22
package/package.json +3 -2

package/README.md CHANGED Viewed

@@ -40,28 +40,34 @@ import "hanbiro-react16-sdk/style.css";
 ## Exported Utils
-| Function              | Description                                 | Import path                 |
-| --------------------- | ------------------------------------------- | --------------------------- |
-| `initHanbiroReactSDK` | Initialize SDK (baseUrl, signer)            | `hanbiro-react16-sdk/utils` |
-| `setLibLang`          | Set the active language for SDK components  | `hanbiro-react16-sdk/utils` |
-| `getBaseUrl`          | Get the configured base URL                 | `hanbiro-react16-sdk/utils` |
-| `getGroupwareUrl`     | Get the groupware URL                       | `hanbiro-react16-sdk/utils` |
+| Function          | Description                                          | Import path                 |
+| ----------------- | ---------------------------------------------------- | --------------------------- |
+| `setLibLang`      | Set the active language for SDK components           | `hanbiro-react16-sdk/utils` |
+| `getBaseUrl`      | Get the base URL (derived from the current location) | `hanbiro-react16-sdk/utils` |
+| `getGroupwareUrl` | Get the groupware URL                                | `hanbiro-react16-sdk/utils` |
+| `getAppVersion`   | Get the detected app version (`"v2"` \| `"v3"`)      | `hanbiro-react16-sdk/utils` |
 ---
-## Initialization (Required)
+## Versioned Theming (Automatic)
-Call `initHanbiroReactSDK` at the entry point of your project before rendering any components.
+The SDK serves both the v3 app (URL contains `/v3`) and the v2 app (URL contains `/ngw/app`).
+On import, the SDK detects the current version from the URL and sets a
+`data-hanbiro-sdk-version` attribute (`"v2"` | `"v3"`) on the `<html>` element:
-```ts
-import { initHanbiroReactSDK } from "hanbiro-react16-sdk/utils";
-initHanbiroReactSDK({
-  baseUrl: "https://vndev.hanbiro.com",
-  signer: null, // Pass your signer instance here if available
-});
+```html
+<html data-hanbiro-sdk-version="v2">
+  ...
+</html>
 ```
+The stylesheet then overrides the primary color palette for v2 via the
+`:root[data-hanbiro-sdk-version="v2"]` selector. **No initialization call is required** —
+just import the SDK and its stylesheet.
+> The base URL is derived automatically from the current location (`getBaseUrl`),
+> so there is no manual setup step.
 ---
 ## Language Configuration (`setLibLang`)
@@ -75,13 +81,9 @@ Use `setLibLang` to configure the active language imperatively.
 ### ES Module (npm)
 ```ts
-import { initHanbiroReactSDK, setLibLang } from "hanbiro-react16-sdk/utils";
+import { setLibLang } from "hanbiro-react16-sdk/utils";
 // Call ONCE at app startup, before rendering any SDK component
-initHanbiroReactSDK({
-  baseUrl: "https://vndev.hanbiro.com",
-  signer: null,
-});
 setLibLang("ko");
 ```
@@ -107,10 +109,6 @@ function App() {
 ### UMD (script tag)
 ```js
-HanbiroReact16SDK.initHanbiroReactSDK({
-  baseUrl: "https://vndev.hanbiro.com",
-  signer: null,
-});
 HanbiroReact16SDK.setLibLang("ko");
 ```
@@ -158,12 +156,6 @@ Load the SDK via `<script>` and `<link>` tags directly in your HTML. React and R
 The SDK is exposed as a global variable `HanbiroReact16SDK`.
 ```js
-// Initialize
-HanbiroReact16SDK.initHanbiroReactSDK({
-  baseUrl: "https://vndev.hanbiro.com",
-  signer: null,
-});
 // Mount a component into a DOM element
 ReactDOM.render(
   React.createElement(HanbiroReact16SDK.ChatAIDraft, {
@@ -185,11 +177,6 @@ angular.module("myApp").directive("chatAiDraft", function () {
     link: function (scope, element) {
       var container = element[0];
-      HanbiroReact16SDK.initHanbiroReactSDK({
-        baseUrl: "https://vndev.hanbiro.com",
-        signer: null,
-      });
       ReactDOM.render(
         React.createElement(HanbiroReact16SDK.ChatAIDraft, {
           baseUrl: HanbiroReact16SDK.getBaseUrl(),

package/dist/components/ChatAIDraft/CreatePanel/index.js CHANGED Viewed

@@ -45,7 +45,7 @@ import ChatInput from "../ChatInput.js";
 import EmptyState from "./EmptyState.js";
 import { getLengthOptions, getToneOptions } from "../constants.js";
 import { AI_LANG_FLAGS } from "../../../constants/index.js";
-import { SDKConfig } from "../../../utils/url.js";
+import { CURRENT_LANG } from "../../../utils/lang.js";
 import v4 from "../../../node_modules/uuid/dist/esm-browser/v4.js";
 class CreatePanel extends React.Component {
   constructor(props) {
@@ -109,7 +109,7 @@ class CreatePanel extends React.Component {
     __publicField(this, "setTone", (tone) => this.setState({ tone }));
     __publicField(this, "setLength", (length) => this.setState({ length }));
     this.rootRef = React.createRef();
-    const lang = ((_a = AI_LANG_FLAGS) == null ? void 0 : _a.find((_item) => (_item == null ? void 0 : _item.value) === SDKConfig.lang)) || AI_LANG_FLAGS[0];
+    const lang = ((_a = AI_LANG_FLAGS) == null ? void 0 : _a.find((_item) => (_item == null ? void 0 : _item.value) === CURRENT_LANG)) || AI_LANG_FLAGS[0];
     this.state = {
       message: "",
       messages: [],

package/dist/components/ChatAIDraft/ReplyPanel/index.js CHANGED Viewed

@@ -49,8 +49,8 @@ import ContextPreviewModal from "./ContextPreviewModal.js";
 import { fetchMailView, fetchMailAiContext } from "./helper.js";
 import { getLengthOptions, getToneOptions } from "../constants.js";
 import { AI_LANG_FLAGS } from "../../../constants/index.js";
-import { SDKConfig } from "../../../utils/url.js";
 import { t } from "../../../lang/index.js";
+import { CURRENT_LANG } from "../../../utils/lang.js";
 import v4 from "../../../node_modules/uuid/dist/esm-browser/v4.js";
 import { LangKey } from "../../../lang/keyLang.js";
 class ReplyPanel extends React.Component {
@@ -181,7 +181,7 @@ class ReplyPanel extends React.Component {
     __publicField(this, "setTone", (tone) => this.setState({ tone }));
     __publicField(this, "setLength", (length) => this.setState({ length }));
     this.rootRef = React.createRef();
-    const lang = ((_a = AI_LANG_FLAGS) == null ? void 0 : _a.find((_item) => (_item == null ? void 0 : _item.value) === SDKConfig.lang)) || AI_LANG_FLAGS[0];
+    const lang = ((_a = AI_LANG_FLAGS) == null ? void 0 : _a.find((_item) => (_item == null ? void 0 : _item.value) === CURRENT_LANG)) || AI_LANG_FLAGS[0];
     this.state = {
       view: "empty",
       sourceMail: null,

package/dist/components/ChatAIDraft/helper.js CHANGED Viewed

@@ -1,19 +1,3 @@
-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;
-};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -34,32 +18,20 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getBaseUrl, SDKConfig } from "../../utils/url.js";
+import { getBaseUrl } from "../../utils/url.js";
 function callAI(_0, _1) {
   return __async(this, arguments, function* (params, { setContent, setIsLoading, setConversationId }) {
-    var _a;
     let currentContent = "";
     const baseUrl = getBaseUrl();
     try {
       setIsLoading(true);
-      const config = {
-        method: "POST",
-        baseURL: baseUrl,
-        url: "/nmail/chatdraft",
-        params
-      };
-      let sigHeaders = {};
-      const signer = (_a = SDKConfig) == null ? void 0 : _a.signer;
-      if (signer && typeof signer.generateHeaders === "function") {
-        sigHeaders = yield signer.generateHeaders(config);
-      }
       const response = yield fetch(`${baseUrl}/nmail/chatdraft`, {
         method: "POST",
         body: JSON.stringify(params),
-        headers: __spreadValues({
+        headers: {
           "Content-Type": "application/json",
           "Access-Control-Allow-Origin": "*"
-        }, sigHeaders)
+        }
       });
       setIsLoading(false);
       if (!response.body) {

package/dist/components/SummaryAIEmails/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ 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 { SDKConfig, getBaseUrl } from "../../utils/url.js";
+import { getBaseUrl } from "../../utils/url.js";
 import { t } from "../../lang/index.js";
 import LoadingContainer from "../LoadingContainer/index.js";
 import TargetInfoBar from "./TargetInfoBar.js";
@@ -11,6 +11,7 @@ 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 { CURRENT_LANG } from "../../utils/lang.js";
 import { LangKey } from "../../lang/keyLang.js";
 const INITIAL_META = {
   total: 0,
@@ -95,7 +96,7 @@ class SummaryAIEmails extends React.Component {
       this.setState({ langAnchor: null });
     });
     this.state = {
-      lang: SDKConfig.lang || "ko",
+      lang: CURRENT_LANG || "ko",
       mailtype: "all",
       page: 1,
       items: [],

package/dist/components/SummaryAIEmails/utils.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { LangKey } from "../../lang/keyLang.js";
+import "../../utils/lang.js";
 const PAGE_SIZE = 5;
 const FILTERS = [
   { value: "all", label: LangKey.ALL },

package/dist/components/index.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
 export { default as ChatAIDraft } from './ChatAIDraft';
-export { default as LoadingCircular } from './LoadingCircular';
 export { default as LoadingContainer } from './LoadingContainer';
-export { default as Pagination } from './Pagination';
 export { default as SummaryAIEmails } from './SummaryAIEmails';

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

@@ -1,6 +1,6 @@
 /*!
- * hanbiro-react16-sdk v1.0.30
- * Build Date: 2026-05-22
+ * hanbiro-react16-sdk v1.0.32
+ * Build Date: 2026-05-27
  */
 @charset "UTF-8";
 button.icon-button {
@@ -270,6 +270,15 @@ p {
   --border-dark: #a1a1a1;
 }
+:root[data-hanbiro-sdk-version=v2] {
+  --primary-lighter: #e4f6fa;
+  --primary-light: #5fbadf;
+  --primary-main: #4ca1cc;
+  --primary-dark: #3e7da5;
+  --primary-darker: #325d82;
+  --primary-contrasttext: #fff;
+}
 select {
   padding: 7px 8px;
   border-radius: 4px;

package/dist/hanbiro-react16-sdk.umd.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
- * hanbiro-react16-sdk v1.0.30
- * Build Date: 2026-05-22
+ * hanbiro-react16-sdk v1.0.32
+ * Build Date: 2026-05-27
  */
 function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
 function _readOnlyError(r) { throw new TypeError('"' + r + '" is read-only'); }
@@ -145,6 +145,42 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   }
   var React__namespace = /* @__PURE__ */_interopNamespaceDefault(React);
   var ReactDOM__namespace = /* @__PURE__ */_interopNamespaceDefault(ReactDOM);
+  var getAppVersion = function getAppVersion() {
+    var locationInfo = window.location;
+    if (window.location !== window.parent.location) {
+      try {
+        locationInfo = window.parent.location;
+      } catch (e) {
+        locationInfo = window.location;
+      }
+    }
+    return locationInfo.pathname.includes("/ngw/app") ? "v2" : "v3";
+  };
+  var applyVersionAttribute = function applyVersionAttribute() {
+    if (typeof document === "undefined") return;
+    document.documentElement.setAttribute("data-hanbiro-sdk-version", getAppVersion());
+  };
+  var checkDevelopment = function checkDevelopment() {
+    var locationInfo = window.location;
+    var hostname = locationInfo.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      return true;
+    } else {
+      return false;
+    }
+  };
+  var isDevelopment = checkDevelopment();
+  var getBaseUrl = function getBaseUrl() {
+    var locationInfo = window.location;
+    var host = locationInfo.host;
+    if (isDevelopment) {
+      return "https://vndev.hanbiro.com";
+    } else {
+      var data = localStorage.getItem("host") || host;
+      var dataArr = data == null ? void 0 : data.split("/");
+      return "https://" + (dataArr == null ? void 0 : dataArr[0]);
+    }
+  };
   var getRandomValues;
   var rnds8 = new Uint8Array(16);
   function rng() {
@@ -178,87 +214,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     rnds[8] = rnds[8] & 63 | 128;
     return unsafeStringify(rnds);
   }
-  var LOCAL_STORAGE_KEY = /* @__PURE__ */function (LOCAL_STORAGE_KEY2) {
-    LOCAL_STORAGE_KEY2["LANG_CODE"] = "lang.code";
-    return LOCAL_STORAGE_KEY2;
-  }(LOCAL_STORAGE_KEY || {});
-  var localStorageService = {
-    get: function get(key) {
-      return localStorage.getItem(key);
-    },
-    set: function set(key, value) {
-      localStorage.setItem(key, value);
-    },
-    remove: function remove(key) {
-      localStorage.removeItem(key);
-    }
-  };
-  function getBrowserLang() {
-    var shortCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var language = navigator.language;
-    if (language.indexOf("-") !== -1 && shortCode) {
-      language = language.substring(0, 2);
-    }
-    if (language === "ja") {
-      language = "jp";
-    }
-    var supportLanguage = ["ko", "en", "jp", "ch", "zh", "id", "vi", "es"];
-    if (!(supportLanguage.indexOf(language) > -1)) {
-      language = "en";
-    }
-    return language || "en";
-  }
-  var getCurrentLang = function getCurrentLang() {
-    return localStorageService.get(LOCAL_STORAGE_KEY.LANG_CODE) || getBrowserLang(true);
-  };
-  var SDKConfig = {
-    baseUrl: "V3",
-    signer: null,
-    lang: getCurrentLang()
-  };
-  var initHanbiroReactSDK = function initHanbiroReactSDK(_ref2) {
-    var baseUrl = _ref2.baseUrl,
-      signer = _ref2.signer;
-    SDKConfig.baseUrl = baseUrl;
-    SDKConfig.signer = signer;
-  };
-  var setLibLang = function setLibLang(lang) {
-    if (lang) SDKConfig.lang = lang;
-  };
-  var checkDevelopment = function checkDevelopment() {
-    var locationInfo = window.location;
-    var hostname = locationInfo.hostname;
-    if (hostname === "localhost" || hostname === "127.0.0.1") {
-      return true;
-    } else {
-      return false;
-    }
-  };
-  var isDevelopment = checkDevelopment();
-  var getBaseUrl = function getBaseUrl() {
-    var _a2;
-    var locationInfo = window.location;
-    var host = locationInfo.host;
-    if (isDevelopment) {
-      var baseUrlArr = (_a2 = SDKConfig.baseUrl) == null ? void 0 : _a2.split("/");
-      if (baseUrlArr) {
-        return "https://" + (baseUrlArr == null ? void 0 : baseUrlArr[2]);
-      } else {
-        return "https://vndev.hanbiro.com";
-      }
-    } else {
-      var data = localStorage.getItem("host") || host;
-      var dataArr = data == null ? void 0 : data.split("/");
-      return "https://" + (dataArr == null ? void 0 : dataArr[0]);
-    }
-  };
   function callAI(_0, _1) {
-    return __async(this, arguments, function (params, _ref3) {
-      var setContent = _ref3.setContent,
-        setIsLoading = _ref3.setIsLoading,
-        setConversationId = _ref3.setConversationId;
+    return __async(this, arguments, function (params, _ref2) {
+      var setContent = _ref2.setContent,
+        setIsLoading = _ref2.setIsLoading,
+        setConversationId = _ref2.setConversationId;
       return /*#__PURE__*/_regenerator().m(function _callee() {
-        var currentContent, baseUrl, config, sigHeaders, signer, response, reader, fullContentDecode, readIndex, _yield$reader$read, done, value, originStr, jsonFormat, contentDecode, contentRegex, conversationIdRegex, matchArray, conversationIdmatch, _regMatchItem, nVal, decoded, _t;
+        var currentContent, baseUrl, response, reader, fullContentDecode, readIndex, _yield$reader$read, done, value, originStr, jsonFormat, contentDecode, contentRegex, conversationIdRegex, matchArray, conversationIdmatch, _regMatchItem, nVal, decoded, _t;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.p = _context.n) {
             case 0:
@@ -266,61 +228,44 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               baseUrl = getBaseUrl();
               _context.p = 1;
               setIsLoading(true);
-              config = {
-                method: "POST",
-                baseURL: baseUrl,
-                url: "/nmail/chatdraft",
-                params: params
-              };
-              sigHeaders = {};
-              signer = SDKConfig == null ? void 0 : SDKConfig.signer;
-              if (!(signer && typeof signer.generateHeaders === "function")) {
-                _context.n = 3;
-                break;
-              }
               _context.n = 2;
-              return signer.generateHeaders(config);
-            case 2:
-              sigHeaders = _context.v;
-            case 3:
-              _context.n = 4;
               return fetch("".concat(baseUrl, "/nmail/chatdraft"), {
                 method: "POST",
                 body: JSON.stringify(params),
-                headers: __spreadValues({
+                headers: {
                   "Content-Type": "application/json",
                   "Access-Control-Allow-Origin": "*"
-                }, sigHeaders)
+                }
               });
-            case 4:
+            case 2:
               response = _context.v;
               setIsLoading(false);
               if (response.body) {
-                _context.n = 5;
+                _context.n = 3;
                 break;
               }
               throw new Error("Response body is not available for streaming.");
-            case 5:
+            case 3:
               reader = response.body.getReader();
               fullContentDecode = "";
               readIndex = 0;
-            case 6:
+            case 4:
               if (!true) {
-                _context.n = 9;
+                _context.n = 7;
                 break;
               }
-              _context.n = 7;
+              _context.n = 5;
               return reader.read();
-            case 7:
+            case 5:
               _yield$reader$read = _context.v;
               done = _yield$reader$read.done;
               value = _yield$reader$read.value;
               if (!done) {
-                _context.n = 8;
+                _context.n = 6;
                 break;
               }
-              return _context.a(3, 9);
-            case 8:
+              return _context.a(3, 7);
+            case 6:
               originStr = "";
               jsonFormat = "";
               try {
@@ -353,23 +298,23 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               } catch (e) {
                 console.error("TextDecoder error: ", e, originStr);
               }
-              _context.n = 6;
+              _context.n = 4;
               break;
-            case 9:
+            case 7:
               return _context.a(2, currentContent);
-            case 10:
-              _context.p = 10;
+            case 8:
+              _context.p = 8;
               _t = _context.v;
               console.error("Summary error:", _t);
               setContent("");
-            case 11:
-              _context.p = 11;
+            case 9:
+              _context.p = 9;
               setIsLoading(false);
-              return _context.f(11);
-            case 12:
+              return _context.f(9);
+            case 10:
               return _context.a(2, "");
           }
-        }, _callee, null, [[1, 10, 11, 12]]);
+        }, _callee, null, [[1, 8, 9, 10]]);
       })();
     });
   }
@@ -4124,10 +4069,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, {
       key: "code",
-      value: function code(_ref4) {
-        var text = _ref4.text,
-          lang = _ref4.lang,
-          escaped = _ref4.escaped;
+      value: function code(_ref3) {
+        var text = _ref3.text,
+          lang = _ref3.lang,
+          escaped = _ref3.escaped;
         var _a2;
         var langString = (_a2 = (lang || "").match(other.notSpaceStart)) == null ? void 0 : _a2[0];
         var code = text.replace(other.endingNewline, "") + "\n";
@@ -4138,22 +4083,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, {
       key: "blockquote",
-      value: function blockquote(_ref5) {
-        var tokens = _ref5.tokens;
+      value: function blockquote(_ref4) {
+        var tokens = _ref4.tokens;
         var body = this.parser.parse(tokens);
         return "<blockquote>\n".concat(body, "</blockquote>\n");
       }
     }, {
       key: "html",
-      value: function html(_ref6) {
-        var text = _ref6.text;
+      value: function html(_ref5) {
+        var text = _ref5.text;
         return text;
       }
     }, {
       key: "heading",
-      value: function heading(_ref7) {
-        var tokens = _ref7.tokens,
-          depth = _ref7.depth;
+      value: function heading(_ref6) {
+        var tokens = _ref6.tokens,
+          depth = _ref6.depth;
         return "<h".concat(depth, ">").concat(this.parser.parseInline(tokens), "</h").concat(depth, ">\n");
       }
     }, {
@@ -4208,14 +4153,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, {
       key: "checkbox",
-      value: function checkbox(_ref8) {
-        var checked = _ref8.checked;
+      value: function checkbox(_ref7) {
+        var checked = _ref7.checked;
         return "<input " + (checked ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
       }
     }, {
       key: "paragraph",
-      value: function paragraph(_ref9) {
-        var tokens = _ref9.tokens;
+      value: function paragraph(_ref8) {
+        var tokens = _ref8.tokens;
         return "<p>".concat(this.parser.parseInline(tokens), "</p>\n");
       }
     }, {
@@ -4245,8 +4190,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, {
       key: "tablerow",
-      value: function tablerow(_ref0) {
-        var text = _ref0.text;
+      value: function tablerow(_ref9) {
+        var text = _ref9.text;
         return "<tr>\n".concat(text, "</tr>\n");
       }
     }, {
@@ -4262,20 +4207,20 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
        */
     }, {
       key: "strong",
-      value: function strong(_ref1) {
-        var tokens = _ref1.tokens;
+      value: function strong(_ref0) {
+        var tokens = _ref0.tokens;
         return "<strong>".concat(this.parser.parseInline(tokens), "</strong>");
       }
     }, {
       key: "em",
-      value: function em(_ref10) {
-        var tokens = _ref10.tokens;
+      value: function em(_ref1) {
+        var tokens = _ref1.tokens;
         return "<em>".concat(this.parser.parseInline(tokens), "</em>");
       }
     }, {
       key: "codespan",
-      value: function codespan(_ref11) {
-        var text = _ref11.text;
+      value: function codespan(_ref10) {
+        var text = _ref10.text;
         return "<code>".concat(escape2(text, true), "</code>");
       }
     }, {
@@ -4285,16 +4230,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, {
       key: "del",
-      value: function del(_ref12) {
-        var tokens = _ref12.tokens;
+      value: function del(_ref11) {
+        var tokens = _ref11.tokens;
         return "<del>".concat(this.parser.parseInline(tokens), "</del>");
       }
     }, {
       key: "link",
-      value: function link(_ref13) {
-        var href = _ref13.href,
-          title = _ref13.title,
-          tokens = _ref13.tokens;
+      value: function link(_ref12) {
+        var href = _ref12.href,
+          title = _ref12.title,
+          tokens = _ref12.tokens;
         var text = this.parser.parseInline(tokens);
         var cleanHref = cleanUrl(href);
         if (cleanHref === null) {
@@ -4310,11 +4255,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, {
       key: "image",
-      value: function image(_ref14) {
-        var href = _ref14.href,
-          title = _ref14.title,
-          text = _ref14.text,
-          tokens = _ref14.tokens;
+      value: function image(_ref13) {
+        var href = _ref13.href,
+          title = _ref13.title,
+          text = _ref13.text,
+          tokens = _ref13.tokens;
         if (tokens) {
           text = this.parser.parseInline(tokens, this.parser.textRenderer);
         }
@@ -4345,50 +4290,50 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       key: "strong",
       value:
       // no need for block level renderers
-      function strong(_ref15) {
-        var text = _ref15.text;
+      function strong(_ref14) {
+        var text = _ref14.text;
         return text;
       }
     }, {
       key: "em",
-      value: function em(_ref16) {
-        var text = _ref16.text;
+      value: function em(_ref15) {
+        var text = _ref15.text;
         return text;
       }
     }, {
       key: "codespan",
-      value: function codespan(_ref17) {
-        var text = _ref17.text;
+      value: function codespan(_ref16) {
+        var text = _ref16.text;
         return text;
       }
     }, {
       key: "del",
-      value: function del(_ref18) {
-        var text = _ref18.text;
+      value: function del(_ref17) {
+        var text = _ref17.text;
         return text;
       }
     }, {
       key: "html",
-      value: function html(_ref19) {
-        var text = _ref19.text;
+      value: function html(_ref18) {
+        var text = _ref18.text;
         return text;
       }
     }, {
       key: "text",
-      value: function text(_ref20) {
-        var _text = _ref20.text;
+      value: function text(_ref19) {
+        var _text = _ref19.text;
         return _text;
       }
     }, {
       key: "link",
-      value: function link(_ref21) {
-        var text = _ref21.text;
+      value: function link(_ref20) {
+        var text = _ref20.text;
         return "" + text;
       }
     }, {
       key: "image",
-      value: function image(_ref22) {
-        var text = _ref22.text;
+      value: function image(_ref21) {
+        var text = _ref21.text;
         return "" + text;
       }
     }, {
@@ -5089,9 +5034,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   marked.parseInline;
   _Parser.parse;
   _Lexer.lex;
-  var TypingText = function TypingText(_ref23) {
-    var data = _ref23.data,
-      style = _ref23.style;
+  var TypingText = function TypingText(_ref22) {
+    var data = _ref22.data,
+      style = _ref22.style;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: __spreadValues({
         maxWidth: "80%"
@@ -5127,9 +5072,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, "AI");
   };
-  var LoadingDots = function LoadingDots(_ref24) {
-    var _ref24$label = _ref24.label,
-      label = _ref24$label === void 0 ? "Thinking" : _ref24$label;
+  var LoadingDots = function LoadingDots(_ref23) {
+    var _ref23$label = _ref23.label,
+      label = _ref23$label === void 0 ? "Thinking" : _ref23$label;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "inline-flex",
@@ -5236,21 +5181,55 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   var en = (_en = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.SUMMARY_WARNING, "This is a summary compiled by AI · May contain some inaccuracies"), LangKey.NO_DATA, "No data"), LangKey.SENT, "Sent"), LangKey.RECEIVED, "Received"), LangKey.ALL, "All"), LangKey.CREATE_EMPTY_TITLE, "Let's draft a new email together from scratch."), LangKey.CREATE_EMPTY_SUBTITLE, "Tell me what kind of email you'd like to write."), LangKey.CREATE_EMPTY_GUIDE, "Give me the recipient, purpose, and key points\nand AI will generate a polished draft."), LangKey.CREATE_FEATURE_1_TITLE, "Request via message"), LangKey.CREATE_FEATURE_1_DESC, 'e.g., "Draft an email to Director Hong proposing a Q3 collaboration meeting (May 20, 3 PM)"'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.CREATE_FEATURE_2_TITLE, "AI generates a draft"), LangKey.CREATE_FEATURE_2_DESC, "Refine the draft freely with follow-ups like 'more polite' or 'add a deadline'."), LangKey.CREATE_FEATURE_3_TITLE, "Apply to body"), LangKey.CREATE_FEATURE_3_DESC, "Insert the response you like into the email body and send."), LangKey.CREATE_PROMPT_HINT, "💡 Try these prompts to get a draft right away"), LangKey.CREATE_SUGGESTION_1, "Propose a Q3 meeting to Director Hong (May 20, 3 PM)"), LangKey.CREATE_SUGGESTION_2, "Notify client of payment schedule (Due May 30)"), LangKey.CREATE_SUGGESTION_3, "Welcome message to new employee (Joining May 22)"), LangKey.REPLY_EMPTY_TITLE, "We'll draft a reply based on the received email.\nAdd send history if you want to match the tone."), LangKey.REPLY_EMPTY_GUIDE, "The source is auto-included. Adjust tone and length through conversation."), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.REPLY_FEATURE_1_TITLE, "Auto-include source"), LangKey.REPLY_FEATURE_1_DESC, "The email you are replying to is automatically added as context."), LangKey.REPLY_FEATURE_2_TITLE, "Add send history (optional)"), LangKey.REPLY_FEATURE_2_DESC, "Use '+ Add' to pick past emails and reference their tone."), LangKey.REPLY_FEATURE_3_TITLE, "Refine with conversation"), LangKey.REPLY_FEATURE_3_DESC, "Get an AI draft, then adjust freely with chips or messages."), LangKey.CHAT_INPUT_PLACEHOLDER, "Describe your email..."), LangKey.CHAT_INPUT_PLACEHOLDER_REPLY, "Type a message..."), LangKey.APPLY_CONTENT, "Apply content"), LangKey.SETTING_LANGUAGE, "Language"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.SETTING_TONE, "Tone"), LangKey.SETTING_LENGTH, "Length"), LangKey.TONE_FORMAL, "Formal"), LangKey.TONE_POLITE, "Polite"), LangKey.TONE_NEUTRAL, "Neutral"), LangKey.TONE_FRIENDLY, "Friendly"), LangKey.TONE_FIRM, "Firm"), LangKey.TONE_APOLOGY, "Apology"), LangKey.LENGTH_SHORT, "Short"), LangKey.LENGTH_MEDIUM, "Medium"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.LENGTH_LONG, "Long"), LangKey.LENGTH_ONE_LINER, "1-liner"), LangKey.PAGINATION_TOTAL, "Total"), LangKey.PAGINATION_PAGE, "Page"), LangKey.PAGINATION_PAGE_OF, "Page"), LangKey.REPLY_LOADING_CONTEXT, "Loading context..."), LangKey.SOURCE_CONTEXT, "Source context"), LangKey.AUTO, "Auto"), LangKey.SELECTED_CONTEXT, "Selected context"), LangKey.ADD, "Add"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_en, LangKey.BACK, "Back"), LangKey.ADD_CONTEXT_TITLE, "Add context from receive history"), LangKey.ADD_CONTEXT_DESC, "Select related emails to provide AI context."), LangKey.SELECTED_UP_TO, "selected · up to"), LangKey.CLEAR_ALL, "Clear all"), LangKey.SORT_LATEST, "Sort: latest"), LangKey.NO_EMAILS_FOUND, "No emails found."), LangKey.CANCEL, "Cancel"), LangKey.ADD_AS_CONTEXT, "as context →"), LangKey.NO_SUBJECT, "(no subject)"));
   var vi = (_vi = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.SUMMARY_WARNING, "Đây là bản tóm tắt do AI tổng hợp · Có thể chứa một số điểm không chính xác"), LangKey.NO_DATA, "Không có dữ liệu"), LangKey.SENT, "Đã gửi"), LangKey.RECEIVED, "Đã nhận"), LangKey.ALL, "Tất cả"), LangKey.CREATE_EMPTY_TITLE, "Hãy cùng nhau soạn thảo một email mới từ đầu."), LangKey.CREATE_EMPTY_SUBTITLE, "Hãy cho tôi biết bạn muốn viết loại email nào."), LangKey.CREATE_EMPTY_GUIDE, "Cho tôi người nhận, mục đích và những điểm chính\nvà AI sẽ tạo ra một bản nháp hoàn chỉnh."), LangKey.CREATE_FEATURE_1_TITLE, "Yêu cầu qua tin nhắn"), LangKey.CREATE_FEATURE_1_DESC, 'VD: "Soạn email gửi Giám đốc Hong đề xuất cuộc họp hợp tác quý 3 (20/5, 3 giờ chiều)"'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.CREATE_FEATURE_2_TITLE, "AI tạo bản nháp"), LangKey.CREATE_FEATURE_2_DESC, "Tinh chỉnh bản nháp thoải mái với các yêu cầu tiếp theo như 'lịch sự hơn' hoặc 'thêm thời hạn'."), LangKey.CREATE_FEATURE_3_TITLE, "Áp dụng vào nội dung"), LangKey.CREATE_FEATURE_3_DESC, "Chèn phản hồi bạn thích vào nội dung email và gửi."), LangKey.CREATE_PROMPT_HINT, "💡 Thử các câu lệnh này để nhận bản nháp ngay lập tức"), LangKey.CREATE_SUGGESTION_1, "Đề xuất cuộc họp quý 3 với Giám đốc Hong (20/5, 3 giờ chiều)"), LangKey.CREATE_SUGGESTION_2, "Thông báo lịch thanh toán cho khách hàng (Hạn chót 30/5)"), LangKey.CREATE_SUGGESTION_3, "Tin nhắn chào mừng nhân viên mới (Gia nhập 22/5)"), LangKey.REPLY_EMPTY_TITLE, "Chúng tôi sẽ soạn thảo thư trả lời dựa trên email đã nhận.\nThêm lịch sử gửi nếu bạn muốn khớp với giọng điệu."), LangKey.REPLY_EMPTY_GUIDE, "Nguồn được tự động bao gồm. Điều chỉnh giọng điệu và độ dài thông qua cuộc trò chuyện."), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.REPLY_FEATURE_1_TITLE, "Tự động bao gồm nguồn"), LangKey.REPLY_FEATURE_1_DESC, "Email bạn đang trả lời tự động được thêm làm ngữ cảnh."), LangKey.REPLY_FEATURE_2_TITLE, "Thêm lịch sử gửi (tùy chọn)"), LangKey.REPLY_FEATURE_2_DESC, "Sử dụng '+ Thêm' để chọn các email trước đây và tham khảo giọng điệu của chúng."), LangKey.REPLY_FEATURE_3_TITLE, "Tinh chỉnh thông qua trò chuyện"), LangKey.REPLY_FEATURE_3_DESC, "Nhận bản nháp AI, sau đó điều chỉnh thoải mái bằng thẻ hoặc tin nhắn."), LangKey.CHAT_INPUT_PLACEHOLDER, "Mô tả email của bạn..."), LangKey.CHAT_INPUT_PLACEHOLDER_REPLY, "Nhập tin nhắn..."), LangKey.APPLY_CONTENT, "Áp dụng nội dung"), LangKey.SETTING_LANGUAGE, "Ngôn ngữ"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.SETTING_TONE, "Giọng điệu"), LangKey.SETTING_LENGTH, "Độ dài"), LangKey.TONE_FORMAL, "Trang trọng"), LangKey.TONE_POLITE, "Lịch sự"), LangKey.TONE_NEUTRAL, "Trung lập"), LangKey.TONE_FRIENDLY, "Thân thiện"), LangKey.TONE_FIRM, "Cứng rắn"), LangKey.TONE_APOLOGY, "Xin lỗi"), LangKey.LENGTH_SHORT, "Ngắn"), LangKey.LENGTH_MEDIUM, "Trung bình"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.LENGTH_LONG, "Dài"), LangKey.LENGTH_ONE_LINER, "1 dòng"), LangKey.PAGINATION_TOTAL, "Tổng"), LangKey.PAGINATION_PAGE, "Trang"), LangKey.PAGINATION_PAGE_OF, "Trang"), LangKey.REPLY_LOADING_CONTEXT, "Đang tải ngữ cảnh..."), LangKey.SOURCE_CONTEXT, "Ngữ cảnh nguồn"), LangKey.AUTO, "Tự động"), LangKey.SELECTED_CONTEXT, "Ngữ cảnh đã chọn"), LangKey.ADD, "Thêm"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_vi, LangKey.BACK, "Trở lại"), LangKey.ADD_CONTEXT_TITLE, "Thêm ngữ cảnh từ lịch sử nhận"), LangKey.ADD_CONTEXT_DESC, "Chọn các email liên quan để cung cấp ngữ cảnh cho AI."), LangKey.SELECTED_UP_TO, "đã chọn · tối đa"), LangKey.CLEAR_ALL, "Xóa tất cả"), LangKey.SORT_LATEST, "Sắp xếp: mới nhất"), LangKey.NO_EMAILS_FOUND, "Không tìm thấy email nào."), LangKey.CANCEL, "Hủy bỏ"), LangKey.ADD_AS_CONTEXT, "làm ngữ cảnh →"), LangKey.NO_SUBJECT, "(không có chủ đề)"));
   var ko = (_ko = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.SUMMARY_WARNING, "이것은 AI가 작성한 요약입니다 · 일부 부정확한 내용이 포함될 수 있습니다"), LangKey.NO_DATA, "데이터 없음"), LangKey.SENT, "보낸 편지"), LangKey.RECEIVED, "받은 편지"), LangKey.ALL, "전체"), LangKey.CREATE_EMPTY_TITLE, "처음부터 새로운 이메일 초안을 함께 작성해 봅시다."), LangKey.CREATE_EMPTY_SUBTITLE, "어떤 종류의 이메일을 작성하고 싶으신가요?"), LangKey.CREATE_EMPTY_GUIDE, "수신자, 목적 및 주요 내용을 알려주시면\nAI가 완성도 높은 초안을 생성해 드립니다."), LangKey.CREATE_FEATURE_1_TITLE, "메시지로 요청"), LangKey.CREATE_FEATURE_1_DESC, '예: "홍길동 이사님께 3분기 협력 회의 제안 이메일 작성 (5월 20일 오후 3시)"'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.CREATE_FEATURE_2_TITLE, "AI 초안 생성"), LangKey.CREATE_FEATURE_2_DESC, "'더 정중하게' 또는 '마감일 추가'와 같은 후속 요청으로 초안을 자유롭게 수정하세요."), LangKey.CREATE_FEATURE_3_TITLE, "본문에 적용"), LangKey.CREATE_FEATURE_3_DESC, "마음에 드는 답변을 이메일 본문에 삽입하고 전송하세요."), LangKey.CREATE_PROMPT_HINT, "💡 바로 초안을 받으려면 다음 프롬프트를 시도해 보세요"), LangKey.CREATE_SUGGESTION_1, "홍길동 이사님께 3분기 회의 제안 (5월 20일 오후 3시)"), LangKey.CREATE_SUGGESTION_2, "고객에게 결제 일정 안내 (마감일 5월 30일)"), LangKey.CREATE_SUGGESTION_3, "신입 사원 환영 메시지 (5월 22일 입사)"), LangKey.REPLY_EMPTY_TITLE, "받은 이메일을 바탕으로 답장 초안을 작성합니다.\n어조를 맞추고 싶다면 보낸 내역을 추가하세요."), LangKey.REPLY_EMPTY_GUIDE, "원본 메일은 자동으로 포함됩니다. 대화를 통해 어조와 길이를 조정하세요."), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.REPLY_FEATURE_1_TITLE, "원본 자동 포함"), LangKey.REPLY_FEATURE_1_DESC, "답장하려는 이메일이 자동으로 컨텍스트로 추가됩니다."), LangKey.REPLY_FEATURE_2_TITLE, "발송 내역 추가 (선택사항)"), LangKey.REPLY_FEATURE_2_DESC, "'+ 추가'를 사용하여 과거 이메일을 선택하고 어조를 참조하세요."), LangKey.REPLY_FEATURE_3_TITLE, "대화로 수정"), LangKey.REPLY_FEATURE_3_DESC, "AI 초안을 받은 후 칩이나 메시지를 사용하여 자유롭게 조정하세요."), LangKey.CHAT_INPUT_PLACEHOLDER, "이메일을 설명해주세요..."), LangKey.CHAT_INPUT_PLACEHOLDER_REPLY, "메시지 입력..."), LangKey.APPLY_CONTENT, "내용 적용"), LangKey.SETTING_LANGUAGE, "언어"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.SETTING_TONE, "어조"), LangKey.SETTING_LENGTH, "길이"), LangKey.TONE_FORMAL, "격식"), LangKey.TONE_POLITE, "정중"), LangKey.TONE_NEUTRAL, "중립"), LangKey.TONE_FRIENDLY, "친근"), LangKey.TONE_FIRM, "단호"), LangKey.TONE_APOLOGY, "사과"), LangKey.LENGTH_SHORT, "짧게"), LangKey.LENGTH_MEDIUM, "보통"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.LENGTH_LONG, "길게"), LangKey.LENGTH_ONE_LINER, "한 줄"), LangKey.PAGINATION_TOTAL, "전체"), LangKey.PAGINATION_PAGE, "페이지"), LangKey.PAGINATION_PAGE_OF, "페이지"), LangKey.REPLY_LOADING_CONTEXT, "컨텍스트 로딩 중..."), LangKey.SOURCE_CONTEXT, "원본 컨텍스트"), LangKey.AUTO, "자동"), LangKey.SELECTED_CONTEXT, "선택한 컨텍스트"), LangKey.ADD, "추가"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ko, LangKey.BACK, "뒤로"), LangKey.ADD_CONTEXT_TITLE, "수신 내역에서 컨텍스트 추가"), LangKey.ADD_CONTEXT_DESC, "관련 이메일을 선택하여 AI에 컨텍스트를 제공하세요."), LangKey.SELECTED_UP_TO, "개 선택됨 · 최대"), LangKey.CLEAR_ALL, "모두 지우기"), LangKey.SORT_LATEST, "정렬: 최신순"), LangKey.NO_EMAILS_FOUND, "이메일을 찾을 수 없습니다."), LangKey.CANCEL, "취소"), LangKey.ADD_AS_CONTEXT, "컨텍스트로 추가 →"), LangKey.NO_SUBJECT, "(제목 없음)"));
+  var LOCAL_STORAGE_KEY = /* @__PURE__ */function (LOCAL_STORAGE_KEY2) {
+    LOCAL_STORAGE_KEY2["LANG_CODE"] = "lang.code";
+    return LOCAL_STORAGE_KEY2;
+  }(LOCAL_STORAGE_KEY || {});
+  var localStorageService = {
+    get: function get(key) {
+      return localStorage.getItem(key);
+    },
+    set: function set(key, value) {
+      localStorage.setItem(key, value);
+    },
+    remove: function remove(key) {
+      localStorage.removeItem(key);
+    }
+  };
+  function getBrowserLang() {
+    var shortCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var language = navigator.language;
+    if (language.indexOf("-") !== -1 && shortCode) {
+      language = language.substring(0, 2);
+    }
+    if (language === "ja") {
+      language = "jp";
+    }
+    var supportLanguage = ["ko", "en", "jp", "ch", "zh", "id", "vi", "es"];
+    if (!(supportLanguage.indexOf(language) > -1)) {
+      language = "en";
+    }
+    return language || "en";
+  }
+  var getCurrentLang = function getCurrentLang() {
+    return localStorageService.get(LOCAL_STORAGE_KEY.LANG_CODE) || getBrowserLang(true);
+  };
+  var CURRENT_LANG = getCurrentLang();
   var dicts = {
     en: en,
     vi: vi,
     ko: ko
   };
   var t = function t(key) {
-    var lang = SDKConfig.lang || "en";
+    var lang = CURRENT_LANG || "en";
     var prefix = lang.split("-")[0];
     var dict = dicts[lang] || dicts[prefix] || dicts.en;
     return dict[key] || en[key] || key;
   };
-  var MessageItem = function MessageItem(_ref25) {
-    var item = _ref25.item,
-      onApply = _ref25.onApply,
-      getEditorContent = _ref25.getEditorContent;
+  var MessageItem = function MessageItem(_ref24) {
+    var item = _ref24.item,
+      onApply = _ref24.onApply,
+      getEditorContent = _ref24.getEditorContent;
     var handleApply = function handleApply() {
       return __async(_this9, null, /*#__PURE__*/_regenerator().m(function _callee3() {
         var editorValue, html2;
@@ -5340,10 +5319,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       size: 16
     }))))))));
   };
-  var ChatList = function ChatList(_ref26) {
-    var items = _ref26.items,
-      onApply = _ref26.onApply,
-      getEditorContent = _ref26.getEditorContent;
+  var ChatList = function ChatList(_ref25) {
+    var items = _ref25.items,
+      onApply = _ref25.onApply,
+      getEditorContent = _ref25.getEditorContent;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         flex: 1,
@@ -7219,13 +7198,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }]);
   }(React__namespace.Component);
-  var ChipGroup = function ChipGroup(_ref27) {
-    var options = _ref27.options,
-      selected = _ref27.selected,
-      onSelect = _ref27.onSelect,
-      iconMap = _ref27.iconMap,
-      _ref27$columns = _ref27.columns,
-      columns = _ref27$columns === void 0 ? 3 : _ref27$columns;
+  var ChipGroup = function ChipGroup(_ref26) {
+    var options = _ref26.options,
+      selected = _ref26.selected,
+      onSelect = _ref26.onSelect,
+      iconMap = _ref26.iconMap,
+      _ref26$columns = _ref26.columns,
+      columns = _ref26$columns === void 0 ? 3 : _ref26$columns;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "grid",
@@ -7656,13 +7635,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }]);
   }(React__namespace.Component);
-  var CustomAiIcon = function CustomAiIcon(_ref28) {
-    var _ref28$isGradient = _ref28.isGradient,
-      isGradient = _ref28$isGradient === void 0 ? false : _ref28$isGradient,
-      _ref28$stroke = _ref28.stroke,
-      stroke = _ref28$stroke === void 0 ? 1.5 : _ref28$stroke,
-      _ref28$size = _ref28.size,
-      size = _ref28$size === void 0 ? 40 : _ref28$size;
+  var CustomAiIcon = function CustomAiIcon(_ref27) {
+    var _ref27$isGradient = _ref27.isGradient,
+      isGradient = _ref27$isGradient === void 0 ? false : _ref27$isGradient,
+      _ref27$stroke = _ref27.stroke,
+      stroke = _ref27$stroke === void 0 ? 1.5 : _ref27$stroke,
+      _ref27$size = _ref27.size,
+      size = _ref27$size === void 0 ? 40 : _ref27$size;
     var gradientId = "ai-gradient-" + Math.random().toString(36).substr(2, 9);
     return /* @__PURE__ */React__namespace.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -7739,8 +7718,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     desc: t(LangKey.CREATE_FEATURE_3_DESC)
   }];
   var SUGGESTIONS = [t(LangKey.CREATE_SUGGESTION_1), t(LangKey.CREATE_SUGGESTION_2), t(LangKey.CREATE_SUGGESTION_3)];
-  var EmptyState$1 = function EmptyState$1(_ref29) {
-    var onSelectPrompt = _ref29.onSelectPrompt;
+  var EmptyState$1 = function EmptyState$1(_ref28) {
+    var onSelectPrompt = _ref28.onSelectPrompt;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         flex: 1,
@@ -8009,7 +7988,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       });
       _this12.rootRef = React__namespace.createRef();
       var lang = (AI_LANG_FLAGS == null ? void 0 : AI_LANG_FLAGS.find(function (_item) {
-        return (_item == null ? void 0 : _item.value) === SDKConfig.lang;
+        return (_item == null ? void 0 : _item.value) === CURRENT_LANG;
       })) || AI_LANG_FLAGS[0];
       _this12.state = {
         message: "",
@@ -8200,9 +8179,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }, f.desc)));
     })));
   };
-  var SourceCard = function SourceCard(_ref30) {
-    var mail = _ref30.mail,
-      onClick = _ref30.onClick;
+  var SourceCard = function SourceCard(_ref29) {
+    var mail = _ref29.mail,
+      onClick = _ref29.onClick;
     return /* @__PURE__ */React__namespace.createElement("div", {
       onClick: onClick,
       style: {
@@ -8240,11 +8219,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, mail.from_name, mail.from_addr ? " <".concat(mail.from_addr, ">") : "", mail.date ? " \xB7 ".concat(mail.date) : "")));
   };
-  var SelectedChip = function SelectedChip(_ref31) {
-    var index = _ref31.index,
-      mail = _ref31.mail,
-      _onClick = _ref31.onClick,
-      onRemove = _ref31.onRemove;
+  var SelectedChip = function SelectedChip(_ref30) {
+    var index = _ref30.index,
+      mail = _ref30.mail,
+      _onClick = _ref30.onClick,
+      onRemove = _ref30.onRemove;
     return /* @__PURE__ */React__namespace.createElement("div", {
       onClick: function onClick() {
         return _onClick(mail);
@@ -8300,13 +8279,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, "×"));
   };
-  var ContextHeader = function ContextHeader(_ref32) {
-    var sourceMail = _ref32.sourceMail,
-      selectedMails = _ref32.selectedMails,
-      onAddClick = _ref32.onAddClick,
-      onSourceClick = _ref32.onSourceClick,
-      onChipClick = _ref32.onChipClick,
-      onRemoveChip = _ref32.onRemoveChip;
+  var ContextHeader = function ContextHeader(_ref31) {
+    var sourceMail = _ref31.sourceMail,
+      selectedMails = _ref31.selectedMails,
+      onAddClick = _ref31.onAddClick,
+      onSourceClick = _ref31.onSourceClick,
+      onChipClick = _ref31.onChipClick,
+      onRemoveChip = _ref31.onRemoveChip;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "flex",
@@ -8407,13 +8386,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       });
     }))));
   };
-  var LoadingCircular = function LoadingCircular(_ref33) {
-    var _ref33$size = _ref33.size,
-      size = _ref33$size === void 0 ? 40 : _ref33$size,
-      _ref33$color = _ref33.color,
-      color = _ref33$color === void 0 ? "var(--primary-main)" : _ref33$color,
-      _ref33$thickness = _ref33.thickness,
-      thickness = _ref33$thickness === void 0 ? 3.6 : _ref33$thickness;
+  var LoadingCircular = function LoadingCircular(_ref32) {
+    var _ref32$size = _ref32.size,
+      size = _ref32$size === void 0 ? 40 : _ref32$size,
+      _ref32$color = _ref32.color,
+      color = _ref32$color === void 0 ? "var(--primary-main)" : _ref32$color,
+      _ref32$thickness = _ref32.thickness,
+      thickness = _ref32$thickness === void 0 ? 3.6 : _ref32$thickness;
     var radius = 20;
     var circumference = 2 * Math.PI * radius;
     return /* @__PURE__ */React.createElement("div", {
@@ -8445,13 +8424,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     small: 28,
     medium: 40
   };
-  var LoadingContainer = function LoadingContainer(_ref34) {
-    var style = _ref34.style,
-      _ref34$fullHeight = _ref34.fullHeight,
-      fullHeight = _ref34$fullHeight === void 0 ? false : _ref34$fullHeight,
-      _ref34$size = _ref34.size,
-      size = _ref34$size === void 0 ? "medium" : _ref34$size,
-      label = _ref34.label;
+  var LoadingContainer = function LoadingContainer(_ref33) {
+    var style = _ref33.style,
+      _ref33$fullHeight = _ref33.fullHeight,
+      fullHeight = _ref33$fullHeight === void 0 ? false : _ref33$fullHeight,
+      _ref33$size = _ref33.size,
+      size = _ref33$size === void 0 ? "medium" : _ref33$size,
+      label = _ref33.label;
     return /* @__PURE__ */React.createElement("div", {
       style: __spreadValues({
         display: "flex",
@@ -9188,8 +9167,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       return md;
     }
   };
-  var MailHeader = function MailHeader(_ref35) {
-    var mail = _ref35.mail;
+  var MailHeader = function MailHeader(_ref34) {
+    var mail = _ref34.mail;
     return /* @__PURE__ */React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         fontSize: 14,
@@ -9210,9 +9189,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }, mail.from_name, mail.from_addr ? " <".concat(mail.from_addr, ">") : "", mail.date ? " \xB7 ".concat(mail.date) : ""));
   };
-  var ContextPreviewModal = function ContextPreviewModal(_ref36) {
-    var preview = _ref36.preview,
-      onClose = _ref36.onClose;
+  var ContextPreviewModal = function ContextPreviewModal(_ref35) {
+    var preview = _ref35.preview,
+      onClose = _ref35.onClose;
     var html2 = preview ? preview.mode === "html" ? preview.mail.contents || "" : renderMarkdown(preview.mail.ai_contents || "") : "";
     return /* @__PURE__ */React__namespace.createElement(BaseModal, {
       isOpen: !!preview,
@@ -9457,7 +9436,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       });
       _this19.rootRef = React__namespace.createRef();
       var lang = (AI_LANG_FLAGS == null ? void 0 : AI_LANG_FLAGS.find(function (_item) {
-        return (_item == null ? void 0 : _item.value) === SDKConfig.lang;
+        return (_item == null ? void 0 : _item.value) === CURRENT_LANG;
       })) || AI_LANG_FLAGS[0];
       _this19.state = {
         view: "empty",
@@ -9576,11 +9555,11 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     }
     return /* @__PURE__ */React__namespace.createElement(CreatePanel, __spreadValues({}, rest));
   };
-  var TargetInfoBar = function TargetInfoBar(_ref37) {
-    var targetName = _ref37.targetName,
-      targetEmail = _ref37.targetEmail,
-      currentLangLabel = _ref37.currentLangLabel,
-      onOpenLang = _ref37.onOpenLang;
+  var TargetInfoBar = function TargetInfoBar(_ref36) {
+    var targetName = _ref36.targetName,
+      targetEmail = _ref36.targetEmail,
+      currentLangLabel = _ref36.currentLangLabel,
+      onOpenLang = _ref36.onOpenLang;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "flex",
@@ -9690,9 +9669,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     if (found) return found.label;
     return lang === "ko" ? "한국어" : lang;
   };
-  var FilterTabs = function FilterTabs(_ref38) {
-    var mailtype = _ref38.mailtype,
-      onChangeFilter = _ref38.onChangeFilter;
+  var FilterTabs = function FilterTabs(_ref37) {
+    var mailtype = _ref37.mailtype,
+      onChangeFilter = _ref37.onChangeFilter;
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
         display: "flex",
@@ -9737,8 +9716,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }, t(f.label));
     })));
   };
-  var SummaryItem = function SummaryItem(_ref39) {
-    var item = _ref39.item;
+  var SummaryItem = function SummaryItem(_ref38) {
+    var item = _ref38.item;
     var isSent = (item == null ? void 0 : item.direction) === "sent" || (item == null ? void 0 : item.sig) === "out";
     return /* @__PURE__ */React__namespace.createElement("div", {
       style: {
@@ -10016,7 +9995,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         });
       });
       _this22.state = {
-        lang: SDKConfig.lang || "ko",
+        lang: CURRENT_LANG || "ko",
         mailtype: "all",
         page: 1,
         items: [],
@@ -10126,14 +10105,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       }
     }]);
   }(React__namespace.Component);
+  applyVersionAttribute();
   exports2.AI_LANG_FLAGS = AI_LANG_FLAGS;
   exports2.ChatAIDraft = ChatAIDraft;
-  exports2.LoadingCircular = LoadingCircular;
   exports2.LoadingContainer = LoadingContainer;
-  exports2.Pagination = Pagination;
   exports2.SummaryAIEmails = SummaryAIEmails;
-  exports2.initHanbiroReactSDK = initHanbiroReactSDK;
-  exports2.setLibLang = setLibLang;
+  exports2.getAppVersion = getAppVersion;
   Object.defineProperty(exports2, Symbol.toStringTag, {
     value: "Module"
   });

package/dist/index.js CHANGED Viewed

@@ -1,22 +1,19 @@
 /*!
- * hanbiro-react16-sdk v1.0.30
- * Build Date: 2026-05-22
+ * hanbiro-react16-sdk v1.0.32
+ * Build Date: 2026-05-27
  */
 /* empty css                 */
+import { applyVersionAttribute } from "./utils/url.js";
+import { getAppVersion } from "./utils/url.js";
 import { AI_LANG_FLAGS } from "./constants/index.js";
 import { default as default2 } from "./components/ChatAIDraft/index.js";
-import { default as default3 } from "./components/LoadingCircular/index.js";
-import { default as default4 } from "./components/LoadingContainer/index.js";
-import { default as default5 } from "./components/Pagination/index.js";
-import { default as default6 } from "./components/SummaryAIEmails/index.js";
-import { initHanbiroReactSDK, setLibLang } from "./utils/url.js";
+import { default as default3 } from "./components/LoadingContainer/index.js";
+import { default as default4 } from "./components/SummaryAIEmails/index.js";
+applyVersionAttribute();
 export {
   AI_LANG_FLAGS,
   default2 as ChatAIDraft,
-  default3 as LoadingCircular,
-  default4 as LoadingContainer,
-  default5 as Pagination,
-  default6 as SummaryAIEmails,
-  initHanbiroReactSDK,
-  setLibLang
+  default3 as LoadingContainer,
+  default4 as SummaryAIEmails,
+  getAppVersion
 };

package/dist/lang/index.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import { SDKConfig } from "../utils/url.js";
 import { en } from "./en.js";
 import { vi } from "./vi.js";
 import { ko } from "./ko.js";
+import { CURRENT_LANG } from "../utils/lang.js";
 const dicts = {
   en,
   vi,
   ko
 };
 const t = (key) => {
-  const lang = SDKConfig.lang || "en";
+  const lang = CURRENT_LANG || "en";
   const prefix = lang.split("-")[0];
   const dict = dicts[lang] || dicts[prefix] || dicts.en;
   return dict[key] || en[key] || key;

package/dist/utils/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export { ~~initHanbiroReactSDK,~~ ~~setLibLang~~ } from './url';
1	+ export { getAppVersion } from './url';

package/dist/utils/lang.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const ~~getCurrentLang~~: ~~() =>~~ string;
1	+ export declare const CURRENT_LANG: string;

package/dist/utils/lang.js CHANGED Viewed

@@ -25,6 +25,7 @@ function getBrowserLang(shortCode = true) {
 const getCurrentLang = () => {
   return localStorageService.get(LOCAL_STORAGE_KEY.LANG_CODE) || getBrowserLang(true);
 };
+const CURRENT_LANG = getCurrentLang();
 export {
-  getCurrentLang
+  CURRENT_LANG
 };

package/dist/utils/url.d.ts CHANGED Viewed

@@ -1,12 +1,5 @@
-interface SDKConfig {
-    baseUrl: string;
-    signer: any | null;
-    lang?: string;
-}
-export declare const SDKConfig: SDKConfig;
-export declare const initHanbiroReactSDK: ({ baseUrl, signer }: SDKConfig) => void;
-export declare const setLibLang: (lang: string) => void;
+export declare const getAppVersion: () => "v2" | "v3";
+export declare const applyVersionAttribute: () => void;
 export declare const isDevelopment: boolean;
 export declare const getBaseUrl: () => string;
 export declare const getGroupwareUrl: () => string;
-export {};

package/dist/utils/url.js CHANGED Viewed

@@ -1,15 +1,20 @@
-import { getCurrentLang } from "./lang.js";
-const SDKConfig = {
-  baseUrl: "V3",
-  signer: null,
-  lang: getCurrentLang()
-};
-const initHanbiroReactSDK = ({ baseUrl, signer }) => {
-  SDKConfig.baseUrl = baseUrl;
-  SDKConfig.signer = signer;
+const getAppVersion = () => {
+  let locationInfo = window.location;
+  if (window.location !== window.parent.location) {
+    try {
+      locationInfo = window.parent.location;
+    } catch (e) {
+      locationInfo = window.location;
+    }
+  }
+  return locationInfo.pathname.includes("/ngw/app") ? "v2" : "v3";
 };
-const setLibLang = (lang) => {
-  if (lang) SDKConfig.lang = lang;
+const applyVersionAttribute = () => {
+  if (typeof document === "undefined") return;
+  document.documentElement.setAttribute(
+    "data-hanbiro-sdk-version",
+    getAppVersion()
+  );
 };
 const checkDevelopment = () => {
   const locationInfo = window.location;
@@ -22,16 +27,10 @@ const checkDevelopment = () => {
 };
 const isDevelopment = checkDevelopment();
 const getBaseUrl = () => {
-  var _a;
   let locationInfo = window.location;
   const { host } = locationInfo;
   if (isDevelopment) {
-    const baseUrlArr = (_a = SDKConfig.baseUrl) == null ? void 0 : _a.split("/");
-    if (baseUrlArr) {
-      return "https://" + (baseUrlArr == null ? void 0 : baseUrlArr[2]);
-    } else {
-      return "https://vndev.hanbiro.com";
-    }
+    return "https://vndev.hanbiro.com";
   } else {
     const data = localStorage.getItem("host") || host;
     const dataArr = data == null ? void 0 : data.split("/");
@@ -39,9 +38,8 @@ const getBaseUrl = () => {
   }
 };
 export {
-  SDKConfig,
+  applyVersionAttribute,
+  getAppVersion,
   getBaseUrl,
-  initHanbiroReactSDK,
-  isDevelopment,
-  setLibLang
+  isDevelopment
 };

package/package.json CHANGED Viewed

@@ -1,12 +1,13 @@
 {
   "name": "hanbiro-react16-sdk",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "React 16.2.0 compatible UI components for Hanbiro",
   "types": "./dist/index.d.ts",
   "main": "./dist/hanbiro-react16-sdk.umd.js",
   "module": "./dist/index.js",
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "./dist/index.js"
   ],
   "exports": {
     ".": {