@capillarytech/blaze-ui 5.11.4 → 5.11.7

package/CapLanguageProvider/CapLanguageProvider-use-cases.md

@@ -0,0 +1,56 @@
+# Test Cases: CapLanguageProvider (Antd v3→v6)
+
+## Role
+Senior frontend engineer documenting ESSENTIAL test cases for Storybook stories and migration validation.
+
+## Input
+- **Component**: CapLanguageProvider
+- **Complexity**: medium (≤20 test cases)
+- **Source**: blaze-ui/components/CapLanguageProvider/
+
+## Use Cases
+
+| ID | Use Case | Props/Config | Expected Visual/Behavior | Priority | Storybook Story | Notes |
+|----|----------|--------------|-------------------------|----------|-----------------|-------|
+| UC-001 | Basic rendering with children | children: ReactNode, actions: {getSupportedLocales, getLocizeMessage}, language: {locale: 'en'}, messages: {} | Component renders child content wrapped in ConfigProvider and IntlProvider. Calls getSupportedLocales on mount. | P0 | BasicRendering | Essential baseline test |
+| UC-002 | All locale source variants | user.iso_lang: 'en_US' \| 'en-US' \| 'fr-FR', localStorage.locale: 'en_US' \| 'fr-FR', supportedLocales: [{locale, locize_locale}] | Locale loaded from user.iso_lang (priority 1), falls back to localStorage.locale (priority 2), defaults to 'en-US'. Correctly converts hyphen/underscore formats. | P0 | LocaleSources | Grouped all locale source scenarios |
+| UC-003 | Locale format conversion | lang: 'en-US' \| 'en_US' \| 'fr-FR' \| 'fr_FR' | Converts to antd format (en_US), react-intl format (en), and locize format (en-US). Handles both hyphen and underscore separators. | P0 | LocaleConversion | Grouped all format conversion scenarios |
+| UC-004 | Spinner visibility states | spinnerVisible: true \| false, language.localeLoading: 'REQUEST' \| 'IDLE' \| 'COMPLETE', supportedLocalesDetails.fetchSupportedLocalesStatus: 'REQUEST' \| 'IDLE' \| 'COMPLETE', isLoginPage: true \| false | Spinner shows when spinnerVisible=true AND not on login page AND (localeLoading='REQUEST' OR fetchSupportedLocalesStatus='REQUEST'). Hidden otherwise. | P1 | SpinnerStates | Grouped all spinner visibility conditions |
+| UC-005 | Login page skip behavior | window.location.pathname includes '/login' | getSupportedLocales and getLocizeMessage called with isSkip=true. Spinner never shows on login page regardless of loading state. | P1 | LoginPageSkip | Critical for login UX |
+| UC-006 | Messages prop variants | messages: {} \| {key: 'value'} \| undefined, language.messages: {} \| {key: 'value'} \| undefined | Uses language.messages if available, falls back to messages prop. Passes to IntlProvider. Empty object handled gracefully. | P1 | MessagesVariants | Grouped messages prop scenarios |
+| UC-007 | Supported locales loading | supportedLocalesDetails: {} \| {supportedLocales: [], fetchSupportedLocalesStatus: 'REQUEST'/'IDLE'/'COMPLETE'} | Waits for supportedLocales before calling getLocizeMessage. Handles empty/missing supportedLocales array. | P1 | SupportedLocalesLoading | Critical for locale initialization |
+| UC-008 | Locale update on user/supportedLocales change | user: {} → {iso_lang: 'en_US'}, supportedLocalesDetails: {} → {supportedLocales: [...]} | Calls updateLocale() when both user and supportedLocales become available. Updates antd locale, react-intl locale, moment locale, and dayjs locale. | P0 | LocaleUpdate | Core functionality |
+| UC-009 | Antd locale dynamic import | antdLocale: 'en_US' \| 'fr_FR' \| 'invalid_locale' | Dynamically imports antd-v5/locale/{antdLocale}. On error, falls back to en_US. Updates state.locale with imported module. | P1 | AntdLocaleImport | Critical for antd localization |
+| UC-010 | Moment and dayjs locale sync | locale: 'en-US' \| 'fr-FR' \| 'de-DE' | Calls moment.locale(locale) and dayjs.locale(locale) when locale updates. Keeps both libraries in sync. | P1 | MomentDayjsSync | Ensures date library consistency |
+| UC-011 | Locize locale mapping | supportedLocales: [{locale: 'en_US', locize_locale: 'en-US'}, {locale: 'fr-FR', locize_locale: 'fr-FR'}] | Maps user locale to locize_locale from supportedLocales. Calls getLocizeMessage with correct locize locale. | P1 | LocizeMapping | Critical for translation loading |
+| UC-012 | Styling props | className: string \| undefined | Applies className to CapSpin wrapper. Does not break layout when undefined. | P2 | StylingProps | Simple styling test |
+| UC-013 | API configuration props | supportedLocalesApi: string \| undefined, locizeApi: string \| undefined | Passes supportedLocalesApi to getSupportedLocales, locizeApi to getLocizeMessage. Handles undefined gracefully. | P2 | ApiConfigProps | Grouped API config props |
+| UC-014 | Empty/missing user data | user: {} \| undefined, localStorage.user: '' \| invalid JSON | Handles empty user object, missing iso_lang, invalid localStorage JSON. Falls back to localStorage.locale or default. | P1 | EmptyUserData | Edge case handling |
+| UC-015 | Empty/missing supported locales | supportedLocalesDetails: {} \| {supportedLocales: []} \| {supportedLocales: undefined} | Handles empty/missing supportedLocales array. Does not call getLocizeMessage until supportedLocales available. | P1 | EmptySupportedLocales | Edge case handling |
+| UC-016 | React.Children.only constraint | children: single child \| multiple children \| no children | Wraps children with React.Children.only(). Should handle single child correctly. Multiple children may cause error (expected behavior). | P2 | ChildrenOnly | React API constraint |
+| UC-017 | IntlProvider configuration | locale: 'en' \| 'fr' \| 'de', messages: {}, key: locale | IntlProvider receives correct locale, messages, and key prop based on language.locale. Defaults to 'en' if locale missing. | P1 | IntlProviderConfig | Critical for i18n |
+| UC-018 | ConfigProvider locale | state.locale: Locale object | ConfigProvider receives state.locale (antd Locale object). Updates when antd locale module loads. Defaults to enUS initially. | P1 | ConfigProviderLocale | Critical for antd i18n |
+| UC-019 | Component lifecycle | componentDidMount, componentDidUpdate | Calls getSupportedLocales on mount. Calls updateLocale in componentDidUpdate when user and supportedLocales become available. Prevents duplicate calls. | P1 | ComponentLifecycle | Core lifecycle behavior |
+| UC-020 | Migration parity (v3→v6) | ConfigProvider from antd-v5, IntlProvider from react-intl | ConfigProvider and IntlProvider behavior matches v3 expectations. Locale loading, message passing, and error handling work identically. | P0 | MigrationParity | Critical for migration validation |
+
+## Summary
+- **Total Test Cases**: 20 (within medium complexity limit)
+- **P0 (Blocking)**: 4 cases
+- **P1 (High)**: 13 cases  
+- **P2 (Medium)**: 3 cases
+
+## Grouping Rationale
+- **UC-002**: Grouped all locale source scenarios (user.iso_lang, localStorage, defaults)
+- **UC-003**: Grouped all locale format conversion scenarios (hyphen/underscore handling)
+- **UC-004**: Grouped all spinner visibility conditions (loading states, login page check)
+- **UC-006**: Grouped messages prop scenarios (language.messages vs messages prop)
+- **UC-012**: Grouped styling props (className)
+- **UC-013**: Grouped API configuration props (supportedLocalesApi, locizeApi)
+
+## Notes
+- Component uses Redux connect (HOC pattern) - test with mocked store/actions
+- Requires localStorage mocking for locale/user data tests
+- Dynamic imports require jest.mock for antd locale modules
+- Login page detection uses window.location.pathname - mock for tests
+- Component syncs moment and dayjs locales - verify both libraries update
+- React.Children.only constraint means only single child supported

package/CapLanguageProvider/README.md

@@ -0,0 +1,206 @@
+# CapLanguageProvider
+
+A wrapper component that provides internationalization (i18n) support for Capillary applications by integrating Ant Design's ConfigProvider, React Intl's IntlProvider, and Locize translation management.
+
+## Migration from Ant Design v3 to v6
+
+This component has been migrated from Ant Design v3 to v6 with the following changes:
+
+### Breaking Changes
+
+**None** - The component maintains full backward compatibility. No API changes were required.
+
+### Code Improvements
+
+1. **Removed PropTypes**: All PropTypes have been removed and replaced with TypeScript interfaces in `types.ts`
+2. **Type Safety**: Full TypeScript support with exported types for all interfaces
+3. **Code Organization**: All type definitions moved to dedicated `types.ts` file
+4. **Documentation**: Added comprehensive JSDoc comments for better developer experience
+
+### What Stayed the Same
+
+- All props and their behavior
+- Redux integration pattern (connect HOC)
+- Locale loading logic (user.iso_lang → localStorage.locale → default)
+- Locale format conversion (hyphen/underscore handling)
+- Spinner visibility logic
+- Login page skip behavior
+- Moment and dayjs locale synchronization
+- Antd locale dynamic import with fallback
+
+### What Changed
+
+- **Removed**: PropTypes imports and static propTypes assignments
+- **Added**: TypeScript types in `types.ts`
+- **Improved**: Type safety with exported interfaces
+
+## Usage
+
+```tsx
+import { CapLanguageProvider } from '@capillarytech/blaze-ui';
+
+function App() {
+  return (
+    <CapLanguageProvider>
+      <YourApp />
+    </CapLanguageProvider>
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `user` | `UserData` | `undefined` | User data object containing `iso_lang` property |
+| `actions` | `Actions` | `undefined` | Redux action creators (injected via connect) |
+| `children` | `React.ReactNode` | `undefined` | Child component to wrap |
+| `language` | `LanguageState` | `undefined` | Language state from Redux store |
+| `messages` | `Record<string, string>` | `undefined` | Translation messages object |
+| `supportedLocalesDetails` | `SupportedLocalesDetails` | `undefined` | Supported locales details from Redux |
+| `className` | `string` | `undefined` | CSS class name for the spinner wrapper |
+| `spinnerVisible` | `boolean` | `true` | Whether to show loading spinner |
+| `supportedLocalesApi` | `string` | `undefined` | API endpoint for fetching supported locales |
+| `locizeApi` | `string` | `undefined` | API endpoint for fetching Locize translations |
+
+## Locale Loading Priority
+
+The component loads locales in the following priority order:
+
+1. **User ISO Language** (`user.iso_lang`) - Highest priority
+2. **LocalStorage Locale** (`localStorage.getItem('locale')`) - Fallback
+3. **Default** (`en-US`) - Final fallback
+
+## Locale Format Conversion
+
+The component automatically converts locale formats for different libraries:
+
+- **Antd**: Uses underscore format (e.g., `en_US`, `fr_FR`)
+- **React Intl**: Uses 2-letter format (e.g., `en`, `fr`)
+- **Locize**: Uses the mapped `locize_locale` from `supportedLocales`
+
+### Examples
+
+| Input | Antd Format | React Intl Format | Locize Format |
+|-------|-------------|------------------|---------------|
+| `en_US` | `en_US` | `en` | `en-US` (from supportedLocales) |
+| `en-US` | `en_US` | `en` | `en-US` (from supportedLocales) |
+| `fr-FR` | `fr_FR` | `fr` | `fr-FR` (from supportedLocales) |
+
+## Spinner Visibility
+
+The spinner is shown when:
+- `spinnerVisible` is `true` (default)
+- Not on login page (`/login` path)
+- AND (`language.localeLoading === 'REQUEST'` OR `supportedLocalesDetails.fetchSupportedLocalesStatus === 'REQUEST'`)
+
+## Login Page Behavior
+
+When the component detects it's on a login page (`/login` path):
+- `getSupportedLocales` is called with `isSkip: true`
+- `getLocizeMessage` is called with `isSkip: true`
+- Spinner never shows, regardless of loading state
+
+## Redux Integration
+
+The component uses Redux connect HOC to inject:
+- `language` state from `makeSelectLanguage()` selector
+- `supportedLocalesDetails` state from `makeSelectSupportedLocalesDetails()` selector
+- `actions` from `bindActionCreators(action, dispatch)`
+
+## Date Library Synchronization
+
+The component synchronizes locale settings for both Moment.js and Day.js:
+- `moment.locale(locale)` - Sets Moment.js locale
+- `dayjs.locale(locale)` - Sets Day.js locale
+
+Both libraries are kept in sync when the locale changes.
+
+## TypeScript Support
+
+All types are exported from the component:
+
+```tsx
+import type {
+  CapLanguageProviderProps,
+  SupportedLocale,
+  UserData,
+  LanguageState,
+  Actions,
+  SupportedLocalesDetails,
+} from '@capillarytech/blaze-ui';
+```
+
+## Examples
+
+### Basic Usage
+
+```tsx
+import { CapLanguageProvider } from '@capillarytech/blaze-ui';
+
+function App() {
+  return (
+    <CapLanguageProvider>
+      <YourApp />
+    </CapLanguageProvider>
+  );
+}
+```
+
+### With Custom Messages
+
+```tsx
+import { CapLanguageProvider } from '@capillarytech/blaze-ui';
+
+const messages = {
+  'app.title': 'My Application',
+  'app.welcome': 'Welcome!',
+};
+
+function App() {
+  return (
+    <CapLanguageProvider messages={messages}>
+      <YourApp />
+    </CapLanguageProvider>
+  );
+}
+```
+
+### With Custom Spinner ClassName
+
+```tsx
+import { CapLanguageProvider } from '@capillarytech/blaze-ui';
+
+function App() {
+  return (
+    <CapLanguageProvider className="custom-spinner-wrapper">
+      <YourApp />
+    </CapLanguageProvider>
+  );
+}
+```
+
+### With API Endpoints
+
+```tsx
+import { CapLanguageProvider } from '@capillarytech/blaze-ui';
+
+function App() {
+  return (
+    <CapLanguageProvider
+      supportedLocalesApi="/api/supported-locales"
+      locizeApi="/api/locize"
+    >
+      <YourApp />
+    </CapLanguageProvider>
+  );
+}
+```
+
+## Notes
+
+- The component requires a single child element (uses `React.Children.only()`)
+- Locale loading happens asynchronously via Redux actions
+- Antd locale modules are dynamically imported with fallback to `en_US` on error
+- The component logs locale information to console in development
+- Moment.js and Day.js locales are synchronized automatically

package/CapLanguageProvider/index.d.ts

@@ -1,70 +1,15 @@
-import enUS from 'antd-v5/locale/en_US';
-import PropTypes from 'prop-types';
 import React from 'react';
-type Locale = typeof enUS;
-interface SupportedLocale {
-    locale: string;
-    locize_locale?: string;
-}
-interface UserData {
-    iso_lang?: string;
-    [key: string]: unknown;
-}
-interface LanguageState {
-    locale?: string;
-    localeLoading?: string;
-    messages?: Record<string, string>;
-}
-interface Actions {
-    getSupportedLocales: (params: {
-        supportedLocalesApi?: string;
-        isSkip?: boolean;
-    }) => void;
-    getLocizeMessage: (params: {
-        locale: string;
-        isSkip?: boolean;
-        locizeApi?: string;
-    }) => void;
-}
-interface CapLanguageProviderProps {
-    user?: UserData;
-    actions?: Actions;
-    children?: React.ReactNode;
-    language?: LanguageState;
-    messages?: Record<string, string>;
-    supportedLocalesDetails?: {
-        supportedLocales?: SupportedLocale[];
-        fetchSupportedLocalesStatus?: string;
-    };
-    className?: string;
-    spinnerVisible?: boolean;
-    supportedLocalesApi?: string;
-    locizeApi?: string;
-}
-interface CapLanguageProviderState {
-    locale: Locale;
-    userLoaded: boolean;
-    supportedLocaleLoaded: boolean;
-    localeLoaded: boolean;
-}
+import type { Actions, CapLanguageProviderProps, CapLanguageProviderState, LanguageState, SupportedLocale, SupportedLocalesDetails, UserData } from './types';
 export declare class CapLanguageProvider extends React.PureComponent<CapLanguageProviderProps, CapLanguageProviderState> {
-    static propTypes: {
-        user: PropTypes.Validator<UserData | undefined>;
-        actions: PropTypes.Validator<Actions | undefined>;
-        children: PropTypes.Validator<React.ReactNode>;
-        language: PropTypes.Validator<LanguageState | undefined>;
-        messages: PropTypes.Validator<Record<string, string> | undefined>;
-        supportedLocalesDetails: PropTypes.Validator<CapLanguageProviderProps["supportedLocalesDetails"]>;
-        className: PropTypes.Requireable<string>;
-        spinnerVisible: PropTypes.Requireable<boolean>;
-    };
     constructor(props: CapLanguageProviderProps);
     componentDidUpdate(): void;
     checkLoginPage(): boolean;
+    loadDefaultLocale(): void;
     componentDidMount(): void;
     updateLocale(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.ReactElement;
 }
 declare const _default: React.ComponentType<Partial<CapLanguageProviderProps>>;
 export default _default;
+export type { CapLanguageProviderProps, SupportedLocale, UserData, LanguageState, Actions, SupportedLocalesDetails, };
 //# sourceMappingURL=index.d.ts.map

package/CapLanguageProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapLanguageProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAGxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,MAAM,GAAG,OAAO,IAAI,CAAC;AAS1B,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6BD,UAAU,QAAQ;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,UAAU,OAAO;IACf,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAAE,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1F,gBAAgB,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9F;AAED,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,uBAAuB,CAAC,EAAE;QACxB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;QACrC,2BAA2B,CAAC,EAAE,MAAM,CAAC;KACtC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,wBAAwB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAC1D,wBAAwB,EACxB,wBAAwB,CACzB;IACC,MAAM,CAAC,SAAS;cACY,SAAS,CAAC,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC;iBACtC,SAAS,CAAC,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;kBACzC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;kBAClC,SAAS,CAAC,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;kBAC9C,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;iCACxC,SAAS,CAAC,SAAS,CAC9D,wBAAwB,CAAC,yBAAyB,CAAC,CACpD;;;MAGD;gBAEU,KAAK,EAAE,wBAAwB;IAU3C,kBAAkB;IAUlB,cAAc;IAId,iBAAiB;IAOjB,YAAY;IA8DZ,MAAM;CAwBP;wBAiB2D,KAAK,CAAC,aAAa,CAC7E,OAAO,CAAC,wBAAwB,CAAC,CAClC;AAFD,wBAEE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapLanguageProvider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EACV,OAAO,EACP,wBAAwB,EACxB,wBAAwB,EAGxB,aAAa,EAEb,eAAe,EACf,uBAAuB,EACvB,QAAQ,EACT,MAAM,SAAS,CAAC;AA0BjB,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAC1D,wBAAwB,EACxB,wBAAwB,CACzB;gBACa,KAAK,EAAE,wBAAwB;IAU3C,kBAAkB;IAWlB,cAAc,IAAI,OAAO;IAIzB,iBAAiB,IAAI,IAAI;IAoBzB,iBAAiB,IAAI,IAAI;IAOzB,YAAY,IAAI,IAAI;IAwEpB,MAAM,IAAI,KAAK,CAAC,YAAY;CAgC7B;wBAe2D,KAAK,CAAC,aAAa,CAC7E,OAAO,CAAC,wBAAwB,CAAC,CAClC;AAFD,wBAEE;AAEF,YAAY,EACV,wBAAwB,EACxB,eAAe,EACf,QAAQ,EACR,aAAa,EACb,OAAO,EACP,uBAAuB,GACxB,CAAC"}

package/CapLanguageProvider/index.js

@@ -1335,14 +1335,6 @@ module.exports = require("dayjs/plugin/duration");
 
 /***/ }),
 
-/***/ 43363:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("prop-types");
-
-/***/ }),
-
 /***/ 43403:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -2117,9 +2109,7 @@ const languageProviderReducer = function (state, action) {
     case types.GET_LOCIZE_MESSAGE_REQUEST:
       return state.set('localeLoading', types.REQUEST);
     case types.GET_LOCIZE_MESSAGE_SUCCESS:
-      return state.set('localeLoading', types.COMPLETE)
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .set('messages', (0, _immutable.fromJS)(action.data || {})).set('locale', action.locale || types.DEFAULT_LOCALE);
+      return state.set('localeLoading', types.COMPLETE).set('messages', (0, _immutable.fromJS)(action.data || {})).set('locale', action.locale || types.DEFAULT_LOCALE);
     case types.GET_LOCIZE_MESSAGE_FAILURE:
       return state.set('localeLoading', types.COMPLETE).set('messages', (0, _immutable.fromJS)({}));
     case types.GET_LOCIZE_MESSAGE_SKIP:
@@ -2127,9 +2117,7 @@ const languageProviderReducer = function (state, action) {
     case types.GET_SUPPORTED_LOCALES_REQUEST:
       return state.set('fetchSupportedLocalesStatus', types.REQUEST).set('supportedLocales', (0, _immutable.fromJS)([]));
     case types.GET_SUPPORTED_LOCALES_SUCCESS:
-      return state.set('fetchSupportedLocalesStatus', types.SUCCESS)
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .set('supportedLocales', (0, _immutable.fromJS)(action.data || []));
+      return state.set('fetchSupportedLocalesStatus', types.SUCCESS).set('supportedLocales', (0, _immutable.fromJS)(action.data || []));
     case types.GET_SUPPORTED_LOCALES_FAILURE:
       return state.set('fetchSupportedLocalesStatus', types.FAILURE).set('supportedLocales', (0, _immutable.fromJS)([]));
     default:
@@ -2763,7 +2751,6 @@ var _antdV = __webpack_require__(64273);
 var _en_US = _interopRequireDefault(__webpack_require__(75543));
 var _isEmpty = _interopRequireDefault(__webpack_require__(62193));
 var _moment = _interopRequireDefault(__webpack_require__(51146));
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _reactIntl = __webpack_require__(46407);
 var _reactRedux = __webpack_require__(31286);
@@ -2781,11 +2768,18 @@ const {
   makeSelectLanguage,
   makeSelectSupportedLocalesDetails
 } = selectors;
+
 /**
- * lang could either be user.iso_lang from auth/user call (or) locale from local storage. lang consists of 4 english chars like - en_US or fr-FR
- * For antd(4 chars) - pattern is in `_`. like en_US, fr_FR. So if lang is in en-US we need to convert it to en_US antd
- * For react intl(2 chars), languages are defined using two chars only. i.e. 'en' 'fr' etc. so en_US -> en and fr-FR -> fr. This handles both cases where there might be underscore/hypen
- * @returns antdLocale(for antd), reactIntlLocale(for react intl) and locale(locize call to be made for translations))
+ * Converts locale string to appropriate formats for different libraries.
+ *
+ * @param lang - Locale string from user.iso_lang or localStorage (e.g., 'en_US', 'en-US', 'fr-FR')
+ * @param supportedLocales - Array of supported locale configurations
+ * @returns Object containing formatted locales for antd, react-intl, and locize
+ *
+ * @remarks
+ * - Antd uses underscore format (e.g., 'en_US', 'fr_FR')
+ * - React Intl uses 2-letter format (e.g., 'en', 'fr')
+ * - Locize uses the mapped locize_locale from supportedLocales
  */
 function getAllLocales(_ref) {
   var _lang$split, _supportedLocales$fin;
@@ -2828,6 +2822,27 @@ class CapLanguageProvider extends _react.default.PureComponent {
   checkLoginPage() {
     return window.location.pathname.indexOf('/login') !== -1;
   }
+  loadDefaultLocale() {
+    (specifier => new Promise(r => r(specifier)).then(s => _interopRequireWildcard(__webpack_require__(94639)(s))))("antd-v5/locale/en_US").then(module => {
+      if (module != null && module.default) {
+        this.setState({
+          locale: module.default
+        });
+      } else {
+        console.error('Failed to load default antd locale (en_US). Using static import fallback.');
+        // Fallback to the statically imported enUS
+        this.setState({
+          locale: _en_US.default
+        });
+      }
+    }).catch(error => {
+      console.error('Failed to load default antd locale (en_US):', error);
+      // Fallback to the statically imported enUS
+      this.setState({
+        locale: _en_US.default
+      });
+    });
+  }
   componentDidMount() {
     var _this$props$actions;
     (_this$props$actions = this.props.actions) == null || _this$props$actions.getSupportedLocales({
@@ -2837,9 +2852,10 @@ class CapLanguageProvider extends _react.default.PureComponent {
   }
   updateLocale() {
     var _this$props$actions2;
+    const supportedLocalesDetails = this.props.supportedLocalesDetails;
     const {
       supportedLocales = []
-    } = this.props.supportedLocalesDetails || {};
+    } = supportedLocalesDetails || {};
     /**
      * Admin user locale's first locale. Otherwise if org_locale exists -> first org_locale else default_cluster_locale or (en_US);
      */
@@ -2893,16 +2909,17 @@ class CapLanguageProvider extends _react.default.PureComponent {
 
     /**In case of any errors, use default as fallback. */
     (specifier => new Promise(r => r(specifier)).then(s => _interopRequireWildcard(__webpack_require__(94639)(s))))("antd-v5/locale/" + antdLocale).then(module => {
-      this.setState({
-        locale: module.default
-      });
-    }).catch(() => {
-      console.warn("antd locale module does not exist for " + antdLocale + ". Using en_US instead");
-      (specifier => new Promise(r => r(specifier)).then(s => _interopRequireWildcard(__webpack_require__(94639)(s))))("antd-v5/locale/en_US").then(module => {
+      if (module != null && module.default) {
         this.setState({
           locale: module.default
         });
-      });
+      } else {
+        console.warn("antd locale module for " + antdLocale + " does not have a default export. Using en_US instead");
+        this.loadDefaultLocale();
+      }
+    }).catch(error => {
+      console.warn("antd locale module does not exist for " + antdLocale + ". Using en_US instead", error);
+      this.loadDefaultLocale();
     });
   }
   render() {
@@ -2910,46 +2927,36 @@ class CapLanguageProvider extends _react.default.PureComponent {
       language,
       messages,
       supportedLocalesDetails = {},
-      spinnerVisible = true
+      spinnerVisible = true,
+      className
     } = this.props;
-    const translatedMessages = (language == null ? void 0 : language.messages) || messages;
+    const languageState = language;
+    const supportedLocalesDetailsState = supportedLocalesDetails;
+    const translatedMessages = (languageState == null ? void 0 : languageState.messages) || messages;
     const isLoginPage = this.checkLoginPage();
-    const showSpinner = spinnerVisible && !isLoginPage && ((language == null ? void 0 : language.localeLoading) === types.REQUEST || (supportedLocalesDetails == null ? void 0 : supportedLocalesDetails.fetchSupportedLocalesStatus) === types.REQUEST);
+    const showSpinner = spinnerVisible && !isLoginPage && ((languageState == null ? void 0 : languageState.localeLoading) === types.REQUEST || (supportedLocalesDetailsState == null ? void 0 : supportedLocalesDetailsState.fetchSupportedLocalesStatus) === types.REQUEST);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.ConfigProvider, {
       locale: this.state.locale,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.IntlProvider, {
-        locale: (language == null ? void 0 : language.locale) || 'en',
+        locale: (languageState == null ? void 0 : languageState.locale) || 'en',
         messages: translatedMessages,
         onError: () => {},
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSpin.default, {
-          className: this.props.className,
+          className: className,
           spinning: showSpinner,
           children: _react.default.Children.only(this.props.children)
         })
-      }, (language == null ? void 0 : language.locale) || 'en')
+      }, (languageState == null ? void 0 : languageState.locale) || 'en')
     });
   }
 }
 exports.CapLanguageProvider = CapLanguageProvider;
-CapLanguageProvider.propTypes = {
-  user: _propTypes.default.object,
-  actions: _propTypes.default.object,
-  children: _propTypes.default.node,
-  language: _propTypes.default.object,
-  messages: _propTypes.default.object,
-  supportedLocalesDetails: _propTypes.default.object,
-  className: _propTypes.default.string,
-  spinnerVisible: _propTypes.default.bool
-};
 const mapStateToProps = (0, _reselect.createStructuredSelector)({
   language: makeSelectLanguage(),
   supportedLocalesDetails: makeSelectSupportedLocalesDetails()
 });
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function mapDispatchToProps(dispatch) {
   return {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     actions: (0, _redux.bindActionCreators)(action, dispatch)
   };
 }