@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/sections/Header/LanguageSwitch.js

@@ -1,83 +1,107 @@
-import { useLanguage as e } from "../../providers/TranslatorProvider/TranslatorProvider.js";
-import "../../index.js";
-import t from "@emotion/styled/base";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useCallback as a, useState as o } from "react";
-import s from "i18next";
-import { useTranslation as c } from "react-i18next";
-import l from "@mui/material/Typography";
-import u from "@mui/material/Card";
-import d from "@mui/material/CardContent";
-import f from "@mui/material/Grid";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_TranslatorProvider = require("../../providers/TranslatorProvider/TranslatorProvider.js");
+require("../../index.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let i18next = require("i18next");
+i18next = require_runtime.__toESM(i18next);
+let react_i18next = require("react-i18next");
+let _mui_material_Typography = require("@mui/material/Typography");
+_mui_material_Typography = require_runtime.__toESM(_mui_material_Typography);
+let _mui_material_Card = require("@mui/material/Card");
+_mui_material_Card = require_runtime.__toESM(_mui_material_Card);
+let _mui_material_CardContent = require("@mui/material/CardContent");
+_mui_material_CardContent = require_runtime.__toESM(_mui_material_CardContent);
+let _mui_material_Grid = require("@mui/material/Grid");
+_mui_material_Grid = require_runtime.__toESM(_mui_material_Grid);
 //#region src/sections/Header/LanguageSwitch.tsx
-var p = /* @__PURE__ */ t(u, process.env.NODE_ENV === "production" ? { target: "e1prltpd1" } : {
+var CardSelected = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_Card.default, process.env.NODE_ENV === "production" ? { target: "e1prltpd1" } : {
 	target: "e1prltpd1",
 	label: "CardSelected"
-})(({ theme: e }) => ({
-	backgroundColor: e.palette.grey[600],
-	opacity: "0.9",
-	color: e.palette.error.contrastText,
-	fontWeight: "bold"
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9IZWFkZXIvTGFuZ3VhZ2VTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBHcmlkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvR3JpZCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IGkxOG5leHQgZnJvbSAnaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5pbXBvcnQgeyB1c2VMYW5ndWFnZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBDYXJkU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVsnNjAwJ10sXG4gICAgb3BhY2l0eTogJzAuOScsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZXJyb3IuY29udHJhc3RUZXh0LFxuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgfTtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ2FyZFVuU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAnOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm8sXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5jb25zdCBMYW5ndWFnZUNvbnRlbnQgPSAoeyB0cmFuc2xhdGlvbiwgaWNvbiB9KSA9PiAoXG4gIDw+XG4gICAgPENhcmRDb250ZW50PlxuICAgICAgPFR5cG9ncmFwaHkgZGlzcGxheT1cImJsb2NrXCIgZ3V0dGVyQm90dG9tPXt0cnVlfSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7dHJhbnNsYXRpb259XG4gICAgICA8L1R5cG9ncmFwaHk+XG4gICAgPC9DYXJkQ29udGVudD5cbiAgICA8Q2FyZENvbnRlbnQ+e2ljb259PC9DYXJkQ29udGVudD5cbiAgPC8+XG4pO1xuXG5jb25zdCBMYW5ndWFnZVN3aXRjaCA9ICgpID0+IHtcbiAgY29uc3QgeyBsYW5ndWFnZSwgc2V0TGFuZ3VhZ2UsIGxpc3RMYW5ndWFnZXMgfSA9IHVzZUxhbmd1YWdlKCk7XG4gIGNvbnN0IGxpc3RDb252ZXJ0ZWQgPSBsaXN0TGFuZ3VhZ2VzLnJlZHVjZShcbiAgICAocHJldiwgaXRlbSkgPT4ge1xuICAgICAgcHJldltpdGVtLmxuZ10gPSB7XG4gICAgICAgIHRyYW5zbGF0aW9uOiBpdGVtLm1lbnVLZXksXG4gICAgICAgIGljb246IGl0ZW0uaWNvbixcbiAgICAgIH07XG4gICAgICByZXR1cm4gcHJldjtcbiAgICB9LFxuICAgIHt9IGFzIFJlY29yZDxzdHJpbmcsIHsgdHJhbnNsYXRpb246IHN0cmluZzsgaWNvbjogYW55IH0+XG4gICk7XG5cbiAgY29uc3QgW2xhbmd1YWdlc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oT2JqZWN0LmtleXMoaTE4bmV4dC5vcHRpb25zPy5yZXNvdXJjZXMgfHwge30pKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBjdXJyZW50TGFuZ3VhZ2UgPSBsYW5ndWFnZTtcbiAgY29uc3QgZ2V0Q3VycmVudExuZ0RldGFpbHMgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgY29uc3QgbG5nID0gbGlzdENvbnZlcnRlZFtsYW5ndWFnZV0gfHwgbGlzdENvbnZlcnRlZFsnZW4tVVMnXTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGljb246IDxsbmcuaWNvbiAvPixcbiAgICAgICAgdHJhbnNsYXRpb246IHQobG5nLnRyYW5zbGF0aW9uKSxcbiAgICAgIH07XG4gICAgfSxcbiAgICBbbGlzdENvbnZlcnRlZCwgdF1cbiAgKTtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgc2V0TGFuZ3VhZ2UobGFuZ3VhZ2UpO1xuICAgIH0sXG4gICAgW3NldExhbmd1YWdlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxHcmlkIGNvbHVtbnM9e3sgeHM6IDEyLCBzbTogMTIsIG1kOiAxMiB9fSBjb250YWluZXI9e3RydWV9IHNwYWNpbmc9e3sgeHM6IDEsIG1kOiAxIH19PlxuICAgICAgICB7bGFuZ3VhZ2VzLm1hcCgobGFuZ3VhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3QgeyBpY29uLCB0cmFuc2xhdGlvbiB9ID0gZ2V0Q3VycmVudExuZ0RldGFpbHMobGFuZ3VhZ2UpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZCBrZXk9e2luZGV4fSBzaXplPXt7IHNtOiAyLCB4czogNiB9fT5cbiAgICAgICAgICAgICAge2xhbmd1YWdlID09PSBjdXJyZW50TGFuZ3VhZ2UgPyAoXG4gICAgICAgICAgICAgICAgPENhcmRTZWxlY3RlZCBzeD17eyBtYXhXaWR0aDogODAgfX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRTZWxlY3RlZD5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Q2FyZFVuU2VsZWN0ZWQgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UobGFuZ3VhZ2UpfT5cbiAgICAgICAgICAgICAgICAgIDxMYW5ndWFnZUNvbnRlbnQgaWNvbj17aWNvbn0gdHJhbnNsYXRpb249e3RyYW5zbGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgIDwvQ2FyZFVuU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L0dyaWQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVN3aXRjaDtcbiJdfQ== */"), m = /* @__PURE__ */ t(u, process.env.NODE_ENV === "production" ? { target: "e1prltpd0" } : {
+})(({ theme }) => {
+	return {
+		backgroundColor: theme.palette.grey["600"],
+		opacity: "0.9",
+		color: theme.palette.error.contrastText,
+		fontWeight: "bold"
+	};
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9IZWFkZXIvTGFuZ3VhZ2VTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBHcmlkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvR3JpZCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IGkxOG5leHQgZnJvbSAnaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5pbXBvcnQgeyB1c2VMYW5ndWFnZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBDYXJkU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVsnNjAwJ10sXG4gICAgb3BhY2l0eTogJzAuOScsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZXJyb3IuY29udHJhc3RUZXh0LFxuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgfTtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ2FyZFVuU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAnOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm8sXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5jb25zdCBMYW5ndWFnZUNvbnRlbnQgPSAoeyB0cmFuc2xhdGlvbiwgaWNvbiB9KSA9PiAoXG4gIDw+XG4gICAgPENhcmRDb250ZW50PlxuICAgICAgPFR5cG9ncmFwaHkgZGlzcGxheT1cImJsb2NrXCIgZ3V0dGVyQm90dG9tPXt0cnVlfSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7dHJhbnNsYXRpb259XG4gICAgICA8L1R5cG9ncmFwaHk+XG4gICAgPC9DYXJkQ29udGVudD5cbiAgICA8Q2FyZENvbnRlbnQ+e2ljb259PC9DYXJkQ29udGVudD5cbiAgPC8+XG4pO1xuXG5jb25zdCBMYW5ndWFnZVN3aXRjaCA9ICgpID0+IHtcbiAgY29uc3QgeyBsYW5ndWFnZSwgc2V0TGFuZ3VhZ2UsIGxpc3RMYW5ndWFnZXMgfSA9IHVzZUxhbmd1YWdlKCk7XG4gIGNvbnN0IGxpc3RDb252ZXJ0ZWQgPSBsaXN0TGFuZ3VhZ2VzLnJlZHVjZShcbiAgICAocHJldiwgaXRlbSkgPT4ge1xuICAgICAgcHJldltpdGVtLmxuZ10gPSB7XG4gICAgICAgIHRyYW5zbGF0aW9uOiBpdGVtLm1lbnVLZXksXG4gICAgICAgIGljb246IGl0ZW0uaWNvbixcbiAgICAgIH07XG4gICAgICByZXR1cm4gcHJldjtcbiAgICB9LFxuICAgIHt9IGFzIFJlY29yZDxzdHJpbmcsIHsgdHJhbnNsYXRpb246IHN0cmluZzsgaWNvbjogYW55IH0+XG4gICk7XG5cbiAgY29uc3QgW2xhbmd1YWdlc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oT2JqZWN0LmtleXMoaTE4bmV4dC5vcHRpb25zPy5yZXNvdXJjZXMgfHwge30pKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBjdXJyZW50TGFuZ3VhZ2UgPSBsYW5ndWFnZTtcbiAgY29uc3QgZ2V0Q3VycmVudExuZ0RldGFpbHMgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgY29uc3QgbG5nID0gbGlzdENvbnZlcnRlZFtsYW5ndWFnZV0gfHwgbGlzdENvbnZlcnRlZFsnZW4tVVMnXTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGljb246IDxsbmcuaWNvbiAvPixcbiAgICAgICAgdHJhbnNsYXRpb246IHQobG5nLnRyYW5zbGF0aW9uKSxcbiAgICAgIH07XG4gICAgfSxcbiAgICBbbGlzdENvbnZlcnRlZCwgdF1cbiAgKTtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgc2V0TGFuZ3VhZ2UobGFuZ3VhZ2UpO1xuICAgIH0sXG4gICAgW3NldExhbmd1YWdlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxHcmlkIGNvbHVtbnM9e3sgeHM6IDEyLCBzbTogMTIsIG1kOiAxMiB9fSBjb250YWluZXI9e3RydWV9IHNwYWNpbmc9e3sgeHM6IDEsIG1kOiAxIH19PlxuICAgICAgICB7bGFuZ3VhZ2VzLm1hcCgobGFuZ3VhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3QgeyBpY29uLCB0cmFuc2xhdGlvbiB9ID0gZ2V0Q3VycmVudExuZ0RldGFpbHMobGFuZ3VhZ2UpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZCBrZXk9e2luZGV4fSBzaXplPXt7IHNtOiAyLCB4czogNiB9fT5cbiAgICAgICAgICAgICAge2xhbmd1YWdlID09PSBjdXJyZW50TGFuZ3VhZ2UgPyAoXG4gICAgICAgICAgICAgICAgPENhcmRTZWxlY3RlZCBzeD17eyBtYXhXaWR0aDogODAgfX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRTZWxlY3RlZD5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Q2FyZFVuU2VsZWN0ZWQgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UobGFuZ3VhZ2UpfT5cbiAgICAgICAgICAgICAgICAgIDxMYW5ndWFnZUNvbnRlbnQgaWNvbj17aWNvbn0gdHJhbnNsYXRpb249e3RyYW5zbGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgIDwvQ2FyZFVuU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L0dyaWQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVN3aXRjaDtcbiJdfQ== */");
+var CardUnSelected = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_Card.default, process.env.NODE_ENV === "production" ? { target: "e1prltpd0" } : {
 	target: "e1prltpd0",
 	label: "CardUnSelected"
-})(({ theme: e }) => ({
-	cursor: "pointer",
-	":hover": { backgroundColor: e.palette.greyGainsboro }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcbmltcG9ydCBpMThuZXh0IGZyb20gJ2kxOG5leHQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgdXNlTGFuZ3VhZ2UgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgQ2FyZFNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlbJzYwMCddLFxuICAgIG9wYWNpdHk6ICcwLjknLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmVycm9yLmNvbnRyYXN0VGV4dCxcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IENhcmRVblNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvLFxuICAgIH0sXG4gIH07XG59KTtcblxuY29uc3QgTGFuZ3VhZ2VDb250ZW50ID0gKHsgdHJhbnNsYXRpb24sIGljb24gfSkgPT4gKFxuICA8PlxuICAgIDxDYXJkQ29udGVudD5cbiAgICAgIDxUeXBvZ3JhcGh5IGRpc3BsYXk9XCJibG9ja1wiIGd1dHRlckJvdHRvbT17dHJ1ZX0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge3RyYW5zbGF0aW9ufVxuICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgIDwvQ2FyZENvbnRlbnQ+XG4gICAgPENhcmRDb250ZW50PntpY29ufTwvQ2FyZENvbnRlbnQ+XG4gIDwvPlxuKTtcblxuY29uc3QgTGFuZ3VhZ2VTd2l0Y2ggPSAoKSA9PiB7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIHNldExhbmd1YWdlLCBsaXN0TGFuZ3VhZ2VzIH0gPSB1c2VMYW5ndWFnZSgpO1xuICBjb25zdCBsaXN0Q29udmVydGVkID0gbGlzdExhbmd1YWdlcy5yZWR1Y2UoXG4gICAgKHByZXYsIGl0ZW0pID0+IHtcbiAgICAgIHByZXZbaXRlbS5sbmddID0ge1xuICAgICAgICB0cmFuc2xhdGlvbjogaXRlbS5tZW51S2V5LFxuICAgICAgICBpY29uOiBpdGVtLmljb24sXG4gICAgICB9O1xuICAgICAgcmV0dXJuIHByZXY7XG4gICAgfSxcbiAgICB7fSBhcyBSZWNvcmQ8c3RyaW5nLCB7IHRyYW5zbGF0aW9uOiBzdHJpbmc7IGljb246IGFueSB9PlxuICApO1xuXG4gIGNvbnN0IFtsYW5ndWFnZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KE9iamVjdC5rZXlzKGkxOG5leHQub3B0aW9ucz8ucmVzb3VyY2VzIHx8IHt9KSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY3VycmVudExhbmd1YWdlID0gbGFuZ3VhZ2U7XG4gIGNvbnN0IGdldEN1cnJlbnRMbmdEZXRhaWxzID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IGxuZyA9IGxpc3RDb252ZXJ0ZWRbbGFuZ3VhZ2VdIHx8IGxpc3RDb252ZXJ0ZWRbJ2VuLVVTJ107XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpY29uOiA8bG5nLmljb24gLz4sXG4gICAgICAgIHRyYW5zbGF0aW9uOiB0KGxuZy50cmFuc2xhdGlvbiksXG4gICAgICB9O1xuICAgIH0sXG4gICAgW2xpc3RDb252ZXJ0ZWQsIHRdXG4gICk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZUxhbmd1YWdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExhbmd1YWdlKGxhbmd1YWdlKTtcbiAgICB9LFxuICAgIFtzZXRMYW5ndWFnZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8R3JpZCBjb2x1bW5zPXt7IHhzOiAxMiwgc206IDEyLCBtZDogMTIgfX0gY29udGFpbmVyPXt0cnVlfSBzcGFjaW5nPXt7IHhzOiAxLCBtZDogMSB9fT5cbiAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgaWNvbiwgdHJhbnNsYXRpb24gfSA9IGdldEN1cnJlbnRMbmdEZXRhaWxzKGxhbmd1YWdlKTtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEdyaWQga2V5PXtpbmRleH0gc2l6ZT17eyBzbTogMiwgeHM6IDYgfX0+XG4gICAgICAgICAgICAgIHtsYW5ndWFnZSA9PT0gY3VycmVudExhbmd1YWdlID8gKFxuICAgICAgICAgICAgICAgIDxDYXJkU2VsZWN0ZWQgc3g9e3sgbWF4V2lkdGg6IDgwIH19PlxuICAgICAgICAgICAgICAgICAgPExhbmd1YWdlQ29udGVudCBpY29uPXtpY29ufSB0cmFuc2xhdGlvbj17dHJhbnNsYXRpb259IC8+XG4gICAgICAgICAgICAgICAgPC9DYXJkU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPENhcmRVblNlbGVjdGVkIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxhbmd1YWdlKGxhbmd1YWdlKX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRVblNlbGVjdGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9HcmlkPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTd2l0Y2g7XG4iXX0= */"), h = ({ translation: e, icon: t }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(l, {
+})(({ theme }) => {
+	return {
+		cursor: "pointer",
+		":hover": { backgroundColor: theme.palette.greyGainsboro }
+	};
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcbmltcG9ydCBpMThuZXh0IGZyb20gJ2kxOG5leHQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgdXNlTGFuZ3VhZ2UgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgQ2FyZFNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlbJzYwMCddLFxuICAgIG9wYWNpdHk6ICcwLjknLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmVycm9yLmNvbnRyYXN0VGV4dCxcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IENhcmRVblNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvLFxuICAgIH0sXG4gIH07XG59KTtcblxuY29uc3QgTGFuZ3VhZ2VDb250ZW50ID0gKHsgdHJhbnNsYXRpb24sIGljb24gfSkgPT4gKFxuICA8PlxuICAgIDxDYXJkQ29udGVudD5cbiAgICAgIDxUeXBvZ3JhcGh5IGRpc3BsYXk9XCJibG9ja1wiIGd1dHRlckJvdHRvbT17dHJ1ZX0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge3RyYW5zbGF0aW9ufVxuICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgIDwvQ2FyZENvbnRlbnQ+XG4gICAgPENhcmRDb250ZW50PntpY29ufTwvQ2FyZENvbnRlbnQ+XG4gIDwvPlxuKTtcblxuY29uc3QgTGFuZ3VhZ2VTd2l0Y2ggPSAoKSA9PiB7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIHNldExhbmd1YWdlLCBsaXN0TGFuZ3VhZ2VzIH0gPSB1c2VMYW5ndWFnZSgpO1xuICBjb25zdCBsaXN0Q29udmVydGVkID0gbGlzdExhbmd1YWdlcy5yZWR1Y2UoXG4gICAgKHByZXYsIGl0ZW0pID0+IHtcbiAgICAgIHByZXZbaXRlbS5sbmddID0ge1xuICAgICAgICB0cmFuc2xhdGlvbjogaXRlbS5tZW51S2V5LFxuICAgICAgICBpY29uOiBpdGVtLmljb24sXG4gICAgICB9O1xuICAgICAgcmV0dXJuIHByZXY7XG4gICAgfSxcbiAgICB7fSBhcyBSZWNvcmQ8c3RyaW5nLCB7IHRyYW5zbGF0aW9uOiBzdHJpbmc7IGljb246IGFueSB9PlxuICApO1xuXG4gIGNvbnN0IFtsYW5ndWFnZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KE9iamVjdC5rZXlzKGkxOG5leHQub3B0aW9ucz8ucmVzb3VyY2VzIHx8IHt9KSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY3VycmVudExhbmd1YWdlID0gbGFuZ3VhZ2U7XG4gIGNvbnN0IGdldEN1cnJlbnRMbmdEZXRhaWxzID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IGxuZyA9IGxpc3RDb252ZXJ0ZWRbbGFuZ3VhZ2VdIHx8IGxpc3RDb252ZXJ0ZWRbJ2VuLVVTJ107XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpY29uOiA8bG5nLmljb24gLz4sXG4gICAgICAgIHRyYW5zbGF0aW9uOiB0KGxuZy50cmFuc2xhdGlvbiksXG4gICAgICB9O1xuICAgIH0sXG4gICAgW2xpc3RDb252ZXJ0ZWQsIHRdXG4gICk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZUxhbmd1YWdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExhbmd1YWdlKGxhbmd1YWdlKTtcbiAgICB9LFxuICAgIFtzZXRMYW5ndWFnZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8R3JpZCBjb2x1bW5zPXt7IHhzOiAxMiwgc206IDEyLCBtZDogMTIgfX0gY29udGFpbmVyPXt0cnVlfSBzcGFjaW5nPXt7IHhzOiAxLCBtZDogMSB9fT5cbiAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgaWNvbiwgdHJhbnNsYXRpb24gfSA9IGdldEN1cnJlbnRMbmdEZXRhaWxzKGxhbmd1YWdlKTtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEdyaWQga2V5PXtpbmRleH0gc2l6ZT17eyBzbTogMiwgeHM6IDYgfX0+XG4gICAgICAgICAgICAgIHtsYW5ndWFnZSA9PT0gY3VycmVudExhbmd1YWdlID8gKFxuICAgICAgICAgICAgICAgIDxDYXJkU2VsZWN0ZWQgc3g9e3sgbWF4V2lkdGg6IDgwIH19PlxuICAgICAgICAgICAgICAgICAgPExhbmd1YWdlQ29udGVudCBpY29uPXtpY29ufSB0cmFuc2xhdGlvbj17dHJhbnNsYXRpb259IC8+XG4gICAgICAgICAgICAgICAgPC9DYXJkU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPENhcmRVblNlbGVjdGVkIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxhbmd1YWdlKGxhbmd1YWdlKX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRVblNlbGVjdGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9HcmlkPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTd2l0Y2g7XG4iXX0= */");
+var LanguageContent = ({ translation, icon }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CardContent.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Typography.default, {
 	display: "block",
-	gutterBottom: !0,
+	gutterBottom: true,
 	variant: "caption",
-	children: e
-}) }), /* @__PURE__ */ r(d, { children: t })] }), g = () => {
-	let { language: t, setLanguage: n, listLanguages: i } = e(), l = i.reduce((e, t) => (e[t.lng] = {
-		translation: t.menuKey,
-		icon: t.icon
-	}, e), {}), [u] = o(Object.keys(s.options?.resources || {})), { t: d } = c(), g = t, _ = a((e) => {
-		let t = l[e] || l["en-US"];
+	children: translation
+}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CardContent.default, { children: icon })] });
+var LanguageSwitch = () => {
+	const { language, setLanguage, listLanguages } = require_TranslatorProvider.useLanguage();
+	const listConverted = listLanguages.reduce((prev, item) => {
+		prev[item.lng] = {
+			translation: item.menuKey,
+			icon: item.icon
+		};
+		return prev;
+	}, {});
+	const [languages] = (0, react.useState)(Object.keys(i18next.default.options?.resources || {}));
+	const { t } = (0, react_i18next.useTranslation)();
+	const currentLanguage = language;
+	const getCurrentLngDetails = (0, react.useCallback)((language) => {
+		const lng = listConverted[language] || listConverted["en-US"];
 		return {
-			icon: /* @__PURE__ */ r(t.icon, {}),
-			translation: d(t.translation)
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lng.icon, {}),
+			translation: t(lng.translation)
 		};
-	}, [l, d]), v = a((e) => {
-		n(e);
-	}, [n]);
-	return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(f, {
+	}, [listConverted, t]);
+	const handleChangeLanguage = (0, react.useCallback)((language) => {
+		setLanguage(language);
+	}, [setLanguage]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Grid.default, {
 		columns: {
 			xs: 12,
 			sm: 12,
 			md: 12
 		},
-		container: !0,
+		container: true,
 		spacing: {
 			xs: 1,
 			md: 1
 		},
-		children: u.map((e, t) => {
-			let { icon: n, translation: i } = _(e);
-			return /* @__PURE__ */ r(f, {
+		children: languages.map((language, index) => {
+			const { icon, translation } = getCurrentLngDetails(language);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Grid.default, {
 				size: {
 					sm: 2,
 					xs: 6
 				},
-				children: e === g ? /* @__PURE__ */ r(p, {
+				children: language === currentLanguage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardSelected, {
 					sx: { maxWidth: 80 },
-					children: /* @__PURE__ */ r(h, {
-						icon: n,
-						translation: i
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageContent, {
+						icon,
+						translation
 					})
-				}) : /* @__PURE__ */ r(m, {
-					onClick: () => v(e),
-					children: /* @__PURE__ */ r(h, {
-						icon: n,
-						translation: i
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardUnSelected, {
+					onClick: () => handleChangeLanguage(language),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageContent, {
+						icon,
+						translation
 					})
 				})
-			}, t);
+			}, index);
 		})
 	}) });
 };
 //#endregion
-export { g as default };
+exports.default = LanguageSwitch;
 
 //# sourceMappingURL=LanguageSwitch.js.map

package/build/sections/Header/LanguageSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitch.js","names":["Card","CardContent","Grid","Typography","i18next","React","useCallback","useState","useTranslation","Theme","useLanguage","CardSelected","_styled","process","env","NODE_ENV","target","label","theme","backgroundColor","palette","grey","opacity","color","error","contrastText","fontWeight","CardUnSelected","cursor","greyGainsboro","LanguageContent","translation","icon","LanguageSwitch","language","setLanguage","listLanguages","listConverted","reduce","prev","item","lng","menuKey","Record","languages","Object","keys","options","resources","t","currentLanguage","getCurrentLngDetails","handleChangeLanguage","xs","sm","md","map","index","maxWidth"],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAaW,IAAeC,kBAAOZ,GAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBACtD;CACLC,iBAAiBD,EAAME,QAAQC,KAAK;CACpCC,SAAS;CACTC,OAAOL,EAAME,QAAQI,MAAMC;CAC3BC,YAAY;CACb,4BACF,eAAA,KAAA,01IAAC,EAEWC,IAAiBf,kBAAOZ,GAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBACxD;CACLU,QAAQ;CACR,UAAU,EACRT,iBAAiBD,EAAME,QAAQS,eACjC;CACD,4BACF,eAAA,KAAA,01IAAC,EAEIC,KAAmB,EAAEC,gBAAaC,cACtC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrDD;CACS,CAAA,EACD,CAAA,EACb,kBAAC,GAAD,EAAA,UAAcC,GAAkB,CAAA,CAEnC,EAAA,CAAA,EAEKC,UAAuB;CAC3B,IAAM,EAAEC,aAAUC,gBAAaC,qBAAkB1B,GAAa,EACxD2B,IAAgBD,EAAcE,QACjCC,GAAMC,OACLD,EAAKC,EAAKC,OAAO;EACfV,aAAaS,EAAKE;EAClBV,MAAMQ,EAAKR;EACZ,EACMO,IAET,EAAE,CACH,EAEK,CAACK,KAAarC,EAAmBsC,OAAOC,KAAK1C,EAAQ2C,SAASC,aAAa,EAAE,CAAC,CAAC,EAC/E,EAAEC,SAAMzC,GAAgB,EACxB0C,IAAkBhB,GAClBiB,IAAuB7C,GAC1B4B,MAAqB;EACpB,IAAMO,IAAMJ,EAAcH,MAAaG,EAAc;AACrD,SAAO;GACLL,MAAM,kBAAC,EAAI,MAAL,EAAY,CAAA;GAClBD,aAAakB,EAAER,EAAIV,YAAW;GAC/B;IAEH,CAACM,GAAeY,EAClB,CAAC,EACKG,IAAuB9C,GAC1B4B,MAAqB;AACpBC,IAAYD,EAAS;IAEvB,CAACC,EACH,CAAC;AAED,QACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EAAM,SAAS;GAAEkB,IAAI;GAAIC,IAAI;GAAIC,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAEF,IAAI;GAAGE,IAAI;GAAG;YAClFX,EAAUY,KAAKtB,GAAUuB,MAAU;GAClC,IAAM,EAAEzB,SAAMD,mBAAgBoB,EAAqBjB,EAAS;AAC5D,UACE,kBAAC,GAAD;IAAkB,MAAM;KAAEoB,IAAI;KAAGD,IAAI;KAAG;cACrCnB,MAAagB,IACZ,kBAAC,GAAD;KAAc,IAAI,EAAEQ,UAAU,IAAI;eAChC,kBAAC,GAAD;MAAuB1B;MAAmBD;MAAY,CAAA;KACzC,CAAA,GAEf,kBAAC,GAAD;KAAgB,eAAeqB,EAAqBlB,EAAS;eAC3D,kBAAC,GAAD;MAAuBF;MAAmBD;MAAY,CAAA;KAEzD,CAAA;IACI,EAVI0B,EAUJ;IAET;EACE,CAAA,EACF,CAAA"}
+{"version":3,"file":"LanguageSwitch.js","names":["Card","CardContent","Grid","Typography","i18next","React","useCallback","useState","useTranslation","Theme","useLanguage","CardSelected","_styled","process","env","NODE_ENV","target","label","theme","backgroundColor","palette","grey","opacity","color","error","contrastText","fontWeight","CardUnSelected","cursor","greyGainsboro","LanguageContent","translation","icon","LanguageSwitch","language","setLanguage","listLanguages","listConverted","reduce","prev","item","lng","menuKey","Record","languages","Object","keys","options","resources","t","currentLanguage","getCurrentLngDetails","handleChangeLanguage","xs","sm","md","map","index","maxWidth"],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAaW,eAAeC,iBAAAA,GAAAA,qBAAAA,SAAOZ,mBAAAA,SAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AACzE,QAAO;EACLC,iBAAiBD,MAAME,QAAQC,KAAK;EACpCC,SAAS;EACTC,OAAOL,MAAME,QAAQI,MAAMC;EAC3BC,YAAY;EACb;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAaC,iBAAiBf,iBAAAA,GAAAA,qBAAAA,SAAOZ,mBAAAA,SAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AAC3E,QAAO;EACLU,QAAQ;EACR,UAAU,EACRT,iBAAiBD,MAAME,QAAQS,eACjC;EACD;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAMC,mBAAmB,EAAEC,aAAaC,WACtC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrDD;CACS,CAAA,EACD,CAAA,EACb,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UAAcC,MAAkB,CAAA,CAEnC,EAAA,CAAA;AAED,IAAMC,uBAAuB;CAC3B,MAAM,EAAEC,UAAUC,aAAaC,kBAAkB1B,2BAAAA,aAAa;CAC9D,MAAM2B,gBAAgBD,cAAcE,QACjCC,MAAMC,SAAS;AACdD,OAAKC,KAAKC,OAAO;GACfV,aAAaS,KAAKE;GAClBV,MAAMQ,KAAKR;GACZ;AACD,SAAOO;IAET,EAAE,CACH;CAED,MAAM,CAACK,cAAAA,GAAAA,MAAAA,UAAgCC,OAAOC,KAAK1C,QAAAA,QAAQ2C,SAASC,aAAa,EAAE,CAAC,CAAC;CACrF,MAAM,EAAEC,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAMC,kBAAkBhB;CACxB,MAAMiB,wBAAAA,GAAAA,MAAAA,cACHjB,aAAqB;EACpB,MAAMO,MAAMJ,cAAcH,aAAaG,cAAc;AACrD,SAAO;GACLL,MAAM,iBAAA,GAAA,kBAAA,KAAC,IAAI,MAAL,EAAY,CAAA;GAClBD,aAAakB,EAAER,IAAIV,YAAW;GAC/B;IAEH,CAACM,eAAeY,EAClB,CAAC;CACD,MAAMG,wBAAAA,GAAAA,MAAAA,cACHlB,aAAqB;AACpBC,cAAYD,SAAS;IAEvB,CAACC,YACH,CAAC;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,SAAS;GAAEkB,IAAI;GAAIC,IAAI;GAAIC,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAEF,IAAI;GAAGE,IAAI;GAAG;YAClFX,UAAUY,KAAKtB,UAAUuB,UAAU;GAClC,MAAM,EAAEzB,MAAMD,gBAAgBoB,qBAAqBjB,SAAS;AAC5D,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;IAAkB,MAAM;KAAEoB,IAAI;KAAGD,IAAI;KAAG;cACrCnB,aAAagB,kBACZ,iBAAA,GAAA,kBAAA,KAAC,cAAD;KAAc,IAAI,EAAEQ,UAAU,IAAI;eAChC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAuB1B;MAAmBD;MAAY,CAAA;KACzC,CAAA,GAEf,iBAAA,GAAA,kBAAA,KAAC,gBAAD;KAAgB,eAAeqB,qBAAqBlB,SAAS;eAC3D,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAuBF;MAAmBD;MAAY,CAAA;KAEzD,CAAA;IACI,EAVI0B,MAUJ;IAET;EACE,CAAA,EACF,CAAA"}

package/build/sections/Header/LanguageSwitch.mjs

@@ -0,0 +1,99 @@
+import { useLanguage } from "../../providers/TranslatorProvider/TranslatorProvider.mjs";
+import "../../index.mjs";
+import _styled from "@emotion/styled/base";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import i18next from "i18next";
+import { useTranslation } from "react-i18next";
+import Typography from "@mui/material/Typography";
+import Card from "@mui/material/Card";
+import CardContent from "@mui/material/CardContent";
+import Grid from "@mui/material/Grid";
+//#region src/sections/Header/LanguageSwitch.tsx
+var CardSelected = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? { target: "e1prltpd1" } : {
+	target: "e1prltpd1",
+	label: "CardSelected"
+})(({ theme }) => {
+	return {
+		backgroundColor: theme.palette.grey["600"],
+		opacity: "0.9",
+		color: theme.palette.error.contrastText,
+		fontWeight: "bold"
+	};
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9zZWN0aW9ucy9IZWFkZXIvTGFuZ3VhZ2VTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBHcmlkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvR3JpZCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IGkxOG5leHQgZnJvbSAnaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5pbXBvcnQgeyB1c2VMYW5ndWFnZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBjb25zdCBDYXJkU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVsnNjAwJ10sXG4gICAgb3BhY2l0eTogJzAuOScsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZXJyb3IuY29udHJhc3RUZXh0LFxuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgfTtcbn0pO1xuXG5leHBvcnQgY29uc3QgQ2FyZFVuU2VsZWN0ZWQgPSBzdHlsZWQoQ2FyZCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAnOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlHYWluc2Jvcm8sXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5jb25zdCBMYW5ndWFnZUNvbnRlbnQgPSAoeyB0cmFuc2xhdGlvbiwgaWNvbiB9KSA9PiAoXG4gIDw+XG4gICAgPENhcmRDb250ZW50PlxuICAgICAgPFR5cG9ncmFwaHkgZGlzcGxheT1cImJsb2NrXCIgZ3V0dGVyQm90dG9tPXt0cnVlfSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7dHJhbnNsYXRpb259XG4gICAgICA8L1R5cG9ncmFwaHk+XG4gICAgPC9DYXJkQ29udGVudD5cbiAgICA8Q2FyZENvbnRlbnQ+e2ljb259PC9DYXJkQ29udGVudD5cbiAgPC8+XG4pO1xuXG5jb25zdCBMYW5ndWFnZVN3aXRjaCA9ICgpID0+IHtcbiAgY29uc3QgeyBsYW5ndWFnZSwgc2V0TGFuZ3VhZ2UsIGxpc3RMYW5ndWFnZXMgfSA9IHVzZUxhbmd1YWdlKCk7XG4gIGNvbnN0IGxpc3RDb252ZXJ0ZWQgPSBsaXN0TGFuZ3VhZ2VzLnJlZHVjZShcbiAgICAocHJldiwgaXRlbSkgPT4ge1xuICAgICAgcHJldltpdGVtLmxuZ10gPSB7XG4gICAgICAgIHRyYW5zbGF0aW9uOiBpdGVtLm1lbnVLZXksXG4gICAgICAgIGljb246IGl0ZW0uaWNvbixcbiAgICAgIH07XG4gICAgICByZXR1cm4gcHJldjtcbiAgICB9LFxuICAgIHt9IGFzIFJlY29yZDxzdHJpbmcsIHsgdHJhbnNsYXRpb246IHN0cmluZzsgaWNvbjogYW55IH0+XG4gICk7XG5cbiAgY29uc3QgW2xhbmd1YWdlc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oT2JqZWN0LmtleXMoaTE4bmV4dC5vcHRpb25zPy5yZXNvdXJjZXMgfHwge30pKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBjdXJyZW50TGFuZ3VhZ2UgPSBsYW5ndWFnZTtcbiAgY29uc3QgZ2V0Q3VycmVudExuZ0RldGFpbHMgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgY29uc3QgbG5nID0gbGlzdENvbnZlcnRlZFtsYW5ndWFnZV0gfHwgbGlzdENvbnZlcnRlZFsnZW4tVVMnXTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGljb246IDxsbmcuaWNvbiAvPixcbiAgICAgICAgdHJhbnNsYXRpb246IHQobG5nLnRyYW5zbGF0aW9uKSxcbiAgICAgIH07XG4gICAgfSxcbiAgICBbbGlzdENvbnZlcnRlZCwgdF1cbiAgKTtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAobGFuZ3VhZ2U6IHN0cmluZykgPT4ge1xuICAgICAgc2V0TGFuZ3VhZ2UobGFuZ3VhZ2UpO1xuICAgIH0sXG4gICAgW3NldExhbmd1YWdlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxHcmlkIGNvbHVtbnM9e3sgeHM6IDEyLCBzbTogMTIsIG1kOiAxMiB9fSBjb250YWluZXI9e3RydWV9IHNwYWNpbmc9e3sgeHM6IDEsIG1kOiAxIH19PlxuICAgICAgICB7bGFuZ3VhZ2VzLm1hcCgobGFuZ3VhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3QgeyBpY29uLCB0cmFuc2xhdGlvbiB9ID0gZ2V0Q3VycmVudExuZ0RldGFpbHMobGFuZ3VhZ2UpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZCBrZXk9e2luZGV4fSBzaXplPXt7IHNtOiAyLCB4czogNiB9fT5cbiAgICAgICAgICAgICAge2xhbmd1YWdlID09PSBjdXJyZW50TGFuZ3VhZ2UgPyAoXG4gICAgICAgICAgICAgICAgPENhcmRTZWxlY3RlZCBzeD17eyBtYXhXaWR0aDogODAgfX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRTZWxlY3RlZD5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Q2FyZFVuU2VsZWN0ZWQgb25DbGljaz17KCkgPT4gaGFuZGxlQ2hhbmdlTGFuZ3VhZ2UobGFuZ3VhZ2UpfT5cbiAgICAgICAgICAgICAgICAgIDxMYW5ndWFnZUNvbnRlbnQgaWNvbj17aWNvbn0gdHJhbnNsYXRpb249e3RyYW5zbGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgIDwvQ2FyZFVuU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L0dyaWQ+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZVN3aXRjaDtcbiJdfQ== */");
+var CardUnSelected = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? { target: "e1prltpd0" } : {
+	target: "e1prltpd0",
+	label: "CardUnSelected"
+})(({ theme }) => {
+	return {
+		cursor: "pointer",
+		":hover": { backgroundColor: theme.palette.greyGainsboro }
+	};
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0xhbmd1YWdlU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgR3JpZCBmcm9tICdAbXVpL21hdGVyaWFsL0dyaWQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcbmltcG9ydCBpMThuZXh0IGZyb20gJ2kxOG5leHQnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgdXNlTGFuZ3VhZ2UgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgQ2FyZFNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlbJzYwMCddLFxuICAgIG9wYWNpdHk6ICcwLjknLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmVycm9yLmNvbnRyYXN0VGV4dCxcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IENhcmRVblNlbGVjdGVkID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiB7XG4gIHJldHVybiB7XG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5R2FpbnNib3JvLFxuICAgIH0sXG4gIH07XG59KTtcblxuY29uc3QgTGFuZ3VhZ2VDb250ZW50ID0gKHsgdHJhbnNsYXRpb24sIGljb24gfSkgPT4gKFxuICA8PlxuICAgIDxDYXJkQ29udGVudD5cbiAgICAgIDxUeXBvZ3JhcGh5IGRpc3BsYXk9XCJibG9ja1wiIGd1dHRlckJvdHRvbT17dHJ1ZX0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge3RyYW5zbGF0aW9ufVxuICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgIDwvQ2FyZENvbnRlbnQ+XG4gICAgPENhcmRDb250ZW50PntpY29ufTwvQ2FyZENvbnRlbnQ+XG4gIDwvPlxuKTtcblxuY29uc3QgTGFuZ3VhZ2VTd2l0Y2ggPSAoKSA9PiB7XG4gIGNvbnN0IHsgbGFuZ3VhZ2UsIHNldExhbmd1YWdlLCBsaXN0TGFuZ3VhZ2VzIH0gPSB1c2VMYW5ndWFnZSgpO1xuICBjb25zdCBsaXN0Q29udmVydGVkID0gbGlzdExhbmd1YWdlcy5yZWR1Y2UoXG4gICAgKHByZXYsIGl0ZW0pID0+IHtcbiAgICAgIHByZXZbaXRlbS5sbmddID0ge1xuICAgICAgICB0cmFuc2xhdGlvbjogaXRlbS5tZW51S2V5LFxuICAgICAgICBpY29uOiBpdGVtLmljb24sXG4gICAgICB9O1xuICAgICAgcmV0dXJuIHByZXY7XG4gICAgfSxcbiAgICB7fSBhcyBSZWNvcmQ8c3RyaW5nLCB7IHRyYW5zbGF0aW9uOiBzdHJpbmc7IGljb246IGFueSB9PlxuICApO1xuXG4gIGNvbnN0IFtsYW5ndWFnZXNdID0gdXNlU3RhdGU8c3RyaW5nW10+KE9iamVjdC5rZXlzKGkxOG5leHQub3B0aW9ucz8ucmVzb3VyY2VzIHx8IHt9KSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY3VycmVudExhbmd1YWdlID0gbGFuZ3VhZ2U7XG4gIGNvbnN0IGdldEN1cnJlbnRMbmdEZXRhaWxzID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IGxuZyA9IGxpc3RDb252ZXJ0ZWRbbGFuZ3VhZ2VdIHx8IGxpc3RDb252ZXJ0ZWRbJ2VuLVVTJ107XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpY29uOiA8bG5nLmljb24gLz4sXG4gICAgICAgIHRyYW5zbGF0aW9uOiB0KGxuZy50cmFuc2xhdGlvbiksXG4gICAgICB9O1xuICAgIH0sXG4gICAgW2xpc3RDb252ZXJ0ZWQsIHRdXG4gICk7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZUxhbmd1YWdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGxhbmd1YWdlOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldExhbmd1YWdlKGxhbmd1YWdlKTtcbiAgICB9LFxuICAgIFtzZXRMYW5ndWFnZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8R3JpZCBjb2x1bW5zPXt7IHhzOiAxMiwgc206IDEyLCBtZDogMTIgfX0gY29udGFpbmVyPXt0cnVlfSBzcGFjaW5nPXt7IHhzOiAxLCBtZDogMSB9fT5cbiAgICAgICAge2xhbmd1YWdlcy5tYXAoKGxhbmd1YWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgaWNvbiwgdHJhbnNsYXRpb24gfSA9IGdldEN1cnJlbnRMbmdEZXRhaWxzKGxhbmd1YWdlKTtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEdyaWQga2V5PXtpbmRleH0gc2l6ZT17eyBzbTogMiwgeHM6IDYgfX0+XG4gICAgICAgICAgICAgIHtsYW5ndWFnZSA9PT0gY3VycmVudExhbmd1YWdlID8gKFxuICAgICAgICAgICAgICAgIDxDYXJkU2VsZWN0ZWQgc3g9e3sgbWF4V2lkdGg6IDgwIH19PlxuICAgICAgICAgICAgICAgICAgPExhbmd1YWdlQ29udGVudCBpY29uPXtpY29ufSB0cmFuc2xhdGlvbj17dHJhbnNsYXRpb259IC8+XG4gICAgICAgICAgICAgICAgPC9DYXJkU2VsZWN0ZWQ+XG4gICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPENhcmRVblNlbGVjdGVkIG9uQ2xpY2s9eygpID0+IGhhbmRsZUNoYW5nZUxhbmd1YWdlKGxhbmd1YWdlKX0+XG4gICAgICAgICAgICAgICAgICA8TGFuZ3VhZ2VDb250ZW50IGljb249e2ljb259IHRyYW5zbGF0aW9uPXt0cmFuc2xhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICA8L0NhcmRVblNlbGVjdGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9HcmlkPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTd2l0Y2g7XG4iXX0= */");
+var LanguageContent = ({ translation, icon }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, {
+	display: "block",
+	gutterBottom: true,
+	variant: "caption",
+	children: translation
+}) }), /* @__PURE__ */ jsx(CardContent, { children: icon })] });
+var LanguageSwitch = () => {
+	const { language, setLanguage, listLanguages } = useLanguage();
+	const listConverted = listLanguages.reduce((prev, item) => {
+		prev[item.lng] = {
+			translation: item.menuKey,
+			icon: item.icon
+		};
+		return prev;
+	}, {});
+	const [languages] = useState(Object.keys(i18next.options?.resources || {}));
+	const { t } = useTranslation();
+	const currentLanguage = language;
+	const getCurrentLngDetails = useCallback((language) => {
+		const lng = listConverted[language] || listConverted["en-US"];
+		return {
+			icon: /* @__PURE__ */ jsx(lng.icon, {}),
+			translation: t(lng.translation)
+		};
+	}, [listConverted, t]);
+	const handleChangeLanguage = useCallback((language) => {
+		setLanguage(language);
+	}, [setLanguage]);
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Grid, {
+		columns: {
+			xs: 12,
+			sm: 12,
+			md: 12
+		},
+		container: true,
+		spacing: {
+			xs: 1,
+			md: 1
+		},
+		children: languages.map((language, index) => {
+			const { icon, translation } = getCurrentLngDetails(language);
+			return /* @__PURE__ */ jsx(Grid, {
+				size: {
+					sm: 2,
+					xs: 6
+				},
+				children: language === currentLanguage ? /* @__PURE__ */ jsx(CardSelected, {
+					sx: { maxWidth: 80 },
+					children: /* @__PURE__ */ jsx(LanguageContent, {
+						icon,
+						translation
+					})
+				}) : /* @__PURE__ */ jsx(CardUnSelected, {
+					onClick: () => handleChangeLanguage(language),
+					children: /* @__PURE__ */ jsx(LanguageContent, {
+						icon,
+						translation
+					})
+				})
+			}, index);
+		})
+	}) });
+};
+//#endregion
+export { LanguageSwitch as default };
+
+//# sourceMappingURL=LanguageSwitch.mjs.map

package/build/sections/Header/LanguageSwitch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitch.mjs","names":["Card","CardContent","Grid","Typography","i18next","React","useCallback","useState","useTranslation","Theme","useLanguage","CardSelected","_styled","process","env","NODE_ENV","target","label","theme","backgroundColor","palette","grey","opacity","color","error","contrastText","fontWeight","CardUnSelected","cursor","greyGainsboro","LanguageContent","translation","icon","LanguageSwitch","language","setLanguage","listLanguages","listConverted","reduce","prev","item","lng","menuKey","Record","languages","Object","keys","options","resources","t","currentLanguage","getCurrentLngDetails","handleChangeLanguage","xs","sm","md","map","index","maxWidth"],"sources":["../../../src/sections/Header/LanguageSwitch.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport i18next from 'i18next';\nimport React, { useCallback, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { useLanguage } from '../../';\n\nexport const CardSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    backgroundColor: theme.palette.grey['600'],\n    opacity: '0.9',\n    color: theme.palette.error.contrastText,\n    fontWeight: 'bold',\n  };\n});\n\nexport const CardUnSelected = styled(Card)<{ theme?: Theme }>(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    ':hover': {\n      backgroundColor: theme.palette.greyGainsboro,\n    },\n  };\n});\n\nconst LanguageContent = ({ translation, icon }) => (\n  <>\n    <CardContent>\n      <Typography display=\"block\" gutterBottom={true} variant=\"caption\">\n        {translation}\n      </Typography>\n    </CardContent>\n    <CardContent>{icon}</CardContent>\n  </>\n);\n\nconst LanguageSwitch = () => {\n  const { language, setLanguage, listLanguages } = useLanguage();\n  const listConverted = listLanguages.reduce(\n    (prev, item) => {\n      prev[item.lng] = {\n        translation: item.menuKey,\n        icon: item.icon,\n      };\n      return prev;\n    },\n    {} as Record<string, { translation: string; icon: any }>\n  );\n\n  const [languages] = useState<string[]>(Object.keys(i18next.options?.resources || {}));\n  const { t } = useTranslation();\n  const currentLanguage = language;\n  const getCurrentLngDetails = useCallback(\n    (language: string) => {\n      const lng = listConverted[language] || listConverted['en-US'];\n      return {\n        icon: <lng.icon />,\n        translation: t(lng.translation),\n      };\n    },\n    [listConverted, t]\n  );\n  const handleChangeLanguage = useCallback(\n    (language: string) => {\n      setLanguage(language);\n    },\n    [setLanguage]\n  );\n\n  return (\n    <div>\n      <Grid columns={{ xs: 12, sm: 12, md: 12 }} container={true} spacing={{ xs: 1, md: 1 }}>\n        {languages.map((language, index) => {\n          const { icon, translation } = getCurrentLngDetails(language);\n          return (\n            <Grid key={index} size={{ sm: 2, xs: 6 }}>\n              {language === currentLanguage ? (\n                <CardSelected sx={{ maxWidth: 80 }}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardSelected>\n              ) : (\n                <CardUnSelected onClick={() => handleChangeLanguage(language)}>\n                  <LanguageContent icon={icon} translation={translation} />\n                </CardUnSelected>\n              )}\n            </Grid>\n          );\n        })}\n      </Grid>\n    </div>\n  );\n};\n\nexport default LanguageSwitch;\n"],"mappings":";;;;;;;;;;;;AAYA,IAAaW,eAAeC,wBAAOZ,MAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AACzE,QAAO;EACLC,iBAAiBD,MAAME,QAAQC,KAAK;EACpCC,SAAS;EACTC,OAAOL,MAAME,QAAQI,MAAMC;EAC3BC,YAAY;EACb;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAaC,iBAAiBf,wBAAOZ,MAAAA,QAAAA,IAAAA,aAAI,eAAA,EAAAgB,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,YAAY;AAC3E,QAAO;EACLU,QAAQ;EACR,UAAU,EACRT,iBAAiBD,MAAME,QAAQS,eACjC;EACD;4BACF,eAAA,KAAA,01IAAC;AAEF,IAAMC,mBAAmB,EAAEC,aAAaC,WACtC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,oBAAC,YAAD;CAAY,SAAQ;CAAQ,cAAc;CAAM,SAAQ;WACrDD;CACS,CAAA,EACD,CAAA,EACb,oBAAC,aAAD,EAAA,UAAcC,MAAkB,CAAA,CAEnC,EAAA,CAAA;AAED,IAAMC,uBAAuB;CAC3B,MAAM,EAAEC,UAAUC,aAAaC,kBAAkB1B,aAAa;CAC9D,MAAM2B,gBAAgBD,cAAcE,QACjCC,MAAMC,SAAS;AACdD,OAAKC,KAAKC,OAAO;GACfV,aAAaS,KAAKE;GAClBV,MAAMQ,KAAKR;GACZ;AACD,SAAOO;IAET,EAAE,CACH;CAED,MAAM,CAACK,aAAarC,SAAmBsC,OAAOC,KAAK1C,QAAQ2C,SAASC,aAAa,EAAE,CAAC,CAAC;CACrF,MAAM,EAAEC,MAAMzC,gBAAgB;CAC9B,MAAM0C,kBAAkBhB;CACxB,MAAMiB,uBAAuB7C,aAC1B4B,aAAqB;EACpB,MAAMO,MAAMJ,cAAcH,aAAaG,cAAc;AACrD,SAAO;GACLL,MAAM,oBAAC,IAAI,MAAL,EAAY,CAAA;GAClBD,aAAakB,EAAER,IAAIV,YAAW;GAC/B;IAEH,CAACM,eAAeY,EAClB,CAAC;CACD,MAAMG,uBAAuB9C,aAC1B4B,aAAqB;AACpBC,cAAYD,SAAS;IAEvB,CAACC,YACH,CAAC;AAED,QACE,oBAAC,OAAD,EAAA,UACE,oBAAC,MAAD;EAAM,SAAS;GAAEkB,IAAI;GAAIC,IAAI;GAAIC,IAAI;GAAI;EAAE,WAAW;EAAM,SAAS;GAAEF,IAAI;GAAGE,IAAI;GAAG;YAClFX,UAAUY,KAAKtB,UAAUuB,UAAU;GAClC,MAAM,EAAEzB,MAAMD,gBAAgBoB,qBAAqBjB,SAAS;AAC5D,UACE,oBAAC,MAAD;IAAkB,MAAM;KAAEoB,IAAI;KAAGD,IAAI;KAAG;cACrCnB,aAAagB,kBACZ,oBAAC,cAAD;KAAc,IAAI,EAAEQ,UAAU,IAAI;eAChC,oBAAC,iBAAD;MAAuB1B;MAAmBD;MAAY,CAAA;KACzC,CAAA,GAEf,oBAAC,gBAAD;KAAgB,eAAeqB,qBAAqBlB,SAAS;eAC3D,oBAAC,iBAAD;MAAuBF;MAAmBD;MAAY,CAAA;KAEzD,CAAA;IACI,EAVI0B,MAUJ;IAET;EACE,CAAA,EACF,CAAA"}