igloo-d2c-components 1.0.6 → 1.0.8

package/dist/esm/index.js

@@ -1,2 +1,479 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,useMemo as n,useContext as a}from"react";import{Button as o,Card as i,CardHeader as c,CardContent as p,CardActions as l,Box as d,Typography as m}from"@mui/material";const s=r(void 0);function y({children:e,tenantId:r,theme:a}){const o=n(()=>({tenantId:r,theme:a}),[r,a]);return t(s.Provider,{value:o,children:e})}function h(){const t=a(s);if(void 0===t)throw new Error("useTenantTheme must be used within a TenantThemeProvider");return t}function u(){const{tenantId:t}=h();return t}function f(t){const{tenantId:e}=h();return e===t}function g({tenantColored:e=!1,variant:r="contained",sx:n,color:a,...i}){const{theme:c}=h(),p=e?{backgroundColor:c.palette.primary?.main,color:"#fff","&:hover":{backgroundColor:c.palette.primary?.dark||c.palette.primary?.main},...n}:n;return t(o,{variant:r,color:e?void 0:a,sx:p,...i})}function x({title:r,headerAction:n,content:a,actions:o,tenantAccent:d=!1,sx:m,children:s,...y}){const{theme:u}=h(),f=d?{borderTop:`4px solid ${u.palette.primary?.main}`,...m}:m;return e(i,{sx:f,...y,children:[r&&t(c,{title:r,action:n}),(a||s)&&t(p,{children:a||s}),o&&t(l,{children:o})]})}function b({title:r,description:n,action:a,gradient:o=!0,sx:i,...c}){const{theme:p}=h(),l=o?`linear-gradient(135deg, ${p.palette.primary?.main} 0%, ${p.palette.primary?.light||p.palette.primary?.main} 100%)`:p.palette.primary?.main;return e(d,{sx:{background:l,color:"white",padding:"32px",borderRadius:"12px",textAlign:"center",...i},...c,children:[t(m,{variant:"h4",component:"h2",gutterBottom:!0,fontWeight:"bold",children:r}),n&&t(m,{variant:"body1",sx:{opacity:.95,mb:a?2:0},children:n}),a&&t(d,{sx:{mt:2},children:a})]})}function v(t,e,r="#000000"){const n=e.split(".");let a=t.palette;for(const t of n){if(!a||"object"!=typeof a||!(t in a))return r;a=a[t]}return"string"==typeof a?a:r}function $(t,e){return{...t,palette:{...t.palette,...e.palette,primary:{...t.palette?.primary||{},...e.palette.primary||{}},secondary:{...t.palette?.secondary||{},...e.palette.secondary||{}}},typography:{...t.typography,...e.typography}}}function T(t,e="--tenant"){const r={};return t.palette.primary&&Object.entries(t.palette.primary).forEach(([t,n])=>{"string"==typeof n&&(r[`${e}-primary-${t}`]=n)}),t.palette.secondary&&Object.entries(t.palette.secondary).forEach(([t,n])=>{"string"==typeof n&&(r[`${e}-secondary-${t}`]=n)}),t.typography?.fontFamily&&(r[`${e}-font-family`]=t.typography.fontFamily),r}export{b as Banner,g as Button,x as Card,y as TenantThemeProvider,T as createThemeCSSVariables,v as getThemeColor,$ as mergeTenantTheme,f as useIsTenant,u as useTenantId,h as useTenantTheme};
-//# sourceMappingURL=index.js.map
+"use client"
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useMemo, useContext } from 'react';
+import { Button as Button$1, Card as Card$1, CardHeader, CardContent, CardActions, Box, Typography } from '@mui/material';
+
+const TenantThemeContext = createContext(undefined);
+/**
+ * TenantThemeProvider
+ * Wraps components to provide tenant-specific theming
+ *
+ * @example
+ * ```tsx
+ * <TenantThemeProvider
+ *   tenantId="cimb"
+ *   theme={cimbTheme}
+ * >
+ *   <App />
+ * </TenantThemeProvider>
+ * ```
+ */
+function TenantThemeProvider({ children, tenantId, theme, }) {
+    const value = useMemo(() => ({
+        tenantId,
+        theme,
+    }), [tenantId, theme]);
+    return (jsx(TenantThemeContext.Provider, Object.assign({ value: value }, { children: children })));
+}
+/**
+ * Hook to access tenant theme configuration
+ * @throws Error if used outside TenantThemeProvider
+ */
+function useTenantTheme() {
+    const context = useContext(TenantThemeContext);
+    if (context === undefined) {
+        throw new Error('useTenantTheme must be used within a TenantThemeProvider');
+    }
+    return context;
+}
+/**
+ * Hook to get tenant ID
+ */
+function useTenantId() {
+    const { tenantId } = useTenantTheme();
+    return tenantId;
+}
+/**
+ * Hook to check if current tenant matches given tenant ID
+ */
+function useIsTenant(checkTenantId) {
+    const { tenantId } = useTenantTheme();
+    return tenantId === checkTenantId;
+}
+
+/**
+ * Tenant Theme Configurations
+ * Centralized theme definitions for all tenants
+ */
+/**
+ * Igloo Theme Configuration
+ */
+const iglooTheme = {
+    palette: {
+        primary: {
+            dark: '#1300A9',
+            main: '#5656F6',
+            light: '#8183FF',
+            bright: '#C1C1FF',
+            plain: '#E1DFFF',
+            border: '#5656F6',
+        },
+        secondary: {
+            dim: '#650713',
+            dark: '#C55153',
+            main: '#FF7D7D',
+            bright: '#FF7378',
+            mediumBright: '#FF7062',
+            light: '#FFB3B1',
+            lighter: '#FFEBEB',
+        },
+        tertiary: {
+            dim: '#C5C6CF',
+            dark: '#E1E2EB',
+            main: '#F5F5FF',
+            light: '#FEFBFF',
+            bright: '#F9F9F9',
+        },
+        natural: {
+            dim: '#13131B',
+            dark: '#5F5E62',
+            main: '#929094',
+            light: '#C8C5CA',
+            bright: '#fff',
+            granite: '#666',
+        },
+        motor: {
+            main: '#00CCFF',
+            light: 'rgba(0, 208, 255, 0.10)',
+            bright: '#DFF9FF',
+        },
+        car: {
+            main: '#00CCFF',
+            light: 'rgba(0, 208, 255, 0.10)',
+            darkAI: '#06BDCE',
+        },
+        travel: {
+            main: '#00E08B',
+            light: 'rgba(0, 228, 130, 0.10)',
+        },
+        health: {
+            main: '#FD72E7',
+        },
+        life: {
+            main: '#C3214B',
+            light: 'rgba(195, 33, 75, 0.10)',
+        },
+        pet: {
+            main: '#F3A100',
+        },
+    },
+    typography: {
+        fontFamily: '"Manrope", "Roboto", "Helvetica", "Arial", sans-serif',
+    },
+    logo: '/assets/igloo_nobeta.svg',
+    favicon: 'https://static.iglooinsure.com/icons/favicon.ico',
+};
+/**
+ * CIMB Theme Configuration
+ */
+const cimbTheme = {
+    palette: {
+        paCimb: {
+            main: '#C3214B',
+            light: 'rgba(195, 33, 75, 0.10)',
+            bright: '#EE0500',
+            buttonBg: 'linear-gradient(90deg, color(display-p3 0.6941 0.1961 0.3059) 0%, color(display-p3 0.8941 0.2745 0.1843) 100%)',
+        },
+        primary: {
+            dark: '#A01B3D',
+            main: '#C3214B',
+            light: '#D04C6F',
+            bright: '#E07A92',
+            plain: '#F5E6EA',
+            border: '#C3214B',
+        },
+        secondary: {
+            dim: '#B71C1C',
+            dark: '#D32F2F',
+            main: '#EE0500',
+            bright: '#F44336',
+            mediumBright: '#EF5350',
+            light: '#FFCDD2',
+            lighter: '#FFEBEE',
+        },
+        tertiary: {
+            dim: '#C5C6CF',
+            dark: '#E1E2EB',
+            main: '#F5F5FF',
+            light: '#FEFBFF',
+            bright: '#F9F9F9',
+        },
+        natural: {
+            dim: '#13131B',
+            dark: '#5F5E62',
+            main: '#929094',
+            light: '#C8C5CA',
+            bright: '#fff',
+            granite: '#666',
+        },
+        motor: {
+            main: '#C3214B',
+            light: 'rgba(195, 33, 75, 0.10)',
+            bright: '#F5E6EA',
+        },
+        car: {
+            main: '#C3214B',
+            light: 'rgba(195, 33, 75, 0.10)',
+            darkAI: '#A01B3D',
+        },
+        travel: {
+            main: '#EE0500',
+            light: 'rgba(238, 5, 0, 0.10)',
+        },
+        health: {
+            main: '#E91E63',
+            light: 'rgba(233, 30, 99, 0.10)',
+        },
+        life: {
+            main: '#C3214B',
+            light: 'rgba(195, 33, 75, 0.10)',
+        },
+        pet: {
+            main: '#F3A100',
+        },
+    },
+    typography: {
+        fontFamily: '"CIMB Sans", "Roboto", "Helvetica", "Arial", sans-serif',
+    },
+    logo: '/assets/cimb/cimb-logo.svg',
+    favicon: 'https://static.iglooinsure.com/icons/favicon.ico',
+};
+/**
+ * Ammetlife Theme Configuration
+ */
+const ammetlifeTheme = {
+    palette: {
+        primary: {
+            dark: '#0D47A1',
+            main: '#1976D2',
+            light: '#42A5F5',
+            bright: '#90CAF9',
+            plain: '#E3F2FD',
+            border: '#1976D2',
+        },
+        secondary: {
+            dim: '#E65100',
+            dark: '#EF6C00',
+            main: '#FFA726',
+            bright: '#FFB74D',
+            mediumBright: '#FFCC80',
+            light: '#FFE0B2',
+            lighter: '#FFF3E0',
+        },
+        tertiary: {
+            dim: '#B0BEC5',
+            dark: '#CFD8DC',
+            main: '#ECEFF1',
+            light: '#FAFAFA',
+            bright: '#FFFFFF',
+        },
+        natural: {
+            dim: '#263238',
+            dark: '#546E7A',
+            main: '#78909C',
+            light: '#B0BEC5',
+            bright: '#fff',
+            granite: '#666',
+        },
+        motor: {
+            main: '#1976D2',
+            light: 'rgba(25, 118, 210, 0.10)',
+            bright: '#E3F2FD',
+        },
+        car: {
+            main: '#1976D2',
+            light: 'rgba(25, 118, 210, 0.10)',
+            darkAI: '#1565C0',
+        },
+        travel: {
+            main: '#00C853',
+            light: 'rgba(0, 200, 83, 0.10)',
+        },
+        health: {
+            main: '#E91E63',
+            light: 'rgba(233, 30, 99, 0.10)',
+        },
+        life: {
+            main: '#9C27B0',
+            light: 'rgba(156, 39, 176, 0.10)',
+        },
+        pet: {
+            main: '#FF9800',
+        },
+    },
+    typography: {
+        fontFamily: '"Open Sans", "Roboto", "Helvetica", "Arial", sans-serif',
+    },
+    logo: '/assets/ammetlife/logo-AmMetLife.svg',
+    favicon: 'https://static.iglooinsure.com/icons/favicon.ico',
+};
+/**
+ * Theme Registry
+ * Map of tenant IDs to their theme configurations
+ */
+const tenantThemes = {
+    igloo: iglooTheme,
+    cimb: cimbTheme,
+    ammetlife: ammetlifeTheme,
+};
+/**
+ * Get theme configuration by tenant ID
+ * @param tenantId - The tenant identifier
+ * @returns Theme configuration for the specified tenant
+ * @throws Error if tenant ID is not found
+ */
+function getTenantTheme(tenantId) {
+    const theme = tenantThemes[tenantId];
+    if (!theme) {
+        throw new Error(`Theme not found for tenant: ${tenantId}. Available tenants: ${Object.keys(tenantThemes).join(', ')}`);
+    }
+    return theme;
+}
+/**
+ * Check if a tenant ID is valid
+ * @param tenantId - The tenant identifier to validate
+ * @returns True if the tenant ID is valid
+ */
+function isValidTenantId(tenantId) {
+    return tenantId in tenantThemes;
+}
+/**
+ * Get all available tenant IDs
+ * @returns Array of all registered tenant IDs
+ */
+function getAvailableTenants() {
+    return Object.keys(tenantThemes);
+}
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Button component with tenant theme support
+ *
+ * @example
+ * ```tsx
+ * // Uses tenant primary color
+ * <Button tenantColored>Click Me</Button>
+ *
+ * // Uses MUI default color
+ * <Button color="primary">Click Me</Button>
+ * ```
+ */
+function Button(_a) {
+    var _b, _c, _d;
+    var { tenantColored = false, variant = 'contained', sx, color } = _a, props = __rest(_a, ["tenantColored", "variant", "sx", "color"]);
+    const { theme } = useTenantTheme();
+    const buttonSx = tenantColored
+        ? Object.assign({ backgroundColor: (_b = theme.palette.primary) === null || _b === void 0 ? void 0 : _b.main, color: '#fff', '&:hover': {
+                backgroundColor: ((_c = theme.palette.primary) === null || _c === void 0 ? void 0 : _c.dark) || ((_d = theme.palette.primary) === null || _d === void 0 ? void 0 : _d.main),
+            } }, sx) : sx;
+    return (jsx(Button$1, Object.assign({ variant: variant, color: tenantColored ? undefined : color, sx: buttonSx }, props)));
+}
+
+/**
+ * Card component with tenant theme support
+ *
+ * @example
+ * ```tsx
+ * <Card
+ *   title="My Card"
+ *   content="Card content"
+ *   actions={<Button>Action</Button>}
+ *   tenantAccent
+ * />
+ * ```
+ */
+function Card(_a) {
+    var _b;
+    var { title, headerAction, content, actions, tenantAccent = false, sx, children } = _a, props = __rest(_a, ["title", "headerAction", "content", "actions", "tenantAccent", "sx", "children"]);
+    const { theme } = useTenantTheme();
+    const cardSx = tenantAccent
+        ? Object.assign({ borderTop: `4px solid ${(_b = theme.palette.primary) === null || _b === void 0 ? void 0 : _b.main}` }, sx) : sx;
+    return (jsxs(Card$1, Object.assign({ sx: cardSx }, props, { children: [title && jsx(CardHeader, { title: title, action: headerAction }), (content || children) && (jsx(CardContent, { children: content || children })), actions && jsx(CardActions, { children: actions })] })));
+}
+
+/**
+ * Banner component with tenant theme support
+ *
+ * @example
+ * ```tsx
+ * <Banner
+ *   title="Welcome to Our Platform"
+ *   description="Get started today"
+ *   action={<Button>Get Started</Button>}
+ *   gradient
+ * />
+ * ```
+ */
+function Banner(_a) {
+    var _b, _c, _d, _e;
+    var { title, description, action, gradient = true, sx } = _a, props = __rest(_a, ["title", "description", "action", "gradient", "sx"]);
+    const { theme } = useTenantTheme();
+    const background = gradient
+        ? `linear-gradient(135deg, ${(_b = theme.palette.primary) === null || _b === void 0 ? void 0 : _b.main} 0%, ${((_c = theme.palette.primary) === null || _c === void 0 ? void 0 : _c.light) || ((_d = theme.palette.primary) === null || _d === void 0 ? void 0 : _d.main)} 100%)`
+        : (_e = theme.palette.primary) === null || _e === void 0 ? void 0 : _e.main;
+    return (jsxs(Box, Object.assign({ sx: Object.assign({ background, color: 'white', padding: '32px', borderRadius: '12px', textAlign: 'center' }, sx) }, props, { children: [jsx(Typography, Object.assign({ variant: "h4", component: "h2", gutterBottom: true, fontWeight: "bold" }, { children: title })), description && (jsx(Typography, Object.assign({ variant: "body1", sx: { opacity: 0.95, mb: action ? 2 : 0 } }, { children: description }))), action && jsx(Box, Object.assign({ sx: { mt: 2 } }, { children: action }))] })));
+}
+
+/**
+ * Theme Utility Functions
+ * Helper functions for working with tenant themes
+ */
+/**
+ * Get color value from theme palette path
+ * @param theme - Tenant theme configuration
+ * @param path - Dot-notation path to color (e.g., 'primary.main')
+ * @param defaultColor - Fallback color if path not found
+ * @returns Color string
+ */
+function getThemeColor(theme, path, defaultColor = '#000000') {
+    const keys = path.split('.');
+    let value = theme.palette;
+    for (const key of keys) {
+        if (value && typeof value === 'object' && key in value) {
+            value = value[key];
+        }
+        else {
+            return defaultColor;
+        }
+    }
+    return typeof value === 'string' ? value : defaultColor;
+}
+/**
+ * Merge tenant theme with base MUI theme
+ * @param baseTheme - Base MUI theme
+ * @param tenantTheme - Tenant-specific theme configuration
+ * @returns Merged theme
+ */
+function mergeTenantTheme(baseTheme, tenantTheme) {
+    var _a, _b;
+    return Object.assign(Object.assign({}, baseTheme), { palette: Object.assign(Object.assign(Object.assign({}, baseTheme.palette), tenantTheme.palette), { 
+            // Deep merge for nested objects
+            primary: Object.assign(Object.assign({}, (((_a = baseTheme.palette) === null || _a === void 0 ? void 0 : _a.primary) || {})), (tenantTheme.palette.primary || {})), secondary: Object.assign(Object.assign({}, (((_b = baseTheme.palette) === null || _b === void 0 ? void 0 : _b.secondary) || {})), (tenantTheme.palette.secondary || {})) }), typography: Object.assign(Object.assign({}, baseTheme.typography), tenantTheme.typography) });
+}
+/**
+ * Create CSS variables from tenant theme
+ * Useful for using theme values in CSS
+ * @param theme - Tenant theme configuration
+ * @param prefix - Prefix for CSS variable names
+ * @returns Object with CSS variable definitions
+ */
+function createThemeCSSVariables(theme, prefix = '--tenant') {
+    var _a;
+    const variables = {};
+    // Add primary colors
+    if (theme.palette.primary) {
+        Object.entries(theme.palette.primary).forEach(([key, value]) => {
+            if (typeof value === 'string') {
+                variables[`${prefix}-primary-${key}`] = value;
+            }
+        });
+    }
+    // Add secondary colors
+    if (theme.palette.secondary) {
+        Object.entries(theme.palette.secondary).forEach(([key, value]) => {
+            if (typeof value === 'string') {
+                variables[`${prefix}-secondary-${key}`] = value;
+            }
+        });
+    }
+    // Add font family
+    if ((_a = theme.typography) === null || _a === void 0 ? void 0 : _a.fontFamily) {
+        variables[`${prefix}-font-family`] = theme.typography.fontFamily;
+    }
+    return variables;
+}
+
+export { Banner, Button, Card, TenantThemeProvider, ammetlifeTheme, cimbTheme, createThemeCSSVariables, getAvailableTenants, getTenantTheme, getThemeColor, iglooTheme, isValidTenantId, mergeTenantTheme, tenantThemes, useIsTenant, useTenantId, useTenantTheme };

package/dist/types/index.d.ts

@@ -4,7 +4,8 @@
  */
 export { TenantThemeProvider, useTenantTheme, useTenantId, useIsTenant, } from './context/TenantThemeContext';
 export type { TenantThemeProviderProps } from './context/TenantThemeContext';
-export type { TenantPalette, TenantTypography, TenantThemeConfig, TenantContextValue, } from './types/tenant';
+export type { ColorShade, TenantPalette, TenantTypography, TenantThemeConfig, TenantContextValue, TenantId, } from './types/tenant';
+export { iglooTheme, cimbTheme, ammetlifeTheme, tenantThemes, getTenantTheme, isValidTenantId, getAvailableTenants, } from './themes';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
 export { Card } from './components/Card';

package/dist/types/themes/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Tenant Theme Configurations
+ * Centralized theme definitions for all tenants
+ */
+import { TenantThemeConfig, TenantId } from '../types/tenant';
+/**
+ * Igloo Theme Configuration
+ */
+export declare const iglooTheme: TenantThemeConfig;
+/**
+ * CIMB Theme Configuration
+ */
+export declare const cimbTheme: TenantThemeConfig;
+/**
+ * Ammetlife Theme Configuration
+ */
+export declare const ammetlifeTheme: TenantThemeConfig;
+/**
+ * Theme Registry
+ * Map of tenant IDs to their theme configurations
+ */
+export declare const tenantThemes: Record<TenantId, TenantThemeConfig>;
+/**
+ * Get theme configuration by tenant ID
+ * @param tenantId - The tenant identifier
+ * @returns Theme configuration for the specified tenant
+ * @throws Error if tenant ID is not found
+ */
+export declare function getTenantTheme(tenantId: TenantId): TenantThemeConfig;
+/**
+ * Check if a tenant ID is valid
+ * @param tenantId - The tenant identifier to validate
+ * @returns True if the tenant ID is valid
+ */
+export declare function isValidTenantId(tenantId: string): tenantId is TenantId;
+/**
+ * Get all available tenant IDs
+ * @returns Array of all registered tenant IDs
+ */
+export declare function getAvailableTenants(): TenantId[];

package/dist/types/types/tenant.d.ts

@@ -2,24 +2,32 @@
  * Tenant Theme Configuration Types
  * These interfaces define the structure for tenant-specific theming
  */
+export interface ColorShade {
+    main: string;
+    dark?: string;
+    light?: string;
+    bright?: string;
+    plain?: string;
+    border?: string;
+    dim?: string;
+    mediumBright?: string;
+    lighter?: string;
+    darkAI?: string;
+    buttonBg?: string;
+    granite?: string;
+}
 export interface TenantPalette {
-    primary?: {
-        main: string;
-        dark?: string;
-        light?: string;
-        bright?: string;
-        plain?: string;
-        border?: string;
-    };
-    secondary?: {
-        dim?: string;
-        dark?: string;
-        main: string;
-        bright?: string;
-        mediumBright?: string;
-        light?: string;
-        lighter?: string;
-    };
+    paCimb?: ColorShade;
+    primary?: ColorShade;
+    secondary?: ColorShade;
+    tertiary?: ColorShade;
+    natural?: ColorShade;
+    motor?: ColorShade;
+    car?: ColorShade;
+    travel?: ColorShade;
+    health?: ColorShade;
+    life?: ColorShade;
+    pet?: ColorShade;
     [key: string]: any;
 }
 export interface TenantTypography {
@@ -29,6 +37,8 @@ export interface TenantTypography {
 export interface TenantThemeConfig {
     palette: TenantPalette;
     typography?: TenantTypography;
+    logo?: string;
+    favicon?: string;
 }
 /**
  * Tenant Context Value
@@ -38,3 +48,7 @@ export interface TenantContextValue {
     tenantId: string;
     theme: TenantThemeConfig;
 }
+/**
+ * Supported Tenant IDs
+ */
+export type TenantId = 'igloo' | 'cimb' | 'ammetlife';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igloo-d2c-components",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Reusable component library with tenant-aware theming for B2C applications",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -72,13 +72,17 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
-    "rimraf": "^5.0.0",
+    "rimraf": "^4.4.1",
     "rollup": "^3.29.5",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "tslib": "^2.8.1",
     "typescript": "^4.9.0",
     "vite": "4.3.9"
   },
+  "resolutions": {
+    "minimatch": "^5.1.6",
+    "glob": "^8.1.0"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -87,4 +91,4 @@
     "url": "https://gitlab.iglooinsure.com/axinan/fe/d2c-component-library/-/issues"
   },
   "homepage": "https://gitlab.iglooinsure.com/axinan/fe/d2c-component-library#readme"
-}
+}

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/context/TenantThemeContext.tsx","../../src/components/Banner/Banner.tsx","../../src/components/Button/Button.tsx","../../src/components/Card/Card.tsx","../../src/utils/theme.ts"],"sourcesContent":[null,null,null,null,null],"names":["TenantThemeContext","createContext","undefined","useTenantTheme","context","useContext","Error","title","description","action","gradient","sx","props","theme","background","palette","primary","main","light","_jsxs","jsxs","Box","color","padding","borderRadius","textAlign","children","_jsx","jsx","Typography","variant","component","gutterBottom","fontWeight","opacity","mb","mt","tenantColored","buttonSx","backgroundColor","dark","MuiButton","Button","headerAction","content","actions","tenantAccent","cardSx","borderTop","MuiCard","CardHeader","CardContent","CardActions","tenantId","value","useMemo","Provider","prefix","variables","Object","entries","forEach","key","secondary","typography","fontFamily","path","defaultColor","keys","split","baseTheme","tenantTheme","checkTenantId"],"mappings":"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"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/context/TenantThemeContext.tsx","../../src/components/Button/Button.tsx","../../src/components/Card/Card.tsx","../../src/components/Banner/Banner.tsx","../../src/utils/theme.ts"],"sourcesContent":[null,null,null,null,null],"names":["TenantThemeContext","createContext","undefined","TenantThemeProvider","children","tenantId","theme","value","useMemo","_jsx","Provider","useTenantTheme","context","useContext","Error","useTenantId","useIsTenant","checkTenantId","Button","tenantColored","variant","sx","color","props","buttonSx","backgroundColor","palette","primary","main","dark","MuiButton","Card","title","headerAction","content","actions","tenantAccent","cardSx","borderTop","_jsxs","MuiCard","CardHeader","action","CardContent","CardActions","Banner","description","gradient","background","light","Box","padding","borderRadius","textAlign","Typography","component","gutterBottom","fontWeight","opacity","mb","mt","getThemeColor","path","defaultColor","keys","split","key","mergeTenantTheme","baseTheme","tenantTheme","secondary","typography","createThemeCSSVariables","prefix","variables","Object","entries","forEach","fontFamily"],"mappings":"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"}