@asgardeo/react 0.12.0 → 0.13.2

package/dist/utils/applyThemeToDOM.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@asgardeo/browser';
+/**
+ * Writes all CSS custom properties from a resolved `Theme` onto the document root.
+ * Called inside a `useEffect` whenever the active theme changes.
+ */
+declare const applyThemeToDOM: (theme: Theme) => void;
+export default applyThemeToDOM;

package/dist/utils/normalizeThemeConfig.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { RecursivePartial, ThemeConfig } from '@asgardeo/browser';
+/**
+ * Normalizes a `RecursivePartial<ThemeConfig>` so that color fields which are
+ * supplied as plain CSS color strings are coerced into `{ main: string }`
+ * objects before being handed to `createTheme`.
+ *
+ * Only the color groups that `toCssVariables` in `createTheme` actually reads
+ * individual sub-keys from are normalized here (`primary`, `secondary`,
+ * `error`, `success`, `warning`, `info`).  `border` is left alone because it
+ * IS a plain string in `ThemeConfig`.
+ */
+declare const normalizeThemeConfig: (config: RecursivePartial<ThemeConfig> | undefined) => RecursivePartial<ThemeConfig> | undefined;
+export default normalizeThemeConfig;

package/dist/utils/v2/buildThemeConfigFromFlowMeta.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FlowMetaTheme, RecursivePartial, ThemeConfig } from '@asgardeo/browser';
+/**
+ * Converts a v2 `FlowMetaTheme` into a `RecursivePartial<ThemeConfig>` that
+ * `createTheme` can consume.
+ *
+ * Only fields explicitly present in the FlowMeta response are included so that
+ * `createTheme` can deep-merge them onto its base (light/dark) defaults without
+ * accidentally dropping sibling keys that were not returned by the server.
+ *
+ * For example, when FlowMeta returns only `background.default` and
+ * `background.paper`, only `body.main` and `surface` are set — the base
+ * theme's `background.disabled` and `background.dark` are **not** overridden
+ * and therefore keep their default CSS variable values.
+ */
+declare const buildThemeConfigFromFlowMeta: (flowMetaTheme: FlowMetaTheme, colorScheme: "light" | "dark") => RecursivePartial<ThemeConfig>;
+export default buildThemeConfigFromFlowMeta;

package/dist/utils/v2/flowTransformer.d.ts

@@ -40,7 +40,7 @@
  * This transformer is used by both SignIn and SignUp v2 components to ensure
  * consistent response handling across all embedded flows.
  */
-import { EmbeddedFlowComponentV2 as EmbeddedFlowComponent } from '@asgardeo/browser';
+import { EmbeddedFlowComponentV2 as EmbeddedFlowComponent, FlowMetadataResponse } from '@asgardeo/browser';
 import { UseTranslation } from '../../hooks/useTranslation';
 /**
  * Generic flow error response interface that covers common error structure
@@ -81,7 +81,7 @@ export interface FlowTransformOptions {
  * @param resolveTranslations - Whether to resolve translation strings or keep them as i18n keys (default: true)
  * @returns Array of flow components with resolved or unresolved translations
  */
-export declare const transformComponents: (response: any, t: UseTranslation["t"], resolveTranslations?: boolean) => EmbeddedFlowComponent[];
+export declare const transformComponents: (response: any, t: UseTranslation["t"], resolveTranslations?: boolean, meta?: FlowMetadataResponse | null) => EmbeddedFlowComponent[];
 /**
  * Extract error message from flow error response.
  * Supports any flow error response that follows the standard structure.
@@ -113,7 +113,7 @@ export declare const checkForErrorResponse: (response: any, t: UseTranslation["t
  * @returns Normalized flow response with flowId and transformed components
  * @throws {any} The original response if it's an error and throwOnError is true
  */
-export declare const normalizeFlowResponse: (response: any, t: UseTranslation["t"], options?: FlowTransformOptions) => {
+export declare const normalizeFlowResponse: (response: any, t: UseTranslation["t"], options?: FlowTransformOptions, meta?: FlowMetadataResponse | null) => {
     components: EmbeddedFlowComponent[];
     flowId: string;
 };

package/dist/utils/v2/resolveTranslationsInArray.d.ts

@@ -15,13 +15,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { FlowMetadataResponse } from '@asgardeo/browser';
 import { UseTranslation } from '../../hooks/useTranslation';
 /**
- * Recursively resolves translation strings in an array of objects.
+ * Recursively resolves translation and meta template strings in an array of objects.
  * @param items - Array of objects to process
  * @param t - The translation function from useTranslation
  * @param properties - Array of property names to resolve (optional)
+ * @param meta - Optional flow metadata for resolving meta() expressions
  * @returns A new array with resolved translations
  */
-declare const resolveTranslationsInArray: <T extends Record<string, any>>(items: T[], t: UseTranslation["t"], properties?: string[]) => T[];
+declare const resolveTranslationsInArray: <T extends Record<string, any>>(items: T[], t: UseTranslation["t"], properties?: string[], meta?: FlowMetadataResponse | null) => T[];
 export default resolveTranslationsInArray;

package/dist/utils/v2/resolveTranslationsInObject.d.ts

@@ -15,13 +15,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { FlowMetadataResponse } from '@asgardeo/browser';
 import { UseTranslation } from '../../hooks/useTranslation';
 /**
- * Resolves translation strings in an object's properties.
+ * Resolves all {{ t() }} and {{ meta() }} template expressions in an object's string properties.
  * @param obj - The object to process
  * @param t - The translation function from useTranslation
  * @param properties - Array of property names to resolve (optional, defaults to common properties)
- * @returns A new object with resolved translations
+ * @param meta - Optional flow metadata for resolving meta() expressions
+ * @returns A new object with resolved template strings
  */
-export declare const resolveTranslationsInObject: <T extends Record<string, any>>(obj: T, t: UseTranslation["t"], properties?: string[]) => T;
+export declare const resolveTranslationsInObject: <T extends Record<string, any>>(obj: T, t: UseTranslation["t"], properties?: string[], meta?: FlowMetadataResponse | null) => T;
 export default resolveTranslationsInObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgardeo/react",
-  "version": "0.12.0",
+  "version": "0.13.2",
   "description": "React implementation of Asgardeo JavaScript SDK.",
   "keywords": [
     "asgardeo",
@@ -36,8 +36,8 @@
     "@testing-library/react": "16.3.0",
     "@types/node": "22.15.3",
     "@types/react": "19.1.5",
-    "@wso2/eslint-plugin": "git+https://github.com/brionmario/wso2-ui-configs.git#a1fc6eb570653c999828aea9f5027cba06af4391&path:packages/eslint-plugin",
-    "@wso2/prettier-config": "git+https://github.com/brionmario/wso2-ui-configs.git#a1fc6eb570653c999828aea9f5027cba06af4391&path:packages/prettier-config",
+    "@wso2/eslint-plugin": "git+https://github.com/brionmario/wso2-ui-configs.git#d3041825a4f8f235c8f9fa36b55cf29d54e791c8&path:packages/eslint-plugin",
+    "@wso2/prettier-config": "git+https://github.com/brionmario/wso2-ui-configs.git#d3041825a4f8f235c8f9fa36b55cf29d54e791c8&path:packages/prettier-config",
     "esbuild-plugin-preserve-directives": "0.0.11",
     "eslint": "8.57.0",
     "jsdom": "26.1.0",
@@ -55,11 +55,12 @@
     "@emotion/css": "11.13.5",
     "@floating-ui/react": "0.27.12",
     "@types/react-dom": "19.1.5",
+    "dompurify": "3.3.1",
     "esbuild": "0.25.9",
     "react-dom": "19.1.4",
     "tslib": "2.8.1",
-    "@asgardeo/i18n": "0.4.2",
-    "@asgardeo/browser": "0.2.10"
+    "@asgardeo/browser": "0.4.1",
+    "@asgardeo/i18n": "0.4.2"
   },
   "publishConfig": {
     "access": "public"