@asgardeo/react 0.21.3 → 0.21.4

package/dist/index.js

@@ -5241,6 +5241,16 @@ var createField = (config) => {
           autoComplete: "email"
         }
       );
+    case FieldType.Tel:
+      return /* @__PURE__ */ jsx35(
+        TextField_default,
+        {
+          ...commonProps,
+          type: "tel",
+          onChange: (e) => onChange(e.target.value),
+          autoComplete: "tel"
+        }
+      );
     case FieldType.Date:
       return /* @__PURE__ */ jsx35(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case FieldType.Checkbox: {
@@ -8791,6 +8801,8 @@ var getFieldType = (variant) => {
   switch (variant) {
     case EmbeddedFlowComponentType.EmailInput:
       return FieldType7.Email;
+    case EmbeddedFlowComponentType.PhoneInput:
+      return FieldType7.Tel;
     case EmbeddedFlowComponentType.PasswordInput:
       return FieldType7.Password;
     case EmbeddedFlowComponentType.TextInput:
@@ -8839,7 +8851,8 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
   switch (component.type) {
     case EmbeddedFlowComponentType.TextInput:
     case EmbeddedFlowComponentType.PasswordInput:
-    case EmbeddedFlowComponentType.EmailInput: {
+    case EmbeddedFlowComponentType.EmailInput:
+    case EmbeddedFlowComponentType.PhoneInput: {
       const identifier = component.ref;
       const value = formValues[identifier] || "";
       const isTouched = touchedFields[identifier] || false;
@@ -8859,6 +8872,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       });
       return cloneElement(field, { key });
     }
+    case EmbeddedFlowComponentType.OtpInput: {
+      const identifier = component.ref;
+      const value = formValues[identifier] || "";
+      const isTouched = touchedFields[identifier] || false;
+      const error = isTouched ? formErrors[identifier] : void 0;
+      const field = createField({
+        className: options.inputClassName,
+        error,
+        label: resolve(component.label) || "",
+        name: identifier,
+        onBlur: () => options.onInputBlur?.(identifier),
+        onChange: (newValue) => onInputChange(identifier, newValue),
+        placeholder: resolve(component.placeholder) || "",
+        required: component.required || false,
+        type: FieldType7.Otp,
+        value
+      });
+      return cloneElement(field, { key });
+    }
     case EmbeddedFlowComponentType.Action: {
       const actionId = component.id;
       const eventType = component.eventType || "";
@@ -9239,7 +9271,7 @@ var BaseSignInContent2 = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === "TEXT_INPUT" || component.type === "PASSWORD_INPUT" || component.type === "EMAIL_INPUT") {
+          if (component.type === "TEXT_INPUT" || component.type === "PASSWORD_INPUT" || component.type === "EMAIL_INPUT" || component.type === "PHONE_INPUT" || component.type === "OTP_INPUT") {
             const identifier = component.ref;
             fields.push({
               initialValue: "",
@@ -12245,7 +12277,7 @@ var BaseInviteUser = ({
       const errors = {};
       const validateComponents = (comps) => {
         comps.forEach((comp) => {
-          if ((comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT" || comp.type === "SELECT") && comp.required && comp.ref) {
+          if ((comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT" || comp.type === "SELECT" || comp.type === "PHONE_INPUT" || comp.type === "OTP_INPUT") && comp.required && comp.ref) {
             const value = formValues[comp.ref];
             if (!value || value.trim() === "") {
               errors[comp.ref] = `${comp.label || comp.ref} is required`;
@@ -12704,7 +12736,7 @@ var BaseAcceptInvite = ({
       const errors = {};
       const validateComponents = (comps) => {
         comps.forEach((comp) => {
-          if ((comp.type === "PASSWORD_INPUT" || comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT") && comp.required && comp.ref) {
+          if ((comp.type === "PASSWORD_INPUT" || comp.type === "TEXT_INPUT" || comp.type === "EMAIL_INPUT" || comp.type === "PHONE_INPUT" || comp.type === "OTP_INPUT") && comp.required && comp.ref) {
             const value = formValues[comp.ref];
             if (!value || value.trim() === "") {
               errors[comp.ref] = t("validations.required.field.error");