@rango-dev/widget-embedded 0.22.4-next.7 → 0.22.4-next.9

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,YAAY,sBA+M3B"}
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,YAAY,sBA6M3B"}

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" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | 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" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | 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" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | 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" | null;
+            language: "en" | "es" | "ja" | "fr" | "pt" | null;
             affiliatePercent: number | null;
             affiliateRef: string | null;
             affiliateWallets: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.22.4-next.7",
+  "version": "0.22.4-next.9",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,7 +25,7 @@
     "@rango-dev/queue-manager-core": "^0.25.1-next.0",
     "@rango-dev/queue-manager-rango-preset": "^0.27.1-next.1",
     "@rango-dev/queue-manager-react": "^0.25.1-next.0",
-    "@rango-dev/ui": "^0.28.2-next.6",
+    "@rango-dev/ui": "^0.28.2-next.8",
     "@rango-dev/wallets-react": "^0.13.1-next.1",
     "@rango-dev/wallets-shared": "^0.27.1-next.1",
     "bignumber.js": "^9.1.1",

package/src/components/Quote/Quote.tsx

@@ -122,6 +122,14 @@ export function Quote(props: QuoteProps) {
         stepState = 'warning';
       }
 
+      let alertTitle = stepHasError
+        ? i18n.t('Slippage Error')
+        : i18n.t('Slippage Warning');
+
+      if (error?.type === QuoteErrorType.BRIDGE_LIMIT) {
+        alertTitle = error?.recommendation;
+      }
+
       return {
         swapper: {
           displayName: getSwapperDisplayName(swap.swapperId, swappers),
@@ -197,11 +205,7 @@ export function Quote(props: QuoteProps) {
               <Alert
                 variant="alarm"
                 type={stepHasError ? 'error' : 'warning'}
-                title={
-                  error?.type === QuoteErrorType.BRIDGE_LIMIT
-                    ? error?.recommendation
-                    : i18n.t(`Slippage ${stepHasError ? 'Error' : 'Warning'}:`)
-                }
+                title={alertTitle}
                 footer={
                   <FooterAlert>
                     {error?.type === QuoteErrorType.BRIDGE_LIMIT && (

package/src/constants/languages.ts

@@ -1,6 +1,6 @@
 import type { FlagPropTypes, Language } from '@rango-dev/ui';
 
-import { English, French, Japanese, Spanish } from '@rango-dev/ui';
+import { English, French, Japanese, Portuguese, Spanish } from '@rango-dev/ui';
 
 export type LanguageItem = {
   title: string;
@@ -14,6 +14,7 @@ export const LANGUAGES: LanguageItem[] = [
   { title: 'Spanish', label: 'Español', local: 'es', SVGFlag: Spanish },
   { 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 },
 ];
 
 export const DEFAULT_LANGUAGE = 'en';

package/src/pages/SettingsPage.tsx

@@ -129,18 +129,16 @@ export function SettingsPage() {
     onClick: () => navigate(navigationRoutes.exchanges),
   };
 
-  /*
-   * const languageItem = {
-   *   id: 'language-item',
-   *   title: (
-   *     <Typography variant="title" size="xmedium">
-   *       {i18n.t('Language')}
-   *     </Typography>
-   *   ),
-   *   end: <ChevronRightIcon color="gray" />,
-   *   onClick: () => navigate(navigationRoutes.languages),
-   * };
-   */
+  const languageItem = {
+    id: 'language-item',
+    title: (
+      <Typography variant="title" size="xmedium">
+        {i18n.t('Language')}
+      </Typography>
+    ),
+    end: <ChevronRightIcon color="gray" />,
+    onClick: () => navigate(navigationRoutes.languages),
+  };
 
   const themeItem = {
     id: 'theme-item',
@@ -185,7 +183,7 @@ export function SettingsPage() {
   const settingItems = isLiquidityHidden ? [] : [bridgeItem, exchangeItem];
 
   if (!isLanguageHidden) {
-    // settingItems.push(languageItem);
+    settingItems.push(languageItem);
   }
   if (!theme?.singleTheme && !isThemeHidden) {
     settingItems.push(themeItem);