\r\n
\r\n \r\n Loading...\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n ![]()
{props.onHide(); setDisplay(0)}} src={closeIcon} alt='close_icon' style={{width:'15px', height:'15px', cursor:'pointer'}}/>\r\n
\r\n {display===0 && !props.show2?\r\n \r\n \r\n
:\r\n props.show2?\r\n \r\n {} \r\n \r\n \r\n
\r\n \r\n {i18n.t(fields.main)}:\r\n
- {i18n.t(fields.p1)}.\r\n
- {i18n.t(fields.p2)}.\r\n
\r\n );\r\n setLoadingModalShow(false);\r\n } else if (!loginBody.user_id) {\r\n toastifyMessage(\r\n undefined,\r\n undefined,\r\n 'warning',\r\n - {i18n.t(fields.p1)}.\r\n
- {i18n.t(fields.p2)}.\r\n
\r\n {i18n.t(fields.main)}:\r\n
- {i18n.t(fields.p1)}.\r\n
\r\n );\r\n setLoadingModalShow(false);\r\n } else if (!loginBody.password) {\r\n toastifyMessage(\r\n undefined,\r\n undefined,\r\n 'warning',\r\n - {i18n.t(fields.p1)}.\r\n
\r\n {i18n.t(fields.main)}:\r\n
- {i18n.t(fields.p2)}.\r\n
\r\n );\r\n setLoadingModalShow(false);\r\n } else {\r\n console.log('loginBodyNEW', loginBody);\r\n try {\r\n var userData = await api.signIn(loginBody);\r\n userData = { data: { Results: [userData] } };\r\n await dispatch({ type: AUTH, data: userData.data });\r\n afterLogin(userData);\r\n console.log('userData', userData);\r\n } catch (error) {\r\n console.log('error', error);\r\n toastifyMessage(\r\n 'Login Failed!',\r\n 'Invalid Email/Username/Password',\r\n 'warning'\r\n );\r\n } finally {\r\n setLoadingModalShow(false);\r\n }\r\n // setLoadingModalShow(false);\r\n // let userData1 = await api.whoAmI()\r\n // console.log(\"userData\", userData1);\r\n // console.log(\"userData\", authToken);\r\n }\r\n if (\r\n (userData.data.Results === 'Wrong Password') |\r\n (userData.data.Results === 'User Not Found') |\r\n (userData.data.Results === 'Incorrect email/password is entered') |\r\n (userData.data.Results === 'OTP not Verified')\r\n ) {\r\n setLoadingModalShow(false);\r\n\r\n const response = {\r\n // error: `${userData.data[\"Results\"]}`,\r\n error: `${userData.data.result}`,\r\n message: 'Please, check your credentials and try again.'\r\n };\r\n console.log('response', response);\r\n toastifyMessage('Login Failed!', response, 'warning');\r\n if (userData.data.Results === 'OTP not Verified') {\r\n history.push(`/auth/needToOTP`, {\r\n email: loginBody.user_id,\r\n from: 'signIn'\r\n });\r\n }\r\n } else {\r\n console.log('');\r\n }\r\n } catch (error) {\r\n let number = Object.keys(error).length;\r\n if (number > 0) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n }\r\n };\r\nconst afterLogin = async (userData) => {\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let lng = JSON.parse(localStorage.getItem('language')).lang;\r\n if (currentProfile) {\r\n let woleBag = [];\r\n let wholeFav = [];\r\n for (let i = 0; i < currentProfile.cart.donations.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.donations[i]?.donationId,\r\n userName: userData.data.Results[0]?.name_a,\r\n userMob: userData.data.Results[0]?.mobile_no,\r\n userEmail: userData.data.Results[0]?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.donations[i]?.amount,\r\n recuring: 'N',\r\n cart_serial: null,\r\n remarks: currentProfile.cart.donations[i]?.remarks\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.humanCases.length; i++) {\r\n woleBag.push({\r\n donID: '158',\r\n userName: userData.data.Results[0]?.name_a,\r\n userMob: userData.data.Results[0]?.mobile_no,\r\n userEmail: userData.data.Results[0]?.email,\r\n itemType: 4,\r\n amount: currentProfile.cart.humanCases[i]?.donationAmountFromUser,\r\n cart_serial: null,\r\n humanCase: currentProfile.cart.humanCases[i]?.humanId,\r\n humanYear: currentProfile.cart.humanCases[i]?.caseYear\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.orphans.length; i++) {\r\n woleBag.push({\r\n donID: '1',\r\n userName: userData.data.Results[0]?.name_a,\r\n userMob: userData.data.Results[0]?.mobile_no,\r\n userEmail: userData.data.Results[0]?.email,\r\n itemType: '1',\r\n amount: currentProfile.cart.orphans[i]?.baseAmount,\r\n recuring: currentProfile.cart.orphans[i]?.paymentWay,\r\n cart_serial: null,\r\n orpTypeID: currentProfile.cart.orphans[i]?.orphanId,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n country_id: currentProfile.cart.orphans[i]?.orphanCountryId,\r\n month_count:\r\n currentProfile.cart.orphans[i]?.paymentWay === 'N'\r\n ? currentProfile.cart.orphans[i]?.years > 4\r\n ? currentProfile.cart.orphans[i]?.years\r\n : currentProfile.cart.orphans[i]?.years * 12\r\n : 1\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.projects.length; i++) {\r\n woleBag.push({\r\n donID: '8',\r\n userName: userData.data.Results[0]?.name_a,\r\n userMob: userData.data.Results[0]?.mobile_no,\r\n userEmail: userData.data.Results[0]?.email,\r\n itemType: '2',\r\n amount: currentProfile.cart.projects[i]?.projectAmount,\r\n cart_serial: null,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n prj_name: currentProfile.cart.projects[i]?.projectName,\r\n projectYear: currentProfile.cart.projects[i]?.projectYear,\r\n template_id: currentProfile.cart.projects[i]?.projectId,\r\n country_id: currentProfile.cart.projects[i]?.countryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.sukuks.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.sukuks[i]?.sukId,\r\n userName: userData.data.Results[0]?.name_a,\r\n userMob: userData.data.Results[0]?.mobile_no,\r\n userEmail: userData.data.Results[0]?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.sukuks[i]?.amount,\r\n recuring: currentProfile.cart.sukuks[i]?.donationFreq,\r\n cart_serial: null\r\n });\r\n }\r\n //----------Move Favorites-----------\r\n for (let i = 0; i < currentProfile.liked.donations.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results[0]?.email,\r\n dontypeID: currentProfile.liked.donations[i]?.donationId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.orphans?.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results[0]?.email,\r\n dontypeID: '',\r\n projectID: '',\r\n orptypeID: currentProfile.liked.orphans[i]?.orphanId,\r\n projectYear: '',\r\n countryID: currentProfile.liked.orphans[i]?.orphanCountryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.projects.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results[0]?.email,\r\n dontypeID: '',\r\n projectID: currentProfile.liked.projects[i]?.projectId,\r\n orptypeID: '',\r\n projectYear: currentProfile.liked.projects[i]?.projectYear,\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.sukuks.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results[0]?.email,\r\n dontypeID: currentProfile.liked.sukuks[i]?.sukId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n await dispatch(\r\n addToBag({\r\n cart: woleBag.slice(0),\r\n language: lng === 'arab' ? 1 : 2\r\n })\r\n );\r\n await dispatch(addToFavorites(lng === 'arab' ? 1 : 2, wholeFav, 'array'));\r\n }\r\n localStorage.removeItem('profile');\r\n localStorage.removeItem('visitorDetails');\r\n if (fromState === 'volunteer') {\r\n window.open('/volunteer/vln-registration', '_self');\r\n } else if (fromState === 'Loacal Aid') {\r\n window.open('/localAid/setup-information', '_self');\r\n } else {\r\n setLoadingModalShow(false);\r\n window.open('/profile', '_self');\r\n }\r\n};\r\n//Social sign in part\r\nexport const signInWithGoogle =\r\n (\r\n accessToken,\r\n loginBody,\r\n history,\r\n setLoadingModalShow,\r\n fromState,\r\n completeInfo,\r\n lodaingSwitch,\r\n setWait\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n var userData = await api.signInWithGoogle1(accessToken);\r\n\r\n // old code\r\n // var userData = await api.signInWithSocial(\r\n // loginBody.email,\r\n // loginBody.googleId,\r\n // loginBody.name,\r\n // \"GOOGLE\"\r\n // );\r\n\r\n // let res = { Results: [userData.data.Results], loginType: \"GOOGLE\" };\r\n userData = {\r\n data: {\r\n Results: [userData],\r\n loginType: 'GOOGLE'\r\n }\r\n };\r\n console.log('res', userData);\r\n await dispatch({ type: AUTH, data: userData.data });\r\n afterGoogleLogin(userData);\r\n console.log('userData', userData);\r\n } catch (error) {\r\n let number = Object.keys(error).length;\r\n if (number > 0) {\r\n setLoadingModalShow(false);\r\n console.log('error', error);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n } finally {\r\n setLoadingModalShow(false);\r\n }\r\n };\r\n\r\nconst afterGoogleLogin = async (userData) => {\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n console.log('currentProfile', currentProfile);\r\n let lng = JSON.parse(localStorage.getItem('language')).lang;\r\n console.log('lng', lng);\r\n if (currentProfile) {\r\n let woleBag = [];\r\n let wholeFav = [];\r\n for (let i = 0; i < currentProfile.cart.donations.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.donations[i]?.donationId,\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.donations[i]?.amount,\r\n recuring: 'N',\r\n cart_serial: null,\r\n remarks: currentProfile.cart.donations[i]?.remarks\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.humanCases.length; i++) {\r\n woleBag.push({\r\n donID: '158',\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: 4,\r\n amount: currentProfile.cart.humanCases[i]?.donationAmountFromUser,\r\n cart_serial: null,\r\n humanCase: currentProfile.cart.humanCases[i]?.humanId,\r\n humanYear: currentProfile.cart.humanCases[i]?.caseYear\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.orphans.length; i++) {\r\n woleBag.push({\r\n donID: '1',\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: '1',\r\n amount: currentProfile.cart.orphans[i]?.baseAmount,\r\n recuring: currentProfile.cart.orphans[i]?.paymentWay,\r\n cart_serial: null,\r\n orpTypeID: currentProfile.cart.orphans[i]?.orphanId,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n country_id: currentProfile.cart.orphans[i]?.orphanCountryId,\r\n month_count:\r\n currentProfile.cart.orphans[i]?.paymentWay === 'N'\r\n ? currentProfile.cart.orphans[i]?.years > 4\r\n ? currentProfile.cart.orphans[i]?.years\r\n : currentProfile.cart.orphans[i]?.years * 12\r\n : 1\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.projects.length; i++) {\r\n woleBag.push({\r\n donID: '8',\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: '2',\r\n amount: currentProfile.cart.projects[i]?.projectAmount,\r\n cart_serial: null,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n prj_name: currentProfile.cart.projects[i]?.projectName,\r\n projectYear: currentProfile.cart.projects[i]?.projectYear,\r\n template_id: currentProfile.cart.projects[i]?.projectId,\r\n country_id: currentProfile.cart.projects[i]?.countryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.sukuks.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.sukuks[i].sukId,\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.sukuks[i]?.amount,\r\n recuring: currentProfile.cart.sukuks[i]?.donationFreq,\r\n cart_serial: null\r\n });\r\n }\r\n //----------Move Favorites-----------\r\n for (let i = 0; i < currentProfile.liked.donations.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: currentProfile.liked.donations[i]?.donationId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked?.orphans?.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: '',\r\n projectID: '',\r\n orptypeID: currentProfile.liked.orphans[i]?.orphanId,\r\n projectYear: '',\r\n countryID: currentProfile.liked.orphans[i]?.orphanCountryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.projects.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: '',\r\n projectID: currentProfile.liked.projects[i]?.projectId,\r\n orptypeID: '',\r\n projectYear: currentProfile.liked.projects[i]?.projectYear,\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.sukuks.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: currentProfile.liked.sukuks[i]?.sukId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n await dispatch(\r\n addToBag({ cart: woleBag.slice(0), language: lng === 'arab' ? 1 : 2 })\r\n );\r\n await dispatch(addToFavorites(lng === 'arab' ? 1 : 2, wholeFav, 'array'));\r\n }\r\n localStorage.removeItem('profile');\r\n localStorage.removeItem('visitorDetails');\r\n if (\r\n !userData.data.Results.emiratesID ||\r\n !userData.data.Results.mobile_no ||\r\n !userData.data.Results.name_a\r\n ) {\r\n setWait(true);\r\n\r\n if (fromState === 'volunteer') {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Please complete your information', undefined, 'warning');\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/volunteer/vln-registration'\r\n });\r\n //window.open(\"/volunteer/vln-registration\", \"_self\");\r\n //history.push(\"/volunteer/vln-registration\")\r\n } else if (fromState === 'Loacal Aid') {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Please complete your information', undefined, 'warning');\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/localAid/setup-information'\r\n });\r\n //history.push(\"/localAid/setup-information\")\r\n //window.open(\"/localAid/setup-information\", \"_self\");\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Please complete your information', undefined, 'warning');\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/profile'\r\n });\r\n }\r\n }\r\n if (fromState === 'volunteer') {\r\n window.open('/volunteer/vln-registration', '_self');\r\n //history.push(\"/volunteer/vln-registration\")\r\n } else if (fromState === 'Loacal Aid') {\r\n //history.push(\"/localAid/setup-information\")\r\n window.open('/localAid/setup-information', '_self');\r\n } else {\r\n setLoadingModalShow(false);\r\n window.open('/profile', '_self');\r\n }\r\n};\r\n\r\nexport const signInWithFacebook =\r\n (\r\n loginBody,\r\n history,\r\n setLoadingModalShow,\r\n fromState,\r\n completeInfo,\r\n lodaingSwitch,\r\n setWait\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n var loginData = await api.getFacebookEmail(loginBody);\r\n var userData = await api.signInWithSocial(\r\n loginData.data.email,\r\n loginData.data.id,\r\n loginData.data.name,\r\n 'FACEBOOK'\r\n );\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let lng = JSON.parse(localStorage.getItem('language')).lang;\r\n localStorage.setItem('access_token', userData?.data?.data);\r\n const userResult = await api.whoAmI();\r\n\r\n userData = {\r\n data: {\r\n Results: [userResult],\r\n loginType: 'FACEBOOK'\r\n }\r\n };\r\n\r\n await dispatch({ type: AUTH, data: userData?.data });\r\n if (currentProfile) {\r\n let woleBag = [];\r\n let wholeFav = [];\r\n for (let i = 0; i < currentProfile.cart.donations.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.donations[i]?.donationId,\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.donations[i]?.amount,\r\n recuring: 'N',\r\n cart_serial: null,\r\n remarks: currentProfile.cart.donations[i]?.remarks\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.humanCases.length; i++) {\r\n woleBag.push({\r\n donID: '158',\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: 4,\r\n amount: currentProfile.cart.humanCases[i]?.donationAmountFromUser,\r\n cart_serial: null,\r\n humanCase: currentProfile.cart.humanCases[i]?.humanId,\r\n humanYear: currentProfile.cart.humanCases[i]?.caseYear\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.orphans.length; i++) {\r\n woleBag.push({\r\n donID: '1',\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: '1',\r\n amount: currentProfile.cart.orphans[i]?.baseAmount,\r\n recuring: currentProfile.cart.orphans[i]?.paymentWay,\r\n cart_serial: null,\r\n orpTypeID: currentProfile.cart.orphans[i]?.orphanId,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n country_id: currentProfile.cart.orphans[i]?.orphanCountryId,\r\n month_count:\r\n currentProfile.cart.orphans[i]?.paymentWay === 'N'\r\n ? currentProfile.cart.orphans[i]?.years > 4\r\n ? currentProfile.cart.orphans[i]?.years\r\n : currentProfile.cart.orphans[i]?.years * 12\r\n : 1\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.projects.length; i++) {\r\n woleBag.push({\r\n donID: '8',\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: '2',\r\n amount: currentProfile.cart.projects[i]?.projectAmount,\r\n cart_serial: null,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n prj_name: currentProfile.cart.projects[i]?.projectName,\r\n projectYear: currentProfile.cart.projects[i]?.projectYear,\r\n template_id: currentProfile.cart.projects[i]?.projectId,\r\n country_id: currentProfile.cart.projects[i]?.countryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.sukuks.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.sukuks[i].sukId,\r\n userName: userData.data.Results?.name_a,\r\n userMob: userData.data.Results?.mobile_no,\r\n userEmail: userData.data.Results?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.sukuks[i]?.amount,\r\n recuring: currentProfile.cart.sukuks[i]?.donationFreq,\r\n cart_serial: null\r\n });\r\n }\r\n //----------Move Favorites-----------\r\n for (let i = 0; i < currentProfile.liked.donations.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: currentProfile.liked.donations[i]?.donationId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.orphans?.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: '',\r\n projectID: '',\r\n orptypeID: currentProfile.liked.orphans[i]?.orphanId,\r\n projectYear: '',\r\n countryID: currentProfile.liked.orphans[i]?.orphanCountryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.projects.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: '',\r\n projectID: currentProfile.liked.projects[i]?.projectId,\r\n orptypeID: '',\r\n projectYear: currentProfile.liked.projects[i]?.projectYear,\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.sukuks.length; i++) {\r\n wholeFav.push({\r\n email: userData.data.Results?.email,\r\n dontypeID: currentProfile.liked.sukuks[i]?.sukId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n await dispatch(\r\n addToBag({ cart: woleBag.slice(0), language: lng === 'arab' ? 1 : 2 })\r\n );\r\n await dispatch(\r\n addToFavorites(lng === 'arab' ? 1 : 2, wholeFav, 'array')\r\n );\r\n }\r\n localStorage.removeItem('profile');\r\n localStorage.removeItem('visitorDetails');\r\n if (\r\n !userData.data.Results.emiratesID ||\r\n !userData.data.Results.mobile_no ||\r\n !userData.data.Results.name_a\r\n ) {\r\n setWait(true);\r\n if (fromState === 'volunteer') {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/volunteer/vln-registration'\r\n });\r\n //window.open(\"/volunteer/vln-registration\", \"_self\");\r\n //history.push(\"/volunteer/vln-registration\")\r\n } else if (fromState === 'Loacal Aid') {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/localAid/setup-information'\r\n });\r\n //history.push(\"/localAid/setup-information\")\r\n //window.open(\"/localAid/setup-information\", \"_self\");\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/profile'\r\n });\r\n }\r\n }\r\n if (fromState === 'volunteer') {\r\n window.open('/volunteer/vln-registration', '_self');\r\n } else if (fromState === 'Loacal Aid') {\r\n window.open('/localAid/setup-information', '_self');\r\n } else {\r\n setLoadingModalShow(false);\r\n window.open('/profile', '_self');\r\n }\r\n } catch (error) {\r\n let number = Object.keys(error).length;\r\n if (number > 0) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n }\r\n };\r\n\r\nexport const signInWithApple =\r\n (\r\n loginBody,\r\n history,\r\n setLoadingModalShow,\r\n fromState,\r\n completeInfo,\r\n lodaingSwitch,\r\n setWait\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n var result;\r\n var userName = '';\r\n var socialID = jwt_decode(loginBody.authorization.id_token).sub;\r\n var email = jwt_decode(loginBody.authorization.id_token).email;\r\n if ('user' in loginBody) {\r\n userName = `${loginBody.user.name.firstName} ${loginBody.user.name.lastName}`;\r\n }\r\n result = await api.signInWithSocial(email, socialID, userName, 'APPLE');\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let lng = JSON.parse(localStorage.getItem('language')).lang;\r\n let res = { Results: [result.data.Results] };\r\n await dispatch({ type: AUTH, data: res });\r\n if (currentProfile) {\r\n let woleBag = [];\r\n let wholeFav = [];\r\n for (let i = 0; i < currentProfile.cart.donations.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.donations[i]?.donationId,\r\n userName: result.data.Results?.name_a,\r\n userMob: result.data.Results?.mobile_no,\r\n userEmail: result.data.Results?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.donations[i]?.amount,\r\n recuring: 'N',\r\n cart_serial: null,\r\n remarks: currentProfile.cart.donations[i]?.remarks\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.humanCases.length; i++) {\r\n woleBag.push({\r\n donID: '158',\r\n userName: result.data.Results?.name_a,\r\n userMob: result.data.Results?.mobile_no,\r\n userEmail: result.data.Results?.email,\r\n itemType: 4,\r\n amount: currentProfile.cart.humanCases[i]?.donationAmountFromUser,\r\n cart_serial: null,\r\n humanCase: currentProfile.cart.humanCases[i]?.humanId,\r\n humanYear: currentProfile.cart.humanCases[i]?.caseYear\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.orphans.length; i++) {\r\n woleBag.push({\r\n donID: '1',\r\n userName: result.data.Results?.name_a,\r\n userMob: result.data.Results?.mobile_no,\r\n userEmail: result.data.Results?.email,\r\n itemType: '1',\r\n amount: currentProfile.cart.orphans[i]?.baseAmount,\r\n recuring: currentProfile.cart.orphans[i]?.paymentWay,\r\n cart_serial: null,\r\n orpTypeID: currentProfile.cart.orphans[i]?.orphanId,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n country_id: currentProfile.cart.orphans[i]?.orphanCountryId,\r\n month_count:\r\n currentProfile.cart.orphans[i]?.paymentWay === 'N'\r\n ? currentProfile.cart.orphans[i]?.years > 4\r\n ? currentProfile.cart.orphans[i]?.years\r\n : currentProfile.cart.orphans[i]?.years * 12\r\n : 1\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.projects.length; i++) {\r\n woleBag.push({\r\n donID: '8',\r\n userName: result.data.Results?.name_a,\r\n userMob: result.data.Results?.mobile_no,\r\n userEmail: result.data.Results?.email,\r\n itemType: '2',\r\n amount: currentProfile.cart.projects[i]?.projectAmount,\r\n cart_serial: null,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n prj_name: currentProfile.cart.projects[i]?.projectName,\r\n projectYear: currentProfile.cart.projects[i]?.projectYear,\r\n template_id: currentProfile.cart.projects[i]?.projectId,\r\n country_id: currentProfile.cart.projects[i]?.countryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.sukuks.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.sukuks[i].sukId,\r\n userName: result.data.Results?.name_a,\r\n userMob: result.data.Results?.mobile_no,\r\n userEmail: result.data.Results?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.sukuks[i]?.amount,\r\n recuring: currentProfile.cart.sukuks[i]?.donationFreq,\r\n cart_serial: null\r\n });\r\n }\r\n //----------Move Favorites-----------\r\n for (let i = 0; i < currentProfile.liked.donations.length; i++) {\r\n wholeFav.push({\r\n email: result.data.Results?.email,\r\n dontypeID: currentProfile.liked.donations[i]?.donationId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.orphans?.length; i++) {\r\n wholeFav.push({\r\n email: result.data.Results?.email,\r\n dontypeID: '',\r\n projectID: '',\r\n orptypeID: currentProfile.liked.orphans[i]?.orphanId,\r\n projectYear: '',\r\n countryID: currentProfile.liked.orphans[i]?.orphanCountryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.projects.length; i++) {\r\n wholeFav.push({\r\n email: result.data.Results?.email,\r\n dontypeID: '',\r\n projectID: currentProfile.liked.projects[i]?.projectId,\r\n orptypeID: '',\r\n projectYear: currentProfile.liked.projects[i]?.projectYear,\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.sukuks.length; i++) {\r\n wholeFav.push({\r\n email: result.data.Results?.email,\r\n dontypeID: currentProfile.liked.sukuks[i]?.sukId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n await dispatch(\r\n addToBag({ cart: woleBag.slice(0), language: lng === 'arab' ? 1 : 2 })\r\n );\r\n // await dispatch(addToFavorites(lng === \"arab\" ? 1 : 2, wholeFav, 'array'));\r\n }\r\n\r\n localStorage.removeItem('profile');\r\n localStorage.removeItem('visitorDetails');\r\n if (\r\n !result.data.Results.emiratesID ||\r\n !result.data.Results.mobile_no ||\r\n !userData.data.Results.name_a\r\n ) {\r\n setWait(true);\r\n if (fromState === 'volunteer') {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/volunteer/vln-registration'\r\n });\r\n //window.open(\"/volunteer/vln-registration\", \"_self\");\r\n //history.push(\"/volunteer/vln-registration\")\r\n } else if (fromState === 'Loacal Aid') {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/localAid/setup-information'\r\n });\r\n //history.push(\"/localAid/setup-information\")\r\n //window.open(\"/localAid/setup-information\", \"_self\");\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/profile'\r\n });\r\n }\r\n }\r\n if (fromState === 'volunteer') {\r\n window.open('/volunteer/vln-registration', '_self');\r\n } else if (fromState === 'Loacal Aid') {\r\n window.open('/volunteer/vln-registration', '_self');\r\n } else {\r\n setLoadingModalShow(false);\r\n window.open('/profile', '_self');\r\n }\r\n } catch (error) {\r\n let number = Object.keys(error).length;\r\n if (number > 0) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n }\r\n };\r\n\r\nexport const signInWithUAEPASS =\r\n (\r\n loginBody,\r\n history,\r\n setLoadingModalShow,\r\n fromState,\r\n completeInfo,\r\n lodaingSwitch,\r\n setWait,\r\n setUaeAuth,\r\n setUAELinkBody,\r\n stepAPI\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let lng = JSON.parse(localStorage.getItem('language')).lang;\r\n var result;\r\n\r\n let res = { Results: [{ ...loginBody, login_type: 'UAEPASS' }] };\r\n result = { data: res };\r\n await dispatch({ type: AUTH, data: res });\r\n\r\n localStorage.removeItem('profile');\r\n localStorage.removeItem('visitorDetails');\r\n if (\r\n !result.data.Results[0].emiratesID ||\r\n !result.data.Results[0].mobile_no ||\r\n !result.data.Results[0].name_a\r\n ) {\r\n setLoadingModalShow(false);\r\n\r\n setWait(true);\r\n if (fromState === 'volunteer') {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/volunteer/vln-registration'\r\n });\r\n //window.open(\"/volunteer/vln-registration\", \"_self\");\r\n //history.push(\"/volunteer/vln-registration\")\r\n } else if (fromState === 'Loacal Aid') {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/localAid/setup-information'\r\n });\r\n //history.push(\"/localAid/setup-information\")\r\n //window.open(\"/localAid/setup-information\", \"_self\");\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Please complete your information',\r\n undefined,\r\n 'warning'\r\n );\r\n return completeInfo({\r\n ...lodaingSwitch,\r\n open: true,\r\n goTo: '/profile'\r\n });\r\n }\r\n }\r\n if (fromState === 'volunteer') {\r\n window.open('/volunteer/vln-registration', '_self');\r\n } else if (fromState === 'Loacal Aid') {\r\n window.open('/localAid/setup-information', '_self');\r\n } else {\r\n setLoadingModalShow(false);\r\n window.open('/profile', '_self');\r\n }\r\n } catch (error) {\r\n let number = Object.keys(error).length;\r\n if (number > 0) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n }\r\n };\r\nexport const oTPVefi =\r\n (formData, setLoadingModalShow, setDoneModal, setContent) =>\r\n async (dispatch) => {\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let lng = JSON.parse(localStorage.getItem('language')).lang;\r\n try {\r\n let newUserData = await api.otpVerfication(formData);\r\n if (newUserData.data['status'] === true) {\r\n if (currentProfile) {\r\n let woleBag = [];\r\n let wholeFav = [];\r\n for (let i = 0; i < currentProfile.cart.donations.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.donations[i].donationId,\r\n userName: newUserData.data.data?.name_a,\r\n userMob: newUserData.data.data?.mobile_no,\r\n userEmail: newUserData.data.data?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.donations[i]?.amount,\r\n recuring: 'N',\r\n cart_serial: null,\r\n remarks: currentProfile.cart.donations[i]?.remarks\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.humanCases.length; i++) {\r\n woleBag.push({\r\n donID: '158',\r\n userName: newUserData.data.data?.name_a,\r\n userMob: newUserData.data.data?.mobile_no,\r\n userEmail: newUserData.data.data?.email,\r\n itemType: 4,\r\n amount: currentProfile.cart.humanCases[i]?.donationAmountFromUser,\r\n cart_serial: null,\r\n humanCase: currentProfile.cart.humanCases[i]?.humanId,\r\n humanYear: currentProfile.cart.humanCases[i]?.caseYear\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.orphans.length; i++) {\r\n woleBag.push({\r\n donID: '1',\r\n userName: newUserData.data.data?.name_a,\r\n userMob: newUserData.data.data?.mobile_no,\r\n userEmail: newUserData.data.data?.email,\r\n itemType: '1',\r\n amount: currentProfile.cart.orphans[i]?.baseAmount,\r\n recuring: currentProfile.cart.orphans[i]?.paymentWay,\r\n cart_serial: null,\r\n orpTypeID: currentProfile.cart.orphans[i]?.orphanId,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n country_id: currentProfile.cart.orphans[i]?.orphanCountryId,\r\n month_count:\r\n currentProfile.cart.orphans[i]?.paymentWay === 'N'\r\n ? currentProfile.cart.orphans[i]?.years > 4\r\n ? currentProfile.cart.orphans[i]?.years\r\n : currentProfile.cart.orphans[i]?.years * 12\r\n : 1\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.projects.length; i++) {\r\n woleBag.push({\r\n donID: '8',\r\n userName: newUserData.data.data?.name_a,\r\n userMob: newUserData.data.data?.mobile_no,\r\n userEmail: newUserData.data.data?.email,\r\n itemType: '2',\r\n amount: currentProfile.cart.projects[i]?.projectAmount,\r\n cart_serial: null,\r\n workPlaceID: currentProfile.cart.orphans[i]?.workPlaceID,\r\n prj_name: currentProfile.cart.projects[i]?.projectName,\r\n projectYear: currentProfile.cart.projects[i]?.projectYear,\r\n template_id: currentProfile.cart.projects[i]?.projectId,\r\n country_id: currentProfile.cart.projects[i]?.countryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.cart.sukuks.length; i++) {\r\n woleBag.push({\r\n donID: currentProfile.cart.sukuks[i].sukId,\r\n userName: newUserData.data.data?.name_a,\r\n userMob: newUserData.data.data?.mobile_no,\r\n userEmail: newUserData.data.data?.email,\r\n itemType: 0,\r\n amount: currentProfile.cart.sukuks[i]?.amount,\r\n recuring: currentProfile.cart.sukuks[i]?.donationFreq,\r\n cart_serial: null\r\n });\r\n }\r\n //----------Move Favorites-----------\r\n for (let i = 0; i < currentProfile.liked.donations.length; i++) {\r\n wholeFav.push({\r\n email: newUserData.data.data?.email,\r\n dontypeID: currentProfile.liked.donations[i]?.donationId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.orphans?.length; i++) {\r\n wholeFav.push({\r\n email: newUserData.data.data?.email,\r\n dontypeID: '',\r\n projectID: '',\r\n orptypeID: currentProfile.liked.orphans[i]?.orphanId,\r\n projectYear: '',\r\n countryID: currentProfile.liked.orphans[i]?.orphanCountryId\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.projects.length; i++) {\r\n wholeFav.push({\r\n email: newUserData.data.data?.email,\r\n dontypeID: '',\r\n projectID: currentProfile.liked.projects[i]?.projectId,\r\n orptypeID: '',\r\n projectYear: currentProfile.liked.projects[i]?.projectYear,\r\n countryID: ''\r\n });\r\n }\r\n for (let i = 0; i < currentProfile.liked.sukuks.length; i++) {\r\n wholeFav.push({\r\n email: newUserData.data.data?.email,\r\n dontypeID: currentProfile.liked.sukuks[i]?.sukId,\r\n projectID: '',\r\n orptypeID: '',\r\n projectYear: '',\r\n countryID: ''\r\n });\r\n }\r\n await dispatch(\r\n addToBag({\r\n cart: woleBag.slice(0),\r\n language: lng === 'arab' ? 1 : 2\r\n })\r\n );\r\n await dispatch(\r\n addToFavorites(lng === 'arab' ? 1 : 2, wholeFav, 'array')\r\n );\r\n }\r\n localStorage.removeItem('profile');\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n dispatch({ type: AUTH, data: { Results: [newUserData.data.data] } });\r\n // window.open('/profile', '_self')\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'Something went wrong...!',\r\n newUserData.data.details,\r\n 'warning'\r\n );\r\n }\r\n } catch (error) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\nexport const addCard =\r\n (\r\n email,\r\n expiryMonth,\r\n expiryYear,\r\n number,\r\n cvc,\r\n setLoadingModalShow,\r\n setDoneModal\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n let token = await api.tokenizeCard(expiryMonth, expiryYear, number, cvc);\r\n if (token.data.token) {\r\n let res = await api.addCardApi(token.data.token, email);\r\n let oldUser = JSON.parse(localStorage.getItem('userLogin'));\r\n oldUser.Results[0].user_tokens = res.data.data.slice();\r\n localStorage.setItem('userLogin', JSON.stringify(oldUser));\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n } catch (error) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const reSendOTP =\r\n (email, setLoadingModalShow, setContentOf) => async (dispatch) => {\r\n try {\r\n let newUserData = await api.reSendOTP(email);\r\n if (newUserData.data['status'] === true) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Sent!', undefined, 'success');\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Email does not exist', undefined, 'warning');\r\n }\r\n } catch (error) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const askingForReset =\r\n (userData, setLoadingModalShow, setContentOf, setDisplay) =>\r\n async (dispatch) => {\r\n try {\r\n let newUserData = await api.resetPassReq(userData);\r\n if (\r\n newUserData.data['Results'].slice(9) === userData.email &&\r\n newUserData.data['Results']\r\n ) {\r\n setLoadingModalShow(false);\r\n setDisplay(2);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Email does not exist', undefined, 'warning');\r\n }\r\n } catch (error) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\nexport const setTheEsetOTP =\r\n (userData, setLoadingModalShow, setContentOf, setDisplay) =>\r\n async (dispatch) => {\r\n try {\r\n let newUserData = await api.resetPassOTP(userData);\r\n if (newUserData.data === 'FAIL') {\r\n setLoadingModalShow(false);\r\n toastifyMessage('The Verification Code Is Wrong', undefined, 'warning');\r\n } else {\r\n setLoadingModalShow(false);\r\n setDisplay(3);\r\n }\r\n } catch (error) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const updatePassword =\r\n (userData, setLoadingModalShow, setDoneModal) => async (dispatch) => {\r\n try {\r\n let newUserData = await api.updatePassword(userData);\r\n if (newUserData.data === 'SUCCESS') {\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n // history.push(\"/\");\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n } catch (error) {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const getingYourAcc =\r\n (userID, setLoadingModalShow, setAccount, setDisplay) => async (dispatch) => {\r\n try {\r\n let newUserData = await api.gettingTheAccount(userID);\r\n if (newUserData.data.result.status === true) {\r\n setLoadingModalShow(false);\r\n setAccount(newUserData.data.result);\r\n setDisplay(2);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('User Not Found', undefined, 'warning');\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n setLoadingModalShow(false);\r\n }\r\n };\r\n\r\nexport const getSPDonationSummary =\r\n (id, lang, device_type) => async (dispatch) => {\r\n dispatch({ type: DONATIONS_LOADING });\r\n try {\r\n const { data } = await account.getDonationSummary(id, lang, device_type);\r\n dispatch({ type: FETCH_ALL_DONATIONSSUMMARY, payload: data });\r\n dispatch({ type: DONATIONS_LOADING_FALSE });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: DONATIONS_LOADING_FALSE });\r\n }\r\n };\r\nexport const getSPTransactionSummary = (id, lang) => async (dispatch) => {\r\n dispatch({ type: TRANSACTIONS_LOADING });\r\n try {\r\n const { data } = await account.getTransactionsSummary(id, lang);\r\n dispatch({\r\n type: FETCH_ALL_TRANSACTIONSSUMMARY,\r\n payload: data.status ? data.data : []\r\n });\r\n dispatch({ type: TRANSACTIONS_LOADING_FALSE });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: TRANSACTIONS_LOADING_FALSE });\r\n }\r\n};\r\nexport const getSPFollowups = (id, lang, orphanId) => async (dispatch) => {\r\n dispatch({ type: LOAD_SPONSOR_FOLLOWUPS });\r\n try {\r\n const { data } = await account.getMyOrphonFollowups(id, lang, orphanId);\r\n dispatch({ type: FETCH_SPONSORED_FOLLOW_UPS, payload: data });\r\n dispatch({ type: SPONSOR_FOLLOWUPS_LOADED });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: SPONSOR_FOLLOWUPS_LOADED });\r\n }\r\n};\r\n\r\nexport const getSPNotifications = (email, lang) => async (dispatch) => {\r\n dispatch({ type: LOAD_NOTIFICATIONS });\r\n try {\r\n const { data } = await account.getMyNotifications(email, lang);\r\n dispatch({ type: FETCH_ALL_NOTIFICATIONS, payload: data });\r\n dispatch({ type: NOTIFICATIONS_LOADED });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: NOTIFICATIONS_LOADED });\r\n }\r\n};\r\nexport const readSPNotifications = (email, lang) => async (dispatch) => {\r\n try {\r\n await account.readMyNotifications(email);\r\n const { data } = await account.getMyNotifications(email, lang);\r\n dispatch({ type: FETCH_ALL_NOTIFICATIONS, payload: data });\r\n } catch {}\r\n};\r\nexport const getSPOrphonsList = (id, lang) => async (dispatch) => {\r\n dispatch({ type: LOAD_SPONSOR });\r\n try {\r\n const { data } = await account.getMyOrphons(id, lang);\r\n dispatch({ type: FETCH_ALL_ORPHONS, payload: data['Orphans '] });\r\n // dispatch({ type: SPONSOR_LOADED });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: SPONSOR_LOADED });\r\n }\r\n};\r\nexport const getSPAllLatepayments = (id, language) => async (dispatch) => {\r\n dispatch({ type: ALL_ORPHON_LATE_PAYMENTS_LOADING });\r\n try {\r\n const { data } = await account.getAllLatePayments(id, language);\r\n dispatch({ type: ALL_ORPHONS_LATE_PAYMENTS, payload: data });\r\n } catch (error) {\r\n dispatch({ type: ALL_ORPHON_LATE_PAYMENTS_ERROR, payload: error });\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getSPOrphAllLatepayments =\r\n (id, language, orphanId) => async (dispatch) => {\r\n dispatch({ type: ALL_ORPHON_LATE_PAYMENTS_LOADING });\r\n try {\r\n const { data } = await account.getLatePaymentsByOrp(\r\n id,\r\n language,\r\n orphanId\r\n );\r\n dispatch({ type: ALL_ORPHON_LATE_PAYMENTS, payload: data });\r\n } catch (error) {\r\n dispatch({ type: ALL_ORPHON_LATE_PAYMENTS_ERROR, payload: error });\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\nexport const signUp =\r\n (formData, setLoadingModalShow, history) => async (dispatch) => {\r\n try {\r\n const checkingResult = await api.emailChecker(formData.email);\r\n if (checkingResult.data['User Name'] === 'Not Found') {\r\n var newUserData = await api.signUp(formData);\r\n if (newUserData) {\r\n setLoadingModalShow(false);\r\n if (newUserData.data[0].main_acc !== formData.email) {\r\n toastifyMessage(\r\n 'The Email/Mobile Number/EID is already linked',\r\n undefined,\r\n 'warning'\r\n );\r\n } else {\r\n localStorage.removeItem('visitorDetails');\r\n history.push(`/auth/needToOTP`, {\r\n email: newUserData.data[0].main_acc,\r\n from: 'signUp'\r\n });\r\n }\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n 'This E-mail Exists, Please Log In',\r\n undefined,\r\n 'warning'\r\n );\r\n }\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n setLoadingModalShow(false);\r\n }\r\n };\r\nexport const changeAccount = (sponserID) => (dispatch) => {\r\n dispatch({ type: SET_SPONSER_ACCOUNT, payload: sponserID });\r\n};\r\nexport const clearAccount = (dispatch) => {\r\n dispatch({ type: CLEAR_SPONSER_ACCOUNT, payload: '' });\r\n};\r\n","export default __webpack_public_path__ + \"static/media/google.220b238e.svg\";","import React from \"react\";\r\nimport goo from \"../../../assets/google.svg\";\r\nimport { GoogleLogin } from \"react-google-login\";\r\n// refresh token\r\nimport { refreshTokenSetup } from \"../../../utils/refreshToken\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { signInWithGoogle } from \"../../../actions/user\";\r\nimport { toastifyMessage } from '../../../handlers/toastifyMessage';\r\n\r\nconst clientId = process.env.REACT_APP_GOOGLE_CLIENT_ID;\r\n\r\nfunction SignInWithGoogle(props) {\r\n const dispatch = useDispatch();\r\n const onSuccess = (res) => {\r\n console.log(\"res\", res.accessToken);\r\n refreshTokenSetup(res);\r\n dispatch(signInWithGoogle(res.accessToken, res.profileObj, props.history, props.setLoadingModalShow, props.fromState, props.completeInfo, props.lodaingSwitch, props.setWait));\r\n };\r\n\r\n const onFailure = (res) => {\r\n if(res.error === \"popup_closed_by_user\")\r\n {\r\n toastifyMessage(`Login Failed: Pop-up closed by user!`, undefined, \"error\");\r\n props.setLoadingModalShow(false)\r\n }\r\n };\r\n\r\n return (\r\n - {i18n.t(fields.p2)}.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\nexport default Loading;\r\n","import \"./OTP_MODEL_PHONE.css\";\r\nimport React, { useEffect, useLayoutEffect, useState } from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { otpVerfication, updateNumber, confirmPhoneOtp } from \"../../../api/index\";\r\nimport { Spinner } from \"react-bootstrap\";\r\nimport Loading from \"../../ui/loading\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\";\r\nimport 'react-phone-number-input/style.css'\r\nimport PhoneInput from 'react-phone-number-input'\r\nfunction OTPModalPhone(props) {\r\n const email = props.email;\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const { t } = useTranslation();\r\n const dispatch = useDispatch();\r\n\r\n const [phoneNumber, setPhoneNumber] = useState(\"\");\r\n const [OTP, setOTP] = useState(\"\");\r\n const [stepNumber, setStepNumber] = useState(0);\r\n const history = useHistory();\r\n const handleChange = (e) => {\r\n switch (e.target.name) {\r\n case \"phoneNumber\":\r\n setPhoneNumber(e.target.value.replace(/\\D/, \"\"));\r\n case \"otp\":\r\n setOTP(e.target.value.replace(/\\D/, \"\"));\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n useLayoutEffect(() => {\r\n return () => {\r\n setStepNumber(0);\r\n setOTP(\"\");\r\n setPhoneNumber(\"\");\r\n setLoading(false);\r\n };\r\n }, []);\r\n\r\n const [isLoading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const checkOTP = () => {\r\n const dataToSend = {\r\n user_email: userLogin?.Results[0]?.email,\r\n new_number: phoneNumber?.slice(0,4) === '+971'? '0' + phoneNumber?.slice(4): phoneNumber.slice(1),\r\n otp: OTP,\r\n };\r\n setLoading(true);\r\n confirmPhoneOtp(dataToSend)\r\n .then((res) => {\r\n if (res.data.status == true) {\r\n props.onHide();\r\n toast.success(t(\"Phone number has been edited succesfully\"));\r\n localStorage.setItem(\"userLogin\", JSON.stringify({Results:res.data.data}));\r\n props.setChange(props.change + 1)\r\n if (!props.fromCompleteModal) {\r\n window.location.reload();\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const checkNumber = () => {\r\n if (phoneNumber?.slice(0,4) === '+971') {\r\n if (('0' + phoneNumber?.slice(4)).length != 10) {\r\n setError(t(\"\\\"Mobile number\\\" should be 10 digits long and start with \\\"05\\\"\"));\r\n setTimeout(() => {\r\n setError(\"\");\r\n }, 50000);\r\n return;\r\n }\r\n if (!('0' + phoneNumber?.slice(4)).startsWith(\"05\")) {\r\n setError(t(\"Phone number should start with 05\"));\r\n setTimeout(() => {\r\n setError(\"\");\r\n }, 50000);\r\n return;\r\n }\r\n }\r\n if (phoneNumber === userLogin.Results[0]?.mobile_no || '0' + phoneNumber?.slice(4) === userLogin.Results[0]?.mobile_no) {\r\n setError(t(\"This number is already active\"));\r\n setTimeout(() => {\r\n setError(\"\");\r\n }, 50000);\r\n return;\r\n }\r\n if (!phoneNumber) {\r\n setError(t(\"Please add your mobile number.\"));\r\n setTimeout(() => {\r\n setError(\"\");\r\n }, 50000);\r\n return;\r\n }\r\n \r\n const dataToSend = {\r\n user_email: userLogin?.Results[0]?.email,\r\n new_number: phoneNumber?.slice(0,4) === '+971'? '0' + phoneNumber?.slice(4): phoneNumber.slice(1),\r\n };\r\n setLoading(true);\r\n updateNumber(dataToSend)\r\n .then((res) => {\r\n if (res.data.data.length === 0) {\r\n setOTP(\"\");\r\n setStepNumber(1);\r\n } else {\r\n props.onHide();\r\n toast.success(t(\"Phone number has been edited succesfully\"));\r\n localStorage.setItem(\"userLogin\", JSON.stringify({Results:res.data.data}));\r\n props.setChange(props.change + 1)\r\n if (!props.fromCompleteModal) {\r\n window.location.reload();\r\n }\r\n }\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n\r\n // API: /update_number\r\n // parameters: user_email, new_number\r\n };\r\n return (\r\n {t(\"Enter your phone number\")}
\r\n ) : (\r\n{t(\"Verify your OTP\")}
\r\n )}\r\n\r\n \r\n {stepNumber == 0 ? (\r\n setPhoneNumber(phone)}\r\n required\r\n className={phoneNumber? 'payment_numbers local_aid_input': lng==='arab'? 'force_arabic_font local_aid_input':'payment_numbers local_aid_input'}\r\n />\r\n ) : (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n <>\r\n {t(\"Submit\")}\r\n {lng === \"arab\" ? (\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(\"Share\")}
\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 {props.noShare ? null : (\r\n // \r\n setShowOTPModal(false)}\r\n />\r\n ) : (\r\n <>\r\n )}\r\n {props.fromCompleteModal?\r\n null:\r\n
\r\n \r\n \r\n
\r\n }\r\n {t(\"Edit Profile\")}
\r\n\r\n \r\n {\r\n editProfileImgRef.current.click();\r\n }}\r\n >\r\n {imageLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n )}\r\n {t(\"Edit Profile\")}
\r\n \r\n {props.fromCompleteModal?\r\n user?.name_a?\r\n null:\r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n min={`${new Date().getFullYear() - 100}-01-02`}\r\n max={`${new Date().getFullYear() - 18}-${ (new Date().getMonth() + 1).toString().length===1? '0'+(new Date().getMonth() + 1):new Date().getMonth() + 1}-${new Date().getDate().toString().length===1? '0'+new Date().getDate():new Date().getDate()}`}\r\n value={selectedDate}\r\n onChange={(e)=> setSelectedDate(e.target.value)}\r\n required\r\n />\r\n
}\r\n \r\n
\r\n :\r\n \r\n
\r\n }\r\n {props.fromCompleteModal?\r\n null:\r\n \r\n \r\n {user.email}\r\n \r\n {/* */}\r\n
}\r\n \r\n {t(\"Sponsor ID\")}\r\n {user?.sponser_id ? (\r\n {user?.sponser_id}\r\n ) : (\r\n {t(\"N/A\")}\r\n )}\r\n
}\r\n {props.fromCompleteModal?\r\n null:\r\n \r\n {t(\"Volunteer ID\")}\r\n {user?.vln_id && user?.vln_id_flag === \"2\" ? (\r\n {user?.vln_id}\r\n ) : (\r\n {t(\"N/A\")}\r\n )}\r\n
}\r\n \r\n {t(\"Save\")}\r\n
\r\n \r\n \r\n \r\n );\r\n } else {\r\n window.location.replace(\"/\");\r\n }\r\n};\r\n\r\nexport default EditProfile;\r\n","import React, {useState, useEffect} from 'react'\r\nimport './CompleteInfoModal.css'\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { t } from \"i18next\";\r\n\r\nimport EditProfile from '../../../userPage/EditProfile/EditProfile'\r\n\r\nconst CompleteInfoModal = (props) => {\r\n const { lodaingswitchprop, ...rest } = props\r\n const [lodaingSwitch, setLoadingSwitch] = useState(false)\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n\r\n return (\r\n \r\n
\r\n {lodaingSwitch?\r\n {t(\"Complete Your Personal Information\")}
\r\n\r\n
:\r\n \r\n
\r\n \r\n ![]()
{props.onHide(); setDisplay(0)}} src={closeIcon} alt='close_icon' style={{width:'15px', height:'15px', cursor:'pointer'}}/>\r\n
\r\n {\r\n \r\n \r\n
}\r\n \r\n \r\n {/* {} */}\r\n \r\n
\r\n \r\n ![]()
{props.onHide(); setDisplay(0)}} src={closeIcon} alt='close_icon' style={{width:'15px', height:'15px', cursor:'pointer'}}/>\r\n
\r\n {\r\n \r\n \r\n
}\r\n \r\n \r\n {/* {} */}\r\n {/* */}\r\n
\r\n \r\n {i18n.t(message.main)}\r\n
- {i18n.t(message.p1)}\r\n
\r\n );\r\n return false;\r\n }\r\n\r\n // Check if Emirates ID is required\r\n if (\r\n signUpBody.uid_no === '' ||\r\n signUpBody.uid_no === null ||\r\n signUpBody.uid_no === undefined\r\n ) {\r\n toastifyMessage(\r\n '\"Emirates ID\" field cannot be empty for UAE numbers!',\r\n undefined,\r\n 'warning'\r\n );\r\n return false;\r\n } else if (!validateEmiratesId(signUpBody.uid_no)) {\r\n toastifyMessage(\r\n '\"Emirates ID\" must start with \"784\" and be 15 digits long.',\r\n undefined,\r\n 'warning'\r\n );\r\n return false;\r\n }\r\n }\r\n\r\n if (signUpBody.passwrd === '' || signUpBody.passwrd === null) {\r\n toastifyMessage(\r\n '\"Password\" field cannot be empty!',\r\n undefined,\r\n 'warning'\r\n );\r\n return false;\r\n } else if (!validatePassword(signUpBody.passwrd)) {\r\n const message = {\r\n main: 'Invalid password',\r\n p1: 'Password must be at least 8 characters long',\r\n p2: 'Password must contain at least one uppercase letter',\r\n p3: 'Password must contain at least one lowercase letter',\r\n p4: 'Password must contain at least one number'\r\n };\r\n toastifyMessage(\r\n undefined,\r\n undefined,\r\n 'warning',\r\n - {i18n.t(message.p1)}\r\n
\r\n {i18n.t(message.main)}:\r\n
- {i18n.t(message.p1)}\r\n
- {i18n.t(message.p2)}\r\n
- {i18n.t(message.p3)}\r\n
- {i18n.t(message.p4)}\r\n
\r\n );\r\n return false;\r\n } else if (signUpBody.passwrd !== signUpBody.cnpasswrd) {\r\n toastifyMessage('Passwords do not match!', undefined, 'warning');\r\n return false;\r\n } else {\r\n setLoadingModalShow(true);\r\n dispatch(\r\n signUp(\r\n {\r\n ...signUpBody,\r\n mobile_no:\r\n signUpBody.mobile_no.slice(0, 4) === '+971'\r\n ? '0' + signUpBody.mobile_no.slice(4)\r\n : signUpBody.mobile_no.slice(1)\r\n },\r\n setLoadingModalShow,\r\n history\r\n )\r\n );\r\n }\r\n };\r\n\r\n const openFromLog = () => {\r\n history.push('/');\r\n };\r\n const [show, setShow] = useState(false);\r\n\r\n const toggleShowPassword = () => {\r\n setShow((prevShow) => !prevShow);\r\n };\r\n\r\n return (\r\n - {i18n.t(message.p1)}\r\n
- {i18n.t(message.p2)}\r\n
- {i18n.t(message.p3)}\r\n
- {i18n.t(message.p4)}\r\n
\r\n
\r\n \r\n
\r\n \r\n
{t(contentForLogin)}
\r\n\r\n \r\n
\r\n \r\n \r\n {t('E-mail')}\r\n \r\n \r\n setLoginBody({ ...loginBody, user_id: e.target.value })\r\n }\r\n type=\"text\"\r\n // className=\"form-control\"\r\n id=\"user_id\"\r\n />\r\n history.push('/auth/get-account')}\r\n // href=\"/auth/get-account\"\r\n id=\"emailHelp1\"\r\n className=\"form-text blackcolor\"\r\n >\r\n {t('Forgot Account?')}\r\n \r\n
\r\n \r\n \r\n history.push('/auth/reset-password')}\r\n // href=\"/auth/reset-password\"\r\n id=\"emailHelp\"\r\n className=\"form-text blackcolor\"\r\n >\r\n {t('Forgot Password?')}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n {t('Password')}\r\n \r\n \r\n \r\n setLoginBody({ ...loginBody, password: e.target.value })\r\n }\r\n type={show ? 'text' : 'password'}\r\n className=\"form-control\"\r\n id=\"password\"\r\n />\r\n {loginBody.password && (\r\n \r\n )}\r\n
\r\n \r\n
\r\n {t('Or Sign in with')}:\r\n
\r\n
\r\n \r\n ) : (\r\n \r\n {t('Or Sign in with')}:\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('Name')}*\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {t('E-mail')}*\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {t('Mobile Number')}*\r\n \r\n \r\n setSignUpBody({ ...signUpBody, mobile_no: phone })\r\n }\r\n required\r\n id=\"phone\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {t('Emirates ID')}*\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {' '}\r\n \r\n {t('Password')}*\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('Confirm Password')}*\r\n \r\n
\r\n \r\n
\r\n {t('Or Sign up with')}\r\n
\r\n
\r\n \r\n )}\r\n \r\n {t('Or Sign up with')}\r\n
\r\n
\r\n 430 ? '60px' : '20px'\r\n }}\r\n >\r\n
\r\n\r\n {/* \r\n
\r\n \r\n -1 &&\r\n navigator.userAgent.indexOf('Chrome') <= -1\r\n ? '-20px'\r\n : '-35px'\r\n }}\r\n className=\"dropDown selectLanguageSection\"\r\n type=\"button\"\r\n id=\"dropdownMenuButton\"\r\n data-toggle=\"dropdown\"\r\n aria-haspopup=\"true\"\r\n aria-expanded=\"false\"\r\n >\r\n {lng === 'arab' ? (\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 {lng === 'arab' ? (\r\n Inner('eng')}\r\n className=\"dropdown-item\"\r\n id=\"eng\"\r\n >\r\n 
\r\n \r\n ENG\r\n \r\n \r\n ) : (\r\n Inner('arabic')}\r\n style={{ justifyContent: 'space-between', cursor: 'pointer' }}\r\n className=\"dropdown-item\"\r\n id=\"ar\"\r\n >\r\n \r\n \r\n {' '}\r\n ع\r\n \r\n \r\n )}\r\n
\r\n \r\n {userInfo ? (\r\n
\r\n ) : null}\r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n {\r\n notfications?.filter(function (item) {\r\n return !item.is_read;\r\n }).length\r\n }\r\n \r\n ) : (\r\n \r\n 0\r\n \r\n )}\r\n \r\n {openNorficationModal ? (\r\n \r\n
\r\n {loadNotifications ? (\r\n\r\n \r\n {not.timestamp}\r\n \r\n \r\n {not.message}\r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n \r\n {t('Notifications')}\r\n
\r\n\r\n {loadNotifications ? (\r\n
\r\n
\r\n )}\r\n \r\n {t('No notifications')}\r\n
\r\n\r\n
\r\n \r\n openFromNav('home')}\r\n style={{\r\n width: '100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flex: '1',\r\n cursor: 'pointer'\r\n }}\r\n >\r\n 
\r\n
\r\n \r\n \r\n {t('Categories')}\r\n \r\n \r\n \r\n openFromNav('donations')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Donations')}\r\n \r\n \r\n \r\n openFromNav('orphans')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Become a Sponsor')}\r\n \r\n \r\n \r\n openFromNav('projects')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Charity projects')}\r\n \r\n \r\n \r\n openFromNav('categories')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('All categories')}\r\n \r\n \r\n {/* \r\n openFromNav('course')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Course')}\r\n \r\n */}\r\n {/* \r\n openFromNav('events-attendance')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Events Attendance')}\r\n \r\n \r\n \r\n openFromNav('events-join')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Events Join')}\r\n \r\n */}\r\n \r\n openFromNav('donate-idea')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Donate Idea')}\r\n \r\n \r\n \r\n openFromNav('donate-estate')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Donate with Real Estate')}\r\n \r\n \r\n {communityLinks && communityLinks?.length > 0 && (\r\n \r\n setDisplayMenu1(true)}\r\n onClick={() => setDisplayMenu1(!displayMenu1)}\r\n className=\"dropdown-item buttonHeader1\"\r\n >\r\n {t('Community Awareness links')}\r\n \r\n {communityLinks &&\r\n communityLinks.map((link, i) => (\r\n \r\n window.open(link.att_location)}\r\n className=\"dropdown-item\"\r\n >\r\n {t(link.att_name || 'link 1')}\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {t('Services')}\r\n \r\n {\r\n setDisplayMenu2(false);\r\n setDisplayMenu3(false);\r\n setDisplayMenu1(false);\r\n }}\r\n className=\"dropdown-menu\"\r\n aria-labelledby=\"dropdownMenuLink\"\r\n >\r\n \r\n \r\n {t('Summer Course Registration Form')}\r\n \r\n \r\n \r\n \r\n (window.location.href =\r\n 'https://www.emiratesrc.ae/TrainingCourses/')\r\n }\r\n target=\"_blank\"\r\n className=\"dropdown-item\"\r\n >\r\n {t('Training Courses ')}\r\n \r\n \r\n \r\n setDisplayMenu3(true)}\r\n onClick={() => setDisplayMenu3(!displayMenu3)}\r\n className=\"dropdown-item buttonHeader1\"\r\n >\r\n {t('Volunteering Service')}\r\n \r\n \r\n \r\n history.push('/volunteer/vln-registration')\r\n }\r\n className=\"dropdown-item\"\r\n >\r\n {t('Login')}\r\n \r\n \r\n lng === 'arab'\r\n ? window.open(\r\n 'https://forms.gle/yPmUBLsnLZHjcrgF9'\r\n )\r\n : window.open(\r\n 'https://forms.gle/N67PE8ZU1HVbykMQ6'\r\n )\r\n }\r\n className=\"dropdown-item\"\r\n >\r\n {t('Volunteer Satisfaction and Happiness Form')}\r\n \r\n window.open(termsLink)}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Volunteer Service')}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n {t('Contact')}\r\n \r\n \r\n \r\n history.push('/media')}\r\n >\r\n {t('Media')}\r\n \r\n \r\n \r\n history.push('/contact-us')}\r\n >\r\n {t('Contact Us')}\r\n \r\n \r\n \r\n history.push('/our-locations')}\r\n className=\"dropdown-item\"\r\n >\r\n {t('Our Locations')}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n {userInfo ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n notfications?.filter(function (item) {\r\n return !item.is_read;\r\n }).length\r\n }\r\n \r\n \r\n {openNorficationModal ? (\r\n \r\n
\r\n {loadNotifications ? (\r\n\r\n \r\n {not.timestamp}\r\n \r\n \r\n {not.message}\r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n \r\n {t('Notifications')}\r\n
\r\n\r\n {loadNotifications ? (\r\n
\r\n
\r\n )}\r\n \r\n {t('No notifications')}\r\n
\r\n\r\n {displaySlide===0?\r\n \r\n :\r\n \r\n \r\n }\r\n \r\n
\r\n }\r\n \r\n {t(\"Choose your provider\")}
\r\n\r\n \r\n \r\n
\r\n {t(\"Choose amount to donate\")}
\r\n\r\n {amountsData.map((item,i)=>\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n 900? \"30px\":'20px',\r\n color: \"#474646\",\r\n width: \"30px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n }}\r\n className=\"fas fa-user\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n ![]()
{props.onHide(); setDisplay(0)}} src={closeIcon} alt='close_icon' style={{width:'15px', height:'15px', cursor:'pointer'}}/>\r\n
\r\n {display===0?\r\n \r\n \r\n
:\r\n \r\n {} \r\n \r\n
\r\n \r\n = 900 ? \"160px\" : \"120px\",\r\n width: width >= 900 ? \"200px\" : \"160px\",\r\n }}\r\n className=\"donation_img_forBanner\"\r\n >
\r\n \r\n )}\r\n {props.from !== \"humanCases\" ? (\r\n \r\n handleChoosenAmountByBtn(realAmountForOurDonation)}\r\n className=\"spin_popUp_for_mob donationPopUpBtn\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {realAmountForOurDonation}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(realAmountForOurDonation * 2)\r\n }\r\n className=\"spin_popUp_for_mob donationPopUpBtn\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {realAmountForOurDonation * 2}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(realAmountForOurDonation * 3)\r\n }\r\n className=\"spin_popUp_for_mob donationPopUpBtn\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {realAmountForOurDonation * 3}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(realAmountForOurDonation * 4)\r\n }\r\n className=\"spin_popUp_for_mob donationPopUpBtn\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {realAmountForOurDonation * 4}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(realAmountForOurDonation * 5)\r\n }\r\n className=\"spin_popUp_for_mob donationPopUpBtn\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {realAmountForOurDonation * 5}\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n \r\n {window.ApplePaySession ? (\r\n \r\n handleGuestPopUp(() =>\r\n startApplePay(\r\n props.from === \"humanCases\"\r\n ? {\r\n humanCase: humanCaseData.humanId,\r\n\r\n amount: humanCaseData.donationAmountFromUser,\r\n humanYear: humanCaseData.caseYear,\r\n item_type: 4,\r\n dontype_id: 158,\r\n }\r\n : {\r\n amount: donationData.amount,\r\n cart: {\r\n amount: donationData.amount,\r\n donationId: donationData.donationId,\r\n\r\n recurring: donationData.donationFreq,\r\n item_type: 0,\r\n },\r\n item: donationData,\r\n }\r\n )\r\n )\r\n }\r\n style={{ width: \"80%\", height: \"44px\" }}\r\n locale=\"ar-AB\"\r\n >
\r\n ) : (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {t(\"Please Select:\")}
\r\n\r\n {compaginweNeed\r\n ?.slice(0, 1)\r\n .shift()\r\n ?.donations?.map((item, i) => (\r\n \r\n handleSelect(item, e)}\r\n style={{\r\n backgroundImage: `url(${item.imagePath})`,\r\n backgroundSize: \"cover\",\r\n backgroundPosition: \"top center\",\r\n position: \"relative\",\r\n height:\r\n width >= 900 &&\r\n compaginweNeed?.slice(0, 1)?.shift()?.donations\r\n ?.length === 1\r\n ? \"160px\"\r\n : width < 900 &&\r\n compaginweNeed?.slice(0, 1)?.shift()?.donations\r\n ?.length === 1\r\n ? \"120px\"\r\n : null,\r\n width:\r\n width >= 900 &&\r\n compaginweNeed?.slice(0, 1)?.shift()?.donations\r\n ?.length === 1\r\n ? \"200px\"\r\n : width < 900 &&\r\n compaginweNeed?.slice(0, 1)?.shift()?.donations\r\n ?.length === 1\r\n ? \"160px\"\r\n : null,\r\n border:\r\n selectedItemsAmounts.filter(\r\n (innerItem) => innerItem.donationId === item.dontypeID\r\n ).length > 0\r\n ? \"1px solid #ee4236\"\r\n : \"2px solid white\",\r\n }}\r\n className=\"donation_img_forBanner\"\r\n >\r\n innerItem.donationId === item.dontypeID\r\n ).length > 0\r\n ? \"rightSign_btn--active\"\r\n : \"rightSign_btn\"\r\n }\r\n >\r\n \r\n \r\n
\r\n {item.dontypeName.length >= 16 ? (\r\n \r\n \r\n handleChoosenAmountByBtn(\r\n selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount\r\n )\r\n }\r\n className=\"spin_popUp_for_mob compagins\"\r\n >\r\n {t(\"AED\")}\r\n \r\n {selectedItemsAmounts[selectedItemsAmounts.length - 1]?.realAmount\r\n ? selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount\r\n : 0}\r\n \r\n \r\n {selectedItemsAmounts[selectedItemsAmounts.length - 1]?.isMulti ? (\r\n \r\n \r\n handleChoosenAmountByBtn(\r\n selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 2\r\n )\r\n }\r\n className=\"spin_popUp_for_mob compagins\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 2\r\n ? selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 2\r\n : 0}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(\r\n selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 3\r\n )\r\n }\r\n className=\"spin_popUp_for_mob compagins\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 3\r\n ? selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 3\r\n : 0}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(\r\n selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 4\r\n )\r\n }\r\n className=\"spin_popUp_for_mob compagins\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 4\r\n ? selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 4\r\n : 0}\r\n \r\n \r\n \r\n handleChoosenAmountByBtn(\r\n selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 5\r\n )\r\n }\r\n className=\"spin_popUp_for_mob compagins\"\r\n >\r\n \r\n {t(\"AED\")}\r\n \r\n \r\n {selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 5\r\n ? selectedItemsAmounts[selectedItemsAmounts.length - 1]\r\n ?.realAmount * 5\r\n : 0}\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n \r\n {window.ApplePaySession ? (\r\n \r\n selectedItemsAmounts.length === 0\r\n ? toastifyMessage(\r\n \"Please select from campaign elements\",\r\n undefined,\r\n \"warning\"\r\n )\r\n : handleGuestPopUp(() =>\r\n startApplePay(\r\n {\r\n amount: selectedItemsAmounts.reduce(\r\n (sum, item) => sum + parseInt(item.amount),\r\n 0\r\n ),\r\n cart: selectedItemsAmounts.map(function (item) {\r\n return {\r\n dontype_id: item.donationId,\r\n item_type: 0,\r\n amount: item.amount,\r\n recuring: item.recuring,\r\n cart_serial: null,\r\n };\r\n }),\r\n\r\n item: selectedItemsAmounts,\r\n },\r\n dispatch,\r\n history\r\n )\r\n )\r\n }\r\n style={{ width: \"80%\", height: \"44px\" }}\r\n locale=\"ar-AB\"\r\n >
\r\n ) : (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {loadingState?\r\n \r\n 1 ? true:false} className='please' slidesPerView={1} navigation={true} pagination={{ clickable: true }}>\r\n {campaignData?.map((item, i) =>\r\n \r\n \r\n )}\r\n\r\n \r\n setPopUpModal(false)}\r\n />\r\n \r\n }\r\n \r\n
\r\n )\r\n}\r\nexport default Banner","import React from 'react'\r\nimport './becomeASponCom.css'\r\nimport { useHistory } from 'react-router-dom'\r\n\r\n\r\nconst BecomeASponCom = (props) => {\r\n const history = useHistory();\r\n\r\n return (\r\n \r\n
\r\n =900?'30%':width>=700? '28%':width>=400? '35%':'32%', right: width>=1150? '110px':width>=900?'20px':'10px', width:width>=1150?'35%':width>=500?'50%':'60%', padding:'10px', backgroundColor:'rgba(0, 0, 0, 0.2)', color:'white', borderRadius:'15px'}}>\r\n \r\n
\r\n } \r\n =900? '15px':width>=700? '10px':width>=400?'9px':'8px',textAlign: lng==='arab'? 'right':'left', width:'100%', direction:lng==='arab'?\"rtl\":\"ltr\", marginBottom:'0px'}} className='banner_description'>\r\n {item.description.length>=120? item.description + '...':item.description}\r\n
\r\n\r\n {/*
\r\n {item.name}
*/}\r\n \r\n history.push(`/beasponser/${props.becomeASponId}`)} className='becomeASpon_com'>\r\n
\r\n )\r\n}\r\nexport default BecomeASponCom","import React, { useState, useEffect } from 'react'\r\nimport './becomeASpon.css'\r\nimport BecomeASponCom from './becomeASponCom/becomeASponCom'\r\nimport { useSelector } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Swiper, SwiperSlide } from 'swiper/react'\r\nimport SwiperCore, { Navigation } from 'swiper'\r\nimport Loading from \"../../../ui/loading\"\r\n\r\nSwiperCore.use([Navigation])\r\n\r\nconst BecomeASpon = (props) => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const orphanSliders = useSelector(state => state.countriesForOrphan.countriesForOrphan);\r\n const [orphanAfter, setOrphanAfter] = useState([])\r\n const [view, setView] = useState(5)\r\n useEffect(() => {\r\n let projectsIDS = orphanSliders.map(item => item.orptypeID);\r\n let uniqueProjects = []\r\n for (let i = 0; i < orphanSliders.length; i++) {\r\n projectsIDS.splice(projectsIDS.indexOf(orphanSliders[i].orptypeID), 1)\r\n if (projectsIDS.indexOf(orphanSliders[i].orptypeID) < 0)\r\n uniqueProjects.push(orphanSliders[i]);\r\n }\r\n setOrphanAfter(uniqueProjects)\r\n }, [orphanSliders])\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n useEffect(() => {\r\n if (window.innerWidth > 3400 && window.innerWidth <= 4000) {\r\n setView(6)\r\n } else if (window.innerWidth > 2530 && window.innerWidth <= 3400) {\r\n setView(5.8)\r\n } else if (window.innerWidth > 1860 && window.innerWidth <= 2530) {\r\n setView(5.5)\r\n } else if (window.innerWidth > 1600 && window.innerWidth <= 1860) {\r\n setView(4.5)\r\n } else if (window.innerWidth > 1300 && window.innerWidth <= 1600) {\r\n setView(4)\r\n }\r\n else if (window.innerWidth > 1000 && window.innerWidth <= 1300) {\r\n setView(3.2)\r\n } else if (window.innerWidth > 800 && window.innerWidth <= 1000) {\r\n setView(3)\r\n } else if (window.innerWidth > 700 && window.innerWidth <= 800) {\r\n setView(3)\r\n } else if (window.innerWidth > 600 && window.innerWidth <= 700) {\r\n setView(3)\r\n } else if (window.innerWidth > 500 && window.innerWidth <= 600) {\r\n setView(3)\r\n } else if (window.innerWidth > 240 && window.innerWidth <= 500) {\r\n setView(3)\r\n } else {\r\n setView(2.2)\r\n }\r\n }, [width])\r\n return (\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n view? true:false} className='please removingMargin' style={{ width: '100%' }} slidesPerView={view} navigation={true} >\r\n {orphanAfter?.map((item, i) =>\r\n \r\n \r\n )}\r\n \r\n \r\n\r\n
:\r\n \r\n \r\n setPopUpModal(false)}\r\n />\r\n
\r\n )\r\n}\r\nexport default DonationCom\r\n\r\n","/* eslint-disable */\r\nimport React, { useState, useEffect } from 'react'\r\nimport './donation.css'\r\nimport DonationCom from './donationCom/donationCom'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { Swiper, SwiperSlide } from 'swiper/react'\r\nimport SwiperCore, { Navigation, Autoplay } from 'swiper'\r\nimport 'swiper/swiper-bundle.css'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToBag, deleteFromBag } from '../../../../actions/BagFav'\r\nimport { FETCH_LOCALLY } from '../../../../constants/actionTypes'\r\nimport Loading from '../../../ui/loading'\r\nimport { addToFavorites, deleteFromFavorites } from '../../../../actions/BagFav'\r\n\r\nSwiperCore.use([Navigation, Autoplay])\r\nconst uselessFunction = () => {}\r\nconst Donation = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const [view, setView] = useState(5)\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const userBag = useSelector(state => state.bag.bag)\r\n const userFav = useSelector(state => state.favorites.favorites)\r\n const [favoritesDetails, setFavoritesDetails] = useState(userFav)\r\n useEffect(() => {\r\n setFavoritesDetails(userFav)\r\n }, [userFav])\r\n //const userBag = useSelector(state => state.bag.bag)\r\n const dispatch = useDispatch()\r\n const [change, setChange] = useState(0)\r\n const [bagDetails, setBagDetails] = useState(userBag)\r\n // const [favoritesDetails, setFavoritesDetails] = useState(userBag)\r\n const donations = useSelector(state => state.donations.donations).filter(item => item.amount);\r\n const loading = useSelector((state) => state.donations.loading);\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [change, fetchLoaclly])\r\n\r\n useEffect(() => {\r\n setBagDetails(userBag)\r\n }, [userBag])\r\n const handleLike = async (donationID) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }\r\n dispatch({ type: 'addLikeLocally', payload: donationID })\r\n currentProfile.liked.donations.push(donationID)\r\n const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({ type: FETCH_LOCALLY })\r\n setChange(change + 1)\r\n } else {\r\n await dispatch(addToFavorites(lng === 'arab' ? 1 : 2, { userEmail: userLogin.Results[0]?.email, dontypeID: donationID.donationId, projectID: '', orptypeID: '', projectYear: '', countryID: '' }))\r\n }\r\n }\r\n const handleDisLike = async (donationID) => {\r\n if (!userLogin) {\r\n let newProfile = { cart: currentProfile.cart, liked: { donations: currentProfile.liked.donations.filter(item => item.donationId !== donationID.donationId), sukuks: currentProfile.liked.sukuks, projects: currentProfile.liked.projects, orphans: currentProfile.liked.orphans } }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({ type: FETCH_LOCALLY })\r\n setChange(change + 1)\r\n } else {\r\n let elementWeNeed = favoritesDetails?.donations?.filter(item => item.dontypeID === donationID.donationId).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromFavorites(lng === 'arab' ? 1 : 2, userLogin.Results[0]?.email, elementWeNeed.cart_serial))\r\n }\r\n }\r\n\r\n }\r\n\r\n const handleaddToBag = async (donationID) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }\r\n currentProfile.cart?.donations.push({ ...donationID, baseAmount: donationID.amount })\r\n const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({ type: FETCH_LOCALLY })\r\n setChange(change + 1)\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n donID: donationID.donationId, userName: userLogin.Results[0]?.name_a, userMob: userLogin.Results[0]?.mobile_no,\r\n userEmail: userLogin.Results[0]?.email, itemType: 0, amount: donationID.amount, recuring: donationID.recuring, cart_serial: null\r\n }, language: lng === 'arab' ? 1 : 2\r\n }))\r\n }\r\n }\r\n\r\n const handleRemoveFromBag = async (donationID) => {\r\n if (!userLogin) {\r\n let newProfile = { cart: { donations: currentProfile.cart.donations.filter(item => !(item.donationId === donationID.donationId && parseInt(item.baseAmount) === parseInt(donationID.amount) && item.donationFreq === donationID.donationFreq)), sukuks: currentProfile.cart.sukuks, projects: currentProfile.cart.projects, humanCases: currentProfile.cart.humanCases, orphans: currentProfile.cart.orphans }, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({ type: FETCH_LOCALLY })\r\n setChange(change + 1)\r\n } else {\r\n let elementWeNeed = bagDetails?.donations?.filter(item => item.dontypeID === donationID.donationId && parseInt(item.baseAmount) === parseInt(donationID.amount) && item.recurring === donationID.donationFreq).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, elementWeNeed.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n }\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n\r\n useEffect(() => {\r\n if (window.innerWidth > 3400 && window.innerWidth <= 4000) {\r\n setView(15)\r\n } else if (window.innerWidth > 2530 && window.innerWidth <= 3400) {\r\n setView(11)\r\n } else if (window.innerWidth > 1860 && window.innerWidth <= 2530) {\r\n setView(8)\r\n } else if (window.innerWidth > 1600 && window.innerWidth <= 1860) {\r\n setView(6)\r\n } else if (window.innerWidth > 1300 && window.innerWidth <= 1600) {\r\n setView(5.8)\r\n }\r\n else if (window.innerWidth > 1000 && window.innerWidth <= 1300) {\r\n setView(5.4)\r\n } else if (window.innerWidth > 800 && window.innerWidth <= 1000) {\r\n setView(5)\r\n } else if (window.innerWidth > 700 && window.innerWidth <= 800) {\r\n setView(5)\r\n } else if (window.innerWidth > 600 && window.innerWidth <= 700) {\r\n setView(4)\r\n } else if (window.innerWidth > 500 && window.innerWidth <= 600) {\r\n setView(2.8)\r\n }\r\n else if (window.innerWidth > 350 && window.innerWidth <= 500) {\r\n setView(2.2)\r\n } else if (window.innerWidth > 250 && window.innerWidth <= 350) {\r\n setView(1.4)\r\n } else {\r\n setView(1)\r\n }\r\n }, [width])\r\n\r\n const history = useHistory();\r\n const handleClick = () => {\r\n history.push(`/donations`)\r\n }\r\n return (\r\n \r\n
\r\n \r\n ![]()
history.push(`/donations/${props.donationID}`)} src={imgSrc} onError={() => setImgSrc(Default)} className='donation_img' />\r\n {addingToFav ?\r\n :\r\n \r\n }\r\n\r\n
\r\n \r\n {props.title.length >= 20 ?\r\n \r\n {props.forFavorites ?\r\n :\r\n \r\n {props.forFavorites ?\r\n \r\n :\r\n \r\n }\r\n \r\n }\r\n {!props.forFavorites ?\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 {lng === 'arab' ?\r\n \r\n : \r\n }\r\n
\r\n {\r\n !loading ?\r\n \r\n \r\n view? true:false} className='please' slidesPerView={view} navigation={true}>\r\n {donations?.slice(0, 16)?.map((item, index) =>\r\n\r\n \r\n \r\n )}\r\n \r\n \r\n
: \r\n {addingToCart ? (\r\n \r\n = 1}\r\n onClick={() => {\r\n if (\r\n parseInt(humanCaseData.donationAmountFromUser) >= 5\r\n )\r\n handleInBag(humanCaseData);\r\n else\r\n toastifyMessage(\r\n \"Can not pay less than 5 AED\",\r\n undefined,\r\n \"warning\"\r\n );\r\n }}\r\n className=\"btn_for_sukuk\"\r\n >\r\n \r\n )}\r\n
\r\n )}\r\n \r\n = 1}\r\n onClick={() =>\r\n parseInt(humanCaseData.donationAmountFromUser) < 5\r\n ? toastifyMessage(\r\n \"Can not pay less than 5 AED\",\r\n undefined,\r\n \"warning\"\r\n )\r\n : handleGuestPopUp(\r\n window.ApplePaySession ? donateNow : startSamsungPay\r\n )\r\n }\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n = 1}\r\n onClick={() => {\r\n if (!(humanCaseData.donationAmountFromUser >= 5)) {\r\n toastifyMessage(\r\n \"Can not pay less than 5 AED\",\r\n undefined,\r\n \"warning\"\r\n );\r\n } else\r\n history.push(`/checkout`, {\r\n from: \"humanCases\",\r\n elements: [\r\n {\r\n title: humanCaseData.title,\r\n price: humanCaseData.donationAmountFromUser,\r\n },\r\n ],\r\n totalAmount: humanCaseData.donationAmountFromUser,\r\n details: humanCaseData,\r\n });\r\n }}\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n \r\n {addingToCart ? (\r\n \r\n = 1 ? \"0.5\" : \"unset\" }}\r\n disabled={addingToCart || presentage >= 1}\r\n onClick={() => {\r\n if (parseInt(humanCaseData.donationAmountFromUser) > 0)\r\n handleInBag(humanCaseData);\r\n else\r\n toastifyMessage(\r\n \"Please enter a valid donation!\",\r\n undefined,\r\n \"warning\"\r\n );\r\n }}\r\n className=\"btn_for_sukuk\"\r\n >\r\n \r\n )}\r\n
\r\n )}\r\n \r\n = 1 ? \"0.5\" : \"unset\" }}\r\n disabled={presentage >= 1}\r\n onClick={() =>\r\n parseInt(humanCaseData.donationAmountFromUser) < 5\r\n ? toastifyMessage(\r\n \"Can not pay less than 5 AED\",\r\n undefined,\r\n \"warning\"\r\n )\r\n : handleGuestPopUp(\r\n window.ApplePaySession ? donateNow : startSamsungPay\r\n )\r\n }\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n {/* SMS Donation on Web/Desktop view should be hidden */}\r\n {width < 900 ? (\r\n \r\n = 1 ? \"0.5\" : \"unset\" }}\r\n onClick={handleSMS}\r\n disabled={presentage >= 1}\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n = 1 ? \"0.5\" : \"unset\" }}\r\n disabled={presentage >= 1}\r\n onClick={() => {\r\n if (!(humanCaseData.donationAmountFromUser >= 5)) {\r\n toastifyMessage(\r\n \"Please enter a valid donation!\",\r\n undefined,\r\n \"warning\"\r\n );\r\n } else\r\n history.push(`/checkout`, {\r\n from: \"humanCases\",\r\n elements: [\r\n {\r\n title: humanCaseData.title,\r\n price: humanCaseData.donationAmountFromUser,\r\n },\r\n ],\r\n totalAmount: humanCaseData.donationAmountFromUser,\r\n details: humanCaseData,\r\n });\r\n }}\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default ProjectsCom","import React, { useEffect, useState } from \"react\";\r\nimport './projects.css'\r\nimport projectBC from '../../../../assets/project_banner.jpg'\r\nimport ProjectsCom from \"./projectsCom/projectsCom\";\r\nimport Carousel from 'react-bootstrap/Carousel'\r\nimport { useSelector } from 'react-redux'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Loading from \"../../../ui/loading\";\r\n\r\nconst Projects = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const history = useHistory()\r\n const projects = useSelector(state => state.fullProjects.fullProjects);\r\n const projectsLoading = useSelector(state => state.fullProjects.loading);\r\n const [first16, setFirst16] = useState([])\r\n const [projectsLoadingState, setProjectsLoadingState] = useState(projectsLoading)\r\n\r\n useEffect(() => {\r\n setProjectsLoadingState(projectsLoading)\r\n }, [projectsLoading])\r\n useEffect(() => {\r\n let projectsByTheSameProjectType = projects.slice(0);\r\n let projectsIDS = projects.map(item => item.projTypeID);\r\n let uniqueProjects = []\r\n for (let i = 0; i < projectsByTheSameProjectType.length; i++) {\r\n projectsIDS.splice(projectsIDS.indexOf(projectsByTheSameProjectType[i].projTypeID), 1)\r\n if (projectsIDS.indexOf(projectsByTheSameProjectType[i].projTypeID) < 0)\r\n uniqueProjects.push(projectsByTheSameProjectType[i]);\r\n }\r\n // var num1 = Math.floor(Math.random() * (uniqueProjects.length - 17));\r\n // var num2 = num1 + 16;\r\n setFirst16([...uniqueProjects?.slice(0, 16)])\r\n }, [projects])\r\n return (\r\n handleClick(props.projectType)} className='projects_com_box'>\r\n 
\r\n
\r\n {props.title.length >= 20?\r\n =975? '400px': width>=470? '120px': '100px'}}>\r\n \r\n
: \r\n \r\n }\r\n \r\n \r\n \r\n \r\n
\r\n {!projectsLoadingState?\r\n \r\n {first16?.slice(0, 2).map(item =>\r\n
\r\n \r\n {first16?.slice(2, 4).map(item =>\r\n
\r\n \r\n {first16?.slice(4, 6).map(item =>\r\n
\r\n \r\n {first16?.slice(6, 8).map(item =>\r\n
\r\n \r\n {first16?.slice(8, 10).map(item =>\r\n
\r\n \r\n {first16?.slice(10, 12).map(item =>\r\n
\r\n \r\n {first16?.slice(0, 4).map(item =>\r\n
\r\n \r\n {first16?.slice(4, 8).map(item =>\r\n
\r\n \r\n {first16?.slice(8, 12).map(item =>\r\n
\r\n \r\n \r\n {props.title}\r\n \r\n {/*addingToCart?\r\n \r\n \r\n \r\n \r\n {lng === \"arab\" ? (\r\n handleLikeDisLike(choosenToDonateSuk)}\r\n className=\"like_btn_for_sukuk\"\r\n >\r\n {liked ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n ) : (\r\n handleLikeDisLike(choosenToDonateSuk)}\r\n className=\"like_btn_for_sukuk\"\r\n >\r\n {liked ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n \r\n \r\n
:null*/}\r\n \r\n \r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n \r\n setChoosenToDonateSuk({\r\n ...choosenToDonateSuk,\r\n donationFreq: \"N\",\r\n })\r\n }\r\n className=\"btn btn-block btn-light btn-frequ btn-sukuk btnFontSml\"\r\n >\r\n {t(\"One Time\")}\r\n \r\n {!desiableMonthYer ? (\r\n \r\n setChoosenToDonateSuk({\r\n ...choosenToDonateSuk,\r\n donationFreq: \"M\",\r\n })\r\n }\r\n className=\"btn btn-block btn-light btn-frequ btn-sukuk\"\r\n >\r\n {t(\"Monthly\")}\r\n \r\n ) : null}\r\n {!desiableMonthYer ? (\r\n \r\n setChoosenToDonateSuk({\r\n ...choosenToDonateSuk,\r\n donationFreq: \"D\",\r\n })\r\n }\r\n className=\"btn btn-block btn-light btn-frequ btn-sukuk\"\r\n >\r\n {t(\"Daily\")}\r\n \r\n ) : null}\r\n
\r\n \r\n {addingToCart ? (\r\n \r\n handleAddToBag(choosenToDonateSuk)}\r\n className=\"btn_for_sukuk\"\r\n >\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {choosenToDonateSuk.donationFreq !== \"N\" ? (\r\n \r\n ) : (\r\n \r\n handleGuestPopUp(\r\n window.ApplePaySession ? donateNow : startSamsungPay\r\n )\r\n }\r\n >\r\n
\r\n {width >= 900 ? null : (\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {\r\n if (choosenToDonateSuk.amount > 100) {\r\n handleClick(\"-\");\r\n }\r\n }}\r\n >\r\n -\r\n \r\n \r\n {t(\"AED\")}{\" \"}\r\n \r\n {choosenToDonateSuk.amount}\r\n \r\n \r\n handleClick(\"+\")}\r\n >\r\n +\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n history.push(`/checkout`, {\r\n from: \"donations\",\r\n elements: [\r\n {\r\n title: choosenToDonateSuk.title,\r\n price: choosenToDonateSuk.amount,\r\n },\r\n ],\r\n totalAmount: choosenToDonateSuk.amount,\r\n details: choosenToDonateSuk,\r\n })\r\n }\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n \r\n \r\n {props.title}\r\n \r\n {/*addingToCart?\r\n \r\n \r\n \r\n \r\n {lng === \"arab\" ? (\r\n handleLikeDisLike(choosenToDonateSuk)}\r\n className=\"like_btn_for_sukuk\"\r\n >\r\n {liked ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n ) : (\r\n handleLikeDisLike(choosenToDonateSuk)}\r\n className=\"like_btn_for_sukuk\"\r\n >\r\n {liked ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n \r\n \r\n
:null*/}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n \r\n setChoosenToDonateSuk({\r\n ...choosenToDonateSuk,\r\n donationFreq: \"N\",\r\n })\r\n }\r\n className=\"btn btn-block btn-light btn-frequ one_time btn-sukuk btnFontSml\"\r\n >\r\n {t(\"One Time\")}\r\n \r\n {!desiableMonthYer ? (\r\n \r\n setChoosenToDonateSuk({\r\n ...choosenToDonateSuk,\r\n donationFreq: \"M\",\r\n })\r\n }\r\n className=\"btn btn-block btn-light btn-frequ btn-sukuk\"\r\n >\r\n {t(\"Monthly\")}\r\n \r\n ) : null}\r\n {!desiableMonthYer ? (\r\n \r\n setChoosenToDonateSuk({\r\n ...choosenToDonateSuk,\r\n donationFreq: \"D\",\r\n })\r\n }\r\n className=\"btn btn-block btn-light btn-frequ btn-sukuk\"\r\n >\r\n {t(\"Daily\")}\r\n \r\n ) : null}\r\n
\r\n \r\n {addingToCart ? (\r\n \r\n handleAddToBag(choosenToDonateSuk)}\r\n className=\"btn_for_sukuk\"\r\n >\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {choosenToDonateSuk.donationFreq !== \"N\" ? (\r\n \r\n ) : (\r\n \r\n handleGuestPopUp(\r\n window.ApplePaySession ? donateNow : startSamsungPay\r\n )\r\n }\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n {/* SMS Donation on Web/Desktop view should be hidden */}\r\n {width < 900 ? (\r\n \r\n ) : null}\r\n \r\n \r\n {\r\n if (choosenToDonateSuk.amount > 100) {\r\n handleClick(\"-\");\r\n }\r\n }}\r\n >\r\n -\r\n \r\n \r\n {t(\"AED\")}{\" \"}\r\n \r\n {choosenToDonateSuk.amount}\r\n \r\n \r\n handleClick(\"+\")}\r\n >\r\n +\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n history.push(`/checkout`, {\r\n from: \"donations\",\r\n elements: [\r\n {\r\n title: choosenToDonateSuk.title,\r\n price: choosenToDonateSuk.amount,\r\n },\r\n ],\r\n totalAmount: choosenToDonateSuk.amount,\r\n details: choosenToDonateSuk,\r\n })\r\n }\r\n className=\"btn_for_sukuk\"\r\n >\r\n
\r\n \r\n {sukuk?.map(item =>\r\n
\r\n {\r\n sukuk.length > 0 ?\r\n \r\n \r\n view? true:false} id='sukuk_slider' spaceBetween={10} slidesPerView={view} navigation={true} pagination={{ clickable: true }}>\r\n {sukuk?.map(item =>\r\n \r\n \r\n )}\r\n \r\n \r\n
: \r\n \r\n
\r\n )\r\n}\r\nexport default FavoritesCom","import React, { useState, useEffect } from 'react'\r\nimport './Favorites.css'\r\nimport FavoritesCom from './favoritesCom/FavoritesCom'\r\nimport favImgTest from '../../../../assets/foodBox.png'\r\nimport { Swiper, SwiperSlide } from 'swiper/react'\r\nimport { useHistory, useLocation } from 'react-router-dom'\r\nimport 'swiper/swiper-bundle.css'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport Loading from '../../../ui/loading'\r\nimport { addToFavorites, deleteFromFavorites } from '../../../../actions/BagFav'\r\nimport { FETCH_LOCALLY } from '../../../../constants/actionTypes'\r\n\r\nconst Favorites = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const userFav = useSelector(state => state.favorites.favorites)\r\n const userFavLoading = useSelector(state => state.favorites.loading)\r\n const [favoritesDetailsLoading, setFavoritesDetailsLoading] = useState(userFavLoading)\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n const [change, setChange] = useState(0)\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [change, fetchLoaclly])\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n setFavoritesDetailsLoading(userFavLoading)\r\n }, [userFavLoading])\r\n const [donationFav, setDonationFav] = useState([])\r\n useEffect(() => {\r\n if (userLogin) {\r\n let donationWithoutSukuk = userFav?.donations?.filter(outerItem=> userFav?.sukuks?.filter(item=> item.dontypeID===outerItem.dontypeID).length===0)\r\n setDonationFav(donationWithoutSukuk)\r\n } else {\r\n setDonationFav(currentProfile?.liked?.donations)\r\n }\r\n }, [userFav, change, fetchLoaclly]);\r\n const history = useHistory();\r\n const [view, setView] = useState(currentProfile?.liked?.donations?.length)\r\n const location = useLocation();\r\n\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n useEffect(() => {\r\n if (window.innerWidth > 3400 && window.innerWidth <= 4000) {\r\n setView(15)\r\n } else if (window.innerWidth > 2530 && window.innerWidth <= 3400) {\r\n setView(11)\r\n } else if (window.innerWidth > 1860 && window.innerWidth <= 2530) {\r\n setView(8)\r\n } else if (window.innerWidth > 1600 && window.innerWidth <= 1860) {\r\n setView(6)\r\n } else if (window.innerWidth > 1300 && window.innerWidth <= 1600) {\r\n setView(5.8)\r\n } else if (window.innerWidth > 1111 && window.innerWidth <= 1300) {\r\n setView(5)\r\n }\r\n else if (window.innerWidth > 1000 && window.innerWidth <= 1111) {\r\n setView(5.4)\r\n } else if (window.innerWidth > 800 && window.innerWidth <= 1000) {\r\n setView(5)\r\n } else if (window.innerWidth > 700 && window.innerWidth <= 800) {\r\n setView(5)\r\n } else if (window.innerWidth > 600 && window.innerWidth <= 700) {\r\n setView(4)\r\n } else if (window.innerWidth > 500 && window.innerWidth <= 600) {\r\n setView(2.8)\r\n }\r\n else if (window.innerWidth > 350 && window.innerWidth <= 500) {\r\n setView(2.2)\r\n } else if (window.innerWidth > 250 && window.innerWidth <= 350) {\r\n setView(1.4)\r\n } else {\r\n setView(1)\r\n }\r\n }, [width])\r\n\r\n const handleLike = async (donationID) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }\r\n dispatch({ type: 'addLikeLocally', payload: donationID })\r\n currentProfile.liked.donations.push(donationID)\r\n const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n await dispatch(addToFavorites(lng==='arab'? 1:2,{userEmail:userLogin.Results[0]?.email, dontypeID: donationID.donationId, projectID:'', orptypeID:'', projectYear: '', countryID: ''}))\r\n }\r\n }\r\n const handleDisLike = async (donationID) => {\r\n if (!userLogin) {\r\n let newProfile = { cart: currentProfile.cart, liked: { donations: currentProfile.liked.donations.filter(item => item.donationId !== donationID.donationId), sukuks: currentProfile.liked.sukuks, projects: currentProfile.liked.projects, orphans: currentProfile.liked.orphans } }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n let elementWeNeed = donationFav?.filter(item => item.dontypeID === donationID.donationId).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromFavorites(lng==='arab'? 1:2, userLogin.Results[0]?.email, elementWeNeed.cart_serial))\r\n }\r\n }\r\n\r\n }\r\n\r\n \r\n const handleRemoveFromBag = async (donationID) => {\r\n let newProfile = { cart: { donations: currentProfile.cart.donations.filter(item => item.donationId !== donationID.donationId), sukuks: currentProfile.cart.sukuks, projects: currentProfile.cart.projects, humanCases: currentProfile.cart.humanCases, orphans: currentProfile.cart.orphans }, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n }\r\n return (\r\n \r\n
\r\n \r\n 
history.push(`/donations/${props.donationID}`)}/>\r\n {addingToFav?\r\n :\r\n \r\n }\r\n
\r\n \r\n {props.title.length >= 20?\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 {favoritesDetailsLoading?\r\n \r\n {donationFav?.length > 0 ?\r\n \r\n view? true:false} slidesPerView={view} navigation={true}>\r\n {donationFav?.map((item,i) =>\r\n \r\n \r\n )}\r\n \r\n : null\r\n }\r\n\r\n
}\r\n \r\n 
rollBack()}/>\r\n 
rollForward()}/>\r\n\r\n
\r\n )\r\n}\r\nexport default EventMonthSelector","import React, { useState } from 'react'\r\nimport './EventHomeComp.css'\r\nimport { BottomSheet } from \"react-spring-bottom-sheet\";\r\nimport \"react-spring-bottom-sheet/dist/style.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\nvar arabic = /[\\u0600-\\u06FF]/;\r\nconst EventHomeComp = (props) => {\r\n const { t } = useTranslation();\r\n const [open, setOpen] = useState(false);\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const date = new Date(props.item.start_date.split('/')[1] + \"/\" + props.item.start_date.split('/')[0] + \"/\" + props.item.start_date.split('/')[2])\r\n const day = date.toLocaleDateString(lng === \"arab\"?\"ar-GB\": \"en-GB\", {\r\n day: \"numeric\",\r\n })\r\n const weekday = date.toLocaleDateString(lng === \"arab\"?\"ar-GB\": \"en-GB\", {\r\n weekday: \"long\",\r\n })\r\n const month = date.toLocaleDateString(lng === \"arab\"?\"ar-GB\": \"en-GB\", {\r\n month: \"short\"\r\n })\r\n return (\r\n {props.month.toLocaleDateString(lng === \"arab\"?\"ar-GB\": \"en-GB\", {\r\n month: \"long\",\r\n year: \"numeric\",\r\n })}
\r\n setOpen(true)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {open && (\r\n {weekday}
{day}
{month}
{props.item.title}
\r\n {props.item.description}\r\n
\r\n \r\n \r\n {t(\"No Events Found\")}\r\n
\r\n }\r\n {props.weekday}
{props.day}
{props.month}
{props.event.title}
}\r\n style={{fontFamily: 'english_font', direction: 'ltr'}} >\r\n \r\n\r\n {props.event.description}\r\n
\r\n \r\n Events
\r\n\r\n {/* */}\r\n {years.length > 0?\r\n <>\r\n {years.map((item, i) => {\r\n return {setOpen(false);}}\r\n />:null}\r\n\r\n \r\n:<>}\r\n
\r\n \r\n \r\n \r\n
\r\n })}\r\n {open && activeEvent?\r\n
\r\n {item[0].toLocaleDateString(\"en-GB\", {\r\n month: \"long\"\r\n })}
\r\n {item[0].toLocaleDateString(\"en-GB\", {\r\n year: 'numeric'\r\n })}\r\n- \r\n
- S \r\n
- M \r\n
- T \r\n
- W \r\n
- T \r\n
- F \r\n
- S \r\n \r\n {item.map((i, index) => {\r\n if(index === 0)\r\n return
- {handleEventClick(i)}} style={{gridColumnStart: startCalendar[i?.toLocaleDateString(\"en-GB\", {\r\n weekday: \"long\",\r\n })]}}>1 \r\n return
- {handleEventClick(i)}} style={{flex: '1', cursor: 'pointer'}}>\r\n \r\n {i?.toLocaleDateString(\"en-GB\", {\r\n day: \"numeric\",\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 history.push(\r\n `/project_share/${props.projectShare.projectShareYear}/${props.projectShare.projectShareID}`, {projectShare: props.projectShare}\r\n );\r\n }}\r\n className=\"image-title-desc\"\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props.projectShare.projectName}\r\n
\r\n\r\n \r\n\r\n
\r\n {props.projectShare.projectShareStatus?\r\n
\r\n \r\n AED\r\n {props.projectShare.amountCollected}\r\n
\r\n {t(\"Raised\")}\r\n {\"-\".repeat(window.innerWidth > 500? 8: window.innerWidth > 400? 5:window.innerWidth > 350?4: window.innerWidth > 300? 3: 1)}
\r\n \r\n {t(\"of\")} \r\n
\r\n {/* AEDAED */}\r\n \r\n AED\r\n {props.projectShare.amount}\r\n
\r\n \r\n \r\n {setProjectShareData({\r\n ...projectShareData,\r\n donationAmountFromUser: props.projectShare.amount - props.projectShare.amountCollected,\r\n }) }\r\n }\r\n className=\"project_share_btn_remaining\"\r\n >\r\n {t(\"Pay remaining\")}\r\n \r\n
:}\r\n {props.projectShare.projectShareStatus? \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n if(parseInt(e.target.value.replace(/\\D/, \"\")) > props.projectShare.amount - props.projectShare.amountCollected)\r\n {\r\n setProjectShareData({\r\n ...projectShareData,\r\n donationAmountFromUser: props.projectShare.amount - props.projectShare.amountCollected,\r\n })\r\n }\r\n else {\r\n setProjectShareData({\r\n ...projectShareData,\r\n donationAmountFromUser: e.target.value.replace(/\\D/, \"\"),\r\n })\r\n }\r\n }\r\n }\r\n className=\"share_input\"\r\n type=\"text\"\r\n pattern=\"[0-9]*\"\r\n />\r\n
\r\n \r\n \r\n parseInt(projectShareData.donationAmountFromUser) < 5\r\n ? toastifyMessage(\r\n \"Can not pay less than 5 AED\",\r\n undefined,\r\n \"warning\"\r\n )\r\n : handleGuestPopUp(\r\n window.ApplePaySession ? donateNow : startSamsungPay\r\n )\r\n }\r\n className=\"button_for_share_pay\"\r\n >\r\n
\r\n \r\n {\r\n if (!(projectShareData.donationAmountFromUser >= 5)) {\r\n toastifyMessage(\r\n \"Can not pay less than 5 AED\",\r\n undefined,\r\n \"warning\"\r\n );\r\n } else\r\n history.push(`/checkout`, {\r\n from: \"projectShare\",\r\n elements: [\r\n {\r\n title: projectShareData.title,\r\n price: projectShareData.donationAmountFromUser,\r\n },\r\n ],\r\n totalAmount: projectShareData.donationAmountFromUser,\r\n details: projectShareData,\r\n });\r\n }}\r\n className=\"button_for_share_pay\"\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\nexport default HomePage;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./footer.css\";\r\nimport ERC from \"../../../assets/logo_desktop_whiteV2.svg\";\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst Footer = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const location = useLocation();\r\n const history = useHistory();\r\n const [vlnindex, setVlnIndex] = useState(0);\r\n const vlnRegisterProgress = useSelector((state) => state.vlnRegisterProgress);\r\n const aboutus = useSelector((state) => {\r\n return state.aboutus;\r\n });\r\n useEffect(() => {\r\n if (vlnRegisterProgress.data) {\r\n if (!vlnRegisterProgress.data.completedPic) {\r\n setVlnIndex(1);\r\n } else if (!vlnRegisterProgress.data.completedJob) {\r\n setVlnIndex(2);\r\n } else if (!vlnRegisterProgress.data.completedEducation) {\r\n setVlnIndex(3);\r\n } else if (!vlnRegisterProgress.data.completedEmiratesID) {\r\n setVlnIndex(4);\r\n } else if (!vlnRegisterProgress.data.completedResidence) {\r\n setVlnIndex(5);\r\n } else if (!vlnRegisterProgress.data.completedPassport) {\r\n setVlnIndex(6);\r\n } else {\r\n setVlnIndex(-1);\r\n }\r\n }\r\n }, [vlnRegisterProgress]);\r\n useEffect(() => {\r\n if (\r\n (location.pathname === \"/auth\") |\r\n (location.pathname === \"/auth/needToOTP\") |\r\n (location.pathname === \"/auth/reset-password\") |\r\n (location.pathname === \"/auth/get-account\") |\r\n (location.pathname === \"/sponsership/followups\") |\r\n (location.pathname === \"/guest\") |\r\n (location.pathname === \"/volunteer/certificate-pdf\")\r\n\r\n ) {\r\n document.getElementById(\"footer\").style.display = \"none\";\r\n } else {\r\n document.getElementById(\"footer\").style.display = \"flex\";\r\n }\r\n }, [location]);\r\n return (\r\n \r\n );\r\n};\r\nexport default Footer;\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport './AllSukukCom.css'\r\nimport donateIcon from '../../../assets/donateIconForBanner.png'\r\nimport applePay from '../../../assets/applePay.png'\r\nimport smsicon from '../../../assets/samsungpay.png'\r\nimport share from \"../../../assets/share.png\";\r\n\r\nimport cash from '../../../assets/mobile.png'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { useHistory, useLocation } from \"react-router\";\r\nimport cashbills from '../../../assets/donateByCash.png'\r\nimport sukuk from '../../../assets/sukukalkhair.png'\r\nimport ShareAlertModel from '../../LoaclComponents/shareHeader/share_model/ShareModelAlert'\r\nimport donateIconRed from '../../../assets/BagRed.png'\r\nimport { handleSamsungDirectPayment } from '../../../actions/handleSamsungPayment'\r\nimport { startApplePay } from '../../../actions/handleApplePayment'\r\nimport Loading from '../../ui/loading'\r\nimport SmsModal from '../../ui/smsModal/SmsModal'\r\nimport DonationFinalPopUp from '../../checkOutPage/DonationFinalPopUp/DonationFinalPopUp'\r\nimport LoadingModal from '../../Auth/loginSignPage/loadingPopUp/loadingPopUp'\r\nconst AllSukukCom = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const [loadingModalShow, setLoadingModalShow] = useState(false);\r\n const [geustModal, setGuestModal] = useState(false);\r\n const [functionToSend, setFunctionToSend] = useState(()=> {});\r\n const history = useHistory();\r\n\r\n const [modalShow, setModalShow] = useState(false);\r\n\r\n const dispatch = useDispatch();\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const [liked, setLiked] = useState(false)\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n let visitor = JSON.parse(localStorage.getItem(\"visitorDetails\"));\r\n const [showCopyCard, setshowCopyCard] = useState(false);\r\n\r\n const [inTheBagText, setInTheBagText] = useState('Add to Bag');\r\n const [animationClass, setAnimationClass] = useState('btn_with_text');\r\n const [desiableMonthYer, setDisableMonthYer] = useState(props.recurring);\r\n const [btnToBeStyled, setBtnToBeStyled] = useState(`all_${props.donationID}_N`);\r\n\r\n const [smsModalShow, setSmsModalShow] = useState(false);\r\n const userFav = useSelector(state => state.favorites.favorites)\r\n const [favoritesDetails, setFavoritesDetails] = useState(userFav)\r\n const [addingToFav, setAddingToFav] = useState(false);\r\n useEffect(() => {\r\n setFavoritesDetails(userFav)\r\n }, [userFav])\r\n\r\n const userBag = useSelector(state => state.bag.bag)\r\n const [bagDetails, setBagDetails] = useState(userBag)\r\n useEffect(() => {\r\n setBagDetails(userBag)\r\n }, [userBag])\r\n const [inTheBag, setInTheBag] = useState(0)\r\n const [choosenToDonateSuk, setChoosenToDonateSuk] = useState({\r\n sukId: props.donationID,\r\n donationFreq: 'N',\r\n amount: parseInt(props.amount),\r\n title: props.title,\r\n img: props.sukukImg,\r\n item_type: 0\r\n })\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n useEffect(() => {\r\n if (!userLogin) { \r\n if (props.currentProfile?.liked?.sukuks?.filter(item => item.sukId === props.donationID).length > 0) {\r\n setLiked(true)\r\n } else {\r\n setLiked(false)\r\n }\r\n } else {\r\n if (favoritesDetails?.sukuks?.filter(item => item.dontypeID === props.donationID).length > 0) {\r\n setLiked(true)\r\n } else {\r\n setLiked(false)\r\n }\r\n }\r\n\r\n if (!userLogin) {\r\n if (props.currentProfile?.cart?.sukuks?.filter(item => item.sukId === props.donationID && item.donationFreq === choosenToDonateSuk.donationFreq).length > 0) {\r\n setInTheBag(props.currentProfile?.cart?.sukuks?.filter(item => item.sukId === props.donationID && item.donationFreq === choosenToDonateSuk.donationFreq).length)\r\n }\r\n } else {\r\n if (bagDetails?.sukuks?.filter(item => item.dontypeID === props.donationID && item.recurring === choosenToDonateSuk.donationFreq && parseInt(item.baseAmount) === parseInt(choosenToDonateSuk.amount)).slice(0).shift()?.quantity) {\r\n setInTheBag(bagDetails?.sukuks?.filter(item => item.dontypeID === props.donationID && item.recurring === choosenToDonateSuk.donationFreq && parseInt(item.baseAmount) === parseInt(choosenToDonateSuk.amount)).slice(0).shift()?.quantity)\r\n }\r\n }\r\n }, [props.donationID, props.currentProfile, bagDetails, choosenToDonateSuk.amount, choosenToDonateSuk.donationFreq, favoritesDetails])\r\n const handleLikeDisLike = async (str) => {\r\n setAddingToFav(true)\r\n if (liked) {\r\n await props.handleDisLike({...str, recurring: desiableMonthYer? 'N':'Y', amount: parseInt(props.amount)})\r\n if (_isMounted.current) {\r\n setAddingToFav(false) \r\n }\r\n \r\n } else {\r\n await props.handleLike({...str, recurring: desiableMonthYer? 'N':'Y', amount: parseInt(props.amount)})\r\n if (_isMounted.current) {\r\n setAddingToFav(false) \r\n }\r\n \r\n }\r\n }\r\n const sendSMS = () => {\r\n setSmsModalShow(true)\r\n //window.location.href = \"sms:2441;?&body=Donate Now to Red Crescent\";\r\n }\r\n const handleAddToBag = (str) => {\r\n props.handleaddToBag(str, setAddingToCart, setAnimationClass, setInTheBagText)\r\n }\r\n const [sukukAmount, setSukukAmount] = useState(parseInt(props.amount));\r\n const handleClick = (op) => {\r\n if (op === '-') {\r\n if (choosenToDonateSuk.amount > parseInt(props.amount)) {\r\n setChoosenToDonateSuk({ ...choosenToDonateSuk, amount: parseInt(choosenToDonateSuk.amount) - parseInt(props.amount) });\r\n }\r\n } else {\r\n setChoosenToDonateSuk({ ...choosenToDonateSuk, amount: parseInt(choosenToDonateSuk.amount) + parseInt(props.amount) });\r\n }\r\n }\r\n useEffect(() => {\r\n setBtnToBeStyled(`all_${props.donationID}_${choosenToDonateSuk.donationFreq}`)\r\n // if (!desiableMonthYer) {\r\n // if (choosenToDonateSuk.donationFreq === 'N') {\r\n // document.getElementById(`btn_one_${props.donationID}`).style.backgroundColor = '#ee4236'\r\n // document.getElementById(`btn_two_${props.donationID}`).style.backgroundColor = 'unset'\r\n // document.getElementById(`btn_three_${props.donationID}`).style.backgroundColor = 'unset'\r\n // document.getElementById(`btn_one_${props.donationID}`).style.color = 'white'\r\n // document.getElementById(`btn_two_${props.donationID}`).style.color = 'black'\r\n // document.getElementById(`btn_three_${props.donationID}`).style.color = 'black'\r\n // } else if (choosenToDonateSuk.donationFreq === 'M') {\r\n // document.getElementById(`btn_one_${props.donationID}`).style.backgroundColor = 'unset'\r\n // document.getElementById(`btn_two_${props.donationID}`).style.backgroundColor = '#ee4236'\r\n // document.getElementById(`btn_three_${props.donationID}`).style.backgroundColor = 'unset'\r\n // document.getElementById(`btn_one_${props.donationID}`).style.color = 'black'\r\n // document.getElementById(`btn_two_${props.donationID}`).style.color = 'white'\r\n // document.getElementById(`btn_three_${props.donationID}`).style.color = 'black'\r\n // } else {\r\n // document.getElementById(`btn_one_${props.donationID}`).style.backgroundColor = 'unset'\r\n // document.getElementById(`btn_two_${props.donationID}`).style.backgroundColor = 'unset'\r\n // document.getElementById(`btn_three_${props.donationID}`).style.backgroundColor = '#ee4236'\r\n // document.getElementById(`btn_one_${props.donationID}`).style.color = 'black'\r\n // document.getElementById(`btn_two_${props.donationID}`).style.color = 'black'\r\n // document.getElementById(`btn_three_${props.donationID}`).style.color = 'white'\r\n // } \r\n // } else {\r\n // document.getElementById(`btn_one_${props.donationID}`).style.backgroundColor = '#ee4236'\r\n // document.getElementById(`btn_one_${props.donationID}`).style.color = 'white'\r\n // }\r\n \r\n }, [choosenToDonateSuk])\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n const startSamsungPay = async () => {\r\n setLoadingModalShow(true);\r\n await handleSamsungDirectPayment({ amount: choosenToDonateSuk.amount, url: window.location.href, item: [{dontype_id: choosenToDonateSuk.sukId, amount: choosenToDonateSuk.amount, recurring: choosenToDonateSuk.donationFreq? choosenToDonateSuk.donationFreq: \"N\",\r\n quantity: 1, item_type: 0\r\n }] })\r\n setLoadingModalShow(false);\r\n\r\n }\r\n const handleGuestPopUp = async (options) => {\r\n if (userLogin || visitor) {\r\n options() \r\n } else {\r\n setFunctionToSend(()=> options)\r\n setGuestModal(true)\r\n }\r\n }\r\n return (\r\n \r\n \r\n {/*addingToCart?\r\n {\r\n setshowCopyCard(false);\r\n }}\r\n />\r\n setSmsModalShow(false)}\r\n />\r\n setGuestModal(false)}\r\n dialogClassName=\"modal-60w\"\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default AllSukukCom\r\n","export default __webpack_public_path__ + \"static/media/sukuklogo.8edfb3c1.png\";","/* eslint-disable */\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\nimport \"./AllSukukPage.css\";\r\nimport AllSukukCom from \"./allSukukCom/AllSukukCom\";\r\nimport sukukLogo from \"../../assets/sukuklogo.png\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToBag, deleteFromBag, handleAddToBag } from '../../actions/BagFav'\r\nimport ShareHeader from '../LoaclComponents/shareHeader/ShareHeader'\r\nimport Loading from '../ui/loading'\r\nimport { toastifyMessage } from \"../../handlers/toastifyMessage\";\r\nimport { addToFavorites, deleteFromFavorites } from '../../actions/BagFav'\r\nimport { FETCH_LOCALLY } from \"../../constants/actionTypes\";\r\nimport {\r\n BrowserRouter as Router,\r\n Link,\r\n useLocation\r\n} from \"react-router-dom\";\r\nconst AllSukukPage = () => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const sukuk = useSelector(state => state.sukuk.sukuk);\r\n const [sukukDisplay, setSukukDisplay] = useState([])\r\n const loading = useSelector(state => state.sukuk.loading);\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const userBag = useSelector(state => state.bag.bag)\r\n function useQuery() {\r\n const { search } = useLocation();\r\n \r\n return React.useMemo(() => new URLSearchParams(search), [search]);\r\n }\r\n let query = useQuery();\r\n let neededSuk = query.get(\"sukId\")\r\n\r\n useEffect(() => {\r\n if (neededSuk) {\r\n let sukWeNeedForDisplayFirst = sukuk?.filter(item=> item.dontypeID===neededSuk).slice(0).shift()\r\n let allSukukWithout = sukuk?.filter(item=> item.dontypeID!==neededSuk)\r\n allSukukWithout.unshift(sukWeNeedForDisplayFirst)\r\n setSukukDisplay(allSukukWithout)\r\n } else {\r\n setSukukDisplay(sukuk)\r\n }\r\n }, [sukuk])\r\n\r\n const dispatch = useDispatch()\r\n const [bagDetails, setBagDetails] = useState(userBag)\r\n\r\n useEffect(() => {\r\n setBagDetails(userBag)\r\n }, [userBag])\r\n // useEffect(() => {\r\n // window.scrollTo(0, 0);\r\n // }, [])\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n \r\n const [change, setChange] = useState(0)\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [change, fetchLoaclly])\r\n\r\n const userFav = useSelector(state => state.favorites.favorites)\r\n const [favoritesDetails, setFavoritesDetails] = useState(userFav)\r\n const [addingToFav, setAddingToFav] = useState(false);\r\n useEffect(() => {\r\n setFavoritesDetails(userFav)\r\n }, [userFav])\r\n\r\n const handleLike = async (sukukID) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem(\r\n \"profile\",\r\n JSON.stringify({\r\n cart: {\r\n donations: [],\r\n sukuks: [],\r\n projects: [],\r\n humanCases: [],\r\n orphans: [],\r\n },\r\n liked: { donations: [], sukuks: [], projects: [], orphans: [] },\r\n })\r\n );\r\n currentProfile = JSON.parse(localStorage.getItem(\"profile\"));\r\n }\r\n currentProfile.liked.sukuks.push(sukukID);\r\n const newProfile = {\r\n cart: currentProfile.cart,\r\n liked: currentProfile.liked,\r\n };\r\n localStorage.setItem(\"profile\", JSON.stringify(newProfile));\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1);\r\n \r\n } else {\r\n await dispatch(addToFavorites(lng==='arab'? 1:2,{userEmail:userLogin.Results[0]?.email, dontypeID: sukukID.sukId, projectID:'', orptypeID:'', projectYear: '', countryID: ''}))\r\n }\r\n };\r\n const handleDisLike = async (sukukID) => {\r\n if (!userLogin) {\r\n let newProfile = {\r\n cart: currentProfile.cart,\r\n liked: {\r\n donations: currentProfile.liked.donations,\r\n sukuks: currentProfile.liked.sukuks.filter(\r\n (item) => item.sukId !== sukukID.sukId\r\n ),\r\n projects: currentProfile.liked.projects,\r\n orphans: currentProfile.liked.orphans,\r\n },\r\n };\r\n localStorage.setItem(\"profile\", JSON.stringify(newProfile));\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1);\r\n \r\n } else {\r\n let elementWeNeed = favoritesDetails?.sukuks?.filter(item => item.dontypeID === sukukID.sukId).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromFavorites(lng==='arab'? 1:2, userLogin.Results[0]?.email, elementWeNeed.cart_serial))\r\n }\r\n }\r\n };\r\n\r\n const handleaddToBag = async (sukukID, setAddingToCart, setAnimationClass, setInTheBagText) => {\r\n setAddingToCart(true);\r\n await handleAddToBag(\"sukuks\", sukukID, setChange, change, dispatch)\r\n if (_isMounted.current) {\r\n setAnimationClass(\"btn_with_text animate__animated animate__bounceOut\")\r\n setTimeout(() => {\r\n if (_isMounted.current) {\r\n setAnimationClass(\"btn_with_text animate__animated animate__bounceIn\")\r\n setAddingToCart(false);\r\n setInTheBagText(\"Add to Bag\");\r\n }\r\n \r\n //setInTheBagText('Added')\r\n }, 1000);\r\n setTimeout(() => {\r\n if (_isMounted.current) {\r\n setAnimationClass(\"btn_with_text\");\r\n }\r\n \r\n //setAnimationClass(\"btn_with_text animate__animated animate__bounceIn\");\r\n \r\n }, 2000);\r\n }\r\n \r\n };\r\n // const handleRemoveFromBag = async (sukukID) => {\r\n // if (!userLogin) {\r\n // let newProfile = {\r\n // cart: {\r\n // donations: currentProfile.cart.donations,\r\n // sukuks: currentProfile.cart.sukuks.filter(\r\n // (item) => !(item.sukId === sukukID.sukId && parseInt(item.baseAmount) === parseInt(sukukID.amount) && item.donationFreq === sukukID.donationFreq)\r\n // ),\r\n // projects: currentProfile.cart.projects,\r\n // humanCases: currentProfile.cart.humanCases,\r\n // orphans: currentProfile.cart.orphans,\r\n // },\r\n // liked: currentProfile.liked,\r\n // };\r\n // localStorage.setItem(\"profile\", JSON.stringify(newProfile));\r\n // setChange(change + 1);\r\n // } else {\r\n // let elementWeNeed = bagDetails?.sukuks\r\n // ?.filter((item) => item.dontypeID === sukukID.sukId && parseInt(item.baseAmount) === parseInt(sukukID.amount) && item.recurring === sukukID.donationFreq)\r\n // .slice(0, 1)\r\n // .shift();\r\n // if (elementWeNeed) {\r\n // await dispatch(\r\n // deleteFromBag(\r\n // userLogin.Results[0]?.email,\r\n // elementWeNeed.cart_serial,\r\n // lng === \"eng\" ? 2 : 1\r\n // )\r\n // );\r\n // }\r\n // }\r\n // };\r\n return (\r\n \r\n \r\n
:null*/}\r\n \r\n
\r\n \r\n 
\r\n {addingToFav?\r\n :\r\n \r\n {lng === 'arab' ?\r\n :\r\n \r\n }\r\n }\r\n {lng === 'arab' ?\r\n :\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n \r\n \r\n {!desiableMonthYer?\r\n :null\r\n }\r\n {!desiableMonthYer?\r\n :null\r\n }\r\n
\r\n \r\n {/* */}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {inTheBagText === 'Added' ?\r\n
\r\n \r\n \r\n
:\r\n \r\n {addingToCart ?\r\n \r\n \r\n \r\n }\r\n
}\r\n {choosenToDonateSuk.donationFreq !== \"N\" ?\r\n \r\n \r\n \r\n
:\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {width < 900 ?\r\n \r\n \r\n \r\n
: null\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\nexport default AllSukukPage;\r\n","export default __webpack_public_path__ + \"static/media/Cow.ed76047c.png\";","import React, { useState, useEffect, useRef } from \"react\";\r\nimport \"./LatePaymentItem.css\";\r\nimport addToBag from \"../../../../assets/donateicon.png\";\r\nimport addedBtn from \"../../../../assets/addedBtn.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Loading from \"../../../ui/loading\";\r\n\r\nconst LatePaymentItem = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const [latePaymentItem, setLatePaymentItem] = useState(props.latePay)\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n const [latePaymentData, setlatePaymentData] = useState({\r\n name: props.allItem?.orphan_name,\r\n trn_amount: props.allItem?.trn_amount,\r\n trn_year: props.allItem?.trn_year,\r\n trn_serial: props.allItem?.trn_serial,\r\n orphanID: props.allItem?.orphanID\r\n })\r\n useEffect(() => {\r\n setlatePaymentData({\r\n name: props.allItem?.orphan_name,\r\n trn_amount: props.allItem?.trn_amount,\r\n trn_year: props.allItem?.trn_year,\r\n trn_serial: props.allItem?.trn_serial,\r\n orphanID: props.allItem?.orphanID\r\n })\r\n }, [props])\r\n const [added, setAdded] = useState(false);\r\n useEffect(() => {\r\n setLatePaymentItem(props.latePay)\r\n }, [props.latePay])\r\n const [addingToBag, setAddingToBag] = useState(false);\r\n const handleAddLatePaymentToBag = async (theItem) => {\r\n if (_isMounted.current) {\r\n setAddingToBag(true)\r\n }\r\n await props.handleaddToBag(theItem)\r\n if (_isMounted.current) {\r\n setAddingToBag(false)\r\n }\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n 
\r\n
\r\n {loading?\r\n \r\n {t(\"The Emirates Red Crescent Authority, in cooperation with Abu Dhabi Islamic Bank, in launching the first initiative of its kind, Sukuk Al-Khair are sustainable humanitarian financial instruments, The Authority invsts it and takes advantage of the investment profits to serve various humanitarian programs.\")}\r\n
\r\n\r\n {sukukDisplay?.map(item =>\r\n
\r\n }\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LatePaymentItem;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport \"swiper/swiper-bundle.css\";\r\nimport SwiperCore, { Pagination, Mousewheel } from \"swiper\";\r\nimport LatePaymentItem from \"./latePaymentItem/LatePaymentItem\";\r\nimport foodBasket2 from \"../../../assets/pexels-kindel-media-7979606.jpg\";\r\nimport \"../MyBag.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { addToBag, deleteFromBag } from '../../../actions/BagFav'\r\nimport {\r\n getSPAllLatepayments,\r\n getSPOrphAllLatepayments,\r\n} from \"../../../actions/user\";\r\nimport Loading from \"../../ui/loading\";\r\n\r\nconst LatePaymentDisplay = () => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch();\r\n const userInfo = useSelector((state) => {\r\n return state.auth.authData;\r\n });\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n SwiperCore.use([Pagination, Mousewheel]);\r\n const [totalLatePaymentAmount, setTotalLatePaymentAmount] = useState(0);\r\n const latePaymentsLoadingState = useSelector((state) => state.latePayments.latePaymentLoading);\r\n const [loadingState, setLoadingState] = useState(true)\r\n const [addingToBag, setAddingToBag] = useState(false)\r\n useEffect(() => {\r\n setLoadingState(latePaymentsLoadingState)\r\n }, [latePaymentsLoadingState])\r\n\r\n const latePaymentsState = useSelector((state) => state.latePayments.latePayments);\r\n const userBag = useSelector(state => state.bag.bag)\r\n const [bagDetails, setBagDetails] = useState(userBag)\r\n useEffect(() => {\r\n setBagDetails(userBag)\r\n }, [userBag])\r\n const [latePayments, setLatePayments] = useState([]);\r\n useEffect(() => {\r\n if (latePaymentsState?.length>0) {\r\n let latePaymentBag = userBag?.latePayments?.slice(0)\r\n let latePaymentClean = []\r\n if (latePaymentBag?.length>0) {\r\n latePaymentClean = latePaymentsState?.filter(item=> latePaymentBag?.map(inner => { return inner.trn_serial}).indexOf(item.trn_serial) ==-1)\r\n } else {\r\n latePaymentClean = latePaymentsState\r\n }\r\n setLatePayments(latePaymentClean)\r\n if (latePaymentClean?.length > 0) {\r\n let amounts = latePaymentClean?.map(item => parseInt(item.trn_amount))\r\n let amountInNumber = amounts?.reduce((previousValue, currentValue) => previousValue + currentValue, 0)\r\n setTotalLatePaymentAmount(amountInNumber)\r\n } \r\n } else {\r\n setTotalLatePaymentAmount(0)\r\n }\r\n }, [latePaymentsState, userBag]);\r\n function getUserInfo() {\r\n if (\r\n userInfo?.Results &&\r\n userInfo?.Results.length > 0 &&\r\n userInfo?.Results[0]\r\n ) {\r\n return userInfo?.Results[0];\r\n }\r\n }\r\n const handleaddToBag = async (item, setAddingToBag) => {\r\n //setAddingToBag(true)\r\n await dispatch(addToBag({\r\n cart: {\r\n donID: \"1\", userName: userLogin?.Results[0]?.name_a, userMob: userLogin?.Results[0]?.mobile_no,\r\n userEmail: userLogin?.Results[0]?.email, itemType: '6', amount: item.trn_amount, recuring: null, cart_serial: null,\r\n orphan_id: item.orphanID, sponsor_id: userLogin?.Results[0]?.sponser_id, transaction_number: item.trn_serial,\r\n transaction_year: item.trn_year\r\n }, language: lng === 'arab' ? 1 : 2\r\n }))\r\n //setAddingToBag(false)\r\n }\r\n const handleaddAllToBag = async (bag) => {\r\n setAddingToBag(true)\r\n let newBag = []\r\n bag.forEach(item => {\r\n newBag.push({\r\n donID: \"1\", userName: userLogin?.Results[0]?.name_a, userMob: userLogin?.Results[0]?.mobile_no,\r\n userEmail: userLogin?.Results[0]?.email, itemType: '6', amount: item.trn_amount, recuring: null, cart_serial: null,\r\n orphan_id: item.orphanID, sponsor_id: userLogin?.Results[0]?.sponser_id, transaction_number: item.trn_serial,\r\n transaction_year: item.trn_year\r\n })\r\n })\r\n await dispatch(addToBag({\r\n cart: newBag, language: lng === 'arab' ? 1 : 2\r\n }))\r\n if (_isMounted.current) {\r\n setAddingToBag(false)\r\n }\r\n }\r\n // useEffect(() => {\r\n // if (getUserInfo()?.sponser_id) {\r\n // dispatch(\r\n // getSPAllLatepayments(\r\n // getUserInfo()?.sponser_id,\r\n // lng === \"arab\" ? \"1\" : \"2\"\r\n // )\r\n // );\r\n // }\r\n // }, []);\r\n const [width, setWidth] = useState(window.innerWidth);\r\n\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n 
\r\n
\r\n \r\n {lng === \"arab\" ? (\r\n \r\n {props.allItem?.orphan_name.split(\" \")[0]}{\" \"}\r\n {t(\"needs your help\")}\r\n \r\n ) : (\r\n \r\n {props.allItem?.orphan_name.split(\" \")[0]}{\" \"}\r\n {t(\"needs your help\")}\r\n \r\n )}\r\n \r\n {props.late ? (\r\n {t(\"You havent made the payment to support him since\")} {`${props.date?.split(\"/\")[0]}/${props.date?.split(\"/\")[1]}/${props.date?.split(\"/\")[2].split(\" \")[0]}`}\r\n ):null}\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\nexport default LatePaymentDisplay;\r\n","export default __webpack_public_path__ + \"static/media/pexels-kindel-media-7979606.f30bce46.jpg\";","import React, { useState, useEffect, useRef } from 'react'\r\nimport './DonationItemBag.css'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToBag, deleteFromBag } from '../../../../actions/BagFav'\r\nimport Loading from '../../../ui/loading';\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\nimport { FETCH_LOCALLY } from '../../../../constants/actionTypes';\r\n\r\nconst styleForWraper = {\r\n filter: 'blur(8px)',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst bigWraperStyle = {\r\n position: 'relative',\r\n width: '100%',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst styleForNotAv = {\r\n fontSize: '20px',\r\n fontWeight: 'bold',\r\n color: 'white',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: '2000'\r\n}\r\nconst styleForXBtn = {\r\n color: 'white'\r\n}\r\nconst DonationItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n const donations = useSelector(state => state.donations.donations);\r\n let itemWeNeed = donations.filter(item => item.dontypeID === props.donationId).slice(0, 1).shift()\r\n const [realAmount, setRealAmount] = useState(props.baseAmount)\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n\r\n const [donationItemOnBagDetails, setDonationItemBagDetails] = useState({\r\n donationId: props.donationId,\r\n amount: props.amount,\r\n title: props.title,\r\n img: props.itemImg,\r\n donationFreq: props.recurring,\r\n baseAmount: props.baseAmount\r\n })\r\n useEffect(() => {\r\n setDonationItemBagDetails({\r\n donationId: props.donationId,\r\n amount: props.amount,\r\n title: props.title,\r\n img: props.itemImg,\r\n donationFreq: props.recurring,\r\n baseAmount: props.baseAmount\r\n })\r\n }, [props.donationId, props.amount,props.recurring])\r\n useEffect(() => {\r\n //itemWeNeed = donations.filter(item => item.dontypeID === props.donationId).slice(0, 1).shift()\r\n setRealAmount(props.baseAmount)\r\n }, [donations, props.donationId])\r\n const handleClick = async (op) => {\r\n setAddingToCart(true);\r\n if (op === '-') {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.donations.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.donationId === props.donationId && item.donationFreq===props.recurring && parseInt(item.baseAmount) === parseInt(props.baseAmount)), 1)\r\n let newProfile = { cart: { donations: copyOf, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n props.setChange(props.change + 1)\r\n } else {\r\n if (props.quantity>1) {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.item.quantity - 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1)\r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n \r\n\r\n }\r\n } else {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.donations.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.donationId === props.donationId && item.donationFreq===props.recurring && parseInt(item.baseAmount) === parseInt(props.baseAmount)), 0, {...donationItemOnBagDetails, amount: parseInt(props.baseAmount)})\r\n let newProfile = { cart: { donations: copyOf, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1)\r\n }\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.item.quantity + 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1)\r\n }\r\n }\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false); \r\n }\r\n }\r\n const handleInBag = async (str) => {\r\n setAddingToCart(true);\r\n if (!userLogin) {\r\n let newProfile = {\r\n cart: {\r\n donations: props.currentProfile.cart.donations.filter(item => !(item.donationId === str.id && item.donationFreq=== str.donationFreq)),\r\n sukuks: props.currentProfile.cart.sukuks,\r\n projects: props.currentProfile.cart.projects,\r\n humanCases: props.currentProfile.cart.humanCases,\r\n orphans: props.currentProfile.cart.orphans\r\n },\r\n liked: props.currentProfile.liked\r\n }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Removed!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1)\r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false); \r\n }\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n {t(\"Late Payment\")}\r\n
\r\n {loadingState ?\r\n
:\r\n \r\n {addingToBag?\r\n
\r\n \r\n {latePayments?.map((latePayment, i) => {\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}\r\n\r\nexport default DonationItemBag","import React, { useState, useEffect, useRef } from 'react'\r\nimport './ProjectItemBag.css'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToBag, deleteFromBag } from '../../../../actions/BagFav'\r\nimport Loading from '../../../ui/loading';\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\nimport { FETCH_LOCALLY } from '../../../../constants/actionTypes';\r\n\r\nconst styleForWraper = {\r\n filter: 'blur(8px)',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst bigWraperStyle = {\r\n position: 'relative',\r\n width: '100%',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst styleForNotAv = {\r\n fontSize: '20px',\r\n fontWeight: 'bold',\r\n color: 'white',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: '2000'\r\n}\r\nconst styleForXBtn = {\r\n color: 'white'\r\n}\r\nconst ProjectItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n const [projectItemOnBagDetails, setProjectItemBagDetails] = useState({\r\n projectYear: new Date().getFullYear(),\r\n countryId: props.countryId,\r\n countryImg: props.flag,\r\n countryName: props.countryTitle,\r\n projectAmount: props.projectAmount,\r\n projectId: props.projectId,\r\n projectImg: props.projectPhoto,\r\n projectName: props.title,\r\n baseAmount: props.baseAmount\r\n //projyear,\r\n //branch id 1(for now)\r\n })\r\n useEffect(() => {\r\n setProjectItemBagDetails({\r\n projectYear: new Date().getFullYear(),\r\n countryId: props.countryId,\r\n countryImg: props.flag,\r\n countryName: props.countryTitle,\r\n projectAmount: props.projectAmount,\r\n projectId: props.projectId,\r\n projectImg: props.projectPhoto,\r\n projectName: props.title,\r\n baseAmount: props.baseAmount\r\n })\r\n }, [props.projectId, props.projectAmount])\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n const handleInBag = async (str) => {\r\n setAddingToCart(true);\r\n if (!userLogin) {\r\n let newProfile = {\r\n cart: {\r\n donations: props.currentProfile.cart.donations,\r\n sukuks: props.currentProfile.cart.sukuks,\r\n projects: props.currentProfile.cart.projects.filter(item => !(item.projectId === str.projectId && item.projectYear === str.projectYear)),\r\n humanCases: props.currentProfile.cart.humanCases,\r\n orphans: props.currentProfile.cart.orphans\r\n },\r\n liked: props.currentProfile.liked\r\n }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Removed!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false);\r\n }\r\n }\r\n\r\n const handleClick = async (op) => {\r\n setAddingToCart(true);\r\n if (op === '-') {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.projects.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.projectId === props.projectId && item.projectYear === props.projectYear), 1)\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: props.currentProfile.cart.sukuks, projects: copyOf, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n if (props.quantity>1) {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.quantity - 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n \r\n\r\n }\r\n } else {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.projects.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.projectId === props.projectId && item.projectYear === props.projectYear), 0,\r\n {...projectItemOnBagDetails, projectAmount: parseInt(props.baseAmount)})\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: props.currentProfile.cart.sukuks, projects: copyOf , humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans}, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.quantity + 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n }\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false);\r\n }\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n \r\n {lng === 'arab' ?\r\n :\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {/* {props.status === 'not' ? */}\r\n {/* : */}\r\n \r\n {/* // } */}\r\n \r\n {/* {props.status === 'not' ? */}\r\n {/* : */}\r\n \r\n {/* } */}\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ProjectItemBag\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport './SukukItemBag.css'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToBag, deleteFromBag } from '../../../../actions/BagFav'\r\nimport DonationItemBag from '../donationItemBag/DonationItemBag';\r\nimport Loading from '../../../ui/loading';\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\nimport { FETCH_LOCALLY } from '../../../../constants/actionTypes';\r\n\r\n\r\nconst styleForWraper = {\r\n filter: 'blur(8px)',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst bigWraperStyle = {\r\n position: 'relative',\r\n width: '100%',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst styleForNotAv = {\r\n fontSize: '20px',\r\n fontWeight: 'bold',\r\n color: 'white',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: '2000'\r\n}\r\nconst styleForXBtn = {\r\n color: 'white'\r\n}\r\nconst SukukItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n const sukuk = useSelector(state => state.sukuk.sukuk);\r\n let itemWeNeed = sukuk?.filter(item => item.dontypeID === props.sukId).slice(0, 1).shift()\r\n const [realAmount, setRealAmount] = useState(props.baseAmount)\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n useEffect(() => {\r\n //itemWeNeed = sukuk?.filter(item => item.dontypeID === props.sukId).slice(0, 1).shift()\r\n setRealAmount(props.baseAmount)\r\n }, [sukuk, props.sukId])\r\n const [sukukItemOnBagDetails, setSukukItemBagDetails] = useState({\r\n amount: props.amount,\r\n donationFreq: props.donationFreq,\r\n img: props.sukukImg,\r\n sukId: props.sukId,\r\n title: props.title,\r\n baseFreq: props.baseFreq,\r\n baseAmount: props.baseAmount,\r\n dateOfAdding: props.cart_serial\r\n })\r\n useEffect(() => {\r\n setSukukItemBagDetails({\r\n amount: props.amount,\r\n donationFreq: props.donationFreq,\r\n img: props.sukukImg,\r\n sukId: props.sukId,\r\n title: props.title,\r\n baseFreq: props.baseFreq,\r\n baseAmount: props.baseAmount,\r\n dateOfAdding: props.cart_serial\r\n })\r\n }, [props.amount, props.donationFreq])\r\n const handleClick = async (op) => {\r\n setAddingToCart(true);\r\n if (op === '-') {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.sukuks.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.sukId === props.sukId && parseInt(item.baseAmount) === parseInt(props.baseAmount) && item.donationFreq === props.donationFreq), 1)\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: copyOf, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n if (props.quantity>1) {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.quantity - 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n \r\n }\r\n } else {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.sukuks.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.sukId === props.sukId && parseInt(item.baseAmount) === parseInt(props.baseAmount) && item.donationFreq === props.donationFreq), 0, { ...sukukItemOnBagDetails, amount: parseInt(props.baseAmount)})\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: copyOf, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.quantity + 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n }\r\n\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false); \r\n }\r\n }\r\n // const handleFrequ = async (op) => {\r\n // setAddingToCart(true);\r\n // if (!userLogin) {\r\n // let copyOf = props.currentProfile.cart.sukuks.slice(0);\r\n // copyOf.splice(copyOf.findIndex(item => item.sukId === props.sukId && item.baseFreq === props.baseFreq && parseInt(item.baseAmount) === parseInt(props.baseAmount) && item.donationFreq === props.donationFreq), 1, { ...sukukItemOnBagDetails, donationFreq: op })\r\n // let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: copyOf, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n // const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n // localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n // props.setChange(props.change + 1)\r\n // } else {\r\n // // let elementWeNeed = props.bag?.sukuks?.filter(item => item.dontypeID === sukukItemOnBagDetails.sukId).slice(0, 1).shift()\r\n // await dispatch(addToBag({\r\n // cart: {\r\n // donID: sukukItemOnBagDetails.sukId, userName: userLogin.Results[0]?.name_a, userMob: userLogin.Results[0]?.mobile_no,\r\n // userEmail: userLogin.Results[0]?.email, itemType: 0, amount: props.amount, recuring: op, cart_serial: props.item.cart_serial, quantity: props.item.quantity\r\n // }, language: lng === 'arab' ? 1 : 2\r\n // }))\r\n // }\r\n // setAddingToCart(false);\r\n // }\r\n const handleInBag = async (str) => {\r\n setAddingToCart(true);\r\n if (!userLogin) {\r\n let newProfile = {\r\n cart: {\r\n donations: props.currentProfile.cart.donations,\r\n sukuks: props.currentProfile.cart.sukuks.filter(item => !(item.sukId === str.id && item.donationFreq === str.donationFreq)),\r\n projects: props.currentProfile.cart.projects,\r\n humanCases: props.currentProfile.cart.humanCases,\r\n orphans: props.currentProfile.cart.orphans\r\n },\r\n liked: props.currentProfile.liked\r\n }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Removed!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false); \r\n }\r\n \r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n {lng === 'arab' ?\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\nexport default SukukItemBag\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport './HumanItemBag.css'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { addToBag, deleteFromBag } from '../../../../actions/BagFav'\r\nimport Loading from '../../../ui/loading';\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\n\r\nconst styleForWraper = {\r\n filter: 'blur(8px)',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst bigWraperStyle = {\r\n position: 'relative',\r\n width: '100%',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst styleForNotAv = {\r\n fontSize: '20px',\r\n fontWeight: 'bold',\r\n color: 'white',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: '2000'\r\n}\r\nconst styleForXBtn = {\r\n color: 'white'\r\n}\r\n\r\nconst HumanItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n const [presentage, setPresentage] = useState(0)\r\n const [realAmount, setRealAmount] = useState(props.baseAmount)\r\n\r\n useEffect(() => {\r\n setPresentage((parseInt(props.raised) / parseInt(props.goal)))\r\n }, [props.raised, props.goal])\r\n const [humanItemOnBagDetails, setHumanItemBagDetails] = useState({\r\n baseAmount: props.baseAmount,\r\n donationAmountFromUser: props.donationAmountFromUser,\r\n finalAmount: props.goal,\r\n humanId: props.ID,\r\n humanImg: props.humanImg,\r\n title: props.title,\r\n total: props.raised\r\n })\r\n useEffect(() => {\r\n setHumanItemBagDetails({\r\n baseAmount: props.baseAmount,\r\n donationAmountFromUser: props.donationAmountFromUser,\r\n finalAmount: props.goal,\r\n humanId: props.ID,\r\n humanImg: props.humanImg,\r\n title: props.title,\r\n total: props.raised\r\n })\r\n }, [props.ID, props.donationAmountFromUser])\r\n useEffect(() => {\r\n //itemWeNeed = donations.filter(item => item.dontypeID === props.donationId).slice(0, 1).shift()\r\n setRealAmount(props.baseAmount)\r\n }, [props.ID])\r\n const handleClick = async (op) => {\r\n setAddingToCart(true);\r\n if (op === '-') {\r\n if (humanItemOnBagDetails.donationAmountFromUser > parseInt(realAmount)) {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.humanCases.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.humanId === props.ID), 1)\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: copyOf, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n props.setChange(props.change + 1)\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n donID: \"158\", userName: userLogin.Results[0]?.name_a, userMob: userLogin.Results[0]?.mobile_no,\r\n userEmail: userLogin.Results[0]?.email, itemType: 4, amount: parseInt(props.donationAmountFromUser) - parseInt(realAmount), cart_serial: props.item.cart_serial, humanCase: props.ID, humanYear: props.item.caseYear, quantity: props.item.quantity - 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n props.setChange(props.change + 1)\r\n\r\n }\r\n }\r\n } else {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.humanCases.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.humanId === props.ID), 0, {...humanItemOnBagDetails, donationAmountFromUser: parseInt(realAmount)})\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: copyOf, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n props.setChange(props.change + 1)\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n donID: \"158\", userName: userLogin.Results[0]?.name_a, userMob: userLogin.Results[0]?.mobile_no,\r\n userEmail: userLogin.Results[0]?.email, itemType: 4, amount: parseInt(props.donationAmountFromUser) + parseInt(realAmount), cart_serial: props.item.cart_serial, humanCase: props.ID, humanYear: props.item.caseYear, quantity: props.item.quantity + 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n props.setChange(props.change + 1)\r\n }\r\n\r\n\r\n }\r\n setAddingToCart(false);\r\n }\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n const handleInBag = async (str) => {\r\n setAddingToCart(true);\r\n if (!userLogin) {\r\n let newProfile = {\r\n cart: {\r\n donations: props.currentProfile.cart.donations,\r\n sukuks: props.currentProfile.cart.sukuks,\r\n projects: props.currentProfile.cart.projects,\r\n humanCases: props.currentProfile.cart.humanCases.filter(item => !(item.humanId === str.id)),\r\n orphans: props.currentProfile.cart.orphans\r\n },\r\n liked: props.currentProfile.liked\r\n }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n toastifyMessage(\"Removed!\", undefined, \"success\");\r\n props.setChange(props.change + 1)\r\n } else {\r\n let elementWeNeed = props.bag?.humanCases.filter(item => item.humanCaseID === str.id && parseInt(item.baseAmount)===parseInt(str.baseAmount)).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, elementWeNeed.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false); \r\n }\r\n }\r\n function numberWithCommas(x) {\r\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {lng === 'arab' ?\r\n :\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {/* {props.status === 'not' ? */}\r\n {/* : */}\r\n \r\n {/* } */}\r\n \r\n {/* {props.status === 'not' ? */}\r\n {/* : */}\r\n \r\n {/* } */}\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default HumanItemBag\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport './OrphanItemBag.css'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { addToBag, deleteFromBag } from '../../../../actions/BagFav'\r\nimport Loading from '../../../ui/loading';\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\nimport { FETCH_LOCALLY } from '../../../../constants/actionTypes';\r\n\r\nconst styleForWraper = {\r\n filter: 'blur(8px)',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst bigWraperStyle = {\r\n position: 'relative',\r\n width: '100%',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst styleForNotAv = {\r\n fontSize: '20px',\r\n fontWeight: 'bold',\r\n color: 'white',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: '2000'\r\n}\r\nconst styleForXBtn = {\r\n color: 'white'\r\n}\r\nconst OrphanItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n\r\n const dispatch = useDispatch()\r\n const [orphanItemOnBagDetails, setOrphanItemBagDetails] = useState({\r\n donationAmountFromUser: props.donationAmountFromUser,\r\n orphanCountryId: props.orphanCountryId,\r\n orphanCountryImg: props.orphanCountryImg,\r\n orphanCountryName: props.orphanCountryName,\r\n orphanId: props.orphanId,\r\n orphanImg: props.orphanImg,\r\n orphanName: props.orphanName,\r\n paymentWay: props.paymentWay,\r\n baseAmount: props.baseAmount,\r\n years: props.years,\r\n //branch id 1(for now)\r\n })\r\n useEffect(() => {\r\n setOrphanItemBagDetails({\r\n donationAmountFromUser: props.donationAmountFromUser,\r\n orphanCountryId: props.orphanCountryId,\r\n orphanCountryImg: props.orphanCountryImg,\r\n orphanCountryName: props.orphanCountryName,\r\n orphanId: props.orphanId,\r\n orphanImg: props.orphanImg,\r\n orphanName: props.orphanName,\r\n paymentWay: props.paymentWay,\r\n baseAmount: props.baseAmount,\r\n years: props.years,\r\n })\r\n }, [props.orphanId, props.donationAmountFromUser])\r\n const [addingToBag, setAddingToBag] = useState(false);\r\n const handleInBag = async (str) => {\r\n setAddingToCart(true);\r\n if (!userLogin) {\r\n let newProfile = {\r\n cart: {\r\n donations: props.currentProfile.cart.donations,\r\n sukuks: props.currentProfile.cart.sukuks,\r\n projects: props.currentProfile.cart.projects,\r\n humanCases: props.currentProfile.cart.humanCases,\r\n orphans: props.currentProfile.cart.orphans.filter(item => !( item.years === str.years && item.orphanId === str.orphanId && item.orphanCountryId === str.orphanCountryId && parseInt(item.baseAmount)=== parseInt(str.baseAmount) && item.paymentWay===str.paymentWay ))\r\n },\r\n liked: props.currentProfile.liked\r\n }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Removed!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, str.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false); \r\n }\r\n }\r\n\r\n const handleClick = async (op) => {\r\n setAddingToCart(true);\r\n if (op === '-') {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.orphans.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.orphanId === props.orphanId && item.orphanCountryId === props.orphanCountryId && parseInt(item.baseAmount)=== parseInt(props.baseAmount) && item.paymentWay===props.paymentWay && item.years === props.years), 1)\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: copyOf }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n if (props.quantity>1) {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.quantity - 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n }\r\n \r\n\r\n }\r\n } else {\r\n if (!userLogin) {\r\n let copyOf = props.currentProfile.cart.orphans.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.orphanId === props.orphanId && item.orphanCountryId === props.orphanCountryId && parseInt(item.baseAmount)=== parseInt(props.baseAmount) && item.paymentWay===props.paymentWay && item.years === props.years), 0,\r\n {...orphanItemOnBagDetails, donationAmountFromUser: props.paymentWay === \"N\"? parseInt(props.baseAmount) * props.years * 12: parseInt(props.baseAmount), dateOfAdding: new Date().getTime()})\r\n let newProfile = { cart: { donations: props.currentProfile.cart.donations, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: copyOf }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n await dispatch({type: FETCH_LOCALLY})\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n } else {\r\n await dispatch(addToBag({\r\n cart: {\r\n userEmail: userLogin.Results[0]?.email, cart_serial: props.cart_serial, quantity: props.quantity + 1\r\n }, language: lng === 'arab' ? 1 : 2\r\n }, false, 'justEdit'))\r\n if (_isMounted.current) {\r\n props.setChange(props.change + 1) \r\n }\r\n }\r\n }\r\n if (_isMounted.current) {\r\n setAddingToCart(false);\r\n }\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {lng === 'arab' ?\r\n :\r\n \r\n }\r\n
\r\n \r\n {/* {props.status === 'not' ? */}\r\n {/* : */}\r\n {/**/}\r\n {/* // } */}\r\n \r\n {/* {props.status === 'not' ? */}\r\n {/* : */}\r\n {/**/}\r\n {/* } */}\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default OrphanItemBag","import React, { useState, useEffect, useRef } from 'react'\r\nimport './CampainItemBag.css'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector } from 'react-redux'\r\n\r\nconst styleForWraper = {\r\n filter: 'blur(8px)',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst bigWraperStyle = {\r\n position: 'relative',\r\n width: '100%',\r\n backgroundColor: 'rgba(128, 128, 128, 0.589)'\r\n}\r\nconst styleForNotAv = {\r\n fontSize: '20px',\r\n fontWeight: 'bold',\r\n color: 'white',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: '2000'\r\n}\r\n\r\nconst CampainItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const compagin = useSelector(state => state.compaginsSlider.compaginSliders)\r\n const [realAmount, setRealAmount] = useState(props.realAmount)\r\n const [donationItemOnBagDetails, setDonationItemBagDetails] = useState({\r\n donationId: props.donationId,\r\n campName: props.campainName,\r\n amount: props.amount,\r\n title: props.title,\r\n img: props.itemImg\r\n });\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n useEffect(() => {\r\n setDonationItemBagDetails({\r\n donationId: props.donationId,\r\n campName: props.campainName,\r\n amount: props.amount,\r\n title: props.title,\r\n img: props.itemImg\r\n })\r\n }, [props.currentProfile])\r\n useEffect(() => {\r\n setRealAmount(props.realAmount)\r\n }, [props.campainName])\r\n\r\n const handleClick = (op) => {\r\n if (op === '-') {\r\n if (donationItemOnBagDetails.amount > parseInt(realAmount)) {\r\n let copyOf = props.currentProfile.cart.donations.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.donationId === props.donationId), 1, { ...donationItemOnBagDetails, amount: parseInt(props.amount) - parseInt(realAmount) })\r\n let newProfile = { cart: { donations: copyOf, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n props.setChange(props.change + 1)\r\n }\r\n } else {\r\n let copyOf = props.currentProfile.cart.donations.slice(0);\r\n copyOf.splice(copyOf.findIndex(item => item.donationId === props.donationId), 1, { ...donationItemOnBagDetails, amount: parseInt(props.amount) + parseInt(realAmount) })\r\n let newProfile = { cart: { donations: copyOf, sukuks: props.currentProfile.cart.sukuks, projects: props.currentProfile.cart.projects, humanCases: props.currentProfile.cart.humanCases, orphans: props.currentProfile.cart.orphans }, liked: props.currentProfile.liked }\r\n const newProfileFinal = { cart: newProfile.cart, liked: newProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfileFinal))\r\n props.setChange(props.change + 1)\r\n\r\n }\r\n }\r\n const handleInBag = async(str) => {\r\n let newProfile = {\r\n cart: {\r\n donations: props.currentProfile.cart.donations.filter(item => !(item.donationId === str)),\r\n sukuks: props.currentProfile.cart.sukuks,\r\n projects: props.currentProfile.cart.projects,\r\n humanCases: props.currentProfile.cart.humanCases,\r\n orphans: props.currentProfile.cart.orphans\r\n },\r\n liked: props.currentProfile.liked\r\n }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n props.setChange(props.change + 1)\r\n }\r\n return (\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n {lng === 'arab' ?\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\nexport default CampainItemBag\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport \"../orphanItemBag/OrphanItemBag.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { addToBag, deleteFromBag } from \"../../../../actions/BagFav\";\r\nimport Loading from \"../../../ui/loading\";\r\n\r\nconst LatePaymentItemBag = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n const [latePaymentItemBagDetails, setLatePaymentItemBagDetails] = useState({\r\n name: props.allItem?.orphan_name,\r\n trn_amount: props.allItem?.trn_amount,\r\n trn_year: props.allItem?.trn_year,\r\n trn_serial: props.allItem?.trn_serial,\r\n orphanID: props.allItem?.orphanID\r\n })\r\n useEffect(() => {\r\n setLatePaymentItemBagDetails({\r\n name: props.allItem?.orphan_name,\r\n trn_amount: props.allItem?.trn_amount,\r\n trn_year: props.allItem?.trn_year,\r\n trn_serial: props.allItem?.trn_serial,\r\n orphanID: props.allItem?.orphanID\r\n })\r\n }, [props.allItem])\r\n const [addingToBag, setAddingToBag] = useState(false);\r\n const handleInBag = async (str) => {\r\n setAddingToBag(true);\r\n //let elementWeNeed = props?.bag?.latePayments?.filter(item => item.trn_serial === str.trn_serial).slice(0, 1).shift()\r\n // if (elementWeNeed) {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, props.allItem?.cart_serial, lng === \"arab\" ? 1 : 2, props.allItem?.orphan_serial))\r\n //}\r\n if (_isMounted.current) {\r\n setAddingToBag(false);\r\n }\r\n }\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {props.status === 'not' ?\r\n :\r\n \r\n }\r\n \r\n {props.status === 'not' ?\r\n :\r\n \r\n }
\r\n \r\n \r\n
\r\n \r\n {t('Donations')}\r\n
\r\n\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {bag?.renewalPayments?.map((item, i) => (\r\n
\r\n \r\n \r\n totalInBag > 0\r\n ? handleGuestPopUp(donateNow)\r\n : toastifyMessage('Your bag is empty!', undefined, 'warning')\r\n }\r\n className=\"Donate_now_add_to_cart smallBtn_smallDevice\"\r\n >\r\n {t('Donate Now')}\r\n \r\n
\r\n \r\n 500 ? '18px' : '16px',\r\n textAlign: lng === 'arab' ? 'right' : 'left'\r\n }}\r\n >\r\n {t('Total Donation')}\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 setDeleteAllModal(false)}\r\n removeall={removeAllCart}\r\n backdrop={deletingall? \"static\":true}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default MyBag;\r\n","import React, {useState, useEffect} from 'react'\r\nimport {Swiper, SwiperSlide} from 'swiper/react'\r\nimport SwiperCore, {Navigation} from 'swiper'\r\nimport 'swiper/swiper-bundle.css'\r\nimport DonationCom from '../../homePage/sections/donations/donationCom/donationCom'\r\nimport '../FavoritesPage.css'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { addToFavorites, deleteFromFavorites } from '../../../actions/BagFav'\r\nimport { FETCH_LOCALLY } from '../../../constants/actionTypes'\r\nconst DonationSection = (props) => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n\r\n const [change, setChange] = useState(0)\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [change, fetchLoaclly])\r\n const [view, setView] = useState(5)\r\n\r\n const [donationFav, setDonationFav] = useState([])\r\n useEffect(() => {\r\n if (userLogin) {\r\n let donationWithoutSukuk = props.favoritesDetails?.donations?.filter(outerItem=> props.favoritesDetails?.sukuks?.filter(item=> item.dontypeID===outerItem.dontypeID).length===0)\r\n setDonationFav(donationWithoutSukuk)\r\n } else {\r\n setDonationFav(currentProfile?.liked?.donations)\r\n }\r\n }, [props.favoritesDetails?.donations, fetchLoaclly]);\r\n\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n useEffect(()=> {\r\n if (window.innerWidth > 3400 && window.innerWidth <= 4000) {\r\n setView(15)\r\n } else if (window.innerWidth > 2530 && window.innerWidth <= 3400) {\r\n setView(11)\r\n } else if (window.innerWidth > 1860 && window.innerWidth <= 2530) {\r\n setView(8) \r\n } else if (window.innerWidth > 1600 && window.innerWidth <= 1860) {\r\n setView(6)\r\n } else if (window.innerWidth > 1275 && window.innerWidth <= 1600) {\r\n setView(5.8)\r\n } \r\n else if (window.innerWidth > 1000 && window.innerWidth <= 1300) {\r\n setView(5.2)\r\n } else if (window.innerWidth > 800 && window.innerWidth <= 1000) {\r\n setView(5)\r\n } else if (window.innerWidth > 700 && window.innerWidth <= 800) {\r\n setView(5) \r\n } else if (window.innerWidth > 600 && window.innerWidth <= 700) {\r\n setView(4)\r\n } else if (window.innerWidth > 500 && window.innerWidth <= 600) {\r\n setView(2.2)\r\n } else if (window.innerWidth > 330 && window.innerWidth <= 500) {\r\n setView(1.8)\r\n } else if (window.innerWidth > 190 && window.innerWidth <= 330) {\r\n setView(1.2)\r\n } else {\r\n setView(1)\r\n }\r\n }, [width])\r\n const handleLike = async (donationID) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }\r\n dispatch({ type: 'addLikeLocally', payload: donationID })\r\n currentProfile.liked.donations.push(donationID)\r\n const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n await dispatch(addToFavorites(lng==='arab'? 1:2,{userEmail:userLogin.Results[0]?.email, dontypeID: donationID.donationId, projectID:'', orptypeID:'', projectYear: '', countryID: ''}))\r\n }\r\n\r\n }\r\n const handleDisLike = async (donationID) => {\r\n if (!userLogin) {\r\n let newProfile = { cart: currentProfile.cart, liked: { donations: currentProfile.liked.donations.filter(item => item.donationId !== donationID.donationId), sukuks: currentProfile.liked.sukuks, projects: currentProfile.liked.projects, orphans: currentProfile.liked.orphans } }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n let elementWeNeed = donationFav?.filter(item => item.dontypeID === donationID.donationId).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromFavorites(lng==='arab'? 1:2, userLogin.Results[0]?.email, elementWeNeed.cart_serial))\r\n }\r\n }\r\n\r\n }\r\n\r\n // const handleaddToBag = async (donationID) => {\r\n // if (!userLogin) {\r\n // if (!currentProfile) {\r\n // localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n // currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n // }\r\n // currentProfile.cart?.donations.push({ ...donationID, baseAmount: donationID.amount })\r\n // const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n // localStorage.setItem('profile', JSON.stringify(newProfile))\r\n // setChange(change + 1)\r\n // } else {\r\n // await dispatch(addToBag({\r\n // cart: {\r\n // donID: donationID.donationId, userName: userLogin.Results[0]?.name_a, userMob: userLogin.Results[0]?.mobile_no,\r\n // userEmail: userLogin.Results[0]?.email, itemType: 0, amount: donationID.amount, recuring: donationID.recuring, cart_serial: null\r\n // }, language: lng === 'arab' ? 1 : 2\r\n // }))\r\n // }\r\n // }\r\n // const handleRemoveFromBag = async (donationID) => {\r\n // if (!userLogin) {\r\n // let newProfile = { cart: { donations: currentProfile.cart.donations.filter(item => !(item.donationId === donationID.donationId && parseInt(item.baseAmount) === parseInt(donationID.amount) && item.donationFreq === donationID.donationFreq)), sukuks: currentProfile.cart.sukuks, projects: currentProfile.cart.projects, humanCases: currentProfile.cart.humanCases, orphans: currentProfile.cart.orphans }, liked: currentProfile.liked }\r\n // localStorage.setItem('profile', JSON.stringify(newProfile))\r\n // setChange(change + 1)\r\n // } else {\r\n // let elementWeNeed = bagDetails?.donations?.filter(item => item.dontypeID === donationID.donationId && parseInt(item.baseAmount) === parseInt(donationID.amount) && item.recurring === donationID.donationFreq).slice(0, 1).shift()\r\n // if (elementWeNeed) {\r\n // await dispatch(deleteFromBag(userLogin.Results[0]?.email, elementWeNeed.cart_serial, lng === \"eng\" ? 2 : 1, \"\"))\r\n // }\r\n // }\r\n // }\r\n return (\r\n \r\n \r\n {t(\"Donations\")}\r\n \r\n \r\n
\r\n {projectSwitch === 1 ? (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default DonationSection\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport {Swiper, SwiperSlide} from 'swiper/react'\r\nimport { useDispatch } from 'react-redux'\r\nimport SwiperCore, {Navigation} from 'swiper'\r\nimport 'swiper/swiper-bundle.css'\r\nimport SukukCom from '../../homePage/sections/sukuk/sukukCom/sukukCom'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToBag, deleteFromBag, handleAddToBag } from '../../../actions/BagFav'\r\nimport { addToFavorites, deleteFromFavorites } from '../../../actions/BagFav'\r\nimport user from '../../../reducers/user'\r\nimport { FETCH_LOCALLY } from '../../../constants/actionTypes'\r\nimport { useSelector } from 'react-redux'\r\nimport { toastifyMessage } from '../../../handlers/toastifyMessage';\r\n\r\nconst SukukSection = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n const [change, setChange] = useState(0)\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [change, fetchLoaclly])\r\n const [donationFav, setDonationFav] = useState([])\r\n useEffect(() => {\r\n if (userLogin) {\r\n //let sukukAll = props.favoritesDetails?.donations?.filter(outerItem=> props.favoritesDetails?.sukuks?.findIndex(item=> item.dontypeID===outerItem.dontypeID))\r\n setDonationFav(props.favoritesDetails?.sukuks)\r\n } else {\r\n setDonationFav(currentProfile?.liked?.sukuks)\r\n }\r\n }, [props.favoritesDetails?.sukuks, fetchLoaclly]);\r\n const [view, setView] = useState(5)\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n useEffect(()=> {\r\n if (window.innerWidth > 1860 ) {\r\n setView(2.5)\r\n } else if (window.innerWidth > 1400 && window.innerWidth <= 1860) {\r\n setView(2)\r\n } else if (window.innerWidth > 1111 && window.innerWidth <= 1400) {\r\n setView(1.6)\r\n } else if (window.innerWidth > 900 && window.innerWidth <= 1111) {\r\n setView(1.1)\r\n } else if (window.innerWidth > 700 && window.innerWidth <= 900) {\r\n setView(1.2)\r\n } else {\r\n setView(1.01)\r\n }\r\n }, [width])\r\n const handleLike = async (sukukID) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }\r\n currentProfile.liked.sukuks.push(sukukID)\r\n const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n await dispatch(addToFavorites(lng==='arab'? 1:2,{userEmail:userLogin.Results[0]?.email, dontypeID: sukukID.sukId, projectID:'', orptypeID:'', projectYear: '', countryID: ''}))\r\n }\r\n }\r\n const handleDisLike = async (sukukID) => {\r\n if (!userLogin) {\r\n let newProfile = { cart: currentProfile.cart, liked: { donations: currentProfile.liked.donations, sukuks: currentProfile.liked.sukuks.filter(item => item.sukId !== sukukID.sukId), projects: currentProfile.liked.projects, orphans: currentProfile.liked.orphans } }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n let elementWeNeed = donationFav?.filter(item => item.dontypeID === sukukID.sukId).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromFavorites(lng==='arab'? 1:2, userLogin.Results[0]?.email, elementWeNeed.cart_serial))\r\n }\r\n }\r\n }\r\n\r\n const handleaddToBag = async (sukukID, setAddingToCart, setAnimationClass, setInTheBagText) => {\r\n setAddingToCart(true);\r\n await handleAddToBag(\"sukuks\", sukukID, setChange, change, dispatch)\r\n if (_isMounted.current) {\r\n setAnimationClass(\"btn_with_text animate__animated animate__bounceOut\")\r\n setTimeout(() => {\r\n if (_isMounted.current) {\r\n setAnimationClass(\"btn_with_text animate__animated animate__bounceIn\")\r\n setAddingToCart(false);\r\n setInTheBagText(\"Add to Bag\"); \r\n }\r\n }, 1000);\r\n setTimeout(() => {\r\n if (_isMounted.current) {\r\n setAnimationClass(\"btn_with_text\"); \r\n }\r\n }, 2000); \r\n }\r\n \r\n\r\n }\r\n // const handleRemoveFromBag = (sukukID) => {\r\n // let newProfile = {cart: {donations: currentProfile.cart.donations, sukuks: currentProfile.cart.sukuks.filter(item=> item.sukId!==sukukID.sukId), projects: currentProfile.cart.projects, humanCases: currentProfile.cart.humanCases, orphans: currentProfile.cart.orphans}, liked: currentProfile.liked}\r\n // localStorage.setItem('profile', JSON.stringify(newProfile))\r\n // setChange(change+1)\r\n // }\r\n return (\r\n {t(\"Donations\")}
\r\n\r\n
\r\n {donationFav?.length > 0 ? \r\n \r\n view? true:false} slidesPerView={view} navigation={true}>\r\n {donationFav?.map((item,i)=> \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(\"No Favorites Found\")}\r\n
\r\n\r\n
\r\n {donationFav?.length > 0 ? \r\n\r\n view? true:false} slidesPerView={view} spaceBetween={20} navigation={true}>\r\n {donationFav?.map((item,i)=> \r\n \r\n \r\n )}\r\n \r\n \r\n :\r\n
\r\n )\r\n}\r\n\r\nexport default SukukSection\r\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport './FavoritesProjectComp.css'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport Loading from '../../ui/loading';\r\nimport Marquee from 'react-double-marquee';\r\n\r\nconst FavoritesProjectComp = (props) => {\r\n const _isMounted = useRef(true);\r\n useEffect(() => {\r\n return () => {\r\n _isMounted.current = false;\r\n }\r\n }, []);\r\n const fullProjects = useSelector((state) => state.fullProjects.fullProjects);\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const [addingToCart, setAddingToCart] = useState(false);\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n\r\n const fullProjectsLoading = useSelector((state) => state.fullProjects.loading);\r\n const [fullProjectsState, setFullProjectsState] = useState(fullProjects);\r\n const [fullProjectsLoadingState, setfullProjectsLoadingState] = useState(fullProjectsLoading);\r\n const [idForLink, setIdForLink] = useState('');\r\n useEffect(() => {\r\n setFullProjectsState(fullProjects);\r\n setfullProjectsLoadingState(fullProjectsLoading)\r\n }, [fullProjects, fullProjectsLoading]);\r\n const style = {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n }\r\n const styleForCountry = {\r\n width: 'unset',\r\n backgroundColor: 'transparent',\r\n boxShadow: 'unset',\r\n border: 'none'\r\n }\r\n const styleForIMG = {\r\n height: '90px',\r\n width: '119px',\r\n cursor: 'pointer'\r\n }\r\n const styleForTitle = {\r\n color: 'black',\r\n position: 'unset',\r\n transform: 'unset',\r\n fontSize: '11px'\r\n }\r\n const styleForWraper = {\r\n position: 'unset',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n height: 'auto',\r\n width: 'auto'\r\n }\r\n const [liked, setLiked] = useState(false)\r\n const history = useHistory()\r\n const [projectData, setProjectData] = useState({\r\n projectId: props.projectId,\r\n projectName: props.title,\r\n projectImg: props.projectPhoto,\r\n projectAmount: props.projectAmount,\r\n countryName: props.countryTitle,\r\n countryId: props.countryId,\r\n countryImg: props.flag,\r\n projectYear: props.projectYear\r\n })\r\n const [orphansData, setOrphansData] = useState({\r\n orphanId: props.projectId,\r\n orphanImg: props.projectPhoto,\r\n orphanName: props.title,\r\n orphanCountryId: props.countryId,\r\n orphanCountryName: props.countryTitle,\r\n orphanCountryImg: props.flag,\r\n paymentWay: 'N',\r\n years: '2',\r\n donationAmountFromUser: 200,\r\n item_type: 1\r\n })\r\n useEffect(() => {\r\n if (props.fromProjects) {\r\n setProjectData({\r\n projectId: props.projectId,\r\n projectName: props.title,\r\n projectImg: props.projectPhoto,\r\n projectAmount: props.projectAmount,\r\n countryName: props.countryTitle,\r\n countryId: props.countryId,\r\n countryImg: props.flag,\r\n projectYear: props.projectYear\r\n })\r\n } else {\r\n setOrphansData({\r\n orphanId: props.projectId,\r\n orphanImg: props.projectPhoto,\r\n orphanName: props.title,\r\n orphanCountryId: props.countryId,\r\n orphanCountryName: props.countryTitle,\r\n orphanCountryImg: props.flag,\r\n paymentWay: 'N',\r\n years: '2',\r\n donationAmountFromUser: 200,\r\n item_type: 1\r\n })\r\n } \r\n }, [props.projectId])\r\n // fullProjectsState\r\n useEffect(() => {\r\n if (props.fromProjects) {\r\n let idWeNeed = fullProjectsState?.filter(item => item.projectID === props.projectId).slice(0).shift()\r\n setIdForLink(idWeNeed?.projTypeID)\r\n }\r\n }, [fullProjectsState, props.projectId])\r\n useEffect(() => {\r\n if (props.fromProjects) {\r\n if (!userLogin) {\r\n if (props.currentProfile?.projects.filter(item => item.projectId === projectData.projectId && item.countryId === projectData.countryId && item.projectAmount === projectData.projectAmount && item.projectYear === projectData.projectYear).length > 0) {\r\n setLiked(true)\r\n } else {\r\n setLiked(false)\r\n }\r\n } else {\r\n if (props.currentProfile?.filter(item => item.projectID === projectData.projectId && item.projectYear === projectData.projectYear).length > 0) {\r\n setLiked(true)\r\n } else {\r\n setLiked(false)\r\n }\r\n }\r\n } else {\r\n if (!userLogin) {\r\n if (props.currentProfile?.orphans?.filter(item => item.orphanId === orphansData.orphanId && item.orphanCountryId === orphansData.orphanCountryId).length > 0) {\r\n setLiked(true)\r\n } else {\r\n setLiked(false)\r\n }\r\n } else {\r\n if (props.currentProfile?.filter(item => item.orphanTypeID === orphansData.orphanId && item.countryID === orphansData.orphanCountryId).length > 0) {\r\n setLiked(true)\r\n } else {\r\n setLiked(false)\r\n }\r\n }\r\n }\r\n }, [props.currentProfile, props])\r\n const handleClick = (str) => {\r\n if (props.fromOrphans) {\r\n history.push(`/beasponser?orphanId=${props.projectId}&orphanCountryId=${props.countryId}`)\r\n } else {\r\n history.push(`/projects?projectTypeID=${idForLink}&countryId=${props.countryId}&projectAmount=${props.projectAmount}`)\r\n\r\n }\r\n }\r\n const handleLikeDisLike = async (str) => {\r\n setAddingToCart(true);\r\n if (liked) {\r\n await props.handleDisLike(str)\r\n if (_isMounted.current) {\r\n setAddingToCart(false) \r\n }\r\n \r\n } else {\r\n await props.handleLike(str)\r\n if (_isMounted.current) {\r\n setAddingToCart(false) \r\n }\r\n }\r\n }\r\n return (\r\n {t(\"Sukuk\")}
\r\n\r\n {donationFav?.length > 0 ? \r\n
\r\n
\r\n }\r\n \r\n {t(\"No Favorites Found\")}\r\n
\r\n\r\n \r\n \r\n
\r\n }\r\n \r\n ![]()
handleClick(props.projectId)} src={props.projectPhoto} alt={props.title} className='project_img_for_fav_page' />\r\n {addingToCart?\r\n :\r\n \r\n }\r\n {props.title.length >= 20?\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 {donationFav?.length > 0 ? \r\n\r\n view? true:false} slidesPerView={view} navigation={true}>\r\n {donationFav?.map((item,i) =>\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n :\r\n
\r\n )\r\n}\r\n\r\nexport default ProjectsSection\r\n","import React, {useState, useEffect} from 'react'\r\nimport {Swiper, SwiperSlide} from 'swiper/react'\r\nimport SwiperCore, {Navigation} from 'swiper'\r\nimport { useSelector } from 'react-redux'\r\nimport 'swiper/swiper-bundle.css'\r\nimport FavoritesProjectComp from '../favoritesProjectComp/FavoritesProjectComp'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { addToFavorites, deleteFromFavorites } from '../../../actions/BagFav'\r\nimport { useDispatch } from 'react-redux'\r\nimport { FETCH_LOCALLY } from '../../../constants/actionTypes'\r\n\r\nconst OrphansSection = (props) => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const dispatch = useDispatch()\r\n const [addingToFav, setAddingToFav] = useState(false);\r\n\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n const [change, setChange] = useState(0)\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [change, fetchLoaclly])\r\n const [view, setView] = useState(5)\r\n const [width, setWidth] = useState(window.innerWidth);\r\n\r\n const [donationFav, setDonationFav] = useState([])\r\n useEffect(() => {\r\n if (userLogin) {\r\n //let sukukAll = props.favoritesDetails?.donations?.filter(outerItem=> props.favoritesDetails?.sukuks?.findIndex(item=> item.dontypeID===outerItem.dontypeID))\r\n setDonationFav(props.favoritesDetails?.orphans)\r\n } else {\r\n setDonationFav(currentProfile?.liked?.orphans)\r\n }\r\n }, [props.favoritesDetails?.orphans, fetchLoaclly]);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => window.removeEventListener(\"resize\", handleResize);\r\n }, [width]);\r\n useEffect(()=> {\r\n if (window.innerWidth > 3400 && window.innerWidth <= 4000) {\r\n setView(15)\r\n } else if (window.innerWidth > 2530 && window.innerWidth <= 3400) {\r\n setView(11)\r\n } else if (window.innerWidth > 1860 && window.innerWidth <= 2530) {\r\n setView(8) \r\n } else if (window.innerWidth > 1600 && window.innerWidth <= 1860) {\r\n setView(6)\r\n } else if (window.innerWidth > 1300 && window.innerWidth <= 1600) {\r\n setView(5.8)\r\n } \r\n else if (window.innerWidth > 1000 && window.innerWidth <= 1300) {\r\n setView(5.5)\r\n } else if (window.innerWidth > 800 && window.innerWidth <= 1000) {\r\n setView(5)\r\n } else if (window.innerWidth > 700 && window.innerWidth <= 800) {\r\n setView(5) \r\n } else if (window.innerWidth > 600 && window.innerWidth <= 700) {\r\n setView(4)\r\n } else if (window.innerWidth > 500 && window.innerWidth <= 600) {\r\n setView(2.2)\r\n } else if (window.innerWidth > 350 && window.innerWidth <= 500) {\r\n setView(2.2)\r\n } else if (window.innerWidth > 290 && window.innerWidth <= 350) {\r\n setView(1.8)\r\n } else if (window.innerWidth > 220 && window.innerWidth <= 290) {\r\n setView(1.3)\r\n } else {\r\n setView(1)\r\n }\r\n }, [width])\r\n const handleDisLike = async (orphanData) => {\r\n if (!userLogin) {\r\n let newProfile = { cart: currentProfile.cart, liked: { donations: currentProfile.liked.donations, sukuks: currentProfile.liked.sukuks, projects: currentProfile.liked.projects, orphans: currentProfile.liked.orphans.filter(item => !(item.orphanId === orphanData.orphanId && item.orphanCountryId === orphanData.orphanCountryId)) } }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1) \r\n } else {\r\n let elementWeNeed = donationFav?.filter(item => item.orphanTypeID === orphanData.orphanId && item.countryID === orphanData.orphanCountryId).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromFavorites(lng==='arab'? 1:2, userLogin.Results[0]?.email, elementWeNeed.cart_serial))\r\n }\r\n }\r\n }\r\n const handleLike = async (orphanData) => {\r\n if (!userLogin) {\r\n if (!currentProfile) {\r\n localStorage.setItem('profile', JSON.stringify({ cart: { donations: [], sukuks: [], projects: [], humanCases: [], orphans: [] }, liked: { donations: [], sukuks: [], projects: [], orphans: [] } }))\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }\r\n currentProfile?.liked?.orphans?.push(orphanData)\r\n const newProfile = { cart: currentProfile.cart, liked: currentProfile.liked }\r\n localStorage.setItem('profile', JSON.stringify(newProfile))\r\n await dispatch({type: FETCH_LOCALLY})\r\n setChange(change + 1)\r\n } else {\r\n await dispatch(addToFavorites(lng==='arab'? 1:2,{userEmail:userLogin.Results[0]?.email, dontypeID: '', projectID:'', orptypeID:orphanData.orphanId, projectYear: '', countryID: orphanData.orphanCountryId}))\r\n }\r\n }\r\n return (\r\n {t(\"Charity projects\")}
\r\n\r\n {donationFav?.length > 0 ? \r\n
\r\n
\r\n }\r\n \r\n {t(\"No Favorites Found\")}\r\n
\r\n\r\n
\r\n {donationFav?.length > 0 ? \r\n\r\n view? true:false} slidesPerView={view} navigation={true}>\r\n {donationFav?.map((item,i)=> \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n :\r\n
\r\n )\r\n}\r\n\r\nexport default OrphansSection\r\n","import React, {useEffect, useState} from 'react'\r\nimport './FavoritesPage.css'\r\nimport DonationSection from './donationsSection/DonationSection'\r\nimport SukukSection from './sukukSection/SukukSection'\r\nimport ProjectsSection from './projectsSection/ProjectsSection'\r\nimport OrphansSection from './orphansSection/OrphansSection'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useHistory } from 'react-router-dom'\r\nimport ShareHeader from '../LoaclComponents/shareHeader/ShareHeader'\r\nimport Loading from '../ui/loading'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\n\r\nconst FavoritesPage = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const history = useHistory()\r\n const userFav = useSelector(state => state.favorites.favorites)\r\n const userFavLoading = useSelector(state => state.favorites.loading)\r\n const [addingToFav, setAddingToFav] = useState(false);\r\n const [favoritesDetails, setFavoritesDetails] = useState(userFav)\r\n const [favoritesDetailsLoading, setFavoritesDetailsLoading] = useState(userFavLoading)\r\n\r\n useEffect(() => {\r\n setFavoritesDetails(userFav)\r\n setFavoritesDetailsLoading(userFavLoading)\r\n }, [userFav, userFavLoading])\r\n \r\n\r\n return (\r\n {t(\"Orphans\")}
\r\n\r\n {donationFav?.length > 0 ? \r\n
\r\n
\r\n}\r\n \r\n {t(\"No Favorites Found\")}\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\nexport default FavoritesPage","export default __webpack_public_path__ + \"static/media/donationsPage_banner.3d4a6903.jpg\";","export default __webpack_public_path__ + \"static/media/projects.97ecd0a4.jpg\";","export default __webpack_public_path__ + \"static/media/orphans.ff218499.jpg\";","export default __webpack_public_path__ + \"static/media/sukukForCategories.16f99baf.jpg\";","export default __webpack_public_path__ + \"static/media/medical.25403cca.jpg\";","import React from 'react'\r\nimport './CategoryComp.css'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst CategoryComp = (props) => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const history = useHistory()\r\n const handleClick = (str) => {\r\n history.push(`${str}`) \r\n }\r\n return (\r\n {t(\"Favorites\")}
\r\n {favoritesDetailsLoading?\r\n handleClick(props.navigateTo)} className='category_comp' >\r\n
\r\n )\r\n}\r\n\r\nexport default CategoryComp","import React from 'react'\r\nimport './CategoriesPage.css'\r\nimport donationPage from '../../assets/donationsPage_banner.jpg'\r\nimport projectsPage from '../../assets/projects.jpg'\r\nimport orphanPage from '../../assets/orphans.jpg'\r\nimport sukukPage from '../../assets/sukukForCategories.jpg'\r\nimport HumanPage from '../../assets/medical.jpg'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport CategoryComp from './categoryComp/CategoryComp'\r\nimport ShareHeader from '../LoaclComponents/shareHeader/ShareHeader'\r\n\r\n\r\n\r\nconst CategoriesPage = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n return (\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CategoriesPage\r\n","export default __webpack_public_path__ + \"static/media/arrow-next-small.26eca6da.svg\";","export default __webpack_public_path__ + \"static/media/arrow-prev.ac4d83e8.svg\";","import React from 'react'\r\nimport './LandingComp.css'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ArrowRight from \"../../assets/arrow-next-small.svg\";\r\nimport ArrowLeft from \"../../assets/arrow-prev.svg\"\r\n\r\nconst CategoryComp = (props) => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const history = useHistory()\r\n const handleClick = (str) => {\r\n window.open(str) \r\n }\r\n return (\r\n \r\n
\r\n {t(\"Categories\")}
\r\n\r\n
\r\n handleClick(props.navigateTo)} className='category_comp' >\r\n
\r\n )\r\n}\r\n\r\nexport default CategoryComp","import React, { useState, useEffect } from 'react';\r\nimport './CategoriesPage.css';\r\nimport donationPage from '../../assets/donationsPage_banner.jpg';\r\nimport projectsPage from '../../assets/projects.jpg';\r\nimport orphanPage from '../../assets/orphans.jpg';\r\nimport sukukPage from '../../assets/sukukForCategories.jpg';\r\nimport HumanPage from '../../assets/medical.jpg';\r\nimport { useTranslation } from 'react-i18next';\r\nimport LandingComp from './LandingComp';\r\nimport ShareHeader from '../LoaclComponents/shareHeader/ShareHeader';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport LoadingModal from '../../components/Auth/loginSignPage/loadingPopUp/loadingPopUp';\r\n\r\nconst CategoriesPage = () => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const landingPages = useSelector((state) => state.landingPages.landingPages);\r\n const [landingPagesDisplay, setLandingPagesDisplay] = useState([]);\r\n const loading = useSelector((state) => state.landingPages.loading);\r\n\r\n useEffect(() => {\r\n setLandingPagesDisplay(landingPages);\r\n }, [landingPages]);\r\n\r\n useEffect(() => {\r\n console.log(landingPagesDisplay);\r\n }, [landingPagesDisplay]);\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n {landingPagesDisplay.map((item) => (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default CategoriesPage;\r\n","import {\r\n FETCH_VOLUNTEER_FILE_DETAILS,\r\n FETCH_VOLUNTEER_EVENT_DETAILS,\r\n FETCH_PARTICIPANTS_DETALS,\r\n FETCH_ALL_ATTACHMENTS,\r\n FETCH_ALL_COURSES,\r\n FETCH_ALL_COURSES_FOR_VOLUNTEER,\r\n FETCH_ALL_COUNTRIES,\r\n FETCH_ALL_LEVELS,\r\n FETCH_ALL_LANGUAGES,\r\n FETCH_VOLUNTEER_LANGUAGES,\r\n FETCH_ALL_VOLUNTEER_SKILLS,\r\n FETCH_ALL_SKILLS,\r\n FETCH_ALL_INTERESTS,\r\n FETCH_ALL_VOLUNTEER_INTERESTS,\r\n FETCH_VOLUNTEER_EVENTS,\r\n FETCH_EVENT_DETAILS,\r\n FETCH_LOADING_EVENT_DETAILS,\r\n FETCH_LOADED_EVENT_DETAILS,\r\n FETCH_ALL_VOLUNTEER_SERVICES,\r\n FETCH_ALL_BRANCHES,\r\n FETCH_ALL_EDUCATIONS,\r\n FETCH_VLN_REGISTER_PROGRESS,\r\n GET_ALL_JOBS,\r\n GET_ALL_HEALTHS,\r\n GET_ALL_MARRIAGE,\r\n GET_RELATIONSHIP_STATUS,\r\n LOAD_VOLUNTEER,\r\n VOLUNTEER_LOADED,\r\n LOAD_VOLUNTEER_PARTICIPANT,\r\n VOLUNTEER_PARTICIPANT_LOADED,\r\n LOAD_VOLUNTEER_ATTACHMENT,\r\n VOLUNTEER_ATTACHMENT_LOADED,\r\n LOAD_VOLUNTEER_COURSE,\r\n VOLUNTEER_COURSE_LOADED,\r\n LOAD_ALL_LANGUAGES,\r\n ALL_LANGUAGES_LOADED,\r\n LOAD_SKILLS,\r\n SKILLS_LOADED,\r\n LOAD_INTERESTS,\r\n INTERESTS_LOADED,\r\n LOAD_EVENTS,\r\n EVENTS_LOADED,\r\n LOAD_SERVICES,\r\n SERVICES_LOADED,\r\n FETCH_ALL_COUNTRIES_FOR_VOLUNTEERS,\r\n GET_ALL_JOBS_NEW\r\n} from '../constants/actionTypes';\r\nimport * as api from '../api';\r\nimport { toastifyMessage } from '../handlers/toastifyMessage';\r\n\r\nexport const getVoulnteerFile =\r\n (volunteerID, langNumber) => async (dispatch) => {\r\n dispatch({ type: LOAD_VOLUNTEER });\r\n try {\r\n var { data } = await api.getVolunteerDetails(volunteerID, langNumber);\r\n dispatch({ type: FETCH_VOLUNTEER_FILE_DETAILS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: VOLUNTEER_LOADED });\r\n }\r\n };\r\nexport const getCountriesForVolunteers = (language) => async (dispatch) => {\r\n try {\r\n const { data } = await api.getCountriesForVolun(language);\r\n dispatch({ type: FETCH_ALL_COUNTRIES_FOR_VOLUNTEERS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getVoulnteerEvents =\r\n (volunteerID, langNumber, emiratesId, email) => async (dispatch) => {\r\n dispatch({ type: LOAD_VOLUNTEER });\r\n try {\r\n var { data } = await api.getVolunteerActiveEvents(\r\n volunteerID,\r\n langNumber,\r\n emiratesId,\r\n email\r\n );\r\n\r\n dispatch({ type: FETCH_VOLUNTEER_EVENT_DETAILS, payload: data.data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: VOLUNTEER_LOADED });\r\n }\r\n };\r\nexport const getVolunteersCount = (volunteerID, language) => async () => {\r\n try {\r\n const userData = {\r\n volunteerID: volunteerID,\r\n language: language\r\n };\r\n\r\n const { data } = await api.vulunteerCounts(userData);\r\n return { data };\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\nexport const getPatricipantsDetals =\r\n (volunteerID, langNumber) => async (dispatch) => {\r\n dispatch({\r\n type: LOAD_VOLUNTEER_PARTICIPANT\r\n });\r\n try {\r\n var { data } = await api.getTotalHourSpentAsVolunteer(\r\n volunteerID,\r\n langNumber\r\n );\r\n dispatch({ type: FETCH_PARTICIPANTS_DETALS, payload: data.data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({\r\n type: VOLUNTEER_PARTICIPANT_LOADED\r\n });\r\n }\r\n };\r\n\r\nexport const getAttachments = (volunteerID) => async (dispatch) => {\r\n dispatch({\r\n type: LOAD_VOLUNTEER_ATTACHMENT\r\n });\r\n try {\r\n var { data } = await api.getVolunteerAndAcademicDetails(volunteerID);\r\n dispatch({ type: FETCH_ALL_ATTACHMENTS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({\r\n type: VOLUNTEER_ATTACHMENT_LOADED\r\n });\r\n }\r\n};\r\n\r\nexport const getCourses = (langNumber) => async (dispatch) => {\r\n // LOAD_VOLUNTEER_COURSE\r\n dispatch({ type: LOAD_VOLUNTEER_COURSE });\r\n try {\r\n var { data } = await api.getCourseLookup(langNumber);\r\n dispatch({ type: FETCH_ALL_COURSES, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: VOLUNTEER_COURSE_LOADED });\r\n }\r\n};\r\n\r\nexport const getVolunteerCourses =\r\n (volunteerID, langNumber) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getVolunteerCourses(volunteerID, langNumber);\r\n dispatch({ type: FETCH_ALL_COURSES_FOR_VOLUNTEER, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\nexport const getAllCountries = (langNumber) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getCountryLookup(langNumber);\r\n dispatch({ type: FETCH_ALL_COUNTRIES, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\n\r\nexport const getLevels = (langNumber) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getAllLevels(langNumber);\r\n dispatch({ type: FETCH_ALL_LEVELS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\n\r\nexport const getLanguages = (langNumber) => async (dispatch) => {\r\n dispatch({\r\n type: LOAD_ALL_LANGUAGES\r\n });\r\n try {\r\n var { data } = await api.getAllLanguages(langNumber);\r\n dispatch({ type: FETCH_ALL_LANGUAGES, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({\r\n type: ALL_LANGUAGES_LOADED\r\n });\r\n }\r\n};\r\n\r\nexport const getVolunteerLanguages =\r\n (langNumber, volunteerID) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getVolunteerLanguageDetails(\r\n langNumber,\r\n volunteerID\r\n );\r\n dispatch({ type: FETCH_VOLUNTEER_LANGUAGES, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\nexport const insertVolunteerLanguage =\r\n (langNumber, volunteerID, level, setLoadingModalShow, setDoneModal) =>\r\n async (dispatch) => {\r\n try {\r\n var { data } = await api.addVolunteerLanguage(\r\n langNumber,\r\n volunteerID,\r\n level\r\n );\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(data.result, undefined, 'error');\r\n //alert(data.result);\r\n }\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\nexport const getAllSkills = (langNumber) => async (dispatch) => {\r\n dispatch({ type: LOAD_SKILLS });\r\n try {\r\n var { data } = await api.getAbilitesLookup(langNumber);\r\n dispatch({ type: FETCH_ALL_SKILLS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: SKILLS_LOADED });\r\n }\r\n};\r\n\r\nexport const getVolunteerSkills =\r\n (volunteerID, langNumber) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getVolunteerAbilities(volunteerID, langNumber);\r\n dispatch({ type: FETCH_ALL_VOLUNTEER_SKILLS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\nexport const addVolunteerSkills =\r\n (\r\n abilityID,\r\n volunteerID,\r\n remarks,\r\n setLoadingModalShow,\r\n setDoneModal,\r\n setAdded,\r\n added\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n var { data } = await api.addVolunteerAbilities(\r\n abilityID,\r\n volunteerID,\r\n remarks\r\n );\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n setAdded(added + 1);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(data.result, undefined, 'error');\r\n //alert(data.result);\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const getAllInterests = (langNumber) => async (dispatch) => {\r\n dispatch({\r\n type: LOAD_INTERESTS\r\n });\r\n try {\r\n var { data } = await api.getAllPrograms(langNumber);\r\n dispatch({ type: FETCH_ALL_INTERESTS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({\r\n type: INTERESTS_LOADED\r\n });\r\n }\r\n};\r\n\r\nexport const getVolunteerInterests =\r\n (volunteerID, langNumber) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getVolunteerPrograms(volunteerID, langNumber);\r\n dispatch({ type: FETCH_ALL_VOLUNTEER_INTERESTS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\nexport const insertVolunteerInterest =\r\n (\r\n programID,\r\n volunteerID,\r\n setLoadingModalShow,\r\n setDoneModal,\r\n setAdded,\r\n added\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n var { data } = await api.addVolunteerPrograms(programID, volunteerID);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n setAdded(added + 1);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(data.result, undefined, 'error');\r\n //alert(data.result);\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const getVolunteerEvents =\r\n (volunteerID, langNumber) => async (dispatch) => {\r\n dispatch({\r\n type: LOAD_EVENTS\r\n });\r\n try {\r\n var { data } = await api.getVolunteerEvents(volunteerID, langNumber);\r\n dispatch({ type: FETCH_VOLUNTEER_EVENTS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({\r\n type: EVENTS_LOADED\r\n });\r\n }\r\n };\r\n\r\nexport const getEventDetails =\r\n (langNumber, volunteerID, eventID, eventYear) => async (dispatch) => {\r\n dispatch({ type: FETCH_LOADING_EVENT_DETAILS });\r\n try {\r\n var { data } = await api.getVolunteerEventDetails(\r\n langNumber,\r\n volunteerID,\r\n eventID,\r\n eventYear\r\n );\r\n dispatch({ type: FETCH_EVENT_DETAILS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: FETCH_LOADED_EVENT_DETAILS });\r\n }\r\n };\r\n\r\nexport const getServices = (langNumber, volunteerID) => async (dispatch) => {\r\n dispatch({\r\n type: LOAD_SERVICES\r\n });\r\n try {\r\n var { data } = await api.getAllEServices(langNumber, volunteerID);\r\n dispatch({ type: FETCH_ALL_VOLUNTEER_SERVICES, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({\r\n type: SERVICES_LOADED\r\n });\r\n }\r\n};\r\n\r\nexport const getAllBranches = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getBranchDetails(langString);\r\n dispatch({ type: FETCH_ALL_BRANCHES, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\n\r\nexport const getEdu = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getEduQualLookUp(langString);\r\n dispatch({ type: FETCH_ALL_EDUCATIONS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getJobs = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getJobs(langString);\r\n dispatch({ type: GET_ALL_JOBS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getRelationshipStatus = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getRelationshipStatus(langString);\r\n dispatch({ type: GET_RELATIONSHIP_STATUS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getMarriage = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getMarriage(langString);\r\n dispatch({ type: GET_ALL_MARRIAGE, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getVolunteerJobsNew = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getJobsNew(langString);\r\n dispatch({ type: GET_ALL_JOBS_NEW, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const getHealths = (langString) => async (dispatch) => {\r\n try {\r\n var { data } = await api.getHealthStatus(langString);\r\n dispatch({ type: GET_ALL_HEALTHS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\n\r\nexport const createVlnAccount =\r\n (\r\n arabNAme,\r\n engNAme,\r\n mobNumber,\r\n email,\r\n eid,\r\n password,\r\n workSpaceID,\r\n gender,\r\n DOB,\r\n langToConatct,\r\n nationality,\r\n job,\r\n placeOfWork,\r\n whatsAppNumber,\r\n maritalStatus,\r\n setVlnId,\r\n setView,\r\n setLoadingModalShow,\r\n setFromState\r\n ) =>\r\n async (dispatch) => {\r\n try {\r\n const { data } = await api.createVLNAccount(\r\n arabNAme,\r\n engNAme,\r\n mobNumber,\r\n email,\r\n eid,\r\n password,\r\n workSpaceID,\r\n gender,\r\n DOB,\r\n langToConatct,\r\n nationality,\r\n job,\r\n placeOfWork,\r\n whatsAppNumber,\r\n maritalStatus\r\n );\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n let oldData = JSON.parse(localStorage.getItem('userLogin'));\r\n localStorage.removeItem('userLogin');\r\n localStorage.setItem(\r\n 'userLogin',\r\n JSON.stringify({\r\n Results: [\r\n {\r\n DOB: DOB,\r\n aids_req_id: oldData.Results[0].aids_req_id,\r\n aids_req_year: oldData.Results[0].aids_req_year,\r\n email: oldData.Results[0].email,\r\n emiratesID: eid,\r\n extra_spons: oldData.Results[0].extra_spons,\r\n mobile_no: mobNumber,\r\n name_a: oldData.Results[0].name_a,\r\n person_id: oldData.Results[0].person_id,\r\n person_id_flag: oldData.Results[0].person_id_flag,\r\n profileImage: oldData.Results[0].profileImage,\r\n sponser_id: oldData.Results[0].sponser_id,\r\n uniq_id: oldData.Results[0].uniq_id,\r\n user_tokens: oldData.Results[0].user_tokens,\r\n vln_id: data.data.vln_acc,\r\n vln_id_flag: '1',\r\n nationality:nationality\r\n }\r\n ]\r\n })\r\n );\r\n //setFromState('please_let_him_pass_to_complete')\r\n setVlnId(data.data.vln_acc);\r\n setView(1);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(data.result, undefined, 'error');\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n setLoadingModalShow(false);\r\n }\r\n };\r\n\r\nexport const uploadProfilePic = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteerProfilePic(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\nexport const uploadIntro = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteerIntroduction(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n data?.result ?? 'Something went wrong...!',\r\n undefined,\r\n 'error'\r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\nexport const uploadJobData = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteerJobDetails(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n data?.result ?? 'Something went wrong...!',\r\n undefined,\r\n 'error'\r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\n\r\nexport const uploadEduData = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteereduDetails(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n data?.result ?? 'Something went wrong...!',\r\n undefined,\r\n 'error'\r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\n\r\nexport const uploadEidDetails = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteerNathDetails(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n data?.result ?? 'Something went wrong...!',\r\n undefined,\r\n 'error'\r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\nexport const uploadResiData = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteerResiDetails(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\nexport const uploadPassData = (userData, setLoadingModalShow) => async () => {\r\n try {\r\n var { data } = await api.uploadVolunteerPassDetails(userData);\r\n if (data.status) {\r\n setLoadingModalShow(false);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n data?.result ?? 'Something went wrong...!',\r\n undefined,\r\n 'error'\r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n};\r\nexport const checkingUserRegisterSteps = (vlnID) => async (dispatch) => {\r\n try {\r\n var { data } = await api.checkingUserRegisterStepss(vlnID);\r\n\r\n dispatch({ type: FETCH_VLN_REGISTER_PROGRESS, payload: data });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const checkingVlnAcc =\r\n (vln, setLoadingModalShow, setDisplay, setvlnId) => async (dispatch) => {\r\n try {\r\n var { data } = await api.linkingVlnAccount(\r\n vln.account_link_email,\r\n vln.volunteer_eid\r\n );\r\n\r\n if (data.status) {\r\n var sendOtp = await api.sendingOTPForVln(\r\n vln.account_link_email,\r\n data.volunteer_id\r\n );\r\n if (sendOtp.data.status) {\r\n setvlnId(data.volunteer_id);\r\n setLoadingModalShow(false);\r\n setDisplay(2);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage('Email does not exist', undefined, 'warning');\r\n }\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n \"You don't have a Volunteer Account\",\r\n undefined,\r\n 'warning'\r\n );\r\n }\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\nexport const confirmLinking =\r\n (email, id, otp, setLoadingModalShow, setDoneModal) => async (dispatch) => {\r\n try {\r\n var { data } = await api.confirmLinking(email, id, otp);\r\n\r\n if (data.status) {\r\n localStorage.setItem(\r\n 'userLogin',\r\n JSON.stringify({ Results: [data.data] })\r\n );\r\n setLoadingModalShow(false);\r\n setDoneModal(true);\r\n } else {\r\n setLoadingModalShow(false);\r\n toastifyMessage(\r\n \"You don't have a Volunteer Account\",\r\n undefined,\r\n 'warning'\r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage('Something went wrong...!', undefined, 'error');\r\n }\r\n };\r\n\r\nexport const enrollEvent = async (\r\n eventID,\r\n eventYear,\r\n volunteerID,\r\n setLoadingModalShow\r\n) => {\r\n var res = await api.enrollEvent(eventID, eventYear, volunteerID);\r\n setLoadingModalShow(false);\r\n if (res.data.data === 'A') {\r\n toastifyMessage(\r\n 'You have successfully applied to the event',\r\n undefined,\r\n 'success'\r\n );\r\n }\r\n return res.data.data;\r\n};\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABDCAMAAADapLnuAAACi1BMVEUAAADyTRsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADrABsAAAAAAAAAAAD6oRsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD3nhrrABvsABsAAAAAAAAAAAAAAAAAAAAAAAD3nhvrABsAAAAAAAAAAAAAAAAAAAAAAAAAAADsABv6pBzxABv3nhv4nhoAAAAAAAAAAAAAAAD3nhvrABsAAAAAAAAAAAD3nhrsABvrABsAAAAAAAAAAAD4nhvsABsAAAD4oBv4nhv4oRoAAAD4oBr4oRv4nhv4nRrsABv4nRvsABv4nhrsAxr4nxr5nxv7pBvvAhvwABsAAADsABvrABvrABoAAADrABvsABr5nhrxABzwABz3nhr3nhv3nxrrABr3nRvrABv4oRrtABrsABr3nxv4nhvsABrsABrsAxvtABnrABvrABv4nhr3nhvrABvsABr4nhv4nhv3nxvrABr4nRvsABvtABn5nxvrABvsABv4nRzrABvsABr5oRj4nxvyABv3oBsAAAD4nxrsABv3nxvsABr4oBr3nRvrABz4oxvsBxn4lh34nhv4nhvsABz3qR35ixHxJhL3qhvuFBb6XQnrABv3WQ73nhvzTxnzThXzTBvrABv3nhv/XwDpAB3/YAD/XAD/WgD3oRz3pB33ohz3nxv/YwD3ph7+YwL/WAD/aADrBBzrCBv8bwn/ZQD4lRf7fw//VQD4nRvtERn6hhLyJxL0LhD/bQD/ZwD5ixT7ew32PA34Swn+ZgP5mhrrABruGBj4kRbvGhb1Nw73Qwv7UQb7VQX8WwT9XwL+XgL3mhnwHxT8eAz+agf0MxBVIFtBAAAApXRSTlMAARcTpzYkMJVkIAXKUiobu031t20JBLQP0sGwrIREPPr43c7HmnpoVffr276ecl5JQSscG+28o4B3DP351ola9fDo5+HEwLyPjoVeRkANCdzTzcCYkjoiFA4H75uMiXx7WSYfBfHp4+HfxsathYBzVD0jEgv74djOtrWjiYB4dF5aT0lIRUIwLBUQ+uayq6Cek2tkX1NTTzf07url2tnWvmdWHw0RSrsIAAAHFUlEQVRYw7SWS28SYRSGp3/BBWtg1y7b2g1dMF3QABG5VkmooUbu1qDYgppU7UVtY9ImGhsXRhMzMwzDZbgV2kLloqCtbRVq9Of4ESQOA5xv0fRZT56cvOe8X4boZkhyf3Tl8aYpJCezFOk2mDbty6NWyZDgA92L7aVHKqPHoVBc9hgntpZWr+nQBxCBlfkH8ilSNpmlWizIyBH59Kx/negwtqqZWHQ6hqUKGqGQKh1O/UPN9nXAOe63eKeQT8RIyOa/13Zqzb6XdA8uo/nN2ACn9e4NA/WN6ovBsmYldFfUQXoARs3MRh/nkHXORAF4X3/U+ujBSFXajd501+3vZZBV9u6D/m28MFg7rL/Tk+6oxQ05w+HvJ6ncbjJGA7jUN0VSmwyWHtYyfDp3lIwmBlsTSvNzgVMybpvESjMMt5/bjUVpgIJZMG1g3h0GrcWTep5hWI7L0XFQq9Rc7azM+kROgdKdP/UMj6xsurlHJ2mI4KuO9ZmXgq2ffpZZBsFG0o1qLA5qfTOSdqMsFEyxVuaZNhEULTzs8FY72jkDZtRSoxxh/sFF9uBhFa6nrU4F0P5BiqcZHlkFw0ZBbesObi0bMKsqsRkk7bDfRMMmIK1HqyPGbSRsLdZS/H8ry6VzZ/B10agLayFMqr+aPMsISKeq0RhoVWkJ+xQugDwvlLZutgBbg2ri9iUKU6sM22XlONRbMFjHBGFYwARwWum2Rrj6ESbYRWIE26s8ywiJcEw1CluVBCaAcIkVLqtdhINEnAbBWbPHKbQsUQSYdeGtO1/ybI/189fkea2VPtazi7HGLsCKTQC/rX65nnNbVPuyxDdA46wkrgUN8bAccxCF71VKyHGN/VERdyuFa6yTmJbB1sNaz+vyG/NXIDUSsyTmCI7FL+Ffrbp2An+wplczJBJoCwADFr3U3keg1M7OZzDqJRQE50E1DCJYN1/fuQ5vZK3v82UomaR0kkAQbDqEZCowANbgrw1N84EtzqJevKYu3XrmAnJ87T5+eCP+FFAVxgAE9QQK7m1HN21BCoBry/DXLw75XeC2aw6BjHDm/EGEoUCn4jVUwS0M3H6LasjAb+zWG0DHgoJ25fLVm3etx1+ylHn7QTtEtVqE6tmDG2D16wn8TjX1hHcOigDKESLQKbgAyQqbrwMz6x48iUqzOgnekYma4U6gPNx/EdSC270Jf7myfr1ZixgDHKQ0BxPIt8CGMcjQdfiS6vplQVP9GZCAWJO7In7XHriwCehSvDGlaQY1FAEKc5y24g3b2fNmrcVrqCkwp6KDKKM4J3yZzCl0keccvIZObBfD0pE1mVKJMynYuE8qWmI82UwTp++rFoajGIqIs8KESqztTq3g3LYSoAJ/Xy+3HqyFv1lemD8DLiA2o9ZdSUsIOYAVAdJSyoorjALJgs3NM8s01bRG6gZomgaYeYUx4AOMKckFsSCDFW2AQFFISyk4NNEoCnmEJLxxoluAqYOmAgg4mAa4eU4LB3YICYASE6O2xPrauNjYuNyEhlYjk0g0LX7GHb7edXk1NZ41XvmNvh3GfgzEgZRik2QgMOmMwhVUEcbG4eHGxhFiDIMKMDKSoJhblJso5aJs/KLEm8qqJidBjDouO04m4k01EBCBqpbg4pIXZBVlktNgFwV6mEtQkB3kPmZ5e0F2UWZObWFOPgkGUXYNQTZGBisudnkDZgZmQ3tBNkBPZLLjKgxEUQdsMHgABBEzLJgiMa8YJNKLgMSCP8giH9Q//Sy97vbCkl11T92qAkBIRKpHDAWJ4IoeqnN0P1QUx/CATAs3mBDC48DEuDJWLaJmrCP4rs2SkxQHTanclBlOE5c1Owuqu+w0x1l0qlydbcgky6UtbCr5P5X52zPO6/CDX5DrLcXO9N3ypC6+ekdR4vrATMAjprmzpPp7/JBKv12evV5mrjO/8kSKdqjpfZCXS75rP9Qvv0BK/J711D0eQxarRpIVavJuFqaS+9XgS5I/tfvQXnREGVTk0XZVQzEQhZfEw8Yy7IZJ8pQxXV/ySvqhmj0Rhi3gzXalbaP4whgZc9GeHQeK+5HAHdZRVwbTiMwFAC2PgTjpqxR3NzEjwgYwAlu8UOj8UTWPfFEGpKfds6yS7tyd0puUlOa7A9zEiHgnnTSnS4w0iMHNMgvvvt5RhjnxcMj0qOVAigJ1Xfvgl9rnnUy0ugcGFk24eXed3xBx50qfr+WmuEeM9MEMk8FJ1jE7AfCKrRw0S8EbTqudDroNVXBbtnB4NC/nd652JZM+fwivjUX6YAuC/amOoe2acLzJS/1uVc8xbTNkJDVnobigT/1ZRtF+hHU0GlHBAeB4p3ZGf7c1FA+PWNMF5K4dASp8GrkOT2FO7VIBq6gvrAyQ0tAialEJhfKhm7+s8sf3oftE0jkrAMhV7ttRyzwA/gEGcwLCNXLP6QAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/samsun.8b8e9bf6.png\";","export default \"data:image/png;base64,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\"","import { handleRegularPayment } from './handleRegularPayment';\r\n\r\nexport const handleCardPayment = (body, dispatch, tokenToSave, recieptFor) => {\r\n var backend_body = {\r\n bag: body.cart,\r\n tokn: body.tokn,\r\n // payment_type: body.payment_type === \"SAMECARD\" ? \"SAMECARD\" : \"DIRECT\"\r\n payment_type: body.payment_type === \"SAMECARD\" ? \"SAMECARD\" : \"NEWCARD\",\r\n captcha: body?.captcha\r\n };\r\n return handleRegularPayment(backend_body, dispatch, tokenToSave, recieptFor);\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport './AddPaymentMethod.css';\r\nimport { useDispatch } from 'react-redux';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Cards from 'react-credit-cards';\r\nimport 'react-credit-cards/es/styles-compiled.css';\r\nimport {\r\n addCardApi,\r\n encryptPaymentData,\r\n tokenizeCard\r\n} from '../../../api/index';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { toastifyMessage } from '../../../handlers/toastifyMessage';\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader';\r\nimport LoadingModal from '../../Auth/loginSignPage/loadingPopUp/loadingPopUp';\r\nimport Loading from '../../ui/loading';\r\nimport { getItemsFromBag } from '../../../actions/BagFav';\r\nimport { createPaymentSession, redirectURL } from '../../../api/index';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nconst PaymentMethod = (props) => {\r\n const dispatch = useDispatch();\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'));\r\n const history = useHistory();\r\n const [loadingSwitch, setLoadingSwitch] = useState();\r\n //card state\r\n const [cvc, setCvc] = useState('');\r\n const [LoadingModalState, setLoadingModal] = useState(false);\r\n const [loadingCard, setLoadingCard] = useState(false);\r\n\r\n const [expiry, setExpiry] = useState('');\r\n const [expiryMonth, setExpiryMonth] = useState('');\r\n const [expiryYear, setExpiryYear] = useState('');\r\n const [name, setName] = useState('');\r\n const [number, setNumber] = useState('');\r\n const [focus, setFocus] = useState('number');\r\n\r\n const [saveOrNot, SetSaveOrNot] = useState(userLogin ? 'save_and_pay' : '');\r\n const [width, setWidth] = useState(window.innerWidth);\r\n const [session, setSession] = useState(null);\r\n // const [myPromise, setMyPromise] = useState(null) ;\r\n // let _resolve = null;\r\n // let _reject = null;\r\n const [_resolve, setResolve] = useState(null);\r\n\r\n const [paymentResponse, setPaymentResponse] = useState(null);\r\n const [_reject, setReject] = useState(null);\r\n\r\n const [promise, setPromise] = useState(null);\r\n useEffect(() => {\r\n setPromise(\r\n new Promise(function (resolve, reject) {\r\n setResolve(() => resolve);\r\n setReject(() => reject);\r\n })\r\n );\r\n\r\n async function setUpPaymentSession() {\r\n setLoadingCard(false);\r\n if (self === top) {\r\n var antiClickjack = document.getElementById('antiClickjack');\r\n // antiClickjack.parentNode.removeChild(antiClickjack);\r\n } else {\r\n top.location = self.location;\r\n }\r\n let sessionType = props.frompopup\r\n ? {\r\n amount: props.paymentamount,\r\n actionType: 'PAY'\r\n }\r\n : {\r\n actionType: 'SAVE'\r\n };\r\n let res = await createPaymentSession(sessionType);\r\n setSession(res?.data?.session?.id);\r\n }\r\n setUpPaymentSession();\r\n }, []);\r\n useEffect(() => {\r\n async function setupPayment() {\r\n if (_resolve !== null && _reject !== null && session != null) {\r\n PaymentSession.configure({\r\n session: session,\r\n fields: {\r\n // ATTACH HOSTED FIELDS TO YOUR PAYMENT PAGE FOR A CREDIT CARD\r\n card: {\r\n number: '#card-number',\r\n securityCode: '#security-code',\r\n expiryMonth: '#expiry-month',\r\n expiryYear: '#expiry-year',\r\n nameOnCard: '#cardholder-name'\r\n }\r\n },\r\n //SPECIFY YOUR MITIGATION OPTION HERE\r\n frameEmbeddingMitigation: ['javascript'],\r\n callbacks: {\r\n initialized: function (response) {\r\n setLoadingCard(true);\r\n // HANDLE INITIALIZATION RESPONSE\r\n // PaymentSession.setFocus('card.number');\r\n\r\n // PaymentSession.setFocusStyle([\"card.number\",\"card.securityCode\"], {\r\n // borderColor: 'red',\r\n // borderWidth: '3px',\r\n // fontFamily: 'arab_font'\r\n // });\r\n },\r\n formSessionUpdate: function (response) {\r\n setPaymentResponse(response);\r\n // HANDLE RESPONSE FOR UPDATE SESSION\r\n if (response.status) {\r\n if ('ok' == response.status) {\r\n _resolve(response);\r\n\r\n //check if the security code was provided by the user\r\n if (response.sourceOfFunds.provided.card.securityCode) {\r\n console.log('Security code was provided.');\r\n }\r\n\r\n //check if the user entered a Mastercard credit card\r\n if (\r\n response.sourceOfFunds.provided.card.scheme == 'MASTERCARD'\r\n ) {\r\n console.log('The user entered a Mastercard credit card.');\r\n }\r\n } else if ('fields_in_error' == response.status) {\r\n _reject(response);\r\n\r\n console.log('Session update failed with field errors.');\r\n if (response.errors.cardNumber) {\r\n console.log('Card number invalid or missing.');\r\n }\r\n if (response.errors.expiryYear) {\r\n console.log('Expiry year invalid or missing.');\r\n }\r\n if (response.errors.expiryMonth) {\r\n console.log('Expiry month invalid or missing.');\r\n }\r\n if (response.errors.securityCode) {\r\n console.log('Security code invalid.');\r\n }\r\n } else if ('request_timeout' == response.status) {\r\n console.log(\r\n 'Session update failed with request timeout: ' +\r\n response.errors.message\r\n );\r\n } else if ('system_error' == response.status) {\r\n console.log(\r\n 'Session update failed with system error: ' +\r\n response.errors.message\r\n );\r\n }\r\n } else {\r\n console.log('Session update failed: ' + response);\r\n }\r\n setPromise(\r\n new Promise(function (resolve, reject) {\r\n setResolve(() => resolve);\r\n setReject(() => reject);\r\n })\r\n );\r\n }\r\n },\r\n interaction: {\r\n displayControl: {\r\n formatCard: 'EMBOSSED',\r\n invalidFieldCharacters: 'REJECT'\r\n }\r\n }\r\n });\r\n }\r\n // setTimeout(() => {setLoadingCard(true)}, 1000)\r\n }\r\n setupPayment();\r\n }, [_reject, _resolve, session]);\r\n async function pay() {\r\n PaymentSession.updateSessionFromForm('card');\r\n\r\n // await PaymentSession.updateSessionFromForm('card');\r\n }\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener('resize', handleResize);\r\n return () => window.removeEventListener('resize', handleResize);\r\n }, [width]);\r\n useEffect(() => {\r\n if (!userLogin && !props.frompopup) {\r\n history.push('/');\r\n }\r\n });\r\n const [captchaValue, setCaptchaValue] = useState();\r\n const handleAddCards = async () => {\r\n promise\r\n .then(async () => {\r\n if (saveOrNot === 'save_and_pay') {\r\n let sessionData = {\r\n session: session,\r\n amount: props.paymentamount,\r\n actionType: 'PAY_AND_SAVE',\r\n isUser: userLogin ? true : false,\r\n userEmail: userLogin ? userLogin.Results[0]?.email : 'hilal@rcuae.ae',\r\n captcha: captchaValue\r\n };\r\n await props.handleRegularPayment_Inner('save', sessionData);\r\n } else {\r\n let sessionData = {\r\n session: session,\r\n amount: props.paymentamount,\r\n actionType: props.noOption ? 'PAY_AND_SAVE' : 'PAY',\r\n captcha: captchaValue\r\n };\r\n await props.handleRegularPayment_Inner('noSave', sessionData);\r\n }\r\n })\r\n .catch((e) => {\r\n if (e.status === 'fields_in_error') {\r\n toastifyMessage(\r\n 'Please make sure all fields are correct',\r\n undefined,\r\n 'error'\r\n );\r\n } else toastifyMessage('Unknown error occured', undefined, 'error');\r\n });\r\n await pay();\r\n };\r\n const handleInputFocus = (e) => {\r\n setFocus(e.target.name);\r\n };\r\n const addPaymentMethod = async () => {\r\n // setLoadingModal(true);\r\n promise\r\n .then(async () => {\r\n let id = 'TOKEN' + Date.now();\r\n let sessionData = {\r\n session: session,\r\n mco: id,\r\n amount: 2,\r\n actionType: 'SAVE',\r\n redirectUrl: window.location.origin + '/payment-method',\r\n userEmail: userLogin?.Results[0]?.email||'hilal@rcuae.ae'\r\n };\r\n let encrypted_data = await encryptPaymentData(sessionData);\r\n\r\n var form = document.createElement('form');\r\n var element1 = document.createElement('input');\r\n var element2 = document.createElement('input'); \r\n form.method = 'POST';\r\n form.action = `${redirectURL}/AuthGetData.aspx`;\r\n\r\n element1.value = encrypted_data.data.data;\r\n element1.name = 'sessionData';\r\n form.appendChild(element1);\r\n\r\n element2.value = captchaValue; // Assuming you have the CAPTCHA value stored in a variable `captchaValue`\r\n element2.name = 'captcha';\r\n form.appendChild(element2);\r\n // window.location.replace(`${redirectURL}/Auth.aspx?sessionData=` + encodeURIComponent(encrypted_data.data.data));\r\n document.body.appendChild(form);\r\n\r\n form.submit();\r\n })\r\n .catch((e) => {\r\n if (e.status === 'fields_in_error') {\r\n toastifyMessage(\r\n 'Please make sure all fields are correct',\r\n undefined,\r\n 'error'\r\n );\r\n } else toastifyMessage('Unknown error occured', undefined, 'error');\r\n });\r\n await pay();\r\n };\r\n const [captchaFilled, setCaptchaFilled] = useState(false);\r\n const [captchaExpired, setCaptchaExpired] = useState(false);\r\n\r\n const handleCaptchaChange = (value) => {\r\n if (value) {\r\n setCaptchaFilled(true);\r\n setCaptchaExpired(false);\r\n setCaptchaValue(value);\r\n } else {\r\n setCaptchaFilled(false);\r\n }\r\n };\r\n return (\r\n {t('Add New Card')}
\r\n \r\n )}\r\n {props.frompopup ? null : (\r\n\r\n
\r\n {t('Card Number')}
\r\n \r\n setNumber(e.target.value.replace(/\\D/, \"\"))}\r\n // onFocus={handleInputFocus}\r\n // maxLength=\"16\"\r\n // required\r\n />\r\n
\r\n \r\n setName(e.target.value)}\r\n // onFocus={handleInputFocus}\r\n />\r\n
\r\n {t('Cardholder Name')}
\r\n \r\n \r\n {'MM'}\r\n
\r\n \r\n \r\n {'YY'}\r\n
\r\n \r\n \r\n {'CVC'}\r\n
\r\n \r\n
\r\n\r\n {t('Add New Card')}
\r\n\r\n
\r\n ) : (\r\n \r\n Loading...\r\n
\r\n \r\n {paymentTokens?.map((card, index) => {\r\n return (\r\n handleCheck('token', { token: card })}\r\n >\r\n \r\n {card.slice(0, 5) + '****' + card.slice(8)}\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('Donation Summary')}\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 {recieptFor === 'one' ? (\r\n | \r\n {t('Type')}\r\n | \r\n\r\n {t('Amount')}\r\n | \r\n
|---|---|
| \r\n {t('Type')}\r\n | \r\n\r\n {t('Amount')}\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('You May Also Donate For...')}\r\n
\r\n\r\n\r\n {donationNotInTheBag?.slice(0, 3)?.map((item) => (\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {props.icon === 'none' ? null : (\r\n \r\n \r\n {props.title}\r\n \r\n
\r\n \r\n {lng === 'arab' ? (\r\n \r\n {props.localaid ? (\r\n !allowRegistration? null: history.push(\"/localAid/setup-information\")}\r\n className=\" donation_final_popUp_btn_second\"\r\n >\r\n {t(\"Create account\")}\r\n \r\n \r\n \r\n ) : (\r\n history.push(\"/volunteer/vln-registration\")}\r\n className=\" donation_final_popUp_btn_second\"\r\n >\r\n {t(\"Create account\")}\r\n \r\n )}\r\n {props.localaid ? (\r\n \r\n history.push(\"/localAid/link-account\", { from: \"profile\" })\r\n }\r\n className=\" donation_final_popUp_btn_Third\"\r\n >\r\n {t(\"I have an account\")}\r\n \r\n ) : (\r\n \r\n history.push(\"/volunteer/link-account\", { from: \"profile\" })\r\n }\r\n className=\" donation_final_popUp_btn_Third\"\r\n >\r\n {t(\"I have an account\")}\r\n \r\n )}\r\n\r\n props.onHide()}\r\n className=\"donation_final_popUp_btn_first\"\r\n >\r\n {t(\"Not Now\")}\r\n \r\n
\r\n \r\n \r\n setFormData({ ...formData, mobile: e.target.value.replace(/\\D/, \"\")})}\r\n className={formData.mobile? 'payment_numbers local_aid_input': lng==='arab'? 'force_arabic_font local_aid_input':'payment_numbers local_aid_input'}\r\n value={formData.mobile}\r\n name=\"mobile\"\r\n placeholder={t(\"Enter the mobile number here\")}\r\n maxLength='10'\r\n required\r\n />\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n {errors ? {t(errors)}
: }\r\n \r\n {\r\n setError(\"\");\r\n setLoading(true);\r\n if (isSendOTP) {\r\n submitExtraSponserOTP(\r\n props.email,\r\n formData.mobile,\r\n formData.otp\r\n )\r\n .then((res) => {\r\n if (res.data.status) {\r\n props.setOtp(formData.otp)\r\n //alert()\r\n // localStorage.setItem('userLogin', JSON.stringify({Results: res.data.data}))\r\n // toastifyMessage(\"Added!\", undefined, \"success\");\r\n props.setSponsorSelections(res.data.data);\r\n props.setAccountLinkSelectionModal(true)\r\n props.onHide()\r\n } else {\r\n setError(res.data.result);\r\n }\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n } else {\r\n if (!(validateMobile(formData.mobile))) {\r\n setLoading(false);\r\n toastifyMessage(\"\\\"Mobile number\\\" should be 10 digits long and start with \\\"05\\\"\", undefined, \"error\");\r\n return false;\r\n } else {\r\n submitExtraSponser(props.email, formData.mobile)\r\n .then((res) => {\r\n if (res.data.status) {\r\n setOTPstatus(true);\r\n } else {\r\n setError(t('Can not find sponser account related to this number'));\r\n }\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n }\r\n }}\r\n className=\" donation_final_popUp_btn_Third\"\r\n >\r\n {isLoading ? t(\"Loading...\") : t(\"Submit\")}\r\n \r\n\r\n {\r\n props.onHide();\r\n }}\r\n className=\"donation_final_popUp_btn_first\"\r\n >\r\n {t(\"Not Now\")}\r\n \r\n
\r\n \r\n \r\n handleSponsor(item)} style={{float: lng === \"arab\"? 'left': 'right'}} type=\"checkbox\">\r\n
\r\n\r\n ))} \r\n {errors ? {item.sponsor_name}
\r\n {item.sponsor_id}
\r\n {t(errors)}
: }\r\n \r\n {\r\n setError(\"\");\r\n setLoading(true);\r\n addExtraSponsors(\r\n {\r\n user_email: props.email,\r\n sponsors: sponsorsChecked.map((item) => { return item.sponsor_id }),\r\n otp: props.otp,\r\n }\r\n )\r\n .then((res) => {\r\n if (res.data.status) {\r\n localStorage.setItem('userLogin', JSON.stringify({Results: res.data.data}))\r\n props.onHide()\r\n } else {\r\n setError(res.data.result);\r\n }\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n }}\r\n className=\" donation_final_popUp_btn_Third\"\r\n >\r\n {isLoading ? t(\"Loading...\") : t(\"Submit\")}\r\n \r\n\r\n {\r\n props.onHide();\r\n }}\r\n className=\"donation_final_popUp_btn_first\"\r\n >\r\n {t(\"Not Now\")}\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\nexport default SignOutWithGoogle;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport './Profile.css';\r\nimport userImg from '../../assets/user-placeholder.jpeg';\r\nimport orphanDefault from '../../assets/orphansDefaultDark.png';\r\nimport logOutIcon from '../../assets/log-out.png';\r\nimport contactUs from '../../assets/support.png';\r\nimport paymentMethodsIcon from '../../assets/plastic.png';\r\nimport sponsorIcon from '../../assets/userIcon.png';\r\nimport projectsIcon from '../../assets/projects.png';\r\nimport donationsIcon from '../../assets/quill.png';\r\nimport vlnIcon from '../../assets/hands-up.png';\r\nimport localAIDIcon from '../../assets/united-arab-emirates.png';\r\nimport accountIcon from '../../assets/account.png';\r\nimport emailPIcon from '../../assets/emailPIcon.png';\r\nimport logOutAssets from '../../assets/logout.png';\r\nimport { useDispatch } from 'react-redux';\r\nimport ProfileBtn from './profileBtn/ProfileBtn';\r\nimport { useLocation, useHistory } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport PendingModal from './pendingModal/PendingModal';\r\nimport NeedToRegisterModal from './needToRegisterModal/NeedToRegisterModal';\r\nimport AccountLinkOtpModal from './AccountLinkModal/AccountLinkModal';\r\nimport AccountLinkSelectionModal from './AccountLinkSelectionModal/AccountLinkSelectionModal';\r\nimport settingsIcon from '../../assets/settingForPro.png';\r\nimport { useSelector } from 'react-redux';\r\nimport { BottomSheet } from 'react-spring-bottom-sheet';\r\nimport { getAllProjects, getAllSharedProjects } from '../../api/account';\r\nimport {\r\n changeAccount,\r\n getSPDonationSummary,\r\n getSPOrphonsList,\r\n getSPAllLatepayments,\r\n getSPTransactionSummary\r\n} from '../../actions/user';\r\nimport SignOutWithGoogle from '../Auth/googleSignIn/SignOutWithGoogle';\r\nimport { toastifyMessage } from '../../handlers/toastifyMessage';\r\nimport 'react-spring-bottom-sheet/dist/style.css';\r\nimport Loading from '../ui/loading';\r\nimport CountUp from 'react-countup';\r\nimport { AnimationOnScroll } from 'react-animation-on-scroll';\r\n\r\nconst Profile = () => {\r\n const dispatch = useDispatch();\r\n const { t } = useTranslation();\r\n const vlnRegisterProgress = useSelector((state) => state.vlnRegisterProgress);\r\n const [vlnindex, setVlnIndex] = useState(0);\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'));\r\n const userInfo = useSelector((state) => {\r\n return state.auth.authData;\r\n });\r\n const [userProfile, setUserProfile] = useState(\r\n userInfo?.Results[0]?.profile_pic\r\n ? userInfo?.Results[0]?.profile_pic\r\n : userImg\r\n );\r\n useEffect(() => {\r\n setUserProfile(\r\n userInfo?.Results[0]?.profile_pic\r\n ? userInfo?.Results[0]?.profile_pic\r\n : userImg\r\n );\r\n }, [userInfo]);\r\n const sponID = useSelector((state) => {\r\n return state.auth.extraSponID;\r\n });\r\n\r\n const myorphons = useSelector((state) => {\r\n return state.auth.myorphons;\r\n });\r\n const sponsorLoading = useSelector((state) => {\r\n return state.auth.sponsorLoading;\r\n });\r\n const donations = useSelector((state) => {\r\n return state.auth.donations;\r\n });\r\n const [orphonsList, setorphonsList] = useState([]);\r\n const [orphansNumber, setOrphansNumber] = useState(0);\r\n const [orphansAmount, setOrphansAmount] = useState(0);\r\n const [projectsNumber, setProjectNumber] = useState(0);\r\n const [projectSharedNumber, setProjectSharedNumber] = useState(0);\r\n const [projectsAmount, setProjectAmount] = useState(0);\r\n const [totalDonationAmount, setDonationAmount] = useState(0);\r\n useEffect(() => {\r\n setOrphansAmount(\r\n donations?.filter((item) => item.dontypeID === '1')?.shift()?.totalAmount\r\n ? donations?.filter((item) => item.dontypeID === '1')?.shift()\r\n ?.totalAmount\r\n : 0\r\n );\r\n setProjectAmount(\r\n donations?.filter((item) => item.dontypeID === '8')?.shift()?.totalAmount\r\n ? donations?.filter((item) => item.dontypeID === '8')?.shift()\r\n ?.totalAmount\r\n : 0\r\n );\r\n setDonationAmount(\r\n donations\r\n .map((item) => parseInt(item.totalAmount))\r\n .reduce((x, y) => x + y, 0)\r\n ? donations\r\n .map((item) => parseInt(item.totalAmount))\r\n .reduce((x, y) => x + y, 0)\r\n : 0\r\n );\r\n }, [donations]);\r\n useEffect(() => {\r\n setorphonsList(myorphons);\r\n setOrphansNumber(myorphons.length);\r\n }, [myorphons]);\r\n\r\n const donationLoading = useSelector((state) => {\r\n return state.auth.donationLoading;\r\n });\r\n function getUserInfo() {\r\n if (\r\n userInfo?.Results &&\r\n userInfo?.Results.length > 0 &&\r\n userInfo?.Results[0]\r\n ) {\r\n return userInfo?.Results[0];\r\n }\r\n }\r\n function sponserId() {\r\n if (sponID) return sponID;\r\n return getUserInfo();\r\n }\r\n const history = useHistory();\r\n const logOut = () => {\r\n dispatch({ type: 'LOGOUT' });\r\n };\r\n const handleAccountChange = (account) => {\r\n dispatch(\r\n getSPAllLatepayments(account.extra_sponser_id, lng === 'arab' ? '1' : '2')\r\n );\r\n dispatch(\r\n changeAccount({\r\n sponser_id: account.extra_sponser_id,\r\n name: account.extra_sponser_name\r\n })\r\n );\r\n };\r\n const [open, setOpen] = useState(false);\r\n useEffect(() => {\r\n if (vlnRegisterProgress.data) {\r\n if (!vlnRegisterProgress.data.completedPic) {\r\n setVlnIndex(1);\r\n } else if (!vlnRegisterProgress.data.completedJob) {\r\n setVlnIndex(2);\r\n } else if (!vlnRegisterProgress.data.completedEducation) {\r\n setVlnIndex(3);\r\n } else if (!vlnRegisterProgress.data.completedEmiratesID) {\r\n setVlnIndex(4);\r\n } else if (!vlnRegisterProgress.data.completedResidence) {\r\n setVlnIndex(5);\r\n } else if (!vlnRegisterProgress.data.completedPassport) {\r\n setVlnIndex(6);\r\n } else {\r\n setVlnIndex(-1);\r\n }\r\n }\r\n }, [vlnRegisterProgress]);\r\n const [width, setWidth] = useState(window.innerWidth);\r\n useEffect(() => {\r\n function handleResize() {\r\n setWidth(window.innerWidth);\r\n }\r\n window.addEventListener('resize', handleResize);\r\n return () => window.removeEventListener('resize', handleResize);\r\n }, [width]);\r\n const [pendingModalShow, setPendingModalShow] = useState(false);\r\n const [needToRegisterModal, setNeedToRegisterModal] = useState(false);\r\n const [accountLinkModal, setAccountLinkModal] = useState(false);\r\n const [accountLinkSelectionModal, setAccountLinkSelectionModal] =\r\n useState(false);\r\n const [otp, setOtp] = useState();\r\n\r\n const [allProjects, setAllProjects] = useState([]);\r\n const [allSharedProjects, setAllSharedProjects] = useState([]);\r\n const [allProjectsLoading, setAllProjectsLoading] = useState(true);\r\n const [allSharedProjectsLoading, setAllSharedProjectsLoading] =\r\n useState(true);\r\n\r\n const [accountType, setAccountType] = useState('');\r\n const [toBeTrue, setToBeTrue] = useState(true);\r\n const [deviceType, setDeviceType] = useState(\r\n window.innerWidth > 900 ? 'WEBAPP' : 'MOBAPP'\r\n );\r\n const [sponsorSelections, setSponsorSelections] = useState([]);\r\n\r\n useEffect(() => {}, [allSharedProjects]);\r\n useEffect(() => {\r\n let mounted = true;\r\n\r\n async function fetchAllProjects() {\r\n setAllProjectsLoading(true);\r\n const allProjectsFromApi = await getAllProjects(\r\n sponserId()?.sponser_id,\r\n lng === 'arab' ? '1' : '2'\r\n );\r\n if (allProjectsFromApi?.data?.length > 0) {\r\n if (mounted) {\r\n setAllProjects(allProjectsFromApi?.data);\r\n setAllProjectsLoading(false);\r\n setProjectNumber(allProjectsFromApi?.data.length);\r\n }\r\n } else {\r\n if (mounted) {\r\n setAllProjects([]);\r\n setAllProjectsLoading(false);\r\n setProjectNumber(0);\r\n }\r\n }\r\n }\r\n async function fetchAllSharedProjects() {\r\n setAllSharedProjectsLoading(true);\r\n const allProjectsFromApi = await getAllSharedProjects(\r\n getUserInfo()?.email,\r\n lng === 'arab' ? '1' : '2'\r\n );\r\n if (allProjectsFromApi?.data?.data?.length > 0) {\r\n if (mounted) {\r\n setAllSharedProjects(allProjectsFromApi?.data.data);\r\n setAllSharedProjectsLoading(false);\r\n setProjectSharedNumber(allProjectsFromApi?.data.data.length);\r\n }\r\n } else {\r\n if (mounted) {\r\n setAllSharedProjects([]);\r\n setAllSharedProjectsLoading(false);\r\n setProjectSharedNumber(0);\r\n }\r\n }\r\n }\r\n fetchAllProjects();\r\n fetchAllSharedProjects();\r\n return () => {\r\n mounted = false;\r\n };\r\n //Call APIs here\r\n }, [sponID]);\r\n useEffect(() => {\r\n if (sponserId()?.sponser_id) {\r\n dispatch(\r\n getSPDonationSummary(\r\n sponserId()?.sponser_id,\r\n lng === 'arab' ? '1' : '2',\r\n deviceType\r\n )\r\n );\r\n // dispatch(\r\n // getSPTransactionSummary(\r\n // sponserId()?.sponser_id,\r\n // lng === \"arab\" ? \"1\" : \"2\"\r\n // )\r\n // );\r\n dispatch(\r\n getSPOrphonsList(\r\n sponserId()?.sponser_id,\r\n lng === 'arab' ? 'ARA' : 'ENG'\r\n )\r\n );\r\n }\r\n }, [sponID]);\r\n useEffect(() => {\r\n if (!userInfo) {\r\n history.push('/');\r\n }\r\n }, [userInfo]);\r\n useEffect(() => {\r\n if (sessionStorage.getItem('loggedInMsg')) {\r\n var email = userLogin?.Results[0]?.email;\r\n setTimeout(\r\n toastifyMessage(\r\n lng === 'arab' ? 'تم تسجيل دخولك بواسطة' : 'Logged in as',\r\n email,\r\n 'success'\r\n ),\r\n 2000\r\n );\r\n sessionStorage.removeItem('loggedInMsg');\r\n }\r\n }, []);\r\n const transactions = useSelector((state) => {\r\n return state.auth.transactions;\r\n });\r\n const transactionsLoading = useSelector((state) => {\r\n return state.auth.transactionsLoading;\r\n });\r\n\r\n return (\r\n \r\n 
\r\n
\r\n {lng === \"arab\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n {userLogin?.loginType === 'GOOGLE' ? (\r\n logOut()}\r\n style={{\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n position: 'absolute',\r\n left: '15px',\r\n top: '15px'\r\n }}\r\n >\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n history.push('/editprofile');\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