@bcrumbs.net/inbox 0.0.5 → 0.0.6

package/index.cjs.js

@@ -48654,6 +48654,8 @@ const P="RadioGroup",[S$1]=createContextScope$7(P,[createRadioGroupScope]),l=cre
 
 const BLUR_CONTAINER = 'root';
 const LOADING_COLOR = bcUi.Color.PRIMARY;
+const FavIcon16 = "https://cdn.bcrumbs.net/bc-assets/icons/favicons/favicon-16x16.png";
+const FavIcon32 = "https://cdn.bcrumbs.net/bc-assets/icons/favicons/favicon-32x32.png";
 
 const themeContext = /*#__PURE__*/React$1.createContext(undefined);
 function useThemeContext() {
@@ -48663,6 +48665,49 @@ function useThemeContext() {
   }
   return context;
 }
+function ThemeProvider({
+  children,
+  config
+}) {
+  const [rtl, setRtl] = React$1.useState(bcShared.LangService.getLang() === 'ar' ? true : false);
+  const toggleLang = React$1.useCallback(() => {
+    const lang = bcShared.LangService.getLang();
+    setRtl(lang === 'ar' ? true : false);
+  }, []);
+  React$1.useEffect(() => {
+    const link16 = document.querySelector("link[rel='icon'][sizes='16x16']");
+    const link32 = document.querySelector("link[rel='icon'][sizes='32x32']");
+    if (link16) {
+      if (config === null || config === void 0 ? void 0 : config.favIcon16) {
+        link16.href = config.favIcon16;
+      } else {
+        link16.href = FavIcon16;
+      }
+    }
+    if (link32) {
+      if (config === null || config === void 0 ? void 0 : config.favIcon32) {
+        link32.href = config.favIcon32;
+      } else {
+        link32.href = FavIcon32;
+      }
+    }
+  }, [config]);
+  return jsx(themeContext.Provider, {
+    value: config ? Object.assign({
+      rtl,
+      toggleLang
+    }, config) : {
+      rtl,
+      toggleLang
+    },
+    children: jsx("div", {
+      style: {
+        direction: rtl ? 'rtl' : 'ltr'
+      },
+      children: children
+    })
+  });
+}
 
 const useCanContribute = ({
   agents,
@@ -63509,3 +63554,5 @@ Object.defineProperty(exports, "auth", {
   get: function () { return bcShared.auth; }
 });
 exports.Inbox = Inbox;
+exports.ThemeProvider = ThemeProvider;
+exports.useThemeContext = useThemeContext;

package/index.esm.js

@@ -4,7 +4,7 @@ import { Fragment as Fragment$1, jsx as jsx$1, jsxs as jsxs$1 } from 'react/jsx-
 import * as React$1 from 'react';
 import React__default, { forwardRef, useContext as useContext$1, createContext, useState, useRef, useEffect, useMemo, useLayoutEffect, useCallback, useDebugValue, createElement, Component, useReducer } from 'react';
 import { coreClient, botClient, ModelFieldsTypes, companyUsersQuery, dconfigClient } from '@bcrumbs.net/bc-api';
-import { auth, BCRoutes, LangService } from '@bcrumbs.net/bc-shared';
+import { auth, LangService, BCRoutes } from '@bcrumbs.net/bc-shared';
 export { auth } from '@bcrumbs.net/bc-shared';
 import { usePolling, Color, BCText, TextSize, TextWeight, BCButton, ButtonSize, BCPopup, BCHorizontalLayout, FlexAlignItems, FlexJustifyContent, triggerErrorToast, BCDropList, BCLoading, BCValidationTypes, useBCForm, BCVerticalLayout, BCTextbox, BCSkeleton, TextAlign, BCIcons, BCInputWithSuggestions, BCTooltip, BCScrollArea, ScrollAreaSize } from '@bcrumbs.net/bc-ui';
 import { BlobServiceClient, AnonymousCredential } from '@azure/storage-blob';
@@ -48635,6 +48635,8 @@ const P="RadioGroup",[S$1]=createContextScope$7(P,[createRadioGroupScope]),l=cre
 
 const BLUR_CONTAINER = 'root';
 const LOADING_COLOR = Color.PRIMARY;
+const FavIcon16 = "https://cdn.bcrumbs.net/bc-assets/icons/favicons/favicon-16x16.png";
+const FavIcon32 = "https://cdn.bcrumbs.net/bc-assets/icons/favicons/favicon-32x32.png";
 
 const themeContext = /*#__PURE__*/createContext(undefined);
 function useThemeContext() {
@@ -48644,6 +48646,49 @@ function useThemeContext() {
   }
   return context;
 }
+function ThemeProvider({
+  children,
+  config
+}) {
+  const [rtl, setRtl] = useState(LangService.getLang() === 'ar' ? true : false);
+  const toggleLang = useCallback(() => {
+    const lang = LangService.getLang();
+    setRtl(lang === 'ar' ? true : false);
+  }, []);
+  useEffect(() => {
+    const link16 = document.querySelector("link[rel='icon'][sizes='16x16']");
+    const link32 = document.querySelector("link[rel='icon'][sizes='32x32']");
+    if (link16) {
+      if (config === null || config === void 0 ? void 0 : config.favIcon16) {
+        link16.href = config.favIcon16;
+      } else {
+        link16.href = FavIcon16;
+      }
+    }
+    if (link32) {
+      if (config === null || config === void 0 ? void 0 : config.favIcon32) {
+        link32.href = config.favIcon32;
+      } else {
+        link32.href = FavIcon32;
+      }
+    }
+  }, [config]);
+  return jsx(themeContext.Provider, {
+    value: config ? Object.assign({
+      rtl,
+      toggleLang
+    }, config) : {
+      rtl,
+      toggleLang
+    },
+    children: jsx("div", {
+      style: {
+        direction: rtl ? 'rtl' : 'ltr'
+      },
+      children: children
+    })
+  });
+}
 
 const useCanContribute = ({
   agents,
@@ -63485,4 +63530,4 @@ const Inbox = ({
   });
 };
 
-export { Inbox };
+export { Inbox, ThemeProvider, useThemeContext };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/inbox",
   "description": "Inbox widget for Bread Crumbs portals",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "keyword": [
     "bcrumbs",
     "bc-ui",

package/src/lib/index.d.ts

@@ -1,2 +1,3 @@
 export { Inbox } from './inbox';
 export { auth } from '@bcrumbs.net/bc-shared';
+export { ThemeProvider, useThemeContext } from '../context/themeContext';