@asgardeo/react 0.6.5 → 0.6.6

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

@@ -7032,6 +7032,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);
@@ -8070,6 +8089,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 +8232,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: