@asgardeo/react 0.21.3 → 0.21.4

package/dist/cjs/index.js

@@ -5335,6 +5335,16 @@ var createField = (config) => {
           autoComplete: "email"
         }
       );
+    case import_browser36.FieldType.Tel:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        TextField_default,
+        {
+          ...commonProps,
+          type: "tel",
+          onChange: (e) => onChange(e.target.value),
+          autoComplete: "tel"
+        }
+      );
     case import_browser36.FieldType.Date:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case import_browser36.FieldType.Checkbox: {
@@ -8870,6 +8880,8 @@ var getFieldType = (variant) => {
   switch (variant) {
     case import_browser53.EmbeddedFlowComponentTypeV2.EmailInput:
       return import_browser53.FieldType.Email;
+    case import_browser53.EmbeddedFlowComponentTypeV2.PhoneInput:
+      return import_browser53.FieldType.Tel;
     case import_browser53.EmbeddedFlowComponentTypeV2.PasswordInput:
       return import_browser53.FieldType.Password;
     case import_browser53.EmbeddedFlowComponentTypeV2.TextInput:
@@ -8918,7 +8930,8 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
   switch (component.type) {
     case import_browser53.EmbeddedFlowComponentTypeV2.TextInput:
     case import_browser53.EmbeddedFlowComponentTypeV2.PasswordInput:
-    case import_browser53.EmbeddedFlowComponentTypeV2.EmailInput: {
+    case import_browser53.EmbeddedFlowComponentTypeV2.EmailInput:
+    case import_browser53.EmbeddedFlowComponentTypeV2.PhoneInput: {
       const identifier = component.ref;
       const value = formValues[identifier] || "";
       const isTouched = touchedFields[identifier] || false;
@@ -8938,6 +8951,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       });
       return (0, import_react69.cloneElement)(field, { key });
     }
+    case import_browser53.EmbeddedFlowComponentTypeV2.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: import_browser53.FieldType.Otp,
+        value
+      });
+      return (0, import_react69.cloneElement)(field, { key });
+    }
     case import_browser53.EmbeddedFlowComponentTypeV2.Action: {
       const actionId = component.id;
       const eventType = component.eventType || "";
@@ -9318,7 +9350,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: "",
@@ -12299,7 +12331,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`;
@@ -12758,7 +12790,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");