\r\n {/*
*/}\r\n {/*
*/}\r\n {apiData?.length > 0 && (\r\n //
\r\n //
\r\n
\r\n\r\n { apiData?.map((data, index) => {\r\n const splitdate = data?.date?.split('/');\r\n\r\n var dates = `${splitdate[1]}/${splitdate[0]}/${splitdate[2]}`;\r\n\r\n var date = new Date(dates);\r\n var month = monthNames[date.getMonth()];\r\n\r\n return (\r\n //
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {splitdate[0]}\r\n
\r\n
\r\n
{t(month)}
\r\n
\r\n\r\n
\r\n
\r\n {isActive\r\n ? data?.title.length > 20\r\n ? `${data?.title.slice(0, 20)}...`\r\n : data?.title\r\n : data?.titleEn.length > 20\r\n ? `${data.titleEn.slice(0, 20)}...`\r\n : data.titleEn}\r\n
\r\n \r\n
\r\n );\r\n })}\r\n
\r\n )}\r\n
\r\n {pageloading && (\r\n
\r\n )}\r\n {datanotfound &&
}\r\n {/*
*/}\r\n \r\n );\r\n};\r\n\r\nexport default ProjectCards;\r\n// import { useSelector } from 'react-redux';\r\n\r\n// const ProjectCards = () => {\r\n// const isActive = useSelector((state) => state.toggle.isActive);\r\n// const data = [\r\n// {\r\n// Id: 13,\r\n// Name: 'Khair Service for Patient Treatment',\r\n// ModuleCode: '76d61bb7-837a-44cb-8c83-9da5c08aa918',\r\n// Title_AR: 'خدمة خير لعلاج المرضى',\r\n// Title_EN: 'Khair Service for Patient Treatment',\r\n// Details_AR: 'على مدار العام الماضي شارقة الخير تدعم محدودي الدخل بقيمة 17.8 مليون درهم',\r\n// Details_EN: 'Over the past year, Sharjah Charity supports low-income people with a value of 17.8 million dirhams',\r\n// },\r\n// {\r\n// Id: 14,\r\n// Name: 'Thafreej Kurba',\r\n// ModuleCode: '76d61bb7-837a-44cb-8c83-9da5c08aa918',\r\n// Title_AR: 'تفريج كربة',\r\n// Title_EN: 'Thafreej Kurba',\r\n// Details_AR: '6 شهادات \"ايزو\" لجمعية الشارقة الخيرية',\r\n// Details_EN: '6 ISO certificates for the Sharjah Charity',\r\n// },\r\n// {\r\n// Id: 2049,\r\n// Name: 'Relief Campaign',\r\n// ModuleCode: '00000000-0000-0000-0000-000000000000',\r\n// Title_AR: 'حملات الإغاثة',\r\n// Title_EN: 'Relief Campaign',\r\n// Details_AR: 'الشارقة الخيرية تسير حاوية من الأجهزة الطبية إلى موريتانيا',\r\n// Details_EN: 'Sharjah Charity sends a container of medical devices to Mauritania',\r\n// },\r\n// ];\r\n// const image = [\r\n// 'https://shjc.sharjah.ae/website/images/WebsiteScreen/banner_f4638420-4d69-47bb-bff4-83aad34e8f45.jpg',\r\n// 'https://shjc.sharjah.ae/website/images/WebNews/picture_84ccdc8a-b345-4ea1-9431-a9835b5eec42.png',\r\n// 'https://shjc.sharjah.ae/website/images/WebNews/picture_2dc125ce-5ff6-41a5-92c5-ad003d0f6f65.jpg',\r\n// ];\r\n// return (\r\n// <>\r\n//
\r\n// \r\n//
\r\n// {data.map((item, index) => (\r\n//
\r\n// \r\n// \r\n// {isActive ? item.Details_AR : item.Details_EN}\r\n//
\r\n// \r\n// ))}\r\n//
\r\n// \r\n// \r\n// );\r\n// };\r\n\r\n// export default ProjectCards;\r\n","// import { t } from 'i18next';\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport function HeadingSection({ title, headingStyle }) {\r\n const { t } = useTranslation();\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{t(`${title}`)}
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n}\r\n","import { t } from 'i18next';\r\nimport { useEffect, useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { getAsync } from '../helper/axiosHelper';\r\nimport { HeadingSection } from './headingSection';\r\n\r\nconst Stats = () => {\r\n // const [statData, setStatData] = useState([]);\r\n const [statData, setStatData] = useState({\r\n helpedFamilyCount: 0,\r\n countriesCount: 0,\r\n wellCount: 0,\r\n mosquesCount: 0,\r\n });\r\n\r\n const [animationValues, setAnimationValues] = useState({\r\n helpedFamilyCount: 0,\r\n countriesCount: 0,\r\n wellCount: 0,\r\n mosquesCount: 0,\r\n });\r\n\r\n const getStateData = async () => {\r\n await getAsync('APIClient/GetStatisticsSHJC')\r\n .then((response) => {\r\n const result = response?.data;\r\n setStatData(result);\r\n })\r\n .catch((error) => {\r\n toast.error(t('Something went wrong, Please try again!'));\r\n });\r\n };\r\n useEffect(() => {\r\n getStateData();\r\n }, []);\r\n useEffect(() => {\r\n // Counter animation effect\r\n const duration = 5000;\r\n const startTime = performance.now();\r\n\r\n const animate = (currentTime) => {\r\n const elapsed = currentTime - startTime;\r\n const progress = Math.min(elapsed / duration, 1);\r\n\r\n setAnimationValues({\r\n helpedFamilyCount: Math.ceil(progress * statData.helpedFamilyCount),\r\n countriesCount: Math.ceil(progress * statData.countriesCount),\r\n wellCount: Math.ceil(progress * statData.wellCount),\r\n mosquesCount: Math.ceil(progress * statData.mosquesCount),\r\n // Add other counters if needed\r\n });\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n }\r\n };\r\n\r\n requestAnimationFrame(animate);\r\n }, [statData]);\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {' '}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
{t('Families')}\r\n
\r\n {animationValues?.helpedFamilyCount}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {' '}\r\n \r\n - {t('Countries')}
\r\n - \r\n {animationValues?.countriesCount}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {' '}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - {t('Well Constructed')}
\r\n - \r\n {animationValues?.wellCount}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {' '}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - {t('Masjid Constructed')}
\r\n - \r\n {animationValues?.mosquesCount}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n
\r\n \r\n \r\n \r\n \r\n {t('Log in with')}{' '}\r\n \r\n \r\n */}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Stats;\r\n","/* eslint-disable no-unused-vars */\r\nimport copy from 'copy-to-clipboard';\r\nimport { useCallback, useEffect, useState, useTransition } from 'react';\r\nimport { useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useLocation, useNavigate } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\nimport { updatedCart } from '../../features/updatedCartSlice';\r\nimport { addToCart } from '../../features/usercartSlice';\r\nimport LoadingAnimation from '../LoadingAnimation';\r\nimport LoaderModal from '../common/LoaderModal';\r\nimport { getFromLocalStorage } from '../helper/authorizationHelper';\r\nimport { getAsync, postAsync, reactURL } from '../helper/axiosHelper';\r\nimport ModalCartSuccessful from './ModalCartSuccessfull';\r\nimport ProjectsCard from './ProjectsCard';\r\n\r\nconst TabCards = () => {\r\n const isActive = useSelector((state) => state.toggle.isActive);\r\n const [newTab, setNewTab] = useState(false);\r\n const [projectApiData, setProjectAPIData] = useState([]);\r\n const [value, setValue] = useState([]);\r\n const [isCart, setIsCart] = useState(false);\r\n const [isPending, startTransition] = useTransition();\r\n const [activeTab, setActiveTab] = useState(0);\r\n const [amount, setAmount] = useState(0);\r\n const [showError, setShowError] = useState(false);\r\n const [errorStates, setErrorStates] = useState([]);\r\n const [projectGuID, setprojectGuID] = useState('');\r\n const [projectTypes, setProjectTypes] = useState([]);\r\n const [modalMessageText, setModalMessageText] = useState('');\r\n const [modalExist, setModalExist] = useState(false);\r\n const [gridModalOpen, setGridModalOpen] = useState(false);\r\n const [epUserID, setEpUserID] = useState(null);\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const navigate = useNavigate();\r\n const [id, setId] = useState('');\r\n\r\n const { t } = useTranslation();\r\n const dispatch = useDispatch();\r\n const token = localStorage.getItem('token');\r\n\r\n const {\r\n register,\r\n handleSubmit,\r\n formState: { errors },\r\n } = useForm();\r\n useEffect(() => {\r\n localStorage.setItem('isHome', true);\r\n }, []);\r\n const onSubmit = (data) => { };\r\n\r\n const options = {\r\n pageno: 1,\r\n pagesize: 3,\r\n };\r\n\r\n const getProjectTypes = async () => {\r\n await getAsync(`APIClient/HomePageProjectTypes`)\r\n .then((res) => {\r\n const result = res?.data;\r\n setProjectTypes(result);\r\n })\r\n .catch((err) => {\r\n toast.error(t('Something went wrong, Please try again!'));\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getProjectTypes();\r\n handleTabClick(0, 'defd7f3e-d246-4550-820e-4ad3232095fa');\r\n }, []);\r\n\r\n const getProjectData = async (id) => {\r\n await postAsync('APIClient/ProjectListGUID', [id])\r\n .then((response) => {\r\n const result = response?.data[0];\r\n if (result?.id === undefined || result?.id === null || result?.id === 0) {\r\n toast.error(t('Something went wrong, Please try again!'));\r\n } else {\r\n const campaignRefferalLink = `${reactURL}/PaymentProcess/` + result?.id + '/' + result?.id + '/' + 6;\r\n copy(campaignRefferalLink);\r\n toast.success(t('Link copy Successfully'));\r\n }\r\n })\r\n .catch((err) => {\r\n toast.error(t('Something went wrong, Please try again!'));\r\n });\r\n };\r\n\r\n const handleTabClick = useCallback(\r\n async (index, id) => {\r\n setNewTab(true);\r\n setActiveTab(index);\r\n setId(id);\r\n startTransition(async () => {\r\n try {\r\n const response = await getAsync(\r\n `APIClient/HomePageProjects?CategoryTypeId=${id}&page=${options.pageno}&pageSize=${options.pagesize}`,\r\n );\r\n setProjectAPIData(response?.data);\r\n setNewTab(false);\r\n } catch (error) {\r\n toast.error(t('Something went wrong, Please try again!'));\r\n }\r\n });\r\n },\r\n [t, startTransition], // Include startTransition in dependencies\r\n );\r\n\r\n useEffect(() => {\r\n if (token && epUserID != null) {\r\n (async () => {\r\n const response = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, { EPUserID: epUserID });\r\n setValue(response?.data);\r\n dispatch(addToCart(response?.data));\r\n })();\r\n }\r\n }, [epUserID]);\r\n\r\n const initializeErrorStates = () => {\r\n const initialErrors = projectApiData.map(() => false);\r\n setErrorStates(initialErrors);\r\n };\r\n\r\n useEffect(() => {\r\n const retrievedData = getFromLocalStorage('upid');\r\n retrievedData\r\n ?.then((res) => {\r\n setEpUserID(res);\r\n })\r\n .catch((err) => {\r\n console.log('data', err);\r\n });\r\n initializeErrorStates(); // Initialize error states when apiData changes\r\n }, [projectApiData]);\r\n\r\n if (token) {\r\n document.querySelectorAll('.myButton').forEach((button) => {\r\n button.addEventListener('click', async function () {\r\n this.disabled = true;\r\n setTimeout(function () {\r\n this.disabled = false;\r\n }, 1000);\r\n });\r\n });\r\n }\r\n // const addCartItem = async (pId) => {\r\n // try {\r\n // if (amount > 0) {\r\n // if (amount !== 0) {\r\n // setIsLoading(true);\r\n\r\n // const res = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, { EPUserID: epUserID });\r\n // setValue(res?.data);\r\n // dispatch(addToCart(res?.data));\r\n\r\n // const response = await postAsync(`APIClient/ProjectListGUID`, [pId]);\r\n // // console.log(response, 'newItem');\r\n // if (response.statusCode) {\r\n // setModalMessageText('Item not added in cart');\r\n // setModalExist(true);\r\n // setGridModalOpen(true);\r\n // }\r\n // if (response) {\r\n // setIsLoading(false);\r\n // }\r\n // const newItem = response?.data;\r\n // const cartbody = {\r\n // cartID: 0,\r\n // projectName: newItem[0]?.projectName || newItem[0]?.titleAr,\r\n // epUserID: epUserID,\r\n // ip: 'string',\r\n // projectID: newItem[0]?.id,\r\n // amount: amount,\r\n // };\r\n // if (token && value.length === 0 && res?.statusCode === 204) {\r\n // await postAsync(`Cart/CreateCart`, cartbody);\r\n // const resp = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, { EPUserID: epUserID });\r\n // dispatch(addToCart(resp?.data));\r\n // dispatch(updatedCart(true));\r\n // setModalMessageText('Add to cart Successfully');\r\n // setModalExist(false);\r\n // setGridModalOpen(true);\r\n // return;\r\n // } else if (res.data?.length && res?.statusCode === 200) {\r\n // const itemExistsdatabase = res?.data?.some((item) => item?.projectID === pId);\r\n // if (token && !itemExistsdatabase) {\r\n // await postAsync(`Cart/CreateCart`, cartbody);\r\n // const respo = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, {\r\n // EPUserID: epUserID,\r\n // });\r\n // dispatch(addToCart(respo?.data));\r\n // dispatch(updatedCart(true));\r\n // setModalMessageText('Add to cart Successfully');\r\n // setAmount(0);\r\n // setModalExist(false);\r\n // setGridModalOpen(true);\r\n // } else {\r\n // setModalMessageText('Item Already Exists');\r\n // setModalExist(true);\r\n // setGridModalOpen(true);\r\n // console.log('Item with the same projectGuID already exists, updating its price.');\r\n // }\r\n // }\r\n\r\n // if (!token) {\r\n // const updateCart = (data) => {\r\n // const updatedData = data.map((item) => {\r\n // if (item?.id === newItem[0].id) {\r\n // return { ...item, price: amount, paymentPeriodID: dataObject.paymentMethodId };\r\n // }\r\n // return item;\r\n // });\r\n // localStorage.setItem('cart', JSON.stringify(updatedData));\r\n // };\r\n\r\n // // Retrieve existing cart data or create an empty array\r\n // const existingData = JSON.parse(localStorage.getItem('cart')) || [];\r\n // // Check if item exists and update price if needed\r\n // const itemExists = existingData.some((item) => item.id === newItem[0].id);\r\n // if (itemExists) {\r\n // setIsCart(true);\r\n // // toast.error('Item already exists.');\r\n // setModalMessageText('Item Already Exists');\r\n // setModalExist(true);\r\n // setGridModalOpen(true);\r\n // updateCart(existingData);\r\n // } else {\r\n // setIsCart(true);\r\n // // toast.success('Add to cart Successfully');\r\n // dispatch(updatedCart(true));\r\n // console.log('Item with the same projectGuID does not exist, adding the new item.');\r\n // newItem[0].price = amount;\r\n // updateCart([...existingData, ...newItem]);\r\n\r\n // setModalMessageText('Add to cart Successfully');\r\n // setAmount(0);\r\n // setModalExist(false);\r\n // setGridModalOpen(true);\r\n // }\r\n // }\r\n // } else {\r\n // setprojectGuID(pId);\r\n // }\r\n // } else {\r\n // toast.error(`${t('Amount must be greater than 0')}`);\r\n // }\r\n // } catch (error) {\r\n // console.log(error);\r\n // }\r\n // };\r\n\r\n const dataObject = {\r\n paymentMethodId: 1,\r\n amount,\r\n required: true,\r\n };\r\n const updateErrorState = (index, isError) => {\r\n setErrorStates((prevStates) => {\r\n const newErrorStates = [...prevStates];\r\n newErrorStates[index] = isError;\r\n return newErrorStates;\r\n });\r\n };\r\n\r\n // const DonateHandle = (projectGuID, referralLink, index) => {\r\n // if (amount > 0) {\r\n // if (amount == 0) {\r\n // updateErrorState(index, true);\r\n // return;\r\n // } else {\r\n // updateErrorState(index, false);\r\n // const link = `/externalPayment/${projectGuID}/${referralLink}/${6}`;\r\n // navigate(link, { state: { paymentInfo: dataObject } });\r\n // }\r\n // } else {\r\n // toast.error(`${t('Amount must be greater than 0')}`);\r\n // }\r\n // };\r\n\r\n\r\n // new code\r\n const Mainmenu = useSelector((state) => state.menuTitle.menuName);\r\n const [dataValue, setDataValue] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const [error, setError] = useState(null);\r\n const [count, setCount] = useState(0);\r\n const [currentIndex, setCurrentIndex] = useState(null);\r\n const [previousIndex, setPreviousIndex] = useState(currentIndex);\r\n const [smsModal, setSmsModal] = useState(false);\r\n const [selectedValues, setSelectedValues] = useState([]);\r\n const [paymentMethodId, setPaymentMethodId] = useState(1);\r\n const { pathname } = useLocation();\r\n\r\n\r\n\r\n useEffect(() => {\r\n localStorage.setItem('isHome', true);\r\n const fetchData = async () => {\r\n setValue(null);\r\n setLoading(true);\r\n try {\r\n const response = await fetch(`${baseURL}/APIClient/InternalProjectSHJC?ModuleId=${id}`);\r\n if (!response.ok) {\r\n throw new Error('Network response was not ok');\r\n }\r\n const result = await response.json();\r\n setValue(result);\r\n setLoading(false);\r\n } catch (error) {\r\n setError(error);\r\n setLoading(false);\r\n }\r\n };\r\n\r\n if (id) {\r\n fetchData();\r\n }\r\n }, [id]);\r\n\r\n useEffect(() => {\r\n const retrievedData = getFromLocalStorage('upid');\r\n retrievedData\r\n ?.then((res) => {\r\n setEpUserID(res);\r\n })\r\n .catch((err) => {\r\n console.log('data', err);\r\n });\r\n }, [epUserID]);\r\n\r\n useEffect(() => {\r\n if (value?.data && value?.data?.length > 0) {\r\n setSelectedValues(Array(value?.data?.length).fill(1));\r\n }\r\n }, [value?.data]);\r\n\r\n\r\n\r\n\r\n // Function to handle donation\r\n const DonateHandle = (id, referralLink, index, isContribution) => {\r\n if (amount > 0) {\r\n if (amount == 0) {\r\n updateErrorState(index, true);\r\n return;\r\n } else {\r\n updateErrorState(index, false);\r\n const payload = {\r\n ...dataObject,\r\n isContribution\r\n }\r\n const link = `/externalPayment/${id}/${referralLink}/6`;\r\n navigate(link, { state: { paymentInfo: payload } });\r\n }\r\n } else {\r\n toast.error(`${t('Amount must be greater than 0')}`);\r\n }\r\n };\r\n\r\n if (loading) return
;\r\n\r\n const addCartItem = async (pId) => {\r\n try {\r\n if (amount > 0) {\r\n if (amount !== 0) {\r\n setIsLoading(true);\r\n const res = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, { EPUserID: epUserID });\r\n dispatch(addToCart(res?.data));\r\n const response = await postAsync(`APIClient/ProjectListGUID`, [pId]);\r\n if (response.statusCode) {\r\n setModalMessageText('Item not added in cart');\r\n setModalExist(true);\r\n setGridModalOpen(true);\r\n }\r\n if (response) {\r\n setIsLoading(false);\r\n }\r\n const newItem = response?.data;\r\n const cartbody = {\r\n cartID: 0,\r\n projectName: newItem[0]?.titleAr || newItem[0]?.titleEn,\r\n epUserID: epUserID,\r\n ip: 'string',\r\n projectID: newItem[0]?.id,\r\n amount: amount,\r\n };\r\n if (token && res?.statusCode === 204) {\r\n await postAsync(`Cart/CreateCart`, cartbody);\r\n const resp = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, { EPUserID: epUserID });\r\n dispatch(addToCart(resp?.data));\r\n dispatch(updatedCart(true));\r\n setModalMessageText('Add to cart Successfully');\r\n setModalExist(false);\r\n setGridModalOpen(true);\r\n return;\r\n } else if (res.data?.length && res?.statusCode === 200) {\r\n const itemExistsdatabase = res?.data?.some((item) => item.projectID === pId);\r\n\r\n if (token && !itemExistsdatabase) {\r\n await postAsync(`Cart/CreateCart`, cartbody);\r\n const respo = await postAsync(`Cart/GetCartListByEpUserIdAndIP`, {\r\n EPUserID: epUserID,\r\n });\r\n dispatch(addToCart(respo?.data));\r\n dispatch(updatedCart(true));\r\n setModalMessageText('Add to cart Successfully');\r\n setModalExist(false);\r\n setGridModalOpen(true);\r\n } else {\r\n setModalMessageText('Item Already Exists');\r\n setModalExist(true);\r\n setGridModalOpen(true);\r\n }\r\n }\r\n\r\n if (!token) {\r\n const updateCart = (data) => {\r\n const updatedData = data.map((item) => {\r\n if (item?.id === newItem[0].id) {\r\n return { ...item, price: amount };\r\n }\r\n return item;\r\n });\r\n localStorage.setItem('cart', JSON.stringify(updatedData));\r\n };\r\n\r\n // Retrieve existing cart data or create an empty array\r\n const existingData = JSON.parse(localStorage.getItem('cart')) || [];\r\n // Check if item exists and update price if needed\r\n const itemExists = existingData.some((item) => item?.id === newItem[0]?.id);\r\n if (itemExists) {\r\n setModalMessageText('Item Already Exists');\r\n setModalExist(true);\r\n setGridModalOpen(true);\r\n updateCart(existingData);\r\n } else {\r\n // toast.success('Add to cart Successfully');\r\n dispatch(updatedCart(true));\r\n newItem[0].price = amount;\r\n updateCart([...existingData, ...newItem]);\r\n setModalMessageText('Add to cart Successfully');\r\n setModalExist(false);\r\n setGridModalOpen(true);\r\n }\r\n }\r\n } else {\r\n setprojectGuID(pId);\r\n }\r\n } else {\r\n toast.error(`${t('Amount must be greater than 0')}`);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n const handleShareLink = (guid) => {\r\n setIsLoading(true);\r\n const shareLink = `${reactURL}/PaymentProcess/` + guid + '/' + guid + '/' + 6;\r\n copy(shareLink);\r\n toast.success(t('Link copy Successfully'));\r\n setIsLoading(false);\r\n };\r\n\r\n const handleOnChange = (index, value) => {\r\n const newSelectedValues = [...selectedValues];\r\n newSelectedValues[index] = value;\r\n setSelectedValues(newSelectedValues);\r\n setPaymentMethodId(value);\r\n };\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n
\r\n { newTab ? (\r\n\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n { projectTypes?.map((data, index) => {\r\n return (\r\n handleTabClick(index, data?.id) }\r\n >\r\n { isActive ? data?.nameAr : data?.nameEn }\r\n \r\n );\r\n }) }\r\n
\r\n
\r\n { (activeTab === 0 || 1 || 2 || 3) && (\r\n
\r\n
\r\n
\r\n { projectApiData?.length > 0 ? (\r\n \r\n { projectApiData?.map((data, index) => {\r\n return (\r\n\r\n
\r\n );\r\n }) }\r\n
\r\n
\r\n
\r\n ) }\r\n
\r\n
\r\n
![\"SHJC\"](\"/assets/logo.png\")
\r\n ![\"\"](\"assets/icons/insurance.svg\"){kind=icon}
*/}\r\n \r\n {t('Privacy Policy')}\r\n \r\n ![\"\"](\"assets/icons/FAQ.svg\"){kind=icon}
*/}\r\n ![\"\"](\"/assets/images/Footer-logo.png\"){kind=logo}
\r\n ![\"apple\"](\"/assets/getapp.png\")
\r\n ![\"app\"](\"/assets/images/downoad.jpg\")
\r\n ![\"\"](\"/assets/images/Arab-sea-new-Banner.jpg\")
\r\n ![\"\"](\"/assets/glasshour.gif\")
\r\n ![\"\"](\"/assets/images/Arab-sea-new-Banner-2.jpg\")
\n ![\"\"](\"https://shjc.sharjah.ae/etisalat.png\")
\r\n ![\"\"](\"https://shjc.sharjah.ae/du.png\")
\r\n ![\"error401.jpg\"](\"https://cdn.dribbble.com/users/761395/screenshots/6287961/error_401.jpg\")
\n 
\n 
*/ }\n\n ![\"\"](\"/assets/images/seabanner.jpg\")
\r\n 
\r\n\r\n 
\r\n ![\"Upload](\"/assets/uploadimage.png\")
\r\n ![\"\"](\"./assets/Sharjah-stroke-logo-1.png\"){kind=logo}
*/ }\n { isLoading ? (\n