@asgardeo/react 0.6.5 → 0.6.7

package/dist/components/adapters/SelectInput.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) 2025, 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';
+import { BaseSignUpOptionProps } from '../presentation/SignUp/SignUpOptionFactory';
+/**
+ * Select input component for sign-up forms.
+ */
+declare const SelectInput: FC<BaseSignUpOptionProps>;
+export default SelectInput;

package/dist/index.js

@@ -742,12 +742,21 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
       const arg1 = args[0];
       const arg2 = args[1];
       const config = await this.asgardeo.getConfigData();
-      if (config.platform === Platform.AsgardeoV2 && typeof arg1 === "object" && !isEmpty(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
-        const sessionDataKey = new URL(window.location.href).searchParams.get("sessionDataKey");
+      const platformFromStorage = sessionStorage.getItem("asgardeo_platform");
+      const isV2Platform = config && config.platform === Platform.AsgardeoV2 || platformFromStorage === "AsgardeoV2";
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && arg1.callOnlyOnRedirect === true) {
+        return void 0;
+      }
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !isEmpty(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
+        const sessionDataKeyFromUrl = new URL(window.location.href).searchParams.get("sessionDataKey");
+        const sessionDataKeyFromStorage = sessionStorage.getItem("asgardeo_session_data_key");
+        const sessionDataKey = sessionDataKeyFromUrl || sessionDataKeyFromStorage;
+        const baseUrlFromStorage = sessionStorage.getItem("asgardeo_base_url");
+        const baseUrl = config?.baseUrl || baseUrlFromStorage;
         return executeEmbeddedSignInFlowV2({
           payload: arg1,
           url: arg2?.url,
-          baseUrl: config?.baseUrl,
+          baseUrl,
           sessionDataKey
         });
       }
@@ -1503,7 +1512,14 @@ var AsgardeoProvider = ({
   useEffect5(() => {
     (async () => {
       await asgardeo.initialize(config);
-      setConfig(await asgardeo.getConfiguration());
+      const initializedConfig = await asgardeo.getConfiguration();
+      setConfig(initializedConfig);
+      if (initializedConfig?.platform) {
+        sessionStorage.setItem("asgardeo_platform", initializedConfig.platform);
+      }
+      if (initializedConfig?.baseUrl) {
+        sessionStorage.setItem("asgardeo_base_url", initializedConfig.baseUrl);
+      }
     })();
   }, []);
   useEffect5(() => {
@@ -1519,7 +1535,8 @@ var AsgardeoProvider = ({
       }
       const currentUrl = new URL(window.location.href);
       const hasAuthParamsResult = hasAuthParams(currentUrl, afterSignInUrl);
-      if (hasAuthParamsResult) {
+      const isV2Platform = config.platform === Platform2.AsgardeoV2;
+      if (hasAuthParamsResult && !isV2Platform) {
         try {
           await signIn(
             { callOnlyOnRedirect: true }
@@ -1674,19 +1691,28 @@ var AsgardeoProvider = ({
     fetchBranding
   ]);
   const signIn = async (...args) => {
+    const arg1 = args[0];
+    const isV2FlowRequest = config.platform === Platform2.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("flowId" in arg1 || "applicationId" in arg1);
     try {
-      setIsUpdatingSession(true);
-      setIsLoadingSync(true);
+      if (!isV2FlowRequest) {
+        setIsUpdatingSession(true);
+        setIsLoadingSync(true);
+      }
       const response = await asgardeo.signIn(...args);
+      if (isV2FlowRequest || response && typeof response === "object" && "flowStatus" in response) {
+        return response;
+      }
       if (await asgardeo.isSignedIn()) {
         await updateSession();
       }
       return response;
     } catch (error) {
-      throw new Error(`Error while signing in: ${error}`);
+      throw new Error(`Error while signing in: ${error instanceof Error ? error.message : String(error)}`);
     } finally {
-      setIsUpdatingSession(false);
-      setIsLoadingSync(asgardeo.isLoading());
+      if (!isV2FlowRequest) {
+        setIsUpdatingSession(false);
+        setIsLoadingSync(asgardeo.isLoading());
+      }
     }
   };
   const signInSilently = async (options) => {
@@ -7032,6 +7058,25 @@ var convertSimpleInputToComponent = (input, t) => {
   if (input.name.toLowerCase().includes("password") && input.type.toLowerCase() === "string") {
     fieldType = "password";
   }
+  if (input.type.toLowerCase() === "dropdown") {
+    const label2 = getInputLabel(input.name, fieldType, t);
+    const placeholder2 = getInputPlaceholder(input.name, fieldType, t);
+    return {
+      id: generateId("select"),
+      type: EmbeddedFlowComponentType2.Select,
+      variant: "SELECT",
+      config: {
+        type: fieldType,
+        label: label2,
+        placeholder: placeholder2,
+        required: input.required,
+        identifier: input.name,
+        hint: "",
+        options: input.options || []
+      },
+      components: []
+    };
+  }
   const variant = getInputVariant(fieldType, input.name);
   const label = getInputLabel(input.name, fieldType, t);
   const placeholder = getInputPlaceholder(input.name, fieldType, t);
@@ -7393,7 +7438,8 @@ import { useState as useState16, useEffect as useEffect13, useRef as useRef4 } f
 import {
   AsgardeoRuntimeError as AsgardeoRuntimeError8,
   EmbeddedFlowType,
-  EmbeddedSignInFlowStatusV2
+  EmbeddedSignInFlowStatusV2,
+  EmbeddedSignInFlowTypeV2
 } from "@asgardeo/browser";
 
 // src/components/presentation/SignIn/component-driven/transformer.ts
@@ -7522,16 +7568,62 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
   const [flowError, setFlowError] = useState16(null);
   const [isSubmitting, setIsSubmitting] = useState16(false);
   const initializationAttemptedRef = useRef4(false);
+  const oauthCodeProcessedRef = useRef4(false);
+  const handleRedirection = (response) => {
+    if (response.type === EmbeddedSignInFlowTypeV2.Redirection) {
+      const redirectURL = response.data?.redirectURL || response?.redirectURL;
+      if (redirectURL) {
+        if (response.flowId) {
+          sessionStorage.setItem("asgardeo_flow_id", response.flowId);
+        }
+        const urlParams = new URL(window.location.href).searchParams;
+        const sessionDataKeyFromUrl = urlParams.get("sessionDataKey");
+        if (sessionDataKeyFromUrl) {
+          sessionStorage.setItem("asgardeo_session_data_key", sessionDataKeyFromUrl);
+        }
+        window.location.href = redirectURL;
+        return true;
+      }
+    }
+    return false;
+  };
   useEffect13(() => {
-    if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current) {
+    const storedFlowId = sessionStorage.getItem("asgardeo_flow_id");
+    const urlParams = new URL(window.location.href).searchParams;
+    const code = urlParams.get("code");
+    const state = urlParams.get("state");
+    const sessionDataKeyFromUrl = urlParams.get("sessionDataKey");
+    if (sessionDataKeyFromUrl) {
+      sessionStorage.setItem("asgardeo_session_data_key", sessionDataKeyFromUrl);
+    }
+    if (code) {
+      const flowIdFromUrl = urlParams.get("flowId");
+      const flowIdFromState = state || flowIdFromUrl || storedFlowId;
+      if (flowIdFromState) {
+        setCurrentFlowId(flowIdFromState);
+        setIsFlowInitialized(true);
+        sessionStorage.setItem("asgardeo_flow_id", flowIdFromState);
+        initializationAttemptedRef.current = true;
+      }
+      return;
+    }
+    if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current && !currentFlowId) {
       initializationAttemptedRef.current = true;
       initializeFlow();
     }
-  }, [isInitialized, isLoading, isFlowInitialized]);
+  }, [isInitialized, isLoading, isFlowInitialized, currentFlowId]);
   const initializeFlow = async () => {
     const urlParams = new URL(window.location.href).searchParams;
+    const code = urlParams.get("code");
+    if (code) {
+      return;
+    }
     const flowIdFromUrl = urlParams.get("flowId");
     const applicationIdFromUrl = urlParams.get("applicationId");
+    const sessionDataKeyFromUrl = urlParams.get("sessionDataKey");
+    if (sessionDataKeyFromUrl) {
+      sessionStorage.setItem("asgardeo_session_data_key", sessionDataKeyFromUrl);
+    }
     const effectiveApplicationId = applicationId || applicationIdFromUrl;
     if (!flowIdFromUrl && !effectiveApplicationId) {
       const error = new AsgardeoRuntimeError8(
@@ -7556,6 +7648,9 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
           flowType: EmbeddedFlowType.Authentication
         });
       }
+      if (handleRedirection(response)) {
+        return;
+      }
       const { flowId, components: components2 } = normalizeFlowResponse(response, t);
       if (flowId && components2) {
         setCurrentFlowId(flowId);
@@ -7575,29 +7670,53 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
     }
   };
   const handleSubmit = async (payload) => {
-    if (!currentFlowId) {
+    const effectiveFlowId = payload.flowId || currentFlowId;
+    if (!effectiveFlowId) {
+      console.error("[SignIn] handleSubmit - ERROR: No flowId available", {
+        payloadFlowId: payload.flowId,
+        currentFlowId
+      });
       throw new Error("No active flow ID");
     }
     try {
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
-        flowId: currentFlowId,
+        flowId: effectiveFlowId,
         ...payload
       });
+      if (handleRedirection(response)) {
+        return;
+      }
       const { flowId, components: components2 } = normalizeFlowResponse(response, t);
       if (response.flowStatus === EmbeddedSignInFlowStatusV2.Complete) {
+        const redirectUrl = response.redirectUrl || response.redirect_uri;
+        sessionStorage.removeItem("asgardeo_flow_id");
+        if (redirectUrl) {
+          sessionStorage.removeItem("asgardeo_session_data_key");
+        }
+        const url = new URL(window.location.href);
+        url.searchParams.delete("code");
+        url.searchParams.delete("state");
+        url.searchParams.delete("nonce");
+        window.history.replaceState({}, "", url.toString());
+        const finalRedirectUrl = redirectUrl || afterSignInUrl;
         onSuccess && onSuccess({
-          redirectUrl: response.redirectUrl || afterSignInUrl,
+          redirectUrl: finalRedirectUrl,
           ...response.data
         });
-        window.location.href = response.redirectUrl || afterSignInUrl;
+        if (finalRedirectUrl) {
+          window.location.href = finalRedirectUrl;
+        }
         return;
       }
       if (flowId && components2) {
         setCurrentFlowId(flowId);
         setComponents(components2);
       }
+      if (!currentFlowId && effectiveFlowId) {
+        setCurrentFlowId(effectiveFlowId);
+      }
     } catch (error) {
       const err = error;
       setFlowError(err);
@@ -7617,6 +7736,36 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
     setFlowError(error);
     onError?.(error);
   };
+  useEffect13(() => {
+    const urlParams = new URL(window.location.href).searchParams;
+    const code = urlParams.get("code");
+    const nonce = urlParams.get("nonce");
+    const state = urlParams.get("state");
+    const flowIdFromUrl = urlParams.get("flowId");
+    const storedFlowId = sessionStorage.getItem("asgardeo_flow_id");
+    if (!code || oauthCodeProcessedRef.current || isSubmitting) {
+      return;
+    }
+    const flowIdToUse = currentFlowId || state || flowIdFromUrl || storedFlowId;
+    if (!flowIdToUse || !signIn) {
+      return;
+    }
+    oauthCodeProcessedRef.current = true;
+    if (!currentFlowId) {
+      setCurrentFlowId(flowIdToUse);
+      setIsFlowInitialized(true);
+    }
+    const submitPayload = {
+      flowId: flowIdToUse,
+      inputs: {
+        code,
+        ...nonce && { nonce }
+      }
+    };
+    handleSubmit(submitPayload).catch(() => {
+      oauthCodeProcessedRef.current = false;
+    });
+  }, [isFlowInitialized, currentFlowId, isInitialized, isLoading, isSubmitting, signIn]);
   if (children) {
     const renderProps = {
       initialize: initializeFlow,
@@ -7701,7 +7850,8 @@ import {
   EmbeddedFlowStatus,
   EmbeddedFlowComponentType as EmbeddedFlowComponentType5,
   EmbeddedFlowResponseType,
-  withVendorCSSClassPrefix as withVendorCSSClassPrefix21
+  withVendorCSSClassPrefix as withVendorCSSClassPrefix21,
+  Platform as Platform5
 } from "@asgardeo/browser";
 import { cx as cx21 } from "@emotion/css";
 import { useEffect as useEffect14, useState as useState17, useCallback as useCallback11, useRef as useRef5 } from "react";
@@ -8070,6 +8220,40 @@ var TextInput = ({
 };
 var TextInput_default = TextInput;
 
+// src/components/adapters/SelectInput.tsx
+import { FieldType as FieldType14 } from "@asgardeo/browser";
+var SelectInput = ({
+  component,
+  formValues,
+  touchedFields,
+  formErrors,
+  onInputChange,
+  inputClassName
+}) => {
+  const config = component.config || {};
+  const fieldName = config["identifier"] || config["name"] || component.id;
+  const value = formValues[fieldName] || "";
+  const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
+  const rawOptions = config["options"] || [];
+  const options = rawOptions.map((option) => ({
+    label: option,
+    value: option
+  }));
+  return createField({
+    type: FieldType14.Select,
+    name: fieldName,
+    label: config["label"] || "",
+    placeholder: config["placeholder"] || "",
+    required: config["required"] || false,
+    value,
+    error,
+    options,
+    onChange: (newValue) => onInputChange(fieldName, newValue),
+    className: inputClassName
+  });
+};
+var SelectInput_default = SelectInput;
+
 // src/components/adapters/Typography.tsx
 import { jsx as jsx65 } from "react/jsx-runtime";
 var TypographyComponent = ({ component }) => {
@@ -8179,6 +8363,8 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
     }
     case EmbeddedFlowComponentType4.Form:
       return /* @__PURE__ */ jsx66(FormContainer_default, { component, onSubmit, ...rest });
+    case EmbeddedFlowComponentType4.Select:
+      return /* @__PURE__ */ jsx66(SelectInput_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType4.Divider:
       return /* @__PURE__ */ jsx66(DividerComponent_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType4.Image:
@@ -8384,6 +8570,7 @@ var BaseSignUpContent = ({
   const { theme, colorScheme } = useTheme_default();
   const { t } = useTranslation_default();
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
+  const { platform } = useAsgardeo_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
   const handleError = useCallback11(
     (error) => {
@@ -8509,11 +8696,12 @@ var BaseSignUpContent = ({
           }
         });
       }
+      const actionId = platform === Platform5.AsgardeoV2 ? component.config?.actionId : component.id;
       const payload = {
         ...currentFlow.flowId && { flowId: currentFlow.flowId },
         flowType: currentFlow.flowType || "REGISTRATION",
         inputs: filteredInputs,
-        actionId: component.id
+        ...actionId && { actionId }
       };
       const rawResponse = await onSubmit(payload);
       const response = normalizeFlowResponse2(rawResponse);
@@ -8796,7 +8984,7 @@ var BaseSignUp_default = BaseSignUp;
 import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType2,
   EmbeddedFlowType as EmbeddedFlowType2,
-  Platform as Platform5
+  Platform as Platform6
 } from "@asgardeo/browser";
 import { jsx as jsx68 } from "react/jsx-runtime";
 var SignUp = ({
@@ -8816,7 +9004,7 @@ var SignUp = ({
     const effectiveApplicationId = applicationId || applicationIdFromUrl;
     const initialPayload = payload || {
       flowType: EmbeddedFlowType2.Registration,
-      ...platform === Platform5.AsgardeoV2 && effectiveApplicationId && { applicationId: effectiveApplicationId }
+      ...platform === Platform6.AsgardeoV2 && effectiveApplicationId && { applicationId: effectiveApplicationId }
     };
     return await signUp(initialPayload);
   };
@@ -8844,8 +9032,8 @@ var SignUp = ({
       isInitialized,
       children,
       showLogo: true,
-      showTitle: platform === Platform5.AsgardeoV2,
-      showSubtitle: platform === Platform5.AsgardeoV2,
+      showTitle: platform === Platform6.AsgardeoV2,
+      showSubtitle: platform === Platform6.AsgardeoV2,
       ...rest
     }
   );