@asgardeo/react 0.13.0 → 0.13.2

package/dist/components/presentation/auth/AuthOptionFactory.d.ts

@@ -15,8 +15,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { EmbeddedFlowComponentV2 as EmbeddedFlowComponent } from '@asgardeo/browser';
+import { FlowMetadataResponse, EmbeddedFlowComponentV2 as EmbeddedFlowComponent } from '@asgardeo/browser';
 import { ReactElement } from 'react';
+import { UseTranslation } from '../../../hooks/useTranslation';
 export type AuthType = 'signin' | 'signup';
 /**
  * Processes an array of components and renders them as React elements for sign-in.
@@ -24,9 +25,13 @@ export type AuthType = 'signin' | 'signup';
 export declare const renderSignInComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
     buttonClassName?: string;
     inputClassName?: string;
+    /** Flow metadata for resolving {{meta(...)}} expressions at render time */
+    meta?: FlowMetadataResponse | null;
     onInputBlur?: (name: string) => void;
     onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>, skipValidation?: boolean) => void;
     size?: "small" | "medium" | "large";
+    /** Translation function for resolving {{t(...)}} expressions at render time */
+    t?: UseTranslation["t"];
     variant?: any;
 }) => ReactElement[];
 /**
@@ -35,9 +40,13 @@ export declare const renderSignInComponents: (components: EmbeddedFlowComponent[
 export declare const renderSignUpComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
     buttonClassName?: string;
     inputClassName?: string;
+    /** Flow metadata for resolving {{meta(...)}} expressions at render time */
+    meta?: FlowMetadataResponse | null;
     onInputBlur?: (name: string) => void;
     onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>, skipValidation?: boolean) => void;
     size?: "small" | "medium" | "large";
+    /** Translation function for resolving {{t(...)}} expressions at render time */
+    t?: UseTranslation["t"];
     variant?: any;
 }) => ReactElement[];
 /**
@@ -47,8 +56,12 @@ export declare const renderSignUpComponents: (components: EmbeddedFlowComponent[
 export declare const renderInviteUserComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
     buttonClassName?: string;
     inputClassName?: string;
+    /** Flow metadata for resolving {{meta(...)}} expressions at render time */
+    meta?: FlowMetadataResponse | null;
     onInputBlur?: (name: string) => void;
     onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>, skipValidation?: boolean) => void;
     size?: "small" | "medium" | "large";
+    /** Translation function for resolving {{t(...)}} expressions at render time */
+    t?: UseTranslation["t"];
     variant?: any;
 }) => ReactElement[];

package/dist/{utils/v2/resolveTranslation.d.ts → components/primitives/Icons/ArrowLeftRight.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ * 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
@@ -15,13 +15,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { UseTranslation } from '../../hooks/useTranslation';
+import { FC } from 'react';
+export interface ArrowLeftRightProps {
+    /** Color of the icon stroke */
+    color?: string;
+    /** Icon size in pixels */
+    size?: number;
+}
 /**
- * Resolves a translation string using the provided translation function.
- * If the text is not a translation string, returns the original text.
- * @param text - The text to resolve (could be a translation string or regular text)
- * @param t - The translation function from useTranslation
- * @returns The resolved text
+ * ArrowLeftRight Icon component (lucide-compatible).
  */
-export declare const resolveTranslation: (text: string | undefined, t: UseTranslation["t"]) => string;
-export default resolveTranslation;
+declare const ArrowLeftRight: FC<ArrowLeftRightProps>;
+export default ArrowLeftRight;

package/dist/components/primitives/Icons/flowIconRegistry.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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 { FC } from 'react';
+export interface FlowIconProps {
+    color?: string;
+    size?: number;
+}
+/**
+ * Registry of icon components keyed by their lucide-compatible name.
+ * Add new icons here as needed by flow definitions.
+ */
+declare const flowIconRegistry: Record<string, FC<FlowIconProps>>;
+export default flowIconRegistry;

package/dist/components/primitives/Icons/index.d.ts

@@ -15,6 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+export { default as ArrowLeftRight } from './ArrowLeftRight';
 export { default as CircleAlert } from './CircleAlert';
 export { default as CircleCheck } from './CircleCheck';
 export { default as Eye } from './Eye';

package/dist/contexts/Asgardeo/AsgardeoContext.d.ts

@@ -103,6 +103,19 @@ export type AsgardeoContextProps = {
      * @returns Promise resolving to boolean indicating success.
      */
     reInitialize: (config: Partial<AsgardeoReactConfig>) => Promise<boolean>;
+    /**
+     * Resolves `{{ t(key) }}` and `{{ meta(path) }}` template expressions in a string,
+     * using the current i18n translation function and flow metadata from context.
+     *
+     * Useful in render-props patterns where consumers need to expand template strings
+     * that come from the server (e.g. component labels, placeholders, headings).
+     *
+     * @example
+     * const {resolveVars} = useAsgardeo();
+     * resolveVars('{{ t(signin.heading.label) }}') // → 'Sign In'
+     * resolveVars('Login to {{ meta(application.name) }}') // → 'Login to My App'
+     */
+    resolveVars: (text: string | undefined) => string;
     /**
      * Sign-in function to initiate the authentication process.
      * @remark This is the programmatic version of the `SignInButton` component.

package/dist/contexts/I18n/I18nContext.d.ts

@@ -30,6 +30,11 @@ export interface I18nContextValue {
      * The fallback language code
      */
     fallbackLanguage: string;
+    /**
+     * Injects additional bundles into the i18n system (e.g., from flow metadata).
+     * Injected bundles take precedence over defaults but are overridden by prop-provided bundles.
+     */
+    injectBundles: (bundles: Record<string, I18nBundle>) => void;
     /**
      * Function to change the current language
      */