impact-ui 4.0.1-alpha.8 → 4.0.1

package/dist/components/FiltersStrip/FilterDropDown.js

@@ -3,6 +3,7 @@ import { useState, useCallback, useEffect } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowDown.js";
 import { Badge } from "../Badge/index.js";
 import { AppliedFilters } from "./AppliedFilters.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function FilterDropDown({
   selectedFilter,
   setSelectedFilter,
@@ -15,8 +16,10 @@ function FilterDropDown({
   hideSelectedFilterBadge = false,
   savedFilterSelectedBadge = null,
   handleSavedRecentFilterDropdown,
-  filterDropDownLabel = "Filters Applied"
+  filterDropDownLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedFilterDropDownLabel = filterDropDownLabel ?? t("filtersStrip.filtersApplied");
   const [showDropDown, setShowDropDown] = useState(false);
   const [selectedBadge, setSelectedBadge] = useState(
     savedFilterSelectedBadge ?? null
@@ -43,7 +46,7 @@ function FilterDropDown({
     };
   }, [handleClickOutside]);
   return /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-container", children: [
-    /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-label", children: filterDropDownLabel }),
+    /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-label", children: resolvedFilterDropDownLabel }),
     !hideSelectedFilterBadge && /* @__PURE__ */ jsx(
       Badge,
       {
@@ -59,7 +62,7 @@ function FilterDropDown({
       "div",
       {
         "aria-expanded": showDropDown,
-        "aria-label": "Toggle filters dropdown",
+        "aria-label": t("filtersStrip.toggleDropdown"),
         className: "impact-filter-dropdown-button",
         role: "button",
         style: {

package/dist/components/FiltersStrip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiC,EACjC,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAqB,EACnC,IAAe,GAChB,EAAE,iBAAiB,2CA0GnB;yBAhIe,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAqB,EACnC,IAAe,GAChB,EAAE,iBAAiB,2CA4GnB;yBAlIe,YAAY"}

package/dist/components/FiltersStrip/index.js

@@ -7,6 +7,7 @@ import { Tag } from "../Tag/index.js";
 import { FilterDropDown } from "./FilterDropDown.js";
 import { FilterSlider } from "./FilterSlider.js";
 
+import { useTranslation } from "../../i18n/useTranslation.js";
 function FiltersStrip({
   selectedFilter = "",
   setSelectedFilter = () => {
@@ -19,7 +20,7 @@ function FiltersStrip({
   },
   handleApplyFilter,
   handleCancelFilter,
-  filterButtonLabel = "All Filters",
+  filterButtonLabel,
   filterButtonClick,
   filterButtonProps,
   hideSelectedFilterBadge = false,
@@ -33,6 +34,8 @@ function FiltersStrip({
   "aria-label": ariaLabel = "Filters",
   role = "region"
 }) {
+  const { t } = useTranslation();
+  const resolvedFilterButtonLabel = filterButtonLabel ?? t("filtersStrip.allFilters");
   const [showSeparator, setShowSeparator] = useState(false);
   const [currDropShow, setCurrDropShow] = useState(null);
   const handleCurrDropSet = useCallback((val) => {
@@ -121,7 +124,7 @@ function FiltersStrip({
             }
           )
         ] }),
-        filterButtonLabel && /* @__PURE__ */ jsxs("div", { className: "impact-info-panel-right-container", children: [
+        resolvedFilterButtonLabel && /* @__PURE__ */ jsxs("div", { className: "impact-info-panel-right-container", children: [
           showSeparator && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "impact-filter-strip-separator" }),
           /* @__PURE__ */ jsx(
             Button,
@@ -132,7 +135,7 @@ function FiltersStrip({
               variant: "tertiary",
               onClick: filterButtonClick,
               ...filterButtonProps,
-              children: filterButtonLabel
+              children: resolvedFilterButtonLabel
             }
           )
         ] })

package/dist/components/Header/Header.types.d.ts

@@ -1,4 +1,5 @@
 import { MouseEvent, ReactNode } from 'react';
+import { Locale } from '../../i18n/types';
 import { RootComponentProps } from '../../types';
 import { AvatarProps } from '../Avatar/Avatar.types';
 
@@ -63,5 +64,11 @@ export interface HeaderProps extends RootComponentProps {
     onCommentsClick?: (event: MouseEvent) => void;
     /** @deprecated Pass custom panel content; defaults to bundled CommentsPanel when omitted */
     commentsPanel?: ReactNode;
+    /** Show the language/locale switcher in the header */
+    showLanguageIcon?: boolean;
+    /** Locale codes to offer in the language switcher (resolved via LOCALE_REGISTRY) */
+    enabledLocales?: Locale[];
+    /** Called with the newly selected locale when the user switches language */
+    onLanguageChange?: (locale: Locale) => void;
 }
 //# sourceMappingURL=Header.types.d.ts.map

package/dist/components/Header/Header.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B"}
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}

package/dist/components/Header/index.d.ts

@@ -4,7 +4,7 @@ export type { HeaderProps, HeaderDropMenuOption } from './Header.types';
 /**
  * App header with logo, title, actions (help, message, notification, chatbot) and avatar menu.
  */
-export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }

package/dist/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAW9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,GAChB,EAAE,WAAW,2CAgOb;yBA7Pe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAwB9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,2CA2Sb;yBA3Ue,MAAM"}

package/dist/components/Header/index.js

@@ -1,20 +1,32 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.impact-header-container{align-items:center;background-color:#fff;box-shadow:0 0 16px 2px #0000000f;display:flex;height:56px;justify-content:space-between;left:64px;min-width:700px;padding:0 24px;position:fixed;top:0;width:calc(100% - 64px);z-index:1199}.impact-header-container-left-side{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.impact-header-logo{height:36px;width:91px}.impact-header-logo:hover{cursor:pointer}.impact-header-separator{background-color:#d9dde7;display:block;height:24px;width:1px}.impact-header-title{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px}.impact-header-container-right-side{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.impact-header-avatar:hover,.impact-header-comments-button:hover,.impact-header-help-container:hover,.impact-header-message-container:hover,.impact-header-notification-container:hover{cursor:pointer}.impact-header-comments-container{align-items:center;display:flex;position:relative}.impact-header-comments-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.header-comments-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000029;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;position:relative;top:auto}.impact-header-bot-container{align-items:center;background-color:#0f1937;background:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);background-size:400% 400%;border-radius:8px;cursor:pointer;display:flex;height:34px;padding-inline:11px;position:relative}.impact-header-bot-container:after{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg) no-repeat;background-position:50%;background-size:16px;content:"";height:16px;position:absolute;width:16px}.impact-header-bot-container:before{background:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);border-radius:9px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled){animation:gradient 2s ease infinite;background:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);background-size:400% 400%}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled):before{background:none}.impact-header-bot-container{animation:gradient 5s ease infinite}.impact-header-bot-container .impact-header-bot-container-text{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-left:23px}@keyframes gradient{0%{background-position:0 20% 40% 60% 80%}50%{background-position:80% 50%}to{background-position:0 20% 40% 60% 80%}}.impact-header-bot-container-disabled{animation:none;background-color:#d9dde7;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg),none;background-position:10px 50%;background-repeat:no-repeat;background-size:20px 20px;cursor:not-allowed}.impact-header-bot-container-disabled:before{background:none}.impact-header-notification-container{position:relative}.impact-header-notification-dnd-container{height:16px;left:14px;position:absolute;top:-5px;width:16px}.impact-header-notification-indicator-container{height:8px;left:14px;position:absolute;top:0;width:8px}.impact-header-notification-indicator-outer-circle{animation:waves 1.5s ease-out infinite;background-color:#fceeee;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.impact-header-notification-indicator-inner-circle{background-color:#c64746;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.impact-header-avatar .ia-avatar{background-color:#31935f!important;border-radius:8px;color:#fff;line-height:30px}@keyframes waves{0%{height:8px;width:8px}to{height:16px;width:16px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.impact-header-container{align-items:center;background-color:#fff;box-shadow:0 0 16px 2px #0000000f;display:flex;height:56px;justify-content:space-between;left:64px;min-width:700px;padding:0 24px;position:fixed;top:0;width:calc(100% - 64px);z-index:1199}.impact-header-container-left-side{align-items:center;display:flex;flex-direction:row;gap:14px;justify-content:flex-start}.impact-header-logo{height:36px;width:91px}.impact-header-logo:hover{cursor:pointer}.impact-header-separator{background-color:#d9dde7;display:block;height:24px;width:1px}.impact-header-title{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px}.impact-header-container-right-side{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:flex-start}.impact-header-avatar:hover,.impact-header-comments-button:hover,.impact-header-help-container:hover,.impact-header-language-button:hover,.impact-header-message-container:hover,.impact-header-notification-container:hover{cursor:pointer}.impact-header-language-button,.impact-header-language-container{align-items:center;display:flex}.impact-header-language-button{gap:4px;height:20px;justify-content:center}.impact-header-language-icon-placeholder{border:1.5px solid #1f2b4d;border-radius:50%;display:inline-block;height:20px;width:20px}.impact-header-language-flag-placeholder{background-color:#f5f6fa;border:1px solid #d9dde7;border-radius:2px;display:inline-block;height:14px;width:20px}.impact-header-comments-container{align-items:center;display:flex;position:relative}.impact-header-comments-button{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.header-comments-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000029;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;position:relative;top:auto}.impact-header-bot-container{align-items:center;background-color:#0f1937;background:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);background-size:400% 400%;border-radius:8px;cursor:pointer;display:flex;height:34px;padding-inline:11px;position:relative}.impact-header-bot-container:after{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg) no-repeat;background-position:50%;background-size:16px;content:"";height:16px;position:absolute;width:16px}.impact-header-bot-container:before{background:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);border-radius:9px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled){animation:gradient 2s ease infinite;background:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);background-size:400% 400%}.impact-header-bot-container:hover:not(.impact-header-bot-container-disabled):before{background:none}.impact-header-bot-container{animation:gradient 5s ease infinite}.impact-header-bot-container .impact-header-bot-container-text{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding-left:23px}@keyframes gradient{0%{background-position:0 20% 40% 60% 80%}50%{background-position:80% 50%}to{background-position:0 20% 40% 60% 80%}}.impact-header-bot-container-disabled{animation:none;background-color:#d9dde7;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/smartBot.svg),none;background-position:10px 50%;background-repeat:no-repeat;background-size:20px 20px;cursor:not-allowed}.impact-header-bot-container-disabled:before{background:none}.impact-header-notification-container{position:relative}.impact-header-notification-dnd-container{height:16px;left:14px;position:absolute;top:-5px;width:16px}.impact-header-notification-indicator-container{height:8px;left:14px;position:absolute;top:0;width:8px}.impact-header-notification-indicator-outer-circle{animation:waves 1.5s ease-out infinite;background-color:#fceeee;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.impact-header-notification-indicator-inner-circle{background-color:#c64746;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.impact-header-avatar .ia-avatar{background-color:#31935f!important;border-radius:8px;color:#fff;line-height:30px}.impact-header-lang-label{color:#60697d;font-size:14px;font-weight:600}@keyframes waves{0%{height:8px;width:8px}to{height:16px;width:16px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useState, useMemo, useRef, useEffect } from "react";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { Avatar } from "../Avatar/index.js";
 import CommentsPanel from "../CommentsPanel/index.js";
 import { CommentsProvider } from "../CommentsPanel/CommentsContext.js";
 import { Menu } from "../Menu/index.js";
 
+import { useTranslation } from "../../i18n/useTranslation.js";
+import { useI18n } from "../../i18n/useI18n.js";
+import { LOCALE_REGISTRY } from "../../locales/index.js";
+const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
 const NotificationIcon = getAssetUrl("icons/bell.svg");
 const HelpIcon = getAssetUrl("icons/help-icon.svg");
-const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
 const KeyboardShortcutsIcon = getAssetUrl("icons/keyboardShortuctIcon.svg");
 const MessageIconDisabled = getAssetUrl("icons/message-icon-disabled.svg");
 const MessageIcon = getAssetUrl("icons/message-icon.svg");
 const NotificationDNDIcon = getAssetUrl("icons/notification-dnd.svg");
 const CommentIconHeaderSvg = getAssetUrl("icons/comment-gray.svg");
+const GlobalIcon = getAssetUrl("icons/Globe.svg");
+const FLAG_WIDTH = 20;
+const FLAG_HEIGHT = 14;
+const renderLanguageFlag = (icon) => {
+  if (!icon) {
+    return /* @__PURE__ */ jsx("span", { className: "impact-header-language-flag-placeholder" });
+  }
+  return /* @__PURE__ */ jsx("img", { alt: "", height: FLAG_HEIGHT, src: icon, width: FLAG_WIDTH });
+};
 function Header({
   title,
   userName,
@@ -44,10 +56,33 @@ function Header({
   className,
   id,
   "data-testid": dataTestId,
-  role = "banner"
+  role = "banner",
+  showLanguageIcon = false,
+  enabledLocales = ["en-US", "de-DE"],
+  onLanguageChange
 }) {
+  var _a;
+  const { t } = useTranslation();
+  const { locale, setLocale } = useI18n();
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
+  const [languageAnchorEl, setLanguageAnchorEl] = useState(null);
+  const languageMenuOpen = Boolean(languageAnchorEl);
+  const resolvedLanguageOptions = useMemo(() => {
+    const locales = Array.isArray(enabledLocales) ? enabledLocales : [];
+    return locales.map((code) => {
+      const entry = LOCALE_REGISTRY[code];
+      if (!entry) {
+        console.warn(
+          `[impact-ui] Header: locale "${code}" is not in LOCALE_REGISTRY. Add it to src/locales/index.ts or pass full objects via enabledLocales.`
+        );
+        return null;
+      }
+      return { value: code, ...entry };
+    }).filter(
+      (option) => Boolean(option)
+    );
+  }, [enabledLocales]);
   const showCommentsButton = Boolean(commentProps);
   const [commentsPanelOpen, setCommentsPanelOpen] = useState(false);
   const commentsBtnRef = useRef(null);
@@ -129,6 +164,51 @@ function Header({
               children: /* @__PURE__ */ jsx("img", { alt: "", height: "100%", src: HelpIcon, width: "100%" })
             }
           ),
+          showLanguageIcon ? /* @__PURE__ */ jsxs("div", { className: "impact-header-language-container", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "aria-label": t("header.languageAlt"),
+                className: "impact-header-language-button",
+                role: "button",
+                tabIndex: 0,
+                onClick: (event) => {
+                  setLanguageAnchorEl(event.currentTarget);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    setLanguageAnchorEl(e.currentTarget);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx("img", { alt: t("header.languageAlt"), height: "24px", src: GlobalIcon, width: "24px" }),
+                  /* @__PURE__ */ jsx("span", { className: "impact-header-lang-label", children: (_a = LOCALE_REGISTRY[locale]) == null ? void 0 : _a.iconLabel })
+                ]
+              }
+            ),
+            (resolvedLanguageOptions == null ? void 0 : resolvedLanguageOptions.length) > 0 && /* @__PURE__ */ jsx(
+              Menu,
+              {
+                anchorEl: languageAnchorEl,
+                open: languageMenuOpen,
+                options: resolvedLanguageOptions == null ? void 0 : resolvedLanguageOptions.map((option) => ({
+                  label: option == null ? void 0 : option.label,
+                  value: option == null ? void 0 : option.value,
+                  icon: renderLanguageFlag(option.icon),
+                  onClick: () => {
+                    void setLocale(option == null ? void 0 : option.value);
+                    onLanguageChange == null ? void 0 : onLanguageChange(option == null ? void 0 : option.value);
+                    setLanguageAnchorEl(null);
+                  }
+                })),
+                selected: { value: locale },
+                onClose: () => {
+                  setLanguageAnchorEl(null);
+                }
+              }
+            )
+          ] }) : null,
           isMessageIconDisabled && showMessageIcon && /* @__PURE__ */ jsx(
             "div",
             {
@@ -197,7 +277,15 @@ function Header({
                     handleCommentsButtonClick(e);
                   }
                 },
-                children: /* @__PURE__ */ jsx("img", { alt: "comments", height: "24", src: CommentIconHeaderSvg, width: "24" })
+                children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    alt: t("header.commentsAlt"),
+                    height: "24",
+                    src: CommentIconHeaderSvg,
+                    width: "24"
+                  }
+                )
               }
             ),
             commentsPanelOpen && /* @__PURE__ */ jsx("div", { ref: commentsPanelRef, className: "header-comments-dropdown", children: commentsPanel ?? /* @__PURE__ */ jsx(CommentsProvider, { commentProps: { ...commentProps, defaultShowPanel: true }, children: /* @__PURE__ */ jsx(
@@ -220,7 +308,7 @@ function Header({
               tabIndex: isChatBotDisabled ? -1 : 0,
               onClick: () => !isChatBotDisabled && (handleChatBotClick == null ? void 0 : handleChatBotClick()),
               onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && !isChatBotDisabled && (handleChatBotClick == null ? void 0 : handleChatBotClick()),
-              children: /* @__PURE__ */ jsx("span", { className: "impact-header-bot-container-text", children: "Ask Iris" })
+              children: /* @__PURE__ */ jsx("span", { className: "impact-header-bot-container-text", children: t("header.askIris") })
             }
           ),
           /* @__PURE__ */ jsx(

package/dist/components/HomePage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAgD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,wBAAwB,CAAC;AAMhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAgBxF,wBAAgB,QAAQ,CAAC,EACvB,UAAe,EACf,QAAa,EACb,YAAiB,EACjB,YAAiB,EACjB,uBAA4B,EAC5B,iBAAiB,EAAE,wBAA+B,EAClD,iBAAiB,EAAE,wBAA+B,EAClD,aAAoB,EACpB,eAAsB,EACtB,wBAA+B,EAC/B,qBAA4B,EAC5B,eAAsB,EACtB,wBAA+B,EAC/B,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,2CAwlBf;yBAvmBe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAgD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,wBAAwB,CAAC;AAMhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAgBxF,wBAAgB,QAAQ,CAAC,EACvB,UAAe,EACf,QAAa,EACb,YAAiB,EACjB,YAAiB,EACjB,uBAA4B,EAC5B,iBAAiB,EAAE,wBAA+B,EAClD,iBAAiB,EAAE,wBAA+B,EAClD,aAAoB,EACpB,eAAsB,EACtB,wBAA+B,EAC/B,qBAA4B,EAC5B,eAAsB,EACtB,wBAA+B,EAC/B,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,2CAwlBf;yBAvmBe,QAAQ"}