@omniumretail/component-library 1.2.61 → 1.2.62

package/dist/types/components/Footer2/index.d.ts

@@ -45,6 +45,7 @@ export interface Footer2Props {
     footerName: string;
     disableBackButton?: boolean;
     disableNotifications?: boolean;
+    companyName?: string;
 }
 export declare const Footer2: (props: Footer2Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -25,4 +25,5 @@ export interface HeaderProps {
     notifications?: BellNotification[];
     shouldConfirmNavigation?: boolean;
     companyName?: string;
+    customLogoClass?: string;
 }

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

@@ -3,5 +3,5 @@ import { HeaderProps } from './Header.types';
  * Header component to display navigation bar with dropdown menus and action button.
  * @param {HeaderProps} props - Properties passed to the component.
  */
-export declare const Header: ({ menuList, actionButton, logout, homeUrl, profileUrl, onLeavingPage, userName, pageTitle, onFilterChange, notifications, onNotificationClick, handleMarkAllAsRead, shouldConfirmNavigation, companyName, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ menuList, actionButton, logout, homeUrl, profileUrl, onLeavingPage, userName, pageTitle, onFilterChange, notifications, onNotificationClick, handleMarkAllAsRead, shouldConfirmNavigation, customLogoClass, companyName, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/types/constants/logoCompanyHelper.d.ts

@@ -0,0 +1,28 @@
+export interface CompanyLogo {
+    normal: string;
+    white: string;
+    alt: string;
+}
+/**
+ * Obtém os logos de uma empresa específica
+ * @param companyName - Nome da empresa
+ * @returns Objeto com os logos normal, white e alt da empresa
+ */
+export declare const getCompanyLogos: (companyName: string) => CompanyLogo;
+/**
+ * Verifica se uma empresa possui logos configurados
+ * @param companyName - Nome da empresa
+ * @returns Boolean indicando se a empresa existe no mapa de logos
+ */
+export declare const hasCompanyLogos: (companyName: string) => boolean;
+/**
+ * Obtém a lista de empresas disponíveis
+ * @returns Array com os nomes das empresas configuradas
+ */
+export declare const getAvailableCompanies: () => string[];
+declare const _default: {
+    getCompanyLogos: (companyName: string) => CompanyLogo;
+    hasCompanyLogos: (companyName: string) => boolean;
+    getAvailableCompanies: () => string[];
+};
+export default _default;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './constants/i18n';
+export * from './constants/logoCompanyHelper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.2.61",
+  "version": "1.2.62",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Footer2/Footer.stories.tsx

@@ -209,5 +209,5 @@ Primary.args = {
     notifications: notifications,
     customActions: actions,
     actions: actions2,
-    disableBackButton: true
+    disableBackButton: true,
 };

package/src/components/Footer2/index.tsx

@@ -11,8 +11,8 @@ import {
 } from '@ant-design/icons';
 import moment from 'moment';
 import React, { useEffect, useRef, useState } from 'react';
-import omniumLogo from '../../assets/images/omnium-retail-logo-white.png';
 import { useTranslation } from 'react-i18next';
+import { getCompanyLogos } from '../../constants/logoCompanyHelper';
 
 interface Action {
     key: string;
@@ -66,6 +66,7 @@ export interface Footer2Props {
     footerName: string;
     disableBackButton?: boolean;
     disableNotifications?: boolean;
+    companyName?: string;
 }
 
 export const Footer2 = (props: Footer2Props) => {
@@ -80,6 +81,7 @@ export const Footer2 = (props: Footer2Props) => {
         footerName = '',
         disableBackButton = false,
         disableNotifications = false,
+        companyName = 'omnium',
     } = props;
 
     const [date, setDate] = useState(moment());
@@ -87,6 +89,7 @@ export const Footer2 = (props: Footer2Props) => {
     const menuRef = useRef<HTMLDivElement>(null);
     const [isMobile, setIsMobile] = useState(window.innerWidth < 768);
     const { t } = useTranslation();
+    const companyLogos = getCompanyLogos(companyName);
 
     // Mapeamento de tipos de ações para seus ícones e labels padrão
     const defaultActionProps: Record<string, { icon: React.ReactNode; label: string }> = {
@@ -240,7 +243,7 @@ export const Footer2 = (props: Footer2Props) => {
 
             {!isMobile &&
                 <div>
-                    <img src={omniumLogo} className={styles.omniumLogoImg} alt="omnium logo" />
+                    <img src={companyLogos.white} alt={companyLogos.alt} className={styles.omniumLogoImg} />
                 </div>
             }
         </div>

package/src/components/Header/Header.stories.tsx

@@ -231,6 +231,5 @@ Primary.args = {
     userName: 'Diogo Carvalho',
     pageTitle: 'Page Title',
     notifications: notifications,
-    
 };
 

package/src/components/Header/Header.types.ts

@@ -28,4 +28,5 @@ export interface HeaderProps {
     notifications?: BellNotification[];
     shouldConfirmNavigation?: boolean;
     companyName?: string;
+    customLogoClass?: string;
 }

package/src/components/Header/index.tsx

@@ -1,26 +1,11 @@
 import { useRef, useState } from 'react';
 import { DownOutlined, UpOutlined, BarsOutlined, CloseOutlined } from '@ant-design/icons';
-import omniumIcon from '../../assets/images/omnium-retail-logo.png';
-import a2ai from '../../assets/images/A2AI-logo.png';
-import omniumWhiteIcon from '../../assets/images/omnium-retail-logo-white.png';
 import styles from './styles.module.scss';
 import classNames from 'classnames';
 import { HeaderProps, MenuItem } from './Header.types';
 import { getMenuTopList, getMenuBottomList } from './Header.data';
 import { BellNotifications } from '../BellNotifications';
-
-const logoMap: Record<string, { normal: string; white: string; alt: string }> = {
-    omnium: {
-        normal: omniumIcon,
-        white: omniumWhiteIcon,
-        alt: 'Omnium Retail Logo'
-    },
-    a2ai: {
-        normal: a2ai,
-        white: a2ai,
-        alt: 'XPTO Logo'
-    }
-};
+import { getCompanyLogos } from '../../constants/logoCompanyHelper';
 
 /**
  * Header component to display navigation bar with dropdown menus and action button.
@@ -40,6 +25,7 @@ export const Header = ({
     onNotificationClick,
     handleMarkAllAsRead,
     shouldConfirmNavigation,
+    customLogoClass,
     companyName = 'omnium',
 }: HeaderProps) => {
 
@@ -47,6 +33,7 @@ export const Header = ({
     const [activeDropdown, setActiveDropdown] = useState<number | null>(null);
     const headerRef = useRef<HTMLDivElement>(null);
     const overlayRef = useRef<HTMLDivElement>(null);
+    const companyLogos = getCompanyLogos(companyName);
 
     /**
      * Handle the logout action. If no logout function is provided, redirect to home as discussed in a meet
@@ -112,13 +99,6 @@ export const Header = ({
         setActiveDropdown(activeDropdown === index ? null : index);
     };
 
-    const getCompanyLogos = (company: string) => {
-        const companyKey = company.toLowerCase();
-        return logoMap[companyKey] || logoMap['omnium']; // Fallback para omnium se não encontrar
-    };
-
-    const companyLogos = getCompanyLogos(companyName);
-
     /**
      * Render the menu items, including dropdown menus.
      * @param {MenuItem[]} menuList - The list of menu items to render.
@@ -198,7 +178,7 @@ export const Header = ({
             <div className={classNames(styles.menu, { [styles.active]: isMenuOpen })}>
                 <div className={styles.head}>
                     <p className={styles.logoWrapper}>
-                        <img src={companyLogos.white} alt={companyLogos.alt} />
+                        <img className={customLogoClass} src={companyLogos.white} alt={companyLogos.alt} />
                     </p>
                     <CloseOutlined color={'#FFFFFF'} className={styles.toggleMenuClose} onClick={onToggleMenu} />
                 </div>

package/src/constants/logoCompanyHelper.ts

@@ -0,0 +1,52 @@
+import omniumIcon from '../assets/images/omnium-retail-logo.png';
+import a2ai from '../assets/images/A2AI-logo.png';
+import omniumWhiteIcon from '../assets/images/omnium-retail-logo-white.png';
+
+export interface CompanyLogo {
+    normal: string;
+    white: string;
+    alt: string;
+}
+
+const logoMap: Record<string, CompanyLogo> = {
+    omnium: {
+        normal: omniumIcon,
+        white: omniumWhiteIcon,
+        alt: 'Omnium Retail Logo'
+    },
+    a2ai: {
+        normal: a2ai,
+        white: a2ai,
+        alt: 'A2AI Logo'
+    }
+};
+
+/**
+ * Obtém os logos de uma empresa específica
+ * @param companyName - Nome da empresa
+ * @returns Objeto com os logos normal, white e alt da empresa
+ */
+export const getCompanyLogos = (companyName: string): CompanyLogo => {
+    const companyKey = companyName.toLowerCase();
+    return logoMap[companyKey] || logoMap['omnium']; // Fallback para omnium se não encontrar
+};
+
+/**
+ * Verifica se uma empresa possui logos configurados
+ * @param companyName - Nome da empresa
+ * @returns Boolean indicando se a empresa existe no mapa de logos
+ */
+export const hasCompanyLogos = (companyName: string): boolean => {
+    const companyKey = companyName.toLowerCase();
+    return companyKey in logoMap;
+};
+
+/**
+ * Obtém a lista de empresas disponíveis
+ * @returns Array com os nomes das empresas configuradas
+ */
+export const getAvailableCompanies = (): string[] => {
+    return Object.keys(logoMap);
+};
+
+export default { getCompanyLogos, hasCompanyLogos, getAvailableCompanies };

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './constants/i18n';
+export * from './constants/logoCompanyHelper';