@sonic-equipment/ui 0.0.91 → 0.0.92

package/dist/index.d.ts

@@ -126,6 +126,7 @@ interface Request {
 declare const request: Request;
 
 declare const features: {
+    readonly language: "language";
     readonly pdp: "pdpV2";
     readonly pdpv1: "pdpV1";
     readonly plpv1: "plpV1";

package/dist/index.js

@@ -368,6 +368,7 @@ const request = (function createRequestFunction() {
 })();
 
 const features = {
+    language: 'language',
     pdp: 'pdpV2',
     pdpv1: 'pdpV1',
     plpv1: 'plpV1',
@@ -7679,7 +7680,12 @@ function CountrySelectorDialog({ countries, isOpen, onSubmit, selectedCountry, s
     const t = useFormattedMessage();
     const [currentCountry, setCurrentCountry] = useState(selectedCountry);
     const [currentLanguage, setCurrentLanguage] = useState(selectedLanguage);
-    const countryOptions = useMemo(() => countries.reduce((acc, country) => ({ ...acc, [country.id]: country.name }), {}), [countries]);
+    const countryOptions = useMemo(() => countries.reduce((acc, country) => ({
+        ...acc,
+        [country.id]: t(`clSelector.${country.name}`),
+    }), {}), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [countries]);
     const languageOptions = useMemo(() => currentCountry.languages.reduce((acc, language) => ({ ...acc, [language.id]: language.description }), {}), [currentCountry]);
     useEffect(() => {
         if (currentCountry.languages.some(language => language.id === currentLanguage.id))
@@ -7701,11 +7707,12 @@ function CountrySelectorDialog({ countries, isOpen, onSubmit, selectedCountry, s
 var styles$J = {"country-selector-trigger":"country-selector-trigger-module-aioDu","flag":"country-selector-trigger-module-zOSJK","text":"country-selector-trigger-module-TE8tl","divider":"country-selector-trigger-module-GNRDD"};
 
 function CountrySelectorTrigger({ onClick, selectedCountry, selectedLanguage, showCountry = true, }) {
+    const t = useFormattedMessage();
     if (!selectedCountry || !selectedLanguage)
         return;
     const abbreviation = selectedCountry.abbreviation.toLowerCase();
     const flagSrc = `https://res.cloudinary.com/dkz9eknwh/image/upload/v1729678637/images/flags/${abbreviation}.svg`;
-    return (jsxs("button", { "aria-label": "Open country selector dialog", className: styles$J['country-selector-trigger'], onClick: onClick, type: "button", children: [jsx(Image, { className: styles$J.flag, height: 24, image: { 1: flagSrc, 2: flagSrc, 3: flagSrc, altText: abbreviation }, title: abbreviation, width: 24 }), jsxs("div", { className: styles$J.text, children: [showCountry && (jsxs(Fragment, { children: [jsx("span", { children: selectedCountry.name }), jsx("span", { className: styles$J.divider, children: "-" })] })), jsx("span", { children: selectedLanguage.description })] })] }));
+    return (jsxs("button", { "aria-label": "Open country selector dialog", className: styles$J['country-selector-trigger'], onClick: onClick, type: "button", children: [jsx(Image, { className: styles$J.flag, height: 24, image: { 1: flagSrc, 2: flagSrc, 3: flagSrc, altText: abbreviation }, title: abbreviation, width: 24 }), jsxs("div", { className: styles$J.text, children: [showCountry && (jsxs(Fragment, { children: [jsx("span", { children: t(`clSelector.${selectedCountry.name}`) }), jsx("span", { className: styles$J.divider, children: "-" })] })), jsx("span", { children: selectedLanguage.description })] })] }));
 }
 
 async function fetchCountriesLanguages() {

package/dist/src/shared/feature-flags/use-feature-flags.d.ts

@@ -1,4 +1,5 @@
 declare const features: {
+    readonly language: "language";
     readonly pdp: "pdpV2";
     readonly pdpv1: "pdpV1";
     readonly plpv1: "plpV1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "type": "module",
   "license": "MIT",
   "engines": {