igloo-d2c-components 1.0.49 → 1.0.51

package/dist/types/storybook-components/Header.stories.d.ts

@@ -5,5 +5,4 @@ export default _default;
 export declare const Default: ComponentStory<typeof Header>;
 export declare const WithUser: ComponentStory<typeof Header>;
 export declare const MobileView: ComponentStory<typeof Header>;
-export declare const WithCIMBTheme: ComponentStory<typeof Header>;
 export declare const WithAmmetLifeTheme: ComponentStory<typeof Header>;

package/dist/types/storybook-components/InfoCallout.stories.d.ts

@@ -7,5 +7,4 @@ export declare const CustomTitle: ComponentStory<typeof InfoCallout>;
 export declare const LongContent: ComponentStory<typeof InfoCallout>;
 export declare const ShortContent: ComponentStory<typeof InfoCallout>;
 export declare const WithCustomFormatMessage: ComponentStory<typeof InfoCallout>;
-export declare const WithCIMBTheme: ComponentStory<typeof InfoCallout>;
 export declare const WithAmmetLifeTheme: ComponentStory<typeof InfoCallout>;

package/dist/types/storybook-components/NewHeader.stories.d.ts

@@ -18,10 +18,6 @@ export declare const AuthenticatedUser: ComponentStory<typeof NewHeader>;
  * Mobile View story
  */
 export declare const MobileView: ComponentStory<typeof NewHeader>;
-/**
- * CIMB Tenant story
- */
-export declare const CIMBTenant: ComponentStory<typeof NewHeader>;
 /**
  * AmMetLife Tenant story
  */

package/dist/types/storybook-components/OptionButton.stories.d.ts

@@ -9,4 +9,4 @@ export declare const Disabled: ComponentStory<typeof OptionButton>;
 export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
 export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
 export declare const MultipleOptions: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithCIMBTheme: ComponentStory<typeof OptionButton>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof OptionButton>;

package/dist/types/storybook-components/QuestionSection.stories.d.ts

@@ -8,4 +8,4 @@ export declare const WithoutNumber: ComponentStory<typeof QuestionSection>;
 export declare const MultipleSelection: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithCustomRenderer: ComponentStory<typeof QuestionSection>;
 export declare const LongQuestion: ComponentStory<typeof QuestionSection>;
-export declare const WithCIMBTheme: ComponentStory<typeof QuestionSection>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof QuestionSection>;

package/dist/types/storybook-components/ToggleGroup.stories.d.ts

@@ -7,4 +7,4 @@ export declare const ThreeOptions: ComponentStory<typeof ToggleGroup>;
 export declare const WithoutIcons: ComponentStory<typeof ToggleGroup>;
 export declare const WithImageIcons: ComponentStory<typeof ToggleGroup>;
 export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithCIMBTheme: ComponentStory<typeof ToggleGroup>;
+export declare const WithAmmetLifeTheme: ComponentStory<typeof ToggleGroup>;

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

@@ -7,10 +7,6 @@ import { TenantId, TenantThemeConfig } from '../types/tenant';
  * Igloo Theme Configuration
  */
 export declare const iglooTheme: TenantThemeConfig;
-/**
- * CIMB Theme Configuration
- */
-export declare const cimbTheme: TenantThemeConfig;
 /**
  * Ammetlife Theme Configuration
  */

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

@@ -52,10 +52,6 @@ export interface TenantTypographyConfig {
  * Igloo Typography Configuration
  */
 export declare const iglooTypography: TenantTypographyConfig;
-/**
- * CIMB Typography Configuration
- */
-export declare const cimbTypography: TenantTypographyConfig;
 /**
  * AmmetLife Typography Configuration
  */

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

@@ -41,7 +41,6 @@ export interface TenantPalette {
     health?: ColorShade;
     life?: ColorShade;
     pet?: ColorShade;
-    paCimb?: ColorShade;
     [key: string]: ColorShade | UIColors | undefined;
 }
 export interface TypographyVariantStyle {
@@ -94,4 +93,4 @@ export interface TenantContextValue {
 /**
  * Supported Tenant IDs
  */
-export type TenantId = 'igloo' | 'cimb' | 'ammetlife';
+export type TenantId = 'igloo' | 'ammetlife';

package/dist/types/utils/assets.d.ts

@@ -42,13 +42,15 @@ export declare function useTenantFavicon(): string;
  * Get tenant asset path (non-hook version for use outside components)
  * @param tenantId - Tenant identifier
  * @param assetPath - Relative path to asset
+ * @param basePath - Optional custom base path (defaults to getAssetBasePath())
  * @returns Full asset path
  */
-export declare function getTenantAssetPath(tenantId: string, assetPath: string): string;
+export declare function getTenantAssetPath(tenantId: string, assetPath: string, basePath?: string): string;
 /**
  * Get tenant logo path (non-hook version)
  * @param tenantId - Tenant identifier
  * @param variant - Logo variant
+ * @param basePath - Optional custom base path (defaults to getAssetBasePath())
  * @returns Logo path
  */
-export declare function getTenantLogoPath(tenantId: string, variant?: 'default' | 'dark' | 'alt' | 'white'): string;
+export declare function getTenantLogoPath(tenantId: string, variant?: 'default' | 'dark' | 'alt' | 'white', basePath?: string): string;

package/dist/types/utils/image.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Image utilities for handling static image imports across different bundlers
+ * Supports both Rollup (data URLs) and Next.js (StaticImageData objects)
+ */
+/**
+ * Next.js StaticImageData type (when using next/image)
+ */
+export interface StaticImageData {
+    src: string;
+    height: number;
+    width: number;
+    blurDataURL?: string;
+    blurWidth?: number;
+    blurHeight?: number;
+}
+/**
+ * Normalizes an image import to a string URL
+ * Handles both Rollup data URL strings and Next.js StaticImageData objects
+ *
+ * @param image - Image import (string URL or Next.js StaticImageData)
+ * @returns String URL suitable for use in img src attribute
+ *
+ * @example
+ * ```ts
+ * import logo from './logo.png';
+ * const imgSrc = getImageSrc(logo); // Works with both Rollup and Next.js
+ * <img src={imgSrc} alt="Logo" />
+ * ```
+ */
+export declare function getImageSrc(image: string | StaticImageData | undefined): string;
+/**
+ * Type guard to check if an image is a Next.js StaticImageData object
+ */
+export declare function isStaticImageData(image: unknown): image is StaticImageData;

package/dist/types/utils/security.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Security utilities for URL validation and safe external link handling
+ */
+/**
+ * Validates if a URL is safe to use (prevents open redirect vulnerabilities)
+ *
+ * @param url - The URL to validate
+ * @param allowedDomains - Optional list of allowed domains. If not provided, all HTTPS URLs are allowed.
+ * @returns true if the URL is safe, false otherwise
+ *
+ * @example
+ * ```ts
+ * isValidExternalUrl('https://example.com') // true
+ * isValidExternalUrl('javascript:alert(1)') // false
+ * isValidExternalUrl('//evil.com', ['trusted.com']) // false
+ * ```
+ */
+export declare function isValidExternalUrl(url: string, allowedDomains?: string[]): boolean;
+/**
+ * Safely opens an external URL in a new window with security measures
+ * Prevents tabnabbing attacks by setting noopener and noreferrer
+ *
+ * @param url - The URL to open
+ * @param allowedDomains - Optional list of allowed domains for validation
+ * @returns true if window was opened successfully, false otherwise
+ *
+ * @example
+ * ```ts
+ * safeWindowOpen('https://example.com')
+ * safeWindowOpen('https://partner.com', ['partner.com', 'trusted.com'])
+ * ```
+ */
+export declare function safeWindowOpen(url: string, allowedDomains?: string[]): boolean;
+/**
+ * Sanitizes a URL for use in href attributes
+ *
+ * @param url - The URL to sanitize
+ * @param fallback - Fallback URL if validation fails (default: '#')
+ * @returns Sanitized URL or fallback
+ *
+ * @example
+ * ```ts
+ * sanitizeUrl('https://example.com') // 'https://example.com'
+ * sanitizeUrl('javascript:alert(1)') // '#'
+ * sanitizeUrl('invalid', '/home') // '/home'
+ * ```
+ */
+export declare function sanitizeUrl(url: string, fallback?: string): string;

package/package.json

@@ -1,15 +1,25 @@
 {
   "name": "igloo-d2c-components",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "description": "Reusable component library with tenant-aware theming for B2C applications",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist",
     "README.md",
     "dist/assets"
   ],
+  "sideEffects": false,
   "scripts": {
     "build": "yarn clean && rollup -c rollup.config.cjs && tsc --declaration --emitDeclarationOnly --outDir dist/types",
     "dev": "rollup -c rollup.config.cjs -w",
@@ -21,10 +31,14 @@
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "release": "bash scripts/release.sh",
+    "release:patch": "bash scripts/release.sh patch",
+    "release:minor": "bash scripts/release.sh minor",
+    "release:major": "bash scripts/release.sh major",
+    "release:beta": "bash scripts/release.sh beta",
     "npmPublish": "yarn prepublishOnly && npm publish"
   },
   "engines": {
-    "node": ">=16.20.0 <=18.x"
+    "node": ">=20.10.0 <=22.x"
   },
   "keywords": [
     "react",
@@ -39,11 +53,11 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@mui/icons-material": "^5.15.20",
-    "@mui/material": "^5.15.20",
-    "@mui/styles": "^5.15.20",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@mui/icons-material": "^5.15.20 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^5.15.20 || ^6.0.0 || ^7.0.0",
+    "@mui/styles": "^5.15.20 || ^6.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.22.0",

package/dist/assets/tenants/cimb/logo.svg

@@ -1,62 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="1336.000000pt" height="270.000000pt" viewBox="0 0 1336.000000 270.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,270.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M330 1355 l0 -1035 1035 0 1035 0 0 1035 0 1035 -1035 0 -1035 0 0
--1035z m1584 330 c136 -179 246 -327 246 -330 0 -3 -249 -5 -552 -5 l-553 1
--229 318 c-127 175 -232 323 -234 329 -3 9 134 12 537 12 l540 0 245 -325z"/>
-<path d="M3590 2071 c-165 -23 -301 -91 -421 -211 -73 -72 -94 -101 -133 -181
--105 -216 -103 -441 5 -652 61 -118 191 -247 309 -304 200 -98 406 -107 604
--27 59 24 196 109 196 123 0 3 -42 48 -92 98 l-93 92 -55 -34 c-255 -158 -590
--13 -656 284 -36 162 15 324 139 438 142 131 371 146 533 37 l37 -26 94 94
-c51 51 93 95 93 98 0 8 -118 85 -167 109 -100 50 -278 78 -393 62z"/>
-<path d="M4417 2034 c-4 -4 -7 -310 -7 -681 l0 -673 140 0 140 0 -2 678 -3
-677 -131 3 c-71 1 -133 -1 -137 -4z"/>
-<path d="M5020 1360 l0 -680 135 0 135 0 0 400 c0 220 3 400 8 400 4 -1 110
--181 236 -401 182 -318 232 -397 241 -387 7 7 108 182 225 388 117 206 219
-382 226 390 12 12 14 -49 14 -388 l0 -402 135 0 135 0 0 680 0 680 -133 0
--134 0 -234 -430 c-129 -236 -238 -428 -242 -427 -5 2 -115 195 -244 430
-l-235 427 -134 0 -134 0 0 -680z"/>
-<path d="M6830 1360 l0 -680 309 0 c169 0 332 5 361 10 127 24 228 98 276 203
-27 57 29 71 29 177 0 106 -2 119 -27 166 -25 48 -109 134 -130 134 -6 0 12 20
-39 44 85 77 121 186 102 308 -27 174 -144 280 -337 308 -37 5 -192 10 -344 10
-l-278 0 0 -680z m615 410 c58 -28 79 -70 73 -145 -4 -50 -10 -63 -36 -86 -45
--40 -95 -50 -244 -47 l-133 3 -3 148 -3 147 153 0 c132 0 157 -3 193 -20z
-m-25 -531 c77 -18 120 -74 120 -156 0 -57 -26 -105 -72 -133 -29 -18 -51 -20
--200 -20 l-168 0 0 153 c0 85 3 157 7 160 10 11 263 8 313 -4z"/>
-<path d="M8170 2021 c0 -18 6 -21 41 -21 62 0 104 -25 126 -73 17 -39 18 -87
-21 -644 l3 -603 89 0 90 0 0 280 0 280 158 0 c228 0 333 31 426 123 69 70 90
-124 94 249 3 78 -1 121 -12 160 -33 108 -123 193 -256 240 -62 21 -81 23 -422
-26 -357 4 -358 3 -358 -17z m653 -79 c64 -28 132 -95 164 -160 23 -48 27 -68
-27 -141 0 -102 -20 -156 -84 -225 -64 -70 -136 -100 -235 -101 -44 0 -97 4
--117 8 l-38 8 0 309 0 309 38 6 c20 4 42 8 47 11 25 10 157 -6 198 -24z"/>
-<path d="M10290 1987 c-69 -35 -62 -151 12 -197 39 -24 69 -25 107 -5 34 17
-41 32 41 92 0 39 -5 50 -39 84 -42 42 -75 49 -121 26z"/>
-<path d="M9772 1655 c-23 -7 -66 -31 -96 -53 l-53 -40 -26 34 c-35 43 -76 54
--209 54 -99 0 -108 -2 -108 -19 0 -15 10 -20 45 -26 25 -3 56 -16 69 -28 46
--43 49 -67 54 -494 l4 -403 89 0 89 0 0 384 0 384 39 35 c51 46 98 60 179 55
-64 -5 99 -15 133 -40 13 -9 23 -6 53 17 20 15 36 33 36 39 0 26 -71 95 -108
-106 -50 14 -138 12 -190 -5z"/>
-<path d="M11128 1656 c-26 -7 -72 -29 -103 -50 l-56 -37 -25 30 c-34 41 -77
-51 -216 51 -111 0 -118 -1 -118 -20 0 -16 7 -20 30 -20 54 0 107 -28 127 -68
-16 -34 18 -74 21 -449 l3 -413 90 0 89 0 0 391 0 391 38 35 c111 103 243 106
-300 5 34 -62 42 -149 42 -494 l0 -328 90 0 90 0 0 389 0 389 40 35 c102 93
-207 108 274 39 53 -56 58 -94 63 -489 l5 -363 90 0 89 0 -3 383 c-3 374 -4
-383 -27 441 -45 111 -131 166 -262 166 -103 0 -238 -57 -290 -123 -17 -20 -17
--20 -32 10 -49 94 -204 138 -349 99z"/>
-<path d="M12623 1655 c-197 -61 -317 -276 -298 -537 20 -299 196 -472 460
--455 137 9 222 53 307 160 l40 51 -23 17 c-22 16 -23 15 -76 -41 -146 -158
--372 -139 -463 39 -25 50 -50 152 -50 209 l0 42 309 0 c348 0 321 -7 321 83
--2 242 -111 401 -299 437 -72 14 -177 12 -228 -5z m161 -76 c91 -23 151 -125
-163 -280 l6 -79 -218 0 -218 0 6 63 c14 138 69 245 147 285 51 25 56 26 114
-11z"/>
-<path d="M10090 1631 c0 -15 10 -19 51 -23 28 -3 62 -14 77 -25 57 -42 57 -43
-60 -490 l3 -413 90 0 89 0 0 428 c0 424 0 428 -22 472 -30 59 -60 69 -220 69
--119 1 -128 0 -128 -18z"/>
-</g>
-</svg>