@ape.swap/bonds-sdk 1.0.138 → 1.0.139

package/dist/components/BondModal/BondModal.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsxs as _jsxs, jsx as _jsx } from "theme-ui/jsx-runtime";
 /** @jsxImportSource theme-ui */
 import React, { useEffect, useState } from 'react';
-import { Flex, ThemeUIProvider, Input } from 'theme-ui';
+import { Flex, ThemeUIProvider } from 'theme-ui';
 import { useWeb3React } from '@web3-react/core';
 import { defaultTheme } from '../../theme';
 import '../../scss/BondModal.scss';
@@ -23,6 +23,7 @@ import axios from 'axios';
 import { BigNumber } from 'bignumber.js';
 import { getFirstNonZeroDigits } from '../../utils/roundNumber';
 import { useNavigate } from 'react-router-dom';
+import NumericInput from '../uikit/Input/NumericInput';
 var BondModal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, bondAddress = _a.bondAddress;
     if (!isOpen)
@@ -99,7 +100,7 @@ var BondModal = function (_a) {
     // };
     return (_jsx(ThemeUIProvider, __assign({ theme: defaultTheme }, { children: bondData.map(function (bond) {
             var _a, _b, _c, _d, _e, _f, _g;
-            return (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsxs(Flex, __assign({ className: "modal modal-header" }, { children: [_jsx(Flex, __assign({ className: "new", onClick: function () { return projectInfo(bond); } }, { children: "NEW" }), bond.billAddress), _jsxs(Flex, __assign({ className: "project-info", onClick: function () { return projectInfo(bond); } }, { children: ["Project Info", _jsx(Flex, __assign({ className: "project-info icon" }, { children: _jsx(Svg, { icon: "expand" }) }))] }), bond.billAddress), _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) }))] })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bond" }, { children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName })), _jsxs(Flex, __assign({ className: "title-container bond-price" }, { children: [_jsxs(Flex, __assign({ className: "bond-price price" }, { children: ["$", earnTokenPrice(bond)] })), _jsxs(Flex, __assign({ className: "bond-price discounted" }, { children: ["$", discountEarnTokenPrice(bond)] }))] }))] })), _jsx(Flex, __assign({ className: "modal-container description-container" }, { children: bond === null || bond === void 0 ? void 0 : bond.shortDescription })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-block column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Discount", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-arr" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["ARR", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) * 365) / vestingTime((_c = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _c !== void 0 ? _c : 0).days).toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-term" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Terms", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), vestingTime((_d = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _d !== void 0 ? _d : 0).days ? "".concat(vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days, " D") : '-'] })), _jsxs(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Max Buy", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), (_f = parseFloat(maxBuy(bond).toFixed(0))) === null || _f === void 0 ? void 0 : _f.toLocaleString('en-US')] }))] })), _jsxs(Flex, __assign({ className: "modal-container text-container" }, { children: [_jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsx("div", { children: "You spend:" }), _jsxs("div", { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName, " = $ 0"] })] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs("div", { children: ["Premium: ", _jsx(Svg, { icon: "questionFill", width: "15px" })] }), _jsx("div", { children: "$ 0" })] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs("div", { children: ["You get (over ", vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days, " days):"] }), _jsxs("div", { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ 0"] })] }))] })), _jsxs(Flex, __assign({ className: "modal-container input-container" }, { children: [_jsx(Flex, __assign({ className: "input-container input" }, { children: _jsx(Input, { type: "number", className: "number-input", placeholder: "0.0", value: inputValue, onChange: handleInputChange }) })), _jsx(Flex, __assign({ className: "input-container token" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: _jsxs(Button, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }) }))] }))] }))] })) })) }, bond.billAddress));
+            return (_jsx(React.Fragment, { children: _jsx(Flex, __assign({ className: "modal modal-backdrop" }, { children: _jsxs(Flex, __assign({ className: "modal modal-content" }, { children: [isActive && account && (_jsxs("p", { children: ["Wallet Address: ", account] })), _jsxs(Flex, __assign({ className: "modal modal-header" }, { children: [_jsx(Flex, __assign({ className: "new", onClick: function () { return projectInfo(bond); } }, { children: "NEW" }), bond.billAddress), _jsxs(Flex, __assign({ className: "project-info", onClick: function () { return projectInfo(bond); } }, { children: ["Project Info", _jsx(Flex, __assign({ className: "project-info icon" }, { children: _jsx(Svg, { icon: "expand" }) }))] }), bond.billAddress), _jsx(Flex, __assign({ className: "svg-close", onClick: onClose }, { children: _jsx(Svg, { icon: "close" }) }))] })), _jsxs(Flex, __assign({ className: "modal-container table-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-container title-container" }, { children: [_jsx(Flex, __assign({ className: "title-container bond" }, { children: bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName })), _jsxs(Flex, __assign({ className: "title-container bond-price" }, { children: [_jsxs(Flex, __assign({ className: "bond-price price" }, { children: ["$", earnTokenPrice(bond)] })), _jsxs(Flex, __assign({ className: "bond-price discounted" }, { children: ["$", discountEarnTokenPrice(bond)] }))] }))] })), _jsx(Flex, __assign({ className: "modal-container description-container" }, { children: bond === null || bond === void 0 ? void 0 : bond.shortDescription })), _jsxs(Flex, __assign({ className: "modal-container blocks-container" }, { children: [_jsxs(Flex, __assign({ className: "modal-block column-discount ".concat(getDiscountColor(bond === null || bond === void 0 ? void 0 : bond.discount)) }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Discount", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), "".concat((_a = bond === null || bond === void 0 ? void 0 : bond.discount) === null || _a === void 0 ? void 0 : _a.toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-arr" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["ARR", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), "".concat(((((_b = bond === null || bond === void 0 ? void 0 : bond.discount) !== null && _b !== void 0 ? _b : 0) * 365) / vestingTime((_c = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _c !== void 0 ? _c : 0).days).toFixed(2), "%")] })), _jsxs(Flex, __assign({ className: "modal-block column-term" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Terms", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), vestingTime((_d = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _d !== void 0 ? _d : 0).days ? "".concat(vestingTime((_e = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _e !== void 0 ? _e : 0).days, " D") : '-'] })), _jsxs(Flex, __assign({ className: "modal-block column-maxbuy" }, { children: [_jsxs(Flex, __assign({ className: "block-header header" }, { children: ["Max Buy", _jsx(Flex, __assign({ className: "block-header icon" }, { children: _jsx(Svg, { icon: "questionFill", width: "15px" }) }))] })), (_f = parseFloat(maxBuy(bond).toFixed(0))) === null || _f === void 0 ? void 0 : _f.toLocaleString('en-US')] }))] })), _jsxs(Flex, __assign({ className: "modal-container text-container" }, { children: [_jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsx("div", { children: "You spend:" }), _jsxs("div", { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName, " = $ 0"] })] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs("div", { children: ["Premium: ", _jsx(Svg, { icon: "questionFill", width: "15px" })] }), _jsx("div", { children: "$ 0" })] })), _jsxs(Flex, __assign({ className: "text-container row" }, { children: [_jsxs("div", { children: ["You get (over ", vestingTime((_g = bond === null || bond === void 0 ? void 0 : bond.vestingTerm) !== null && _g !== void 0 ? _g : 0).days, " days):"] }), _jsxs("div", { children: ["0 ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName, " = $ 0"] })] }))] })), _jsxs(Flex, __assign({ className: "modal-container input-container" }, { children: [_jsx(Flex, __assign({ className: "input-container input" }, { children: _jsx(NumericInput, { placeholder: "0.0", value: inputValue, onUserInput: function () { return handleInputChange; } }) })), _jsx(Flex, __assign({ className: "input-container token" }, { children: bond === null || bond === void 0 ? void 0 : bond.principalTokenName }))] })), _jsxs(Flex, __assign({ className: "modal-container button-container" }, { children: [_jsx(Flex, __assign({ className: "button-container get" }, { children: _jsxs(Button, { children: ["Get ", bond === null || bond === void 0 ? void 0 : bond.principalTokenName] }) })), _jsx(Flex, __assign({ className: "button-container buy" }, { children: _jsxs(Button, { children: ["Buy ", bond === null || bond === void 0 ? void 0 : bond.showcaseTokenName] }) }))] }))] }))] })) })) }, bond.billAddress));
         }) })));
 };
 export default BondModal;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ProgressBarProps {
+    value: number;
+    color?: string;
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { Box } from 'theme-ui';
+import { Flex } from '../uikit';
+var ProgressBar = function (_a) {
+    var value = _a.value, _b = _a.color, color = _b === void 0 ? 'text' : _b;
+    return (_jsx(Flex, __assign({ sx: { width: ['100px', '100px', '100px', '100%'], alignItems: 'center', flexDirection: 'row', mt: '5px' } }, { children: _jsx(Box, __assign({ sx: {
+                width: '100%',
+                height: '5px',
+                backgroundColor: 'white4',
+                borderRadius: '10px',
+                overflow: 'hidden',
+            } }, { children: _jsx(Box, { sx: {
+                    width: "".concat(value <= 3 ? 3 : value, "%"),
+                    background: color,
+                    borderRadius: '10px',
+                    height: '100%',
+                } }) })) })));
+};
+export default ProgressBar;

package/dist/components/ProgressBar/ProgressBarWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ThemeUIStyleObject } from 'theme-ui';
+export interface ProgressBarWrapperProps {
+    title?: string;
+    value?: React.ReactNode;
+    value2Direction?: 'column' | 'row';
+    toolTip?: string;
+    toolTipPlacement?: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft';
+    toolTipTransform?: string;
+    style?: ThemeUIStyleObject;
+    showTooltip?: boolean;
+}
+declare const _default: React.NamedExoticComponent<ProgressBarWrapperProps>;
+export default _default;

package/dist/components/ProgressBar/ProgressBarWrapper.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../contexts/Localization';
+import { styles } from './styles';
+import { Flex, Skeleton, Text } from '../uikit';
+import TooltipBubble from '../uikit/Tooltip';
+var ProgressBarWrapper = function (_a) {
+    var title = _a.title, value = _a.value, style = _a.style, showTooltip = _a.showTooltip, toolTipPlacement = _a.toolTipPlacement, toolTipTransform = _a.toolTipTransform, toolTip = _a.toolTip;
+    var t = useTranslation().t;
+    return (_jsxs(Flex, __assign({ sx: style }, { children: [_jsx(Flex, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(Text, __assign({ sx: styles.titleText }, { children: t("".concat(title)) })) })), showTooltip ? (_jsx(Flex, __assign({ sx: { alignItems: 'center', width: '100%' } }, { children: _jsx(TooltipBubble, __assign({ placement: toolTipPlacement, transformTip: toolTipTransform, body: _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: toolTip })), width: "250px" }, { children: _jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center', width: '127px' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })) })) }))) : (_jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })))] })));
+};
+export default React.memo(ProgressBarWrapper);

package/dist/components/ProgressBar/styles.d.ts

@@ -0,0 +1,2 @@
+import { ThemeUIStyleObject } from 'theme-ui';
+export declare const styles: Record<'listCardContainer' | 'listViewContainer' | 'titleContainer' | 'infoContentMobile' | 'tokensContainer' | 'titleText' | 'skeleton' | 'valueText' | 'secondaryText' | 'cardContentContainer' | 'animationDiv' | 'expandedWrapper', ThemeUIStyleObject>;

package/dist/components/ProgressBar/styles.js

@@ -0,0 +1,82 @@
+export var styles = {
+    listCardContainer: {
+        borderRadius: 0,
+        flexDirection: ['column', 'column', 'column', 'row'],
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        background: 'white2',
+        borderBottom: '1px solid rgba(226, 226, 226, .2)',
+        padding: ['10px 20px 10px 20px', '10px 20px 10px 20px', '10px 20px 10px 20px', '0 30px 0 30px'],
+        margin: '0 10px 0 10px',
+        maxWidth: ['500px', '500px', '500px', '100%'],
+        minWidth: '300px',
+        width: '100%',
+        height: ['unset', 'unset', 'unset', '86px'],
+    },
+    listViewContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        width: '100%',
+    },
+    titleContainer: {
+        width: '100%',
+        justifyContent: 'space-between',
+        my: '5px',
+    },
+    infoContentMobile: {
+        display: ['flex', 'flex', 'flex', 'none'],
+        alignItems: 'center',
+    },
+    tokensContainer: {
+        alignItems: 'center',
+        height: '100%',
+        width: '100%',
+    },
+    titleText: {
+        opacity: 0.6,
+        fontSize: '12px',
+        lineHeight: ['16px', '16px', '16px', '24px'],
+        fontWeight: 400,
+    },
+    skeleton: {
+        width: ['45px', '45px', '60px'],
+        maxHeight: '18px',
+        minHeight: '18px',
+    },
+    valueText: {
+        fontSize: ['12px', '12px', '12px', '14px'],
+        color: 'primaryBright',
+        lineHeight: '16px',
+        fontWeight: 700,
+        mr: '5px',
+        display: 'flex',
+        alignItems: 'center',
+    },
+    secondaryText: {
+        fontSize: '12px',
+        color: 'gray',
+        lineHeight: '16px',
+        fontWeight: 400,
+    },
+    cardContentContainer: {
+        width: '100%',
+        height: '100%',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+    },
+    animationDiv: {
+        position: 'relative',
+        width: '100%',
+        maxWidth: ['500px', '500px', '500px', '100%'],
+        minWidth: '300px',
+    },
+    expandedWrapper: {
+        background: 'white3',
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+        padding: '15px 10px',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+    },
+};

package/dist/config/localization/languages.d.ts

@@ -0,0 +1,11 @@
+import { Language } from '../../contexts/Localization/types';
+export declare const EN: Language;
+export declare const ESES: Language;
+export declare const JA: Language;
+export declare const PTBR: Language;
+export declare const RU: Language;
+export declare const TR: Language;
+export declare const ZHCN: Language;
+export declare const ZHTW: Language;
+export declare const languages: Record<string, Language>;
+export declare const languageList: Language[];

package/dist/config/localization/languages.js

@@ -0,0 +1,83 @@
+// export const AR: Language = { locale: 'ar-SA', language: 'العربية', code: 'ar' }
+// export const BN: Language = { locale: 'bn-BD', language: 'বাংলা', code: 'bn' }
+export var EN = {
+    locale: 'en-US',
+    language: 'English',
+    code: 'en',
+};
+// export const DE: Language = { locale: 'de-DE', language: 'Deutsch', code: 'de' }
+// export const EL: Language = { locale: 'el-GR', language: 'Ελληνικά', code: 'el' }
+export var ESES = {
+    locale: 'es-ES',
+    language: 'Español',
+    code: 'es-ES',
+};
+// export const FI: Language = { locale: 'fi-FI', language: 'Suomalainen', code: 'fi' }
+// export const FIL: Language = { locale: 'fil-PH', language: 'Filipino', code: 'fil' }
+// export const FR: Language = { locale: 'fr-FR', language: 'Français', code: 'fr' }
+// export const HI: Language = { locale: 'hi-IN', language: 'हिंदी', code: 'hi' }
+// export const HU: Language = { locale: 'hu-HU', language: 'Magyar', code: 'hu' }
+// export const ID: Language = { locale: 'id-ID', language: 'Bahasa Indonesia', code: 'id' }
+// export const IT: Language = { locale: 'it-IT', language: 'Italiano', code: 'it' }
+export var JA = { locale: 'ja-JP', language: '日本語', code: 'ja' };
+// export const KO: Language = { locale: 'ko-KR', language: '한국어', code: 'ko' }
+// export const NL: Language = { locale: 'nl-NL', language: 'Nederlands', code: 'nl' }
+// export const PL: Language = { locale: 'pl-PL', language: 'Polski', code: 'pl' }
+export var PTBR = {
+    locale: 'pt-BR',
+    language: 'Português (Brazil)',
+    code: 'pt-br',
+};
+// export const PTPT: Language = { locale: 'pt-PT', language: 'Português', code: 'pt-pt' }
+// export const RO: Language = { locale: 'ro-RO', language: 'Română', code: 'ro' }
+export var RU = {
+    locale: 'ru-RU',
+    language: 'Русский',
+    code: 'ru',
+};
+// export const SVSE: Language = { locale: 'sv-SE', language: 'Svenska', code: 'sv' }
+// export const TA: Language = { locale: 'ta-IN', language: 'தமிழ்', code: 'ta' }
+export var TR = { locale: 'tr-TR', language: 'Türkçe', code: 'tr' };
+// export const UK: Language = { locale: 'uk-UA', language: 'Українська', code: 'uk' }
+// export const VI: Language = { locale: 'vi-VN', language: 'Tiếng Việt', code: 'vi' }
+export var ZHCN = {
+    locale: 'zh-CN',
+    language: '简体中文',
+    code: 'zh-cn',
+};
+export var ZHTW = {
+    locale: 'zh-TW',
+    language: '繁體中文',
+    code: 'zh-tw',
+};
+export var languages = {
+    // 'ar-SA': AR,
+    // 'bn-BD': BN,
+    'en-US': EN,
+    // 'de-DE': DE,
+    // 'el-GR': EL,
+    'es-ES': ESES,
+    // 'fi-FI': FI,
+    // 'fil-PH': FIL,
+    // 'fr-FR': FR,
+    // 'hi-IN': HI,
+    // 'hu-HU': HU,
+    // 'id-ID': ID,
+    // 'it-IT': IT,
+    'ja-JP': JA,
+    // 'ko-KR': KO,
+    // 'nl-NL': NL,
+    // 'pl-PL': PL,
+    'pt-BR': PTBR,
+    // 'pt-PT': PTPT,
+    // 'ro-RO': RO,
+    'ru-RU': RU,
+    // 'sv-SE': SVSE,
+    // 'ta-IN': TA,
+    'tr-TR': TR,
+    // 'uk-UA': UK,
+    // 'vi-VN': VI,
+    'zh-CN': ZHCN,
+    'zh-TW': ZHTW,
+};
+export var languageList = Object.values(languages);