@aslaluroba/help-center-react 3.0.6 → 3.0.7

package/dist/index.js

@@ -482,6 +482,24 @@ class ConfigService {
 }
 var configService = ConfigService.getInstance();
 
+var LanguageContext = /*#__PURE__*/React.createContext(null);
+var LanguageProvider = _ref => {
+  var {
+    children,
+    language
+  } = _ref;
+  return jsxRuntime.jsx(LanguageContext.Provider, {
+    value: {
+      language
+    },
+    children: children
+  });
+};
+var useLanguage = () => {
+  var context = React.useContext(LanguageContext);
+  return context;
+};
+
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const CLASS_PART_SEPARATOR = '-';
@@ -3691,8 +3709,10 @@ var createHelpCenterI18n = function createHelpCenterI18n() {
   return instance;
 };
 
-var useLocalTranslation = languageFromProps => {
-  var language = languageFromProps || localStorage.getItem("app-language") || defaultLanguage;
+var useLocalTranslation = () => {
+  // Get language from context, fallback to default if not available
+  var context = useLanguage();
+  var language = (context === null || context === void 0 ? void 0 : context.language) || defaultLanguage;
   var i18n = React.useMemo(() => createHelpCenterI18n(language), [language]);
   var t = key => i18n.t(key);
   var dir = i18n.dir();
@@ -13765,7 +13785,7 @@ function FloatingMessage(_ref) {
         className: "babylai-text-xs babylai-font-bold babylai-m-0",
         children: message
       }), jsxRuntime.jsx("button", {
-        className: "babylai-absolute babylai--top-2 babylai--right-2 babylai-w-5 babylai-h-5 babylai-rounded-full babylai-bg-white babylai-border-none babylai-cursor-pointer babylai-flex babylai-items-center babylai-justify-center babylai-text-black babylai-p-[3px] babylai-hover:bg-primary-400 babylai-hover:text-white shadow-md",
+        className: "babylai-absolute babylai--top-2 babylai--right-2 babylai-w-5 babylai-h-5 babylai-rounded-full babylai-bg-white babylai-border-none babylai-cursor-pointer babylai-flex babylai-items-center babylai-justify-center babylai-text-black-white-700 babylai-p-[3px] babylai-hover:bg-primary-400 babylai-hover:text-white shadow-md",
         onClick: onClose,
         children: jsxRuntime.jsx(CloseIcon, {
           className: "babylai-w-8 babylai-h-8"
@@ -32217,7 +32237,7 @@ var ChatWindowHeader = props => {
             className: "babylai-w-[14px] babylai-h-[4px] babylai-text-primary-500 dark:babylai-text-white"
           })
         }), showMenu && jsxRuntime.jsx("div", {
-          className: "babylai-absolute babylai-top-10 babylai-start-0 babylai-w-48 babylai-rounded-md babylai-shadow-lg babylai-bg-white dark:!babylai-bg-storm-dust-950 babylai-ring-1 babylai-ring-black babylai-ring-opacity-5 babylai-z-10",
+          className: "babylai-absolute babylai-top-10 babylai-start-0 babylai-w-48 babylai-rounded-md babylai-shadow-lg babylai-bg-white dark:!babylai-bg-storm-dust-950 babylai-ring-1 babylai-ring-black-white-700 babylai-ring-opacity-5 babylai-z-10",
           children: jsxRuntime.jsx("div", {
             className: "babylai-py-1",
             role: "menu",
@@ -32853,18 +32873,17 @@ function HelpPopup(_ref) {
   });
 }
 
-function HelpCenter(_ref) {
+function HelpCenterContent(_ref) {
   var {
     helpScreenId,
     user,
     showArrow = true,
-    language = defaultLanguage,
     messageLabel = null,
     showHelpScreen = false
   } = _ref;
   var {
     t
-  } = useLocalTranslation(language);
+  } = useLocalTranslation();
   var [isOpen, setIsOpen] = React.useState(false);
   var [showArrowAnimation, setShowArrowAnimation] = React.useState(showArrow);
   var [helpScreenData, setHelpScreenData] = React.useState(null);
@@ -33114,6 +33133,27 @@ function HelpCenter(_ref) {
     })]
   });
 }
+// Main HelpCenter component that provides the language context
+function HelpCenter(_ref8) {
+  var {
+    helpScreenId,
+    user,
+    showArrow = true,
+    language = defaultLanguage,
+    messageLabel = null,
+    showHelpScreen = false
+  } = _ref8;
+  return jsxRuntime.jsx(LanguageProvider, {
+    language: language,
+    children: jsxRuntime.jsx(HelpCenterContent, {
+      helpScreenId: helpScreenId,
+      user: user,
+      showArrow: showArrow,
+      messageLabel: messageLabel,
+      showHelpScreen: showHelpScreen
+    })
+  });
+}
 
 function bind(fn, thisArg) {
   return function wrap() {