@rango-dev/widget-embedded 0.23.1-next.22 → 0.23.1-next.23

package/dist/pages/LanguagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguagePage.d.ts","sourceRoot":"","sources":["../../src/pages/LanguagePage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,YAAY,sBAwC3B"}
+{"version":3,"file":"LanguagePage.d.ts","sourceRoot":"","sources":["../../src/pages/LanguagePage.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,YAAY,sBA8C3B"}

package/dist/store/AppStore.d.ts

@@ -8,7 +8,7 @@ export declare const AppStoreContext: React.Context<import("zustand").UseBoundSt
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<import("./app").AppStoreState, {
             theme: import("./slices/settings").ThemeMode;
-            language: "en" | "es" | "ja" | "fr" | "pt" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | "zh" | "ru" | "de" | "uk" | "sv" | "fi" | "nl" | "el" | "it" | "pl" | null;
             affiliatePercent: number | null;
             affiliateRef: string | null;
             affiliateWallets: {
@@ -27,7 +27,7 @@ export declare const AppStoreContext: React.Context<import("zustand").UseBoundSt
         onFinishHydration: (fn: (state: import("./app").AppStoreState) => void) => () => void;
         getOptions: () => Partial<import("zustand/middleware").PersistOptions<import("./app").AppStoreState, {
             theme: import("./slices/settings").ThemeMode;
-            language: "en" | "es" | "ja" | "fr" | "pt" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | "zh" | "ru" | "de" | "uk" | "sv" | "fi" | "nl" | "el" | "it" | "pl" | null;
             affiliatePercent: number | null;
             affiliateRef: string | null;
             affiliateWallets: {

package/dist/store/app.d.ts

@@ -9,7 +9,7 @@ export declare function createAppStore(initialData?: WidgetConfig): import("zust
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AppStoreState, {
             theme: import("./slices/settings").ThemeMode;
-            language: "en" | "es" | "ja" | "fr" | "pt" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | "zh" | "ru" | "de" | "uk" | "sv" | "fi" | "nl" | "el" | "it" | "pl" | null;
             affiliatePercent: number | null;
             affiliateRef: string | null;
             affiliateWallets: {
@@ -28,7 +28,7 @@ export declare function createAppStore(initialData?: WidgetConfig): import("zust
         onFinishHydration: (fn: (state: AppStoreState) => void) => () => void;
         getOptions: () => Partial<import("zustand/middleware").PersistOptions<AppStoreState, {
             theme: import("./slices/settings").ThemeMode;
-            language: "en" | "es" | "ja" | "fr" | "pt" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | "zh" | "ru" | "de" | "uk" | "sv" | "fi" | "nl" | "el" | "it" | "pl" | null;
             affiliatePercent: number | null;
             affiliateRef: string | null;
             affiliateWallets: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.23.1-next.22",
+  "version": "0.23.1-next.23",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,7 +25,7 @@
     "@rango-dev/queue-manager-core": "^0.26.0",
     "@rango-dev/queue-manager-rango-preset": "^0.28.1-next.3",
     "@rango-dev/queue-manager-react": "^0.26.0",
-    "@rango-dev/ui": "^0.29.1-next.16",
+    "@rango-dev/ui": "^0.29.1-next.17",
     "@rango-dev/wallets-react": "^0.14.1-next.1",
     "@rango-dev/wallets-shared": "^0.28.1-next.1",
     "bignumber.js": "^9.1.1",
@@ -48,4 +48,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/constants/languages.ts

@@ -1,6 +1,22 @@
 import type { FlagPropTypes, Language } from '@rango-dev/ui';
 
-import { English, French, Japanese, Portuguese, Spanish } from '@rango-dev/ui';
+import {
+  Chinese,
+  English,
+  Finland,
+  French,
+  German,
+  Greece,
+  Italian,
+  Japanese,
+  Netherlands,
+  Poland,
+  Portuguese,
+  Russian,
+  Spanish,
+  Swedish,
+  Ukrainian,
+} from '@rango-dev/ui';
 
 export type LanguageItem = {
   title: string;
@@ -15,6 +31,16 @@ export const LANGUAGES: LanguageItem[] = [
   { title: 'French', label: 'Français', local: 'fr', SVGFlag: French },
   { title: 'Japanese', label: '日本語', local: 'ja', SVGFlag: Japanese },
   { title: 'Portuguese', label: 'Português', local: 'pt', SVGFlag: Portuguese },
+  { title: 'Chinese', label: '中国人', local: 'zh', SVGFlag: Chinese },
+  { title: 'Russian', label: 'Русский', local: 'ru', SVGFlag: Russian },
+  { title: 'German', label: 'Deutsch', local: 'de', SVGFlag: German },
+  { title: 'Ukrainian', label: 'Україні', local: 'uk', SVGFlag: Ukrainian },
+  { title: 'Swedish', label: 'svenska', local: 'sv', SVGFlag: Swedish },
+  { title: 'Finnish', label: 'Suomalainen', local: 'fi', SVGFlag: Finland },
+  { title: 'Dutch', label: 'Nederlands', local: 'nl', SVGFlag: Netherlands },
+  { title: 'Greek', label: 'Grieks', local: 'el', SVGFlag: Greece },
+  { title: 'Italian', label: 'Italiana', local: 'it', SVGFlag: Italian },
+  { title: 'Polish', label: 'Polski', local: 'pl', SVGFlag: Poland },
 ];
 
 export const DEFAULT_LANGUAGE = 'en';

package/src/pages/LanguagePage.tsx

@@ -1,5 +1,7 @@
 import { i18n } from '@lingui/core';
 import {
+  Alert,
+  Divider,
   List,
   ListItemButton,
   Radio,
@@ -36,6 +38,12 @@ export function LanguagePage() {
         title: i18n.t('Language'),
       }}>
       <PageContainer>
+        <Alert
+          type="warning"
+          variant="alarm"
+          title="Important Notice: Machine translations are in use"
+        />
+        <Divider size={'8'} />
         <RadioRoot value={activeLanguage}>
           <List
             type={