@chayns-components/translation 5.0.0-beta.1107

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Tobit Laboratories AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+<div align="center">
+    <h1>
+        <img src="https://raw.githubusercontent.com/TobitSoftware/chayns-components/master/assets/logo.png" width="600px" alt="chayns-components" />
+    </h1>
+    <p>A set of beautiful React components for developing your own applications with chayns.</p>
+    <div>
+        <img src="https://img.shields.io/npm/dm/@chayns-components/core.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/core?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+    </div>
+</div>
+
+---
+
+## Installation
+
+First you need to install the core part of the chayns-components.
+
+```bash
+# NPM
+npm install @chayns-components/translation
+
+# Yarn
+yarn add @chayns-components/translation
+```
+
+> **Information:** Since the components have now been implemented with the styled-components
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
+
+## Usage
+
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

package/lib/cjs/api/translation.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchTranslations = void 0;
+var _constants = require("../constants/constants");
+const fetchTranslations = async textList => {
+  const response = await fetch(_constants.TRANSLATION_API_URL, {
+    method: 'POST',
+    body: JSON.stringify(textList, (key, value) => key === 'deferred' ? undefined : value),
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  });
+  return await response.json();
+};
+exports.fetchTranslations = fetchTranslations;
+//# sourceMappingURL=translation.js.map

package/lib/cjs/api/translation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation.js","names":["_constants","require","fetchTranslations","textList","response","fetch","TRANSLATION_API_URL","method","body","JSON","stringify","key","value","undefined","headers","json","exports"],"sources":["../../../src/api/translation.ts"],"sourcesContent":["import { TRANSLATION_API_URL } from '../constants/constants';\nimport { TranslationRequest } from '../types/translation';\n\nexport const fetchTranslations = async (textList: TranslationRequest[]): Promise<string[]> => {\n    const response = await fetch(TRANSLATION_API_URL, {\n        method: 'POST',\n        body: JSON.stringify(textList, (key, value: string | number) =>\n            key === 'deferred' ? undefined : value,\n        ),\n        headers: {\n            'Content-Type': 'application/json',\n        },\n    });\n        return (await response.json()) as string[];\n};\n"],"mappings":";;;;;;AAAC,IAAAA,UAAA,GAAAC,OAAA;AAGM,MAAMC,iBAAiB,GAAG,MAAOC,QAA8B,IAAwB;EAC1F,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACC,8BAAmB,EAAE;IAC9CC,MAAM,EAAE,MAAM;IACdC,IAAI,EAAEC,IAAI,CAACC,SAAS,CAACP,QAAQ,EAAE,CAACQ,GAAG,EAAEC,KAAsB,KACvDD,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGD,KACrC,CAAC;IACDE,OAAO,EAAE;MACL,cAAc,EAAE;IACpB;EACJ,CAAC,CAAC;EACE,OAAQ,MAAMV,QAAQ,CAACW,IAAI,CAAC,CAAC;AACrC,CAAC;AAACC,OAAA,CAAAd,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/cjs/components/AdaptiveTranslation.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useAdaptiveTranslation = require("../hooks/useAdaptiveTranslation");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Translation = ({
+  children,
+  to,
+  from
+}) => {
+  const {
+    text,
+    isLoading,
+    isFetching
+  } = (0, _useAdaptiveTranslation.useAdaptiveTranslation)(children, {
+    from,
+    to
+  });
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "notranslate",
+    style: {
+      // eslint-disable-next-line no-nested-ternary
+      opacity: isLoading ? 0 : isFetching ? 0.5 : 1,
+      transition: 'opacity 0.5s ease'
+    }
+  }, text);
+};
+var _default = exports.default = Translation;
+//# sourceMappingURL=AdaptiveTranslation.js.map

package/lib/cjs/components/AdaptiveTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveTranslation.js","names":["_react","_interopRequireDefault","require","_useAdaptiveTranslation","e","__esModule","default","Translation","children","to","from","text","isLoading","isFetching","useAdaptiveTranslation","createElement","className","style","opacity","transition","_default","exports"],"sources":["../../../src/components/AdaptiveTranslation.tsx"],"sourcesContent":["import React from 'react';\nimport { useAdaptiveTranslation } from '../hooks/useAdaptiveTranslation';\nimport { TranslationProps } from '../types/translation';\n\nconst Translation = ({ children, to, from }: TranslationProps) => {\n    const { text, isLoading, isFetching } = useAdaptiveTranslation(children, { from, to });\n\n    return (\n        <span\n            className=\"notranslate\"\n            style={{\n                // eslint-disable-next-line no-nested-ternary\n                opacity: isLoading ? 0 : isFetching ? 0.5 : 1,\n                transition: 'opacity 0.5s ease',\n            }}\n        >\n            {text}\n        </span>\n    );\n};\nexport default Translation;\n"],"mappings":";;;;;;AAAC,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACD,IAAAC,uBAAA,GAAAD,OAAA;AAAyE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGzE,MAAMG,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC;AAAuB,CAAC,KAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,8CAAsB,EAACN,QAAQ,EAAE;IAAEE,IAAI;IAAED;EAAG,CAAC,CAAC;EAEtF,oBACIT,MAAA,CAAAM,OAAA,CAAAS,aAAA;IACIC,SAAS,EAAC,aAAa;IACvBC,KAAK,EAAE;MACH;MACAC,OAAO,EAAEN,SAAS,GAAG,CAAC,GAAGC,UAAU,GAAG,GAAG,GAAG,CAAC;MAC7CM,UAAU,EAAE;IAChB;EAAE,GAEDR,IACC,CAAC;AAEf,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAf,OAAA,GACaC,WAAW","ignoreList":[]}

package/lib/cjs/constants/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRANSLATION_API_URL = exports.MAX_ITEMS_PER_BATCH = exports.BATCH_SIZE_LIMIT = void 0;
+const TRANSLATION_API_URL = exports.TRANSLATION_API_URL = 'https://cube.tobit.cloud/translationservice/v1.0/v2/translateMultiple';
+const BATCH_SIZE_LIMIT = exports.BATCH_SIZE_LIMIT = 5000;
+const MAX_ITEMS_PER_BATCH = exports.MAX_ITEMS_PER_BATCH = 50;
+//# sourceMappingURL=constants.js.map

package/lib/cjs/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["TRANSLATION_API_URL","exports","BATCH_SIZE_LIMIT","MAX_ITEMS_PER_BATCH"],"sources":["../../../src/constants/constants.ts"],"sourcesContent":["export const TRANSLATION_API_URL =\n    'https://cube.tobit.cloud/translationservice/v1.0/v2/translateMultiple';\nexport const BATCH_SIZE_LIMIT = 5000;\nexport const MAX_ITEMS_PER_BATCH = 50;\n"],"mappings":";;;;;;AAAQ,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAC7B,uEAAuE;AACpE,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAI;AAC7B,MAAMC,mBAAmB,GAAAF,OAAA,CAAAE,mBAAA,GAAG,EAAE","ignoreList":[]}

package/lib/cjs/hooks/useAdaptiveTranslation.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAdaptiveTranslation = void 0;
+var _react = require("react");
+var _chaynsApi = require("chayns-api");
+var _translationHandler = _interopRequireDefault(require("../utils/translationHandler"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useAdaptiveTranslation = (originalText, {
+  to,
+  from
+} = {}) => {
+  const {
+    active,
+    site
+  } = (0, _chaynsApi.useLanguage)();
+  const toLanguage = to || active;
+  const fromLanguage = from || site;
+  const shouldTranslate = (0, _react.useMemo)(() => toLanguage !== fromLanguage, [fromLanguage, toLanguage]);
+  const [translatedText, setTranslatedText] = (0, _react.useState)(originalText);
+  const [isLoading, setIsLoading] = (0, _react.useState)(shouldTranslate);
+  const [isFetching, setIsFetching] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const timeoutRef = setTimeout(() => {
+      if (shouldTranslate) {
+        setIsFetching(true);
+        void _translationHandler.default.translateText(originalText, fromLanguage, toLanguage).then(text => {
+          setTranslatedText(text);
+        }).finally(() => {
+          setIsLoading(false);
+          setIsFetching(false);
+        });
+      }
+    }, 200);
+    return () => clearTimeout(timeoutRef);
+  }, [originalText, shouldTranslate, toLanguage, fromLanguage]);
+  return (0, _react.useMemo)(() => ({
+    text: shouldTranslate ? translatedText : originalText,
+    isFetching: shouldTranslate ? isFetching : false,
+    isLoading: shouldTranslate ? isLoading : false
+  }), [isFetching, isLoading, originalText, shouldTranslate, translatedText]);
+};
+exports.useAdaptiveTranslation = useAdaptiveTranslation;
+//# sourceMappingURL=useAdaptiveTranslation.js.map

package/lib/cjs/hooks/useAdaptiveTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptiveTranslation.js","names":["_react","require","_chaynsApi","_translationHandler","_interopRequireDefault","e","__esModule","default","useAdaptiveTranslation","originalText","to","from","active","site","useLanguage","toLanguage","fromLanguage","shouldTranslate","useMemo","translatedText","setTranslatedText","useState","isLoading","setIsLoading","isFetching","setIsFetching","useEffect","timeoutRef","setTimeout","translationHandler","translateText","then","text","finally","clearTimeout","exports"],"sources":["../../../src/hooks/useAdaptiveTranslation.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Language, useLanguage } from 'chayns-api';\nimport translationHandler from '../utils/translationHandler';\n\nexport const useAdaptiveTranslation = (\n    originalText: string,\n    {\n        to,\n        from,\n    }: {\n        to?: Exclude<Language, Language.Unknown>;\n        from?: Exclude<Language, Language.Unknown>;\n    } = {},\n): { text: string; isLoading: boolean; isFetching: boolean } => {\n    const { active, site } = useLanguage();\n    const toLanguage = to || active;\n    const fromLanguage = from || site;\n    const shouldTranslate = useMemo(() => toLanguage !== fromLanguage, [fromLanguage, toLanguage]);\n    const [translatedText, setTranslatedText] = useState<string>(originalText);\n    const [isLoading, setIsLoading] = useState(shouldTranslate);\n    const [isFetching, setIsFetching] = useState(false);\n\n    useEffect(() => {\n        const timeoutRef = setTimeout(() => {\n            if (shouldTranslate) {\n                setIsFetching(true);\n                void translationHandler.translateText(originalText, fromLanguage, toLanguage)\n                    .then((text) => {\n                        setTranslatedText(text);\n                    })\n                    .finally(() => {\n                        setIsLoading(false);\n                        setIsFetching(false);\n                    });\n            }\n        }, 200);\n\n        return () => clearTimeout(timeoutRef);\n    }, [originalText, shouldTranslate, toLanguage, fromLanguage]);\n\n    return useMemo(\n        () => ({\n            text: shouldTranslate ? translatedText : originalText,\n            isFetching: shouldTranslate ? isFetching : false,\n            isLoading: shouldTranslate ? isLoading : false,\n        }),\n        [isFetching, isLoading, originalText, shouldTranslate, translatedText],\n    );\n};\n"],"mappings":";;;;;;AAAC,IAAAA,MAAA,GAAAC,OAAA;AACD,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA6D,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,sBAAsB,GAAGA,CAClCC,YAAoB,EACpB;EACIC,EAAE;EACFC;AAIJ,CAAC,GAAG,CAAC,CAAC,KACsD;EAC5D,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,sBAAW,EAAC,CAAC;EACtC,MAAMC,UAAU,GAAGL,EAAE,IAAIE,MAAM;EAC/B,MAAMI,YAAY,GAAGL,IAAI,IAAIE,IAAI;EACjC,MAAMI,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAMH,UAAU,KAAKC,YAAY,EAAE,CAACA,YAAY,EAAED,UAAU,CAAC,CAAC;EAC9F,MAAM,CAACI,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAASZ,YAAY,CAAC;EAC1E,MAAM,CAACa,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAACJ,eAAe,CAAC;EAC3D,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EAEnD,IAAAK,gBAAS,EAAC,MAAM;IACZ,MAAMC,UAAU,GAAGC,UAAU,CAAC,MAAM;MAChC,IAAIX,eAAe,EAAE;QACjBQ,aAAa,CAAC,IAAI,CAAC;QACnB,KAAKI,2BAAkB,CAACC,aAAa,CAACrB,YAAY,EAAEO,YAAY,EAAED,UAAU,CAAC,CACxEgB,IAAI,CAAEC,IAAI,IAAK;UACZZ,iBAAiB,CAACY,IAAI,CAAC;QAC3B,CAAC,CAAC,CACDC,OAAO,CAAC,MAAM;UACXV,YAAY,CAAC,KAAK,CAAC;UACnBE,aAAa,CAAC,KAAK,CAAC;QACxB,CAAC,CAAC;MACV;IACJ,CAAC,EAAE,GAAG,CAAC;IAEP,OAAO,MAAMS,YAAY,CAACP,UAAU,CAAC;EACzC,CAAC,EAAE,CAAClB,YAAY,EAAEQ,eAAe,EAAEF,UAAU,EAAEC,YAAY,CAAC,CAAC;EAE7D,OAAO,IAAAE,cAAO,EACV,OAAO;IACHc,IAAI,EAAEf,eAAe,GAAGE,cAAc,GAAGV,YAAY;IACrDe,UAAU,EAAEP,eAAe,GAAGO,UAAU,GAAG,KAAK;IAChDF,SAAS,EAAEL,eAAe,GAAGK,SAAS,GAAG;EAC7C,CAAC,CAAC,EACF,CAACE,UAAU,EAAEF,SAAS,EAAEb,YAAY,EAAEQ,eAAe,EAAEE,cAAc,CACzE,CAAC;AACL,CAAC;AAACgB,OAAA,CAAA3B,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AdaptiveTranslation", {
+  enumerable: true,
+  get: function () {
+    return _AdaptiveTranslation.default;
+  }
+});
+Object.defineProperty(exports, "useAdaptiveTranslation", {
+  enumerable: true,
+  get: function () {
+    return _useAdaptiveTranslation.useAdaptiveTranslation;
+  }
+});
+var _useAdaptiveTranslation = require("./hooks/useAdaptiveTranslation");
+var _AdaptiveTranslation = _interopRequireDefault(require("./components/AdaptiveTranslation"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_useAdaptiveTranslation","require","_AdaptiveTranslation","_interopRequireDefault","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["export { useAdaptiveTranslation } from './hooks/useAdaptiveTranslation';\nexport { default as AdaptiveTranslation } from './components/AdaptiveTranslation';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAkF,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/cjs/types/translation.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=translation.js.map

package/lib/cjs/types/translation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation.js","names":[],"sources":["../../../src/types/translation.ts"],"sourcesContent":["import { Language } from 'chayns-api';\nimport { Deferred } from '../utils/deferred';\n\nexport interface TranslationProps {\n    children: string;\n    to?: Exclude<Language, Language.Unknown>;\n    from?: Exclude<Language, Language.Unknown>;\n}\n\ninterface BaseTranslation {\n    text: string;\n    to: string;\n    from: string;\n}\n\nexport interface QueuedItem extends BaseTranslation {\n    deferred: Deferred<string>;\n}\n\nexport interface TranslationBatchItem extends TranslationRequest {\n    deferred: Deferred<string>;\n}\n\nexport interface TranslationRequest extends BaseTranslation {\n    id: number;\n}"],"mappings":"","ignoreList":[]}

package/lib/cjs/utils/deferred.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Deferred = void 0;
+class Deferred {
+  constructor() {
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = resolve;
+      this.reject = reject;
+    });
+  }
+}
+exports.Deferred = Deferred;
+//# sourceMappingURL=deferred.js.map

package/lib/cjs/utils/deferred.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred.js","names":["Deferred","constructor","promise","Promise","resolve","reject","exports"],"sources":["../../../src/utils/deferred.ts"],"sourcesContent":["export class Deferred<T> {\n    public promise: Promise<T>;\n\n    public resolve!: (value: T) => void;\n\n    public reject!: (reason?: unknown) => void;\n\n    constructor() {\n        this.promise = new Promise<T>((resolve, reject) => {\n            this.resolve = resolve;\n            this.reject = reject;\n        });\n    }\n}\n"],"mappings":";;;;;;AAAQ,MAAMA,QAAQ,CAAI;EAOtBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,OAAO,GAAG,IAAIC,OAAO,CAAI,CAACC,OAAO,EAAEC,MAAM,KAAK;MAC/C,IAAI,CAACD,OAAO,GAAGA,OAAO;MACtB,IAAI,CAACC,MAAM,GAAGA,MAAM;IACxB,CAAC,CAAC;EACN;AACJ;AAACC,OAAA,CAAAN,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/cjs/utils/translationHandler.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../constants/constants");
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _deferred = require("./deferred");
+var _translation = require("../api/translation");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+class TranslationHandler {
+  translationQueue = [];
+  cachedTranslations = {};
+  #handleTranslation = async batch => {
+    try {
+      const result = await (0, _translation.fetchTranslations)(batch.map(({
+        deferred: d,
+        ...item
+      }) => item));
+      result.forEach((item, index) => {
+        const batchItem = batch[index];
+        if (!batchItem) {
+          return;
+        }
+        const {
+          from,
+          to,
+          text
+        } = batchItem;
+        batchItem.deferred.resolve(item);
+        this.cachedTranslations[from] ??= {};
+        this.cachedTranslations[from][to] ??= {};
+        this.cachedTranslations[from][to][text] = item;
+      });
+    } catch (ex) {
+      batch.forEach(item => {
+        item.deferred.reject(ex);
+      });
+    }
+  };
+  #processedTranslationQueue = async () => {
+    let totalLength = 0;
+    let batch = [];
+    while (this.translationQueue.length) {
+      const {
+        text,
+        deferred,
+        to,
+        from
+      } = this.translationQueue.shift();
+      totalLength += text.length;
+      batch.push({
+        text,
+        to,
+        from,
+        id: batch.length,
+        deferred
+      });
+      if (totalLength > _constants.BATCH_SIZE_LIMIT || batch.length >= _constants.MAX_ITEMS_PER_BATCH) {
+        // eslint-disable-next-line no-await-in-loop
+        await this.#handleTranslation(batch);
+        batch = [];
+        totalLength = 0;
+      }
+    }
+    if (batch.length > 0) {
+      await this.#handleTranslation(batch);
+    }
+  };
+  #throttledProcessTranslationQueue = (0, _lodash.default)(this.#processedTranslationQueue, 1000, {
+    leading: false
+  });
+  translateText = (original, from, to) => {
+    var _this$cachedTranslati;
+    const cachedTranslation = (_this$cachedTranslati = this.cachedTranslations[from]) === null || _this$cachedTranslati === void 0 || (_this$cachedTranslati = _this$cachedTranslati[to]) === null || _this$cachedTranslati === void 0 ? void 0 : _this$cachedTranslati[original];
+    if (typeof cachedTranslation === 'string') {
+      return Promise.resolve(cachedTranslation);
+    }
+    const existingItem = this.translationQueue.find(item => item.text === original && item.to === to && item.from === from);
+    if (existingItem) {
+      return existingItem.deferred.promise;
+    }
+    const deferred = new _deferred.Deferred();
+    this.translationQueue.push({
+      text: original,
+      deferred,
+      to,
+      from
+    });
+    void this.#throttledProcessTranslationQueue();
+    return deferred.promise;
+  };
+}
+const translationHandler = new TranslationHandler();
+var _default = exports.default = translationHandler;
+//# sourceMappingURL=translationHandler.js.map

package/lib/cjs/utils/translationHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translationHandler.js","names":["_constants","require","_lodash","_interopRequireDefault","_deferred","_translation","e","__esModule","default","TranslationHandler","translationQueue","cachedTranslations","handleTranslation","batch","result","fetchTranslations","map","deferred","d","item","forEach","index","batchItem","from","to","text","resolve","ex","reject","processedTranslationQueue","#processedTranslationQueue","totalLength","length","shift","push","id","BATCH_SIZE_LIMIT","MAX_ITEMS_PER_BATCH","throttledProcessTranslationQueue","throttle","leading","translateText","original","_this$cachedTranslati","cachedTranslation","Promise","existingItem","find","promise","Deferred","translationHandler","_default","exports"],"sources":["../../../src/utils/translationHandler.ts"],"sourcesContent":["import { QueuedItem, TranslationBatchItem } from '../types/translation';\nimport { BATCH_SIZE_LIMIT, MAX_ITEMS_PER_BATCH } from '../constants/constants';\nimport throttle from 'lodash.throttle';\nimport { Deferred } from './deferred';\nimport { fetchTranslations } from '../api/translation';\n\nclass TranslationHandler {\n    translationQueue: QueuedItem[] = [];\n\n    cachedTranslations: Record<string, Record<string, Record<string, string>>> = {};\n\n    #handleTranslation = async (batch: TranslationBatchItem[]) => {\n        try {\n            const result = await fetchTranslations(\n                batch.map(({ deferred: d, ...item }) => item),\n            );\n\n            result.forEach((item, index) => {\n                const batchItem = batch[index];\n\n                if (!batchItem) {\n                    return;\n                }\n\n                const { from, to, text } = batchItem;\n\n                batchItem.deferred.resolve(item);\n                this.cachedTranslations[from] ??= {};\n                this.cachedTranslations[from][to] ??= {};\n                this.cachedTranslations[from][to][text] = item;\n            })\n        } catch (ex) {\n            batch.forEach((item) => {\n                item.deferred.reject(ex);\n            });\n        }\n    }\n\n    #processedTranslationQueue = async () => {\n        let totalLength = 0;\n        let batch: TranslationBatchItem[] = [];\n\n        while (this.translationQueue.length) {\n            const { text, deferred, to, from } = this.translationQueue.shift() as QueuedItem;\n            totalLength += text.length;\n            batch.push({\n                text,\n                to,\n                from,\n                id: batch.length,\n                deferred,\n            });\n\n            if (totalLength > BATCH_SIZE_LIMIT || batch.length >= MAX_ITEMS_PER_BATCH) {\n                // eslint-disable-next-line no-await-in-loop\n                await this.#handleTranslation(batch);\n                batch = [];\n                totalLength = 0;\n            }\n        }\n\n        if (batch.length > 0) {\n            await this.#handleTranslation(batch);\n        }\n    }\n\n    #throttledProcessTranslationQueue = throttle(this.#processedTranslationQueue, 1000, {\n        leading: false,\n    });\n\n    translateText = (original: string, from: string, to: string) => {\n        const cachedTranslation = this.cachedTranslations[from]?.[to]?.[original];\n        if (typeof cachedTranslation === 'string') {\n            return Promise.resolve(cachedTranslation);\n        }\n\n        const existingItem = this.translationQueue.find(\n            (item) => item.text === original && item.to === to && item.from === from,\n        );\n        if (existingItem) {\n            return existingItem.deferred.promise;\n        }\n        const deferred = new Deferred<string>();\n        this.translationQueue.push({ text: original, deferred, to, from });\n        void this.#throttledProcessTranslationQueue();\n        return deferred.promise;\n    }\n}\n\nconst translationHandler = new TranslationHandler();\n\nexport default translationHandler;"],"mappings":"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","ignoreList":[]}

package/lib/esm/api/translation.js

@@ -0,0 +1,12 @@
+import { TRANSLATION_API_URL } from '../constants/constants';
+export const fetchTranslations = async textList => {
+  const response = await fetch(TRANSLATION_API_URL, {
+    method: 'POST',
+    body: JSON.stringify(textList, (key, value) => key === 'deferred' ? undefined : value),
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  });
+  return await response.json();
+};
+//# sourceMappingURL=translation.js.map

package/lib/esm/api/translation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation.js","names":["TRANSLATION_API_URL","fetchTranslations","textList","response","fetch","method","body","JSON","stringify","key","value","undefined","headers","json"],"sources":["../../../src/api/translation.ts"],"sourcesContent":["import { TRANSLATION_API_URL } from '../constants/constants';\nimport { TranslationRequest } from '../types/translation';\n\nexport const fetchTranslations = async (textList: TranslationRequest[]): Promise<string[]> => {\n    const response = await fetch(TRANSLATION_API_URL, {\n        method: 'POST',\n        body: JSON.stringify(textList, (key, value: string | number) =>\n            key === 'deferred' ? undefined : value,\n        ),\n        headers: {\n            'Content-Type': 'application/json',\n        },\n    });\n        return (await response.json()) as string[];\n};\n"],"mappings":"AAAC,SAASA,mBAAmB,QAAQ,wBAAwB;AAG7D,OAAO,MAAMC,iBAAiB,GAAG,MAAOC,QAA8B,IAAwB;EAC1F,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACJ,mBAAmB,EAAE;IAC9CK,MAAM,EAAE,MAAM;IACdC,IAAI,EAAEC,IAAI,CAACC,SAAS,CAACN,QAAQ,EAAE,CAACO,GAAG,EAAEC,KAAsB,KACvDD,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGD,KACrC,CAAC;IACDE,OAAO,EAAE;MACL,cAAc,EAAE;IACpB;EACJ,CAAC,CAAC;EACE,OAAQ,MAAMT,QAAQ,CAACU,IAAI,CAAC,CAAC;AACrC,CAAC","ignoreList":[]}

package/lib/esm/components/AdaptiveTranslation.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { useAdaptiveTranslation } from '../hooks/useAdaptiveTranslation';
+const Translation = _ref => {
+  let {
+    children,
+    to,
+    from
+  } = _ref;
+  const {
+    text,
+    isLoading,
+    isFetching
+  } = useAdaptiveTranslation(children, {
+    from,
+    to
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: "notranslate",
+    style: {
+      // eslint-disable-next-line no-nested-ternary
+      opacity: isLoading ? 0 : isFetching ? 0.5 : 1,
+      transition: 'opacity 0.5s ease'
+    }
+  }, text);
+};
+export default Translation;
+//# sourceMappingURL=AdaptiveTranslation.js.map

package/lib/esm/components/AdaptiveTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveTranslation.js","names":["React","useAdaptiveTranslation","Translation","_ref","children","to","from","text","isLoading","isFetching","createElement","className","style","opacity","transition"],"sources":["../../../src/components/AdaptiveTranslation.tsx"],"sourcesContent":["import React from 'react';\nimport { useAdaptiveTranslation } from '../hooks/useAdaptiveTranslation';\nimport { TranslationProps } from '../types/translation';\n\nconst Translation = ({ children, to, from }: TranslationProps) => {\n    const { text, isLoading, isFetching } = useAdaptiveTranslation(children, { from, to });\n\n    return (\n        <span\n            className=\"notranslate\"\n            style={{\n                // eslint-disable-next-line no-nested-ternary\n                opacity: isLoading ? 0 : isFetching ? 0.5 : 1,\n                transition: 'opacity 0.5s ease',\n            }}\n        >\n            {text}\n        </span>\n    );\n};\nexport default Translation;\n"],"mappings":"AAAC,OAAOA,KAAK,MAAM,OAAO;AAC1B,SAASC,sBAAsB,QAAQ,iCAAiC;AAGxE,MAAMC,WAAW,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,QAAQ;IAAEC,EAAE;IAAEC;EAAuB,CAAC,GAAAH,IAAA;EACzD,MAAM;IAAEI,IAAI;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGR,sBAAsB,CAACG,QAAQ,EAAE;IAAEE,IAAI;IAAED;EAAG,CAAC,CAAC;EAEtF,oBACIL,KAAA,CAAAU,aAAA;IACIC,SAAS,EAAC,aAAa;IACvBC,KAAK,EAAE;MACH;MACAC,OAAO,EAAEL,SAAS,GAAG,CAAC,GAAGC,UAAU,GAAG,GAAG,GAAG,CAAC;MAC7CK,UAAU,EAAE;IAChB;EAAE,GAEDP,IACC,CAAC;AAEf,CAAC;AACD,eAAeL,WAAW","ignoreList":[]}

package/lib/esm/constants/constants.js

@@ -0,0 +1,4 @@
+export const TRANSLATION_API_URL = 'https://cube.tobit.cloud/translationservice/v1.0/v2/translateMultiple';
+export const BATCH_SIZE_LIMIT = 5000;
+export const MAX_ITEMS_PER_BATCH = 50;
+//# sourceMappingURL=constants.js.map

package/lib/esm/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["TRANSLATION_API_URL","BATCH_SIZE_LIMIT","MAX_ITEMS_PER_BATCH"],"sources":["../../../src/constants/constants.ts"],"sourcesContent":["export const TRANSLATION_API_URL =\n    'https://cube.tobit.cloud/translationservice/v1.0/v2/translateMultiple';\nexport const BATCH_SIZE_LIMIT = 5000;\nexport const MAX_ITEMS_PER_BATCH = 50;\n"],"mappings":"AAAC,OAAO,MAAMA,mBAAmB,GAC7B,uEAAuE;AAC3E,OAAO,MAAMC,gBAAgB,GAAG,IAAI;AACpC,OAAO,MAAMC,mBAAmB,GAAG,EAAE","ignoreList":[]}

package/lib/esm/hooks/useAdaptiveTranslation.js

@@ -0,0 +1,39 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useLanguage } from 'chayns-api';
+import translationHandler from '../utils/translationHandler';
+export const useAdaptiveTranslation = function (originalText) {
+  let {
+    to,
+    from
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    active,
+    site
+  } = useLanguage();
+  const toLanguage = to || active;
+  const fromLanguage = from || site;
+  const shouldTranslate = useMemo(() => toLanguage !== fromLanguage, [fromLanguage, toLanguage]);
+  const [translatedText, setTranslatedText] = useState(originalText);
+  const [isLoading, setIsLoading] = useState(shouldTranslate);
+  const [isFetching, setIsFetching] = useState(false);
+  useEffect(() => {
+    const timeoutRef = setTimeout(() => {
+      if (shouldTranslate) {
+        setIsFetching(true);
+        void translationHandler.translateText(originalText, fromLanguage, toLanguage).then(text => {
+          setTranslatedText(text);
+        }).finally(() => {
+          setIsLoading(false);
+          setIsFetching(false);
+        });
+      }
+    }, 200);
+    return () => clearTimeout(timeoutRef);
+  }, [originalText, shouldTranslate, toLanguage, fromLanguage]);
+  return useMemo(() => ({
+    text: shouldTranslate ? translatedText : originalText,
+    isFetching: shouldTranslate ? isFetching : false,
+    isLoading: shouldTranslate ? isLoading : false
+  }), [isFetching, isLoading, originalText, shouldTranslate, translatedText]);
+};
+//# sourceMappingURL=useAdaptiveTranslation.js.map

package/lib/esm/hooks/useAdaptiveTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdaptiveTranslation.js","names":["useEffect","useMemo","useState","useLanguage","translationHandler","useAdaptiveTranslation","originalText","to","from","arguments","length","undefined","active","site","toLanguage","fromLanguage","shouldTranslate","translatedText","setTranslatedText","isLoading","setIsLoading","isFetching","setIsFetching","timeoutRef","setTimeout","translateText","then","text","finally","clearTimeout"],"sources":["../../../src/hooks/useAdaptiveTranslation.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Language, useLanguage } from 'chayns-api';\nimport translationHandler from '../utils/translationHandler';\n\nexport const useAdaptiveTranslation = (\n    originalText: string,\n    {\n        to,\n        from,\n    }: {\n        to?: Exclude<Language, Language.Unknown>;\n        from?: Exclude<Language, Language.Unknown>;\n    } = {},\n): { text: string; isLoading: boolean; isFetching: boolean } => {\n    const { active, site } = useLanguage();\n    const toLanguage = to || active;\n    const fromLanguage = from || site;\n    const shouldTranslate = useMemo(() => toLanguage !== fromLanguage, [fromLanguage, toLanguage]);\n    const [translatedText, setTranslatedText] = useState<string>(originalText);\n    const [isLoading, setIsLoading] = useState(shouldTranslate);\n    const [isFetching, setIsFetching] = useState(false);\n\n    useEffect(() => {\n        const timeoutRef = setTimeout(() => {\n            if (shouldTranslate) {\n                setIsFetching(true);\n                void translationHandler.translateText(originalText, fromLanguage, toLanguage)\n                    .then((text) => {\n                        setTranslatedText(text);\n                    })\n                    .finally(() => {\n                        setIsLoading(false);\n                        setIsFetching(false);\n                    });\n            }\n        }, 200);\n\n        return () => clearTimeout(timeoutRef);\n    }, [originalText, shouldTranslate, toLanguage, fromLanguage]);\n\n    return useMemo(\n        () => ({\n            text: shouldTranslate ? translatedText : originalText,\n            isFetching: shouldTranslate ? isFetching : false,\n            isLoading: shouldTranslate ? isLoading : false,\n        }),\n        [isFetching, isLoading, originalText, shouldTranslate, translatedText],\n    );\n};\n"],"mappings":"AAAC,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAAmBC,WAAW,QAAQ,YAAY;AAClD,OAAOC,kBAAkB,MAAM,6BAA6B;AAE5D,OAAO,MAAMC,sBAAsB,GAAG,SAAAA,CAClCC,YAAoB,EAQwC;EAAA,IAP5D;IACIC,EAAE;IACFC;EAIJ,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEN,MAAM;IAAEG,MAAM;IAAEC;EAAK,CAAC,GAAGV,WAAW,CAAC,CAAC;EACtC,MAAMW,UAAU,GAAGP,EAAE,IAAIK,MAAM;EAC/B,MAAMG,YAAY,GAAGP,IAAI,IAAIK,IAAI;EACjC,MAAMG,eAAe,GAAGf,OAAO,CAAC,MAAMa,UAAU,KAAKC,YAAY,EAAE,CAACA,YAAY,EAAED,UAAU,CAAC,CAAC;EAC9F,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGhB,QAAQ,CAASI,YAAY,CAAC;EAC1E,MAAM,CAACa,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,CAACc,eAAe,CAAC;EAC3D,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAEnDF,SAAS,CAAC,MAAM;IACZ,MAAMuB,UAAU,GAAGC,UAAU,CAAC,MAAM;MAChC,IAAIR,eAAe,EAAE;QACjBM,aAAa,CAAC,IAAI,CAAC;QACnB,KAAKlB,kBAAkB,CAACqB,aAAa,CAACnB,YAAY,EAAES,YAAY,EAAED,UAAU,CAAC,CACxEY,IAAI,CAAEC,IAAI,IAAK;UACZT,iBAAiB,CAACS,IAAI,CAAC;QAC3B,CAAC,CAAC,CACDC,OAAO,CAAC,MAAM;UACXR,YAAY,CAAC,KAAK,CAAC;UACnBE,aAAa,CAAC,KAAK,CAAC;QACxB,CAAC,CAAC;MACV;IACJ,CAAC,EAAE,GAAG,CAAC;IAEP,OAAO,MAAMO,YAAY,CAACN,UAAU,CAAC;EACzC,CAAC,EAAE,CAACjB,YAAY,EAAEU,eAAe,EAAEF,UAAU,EAAEC,YAAY,CAAC,CAAC;EAE7D,OAAOd,OAAO,CACV,OAAO;IACH0B,IAAI,EAAEX,eAAe,GAAGC,cAAc,GAAGX,YAAY;IACrDe,UAAU,EAAEL,eAAe,GAAGK,UAAU,GAAG,KAAK;IAChDF,SAAS,EAAEH,eAAe,GAAGG,SAAS,GAAG;EAC7C,CAAC,CAAC,EACF,CAACE,UAAU,EAAEF,SAAS,EAAEb,YAAY,EAAEU,eAAe,EAAEC,cAAc,CACzE,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/esm/index.js

@@ -0,0 +1,3 @@
+export { useAdaptiveTranslation } from './hooks/useAdaptiveTranslation';
+export { default as AdaptiveTranslation } from './components/AdaptiveTranslation';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useAdaptiveTranslation","default","AdaptiveTranslation"],"sources":["../../src/index.ts"],"sourcesContent":["export { useAdaptiveTranslation } from './hooks/useAdaptiveTranslation';\nexport { default as AdaptiveTranslation } from './components/AdaptiveTranslation';\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,gCAAgC;AACvE,SAASC,OAAO,IAAIC,mBAAmB,QAAQ,kCAAkC","ignoreList":[]}

package/lib/esm/types/translation.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=translation.js.map

package/lib/esm/types/translation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translation.js","names":[],"sources":["../../../src/types/translation.ts"],"sourcesContent":["import { Language } from 'chayns-api';\nimport { Deferred } from '../utils/deferred';\n\nexport interface TranslationProps {\n    children: string;\n    to?: Exclude<Language, Language.Unknown>;\n    from?: Exclude<Language, Language.Unknown>;\n}\n\ninterface BaseTranslation {\n    text: string;\n    to: string;\n    from: string;\n}\n\nexport interface QueuedItem extends BaseTranslation {\n    deferred: Deferred<string>;\n}\n\nexport interface TranslationBatchItem extends TranslationRequest {\n    deferred: Deferred<string>;\n}\n\nexport interface TranslationRequest extends BaseTranslation {\n    id: number;\n}"],"mappings":"","ignoreList":[]}

package/lib/esm/utils/deferred.js

@@ -0,0 +1,9 @@
+export class Deferred {
+  constructor() {
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = resolve;
+      this.reject = reject;
+    });
+  }
+}
+//# sourceMappingURL=deferred.js.map

package/lib/esm/utils/deferred.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred.js","names":["Deferred","constructor","promise","Promise","resolve","reject"],"sources":["../../../src/utils/deferred.ts"],"sourcesContent":["export class Deferred<T> {\n    public promise: Promise<T>;\n\n    public resolve!: (value: T) => void;\n\n    public reject!: (reason?: unknown) => void;\n\n    constructor() {\n        this.promise = new Promise<T>((resolve, reject) => {\n            this.resolve = resolve;\n            this.reject = reject;\n        });\n    }\n}\n"],"mappings":"AAAC,OAAO,MAAMA,QAAQ,CAAI;EAOtBC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,OAAO,GAAG,IAAIC,OAAO,CAAI,CAACC,OAAO,EAAEC,MAAM,KAAK;MAC/C,IAAI,CAACD,OAAO,GAAGA,OAAO;MACtB,IAAI,CAACC,MAAM,GAAGA,MAAM;IACxB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/lib/esm/utils/translationHandler.js

@@ -0,0 +1,92 @@
+import { BATCH_SIZE_LIMIT, MAX_ITEMS_PER_BATCH } from '../constants/constants';
+import throttle from 'lodash.throttle';
+import { Deferred } from './deferred';
+import { fetchTranslations } from '../api/translation';
+class TranslationHandler {
+  translationQueue = [];
+  cachedTranslations = {};
+  #handleTranslation = async batch => {
+    try {
+      const result = await fetchTranslations(batch.map(_ref => {
+        let {
+          deferred: d,
+          ...item
+        } = _ref;
+        return item;
+      }));
+      result.forEach((item, index) => {
+        const batchItem = batch[index];
+        if (!batchItem) {
+          return;
+        }
+        const {
+          from,
+          to,
+          text
+        } = batchItem;
+        batchItem.deferred.resolve(item);
+        this.cachedTranslations[from] ??= {};
+        this.cachedTranslations[from][to] ??= {};
+        this.cachedTranslations[from][to][text] = item;
+      });
+    } catch (ex) {
+      batch.forEach(item => {
+        item.deferred.reject(ex);
+      });
+    }
+  };
+  #processedTranslationQueue = async () => {
+    let totalLength = 0;
+    let batch = [];
+    while (this.translationQueue.length) {
+      const {
+        text,
+        deferred,
+        to,
+        from
+      } = this.translationQueue.shift();
+      totalLength += text.length;
+      batch.push({
+        text,
+        to,
+        from,
+        id: batch.length,
+        deferred
+      });
+      if (totalLength > BATCH_SIZE_LIMIT || batch.length >= MAX_ITEMS_PER_BATCH) {
+        // eslint-disable-next-line no-await-in-loop
+        await this.#handleTranslation(batch);
+        batch = [];
+        totalLength = 0;
+      }
+    }
+    if (batch.length > 0) {
+      await this.#handleTranslation(batch);
+    }
+  };
+  #throttledProcessTranslationQueue = (() => throttle(this.#processedTranslationQueue, 1000, {
+    leading: false
+  }))();
+  translateText = (original, from, to) => {
+    const cachedTranslation = this.cachedTranslations[from]?.[to]?.[original];
+    if (typeof cachedTranslation === 'string') {
+      return Promise.resolve(cachedTranslation);
+    }
+    const existingItem = this.translationQueue.find(item => item.text === original && item.to === to && item.from === from);
+    if (existingItem) {
+      return existingItem.deferred.promise;
+    }
+    const deferred = new Deferred();
+    this.translationQueue.push({
+      text: original,
+      deferred,
+      to,
+      from
+    });
+    void this.#throttledProcessTranslationQueue();
+    return deferred.promise;
+  };
+}
+const translationHandler = new TranslationHandler();
+export default translationHandler;
+//# sourceMappingURL=translationHandler.js.map

package/lib/esm/utils/translationHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translationHandler.js","names":["BATCH_SIZE_LIMIT","MAX_ITEMS_PER_BATCH","throttle","Deferred","fetchTranslations","TranslationHandler","translationQueue","cachedTranslations","handleTranslation","batch","result","map","_ref","deferred","d","item","forEach","index","batchItem","from","to","text","resolve","ex","reject","processedTranslationQueue","#processedTranslationQueue","totalLength","length","shift","push","id","throttledProcessTranslationQueue","leading","translateText","original","cachedTranslation","Promise","existingItem","find","promise","translationHandler"],"sources":["../../../src/utils/translationHandler.ts"],"sourcesContent":["import { QueuedItem, TranslationBatchItem } from '../types/translation';\nimport { BATCH_SIZE_LIMIT, MAX_ITEMS_PER_BATCH } from '../constants/constants';\nimport throttle from 'lodash.throttle';\nimport { Deferred } from './deferred';\nimport { fetchTranslations } from '../api/translation';\n\nclass TranslationHandler {\n    translationQueue: QueuedItem[] = [];\n\n    cachedTranslations: Record<string, Record<string, Record<string, string>>> = {};\n\n    #handleTranslation = async (batch: TranslationBatchItem[]) => {\n        try {\n            const result = await fetchTranslations(\n                batch.map(({ deferred: d, ...item }) => item),\n            );\n\n            result.forEach((item, index) => {\n                const batchItem = batch[index];\n\n                if (!batchItem) {\n                    return;\n                }\n\n                const { from, to, text } = batchItem;\n\n                batchItem.deferred.resolve(item);\n                this.cachedTranslations[from] ??= {};\n                this.cachedTranslations[from][to] ??= {};\n                this.cachedTranslations[from][to][text] = item;\n            })\n        } catch (ex) {\n            batch.forEach((item) => {\n                item.deferred.reject(ex);\n            });\n        }\n    }\n\n    #processedTranslationQueue = async () => {\n        let totalLength = 0;\n        let batch: TranslationBatchItem[] = [];\n\n        while (this.translationQueue.length) {\n            const { text, deferred, to, from } = this.translationQueue.shift() as QueuedItem;\n            totalLength += text.length;\n            batch.push({\n                text,\n                to,\n                from,\n                id: batch.length,\n                deferred,\n            });\n\n            if (totalLength > BATCH_SIZE_LIMIT || batch.length >= MAX_ITEMS_PER_BATCH) {\n                // eslint-disable-next-line no-await-in-loop\n                await this.#handleTranslation(batch);\n                batch = [];\n                totalLength = 0;\n            }\n        }\n\n        if (batch.length > 0) {\n            await this.#handleTranslation(batch);\n        }\n    }\n\n    #throttledProcessTranslationQueue = throttle(this.#processedTranslationQueue, 1000, {\n        leading: false,\n    });\n\n    translateText = (original: string, from: string, to: string) => {\n        const cachedTranslation = this.cachedTranslations[from]?.[to]?.[original];\n        if (typeof cachedTranslation === 'string') {\n            return Promise.resolve(cachedTranslation);\n        }\n\n        const existingItem = this.translationQueue.find(\n            (item) => item.text === original && item.to === to && item.from === from,\n        );\n        if (existingItem) {\n            return existingItem.deferred.promise;\n        }\n        const deferred = new Deferred<string>();\n        this.translationQueue.push({ text: original, deferred, to, from });\n        void this.#throttledProcessTranslationQueue();\n        return deferred.promise;\n    }\n}\n\nconst translationHandler = new TranslationHandler();\n\nexport default translationHandler;"],"mappings":"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","ignoreList":[]}

package/lib/types/api/translation.d.ts

@@ -0,0 +1,2 @@
+import { TranslationRequest } from '../types/translation';
+export declare const fetchTranslations: (textList: TranslationRequest[]) => Promise<string[]>;

package/lib/types/components/AdaptiveTranslation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TranslationProps } from '../types/translation';
+declare const Translation: ({ children, to, from }: TranslationProps) => React.JSX.Element;
+export default Translation;

package/lib/types/constants/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TRANSLATION_API_URL = "https://cube.tobit.cloud/translationservice/v1.0/v2/translateMultiple";
+export declare const BATCH_SIZE_LIMIT = 5000;
+export declare const MAX_ITEMS_PER_BATCH = 50;

package/lib/types/hooks/useAdaptiveTranslation.d.ts

@@ -0,0 +1,9 @@
+import { Language } from 'chayns-api';
+export declare const useAdaptiveTranslation: (originalText: string, { to, from, }?: {
+    to?: Exclude<Language, Language.Unknown>;
+    from?: Exclude<Language, Language.Unknown>;
+}) => {
+    text: string;
+    isLoading: boolean;
+    isFetching: boolean;
+};

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export { useAdaptiveTranslation } from './hooks/useAdaptiveTranslation';
+export { default as AdaptiveTranslation } from './components/AdaptiveTranslation';

package/lib/types/types/translation.d.ts

@@ -0,0 +1,22 @@
+import { Language } from 'chayns-api';
+import { Deferred } from '../utils/deferred';
+export interface TranslationProps {
+    children: string;
+    to?: Exclude<Language, Language.Unknown>;
+    from?: Exclude<Language, Language.Unknown>;
+}
+interface BaseTranslation {
+    text: string;
+    to: string;
+    from: string;
+}
+export interface QueuedItem extends BaseTranslation {
+    deferred: Deferred<string>;
+}
+export interface TranslationBatchItem extends TranslationRequest {
+    deferred: Deferred<string>;
+}
+export interface TranslationRequest extends BaseTranslation {
+    id: number;
+}
+export {};

package/lib/types/utils/deferred.d.ts

@@ -0,0 +1,6 @@
+export declare class Deferred<T> {
+    promise: Promise<T>;
+    resolve: (value: T) => void;
+    reject: (reason?: unknown) => void;
+    constructor();
+}

package/lib/types/utils/translationHandler.d.ts

@@ -0,0 +1,9 @@
+import { QueuedItem } from '../types/translation';
+declare class TranslationHandler {
+    #private;
+    translationQueue: QueuedItem[];
+    cachedTranslations: Record<string, Record<string, Record<string, string>>>;
+    translateText: (original: string, from: string, to: string) => Promise<string>;
+}
+declare const translationHandler: TranslationHandler;
+export default translationHandler;

package/package.json

@@ -0,0 +1,81 @@
+{
+    "name": "@chayns-components/translation",
+    "version": "5.0.0-beta.1107",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "sideEffects": false,
+    "browserslist": [
+        ">0.5%",
+        "not dead",
+        "not op_mini all",
+        "not IE 11"
+    ],
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/textstring#readme",
+    "license": "MIT",
+    "types": "lib/types/index.d.ts",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "exports": {
+        ".": {
+            "types": "./lib/types/index.d.ts",
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js"
+        }
+    },
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "build": "npm run build:cjs && npm run build:esm && npm run build:types",
+        "build:types": "tsc",
+        "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "prepublishOnly": "npm run build",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.27.1",
+        "@babel/core": "^7.27.1",
+        "@babel/preset-env": "^7.27.1",
+        "@babel/preset-react": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
+        "@types/lodash.throttle": "^4.1.9",
+        "@types/react": "^18.3.21",
+        "@types/react-dom": "^18.3.7",
+        "babel-loader": "^9.2.1",
+        "cross-env": "^7.0.3",
+        "lerna": "^8.2.2",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "typescript": "^5.8.3"
+    },
+    "dependencies": {
+        "lodash.throttle": "^4.1.1"
+    },
+    "peerDependencies": {
+        "chayns-api": ">=2.2.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "893ce11cf1e97471234c9967104eb0611459ab38"
+}