import React, { useState, useEffect } from "react"; import Image from "next/image"; import Link from "next/link"; import axios from "axios"; import { useRouter } from "next/router"; import { useDispatch, useSelector } from "react-redux"; import { setNumber } from "../../Redux/numberSlice"; import Loader from "@/components/helpers/Loader"; import { RootState } from "@/Redux/store"; import Swal from "sweetalert2"; import toast, { Toaster } from "react-hot-toast"; import { userActivity } from "@/components/commonFunctions/userActivity"; import { motion } from "framer-motion"; import { setCode } from "@/Redux/referralSlice"; import { Tag } from "antd"; import Head from "next/head"; const SignUpWithMob = () => { const handleSignIn = (icon: any, title: any) => { const Toast = Swal.mixin({ toast: true, position: "bottom-end", showConfirmButton: false, timer: 5000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener("mouseenter", Swal.stopTimer); toast.addEventListener("mouseleave", Swal.resumeTimer); }, }); Toast.fire({ icon: icon, title: title, }); }; const router = useRouter(); const dispatch = useDispatch(); // const {number} = useSelector((state: RootState) => state.number); const { number } = useSelector((state: RootState) => state.number); const _loggedIn_user = useSelector((state: RootState) => state.user.user); const _refCode = useSelector((state: RootState) => state.referral.code); const [userNumber, setUserNumber] = useState(""); const [loading, setLoading] = useState(false); const [referralInput, setReferralInput] = useState(false); const [referralcode, setReferralCode] = useState(""); const handleSubmit = async () => { userActivity( _loggedIn_user?._id, "website", "/product page", { pageVisit: `OTP verify`, userLogin: "incomplete", }, navigator.userAgent ); if (number.length === 11) { // if(number.length === 11){ // const last10Digits = number.substring(1); // console.log("10 DIGITS",last10Digits) // data = { // phoneCode:"+234", // phone:last10Digits // } // }else{ // data = { // phoneCode:"+234", // phone:number // } // } try { setLoading(true); const data = { phoneCode: "+234", phone: number, referralCode: _refCode, }; const response = await axios.post( "https://api.jazzagain.com/public/index.php/api/auth/login/", data ); console.log("Response:", response); handleSignIn("success", "OTP Sent SuccessFully !"); // if(response.data.otp == true) router.push(`/auth/verify-mobile-otp`); if (response) router.push(`/auth/verify-mobile-otp`); setLoading(false); } catch (error: any) { handleSignIn("error", error.response.data.message); setLoading(false); } } else { toast.error("Enter valid number !"); } }; // const handleChange = (event:any)=>{ // dispatch(setNumber(event.target.value)); // } const handleChange = (event: React.ChangeEvent) => { const inputValue = event.target.value; const numericValue = inputValue.replace(/[^0-9]/g, ""); const maxLength = 11; if (numericValue.length <= maxLength) { dispatch(setNumber(numericValue)); } }; const handleReferralCodeChange = (e: any) => { const newValue = e.target.value; setReferralCode(newValue); dispatch(setCode(newValue)); console.log("Referral code changed to:", newValue); }; return ( <>