\r\n 
\r\n 
\r\n 
\r\n 
\r\n 
\r\n
\r\n \r\n \r\n );\r\n}\r\nexport default HeaderSidebar;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTEwLTMxVDEyOjA5OjU1KzA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0xMC0zMVQxNzowNzoyNiswNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMC0zMVQxNzowNzoyNiswNDowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxYThlMGZhMy1lMDZkLTQ2OTgtOWE1OC1iMWU5ODkxZDZjZTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzIxOEQwRjY5ODRCMTFFQjg0RUVFQjFDOUQxMzUzNEMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMjE4RDBGNjk4NEIxMUVCODRFRUVCMUM5RDEzNTM0QyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMyMThEMEYzOTg0QjExRUI4NEVFRUIxQzlEMTM1MzRDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMyMThEMEY0OTg0QjExRUI4NEVFRUIxQzlEMTM1MzRDIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFhOGUwZmEzLWUwNmQtNDY5OC05YTU4LWIxZTk4OTFkNmNlMSIgc3RFdnQ6d2hlbj0iMjAyMS0xMC0zMVQxNzowNzoyNiswNDowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+py2uxgAACo9JREFUeNrt3NtRJDsQRdEphSwA28BV8E4TfPAxEfRAN/VI6axlwKUpCuVWMnG3McYfACBL8wgAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAgAAAADL0yT7v8CMDoLBNABj0AOQZs4RBL/7AAGDFMLg8CHqhhwEAiUFwSQz0i79pABADF4RAv+AbBAAuDoF+4jcEABQJgX7CNwAAFAuBdvCHBgAKztQ+w4cEABGw7zagHfDhAIDi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\"","export const FETCH_ALL_SUKUK = \"FETCH_ALL_SUKUK\";\r\nexport const SHOW_TUTORIAL = \"SHOW_TUTORIAL\";\r\nexport const HIDE_TUTORIAL = \"HIDE_TUTORIAL\";\r\nexport const FETCH_ALL_TUTORIALS = \"FETCH_ALL_TUTORIALS\";\r\nexport const GET_ALL_JOBS_NEW = \"GET_ALL_JOBS_NEW\";\r\nexport const FETCH_ALL_PROJECTS_FULL_SHARE_CREATE = \"FETCH_ALL_PROJECTS_FULL_SHARE_CREATE\";\r\nexport const FETCH_ALL_PROJECTS_FULL_SHARE_CREATE_LOADING = \"FETCH_ALL_PROJECTS_FULL_SHARE_CREATE_LOADING\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_ALL_PROJECTS = \"FETCH_ALL_PROJECTS\";\r\nexport const FETCH_COUNTRIES_FOR_PROJECT_TYPE = \"FETCH_COUNTRIES_FOR_PROJECT_TYPE\"\r\nexport const FETCH_ALL_PROJECTS_UPDATED = \"FETCH_ALL_PROJECTS_UPDATED\"\r\nexport const FETCH_ALL_COUNTRIES_PROJETCS_SEC = \"FETCH_ALL_COUNTRIES_PROJETCS_SEC\"\r\nexport const FETCH_ALL_PROJECTS_FOR_COUNTRY = \"FETCH_ALL_PROJECTS_FOR_COUNTRY\"\r\nexport const FETCH_ALL_PROJECTS_FULL = \"FETCH_ALL_PROJECTS_FULL\"\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_ALL_ORPHAN_SLIDERS = \"FETCH_ALL_ORPHAN_SLIDERS\";\r\nexport const LOAD_ALL_NEWS = 'LOAD_ALL_NEWS'\r\nexport const ENOUGH_LOADING_NEWS = 'ENOUGH_LOADING_NEWS'\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_ALL_COMPAGINS_SLIDERS = \"FETCH_ALL_COMPAGINS_SLIDERS\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_ALL_DONATIONS = \"FETCH_ALL_DONATIONS\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_ALL_HUMANCASES = \"FETCH_ALL_HUMANCASES\";\r\nexport const FETCH_ALL_PROJECT_SHARES = \"FETCH_ALL_PROJECT_SHARES\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const AUTH = \"AUTH\";\r\nexport const LOGOUT = \"LOGOUT\";\r\nexport const LOGOUT_WITH_GOOGLE = \"LOGOUT_WITH_GOOGLE\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const CREATE_USER = \"CREATE_USER\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_COUNTRIES_FOR_PROJECTS = \"FETCH_COUNTRIES_FOR_PROJECTS\";\r\nexport const FETCH_ALL_COUNTRIES_FOR_ORPHAN = \"FETCH_ALL_COUNTRIES_FOR_ORPHAN\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const REGULAR_PAYMENT = \"REGULAR_PAYMENT\";\r\nexport const CHANGE_TRANSLATION_ENG = \"CHANGE_TRANSLATION_ENG\";\r\nexport const CHANGE_TRANSLATION_ARAB = \"CHANGE_TRANSLATION_ARAB\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_ALL_COUNTRIES_FOR_VOLUNTEERS =\r\n \"FETCH_ALL_COUNTRIES_FOR_VOLUNTEERS\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_FAMILY_MEMBERS = \"FETCH_FAMILY_MEMBERS\";\r\nexport const FETCH_LOCAL_AID_PROFILE = \"FETCH_LOCAL_AID_PROFILE\";\r\nexport const FETCH_ALL_COMPLETED_REQU = \"FETCH_ALL_COMPLETED_REQU\";\r\nexport const FETCH_ALL_RETURNED_REQU = \"FETCH_ALL_RETURNED_REQU\";\r\nexport const FETCH_ALL_PENDING_REQU = \"FETCH_ALL_PENDING_REQU\";\r\nexport const FETCH_ALL_LOCAL_AID_TYPES = \"FETCH_ALL_LOCAL_AID_TYPES\";\r\n\r\n//---------------------------------------------------\r\n\r\nexport const FETCH_VOLUNTEER_FILE_DETAILS = \"FETCH_VOLUNTEER_FILE_DETAILS\";\r\nexport const FETCH_PARTICIPANTS_DETALS = \"FETCH_PARTICIPANTS_DETALS\";\r\nexport const FETCH_ALL_ATTACHMENTS = \"FETCH_ALL_ATTACHMENTS\";\r\nexport const FETCH_ALL_COURSES = \"FETCH_ALL_COURSES\";\r\nexport const FETCH_ALL_COURSES_FOR_VOLUNTEER =\r\n \"FETCH_ALL_COURSES_FOR_VOLUNTEER\";\r\nexport const FETCH_ALL_COUNTRIES = \"FETCH_ALL_COUNTRIES\";\r\nexport const FETCH_ALL_LEVELS = \"FETCH_ALL_LEVELS\";\r\nexport const FETCH_ALL_LANGUAGES = \"FETCH_ALL_LANGUAGES\";\r\nexport const FETCH_VOLUNTEER_LANGUAGES = \"FETCH_VOLUNTEER_LANGUAGES\";\r\nexport const FETCH_ALL_VOLUNTEER_SKILLS = \"FETCH_ALL_VOLUNTEER_SKILLS\";\r\nexport const FETCH_ALL_SKILLS = \"FETCH_ALL_SKILLS\";\r\nexport const FETCH_ALL_INTERESTS = \"FETCH_ALL_INTERESTS\";\r\nexport const FETCH_ALL_VOLUNTEER_INTERESTS = \"FETCH_ALL_VOLUNTEER_INTERESTS\";\r\nexport const FETCH_VOLUNTEER_EVENTS = \"FETCH_VOLUNTEER_EVENTS\";\r\nexport const FETCH_EVENT_DETAILS = \"FETCH_EVENT_DETAILS\";\r\nexport const FETCH_ALL_VOLUNTEER_SERVICES = \"FETCH_ALL_VOLUNTEER_SERVICESs\";\r\nexport const FETCH_ALL_BRANCHES = \"FETCH_ALL_BRANCHES\";\r\nexport const FETCH_ALL_EDUCATIONS = \"FETCH_ALL_EDUCATIONS\";\r\nexport const FETCH_VLN_REGISTER_PROGRESS = \"FETCH_VLN_REGISTER_PROGRESS\";\r\nexport const FETCH_ALL_MAP_LOCATIONS = \"FETCH_ALL_MAP_LOCATIONS\";\r\nexport const FETCH_ALL_NEWS = \"FETCH_ALL_NEWS\";\r\nexport const FETCH_ALL_GALLERY = \"FETCH_ALL_GALLERY\";\r\nexport const FETCH_ALL_GRACE = \"FETCH_ALL_GRACE\";\r\nexport const FETCH_ALL_DONATIONSSUMMARY = \"FETCH_ALL_DONATIONSSUMMARY\";\r\nexport const FETCH_ALL_TRANSACTIONSSUMMARY = \"FETCH_ALL_TRANSACTIONSSUMMARY\";\r\nexport const FETCH_SPONSORED_FOLLOW_UPS = \"FETCH_SPONSORED_FOLLOW_UPS\";\r\n\r\nexport const FETCH_ALL_NOTIFICATIONS = \"FETCH_ALL_NOTIFICATIONS\";\r\nexport const FETCH_ALL_ORPHONS = \"FETCH_ALL_ORPHONS\";\r\n\r\nexport const DELETE_CARD = \"DELETE_CARD\";\r\n// ----- Late Payment\r\nexport const ALL_ORPHONS_LATE_PAYMENTS = \"ALL_ORPHONS_LATE_PAYMENTS\";\r\nexport const ALL_ORPHON_LATE_PAYMENTS = \"ALL_ORPHON_LATE_PAYMENTS\";\r\nexport const ALL_ORPHON_LATE_PAYMENTS_ERROR = \"ALL_ORPHON_LATE_PAYMENTS_ERROR\";\r\nexport const ALL_ORPHON_LATE_PAYMENTS_LOADING = \"ALL_ORPHON_LATE_PAYMENTS_LOADING\";\r\n\r\n// ----- End Late Payment\r\n\r\n// -Start account switching\r\nexport const SET_SPONSER_ACCOUNT = \"SET_SPONSER_ACCOUNT\";\r\nexport const CLEAR_SPONSER_ACCOUNT = \"CLEAR_SPONSER_ACCOUNT\";\r\n// -End account switching\r\n\r\n// start about us switching\r\nexport const GET_ABOUT_US = \"GET_ABOUT_US\";\r\n// end about us switching\r\nexport const FETCH_ALL_BAG_ITEMS = \"FETCH_ALL_BAG_ITEMS\";\r\nexport const FETCH_ALL_FAVORITES = \"FETCH_ALL_FAVORITES\";\r\nexport const DELETE_FROM_BAG = \"DELETE_FROM_BAG\";\r\nexport const ADD_ITEM_TO_BAG = \"ADD_ITEM_TO_BAG\";\r\nexport const DELETE_FROM_FAVORITES = \"DELETE_FROM_FAVORITES\";\r\n\r\nexport const REMOVE_ALL_BAG_ITEMS = 'REMOVE_ALL_BAG_ITEMS';\r\nexport const FETCH_LOCALLY = 'FETCH_LOCALLY';\r\n\r\n//------------------------------ Start Volunteer Register ----------------\r\nexport const GET_ALL_JOBS = \"GET_ALL_JOBS\";\r\nexport const GET_ALL_HEALTHS = \"GET_ALL_HEALTHS\";\r\nexport const GET_ALL_MARRIAGE = \"GET_ALL_MARRIAGE\";\r\nexport const SET_LAID_ACCOUNT = \"SET_LAID_ACCOUNT\"; //used for LOCAL_AID\r\nexport const NEW_LAID_ACCOUNT = \"NEW_LAID_ACCOUNT\"; //used for LOCAL_AID\r\nexport const GET_RELATIONSHIP_STATUS = \"GET_RELATIONSHIP_STATUS\";\r\n\r\n//------------------------------ End Volunteer Register ----------------\r\n\r\nexport const LOADING = \"LOADING\";\r\nexport const FETCH_FINAL_RECIEPT = \"FETCH_FINAL_RECIEPT\"\r\n\r\n// ------------Recent donatiopns loading-----\r\nexport const DONATIONS_LOADING = \"DONATIONS_LOADING\";\r\nexport const TRANSACTIONS_LOADING = \"TRANSACTIONS_LOADING\";\r\nexport const DONATIONS_LOADING_FALSE = \"DONATIONS_LOADING_FALSE\";\r\nexport const TRANSACTIONS_LOADING_FALSE = \"TRANSACTIONS_LOADING_FALSE\";\r\nexport const LOAD_NOTIFICATIONS = \"LOAD_NOTIFICATIONS\";\r\nexport const NOTIFICATIONS_LOADED = \"NOTIFICATIONS_LOADED\";\r\n\r\n// -----DOnations loading\r\nexport const LOAD_DONATIONS = \"LOAD_DONATIONS\";\r\nexport const DONATIONS_LOADED = \"DONATIONS_LOADED\";\r\n// bag loading\r\nexport const LOAD_BAG = \"LOAD_BAG\";\r\nexport const BAG_LOADED = \"BAG_LOADED\";\r\n\r\n//Sponsor loading\r\nexport const LOAD_SPONSOR = \"LOAD_SPONSOR\";\r\nexport const SPONSOR_LOADED = \"SPONSOR_LOADED\";\r\n\r\n//human cases loading\r\nexport const LOAD_HUMANCASES = \"LOAD_HUMANCASES\";\r\nexport const HUMANCASES_LOADED = \"HUMANCASES_LOADED\";\r\n\r\nexport const LOAD_PROJECT_SHARES = \"LOAD_PROJECT_SHARES\";\r\nexport const PROJECT_SHARES_LOADED = \"PROJECT_SHARES_LOADED\";\r\n\r\n//sukuk loading\r\nexport const LOAD_SUKUK = \"LOAD_SUKUK\";\r\nexport const SUKUK_LOADED = \"SUKUK_LOADED\";\r\n\r\n//Volunteer loading\r\nexport const LOAD_VOLUNTEER = \"LOAD_VOLUNTEER\";\r\nexport const VOLUNTEER_LOADED = \"VOLUNTEER_LOADED\";\r\n\r\n//Volunteer loading\r\nexport const LOAD_VOLUNTEER_PARTICIPANT = \"LOAD_VOLUNTEER_PARTICIPANT\";\r\nexport const VOLUNTEER_PARTICIPANT_LOADED = \"VOLUNTEER_PARTICIPANT_LOADED\";\r\n\r\n//Volunteer loading\r\nexport const LOAD_VOLUNTEER_ATTACHMENT = \"LOAD_VOLUNTEER_ATTACHMENT\";\r\nexport const VOLUNTEER_ATTACHMENT_LOADED = \"VOLUNTEER_ATTACHMENT_LOADED\";\r\n\r\n\r\n//Volunteer courses loading\r\nexport const LOAD_VOLUNTEER_COURSE = \"LOAD_VOLUNTEER_COURSE\";\r\nexport const VOLUNTEER_COURSE_LOADED = \"VOLUNTEER_COURSE_LOADED\";\r\n\r\nexport const LOAD_ALL_LANGUAGES = \"LOAD_ALL_LANGUAGES\";\r\nexport const ALL_LANGUAGES_LOADED = \"ALL_LANGUAGES_LOADED\";\r\n\r\nexport const LOAD_SKILLS = \"LOAD_SKILLS\";\r\nexport const SKILLS_LOADED = \"SKILLS_LOADED\";\r\n\r\nexport const LOAD_INTERESTS = \"LOAD_INTERESTS\";\r\nexport const INTERESTS_LOADED = \"INTERESTS_LOADED\";\r\n\r\nexport const LOAD_EVENTS = \"LOAD_EVENTS\";\r\nexport const EVENTS_LOADED = \"EVENTS_LOADED\";\r\n\r\nexport const LOAD_SERVICES = \"LOAD_SERVICES\";\r\nexport const SERVICES_LOADED = \"SERVICES_LOADED\";\r\n\r\n// ==========Local aid=============\r\n\r\nexport const LOAD_RELATIVES = \"LOAD_RELATIVES\";\r\nexport const RELATIVES_LOADED = \"RELATIVES_LOADED\";\r\n\r\nexport const LOAD_LOCAL_AID_PROFILE = \"LOAD_LOCAL_AID_PROFILE\";\r\nexport const LOCAL_AID_PROFILE_LOADED = \"LOCAL_AID_PROFILE_LOADED\";\r\n\r\n//be a sponsor\r\nexport const LOAD_COUNTRIES = \"LOAD_COUNTRIES\";\r\nexport const COUNTRIES_LOADED = \"COUNTRIES_LOADED\";\r\n\r\nexport const LOAD_ORPHANS = \"LOAD_ORPHANS\";\r\nexport const ORPHANS_LOADED = \"ORPHANS_LOADED\";\r\n\r\nexport const LOAD_SPONSOR_FOLLOWUPS = \"LOAD_SPONSOR_FOLLOWUPS\";\r\nexport const SPONSOR_FOLLOWUPS_LOADED = \"SPONSOR_FOLLOWUPS_LOADED\";\r\n\r\nexport const LOADED_FAVORITES = 'LOADED_FAVORITES'\r\nexport const LOAD_FAVORITES = 'LOAD_FAVORITES'\r\n\r\nexport const FETCH_LOADING_EVENT_DETAILS = \"FETCH_LOADING_EVENT_DETAILS\"\r\nexport const FETCH_LOADED_EVENT_DETAILS = 'FETCH_LOADED_EVENT_DETAILS'\r\nexport const FETCH_ALL_PROJECTS_FULL_LOADING = 'FETCH_ALL_PROJECTS_FULL_LOADING'\r\n\r\nexport const FETCH_ALL_COMPAGINS_SLIDERS_ENOUGH_LOADING = 'FETCH_ALL_COMPAGINS_SLIDERS_ENOUGH_LOADING'\r\nexport const FETCH_ALL_COMPAGINS_SLIDERS_LOADING = 'FETCH_ALL_COMPAGINS_SLIDERS_LOADING'\r\n\r\nexport const FETCH_ALL_PROJECTS_LOADING = 'FETCH_ALL_PROJECTS_LOADING'\r\nexport const FETCH_ALL_PROJECTS_ENOUGH_LOADING = 'FETCH_ALL_PROJECTS_ENOUGH_LOADING'\r\n\r\nexport const FETCH_ALL_COUNTRIES_PROJETCS_SEC_LOADING = 'FETCH_ALL_COUNTRIES_PROJETCS_SEC_LOADING'\r\nexport const FETCH_ALL_COUNTRIES_PROJETCS_SEC_ENOUGH_LOADING = 'FETCH_ALL_COUNTRIES_PROJETCS_SEC_ENOUGH_LOADING'\r\n\r\nexport const FETCH_ALL_EVENTS = 'FETCH_ALL_EVENTS'\r\nexport const FETCH_ALL_EVENTS_LOADING = 'FETCH_ALL_EVENTS_LOADING'","import axios from \"axios\";\r\n\r\n// Comment/Uncomment the baseURL and baseURL(Heroku) between test and prod\r\n// TEST\r\n// export const baseURL = \"https://mobapp.rcuae.ae/MOBAPP_V3/ERC_MOB_V2_WS.asmx\";\r\n// export const redirectURL = \"https://mobapp.rcuae.ae/MOBAPP_V3\";\r\n\r\n// PROD\r\nexport const baseURL =\r\n \"https://mobapp.rcuae.ae/MOBAPP_V3_PROD/ERC_MOB_V2_WS.asmx\";\r\nexport const redirectURL = \"https://mobapp.rcuae.ae/MOBAPP_V3_PROD\";\r\n\r\nexport const APIForVolunteerV3V2 = axios.create({\r\n baseURL: `${baseURL}/`,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n});\r\n\r\nexport const getSukuk = (langNumber, device_type) =>\r\n axios.get(\r\n `${baseURL}/sukuk_list?language=${langNumber}&device_type=${device_type}`\r\n );\r\n\r\n export const getGroupPDF = (langNumber) =>\r\n axios.get(\r\n `${baseURL}/volunteer_groups_pdf?language=${langNumber}`\r\n );\r\n\r\n export const volunteerSuccessRegMessage = (langNumber, volunteerID) =>\r\n axios.get(\r\n `${baseURL}/volunteer_thank_you?language=${langNumber}&volunteerID=${volunteerID}`\r\n );\r\n\r\n//---------------------------------------------------------------------\r\n// export const getProjects = (langNumber, orderType, orderBy, maxVal, minValu, projTypeID) =>\r\n// axios.get(\r\n// `${baseURL}/get_project_types?orderType=${orderType}&orderBy=${orderBy}&minVal=${minValu}&maxVal=${maxVal}&language=${langNumber}&projTypeID=${projTypeID}`\r\n// );\r\n\r\n// export const getCountriesForProject = (\r\n// langNumber,\r\n// projectTypeID,\r\n// orderType,\r\n// orderBy,\r\n// maxVal,\r\n// minVal,\r\n\r\n// ) =>\r\n// axios.get(\r\n// `${baseURL}/get_project_countries_same_project?orderType=${orderType}&orderBy=${orderBy}&minVal=${minVal}&maxVal=${maxVal}&language=${langNumber}&projectTypeID=${projectTypeID}`\r\n// );\r\n\r\n// export const getProjectsFinal = (\r\n// langNumber,\r\n// projectTypeID,\r\n// countryID,\r\n// orderType,\r\n// orderBy,\r\n// maxVal,\r\n// minVal,\r\n// projTypeID\r\n// ) =>\r\n// axios.get(\r\n// `${baseURL}/get_allprojects_web?orderType=${orderType}&orderBy=${orderBy}&minVal=${minVal}&maxVal=${maxVal}&language=${langNumber}&projectTypeID=${projectTypeID}&countryID=${countryID}`\r\n// );\r\n\r\n// export const getCountriesForProjects = (\r\n// langNumber,\r\n// orderType,\r\n// orderBy,\r\n// maxVal,\r\n// minVal,\r\n// projTypeID\r\n// ) =>\r\n// axios.get(\r\n// `${baseURL}/get_project_countries?orderType=${orderType}&orderBy=${orderBy}&minVal=${minVal}&maxVal=${maxVal}&language=${langNumber}&projTypeID=${projTypeID}`\r\n// );\r\n\r\n// export const getProjectsForCountries = (\r\n// langNumber,\r\n// countryID,\r\n// orderType,\r\n// orderBy,\r\n// maxVal,\r\n// minVal,\r\n// projTypeID\r\n// ) =>\r\n// axios.get(\r\n// `${baseURL}/get_project_types_from_country?orderType=${orderType}&orderBy=${orderBy}&minVal=${minVal}&maxVal=${maxVal}&language=${langNumber}&countryID=${countryID}&projTypeID=${projTypeID}`\r\n// );\r\n\r\nexport const getFullProjects = (langNumber) =>\r\n axios.get(`${baseURL}/allprojects?language=${langNumber}`);\r\n\r\n//-------------------Set orphans amount-----------------------------------------------\r\nexport const setOrphansAmount = (sponID, orphanID, newAmount, lang) =>\r\n axios.get(\r\n `${baseURL}/update_orphan_payment?sponsor_id=${sponID}&orphan_id=${orphanID}&amount=${newAmount}&language=${lang}`\r\n );\r\nexport const getAidConstraint = () =>\r\n axios.get(`${baseURL}/aid_upload_constraints`);\r\n\r\nexport const setOrphansPaymentCard = (\r\n email,\r\n sponsor_id,\r\n orphan_id,\r\n new_card,\r\n lang\r\n) =>\r\n axios.get(\r\n `${baseURL}/update_orphan_card?email=${email}&sponsor_id=${sponsor_id}&orphan_id=${orphan_id}&new_card=${new_card}&device_id=WEBAPP&language=${lang}`\r\n );\r\n\r\nexport const setOrphansPaymentCardAll = async (\r\n email,\r\n sponsor_id,\r\n orphan_id,\r\n new_card,\r\n device_id,\r\n lang\r\n) =>\r\n await axios({\r\n method: \"GET\",\r\n url:\r\n `${baseURL}/update_orphan_card_all?` +\r\n new URLSearchParams({\r\n email: email,\r\n sponsor_id: sponsor_id,\r\n new_card: new_card,\r\n device_id: device_id,\r\n language: lang,\r\n }) +\r\n orphan_id.map((item) => \"&orphan_id=\" + item).join(\"\"),\r\n mode: \"no-cors\",\r\n });\r\n//-------------------Contact us apis--------------------------------------------------\r\n\r\n// export const contactUsLookup = () => axios.post(`https://mobapp.rcuae.ae/MOBAPP_V3/ERC_MOB_V2_WS.asmx/contact_us_lookup`);\r\nexport const contactUsLookup = (langNumber) =>\r\n axios.get(`${baseURL}/contact_us_lookup?language=${langNumber}`);\r\n\r\n// export const contactUs = (formData) => axios.post(`https://mobapp.rcuae.ae/MOBAPP_V3/ERC_MOB_V2_WS.asmx/contact_us`, formData);\r\nexport const contactUs = (query) => axios.get(`${baseURL}/contact_us${query}`);\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const getOrphanSliders = (langString) =>\r\n axios.get(`${baseURL}/orphan_slider?P_LANG=${langString}`);\r\n\r\n//---------------------------------------------------------------------\r\n\r\n// --------Add card api--------\r\nexport const addCardApi = (query) => axios.get(`${baseURL}/add_card${query}`);\r\n\r\n//tokenize api\r\n// Done\r\nexport const tokenizeCard = (expMonth, expYear, cardNumber, securityNumber) =>\r\n axios.post(`${baseURL}/tokenize_card`, {\r\n card: {\r\n number: cardNumber,\r\n expiryMonth: expMonth,\r\n expiryYear: expYear,\r\n cvc: securityNumber,\r\n },\r\n });\r\n\r\n//delete card\r\nexport const deleteCard = (email, token) =>\r\n axios.get(`${baseURL}/delete_paymentmethod?email=${email}&token=${token}`);\r\n//get cards\r\nexport const getPaymentMethod = (email) =>\r\n axios.get(`${baseURL}/get_cards?email=${email}`);\r\nexport const getDonations = (lang, device_type) =>\r\n axios.get(\r\n `${baseURL}/donation_list?language=${lang}&device_type=${device_type}`\r\n );\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const getCompaginsSlider = (langNumber, device_type) =>\r\n axios.get(\r\n `${baseURL}/get_campaigns?language=${langNumber}&device_type=${device_type}`\r\n );\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const getHumanCases = (langNumber) =>\r\n axios.get(`${baseURL}/human_cases?language=${langNumber}`);\r\n\r\nexport const getProjectShares = (langNumber) =>\r\n axios.get(`${baseURL}/project_sharing_list_active?language=${langNumber}`);\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const signUp = (options) =>\r\n axios.get(\r\n `${baseURL}/creatacc2?login_type=${\r\n options.login_type +\r\n \"&passwrd=\" +\r\n options.passwrd +\r\n \"&email=\" +\r\n options.email +\r\n \"&mobile_no=\" +\r\n options.mobile_no +\r\n \"&uid_no=\" +\r\n options.uid_no +\r\n \"&usr_name=\" +\r\n options.usr_name\r\n }`\r\n );\r\nexport const signIn = (options) =>\r\n axios({\r\n method: \"POST\",\r\n url: `${baseURL}/user_login`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams({\r\n login_type: options.login_type,\r\n password: options.password,\r\n user_id: options.user_id,\r\n }),\r\n });\r\nexport const emailChecker = (email) =>\r\n axios.get(`${baseURL}/check_acc?user_name=${email}`);\r\nexport const otpVerfication = (userData) =>\r\n //\"&otp_mob=\" +userData.otpMob +\r\n axios.get(\r\n `${baseURL}/vldnwacc2?email=${\r\n userData.email +\r\n \"&otp=\" +\r\n userData.otpEmail +\r\n \"&vln_id=\" +\r\n userData.vln_id +\r\n \"&persn_id=\" +\r\n userData.persn_id +\r\n \"&sponser_id=\" +\r\n userData.sponser_id\r\n }`\r\n );\r\nexport const updateNumber = async (userData) =>\r\n await axios.get(\r\n `${baseURL}/update_number?new_number=${\r\n userData.new_number + \"&user_email=\" + userData.user_email\r\n }`\r\n );\r\nexport const confirmPhoneOtp = async (userData) =>\r\n await axios.get(\r\n `${baseURL}/confirm_phone_otp?new_number=${\r\n userData.new_number +\r\n \"&user_email=\" +\r\n userData.user_email +\r\n \"&otp=\" +\r\n userData.otp\r\n }`\r\n );\r\nexport const reSendOTP = (email) =>\r\n axios.get(`${baseURL}/resend_otp?email=${email}`);\r\nexport const resetPassReq = (userData) =>\r\n axios.get(\r\n `${baseURL}/reset_pass?user_id=${\r\n userData.email + \"&otp_type=\" + userData.otp_type\r\n }`\r\n );\r\nexport const resetPassOTP = (userData) =>\r\n axios.get(\r\n `${baseURL}/forget_pass_otp?email=${\r\n userData.email + \"&otp=\" + userData.otp\r\n }`\r\n );\r\nexport const updatePassword = (userData) =>\r\n axios.get(\r\n `${baseURL}/update_password?email=${\r\n userData.email + \"&newPassword=\" + userData.newPassword\r\n }`\r\n );\r\nexport const gettingTheAccount = (userID) =>\r\n axios.get(`${baseURL}/forgot_account?userID=${userID}`);\r\n\r\nexport const changeUserPassword = (userID, newPassword) =>\r\n axios.get(\r\n `${baseURL}/update_password_logged_in?email=${userID}&newPassword=${newPassword}`\r\n );\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const getOrphans = (langNumber) =>\r\n axios.get(`${baseURL}/allorphan_available?language=${langNumber}`);\r\n\r\nexport const getEventsTracker = (langNumber) =>\r\n axios.get(`${baseURL}/events_timeline?language=${langNumber}`);\r\n\r\nexport const getTutorials = (langNumber) =>\r\n axios.get(`${baseURL}/tutorial_screens?language=${langNumber}`);\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const regularPayment = (regularPaymentBody) =>\r\n axios({\r\n method: \"POST\",\r\n url: `${baseURL}/init_pay`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n data: {\r\n MCO: \"\",\r\n payment_type: regularPaymentBody.payment_type,\r\n device_type: \"WEBAPP\",\r\n tokn: regularPaymentBody.tokn,\r\n bag: regularPaymentBody.bag,\r\n },\r\n });\r\nexport const confirmPayment = (body) =>\r\n axios({\r\n method: \"POST\",\r\n url: `${baseURL}/update_cart`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams({ MCO: body.MCO, MCToken: body.token }),\r\n });\r\nexport const validateApplePay = async (url, location) => {\r\n var res = await axios.get(\r\n `${baseURL}/validate_apple?validationURL=${url}&location=${location}`\r\n );\r\n return res.data;\r\n};\r\nexport const validateSamsungPay = async (body) =>\r\n await axios({\r\n method: \"POST\",\r\n url: `${baseURL}/validate_samsung`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams({ amount: body.amount, callback: body.url }),\r\n });\r\nexport const addExtraSponsors = async (data) =>\r\n await axios({\r\n method: \"POST\",\r\n url: `${baseURL}/add_sponsors_to_account`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n data: data,\r\n });\r\nexport const getSamsungPay = async (body) =>\r\n await axios({\r\n method: \"POST\",\r\n url: `${baseURL}/get_samsung_token`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams({ ref_id: body }),\r\n });\r\n\r\n// export const randomNumber = () =>\r\n// axios.get(\"https://mobapp.rcuae.ae/MOBAPP_V3/ERC_MOB_V2_WS.asmx/get_mco\");\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const getCourses = (langNumber) =>\r\n axios.get(`${baseURL}/course_lookup?language=${langNumber}`);\r\n// TODO should not be static countries?\r\nexport const getCountriesForVolun = (langNumber) =>\r\n axios.get(`${baseURL}/country_lookup?language=${langNumber}`);\r\n\r\n//---------------------------------------------------------------------\r\n\r\nexport const getRelatives = (langString, pUserID) =>\r\n axios.get(\r\n `${baseURL}/local_aids_family_members?p_user_id=${\r\n pUserID + \"&Lang=\" + langString\r\n }`\r\n );\r\nexport const getLocalAidProfile = (langString, pUserID) =>\r\n axios.get(\r\n `${baseURL}/local_aids_file_info?p_user_id=${\r\n pUserID + \"&Lang=\" + langString\r\n }`\r\n );\r\nexport const getLocalAidCompletedRequ = (langString, pUserID) =>\r\n axios.get(\r\n `${baseURL}/local_aids_old_aids_details?p_user_id=${\r\n pUserID + \"&Lang=\" + langString\r\n }`\r\n );\r\nexport const getLocalAidReturnedRequ = (langString, pUserID) =>\r\n axios.get(\r\n `${baseURL}/UserLocalAidsRequestsReturned?user_id=${\r\n pUserID + \"&Lang=\" + langString\r\n }`\r\n );\r\nexport const getLocalAidPendingRequ = (langString, UserID) =>\r\n axios.get(\r\n `${baseURL}/UserLocalAidsRequestsPending?user_id=${\r\n UserID + \"&Lang=\" + langString\r\n }`\r\n );\r\nexport const getLocalAidTypes = (langString, PUserID, pRequYear) =>\r\n axios.get(\r\n `${baseURL}/AIDSTYPE_ALL?P_PERSON_ID=${\r\n PUserID + \"&Lang=\" + langString + \"&P_REQ_YEAR=\" + pRequYear\r\n }`\r\n );\r\n//insertProfileformData---Register For Local AID---\r\n\r\n//---------------------------------------------------------------------\r\n\r\n// Using MOBAPP_V3 and ERC_MOB_V3\r\nexport const getVolunteerDetails = (volunteerID, langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_details?volunteerID=${volunteerID}&language=${langNumber}`\r\n );\r\nexport const getTotalHourSpentAsVolunteer = (volunteerID, langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_participations?volunteerID=${volunteerID}&language=${langNumber}`\r\n );\r\nexport const getVolunteerAndAcademicDetails = (volunteerID) =>\r\n APIForVolunteerV3V2.get(`REQUEST_FORM_DATA?vln_id=${volunteerID}`);\r\nexport const getVolunteerCourses = (volunteerID, langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_courses?volunteerID=${volunteerID}&language=${langNumber}`\r\n );\r\nexport const getCourseLookup = (langNumber) =>\r\n APIForVolunteerV3V2.get(`course_lookup?language=${langNumber}`);\r\nexport const getCountryLookup = (langNumber) =>\r\n APIForVolunteerV3V2.get(`country_lookup?language=${langNumber}`);\r\nexport const getEduQualLookUp = (langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_education_all_lookup?language=${langNumber}`\r\n );\r\nexport const addVolunteerCourse = (\r\n volunteerID,\r\n courseID,\r\n trainingLocation,\r\n startDate,\r\n endDate,\r\n countryID\r\n) =>\r\n APIForVolunteerV3V2.get(\r\n `vln_course_insert?volunteerID=${volunteerID}&courseID=${courseID}&trainingLocation=${trainingLocation}&startDate=${startDate}&endDate=${endDate}&countryID=${countryID}`\r\n );\r\nexport const getVolunteerLanguageDetails = (langNumber, volunteerID) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_languages?language=${langNumber}&volunteerID=${volunteerID}`\r\n );\r\nexport const addVolunteerLanguage = (langNumber, volunteerID, level) =>\r\n APIForVolunteerV3V2.get(\r\n `vln_language_insert?languageID=${langNumber}&volunteerID=${volunteerID}&level=${level}`\r\n );\r\nexport const getAllLanguages = (langNumber) =>\r\n APIForVolunteerV3V2.get(`language_lookup?language=${langNumber}`);\r\nexport const getAllLevels = (langNumber) =>\r\n APIForVolunteerV3V2.get(`level_lookup?language=${langNumber}`);\r\n\r\nexport const getVolunteerAbilities = (volunteerID, langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_abilities?language=${langNumber}&volunteerID=${volunteerID}`\r\n );\r\nexport const getAbilitesLookup = (langNumber) =>\r\n APIForVolunteerV3V2.get(`abilities_lookup?language=${langNumber}`);\r\nexport const addVolunteerAbilities = (abilityID, volunteerID, remarks) =>\r\n APIForVolunteerV3V2.get(\r\n `vln_abilities_insert?abilityID=${abilityID}&volunteerID=${volunteerID}&remarks=${remarks}`\r\n );\r\n\r\nexport const getAllPrograms = (langNumber) =>\r\n APIForVolunteerV3V2.get(`vln_program_lookup?language=${langNumber}`);\r\nexport const getVolunteerPrograms = (volunteerID, langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_programs?volunteerID=${volunteerID}&language=${langNumber}`\r\n );\r\nexport const addVolunteerPrograms = (programID, volunteerID) =>\r\n APIForVolunteerV3V2.get(\r\n `vln_program_insert?programID=${programID}&volunteerID=${volunteerID}`\r\n );\r\n\r\nexport const getVolunteerEvents = (volunteerID, langNumber) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_events?volunteerID=${volunteerID}&language=${langNumber}`\r\n );\r\nexport const getVolunteerEventDetails = (\r\n langNumber,\r\n volunteerID,\r\n eventID,\r\n eventYear\r\n) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_event_details?language=${langNumber}&volunteerID=${volunteerID}&eventID=${eventID}&eventYear=${eventYear}`\r\n );\r\n\r\nexport const getAllEServices = (langNumber, volunteerID) =>\r\n APIForVolunteerV3V2.get(`volunteer_services_new?language=${langNumber}&volunteerID=${volunteerID}`);\r\n\r\nexport const getBranchDetails = (langString) =>\r\n APIForVolunteerV3V2.get(`workplace_lookup?language=${langString}`);\r\n\r\nexport const 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 whatsapp,\r\n maritalStatus\r\n) =>\r\n axios.get(\r\n `${baseURL}/volunteer_create?volunteerNameArabic=${arabNAme}&volunteerNameEnglish=${engNAme}&mobile=${mobNumber}&email=${email}&eid=${eid}&password=${password}&workplaceID=${workSpaceID}&gender=${gender}&dateOfBirth=${DOB}&contactLanguage=${langToConatct}&nationality=${nationality}&job=${job}&placeOfWork=${placeOfWork}&whatsapp=${whatsapp}&maritalStatus=${maritalStatus}`\r\n );\r\nexport const uploadVolunteerProfilePic = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_pic`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\n\r\n export const uploadVolunteerIntroduction = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_introduction`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\nexport const uploadVolunteerJobDetails = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_job`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\nexport const uploadVolunteereduDetails = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_edu`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\nexport const uploadVolunteerNathDetails = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_eid2`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\nexport const uploadVolunteerResiDetails = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_residence`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\nexport const uploadVolunteerPassDetails = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/upload_volunteer_passport`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\nexport const checkingUserRegisterStepss = (vlnID) =>\r\n APIForVolunteerV3V2.get(`check_volunteer_progress?volunteerID=${vlnID}`);\r\nexport const linkingVlnAccount = (email, vlnEID) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_check_link?account_link_email=${email}&volunteer_id=${vlnEID}`\r\n );\r\nexport const sendingOTPForVln = (email, vlnID) =>\r\n APIForVolunteerV3V2.get(\r\n `volunteer_link_send_otp?account_link_email=${email}&volunteer_id=${vlnID}&otp_type=MOBILE`\r\n );\r\nexport const confirmLinking = (email, vlnID, otp) =>\r\n APIForVolunteerV3V2.get(\r\n `confirm_otp_volunteer_link?account_link_email=${email}&volunteer_id=${vlnID}&otp=${otp}`\r\n );\r\n\r\nexport const getMarriage = (lang) =>\r\n APIForVolunteerV3V2.get(`marriage_lookup?language=${lang}`);\r\nexport const getJobs = (lang) =>\r\n APIForVolunteerV3V2.get(`job_lookup?language=${lang}`);\r\nexport const getJobsNew = (lang) =>\r\n APIForVolunteerV3V2.get(`volunteer_job_list?language=${lang}`);\r\nexport const getHealthStatus = (lang) =>\r\n APIForVolunteerV3V2.get(`health_lookup?language=${lang}`);\r\nexport const getRelationshipStatus = (lang) =>\r\n APIForVolunteerV3V2.get(`relation_lookup?language=${lang}`);\r\n//---------------------------------------------------------------------\r\nexport const signInWithSocial = (email, socialID, username, login_type) =>\r\n axios.get(\r\n `${baseURL}/SocialAccountSignIn?email=${email}&socialID=${socialID}&username=${username}&login_type=${login_type}`\r\n );\r\nexport const signInWithUAEPASS = (code, state, redirect_uri) =>\r\n axios.get(\r\n `${baseURL}/uae_pass_auth?code=${code}&state=${state}&redirect_uri=${redirect_uri}`\r\n );\r\nexport const signInWithUAEPASS_Setup = (data) =>\r\n axios({\r\n url: `${baseURL}/uae_pass_auth_setup`,\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n data: data,\r\n });\r\nexport const signInWithUAEPASS_Setup_OTP = (data) =>\r\n axios({\r\n url: `${baseURL}/verify_uae_otp`,\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n data: data,\r\n });\r\nexport const getFacebookEmail = (access_token) =>\r\n axios.get(\r\n `https://graph.facebook.com/v12.0/me?fields=id%2Cemail%2Cname&access_token=${access_token}`\r\n );\r\n\r\nexport const linkLocalAidRequest = (formData) =>\r\n axios.get(\r\n `${baseURL}/link_local_aid_request?account_link_email=${formData.account_link_email}&local_aid_EID=${formData.eid}`,\r\n formData\r\n );\r\n\r\nexport const localAidSendOtp = (email, personId) =>\r\n axios.get(\r\n `${baseURL}/local_aid_send_otp?account_link_email=${email}&person_id=${personId}&otp_type=MOBILE`\r\n );\r\nexport const confirmOtpLocalAidLink = (email, personId, otp) =>\r\n axios.get(\r\n `${baseURL}/confirm_otp_local_aid_link?account_link_email=${email}&person_id=${personId}&otp=${otp}`\r\n );\r\nexport const sms = (dontypeId) =>\r\n axios({\r\n url: `${baseURL}/SMS_DONATION`,\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams({ DONTYPE_ID: dontypeId }),\r\n });\r\nexport const smsHuman = (caseID) =>\r\n axios({\r\n url: `${baseURL}/SMS_DONATION_HUMAN`,\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams({ case_id: caseID }),\r\n });\r\n\r\nexport const getFinalReciept = (or, lng) =>\r\n axios.get(`${baseURL}/receipt?mco=${or}&language=${lng}`);\r\n// ==========Parteners==============\r\nexport const getParteners = (lng) =>\r\n axios.get(`${baseURL}/partners_list?language=${lng}&device_type=WEBAPP`);\r\n// ============Address type===========\r\nexport const getAddressTypes = (language) =>\r\n axios.get(`${baseURL}/local_aid_address_status?language=${language}`);\r\n\r\nexport const RemoveAllFromBag = (userID, language) =>\r\n axios.get(`${baseURL}/remove_cart_all?userID=${userID}&language=${language}`);\r\n\r\n// ============Get emirates===========\r\nexport const getEmirates = (language) =>\r\n axios.get(`${baseURL}/emirate_location?language=${language}`);\r\n\r\nexport const uploadLocalAidFiles = (data) =>\r\n axios.post(`${baseURL}/local_aid_file_attachment`, data, {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n });\r\n\r\nexport const reSubmitReturnedLocalAid = (data) =>\r\n axios.post(`${baseURL}/update_returned_request`, data, {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n });\r\n\r\nexport const submitLocalAidRequest = (data) =>\r\n axios.post(`${baseURL}/aid_request`, data, {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n });\r\n\r\n//============Favorites=============\r\nexport const getFavorites = (userID, language) =>\r\n axios.get(\r\n `${baseURL}/get_favorites_new?userID=${userID}&language=${language}`\r\n );\r\nexport const deleteFavorites = (email, favoriteID, language) =>\r\n axios.get(\r\n `${baseURL}/delete_favorite?email=${email}&favoriteID=${favoriteID}&language=${language}`\r\n );\r\nexport const addFavorites = (itemData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/add_favorites`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: itemData,\r\n });\r\n\r\nexport const getAllGraceList = (langNumber) =>\r\n APIForVolunteerV3V2.get(`grace_list?language=${langNumber}`);\r\n\r\nexport const graceRequest = (query) =>\r\n axios.get(`${baseURL}/grace_request${query}`);\r\n\r\nexport const graceCost = (query) => axios.get(`${baseURL}/grace_cost`);\r\n\r\nexport const getLocalAIDData = (req_id, req_year, language) =>\r\n axios.get(\r\n `${baseURL}/get_aid_details?req_id=${req_id}&req_year=${req_year}&language=${language}`\r\n );\r\n\r\nexport const enrollEvent = (event_id, event_year, vln_id) =>\r\n axios({\r\n url: `${baseURL}/enroll_event`,\r\n method: \"POST\",\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n data: {\r\n eventDetails: {\r\n event_id: event_id,\r\n event_year: event_year,\r\n vln_id: vln_id,\r\n },\r\n },\r\n });\r\n\r\nexport const createPaymentSession = (data) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/create_payment_session`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: { data: data },\r\n });\r\n\r\nexport const encryptPaymentData = async (data) => {\r\n return await axios({\r\n method: \"post\",\r\n url: `${baseURL}/encrypt_data`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: { data: data },\r\n });\r\n};\r\n\r\nexport const decryptPaymentData = (data) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/decrypt_data`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: { data: data },\r\n });\r\n\r\nexport const checkGraceOption = () => axios.get(`${baseURL}/grace_pay_option`);\r\nexport const showAdvertisement = (data) =>\r\n axios({\r\n method: \"POST\",\r\n url: `${baseURL}/show_advertisement`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n },\r\n data: new URLSearchParams(data),\r\n });\r\n\r\nexport const getShareProjects = (langNumber) =>\r\n axios.get(`${baseURL}/project_sharing_list?language=${langNumber}`);\r\n\r\nexport const getProjectPDF = (sponserID, project_id, project_year, report_id) =>\r\n axios({\r\n method: \"GET\",\r\n url: `${baseURL}/project_report_pdf?sponser_id=${sponserID}&project_id=${project_id}&project_year=${project_year}&report_id=${report_id}`,\r\n mode: \"no-cors\",\r\n responseType: \"arraybuffer\",\r\n headers: {\r\n \"Content-Type\": \"application/pdf\",\r\n \"Content-Transfer-Encoding\": \"binary\",\r\n \"Accept-Ranges\": \"bytes\",\r\n },\r\n });\r\n\r\nexport const getVolunteerCoursePDF = (volunteerID, courseID, language) =>\r\n axios({\r\n method: \"GET\",\r\n url: `${baseURL}/volunteer_certificate_pdf?volunteerID=${volunteerID}&courseID=${courseID}&language=${language}`,\r\n mode: \"no-cors\",\r\n responseType: \"arraybuffer\",\r\n headers: {\r\n \"Content-Type\": \"application/pdf\",\r\n \"Content-Transfer-Encoding\": \"binary\",\r\n \"Accept-Ranges\": \"bytes\",\r\n },\r\n });\r\n\r\nexport const getVolunteerTerms = (langNumber) =>\r\n axios.get(`${baseURL}/volunteer_terms_document?language=${langNumber}`);\r\n\r\nexport const getVolunteerIntro = (langNumber) =>\r\n axios.get(`${baseURL}/volunteer_introduction_pdf?language=${langNumber}`);\r\n\r\n\r\n export const getProjectShareSingle = (req_id, req_year, langNumber) =>\r\n axios.get(`${baseURL}/project_sharing_single?req_id=${req_id}&req_year=${req_year}&language=${langNumber}`);\r\n","import { APIForVolunteerV3V2, tokenizeCard, deleteCard } from \".\";\r\nimport { addCardApi } from \".\";\r\n\r\nexport const submitExtraSponser = (email, mobile) =>\r\n APIForVolunteerV3V2.get(\r\n `link_sponsor_request?user_email=${email}&sponsor_mobile=${mobile}`\r\n );\r\n export const submitExtraSponserOTP = (email, mobile, otp) =>\r\n APIForVolunteerV3V2.get(\r\n `confirm_otp_sponsor_link_new?user_email=${email}&sponsor_mobile=${mobile}&otp=${otp}`\r\n );\r\n export const getDonationSummary = (sponserID, language, device_type) =>\r\n APIForVolunteerV3V2.get(\r\n `donation_summary?sponserID=${sponserID}&language=${language}&device_type=${device_type}`\r\n );\r\n export const getTransactionsSummary = (sponserID, language) =>\r\n APIForVolunteerV3V2.get(\r\n `sponsor_transactions?sponsor_id=${sponserID}&language=${language}`\r\n );\r\nexport const getMyOrphonFollowups = (sponserID, lang, orphanId) =>\r\n APIForVolunteerV3V2.get(\r\n `orphan_followup_reports?sponser_id=${sponserID}&Lang=${lang}&orphan_id=${orphanId}`\r\n );\r\nexport const getMyOrphons = (sponserID, lang) =>\r\n APIForVolunteerV3V2.get(`my_orp?sponser_id=${sponserID}&Lang=${lang}`);\r\n export const getMyNotifications = (email, language) =>\r\n APIForVolunteerV3V2.get(\r\n `get_notifications?email=${email}&language=${language}`\r\n );\r\n export const readMyNotifications = (email) =>\r\n APIForVolunteerV3V2.get(\r\n `read_all_notification?email=${email}`\r\n );\r\n\r\nexport const addCard = (email, token) =>\r\n addCardApi(`?email=${email}&Token=${token}`);\r\n\r\nexport const tokenize = (expMonth, expYear, cardNumber, securityNumber) =>\r\n tokenizeCard(expMonth, expYear, cardNumber, securityNumber);\r\n\r\nexport const deletCard = (email, token) => deleteCard(email, token);\r\nexport const getLatePaymentsByOrp = (sponserID, language, orphanID) =>\r\n APIForVolunteerV3V2.get(\r\n `late_payment_check?sponsorID=${sponserID}&language=${language}&orphanID=${orphanID}`\r\n );\r\nexport const getAllLatePayments = (sponserID, language) =>\r\n APIForVolunteerV3V2.get(\r\n `all_late_payment_check?sponsorID=${sponserID}&language=${language}`\r\n );\r\n export const getAllProjects = (sponserID, language) =>\r\n APIForVolunteerV3V2.get(\r\n `sponsors_projects?sponsorID=${sponserID}&language=${language}`\r\n );\r\n\r\n export const getAllSharedProjects = (email, language) =>\r\n APIForVolunteerV3V2.get(\r\n `user_project_shares?email=${email}&language=${language}`\r\n );\r\n\r\n\r\nexport const getProjectsReport = (sponserID, project_id, project_year) =>\r\n APIForVolunteerV3V2.get(\r\n `project_report_all?sponser_id=${sponserID}&project_id=${project_id}&project_year=${project_year}`\r\n );\r\nexport const editProfile = async (data) =>\r\n await APIForVolunteerV3V2.get(\r\n `update_profile?user_email=${data.user_email}&new_userName=${data.new_userName}&new_DOB=${data.new_DOB}&new_EID=${data.new_EID}`\r\n );\r\n\r\nexport const uploadProfilePic = async (data) =>\r\n await APIForVolunteerV3V2.post(`update_profile_pic`, data);\r\n","import { APIForVolunteerV3V2, baseURL } from \".\";\r\nimport axios from \"axios\";\r\n\r\n\r\nexport const addToBag = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/add_cart_item`,\r\n mode: \"no-cors\",\r\n headers: {\r\n \"Content-Type\": \"application/json\"\r\n },\r\n data: userData,\r\n });\r\n \r\nexport const getBagItems = (userID, langNumber) => axios.get(`${baseURL}/get_cart_items_new?userID=${userID}&language=${langNumber}`);\r\nexport const deleteFromBag = (userID, cartSerial, language, orphan_serial) => axios.get(`${baseURL}/remove_item_cart?userID=${userID}&cartID=${cartSerial}&language=${language}&orphan_serial=${orphan_serial}`);\r\n\r\n//-----------------------------------------------------------------------------\r\n\r\nexport const addToFavorites = (userData) =>\r\n axios({\r\n method: \"post\",\r\n url: `${baseURL}/add_favorites`,\r\n mode: \"no-cors\",\r\n headers: {},\r\n data: userData,\r\n });\r\n export const getFavoritesItems = (userID, langNumber) => axios.get(`${baseURL}/get_favorites_new?userID=${userID}&language=${langNumber}`);\r\n export const deleteFromFavorites = (langNumber, userID, favID) => axios.get(`${baseURL}/delete_favorite?email=${userID}&favoriteID=${favID}&language=${langNumber}`);\r\n\r\n","import \"animate.css/animate.min.css\";\r\nimport React, { Component, useEffect } from 'react';\r\nimport { toast, ToastContainer, cssTransition } from \"react-toastify\";\r\nimport i18n from \"i18next\";\r\nimport \"./toastifyMessage.module.css\";\r\n/**\r\n * Function returns toast component with translated message depends on selected language.\r\n * @param msg the message to be tosted out.\r\n * @param ext optional value to append to the message.\r\n * @param errType the type of toast message, e.g. [success, error, warning]. Default type is \"info\".\r\n * @param div optional prop for messages to display in custom block. Messages sent in this prop are not translated.\r\n */\r\nexport const toastifyMessage = (message: string, extra: any, errorType: string, blockMessage: any) => {\r\n const language = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n const bounce = cssTransition({\r\n enter: \"animate__animated animate__bounceIn\",\r\n exit: \"animate__animated animate__bounceOut\"\r\n });\r\n toast.configure({\r\n position: language === 'arab' ? toast.POSITION.TOP_LEFT : toast.POSITION.TOP_RIGHT,\r\n rtl: language === \"arab\" ? true : false,\r\n limit: 3,\r\n transition: bounce,\r\n autoClose: 3500,\r\n });\r\n\r\n let component = (props) => (\r\n { props }\r\n );\r\n try {\r\n\r\n if (blockMessage) {\r\n component = (blockMessage);\r\n }\r\n else {\r\n component = (\r\n \r\n {i18n.t(message)}\r\n {\r\n typeof (extra) == \"object\" ? (\r\n Object.values(extra)?.map(element => (
()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/)? 'english_font':null:null }}>{i18n.t(extra != undefined ? extra : \"\")}
)\r\n )\r\n }\r\n \r\n );\r\n }\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\")\r\n }\r\n switch (errorType) {\r\n case \"warning\":\r\n toast.warning(component);\r\n break;\r\n case \"error\":\r\n toast.error(component);\r\n break;\r\n case \"success\":\r\n toast.success(component);\r\n break;\r\n default:\r\n toast.info(component);\r\n break;\r\n }\r\n toast.clearWaitingQueue();\r\n};\r\n","import { FETCH_ALL_FAVORITES, FETCH_ALL_BAG_ITEMS, DELETE_FROM_BAG, ADD_ITEM_TO_BAG, DELETE_FROM_FAVORITES, LOAD_BAG, BAG_LOADED, LOADED_FAVORITES, LOAD_FAVORITES, FETCH_LOCALLY } from \"../constants/actionTypes\";\r\nimport * as bagAPIs from \"../api/addTo\";\r\nimport { toastifyMessage } from \"../handlers/toastifyMessage\";\r\n\r\nexport const handleAddToBag = async (itemType, str, setChange, change, dispatch) => {\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n\r\n const DON_TYPE = {\r\n DONATION: 0,\r\n ORPHANS: 1,\r\n PROJECT: 2,\r\n VOLUNTEER: 3,\r\n HUMAN: 4,\r\n RENEWAL: 5,\r\n LATE: 6,\r\n GIFT: 7\r\n }\r\n\r\n const DON_ID = {\r\n DONATION: 0,\r\n ORPHANS: 1,\r\n PROJECT: 8,\r\n VOLUNTEER: 161,\r\n HUMAN: 158,\r\n RENEWAL: 1,\r\n LATE: 1,\r\n GIFT: 1\r\n }\r\n\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n let visitor = JSON.parse(localStorage.getItem(\"visitorDetails\"));\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n \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\r\n\r\n if(itemType === \"donations\")\r\n {\r\n currentProfile.cart[itemType].push({ ...str, baseAmount: str.amount });\r\n\r\n if(currentProfile.cart[itemType].filter((item) => parseInt(str.amount) !== parseInt(item.baseAmount) && str.donationId === item.donationId && str.donationFreq === item.donationFreq).length > 0)\r\n {\r\n const filteredArray = currentProfile.cart[[itemType]].filter((item) => str.donationId === item.donationId && str.donationFreq === item.donationFreq)\r\n\r\n const newBaseAmount = filteredArray.reduce(\r\n (previousValue, currentValue) => parseInt(previousValue) + parseInt(currentValue.baseAmount),\r\n 0\r\n );\r\n currentProfile.cart[itemType] = currentProfile.cart[itemType].filter((item) => item.donationId !== str.donationId || str.donationFreq !== item.donationFreq)\r\n currentProfile.cart[itemType].push({...str, baseAmount: newBaseAmount, amount: newBaseAmount})\r\n }\r\n }\r\n else if( itemType === \"sukuks\")\r\n {\r\n currentProfile.cart[itemType].push({ ...str, baseAmount: str.amount, baseFreq: str.donationFreq, dateOfAdding: new Date().getTime() });\r\n\r\n if(currentProfile.cart[itemType].filter((item) => parseInt(str.amount) !== parseInt(item.baseAmount) && str.sukId === item.sukId && str.donationFreq === item.baseFreq).length > 0)\r\n {\r\n const filteredArray = currentProfile.cart[[itemType]].filter((item) => str.sukId === item.sukId && str.donationFreq === item.baseFreq)\r\n const newBaseAmount = filteredArray.reduce(\r\n (previousValue, currentValue) => parseInt(previousValue) + parseInt(currentValue.baseAmount),\r\n 0\r\n );\r\n currentProfile.cart[itemType] = currentProfile.cart[itemType].filter((item) => item.sukId !== str.sukId || str.donationFreq !== item.baseFreq)\r\n currentProfile.cart[itemType].push({...str, baseAmount: newBaseAmount, amount: newBaseAmount , baseFreq: str.donationFreq, dateOfAdding: new Date().getTime()})\r\n\r\n }\r\n }\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 toastifyMessage(\"Added!\", undefined, \"success\");\r\n } else {\r\n await dispatch(\r\n addToBag({\r\n cart: {\r\n donID: str?.donationId? str?.donationId: str?.sukId,\r\n userName: userLogin.Results[0]?.name_a,\r\n userMob: userLogin.Results[0]?.mobile_no,\r\n userEmail: userLogin.Results[0]?.email,\r\n itemType: 0,\r\n amount: str?.amount,\r\n recuring: str?.donationFreq,\r\n cart_serial: null,\r\n },\r\n language: lng === \"arab\" ? 1 : 2,\r\n })\r\n );\r\n }\r\n\r\n}\r\n\r\nexport const addToBag = (myobject, onHide, str, history) => async (dispatch) => {\r\n let cart = {}\r\n let item = myobject.cart\r\n if (item.length > 0 && myobject.from === 'camPop') {\r\n cart = {\r\n \"bag\": [...item]\r\n }\r\n } else if (item.length > 0) {\r\n let newBag = []\r\n for (let i = 0; i < item.length; i++) {\r\n \r\n newBag.push({\r\n \"remarks\": item[i].remarks ? item[i].remarks : null,\r\n \"dontype_id\": item[i].donID,\r\n \"doner_name\": item[i].userName,\r\n \"mobile\": item[i].userMob,\r\n \"email\": item[i].userEmail,\r\n \"orptype_id\": item[i].orpTypeID ? item[i].orpTypeID : null,\r\n \"wrkplc_id\": item[i].workPlaceID ? item[i].workPlaceID : null,\r\n \"prj_name\": item[i].prj_name ? item[i].prj_name : null,\r\n \"projectYear\": item[i].projectYear ? item[i].projectYear : null,\r\n \"template_id\": item[i].template_id ? item[i].template_id : null,\r\n \"vln_id\": item[i].vln_id ? item[i].vln_id : null,\r\n \"vln_service_cod\": item[i].vln_service_cod ? item[i].vln_service_cod : null,\r\n \"vln_date_from\": item[i].vln_date_from ? item[i].vln_date_from : null,\r\n \"vln_date_to\": item[i].vln_date_to ? item[i].vln_date_to : null,\r\n \"vln_desc\": item[i].vln_desc ? item[i].vln_desc : null,\r\n \"Mastercard_order_id\": item[i].Mastercard_order_id ? item[i].Mastercard_order_id : null,\r\n \"item_id\": \"1\",\r\n \"item_type\": item[i].itemType,\r\n \"country_id\": item[i].country_id ? item[i].country_id : null,\r\n \"amount\": item[i].amount,\r\n \"recuring\": item[i].recuring ? item[i].recuring : null,\r\n \"month_count\": item[i].month_count ? item[i].month_count : null,\r\n \"humanCase\": item[i].humanCase ? item[i].humanCase : null,\r\n \"humanYear\": item[i].humanYear ? item[i].humanYear : null,\r\n \"valid_flag\": item[i].valid_flag ? item[i].valid_flag : null,\r\n \"sponsor_id\": item[i].sponsor_id ? item[i].sponsor_id : null,\r\n \"cart_serial\": item[i].cart_serial ? item[i].cart_serial : null,\r\n \"orphan_id\": item[i].orphan_id ? item[i].orphan_id : null,\r\n \"transaction_number\": item[i].transaction_number ? item[i].transaction_number : null,\r\n \"transaction_year\": item[i].transaction_year ? item[i].transaction_year : null,\r\n \"quantity\": item[i].quantity? item[i].quantity: 1,\r\n })\r\n }\r\n cart = {\r\n \"bag\": [...newBag]\r\n }\r\n\r\n } else {\r\n cart = {\r\n \"bag\": [{\r\n \"remarks\": item.remarks ? item.remarks : null,\r\n \"dontype_id\": item.donID,\r\n \"doner_name\": item.userName,\r\n \"mobile\": item.userMob,\r\n \"email\": item.userEmail,\r\n \"orptype_id\": item.orpTypeID ? item.orpTypeID : null,\r\n \"wrkplc_id\": item.workPlaceID ? item.workPlaceID : null,\r\n \"prj_name\": item.prj_name ? item.prj_name : null,\r\n \"projectYear\": item.projectYear ? item.projectYear : null,\r\n \"template_id\": item.template_id ? item.template_id : null,\r\n \"vln_id\": item.vln_id ? item.vln_id : null,\r\n \"vln_service_cod\": item.vln_service_cod ? item.vln_service_cod : null,\r\n \"vln_date_from\": item.vln_date_from ? item.vln_date_from : null,\r\n \"vln_date_to\": item.vln_date_to ? item.vln_date_to : null,\r\n \"vln_desc\": item.vln_desc ? item.vln_desc : null,\r\n \"Mastercard_order_id\": item.Mastercard_order_id ? item.Mastercard_order_id : null,\r\n \"item_id\": \"1\",\r\n \"item_type\": item.itemType,\r\n \"country_id\": item.country_id ? item.country_id : null,\r\n \"amount\": item.amount,\r\n \"recuring\": item.recuring ? item.recuring : null,\r\n \"month_count\": item.month_count ? item.month_count : null,\r\n \"humanCase\": item.humanCase ? item.humanCase : null,\r\n \"humanYear\": item.humanYear ? item.humanYear : null,\r\n \"valid_flag\": item.valid_flag ? item.valid_flag : null,\r\n \"sponsor_id\": item.sponsor_id ? item.sponsor_id : null,\r\n \"cart_serial\": item.cart_serial ? item.cart_serial : null,\r\n \"orphan_id\": item.orphan_id ? item.orphan_id : null,\r\n \"transaction_number\": item.transaction_number ? item.transaction_number : null,\r\n \"transaction_year\": item.transaction_year ? item.transaction_year : null,\r\n \"quantity\": item.quantity? item.quantity: 1,\r\n }]\r\n }\r\n }\r\n try {\r\n const { data } = await bagAPIs.addToBag({ bag: cart.bag, language: myobject.language });\r\n dispatch({ type: ADD_ITEM_TO_BAG, payload: data });\r\n if (str==='justEdit') {\r\n toastifyMessage(\"Modified!\", undefined, \"success\");\r\n } else {\r\n toastifyMessage(\"Added!\", undefined, \"success\");\r\n }\r\n if (onHide) {\r\n onHide()\r\n }\r\n if (history) {\r\n history.goBack()\r\n }\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\n\r\nexport const getItemsFromBag = (userID, langNumber) => async (dispatch) => {\r\n dispatch({ type: LOAD_BAG });\r\n try {\r\n const { data } = await bagAPIs.getBagItems(userID, langNumber);\r\n dispatch({ type: FETCH_ALL_BAG_ITEMS, payload: data });\r\n dispatch({ type: BAG_LOADED });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: BAG_LOADED });\r\n }\r\n};\r\nexport const deleteFromBag = (userID, cartSerial, language, orphan_serial, onHide) => async (dispatch) => {\r\n try {\r\n const { data } = await bagAPIs.deleteFromBag(userID, cartSerial, language, orphan_serial? orphan_serial: orphan_serial? orphan_serial: \"\");\r\n dispatch({ type: DELETE_FROM_BAG, payload: data });\r\n toastifyMessage(\"Removed!\", undefined, \"success\");\r\n if (onHide) {\r\n onHide()\r\n }\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\nexport const addToFavorites = (lng, item, str) => async (dispatch) => {\r\n let favoriteItem = {};\r\n if (str && str==='array') {\r\n if (item.length === 0) {\r\n favoriteItem = {\r\n \"language\": lng,\r\n \"favorites\": [{\r\n \"email\": item.userEmail,\r\n \"favoriteID\": \"\",\r\n \"dontypeID\": null,\r\n \"projectID\": null,\r\n \"orptypeID\": null,\r\n \"countryID\": null,\r\n \"projectYear\": null,\r\n }]\r\n }\r\n } else {\r\n favoriteItem = {\r\n \"language\": lng,\r\n \"favorites\": item\r\n }\r\n }\r\n \r\n } else {\r\n favoriteItem = {\r\n \"language\": lng,\r\n \"favorites\": [{\r\n \"email\": item.userEmail,\r\n \"favoriteID\": \"\",\r\n \"dontypeID\": item.dontypeID ? item.dontypeID : null,\r\n \"projectID\": item.projectID ? item.projectID : null,\r\n \"orptypeID\": item.orptypeID ? item.orptypeID : null,\r\n \"countryID\": item.countryID ? item.countryID : null,\r\n \"projectYear\": item.projectYear ? item.projectYear : null,\r\n }]\r\n }\r\n }\r\n try {\r\n const { data } = await bagAPIs.addToFavorites(favoriteItem);\r\n dispatch({ type: FETCH_ALL_FAVORITES, payload: data });\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};\r\n\r\nexport const getItemsFromFavorites = (userID, langNumber) => async (dispatch) => {\r\n dispatch({ type: LOAD_FAVORITES });\r\n try {\r\n const { data } = await bagAPIs.getFavoritesItems(userID, langNumber);\r\n dispatch({ type: FETCH_ALL_FAVORITES, payload: data });\r\n dispatch({ type: LOADED_FAVORITES });\r\n } catch (error) {\r\n //toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n dispatch({ type: LOADED_FAVORITES });\r\n }\r\n};\r\n\r\nexport const deleteFromFavorites = (lng, userID, favID) => async (dispatch) => {\r\n try {\r\n const { data } = await bagAPIs.deleteFromFavorites(lng, userID, favID);\r\n dispatch({ type: DELETE_FROM_FAVORITES, payload: data });\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n};","export default __webpack_public_path__ + \"static/media/close.aeec27d3.png\";","export default __webpack_public_path__ + \"static/media/logo.64dcfa29.png\";","export default __webpack_public_path__ + \"static/media/loginBCMob2.e64244ba.png\";","export default __webpack_public_path__ + \"static/media/loginBC.febba725.png\";","import React from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport \"./LoadingPopUp.css\";\r\n\r\nfunction LoadingModal(props) {\r\n return (\r\n\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 var userData = await api.signIn(loginBody);\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 const response = {\r\n error: `${userData.data[\"Results\"]}`,\r\n message: \"Please, check your credentials and try again.\",\r\n };\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 await dispatch({ type: AUTH, data: userData.data });\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 }\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(\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 (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 } 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\n//Social sign in part\r\nexport const signInWithGoogle =\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 userData = await api.signInWithSocial(\r\n loginBody.email,\r\n loginBody.googleId,\r\n loginBody.name,\r\n \"GOOGLE\"\r\n );\r\n let currentProfile = JSON.parse(localStorage.getItem(\"profile\"));\r\n let lng = JSON.parse(localStorage.getItem(\"language\")).lang;\r\n let res = { Results: [userData.data.Results], loginType: \"GOOGLE\" };\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: 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\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 //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 } 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 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 let res = { Results: [userData.data.Results], loginType: \"FACEBOOK\" };\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: 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 }\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 (!result.data.Results.emiratesID || !result.data.Results.mobile_no || !userData.data.Results.name_a) {\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\n export 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 (!result.data.Results[0].emiratesID || !result.data.Results[0].mobile_no || !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 }\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\n export 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\n export const getSPTransactionSummary =\r\n (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({ type: FETCH_ALL_TRANSACTIONSSUMMARY, payload: data.status? data.data : [] });\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","import React, {useState, useEffect} from \"react\";\r\n\r\nfunction Loading(props) {\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 - {i18n.t(fields.p2)}.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\nexport default Loading;\r\n","export default __webpack_public_path__ + \"static/media/نموذج طلب التدريب الصيفي.2dbb1cd6.pdf\";","import React, { useEffect, useRef, useState } from \"react\";\r\nimport \"./header.css\";\r\nimport ENG from \"../../../assets/flag.png\";\r\nimport UAE from \"../../../assets/united-arab-emirates.svg\";\r\nimport ERC from \"../../../assets/logo_desktop_whiteV2.svg\";\r\nimport favorites from \"../../../assets/qalb.png\";\r\nimport bagIcon from \"../../../assets/bag.png\";\r\n\r\nimport profileIcon from \"../../../assets/profile.png\";\r\nimport notficationIcon from \"../../../assets/notigicato.png\";\r\n\r\nimport ERCMob from \"../../../assets/rclogo-lightgray.png\";\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport HeaderSidebar from \"./sideMenuNavi/SideMenuNavi\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { readSPNotifications } from \"../../../actions/user\";\r\nimport Loading from \"../../ui/loading\";\r\nimport SummerForm from \"../../../assets/نموذج طلب التدريب الصيفي.pdf\";\r\nimport SupplierInvoiceGuide from \"../../../assets/supplier_invoice_guide.pdf\";\r\n\r\nconst Header = (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 [displayMenu1, setDisplayMenu1] = useState(false);\r\n const [displayMenu2, setDisplayMenu2] = useState(false);\r\n const [displayMenu3, setDisplayMenu3] = useState(false);\r\n\r\n const [openNorficationModal, setOpenNorficationModal] = useState(false);\r\n\r\n let currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n const fetchLoaclly = useSelector(state => state.fetchLocallyState)\r\n useEffect(() => {\r\n currentProfile = JSON.parse(localStorage.getItem('profile'));\r\n }, [fetchLoaclly])\r\n\r\n const Inner = (str) => {\r\n if (str === \"eng\") {\r\n localStorage.setItem(\"language\", JSON.stringify({ lang: \"en\" }));\r\n //props.setChangeOfLanguage(str)\r\n window.location.reload();\r\n } else {\r\n localStorage.setItem(\"language\", JSON.stringify({ lang: \"arab\" }));\r\n //props.setChangeOfLanguage(str)\r\n window.location.reload();\r\n }\r\n };\r\n const cartItemCounter = useSelector((state) => state.bag.bag);\r\n const [cartItemsCount, setCartItemsCount] = useState(0)\r\n const location = useLocation();\r\n useEffect(() => {\r\n if (!userLogin) {\r\n let length = 0\r\n for (const property in currentProfile?.cart) {\r\n length = currentProfile?.cart[property].length + length\r\n }\r\n if (length != null) {\r\n setCartItemsCount(length)\r\n }\r\n } else {\r\n if (cartItemCounter?.total != null) {\r\n setCartItemsCount(cartItemCounter?.total)\r\n }\r\n }\r\n\r\n }, [cartItemCounter, location, fetchLoaclly])\r\n const userInfo = useSelector((state) => {\r\n return state.auth.authData;\r\n });\r\n const allNotifications = useSelector((state) => {\r\n return state.auth.notifications;\r\n });\r\n const loadNotifications = useSelector((state) => {\r\n return state.auth.notificationLoading;\r\n });\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n window.scrollTo(10, 0);\r\n }, [location]);\r\n const switchOpen = () => {\r\n if (userLogin) {\r\n history.push(\"/profile\");\r\n } else {\r\n history.push(\"/auth\");\r\n }\r\n };\r\n const [notfications, setNotifications] = useState([])\r\n useEffect(() => {\r\n setNotifications(allNotifications)\r\n }, [allNotifications])\r\n const dispatch = useDispatch()\r\n const handleNotifications = () => {\r\n if (openNorficationModal) {\r\n setOpenNorficationModal(false)\r\n \r\n } else {\r\n if (notfications?.filter(item => !item.is_read).length > 0) {\r\n dispatch(readSPNotifications(userLogin.Results[0].email, lng === \"arab\" ? 1 : 2))\r\n }\r\n setOpenNorficationModal(true)\r\n }\r\n }\r\n function useOutsideAlerter(ref) {\r\n useEffect(() => {\r\n function handleClickOutside(event) {\r\n if (ref.current && !ref.current.contains(event.target)) {\r\n setOpenNorficationModal(false)\r\n // if (notfications?.filter(item => !item.is_read).length > 0) {\r\n // dispatch(readSPNotifications(userLogin.Results[0].email, lng === \"arab\" ? 1 : 2))\r\n // }\r\n }\r\n }\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleClickOutside);\r\n };\r\n }, [ref, notfications]);\r\n }\r\n\r\n const wrapperRef = useRef(null);\r\n useOutsideAlerter(wrapperRef);\r\n const openFromNav = (str) => {\r\n switch (str) {\r\n case \"home\":\r\n history.push(`/`);\r\n break;\r\n case \"donations\":\r\n history.push(`/donations`);\r\n break;\r\n case \"projects\":\r\n history.push(`/projects/all`);\r\n break;\r\n case \"categories\":\r\n history.push(`/categories`);\r\n break;\r\n case \"mybag\":\r\n history.push(`/mybag`);\r\n break;\r\n case \"contact_us\":\r\n history.push(`/contact-us`);\r\n break;\r\n case \"orphans\":\r\n history.push(`/beasponser/all`);\r\n break;\r\n default:\r\n history.push(`/`);\r\n break;\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 const pathnameStyle = {\r\n color: \"#ee4236\",\r\n backgroundColor: \"#fff\",\r\n boxShadow: \"0px 0px 3px 2px #ee4236\"\r\n };\r\n useEffect(() => {\r\n if (width > 900) {\r\n if (location.pathname === \"/\") {\r\n document.getElementById(\"home-nav\").style.color = pathnameStyle.color;\r\n document.getElementById(\"home-nav\").style.backgroundColor = pathnameStyle.backgroundColor;\r\n document.getElementById(\"home-nav\").style.boxShadow = pathnameStyle.boxShadow;\r\n }\r\n else {\r\n document.getElementById(\"home-nav\").style = \"unset\";\r\n }\r\n if (location.pathname === \"/categories\" || location.pathname === \"/donations\" || location.pathname === \"/projects/all\" || location.pathname === \"/beasponser/all\") {\r\n document.getElementById(\"categories-nav\").style.color = pathnameStyle.color;\r\n document.getElementById(\"categories-nav\").style.backgroundColor = pathnameStyle.backgroundColor;\r\n document.getElementById(\"categories-nav\").style.boxShadow = pathnameStyle.boxShadow;\r\n }\r\n else {\r\n document.getElementById(\"categories-nav\").style = \"unset\";\r\n }\r\n if (location.pathname === \"/grace-conservation\" || location.pathname === \"/volunteer\" || location.pathname === \"/localAid\" || location.pathname === \"/volunteer/vln-registration\") {\r\n document.getElementById(\"services-nav\").style.color = pathnameStyle.color;\r\n document.getElementById(\"services-nav\").style.backgroundColor = pathnameStyle.backgroundColor;\r\n document.getElementById(\"services-nav\").style.boxShadow = pathnameStyle.boxShadow;\r\n }\r\n else {\r\n document.getElementById(\"services-nav\").style = \"unset\";\r\n }\r\n if (location.pathname === \"/contact-us\" || location.pathname === \"/our-locations\" || location.pathname === \"/media\") {\r\n document.getElementById(\"contact-us\").style.color = pathnameStyle.color;\r\n document.getElementById(\"contact-us\").style.backgroundColor = pathnameStyle.backgroundColor;\r\n document.getElementById(\"contact-us\").style.boxShadow = pathnameStyle.boxShadow;\r\n }\r\n else {\r\n document.getElementById(\"contact-us\").style = \"unset\";\r\n }\r\n\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 === \"/volunteer/certificate-pdf\")\r\n ) {\r\n document.getElementById(\"header\").style.display = \"none\";\r\n }\r\n else {\r\n document.getElementById(\"header\").style.display = \"flex\";\r\n }\r\n }\r\n }, [location.pathname, history, width]);\r\n function getMobileOperatingSystem() {\r\n var userAgent = navigator.userAgent || navigator.vendor || window.opera;\r\n // Windows Phone must come first because its UA also contains \"Android\"\r\n if (/windows phone/i.test(userAgent)) {\r\n return \"Windows Phone\";\r\n }\r\n\r\n if (/android/i.test(userAgent)) {\r\n return \"Android\";\r\n }\r\n\r\n // iOS detection from: http://stackoverflow.com/a/9039885/177710\r\n if (/iPad|iPhone|Macintosh|iPod/.test(userAgent) && !window.MSStream) {\r\n return \"iOS\";\r\n }\r\n\r\n return \"unknown\";\r\n}\r\n\r\n if (width > 900) {\r\n return (\r\n \r\n
\r\n \r\n -1 && navigator.userAgent.indexOf('Chrome') <= -1 ? '-20px' : '-35px' }}\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 
ENG\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 \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 {userInfo ? (\r\n
\r\n ) : null}\r\n\r\n \r\n \r\n 
\r\n {/* {} */}\r\n {allNotifications?.filter(function (item) {\r\n return !item.is_read;\r\n }).length > 0 ?\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 0\r\n \r\n }\r\n\r\n \r\n {openNorficationModal ?\r\n \r\n
\r\n {loadNotifications ?
: null\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 }) : {not.message}
\r\n \r\n{t(\"No notifications\")}
\r\n
\r\n \r\n \r\n \r\n );\r\n } else if (width <= 900 && location.pathname === \"/\") {\r\n return (\r\n openFromNav(\"home\")} style={{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '1', cursor: 'pointer' }}>\r\n
\r\n \r\n
\r\n \r\n \r\n {userInfo ? (\r\n \r\n \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 {openNorficationModal ?\r\n \r\n
\r\n {loadNotifications ?
: null\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 }) : {not.message}
\r\n \r\n{t(\"No notifications\")}
\r\n \r\n {userLogin ?\r\n
\r\n \r\n 
\r\n \r\n
: null\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 \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 // 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 \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","import {\r\n FETCH_VOLUNTEER_FILE_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\nFETCH_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\n export 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 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\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\r\n\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 var { 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 },\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 }\r\n };\r\n\r\nexport const uploadProfilePic =\r\n (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\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n export const uploadIntro =\r\n (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(\"Something went wrong...!\", undefined, \"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 =\r\n (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(\"Something went wrong...!\", undefined, \"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 =\r\n (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(\"Something went wrong...!\", undefined, \"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 =\r\n (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(\"Something went wrong...!\", undefined, \"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 =\r\n (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\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\nexport const uploadPassData =\r\n (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(\"Something went wrong...!\", undefined, \"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) =>\r\n 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(\"You don't have a Volunteer Account\", undefined, \"warning\");\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) =>\r\n 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(\"You don't have a Volunteer Account\", undefined, \"warning\");\r\n }\r\n } catch (error) {\r\n toastifyMessage(\"Something went wrong...!\", undefined, \"error\");\r\n }\r\n };\r\n\r\n export const enrollEvent = async (eventID, eventYear, volunteerID, setLoadingModalShow) => {\r\n var res = await api.enrollEvent(eventID, eventYear, volunteerID);\r\n setLoadingModalShow(false);\r\n if(res.data.data === \"A\")\r\n {\r\n toastifyMessage(\"You have successfully applied to the event\", undefined, \"success\");\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,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\"","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 {\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 }\r\n return handleRegularPayment(backend_body, dispatch, tokenToSave, recieptFor);\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 { addCardApi, encryptPaymentData, tokenizeCard } 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\nconst PaymentMethod = (props) => {\r\n\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(new Promise(function(resolve, reject){\r\n setResolve(() => resolve);\r\n setReject(() => reject);\r\n }))\r\n \r\n async function setUpPaymentSession() {\r\n setLoadingCard(false)\r\n if (self === top) {\r\n \r\n var antiClickjack = document.getElementById(\"antiClickjack\");\r\n // antiClickjack.parentNode.removeChild(antiClickjack);\r\n } else {\r\n \r\n top.location = self.location;\r\n }\r\n let sessionType = props.frompopup? {\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 \r\n \r\n }\r\n setUpPaymentSession()\r\n \r\n \r\n\r\n }, [])\r\n useEffect(() => {\r\n async function setupPayment() {\r\n if(_resolve !== null && _reject !== null && session != null)\r\n {\r\n\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 (response.sourceOfFunds.provided.card.scheme == 'MASTERCARD') {\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(\"Session update failed with request timeout: \" + response.errors.message);\r\n } else if (\"system_error\" == response.status) {\r\n console.log(\"Session update failed with system error: \" + response.errors.message);\r\n }\r\n } else {\r\n console.log(\"Session update failed: \" + response);\r\n }\r\n setPromise(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 }\r\n setupPayment()\r\n }, [_reject, _resolve, session])\r\n async function pay() {\r\n \r\n PaymentSession.updateSessionFromForm('card');\r\n\r\n \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 handleAddCards = async () => {\r\n promise.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 : null\r\n }\r\n await props.handleRegularPayment_Inner(\"save\", sessionData);\r\n \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 }\r\n await props.handleRegularPayment_Inner(\"noSave\", sessionData);\r\n }\r\n }).catch((e) => {\r\n if(e.status === \"fields_in_error\")\r\n {\r\n toastifyMessage(\"Please make sure all fields are correct\", undefined, \"error\");\r\n\r\n }\r\n else\r\n toastifyMessage(\"Unknown error occured\", undefined, \"error\");\r\n })\r\n await pay();\r\n \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.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\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\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 // 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 }).catch((e) => {\r\n if(e.status === \"fields_in_error\")\r\n {\r\n toastifyMessage(\"Please make sure all fields are correct\", undefined, \"error\");\r\n\r\n }\r\n else\r\n toastifyMessage(\"Unknown error occured\", undefined, \"error\");\r\n\r\n })\r\n await pay();\r\n \r\n };\r\n return (\r\n \r\n
\r\n {t(\"Categories\")}
\r\n\r\n
\r\n {t(\"Add New Card\")}
\r\n \r\n \r\n }\r\n {props.frompopup ? null : (\r\n\r\n \r\n
\r\n {props.frompopup ? (\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 \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 // setExpiryMonth(e.target.value.replace(/\\D/, \"\"))\r\n // }\r\n // onFocus={handleInputFocus}\r\n // maxLength=\"2\"\r\n />\r\n
\r\n {\"MM\"}
\r\n \r\n \r\n // setExpiryYear(e.target.value.replace(/\\D/, \"\"))\r\n // }\r\n // onFocus={handleInputFocus}\r\n // maxLength=\"2\"\r\n />\r\n
\r\n {\"YY\"}
\r\n \r\n setCvc(e.target.value.replace(/\\D/, \"\"))}\r\n // onFocus={handleInputFocus}\r\n // maxLength=\"3\"\r\n />\r\n
\r\n {\"CVC\"}
\r\n \r\n
\r\n \r\n \r\n
\r\n {lodaingSwitch?\r\n {t(\"Add New Card\")}
\r\n {props.onHide()}} style={{width:'40px', height:'40px', borderRadius:'50%', display:'flex', alignItems:'center', justifyContent:'center', border:'1px solid #ee4236', cursor:'pointer'}}>\r\n ![close_btn](\"data:image/svg+xml,%3csvg)
\r\n
\r\n \r\n
:\r\n \r\n Loading...\r\n
\r\n \r\n \r\n {t(\"Select payment Method\")}\r\n \r\n
\r\n );\r\n })}\r\n \r\n\r\n {useTokenOnly ? null : (\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
\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 {userLogin ? item.name : item.title}\r\n | \r\n|
| \r\n {userLogin ? item.caseTitle : item.title}\r\n | \r\n|
| \r\n {userLogin ? item.orpTypeName : item.orphanName}{\" \"}\r\n {t(\"at\")}{\" \"}\r\n {userLogin ? item.countryName : item.orphanCountryName}\r\n | \r\n|
| \r\n {userLogin ? item.projectName : item.projectName}{\" \"}\r\n {t(\"at\")}{\" \"}\r\n {userLogin ? item.countryName : item.countryName}\r\n | \r\n|
| \r\n {t(\"Late Payment\")} {t(\"for\")} {item.orphan_name}\r\n | \r\n|
| \r\n {t(\"Renewals\")} {t(\"for\")} {item.orphan_name}\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 \r\n \r\n );\r\n};\r\n\r\nexport default ProfileBtn;\r\n","import { APIForVolunteerV3V2 } from \".\";\r\n\r\nexport const createNewLocalAID = (data) =>\r\n APIForVolunteerV3V2.get(`local_aid_create_file`, {\r\n params: data,\r\n });\r\n\r\nexport const localAIDAddFamily = (data) =>\r\n APIForVolunteerV3V2.get(`insert_filefamily`, {\r\n params: data,\r\n });\r\nexport const searchLocalAID = (email, eid) =>\r\n APIForVolunteerV3V2.get(`link_local_aid_request`, {\r\n params: {\r\n account_link_email: email,\r\n local_aid_EID: eid,\r\n },\r\n });\r\nexport const linkLocalAIDOTP = (email, lid) =>\r\n APIForVolunteerV3V2.get(`link_local_aid_request`, {\r\n params: {\r\n account_link_email: email,\r\n person_id: lid,\r\n otp_type: \"MOBILE\",\r\n },\r\n });\r\nexport const linkLocalAIDConfirm = (email, lid, otp) =>\r\n APIForVolunteerV3V2.get(`confirm_otp_local_aid_link`, {\r\n params: {\r\n account_link_email: email,\r\n person_id: lid,\r\n otp,\r\n },\r\n });\r\n\r\nexport const getLocalAidIdentityType = (lang) =>\r\n APIForVolunteerV3V2.get(`local_aid_identity_types`, {\r\n params: {\r\n language: lang,\r\n },\r\n });\r\nexport const addLocalAidIdentity = (data) =>\r\n APIForVolunteerV3V2.get(`aid_request_add_identity`, {\r\n params: {\r\n language: data.lang,\r\n req_id: data.reqId,\r\n req_year: data.reqYear,\r\n identype_id: data.identType,\r\n iden_no: data.identityNo,\r\n issue_place: data.issuePlace,\r\n issue_date: data.issueDate,\r\n exp_date: data.expiryDate,\r\n remarks: data.remarks,\r\n },\r\n });\r\n\r\nexport const addLocalAidRelation = (data) =>\r\n APIForVolunteerV3V2.get(`insert_filefamily`, {\r\n params:\r\n data\r\n ,\r\n });\r\n\r\n\r\nexport const addLocalAidRelativeAddress = (data) =>\r\n APIForVolunteerV3V2.get(`local_aid_address`, {\r\n params:\r\n data\r\n ,\r\n });\r\n\r\n export const completeLocalAid = (data) =>\r\n APIForVolunteerV3V2.get(`local_aid_complete_request`, {\r\n params:\r\n data\r\n ,\r\n });\r\n\r\n export const checkLocalAidOpen = (data) =>\r\n APIForVolunteerV3V2.get(`local_aid_registration_status`);\r\n\r\n\r\n\r\n// export const submitLocalAidRequest = (data) => APIForVolunteerV3V2.get(`INSERT_HLPREQST`, {\r\n// params: {\r\n// P_PERSON_ID: data.personId,\r\n// P_REQ_DESC: data.details,\r\n\r\n// P_AIDTYPE_ID: data.type,\r\n// },\r\n// });","import React from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./NeedToRegisterModal.css\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { checkLocalAidOpen } from \"../../../api/local_aid\";\r\n\r\nfunction NeedToRegisterModal(props) {\r\n const [allowRegistration, setAllowRegistration] = useState(true)\r\n\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\ncheckLocalAidOpen().then((res) => {\r\n setAllowRegistration(res.data.status)\r\n})\r\n },[])\r\n return (\r\n \r\n {props.icon==='none'?\r\n null:\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 {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(userInfo?.Results[0]?.profile_pic? userInfo?.Results[0]?.profile_pic:userImg);\r\n useEffect(() => {\r\n setUserProfile(userInfo?.Results[0]?.profile_pic? userInfo?.Results[0]?.profile_pic:userImg);\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(donations?.filter(item=> item.dontypeID === '1')?.shift()?.totalAmount? donations?.filter(item=> item.dontypeID === '1')?.shift()?.totalAmount:0)\r\n setProjectAmount(donations?.filter(item=> item.dontypeID === '8')?.shift()?.totalAmount? donations?.filter(item=> item.dontypeID === '8')?.shift()?.totalAmount:0)\r\n setDonationAmount(donations.map(item=> parseInt(item.totalAmount)).reduce((x,y)=> x+y,0)? donations.map(item=> parseInt(item.totalAmount)).reduce((x,y)=> x+y,0):0)\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(getSPAllLatepayments(account.extra_sponser_id, lng==='arab'? '1':'2'))\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] = 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] = useState(true);\r\n\r\n const [accountType, setAccountType] = useState(\"\");\r\n const [toBeTrue, setToBeTrue] = useState(true);\r\n const [deviceType, setDeviceType] = useState(window.innerWidth>900? 'WEBAPP':'MOBAPP');\r\nconst [sponsorSelections, setSponsorSelections] = useState([]);\r\n\r\nuseEffect(() => {\r\n}, [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 }\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 }\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\nuseEffect(() => {\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(toastifyMessage(lng === \"arab\" ? \"تم تسجيل دخولك بواسطة\" : \"Logged in as\", email, \"success\"), 2000);\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 setPendingModalShow(false)}\r\n />\r\n setNeedToRegisterModal(false)}\r\n />\r\n 0 && userLogin?.Results[0]? userLogin?.Results[0].email: \"\"}\r\n show={accountLinkModal}\r\n setAccountLinkSelectionModal={setAccountLinkSelectionModal}\r\n setSponsorSelections={setSponsorSelections}\r\n dialogClassName=\"modal-60w\"\r\n setOtp={setOtp}\r\n onHide={() => {setAccountLinkModal(false);}}\r\n />\r\n 0 && userLogin?.Results[0]? userLogin?.Results[0].email: \"\"}\r\n show={accountLinkSelectionModal}\r\n sponsorSelections={sponsorSelections}\r\n otp={otp}\r\n dialogClassName=\"modal-60w\"\r\n onHide={() => {setAccountLinkSelectionModal(false);}}\r\n />\r\n {open && (\r\n
\r\n );\r\n function RecentDonationTile(props) {\r\n const dn = props.donation;\r\n return (\r\n \r\n );\r\n }\r\n function AccountTile(pr) {\r\n const account = pr.account;\r\n return (\r\n \r\n {userLogin?.loginType === \"GOOGLE\" ? \r\n () :\r\n
\r\n \r\n logOut()} style={{cursor:'pointer',display:'flex', alignItems:'center', justifyContent:'center', flexDirection:'column' ,position:'absolute', left:'15px', top:'15px'}}>\r\n \r\n
}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {!sponsorLoading && orphonsList.length===0?\r\n null:\r\n {history.push(\"/editprofile\");}} onTap={() => {history.push(\"/editprofile\");}}\r\n icon={emailPIcon} title=\r\n {\r\n getUserInfo()?.email? width <= 1150 ? getUserInfo()?.email?.lenght > 17 ? getUserInfo()?.email : getUserInfo()?.email.slice(0, 15) + '...' : getUserInfo()?.email : ''\r\n }\r\n \r\n />\r\n setOpen(true)}/>\r\n
\r\n history.push(\"/sponsership\", {navigateTo: 0})} style={{ cursor: \"pointer\" }}>\r\n
}\r\n\r\n {!allProjectsLoading && allProjects.length===0?\r\n null:\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 {sponsorLoading ? \r\n
\r\n \r\n {orphonsList?.slice(0, width>=700? 6: width>=400? 4: width>=300? 3:2).map((orphon, i) => {\r\n return (\r\n
}\r\n \r\n \r\n
\r\n );\r\n })}\r\n history.push(\"/sponsor-projects\", {navigateTo: 1})} style={{ cursor: \"pointer\" }}>\r\n
}\r\n {!allSharedProjectsLoading && allSharedProjects.length===0?\r\n null:\r\n \r\n 
\r\n
\r\n {lng === \"arab\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {allProjectsLoading ? \r\n
\r\n \r\n {allProjects?.slice(0, width>=700? 6: width>=400? 4: width>=300? 3:2).map((orphon, i) => {\r\n return (\r\n
}\r\n \r\n \r\n
\r\n );\r\n })}\r\n history.push(\"/sponsor-shared-projects\", {navigateTo: 1})} style={{ cursor: \"pointer\" }}>\r\n
}\r\n {!donationLoading && donations.length===0?\r\n null:\r\n \r\n \r\n
\r\n {lng === \"arab\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {allSharedProjectsLoading ? \r\n
\r\n \r\n {allSharedProjects?.slice(0, width>=700? 6: width>=400? 4: width>=300? 3:2).map((orphon, i) => {\r\n return (\r\n
}\r\n \r\n \r\n
\r\n );\r\n })}\r\n history.push(\"/sponsor-donations\", {navigateTo: 2})} style={{ cursor: \"pointer\" }}>\r\n
\r\n }\r\n {!transactionsLoading && transactions.length > 0?\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 {donationLoading ? \r\n
\r\n \r\n {donations?.slice(0, width>=700? 6: width>=400? 4: width>=300? 3:2).map((orphon, i) => {\r\n return (\r\n
}\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n {t(\"Recent Donations\")}
\r\n {donationLoading ? \r\n\r\n {donations?.slice(0, 5).map((donation, index) => (\r\n
\r\n\r\n }\r\n {t(\"No recent donations found!\")}
\r\n ) : null}\r\n \r\n setOpen(false)} header={ {handleAccountChange(account);}} onDismiss={() => setOpen(false)} key={i}> \r\n );\r\n })\r\n : null}\r\n \r\n
\r\n )}\r\n \r\n {t(\"Accounts\")}
}\r\n style={{fontFamily: lng==='arab'? \"arab_font\":'english_font', direction: lng==='arab'? \"rtl\":'ltr'}} >\r\n {userLogin?.Results && userLogin?.Results.length > 0 && userLogin?.Results[0].extra_spons? \r\n userLogin?.Results[0].extra_spons.map((spons, i) => {\r\n return (\r\n {setOpen(false);setAccountLinkModal(true);}} style={{display: \"flex\",justifyContent: \"center\",cursor: \"pointer\"}}>\r\n {t(\"Add Account\")}\r\n
\r\n \r\n {pr.onClick(account); pr.onDismiss();}}>\r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default Profile;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMTEtMTRUMTE6NTY6MTIrMDQ6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTExLTE0VDExOjU4OjM5KzA0OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTExLTE0VDExOjU4OjM5KzA0OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmZkNjc4OGZkLTg1MTItNDBkOS1iZGRjLTk0ZGIzYTA2MDIyYSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDphNDI3YTUzZC00ZTAxLTQ3MmYtYTVlMS1hMjI3NDllY2UzNTQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNDI3YTUzZC00ZTAxLTQ3MmYtYTVlMS1hMjI3NDllY2UzNTQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE0MjdhNTNkLTRlMDEtNDcyZi1hNWUxLWEyMjc0OWVjZTM1NCIgc3RFdnQ6d2hlbj0iMjAyMS0xMS0xNFQxMTo1NjoxMiswNDowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZkNjc4OGZkLTg1MTItNDBkOS1iZGRjLTk0ZGIzYTA2MDIyYSIgc3RFdnQ6d2hlbj0iMjAyMS0xMS0xNFQxMTo1ODozOSswNDowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mmrjgAAAEvNJREFUeNrt3dGRJLkNBcAlPZA1MkB2ywBZIxOob+m0s90zVV0AXmZE/V3cdpMg8Fgzd7vPOb88Ho/H4/FkPfsXABBHAAAAAQAAEAAAAAEAABAAAAABAAAQAAAAAQAAEAAAAAEAABAAAAABAAAQAAAAAQAA+HgA+Pc//u7xeK59ztDH3no8Fz7eAEB/538e3xOo/wYA+PEwtAaAAAAhQw/rAgIAGHBYJxAAwEDDuoEAAAaYdQQEADCwrCsgAECxIYU1BgEADCasNQgAMHUYGUjWHQQAcBPFHoAA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\"","import React, {useEffect} from 'react'\r\nimport './StoryComponentOrphan.css'\r\nimport orphanDefault from '../../../assets/orphansDefaultDark.png'\r\n\r\nconst StoryComponentOrphan = (props) => {\r\n const handleClick = (id, amount) => {\r\n if (props.selectModeSwitch) {\r\n let currentItems = [...props.itemSelectedMode]\r\n if (currentItems.filter(item=> item===props.itemId).length>0) {\r\n currentItems = currentItems.filter(item=> item !== props.itemId)\r\n props.setItemSelectedMode(currentItems)\r\n } else {\r\n currentItems.push(id)\r\n props.setItemSelectedMode(currentItems)\r\n }\r\n } else {\r\n props.setSelectedItem(id)\r\n props.setOrphanAmount(amount)\r\n }\r\n \r\n }\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default StoryComponentOrphan\r\n","export default __webpack_public_path__ + \"static/media/pen-to-square-solid.8d26df12.svg\";","import { t } from \"i18next\";\r\nimport React, {useState, useEffect} from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport PaymentMethod from \"../../../userPage/add_payment_method/AddPaymentMethod\";\r\nimport \"./OrphanPaymentModal.css\";\r\nimport Cards from \"react-credit-cards\";\r\nimport \"react-credit-cards/es/styles-compiled.css\";\r\nimport { setOrphansPaymentCard, tokenizeCard, getPaymentMethod, setOrphansPaymentCardAll, createPaymentSession, encryptPaymentData } from '../../../../api/index';\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\nimport Loading from \"../../../ui/loading\";\r\nimport {FETCH_ALL_ORPHONS} from '../../../../constants/actionTypes'\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport Visa from \"../../../../assets/visa.png\";\r\nimport MasterCard from \"../../../../assets/masterMethods.png\";\r\nimport { baseURL, redirectURL } from \"../../../../api/index\";\r\nfunction OrphanPaymentModal(props) {\r\n const [session, setSession] = useState(null);\r\n const [loadingCard, setLoadingCard] = useState(false);\r\n\r\n const [display, setDisplay] = useState(0)\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n const [cvc, setCvc] = useState(\"\");\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const [expiry, setExpiry] = useState(\"\");\r\n const dispatch = useDispatch();\r\n\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 [paymentMethods, setPaymentTokens] = useState([]);\r\n const [newCardLoading, setNewCardLoading] = useState(false);\r\n const [token, setToken] = useState('');\r\n const [checked, setChecked] = useState(\"adding new card\");\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 let mounted = true\r\n const getPaymentTokens = async () => {\r\n setNewCardLoading(true)\r\n await getPaymentMethod(userLogin?.Results[0]?.email).then(res => {\r\n if (mounted) {\r\n setPaymentTokens(res.data.data);\r\n setNewCardLoading(false)\r\n }\r\n \r\n if (res.data.data.findIndex(x=> x===props.oldcard)>=0) {\r\n setToken(props.oldcard)\r\n }\r\n })\r\n }\r\n useEffect(() => {\r\n getPaymentTokens();\r\n return () => {\r\n mounted = false\r\n }\r\n }, []);\r\n useEffect(() => {\r\n if(display === 1)\r\n {\r\n async function setUpPaymentSession() {\r\n setPromise(new Promise(function(resolve, reject){\r\n setResolve(() => resolve);\r\n setReject(() => reject);\r\n }))\r\n }\r\n setUpPaymentSession()\r\n \r\n \r\n }\r\n \r\n }, [display])\r\n\r\n useEffect(() => {\r\n async function addPayMethod()\r\n {\r\n if(_resolve !== null && _reject !== null)\r\n {\r\n let res = null;\r\n let sessionType = {\r\n actionType: \"SAVE_ORPHAN_CARD\"\r\n }\r\n res = await createPaymentSession(sessionType);\r\n setSession(res.data.session.id)\r\n if (self === top) {\r\n \r\n var antiClickjack = document.getElementById(\"antiClickjack\");\r\n // antiClickjack.parentNode.removeChild(antiClickjack);\r\n } else {\r\n \r\n top.location = self.location;\r\n }\r\n \r\n PaymentSession.configure({\r\n session: res.data.session.id,\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 },\r\n formSessionUpdate: function(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 }\r\n \r\n //check if the user entered a Mastercard credit card\r\n if (response.sourceOfFunds.provided.card.scheme == 'MASTERCARD') {\r\n }\r\n } else if (\"fields_in_error\" == response.status) {\r\n _reject(response)\r\n \r\n if (response.errors.cardNumber) {\r\n }\r\n if (response.errors.expiryYear) {\r\n }\r\n if (response.errors.expiryMonth) {\r\n }\r\n if (response.errors.securityCode) {\r\n }\r\n } else if (\"request_timeout\" == response.status) {\r\n _reject(response)\r\n\r\n } else if (\"system_error\" == response.status) {\r\n _reject(response)\r\n\r\n }\r\n } else {\r\n _reject(response)\r\n\r\n }\r\n setPromise(new Promise(function(resolve, reject){\r\n setResolve(() => resolve);\r\n setReject(() => reject);\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 }\r\n addPayMethod()\r\n \r\n },[_reject, _resolve])\r\n function pay() {\r\n // UPDATE THE SESSION WITH THE INPUT FROM HOSTED FIELDS\r\n PaymentSession.updateSessionFromForm('card');\r\n }\r\n const handleInputFocus = (e) => {\r\n setFocus(e.target.name);\r\n };\r\n const endTheTrip = (e) => {\r\n setDisplay(0)\r\n setCvc('')\r\n setExpiry('')\r\n setExpiryMonth('')\r\n setExpiryYear('')\r\n setName('')\r\n setNumber('')\r\n setFocus('name')\r\n props.onHide();\r\n };\r\n\r\n const addPaymentMethod = async() => {\r\n \r\n promise.then( async() => {\r\n let id = \"TOKEN\" + Date.now();\r\n \r\n let sessionData = {};\r\n if(typeof props.orphan_id === 'string')\r\n {\r\n sessionData = {\r\n redirectUrl: window.location.origin + window.location.pathname,\r\n session: session,\r\n mco: id,\r\n amount: 2,\r\n actionType: \"SAVE_ORPHAN_CARD\",\r\n orphanUrl: new URLSearchParams({\r\n email:userLogin?.Results[0]?.email,\r\n sponsor_id: props.sponsor_id,\r\n device_id: \"WEBAPP\",\r\n language: lng==='arab'? 1:2\r\n }) + \"&orphan_id=\" + props.orphan_id\r\n }\r\n }\r\n else\r\n {\r\n sessionData = {\r\n redirectUrl: window.location.origin + window.location.pathname,\r\n session: session,\r\n mco: id,\r\n amount: 2,\r\n actionType: \"SAVE_ORPHAN_CARD\",\r\n orphanUrl: new URLSearchParams({\r\n email:userLogin?.Results[0]?.email,\r\n sponsor_id: props.sponsor_id,\r\n device_id: \"WEBAPP\",\r\n language: lng==='arab'? 1:2\r\n }) + props.orphan_id.map((item) => \"&orphan_id=\" + item ).join('')\r\n }\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\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 document.body.appendChild(form);\r\n\r\n form.submit();\r\n }).catch((e) => {\r\n if(e.status === \"fields_in_error\")\r\n {\r\n toastifyMessage(\"Please make sure all fields are correct\", undefined, \"error\");\r\n \r\n }\r\n else\r\n toastifyMessage(\"Unknown error occured\", undefined, \"error\");\r\n })\r\n await pay();\r\n \r\n }\r\n\r\n const handleCheck = (str) => {\r\n setToken(str);\r\n };\r\n const addSavedPaymentMethod = () => {\r\n if (!token) {\r\n return toastifyMessage(\"Please choose a payment method\", undefined, \"warning\");\r\n }\r\n setNewCardLoading(true)\r\n \r\n props.selectmodeswitch? setOrphansPaymentCardAll(userLogin?.Results[0]?.email, props.sponsor_id, props.orphan_id, token, 'WEBAPP', lng==='arab'? 1:2).then((res)=> {\r\n dispatch({ type: FETCH_ALL_ORPHONS, payload: res.data.data });\r\n toastifyMessage(\"Added!\", undefined, \"success\");\r\n setNewCardLoading(false)\r\n endTheTrip()\r\n })\r\n .catch(err=>{\r\n setNewCardLoading(false)\r\n toastifyMessage(\"Something went wrong...! gg\", undefined, \"error\");\r\n })\r\n :\r\n setOrphansPaymentCard(userLogin?.Results[0]?.email, props.sponsor_id, props.orphan_id, token, lng==='arab'? 1:2).then((res)=> {\r\n dispatch({ type: FETCH_ALL_ORPHONS, payload: res.data.data });\r\n toastifyMessage(\"Added!\", undefined, \"success\");\r\n setNewCardLoading(false)\r\n endTheTrip()\r\n })\r\n .catch(err=>{\r\n setNewCardLoading(false)\r\n toastifyMessage(\"Something went wrong...! gg\", undefined, \"error\");\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n {account.extra_sponser_name[0]}
\r\n \r\n
\r\n {account.extra_sponser_name}
\r\n {account.extra_sponser_id}
\r\n \r\n
\r\n {display===0?\r\n {t(\"Change Card\")}
\r\n {!newCardLoading? endTheTrip():null}} style={{width:'40px', height:'40px', borderRadius:'50%', display:'flex', alignItems:'center', justifyContent:'center', border:'1px solid #ee4236', cursor:'pointer'}}>\r\n \r\n
\r\n \r\n
:\r\n display===1?\r\n setDisplay(1)} className='editPayment_amount_modal'>\r\n \r\n
\r\n setDisplay(2)} className='editPayment_amount_modal'>\r\n \r\n
\r\n \r\n {newCardLoading?\r\n \r\n \r\n }\r\n
:\r\n display===2?\r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"Card Number\")}
\r\n \r\n \r\n
\r\n {t(\"Cardholder Name\")}
\r\n \r\n \r\n
\r\n \r\n
\r\n {(\"MM\")}
\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 \r\n
\r\n \r\n {newCardLoading?\r\n \r\n \r\n }\r\n \r\n
:\r\n null\r\n\r\n }\r\n \r\n \r\n {paymentMethods?.map((card, index) => {\r\n return (\r\n
\r\n handleCheck(card)}>\r\n ![\"card\"]({card?.startsWith(\"5\"))
\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('Are you sure you wish to update the monthly amount donated to the orphan?')}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {props.loadingState?\r\n \r\n \r\n \r\n view? true:false} slidesPerView={view}>\r\n {orphonsList?.map((orphon, index) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n {/* start */}\r\n {/* */}\r\n {followUpLoading ? \r\n \r\n \r\n \r\n \r\n {followups.length > 0?\r\n view2? true:false}\r\n className=\"swiper_forDonations2\"\r\n slidesPerView={view2}\r\n navigation={{\r\n prevEl: '.prevCustom',\r\n nextEl: '.nextCustom',\r\n }}\r\n style={{width: width>1150? \"80%\":'100%', display:'flex', justifyContent: \"space-between\", alignItems:'center', marginRight:'15px' }}\r\n >\r\n \r\n handleDonationNavi(followup.REP_SERIAL)}\r\n className=\"month_year_item payment_numbers\"\r\n style={{backgroundColor:displayedItem===followup.REP_SERIAL? '#ee4236':'transparent', color:displayedItem===followup.REP_SERIAL? 'white':'black'}}\r\n >\r\n {followup.REP_DATE.split(\" \")[0]}\r\n \r\n \r\n\r\n );\r\n })}\r\n \r\n : <>{t(\"No reports found\")}}\r\n \r\n
\r\n \r\n {getSelectedOrphon()?.orp_id ? (\r\n \r\n \r\n
\r\n {followups?.map((followup, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n item.can_gift === false && item.orp_id === getSelectedOrphon()?.orp_id).length>0 || loadingLatePayment}\r\n className=\"send_gifts_support\"\r\n onClick={() =>\r\n props.selectModeSwitch?\r\n props.itemSelectedMode.length===0?\r\n toastifyMessage(\"Please choose an orphan\", undefined, \"warning\"):\r\n history.push(\r\n \"/sendgift?orphon_id=\" + getSelectedOrphon()?.orp_id + \"&sponsor_id=\" + sponserId().sponser_id\r\n , {itemSelectedMode: props.itemSelectedMode, orphonsList: orphonsList, str:'many'})\r\n :history.push(\r\n \"/sendgift?orphon_id=\" + getSelectedOrphon()?.orp_id + \"&sponsor_id=\" + sponserId().sponser_id\r\n )\r\n }\r\n \r\n >\r\n {orphonsList.filter((item) => item.can_gift === false && item.orp_id === getSelectedOrphon()?.orp_id).length>0? t(\"You can't send gifts if you have pending late payments\") : t(\"Send Gifts/Support\")}\r\n \r\n \r\n props.selectModeSwitch?\r\n props.itemSelectedMode.length===0?\r\n toastifyMessage(\"Please choose an orphan\", undefined, \"warning\"):\r\n history.push(`/renewals?orphon_id=${props.itemSelectedMode[0]}${props.itemSelectedMode.map(item=> \"&orphon_id=\" + item)}` + \"&sponsor_id=\" + sponserId().sponser_id + '&many=true', {itemSelectedMode: props.itemSelectedMode, orphonsList: orphonsList, str:'monthly'})\r\n :history.push(\r\n `/renewals?orphon_id=${getSelectedOrphon()?.orp_id}` + \"&sponsor_id=\" + sponserId().sponser_id,\r\n getSelectedOrphon()\r\n )\r\n }\r\n className=\"renewPayments\"\r\n >\r\n {getSelectedOrphon().pay_mthd!=='3'? t(\"Renew Payments\") : latePaymentsState.length===0 && getSelectedOrphon().pay_mthd==='3' && !props.selectModeSwitch? t(\"You don't have pending payments\") : t(\"Late Payments\")}\r\n \r\n \r\n props.selectModeSwitch?\r\n props.itemSelectedMode.length===0?\r\n toastifyMessage(\"Please choose an orphan\", undefined, \"warning\"):\r\n history.push(`/transaction-history`, { myorphons:props.myorphons, sponsor_id: sponserId(), itemSelectedMode: props.itemSelectedMode, orphonsList: orphonsList})\r\n :history.push(\r\n `/transaction-history`,\r\n {myorphons:props.myorphons,itemSelectedMode: [getSelectedOrphon()?.orp_id], sponsor_id: sponserId().sponser_id, orphonsList: orphonsList}\r\n )\r\n }\r\n className=\"renewPayments\"\r\n >\r\n {t(\"History\")}\r\n \r\n
\r\n ) : null}\r\n {getSelectedOrphon()?.orp_id ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {followups.length===0 && !props.selectModeSwitch?\r\n null:\r\n history.push( `/sponsership/followups?orphon_id=${getSelectedOrphon()?.orp_id\r\n }&language=${lng === \"arab\" ? \"AR\" : \"EN\"}&sponser_id=${sponserId().sponser_id\r\n }&repSerial=${displayedItem}`, {orphonsList, followups});\r\n // window.open(\r\n // `/sponsership/followups?orphon_id=${getSelectedOrphon()?.orp_id\r\n // }&language=${lng === \"arab\" ? \"AR\" : \"EN\"}&sponser_id=${sponserId().sponser_id\r\n // }&repSerial=${displayedItem}`\r\n // );\r\n }}\r\n >\r\n {/* */}\r\n ![]()
0? 'inline': 'none'}} src={pdfImage}/>\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 ) : null}\r\n }\r\n {/* */}\r\n \r\n \r\n
\r\n \r\n \r\n {getSelectedOrphon()?.show_payment_details?\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {loadingOrphansAmount?\r\n \r\n {editOrphanAmount?\r\n \r\n }\r\n \r\n
\r\n \r\n
:\r\n \r\n setOrphanAmount(e.target.value.replace(/\\D/, \"\"))}/>\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 {getSelectedOrphon()?.payment_type === 'CARD'?\r\n :\r\n getSelectedOrphon()?.payment_type === 'APPLE PAY'?\r\n 
:\r\n 
\r\n }\r\n {getSelectedOrphon()?.pay_mthd === \"3\"?\r\n :null}\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default SelectMode","import React, { useState, useEffect } from \"react\";\r\nimport \"./SponsershipsPage.css\";\r\nimport SwitchSponsers from \"./switchSponsershipsDisplay/SwitchSponsers\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ShareHeader from \"../LoaclComponents/shareHeader/ShareHeader\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {getSPFollowups, getSPOrphonsList, getSPAllLatepayments} from \"../../actions/user\";\r\nimport selectIcon from '../../assets/select-all.png'\r\nimport questionIcon from '../../assets/question_mark.svg'\r\n\r\nimport Loading from \"../ui/loading\";\r\nimport SelectMode from \"./switchSponsershipsDisplay/selectMode/SelectMode\";\r\nimport { SHOW_TUTORIAL } from \"../../constants/actionTypes\";\r\n\r\nconst SponsershipsPage = (props) => {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n const history = useHistory();\r\n const location = useLocation();\r\n const dispatch = useDispatch();\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n\r\n\r\n\r\n //get all sponsors...\r\n const myorphons = useSelector((state) => {return state.auth.myorphons;});\r\n const loading = useSelector((state) => {return state.auth.sponsorLoading;});\r\n const userInfo = useSelector((state) => {return state.auth.authData;});\r\n const sponID = useSelector((state) => {return state.auth.extraSponID;});\r\n\r\n\r\n const [noFull, setNoFull] = useState(true);\r\n const [noMonthly, setNoMonthly] = useState(true);\r\n const [noBank, setNoBank] = useState(true);\r\n const [display, setDisplay] = useState(0);\r\n const [orphonsListFull, setorphonsListFull] = useState([]);\r\n const [orphonsListMonthly, setorphonsListMonthly] = useState([]);\r\n const [orphonsListBank, setorphonsListBank] = useState([]);\r\n const [loadingState, setLoadingState] = useState(true);\r\n const [showModal, setShowModal] = useState(false)\r\n const [selectModeSwitch, setSelectModeSwitch] = useState(false);\r\n const [itemSelectedMode, setItemSelectedMode] = useState([]);\r\n\r\n useEffect(() => {\r\n if (sponserId()?.sponser_id) {\r\n dispatch(\r\n getSPOrphonsList(sponserId()?.sponser_id, lng === \"arab\" ? \"ARA\" : \"ENG\")\r\n );\r\n }\r\n }, []);\r\n useEffect(() => {\r\n setLoadingState(loading)\r\n }, [loading]);\r\n function getUserInfo() {\r\n if (userInfo?.Results && userInfo?.Results.length > 0 && userInfo?.Results[0]) {\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 useEffect(() => {\r\n setorphonsListFull(myorphons.filter(item=> item.pay_mthd==='1'));\r\n setorphonsListMonthly(myorphons.filter(item=> item.pay_mthd==='3'))\r\n setorphonsListBank(myorphons.filter(item=> item.pay_mthd==='2'))\r\n }, [myorphons]);\r\n\r\n useEffect(() => {\r\n if (!userLogin) {\r\n history.push('/')\r\n }\r\n if (!loadingState ) {\r\n if (myorphons.filter(item=> item.pay_mthd==='1').length!==0) {\r\n setNoFull(false)\r\n handleNavigation('full')\r\n } if ( myorphons.filter(item=> item.pay_mthd==='2').length!==0) {\r\n setNoBank(false)\r\n handleNavigation('bank')\r\n } if (myorphons.filter(item=> item.pay_mthd==='3').length!==0) {\r\n setNoMonthly(false)\r\n handleNavigation('spon')\r\n }\r\n }\r\n }, [myorphons, loadingState]);\r\n const handleNavigation = (str) => {\r\n if (str === \"spon\") {\r\n setDisplay(0);\r\n } else if (str==='full') {\r\n setDisplay(1);\r\n } else if (str==='bank'){ \r\n setDisplay(4);\r\n } \r\n else { \r\n setDisplay(3);\r\n } \r\n };\r\n return (\r\n {t(\"Please select\")}
\r\n\r\n
\r\n {props.selectedNum}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {selectModeSwitch?\r\n :\r\n null\r\n }\r\n \r\n \r\n {!noMonthly?\r\n handleNavigation(\"spon\")}\r\n id=\"navi_spon\"\r\n className={display===0? \"sponsership_navigation_item\":'sponsership_navigation_item-disabled'}\r\n style={{color: display===0? '#ee4236':'rgb(87, 86, 86)', borderBottom: display===0? \"5px solid #ee4236\":'none'}}\r\n >\r\n {t(\"Monthly Payment\")}\r\n \r\n :\r\n null}\r\n {!noFull?\r\n handleNavigation(\"full\")}\r\n id=\"navi_proj\"\r\n className={display===1? \"sponsership_navigation_item\":'sponsership_navigation_item-disabled'}\r\n style={{color: display===1? '#ee4236':'rgb(87, 86, 86)', borderBottom: display===1? \"5px solid #ee4236\":'none'}}\r\n >\r\n {t(\"Full Payment\")}\r\n \r\n :\r\n null}\r\n {!noBank?\r\n handleNavigation(\"bank\")}\r\n id=\"navi_proj\"\r\n className={display===4? \"sponsership_navigation_item\":'sponsership_navigation_item-disabled'}\r\n style={{color: display===4? '#ee4236':'rgb(87, 86, 86)', borderBottom: display===4? \"5px solid #ee4236\":'none'}}\r\n >\r\n {t(\"Bank Payment\")}\r\n :null}\r\n\r\n
\r\n {loadingState?\r\n \r\n
\r\n }\r\n {t(\"You don't have any sponsors\")}
\r\n\r\n {months.map((element) => {\r\n return (\r\n setMonthCount(element.value)}\r\n key={element.value}\r\n style={{backgroundColor: monthCount===element.value? '#ee4236':null, color: monthCount===element.value? 'white':null, minWidth:'63.2px'}}\r\n className={\"renewals-month-tile\"}\r\n \r\n >\r\n {t(element.title)}\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n setOpenDialog(false);\r\n }}\r\n location={props.location}\r\n >\r\n
\r\n );\r\n};\r\n\r\nexport default LatePyamentPageItem;\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/404.3aaffda7.png\";","import React from 'react'\r\nimport './NotFound.css'\r\nimport notFoundBc from '../../assets/404.png'\r\n\r\nconst NotFound = () => {\r\n return (\r\n \r\n {props.img ? (\r\n
\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n {props.late ? (\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.late && added ?\r\n :\r\n props.late && !added ?\r\n :\r\n \r\n }\r\n
\r\n \r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default NotFound\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport \"./LatePayment.css\";\r\nimport LatePyamentPageItem from \"./latePayment_page_comp/LatePyamentPageItem\";\r\nimport { addToBag, deleteFromBag } from '../../../actions/BagFav'\r\nimport Loading from \"../../ui/loading\";\r\nimport NotFound from \"../../NotFound/NotFound\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst LatePayment = (props) => {\r\n const [latePaymentsState, setLatePaymentsState] = useState(props.latePayments);\r\n \r\n const loading = useSelector(state => state.latePayments.latePaymentLoading);\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const { t } = useTranslation();\r\n\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const userBag = useSelector(state => state.bag.bag)\r\n const dispatch = useDispatch()\r\n const [bagDetails, setBagDetails] = useState(userBag)\r\n useEffect(() => {\r\n setBagDetails(userBag)\r\n }, [userBag])\r\n let refElement = useRef(null)\r\n useEffect(() => {\r\n if (refElement != null) {\r\n props.setHeightAll(refElement.current?.offsetHeight)\r\n }\r\n }, [refElement, latePaymentsState])\r\n useEffect(() => {\r\n setLatePaymentsState(props.latePayments)\r\n }, [props.latePayments])\r\n const userInfo = useSelector((state) => {return state.auth.authData;});\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 loadQueryParams() {\r\n if (props.location.search) {\r\n let qParms = props.location.search.replaceAll(\"?\", \"\");\r\n let qObj = JSON.parse(\r\n '{\"' + qParms.replace(/&/g, '\",\"').replace(/=/g, '\":\"') + '\"}',\r\n function (key, value) {\r\n return key === \"\" ? value : decodeURIComponent(value);\r\n }\r\n );\r\n return qObj;\r\n }\r\n }\r\n const sponID = useSelector((state) => {\r\n return state.auth.extraSponID;\r\n });\r\n function sponserId() {\r\n if (sponID) return sponID;\r\n return getUserInfo();\r\n }\r\n // useEffect(() => {\r\n // if (latePaymentsState.length>0) {\r\n // props.disablelate(false)\r\n // setLatePayments(latePaymentsState);\r\n // } else {\r\n // props.disablelate(true)\r\n // props.handlenavi('renewals')\r\n // }\r\n // }, [latePaymentsState]);\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: loadQueryParams().sponsor_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 handleRemoveFromBag = async (items, setAddingToBag) => {\r\n //setAddingToBag(true)\r\n let elementWeNeed = bagDetails?.latePayments?.filter(item => item.trn_serial === items.trn_serial).slice(0, 1).shift()\r\n if (elementWeNeed) {\r\n await dispatch(deleteFromBag(userLogin.Results[0]?.email, elementWeNeed.cart_serial, lng === \"arab\" ? 1 : 2, elementWeNeed.orphan_serial))\r\n }\r\n //setAddingToBag(false)\r\n }\r\n return (\r\n \r\n {latePaymentsState?.map((late, i) => (\r\n
:\r\n \r\n \r\n
\r\n\r\n }\r\n \r\n \r\n {spInfo.map((item,i) => \r\n
\r\n ) : (\r\n {t(\"No renewals available for this orphans\")}
\r\n handleNavigation(\"late\")}\r\n id=\"navi_late_payment\"\r\n className=\"sponsership_navigation_item\"\r\n style={{\r\n borderRadius: \"0px\",\r\n color: \"#ee4236\",\r\n borderBottom: \"5px solid #ee4236\",\r\n }}\r\n >\r\n {t(\"Late Payment\")}\r\n \r\n handleNavigation(\"renewals\")}\r\n id=\"navi_renewals\"\r\n className=\"sponsership_navigation_item\"\r\n style={{ borderRadius: \"0px\" }}\r\n >\r\n {t(\"Renewals\")}\r\n \r\n
\r\n {display === 0 ? (\r\n 900? scrolled<(heightAll-(700))? 'fixed':'static':'fixed', bottom:width<=900? '55px':null, width:'100%', margin:'0px', transition: 'position 1s ease-in', boxShadow:'rgb(128 128 128 / 34%) 1px -1px 5px'}} id=\"donate_now_btn\">\r\n
:null\r\n }\r\n \r\n \r\n \r\n
\r\n {display===1?\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\nexport default TransactionItem;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport \"./TransactionList.css\";\r\nimport TransactionItem from \"./TransactionItemComp/TransactionItem\";\r\nimport { addToBag, deleteFromBag } from '../../../actions/BagFav'\r\nimport Loading from \"../../ui/loading\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst TransactionList = (props) => {\r\n const [latePaymentsState, setLatePaymentsState] = useState(props.transactions);\r\n \r\n const loading = useSelector(state => state.latePayments.latePaymentLoading);\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const { t } = useTranslation();\r\n\r\n const dispatch = useDispatch()\r\n\r\n\r\n useEffect(() => {\r\n setLatePaymentsState(props.transactions)\r\n }, [props.transactions])\r\n const userInfo = useSelector((state) => {return state.auth.authData;});\r\n\r\n\r\n\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 \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {new Date(props.item.transaction_date).toLocaleDateString(\"en-GB\", {\r\n day: \"numeric\",\r\n month: \"numeric\",\r\n year: \"numeric\", \r\n })}\r\n
\r\n \r\n {latePaymentsState?.map((late, 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\nexport default FilterModalTransactionItem;","import React, { useState, useEffect } from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { useSelector } from \"react-redux\";\r\nimport \"./FilterModalTransaction.css\";\r\nimport FilterModalTransactionItem from \"./FilterModalTransactionItem/FilterModalTransactionItem\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { t } from \"i18next\";\r\n\r\nconst FilterModalTransaction = (props) => {\r\n const setItems = () => {\r\n props.setitemselectedlist(selectedOrphans.filter((item) => item.active))\r\n\r\n }\r\n const [selectedOrphans, setSelectedOrphans] = useState([...props.myorphons.map((item) => {return {...item, active: true, orphan_id: item.orp_id}})]);\r\n \r\n \r\n return (\r\n
\r\n {props.item.orp_name}
\r\n{props.item.orp_id}
\r\n handleCheck()}>\r\n {props.item.active?
: null}\r\n
\r\n\r\n\r\n
\r\n \r\n props.onHide()} className=\"fas fa-times\">\r\n
\r\n {t(\"Filter\")}
\r\n \r\n\r\n {selectedOrphans?.length <= 0?\r\n \r\n })}\r\n \r\n
\r\n No orphans to filter
\r\n :selectedOrphans?.map((item, i) => {\r\n return \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"Sorting\")}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n handleCheck('name')} type=\"checkbox\" id=\"name\" name=\"order\" className='check_input' checked={checked === 'name' ? true : false} />\r\n \r\n
\r\n \r\n
\r\n \r\n handleCheck('price')} type=\"checkbox\" id=\"price\" className='check_input' name=\"order\" checked={checked === 'price' ? true : false} />\r\n \r\n
\r\n \r\n
\r\n \r\n handleCheck('date')} type=\"checkbox\" id=\"date\" className='check_input' name=\"order\" checked={checked === 'date' ? true : false} />\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 {userInfo && !transactionsLoading && transactions.length > 0?\r\n searchData(e.target.value)} className=\"search-input\" type=\"text\" placeholder={t(\"Search by name or id...\")} name=\"search\" />\r\n \r\n
\r\n \r\n \r\n {t(\"Filter\")}\r\n
\r\n \r\n \r\n {t(\"Sort\")}\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 FooterForMob","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/setting.fef2b799.png\";","export default __webpack_public_path__ + \"static/media/deal.0506573c.png\";","export default __webpack_public_path__ + \"static/media/download.2ecdbf80.png\";","export default __webpack_public_path__ + \"static/media/world.a024a9df.png\";","export default __webpack_public_path__ + \"static/media/pencil.b415d786.png\";","export default __webpack_public_path__ + \"static/media/like.37dd0779.png\";","export default __webpack_public_path__ + \"static/media/event.6acf2da6.png\";","export default __webpack_public_path__ + \"static/media/online-service.0a927b7e.png\";","import React from 'react'\r\nimport './VolunteerPortal.css'\r\nimport ProfileBtn from '../../userPage/profileBtn/ProfileBtn'\r\nimport fileDetails from '../../../assets/setting.png'\r\nimport participats from '../../../assets/deal.png'\r\nimport attachments from '../../../assets/download.png'\r\nimport trainingCourses from '../../../assets/lines-and-squares.png'\r\nimport languages from '../../../assets/world.png'\r\nimport skills from '../../../assets/pencil.png'\r\nimport areasOfInterest from '../../../assets/like.png'\r\nimport events from '../../../assets/event.png'\r\nimport services from '../../../assets/online-service.png'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader'\r\n\r\n\r\nconst VolunteerPortal = () => {\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n if (userLogin?.Results[0]?.vln_id_flag===\"2\") {\r\n return (\r\n \r\n \r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n \r\n}\r\n\r\nexport default VolunteerPortal\r\n","export default \"data:image/png;base64,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VUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgQIECBQVUAAqDoZfREgQIAAgUQBASARV2kCBAgQIFBVQACoOhl9ESBAgACBRAEBIBFXaQIECBAgUFVAAKg6GX0RIECAAIFEAQEgEVdpAgRWEbhvlV1ssoWA2SaqCwCJuEoTILCKwO2r7GKTtQXujQ0/t/amM+0nAMw0bWcl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\"","import React from 'react'\r\nimport './LocalAidProfileComp.css'\r\n\r\nconst LocalAidProfileComp = (props) => {\r\n return (\r\n \r\n
\r\n {t(\"Volunteer Portal\")}
\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 LocalAidProfileComp\r\n","export default __webpack_public_path__ + \"static/media/family name.d3f53e88.png\";","export default __webpack_public_path__ + \"static/media/nation id.386e78e3.png\";","export default __webpack_public_path__ + \"static/media/gender.0eadc52e.png\";","export default __webpack_public_path__ + \"static/media/date of birth.2125ee3e.png\";","export default __webpack_public_path__ + \"static/media/ntionality.7fba545b.png\";","export default __webpack_public_path__ + \"static/media/edducation.a0c5e5e9.png\";","export default __webpack_public_path__ + \"static/media/mobile number.fef8a54a.png\";","export default __webpack_public_path__ + \"static/media/profile 2.b18288c6.png\";","import React, { useState, useEffect } from 'react'\r\nimport './FileDetails.css'\r\nimport LocalAidProfileComp from '../../LocalAidMainPage/localAidProfilePage/localAidProfileComp/LocalAidProfileComp'\r\nimport icon1 from '../../../assets/family name.png'\r\nimport icon2 from '../../../assets/nation id.png'\r\nimport icon3 from '../../../assets/gender.png'\r\nimport icon4 from '../../../assets/date of birth.png'\r\nimport icon5 from '../../../assets/ntionality.png'\r\nimport icon6 from '../../../assets/edducation.png'\r\nimport icon7 from '../../../assets/family name.png'\r\nimport icon8 from '../../../assets/mobile number.png'\r\nimport icon9 from '../../../assets/profile 2.png'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { getVoulnteerFile } from '../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useSelector } from 'react-redux'\r\nimport Loading from '../../ui/loading'\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader'\r\n\r\n\r\nconst FileDetals = () => {\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 useEffect(() => {\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n if (lng === 'arab') {\r\n dispatch(getVoulnteerFile(userLogin?.Results[0]?.vln_id, 1))\r\n } else {\r\n dispatch(getVoulnteerFile(userLogin?.Results[0]?.vln_id, 2))\r\n }\r\n }\r\n }, [lng]);\r\n\r\n const vlnFileDteails = useSelector(state => state.vlnFileDteails.vlnFileDetails);\r\n const loading = useSelector(state => state.vlnFileDteails.loading);\r\n const [vlnProfileDetails, setVlnProfileDetails] = useState(vlnFileDteails)\r\n useEffect(() => {\r\n setVlnProfileDetails(vlnFileDteails)\r\n }, [vlnFileDteails])\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\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 } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n\r\n}\r\n\r\nexport default FileDetals\r\n","import React, { useState, useEffect } from 'react'\r\nimport './Participants.css'\r\nimport LocalAidProfileComp from '../../LocalAidMainPage/localAidProfilePage/localAidProfileComp/LocalAidProfileComp'\r\nimport icon1 from '../../../assets/family name.png'\r\nimport icon4 from '../../../assets/date of birth.png'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { getPatricipantsDetals } from '../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useSelector } from 'react-redux'\r\nimport Loading from '../../ui/loading'\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader'\r\n\r\nconst Participants = () => {\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 useEffect(() => {\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n if (lng === 'arab') {\r\n dispatch(getPatricipantsDetals(userLogin?.Results[0]?.vln_id, 1))\r\n } else {\r\n dispatch(getPatricipantsDetals(userLogin?.Results[0]?.vln_id, 2))\r\n }\r\n }\r\n }, [lng]);\r\n const vlnParticipantsDetails = useSelector(state => state.vlnParticipantsDetails.vlnParticipantsDetails);\r\n const loading = useSelector(state => state.vlnParticipantsDetails.loading);\r\n const [vlnParticipantDetails, setParticipantDetails] = useState(vlnParticipantsDetails)\r\n useEffect(() => {\r\n setParticipantDetails(vlnParticipantsDetails)\r\n }, [vlnParticipantsDetails])\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n return (\r\n \r\n
\r\n {loading?\r\n {t(\"File Details\")}
\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 } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n}\r\n\r\nexport default Participants\r\n","export default __webpack_public_path__ + \"static/media/occupation.9494ebb6.png\";","import React, { useState, useEffect } from 'react'\r\nimport './Attachment.css'\r\nimport LocalAidProfileComp from '../../LocalAidMainPage/localAidProfilePage/localAidProfileComp/LocalAidProfileComp'\r\nimport icon2 from '../../../assets/nation id.png'\r\nimport icon5 from '../../../assets/ntionality.png'\r\nimport icon10 from '../../../assets/occupation.png'\r\nimport icon6 from '../../../assets/edducation.png'\r\nimport icon7 from '../../../assets/family name.png'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { getAttachments } from '../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useSelector } from 'react-redux'\r\nimport Loading from '../../ui/loading'\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader'\r\n\r\nconst Attachment = () => {\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const dispatch = useDispatch()\r\n useEffect(() => {\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n if (lng === 'arab') {\r\n dispatch(getAttachments(userLogin?.Results[0]?.vln_id))\r\n } else {\r\n dispatch(getAttachments(userLogin?.Results[0]?.vln_id))\r\n }\r\n }\r\n }, [lng]);\r\n const vlnAttachments = useSelector(state => state.vlnAttachments.vlnAttachments);\r\n const loading = useSelector(state => state.vlnAttachments.loading);\r\n const [vlnAttachment, setVlnAttachment] = useState(vlnAttachments[\"vln docs \"]?.slice(0, 1).shift())\r\n useEffect(() => {\r\n setVlnAttachment(vlnAttachments[\"vln docs \"]?.slice(0, 1).shift())\r\n }, [vlnAttachments])\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 if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n return (\r\n \r\n
\r\n {t(\"Participants\")}
\r\n\r\n {loading?\r\n
\r\n \r\n {vlnParticipantDetails?.participations?.map((item) => {\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\n
\r\n \r\n \r\n }\r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n\r\n}\r\n\r\nexport default Attachment\r\n","import React from 'react';\r\nimport Modal from 'react-bootstrap/Modal'\r\nimport './DoneModal.css'\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nfunction DoneModal(props) {\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n\r\n\r\n return (\r\n \r\n
\r\n {loading?\r\n {t(\"Attachments\")}
\r\n=900? '20px':'10px'}}>\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {t(\"Done\")}
\r\n\r\n
\r\n \r\n {loading ? {t(\"Training Courses\")}
\r\n\r\n {vlnVolunteerAllCourses\r\n ?.slice(0)\r\n .reverse()\r\n .map((item, i) => (\r\n
}\r\n \r\n getVolunteerCertPDF(item)}\r\n style={{\r\n cursor: \"pointer\",\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n { setDoneModal(false) }}\r\n />\r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n\r\n}\r\n\r\nexport default Languages\r\n","import './Skills.css'\r\nimport React, { useState, useEffect } from 'react'\r\nimport icon9 from '../../../assets/pencil.png'\r\nimport { useSelector } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { getAllSkills, getVolunteerSkills, addVolunteerSkills } from '../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport DoneModal from '../../Auth/loginSignPage/doneModal/DoneModal'\r\nimport LoadingModal from '../../Auth/loginSignPage/loadingPopUp/loadingPopUp'\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader';\r\nimport Loading from '../../ui/loading';\r\nimport {\r\n applyValidation,\r\n resetValidation,\r\n } from \"../../../handlers/formValidation\";\r\nconst Skills = () => {\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const dispatch = useDispatch()\r\n const [added, setAdded] = useState(0)\r\n useEffect(() => {\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n if (lng === 'arab') {\r\n dispatch(getAllSkills(1))\r\n dispatch(getVolunteerSkills(userLogin?.Results[0]?.vln_id, 1))\r\n } else {\r\n dispatch(getAllSkills(2))\r\n dispatch(getVolunteerSkills(userLogin?.Results[0]?.vln_id, 2))\r\n }\r\n }\r\n }, [lng, added]);\r\n const vlnSkills = useSelector(state => state.vlnSkills.vlnSkills);\r\n const loading = useSelector(state => state.vlnSkills.loading);\r\n const [vlnAllSkills, setVlnAllSkills] = useState(vlnSkills)\r\n useEffect(() => {\r\n setVlnAllSkills(vlnSkills)\r\n }, [vlnSkills])\r\n\r\n const vlnVolunteerSkills = useSelector(state => state.vlnVolunteerSkills);\r\n const [vlnVolunteerAllSkills, setVlnVolunteerAllSkills] = useState(vlnVolunteerSkills)\r\n useEffect(() => {\r\n setVlnVolunteerAllSkills(vlnVolunteerSkills)\r\n }, [vlnVolunteerSkills])\r\n\r\n const [skills, setSkills] = useState({\r\n selectedSkill: '',\r\n remarks: '',\r\n })\r\n const handleChange = (e) => {\r\n setSkills({ ...skills, [e.target.name]: e.target.value })\r\n }\r\n const [loadingModalShow, setLoadingModalShow] = useState(false);\r\n const [doneModal, setDoneModal] = useState(false)\r\n const handleAddCourse = (e) => {\r\n e.preventDefault()\r\n setLoadingModalShow(true)\r\n dispatch(addVolunteerSkills(skills.selectedSkill, userLogin?.Results[0]?.vln_id, skills.remarks, setLoadingModalShow, setDoneModal, setAdded, added))\r\n }\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n return (\r\n \r\n
\r\n \r\n {loading ? {t(\"Languages\")}
\r\n\r\n {vlnVolunteerAllLanguage?.slice(0).reverse().map(item =>\r\n
}\r\n \r\n \r\n
\r\n )}\r\n \r\n { setDoneModal(false) }}\r\n />\r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n\r\n}\r\n\r\nexport default Skills","import './AreasOfInterests.css'\r\nimport React, { useState, useEffect } from 'react'\r\nimport icon9 from '../../../assets/pencil.png'\r\nimport { useSelector } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { getAllInterests, getVolunteerInterests, insertVolunteerInterest } from '../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport DoneModal from '../../Auth/loginSignPage/doneModal/DoneModal'\r\nimport LoadingModal from '../../Auth/loginSignPage/loadingPopUp/loadingPopUp'\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader';\r\nimport Loading from '../../ui/loading';\r\nimport {\r\n applyValidation,\r\n resetValidation,\r\n } from \"../../../handlers/formValidation\";\r\nimport { getGroupPDF } from '../../../api';\r\nconst AreasOfInterests = () => {\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const dispatch = useDispatch()\r\n const [added, setAdded] = useState(0)\r\n useEffect(() => {\r\n if (userLogin?.Results[0]?.vln_id_flag === \"2\") {\r\n if (lng === 'arab') {\r\n dispatch(getAllInterests(1))\r\n dispatch(getVolunteerInterests(userLogin?.Results[0]?.vln_id, 1))\r\n } else {\r\n dispatch(getAllInterests(2))\r\n dispatch(getVolunteerInterests(userLogin?.Results[0]?.vln_id, 2))\r\n }\r\n }\r\n }, [lng, added]);\r\n const vlnInterests = useSelector(state => state.vlnInterests.vlnInterests);\r\n const loading = useSelector(state => state.vlnInterests.loading);\r\n const [vlnAllInterests, setVlnAllInterests] = useState(vlnInterests)\r\n useEffect(() => {\r\n setVlnAllInterests(vlnInterests)\r\n }, [vlnInterests])\r\n\r\n const vlnVolunteerInterests = useSelector(state => state.vlnVolunteerInterests);\r\n const [vlnVolunteerAllInterests, setVlnVolunteerAllInterests] = useState(vlnVolunteerInterests)\r\n useEffect(() => {\r\n setVlnVolunteerAllInterests(vlnVolunteerInterests)\r\n }, [vlnVolunteerInterests])\r\n\r\n const [interest, setInterest] = useState('')\r\n const handleChange = (e) => {\r\n setInterest(e.target.value)\r\n }\r\n const [loadingModalShow, setLoadingModalShow] = useState(false);\r\n const [doneModal, setDoneModal] = useState(false)\r\n const handleAddCourse = (e) => {\r\n e.preventDefault()\r\n setLoadingModalShow(true)\r\n dispatch(insertVolunteerInterest(interest, userLogin?.Results[0]?.vln_id, setLoadingModalShow, setDoneModal, setAdded, added))\r\n }\r\n const [volunteerPDFUrl, setVolunteerPDFUrl] = useState(null);\r\n const [loadingPDFShow, setLoadingPDFShow] = useState(false);\r\n useEffect(() => {\r\n setLoadingPDFShow(true)\r\n getGroupPDF(lng === \"arab\"? 1: 2).then((data) => {\r\n setVolunteerPDFUrl(data.data.result)\r\n setLoadingPDFShow(false)\r\n \r\n })\r\n }, [])\r\n\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n return (\r\n \r\n
\r\n \r\n {loading ? {t(\"Skills and Interests\")}
\r\n\r\n {vlnVolunteerAllSkills?.slice(0).reverse().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 {loading ? \r\n
\r\n {t(\"Areas of interest\")}
\r\n\r\n {vlnVolunteerAllInterests?.slice(0).reverse().map((item, i) =>\r\n
}\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n\r\n}\r\n\r\nexport default Events\r\n\r\n// import './events.css'\r\n// import React, { useState, useEffect } from 'react'\r\n// import { useSelector } from 'react-redux'\r\n// import { useTranslation } from \"react-i18next\";\r\n// import { getVolunteerEvents } from '../../../actions/volunteer'\r\n// import { useDispatch } from 'react-redux'\r\n// import { useHistory } from 'react-router';\r\n// import ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader';\r\n// import Loading from '../../ui/loading';\r\n// const Events = () => {\r\n// let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n// const { t } = useTranslation();\r\n// let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n// const dispatch = useDispatch()\r\n// const history = useHistory();\r\n// useEffect(() => {\r\n// if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n// if (lng === 'arab') {\r\n// dispatch(getVolunteerEvents(userLogin?.Results[0]?.vln_id, 1))\r\n// } else {\r\n// dispatch(getVolunteerEvents(userLogin?.Results[0]?.vln_id, 2))\r\n// }\r\n// }\r\n// }, [lng]);\r\n// const vlnEventsSelector = useSelector(state => state.vlnEvents.vlnEvents);\r\n// const loading = useSelector(state => state.vlnEvents.loading);\r\n// const [vlnEventsAll, setVlnEventsAll] = useState(vlnEventsSelector)\r\n// useEffect(() => {\r\n// setVlnEventsAll(vlnEventsSelector)\r\n// }, [vlnEventsSelector])\r\n\r\n// const handleClick = (item) => {\r\n// history.push(`/volunteer/event?no=${item.req_id}&at=${item.req_year}`)\r\n// }\r\n// if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n// return (\r\n// \r\n
\r\n {t(\"Events\")}
\r\n\r\n {vlnEventsAll?.map((item, i) =>\r\n
}\r\n handleClick(item)} className='course_Item'>\r\n \r\n
\r\n )}\r\n \r\n//
\r\n// )\r\n// } else {\r\n// window.location.replace(\"/profile\");\r\n// }\r\n\r\n// }\r\n\r\n// export default Events\r\n","import './OneEventPage.css'\r\nimport React, {useState, useEffect} from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { enrollEvent, getEventDetails } from '../../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport ShareHeader from '../../../LoaclComponents/shareHeader/ShareHeader';\r\nimport Loading from '../../../ui/loading';\r\nimport LoadingModal from \"../../../Auth/loginSignPage/loadingPopUp/loadingPopUp\";\r\n\r\nconst OneEventPage = () => {\r\n const [loadingModalShow, setLoadingModalShow] = useState(false);\r\n\r\n function useQuery() {\r\n return new URLSearchParams(useLocation().search);\r\n }\r\n let query = useQuery();\r\n const eventYear = query.get('at');\r\n const eventID = query.get('no')\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const dispatch = useDispatch()\r\n useEffect(()=> {\r\n if (userLogin?.Results[0]?.vln_id_flag==='2') {\r\n if (lng==='arab') {\r\n dispatch(getEventDetails(1, userLogin?.Results[0]?.vln_id, eventID, eventYear))\r\n } else {\r\n dispatch(getEventDetails(2, userLogin?.Results[0]?.vln_id, eventID, eventYear))\r\n }\r\n }\r\n }, [lng, eventYear, eventID]);\r\n\r\n const vlnEventDetails = useSelector(state=> state.vlnEventDetails.vlnEventDetails);\r\n const eventDetailsLoading = useSelector(state=> state.vlnEventDetails.loading);\r\n const [vlnEventAllDetails, setVlnEventAllDetails] = useState([])\r\n const [vlnEventsLoading, setEventsLoading] = useState(true)\r\n useEffect(()=> {\r\n if (vlnEventDetails!==\"Input string was not in a correct format.\"|vlnEventAllDetails!==\"No data exists for the row or column.\") {\r\n setVlnEventAllDetails(vlnEventDetails?.slice(0,1).shift())\r\n setEventsLoading(eventDetailsLoading)\r\n }\r\n }, [vlnEventDetails, eventDetailsLoading])\r\n\r\n if (userLogin?.Results[0]?.vln_id_flag==='2') {\r\n return (\r\n \r\n//
\r\n// {loading ? {t(\"Events\")}
\r\n//\r\n// {vlnEventsAll?.map((item, i) =>\r\n//
}\r\n// handleClick(item)} className='course_Item'>\r\n// \r\n//
\r\n// )}\r\n// \r\n {vlnEventsLoading?\r\n :\r\n \r\n \r\n \r\n \r\n }\r\n \r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n \r\n}\r\n\r\nexport default OneEventPage","import './Services.css'\r\nimport React, { useState, useEffect } from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { getServices } from '../../../actions/volunteer'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport ShareHeader from '../../LoaclComponents/shareHeader/ShareHeader';\r\nimport Loading from '../../ui/loading';\r\nimport { toastifyMessage } from \"../../../handlers/toastifyMessage\";\r\n\r\nconst Services = () => {\r\n let userLogin = JSON.parse(localStorage.getItem('userLogin'))\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem('language'))?.lang;\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const { pathname } = useLocation()\r\n useEffect(() => {\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n if (lng === 'arab') {\r\n dispatch(getServices(1,userLogin?.Results[0]?.vln_id))\r\n } else {\r\n dispatch(getServices(2, userLogin?.Results[0]?.vln_id))\r\n }\r\n }\r\n }, [lng]);\r\n const vlnServices = useSelector(state => state.vlnServices.vlnServices);\r\n const loading = useSelector(state => state.vlnServices.loading);\r\n const [vlnAllServices, setVlnAllServices] = useState(vlnServices)\r\n useEffect(() => {\r\n setVlnAllServices(vlnServices)\r\n }, [vlnServices])\r\n const [selectedItem, setSelectedItem] = useState('')\r\n const [serviceBody, setServiceBody] = useState({\r\n vln_id: userLogin?.Results[0]?.vln_id,\r\n vln_service_cod: '',\r\n vln_date_from: '',\r\n vln_date_to: '',\r\n vln_desc: '',\r\n cost: 0,\r\n title: ''\r\n })\r\n\r\n const handleClick = (str) => {\r\n setSelectedItem(str)\r\n setServiceBody({...serviceBody, vln_service_cod: str.serviceCode, cost: str.serviceCost, title: str.serviceName})\r\n }\r\n const handleChange = (e) => {\r\n setServiceBody({...serviceBody, vln_desc: e.target.value})\r\n }\r\n const handlePayment = () => {\r\n if(!selectedItem)\r\n {\r\n return toastifyMessage(\"Please select a service\", undefined, \"warning\");\r\n }\r\n if (selectedItem?.subservices?.length > 0) {\r\n if (serviceBody.vln_date_from==='' || serviceBody.vln_date_to==='') {\r\n return toastifyMessage(\"Please choose a date\", undefined, \"warning\");\r\n }\r\n if (serviceBody.vln_desc==='') {\r\n return toastifyMessage(\"Please choose a related service\", undefined, \"warning\");\r\n }\r\n if (serviceBody.vln_date_from.split('-')[0].length>4 || parseInt(serviceBody.vln_date_from.split('-')[0]) < 1850) {\r\n return toastifyMessage(\"Please choose a valid date\", undefined, \"warning\");\r\n }\r\n if (serviceBody.vln_date_to.split('-')[0].length>4 || parseInt(serviceBody.vln_date_to.split('-')[0]) < 1850) {\r\n return toastifyMessage(\"Please choose a valid date\", undefined, \"warning\");\r\n }\r\n }\r\n history.push(`/checkout`, { from: pathname, elements: [{title: selectedItem?.subservices?.length > 0? serviceBody.vln_desc :serviceBody.title, price: serviceBody.cost}], totalAmount: serviceBody.cost, details: serviceBody })\r\n }\r\n if (userLogin?.Results[0]?.vln_id_flag === '2') {\r\n return (\r\n \r\n
\r\n {vlnEventAllDetails?.event_title}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n } else {\r\n window.location.replace(\"/profile\");\r\n }\r\n\r\n}\r\n\r\nexport default Services","export default __webpack_public_path__ + \"static/media/email.b57c63e2.png\";","import React, { useState, useEffect } from \"react\";\r\nimport icon1 from \"../../../../assets/nation id.png\";\r\nimport icon3 from \"../../../../assets/ntionality.png\";\r\nimport icon4 from \"../../../../assets/mobile number.png\";\r\nimport icon11 from \"../../../../assets/email.png\";\r\nimport icon5 from \"../../../../assets/date of birth.png\";\r\nimport icon6 from \"../../../../assets/gender.png\";\r\nimport icon8 from \"../../../../assets/occupation.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { toastifyMessage } from \"../../../../handlers/toastifyMessage\";\r\n\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n getAllBranches,\r\n createVlnAccount,\r\n getMarriage,\r\n} from \"../../../../actions/volunteer\";\r\nimport LoadingModal from \"../../../Auth/loginSignPage/loadingPopUp/loadingPopUp\";\r\nimport {\r\n applyValidation,\r\n resetValidation,\r\n} from \"../../../../handlers/formValidation\";\r\nimport {getVolunteerTerms} from \"../../../../api/index\";\r\nimport './vlnMainForm.css'\r\nimport Select from 'react-select'\r\nconst MainForm = (props) => {\r\n const customStyles = {\r\n option: (provided, state) => ({\r\n ...provided,\r\n borderBottom: '1px dotted pink',\r\n color: state.isSelected ? 'red' : 'blue',\r\n padding: 20,\r\n }),\r\n container: styles => ({ ...styles, width: window.innerWidth }),\r\n singleValue: (provided, state) => {\r\n const opacity = state.isDisabled ? 0.5 : 1;\r\n const transition = 'opacity 300ms';\r\n \r\n return { ...provided, opacity, transition };\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\r\n const vlnBranches = useSelector((state) => state.vlnBranches);\r\n const countriesForVolunteers = useSelector((state) => state.countriesForVolunteers);\r\n const vlnMarriage = useSelector((state) => state.vlnMarriage);\r\n const volunteerJobsNew = useSelector((state) => state.volunteerJobsNew);\r\n const [vlnAllBranches, setVlnAllBranches] = useState(vlnBranches);\r\n const [loadingModalShow, setLoadingModalShow] = useState(false);\r\n const [termsLink, setTermsLink] = useState(null);\r\n useEffect(() => {\r\n setVlnAllBranches(vlnBranches);\r\n }, [vlnBranches]);\r\n useEffect(() => {\r\n getVolunteerTerms(lng === \"arab\"? 1: 2).then((res) => {\r\n setTermsLink(res.data.result)\r\n });\r\n \r\n }, [])\r\n const [userMainInfoVln, setUserMainInfoVln] = useState({\r\n volunteerNameEnglish: '',\r\n volunteerNameArabic: userLogin?.Results[0]?.name_a? userLogin?.Results[0]?.name_a:'',\r\n mobile: userLogin?.Results[0]?.mobile_no? userLogin?.Results[0]?.mobile_no:'',\r\n email: userLogin?.Results[0]?.email? userLogin?.Results[0]?.email:'',\r\n eid: userLogin?.Results[0]?.emiratesID? userLogin?.Results[0]?.emiratesID:\"\",\r\n password: \"\",\r\n workplaceID: \"\",\r\n gender: \"\",\r\n dateOfBirth: userLogin?.Results[0]?.DOB? userLogin?.Results[0]?.DOB.split(\"/\")\r\n .reverse()\r\n .join(\"-\"):\"\",\r\n contactLanguage: \"\",\r\n nationality: \"\",\r\n job: \"\",\r\n placeOfWork: \"\",\r\n whatsapp: \"\",\r\n maritalStatus: \"\",\r\n });\r\n\r\n const handleChange = (e) => {\r\n document.getElementById(\"submitBtn_for_local_aid\").disabled = false;\r\n setUserMainInfoVln({ ...userMainInfoVln, [e.target.name]: e.target.value });\r\n };\r\n const validateEmail = (email) => {\r\n const re = new RegExp(\r\n /^(?:([^<]*?)\\s*<)?((?:[a-z0-9!#$%&'*+\\/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+\\/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\]))>?$/gi\r\n );\r\n return re.test(email);\r\n };\r\n\r\n const validateMobile = (phone) => {\r\n const re = /^05[0-9]{8}$/;\r\n return re.test(phone);\r\n };\r\n\r\n const validateEmiratesId = (eId) => {\r\n const re = /^[0-9]{15}$/;\r\n return re.test(eId);\r\n };\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n if (userMainInfoVln.email === '' || userMainInfoVln.email === null) {\r\n toastifyMessage('Email field cannot be empty!', undefined, \"warning\")\r\n return false;\r\n } else if (!validateEmail(userMainInfoVln.email)) {\r\n toastifyMessage('Email is not proper email address.', 'e.g: \"someone@example.com\"', 'warning');\r\n return false;\r\n }\r\n\r\n if (userMainInfoVln.mobile === '' || userMainInfoVln.mobile === null) {\r\n toastifyMessage(\"Mobile number field cannot be empty!\", undefined, \"warning\")\r\n return false;\r\n } else if (!validateMobile(userMainInfoVln.mobile)) {\r\n toastifyMessage(\r\n 'Mobile number should be 10 digits long and start with \"05\"',\r\n 'Mobile number cannot contain characters',\r\n \"warning\"\r\n );\r\n return false;\r\n }\r\n if (userMainInfoVln.eid === '' || userMainInfoVln.eid === null) {\r\n toastifyMessage(\"EmiratesID field cannot be empty!\", undefined, \"warning\")\r\n return false;\r\n } else if (!validateEmiratesId(userMainInfoVln.eid)) {\r\n toastifyMessage(\r\n \"EmiratesID number should be 15 digits long\",\r\n undefined,\r\n \"warning\"\r\n );\r\n return false;\r\n } else if (userMainInfoVln.nationality === '' || userMainInfoVln.nationality === null) {\r\n return toastifyMessage(\"Please choose a nationality\", undefined, \"warning\");\r\n } else if (userMainInfoVln.job === '' || userMainInfoVln.job === null) {\r\n return toastifyMessage(\"Please choose a job\", undefined, \"warning\");\r\n } else if (userMainInfoVln.placeOfWork.replace(/\\s/g,\"\") === \"\" || userMainInfoVln.placeOfWork === null) {\r\n return toastifyMessage(\"Please choose a place of work\", undefined, \"warning\");\r\n } else if (userMainInfoVln.maritalStatus === '' || userMainInfoVln.maritalStatus === null) {\r\n return toastifyMessage(\"Please choose a marital status\", undefined, \"warning\");\r\n } else if (userMainInfoVln.volunteerNameEnglish.replace(/\\s/g,\"\") === '' || userMainInfoVln.volunteerNameEnglish === null) {\r\n return toastifyMessage(\"Please enter name in English\", undefined, \"warning\");\r\n } else {\r\n props.setVolunteerNationality(userMainInfoVln.nationality)\r\n setLoadingModalShow(true);\r\n dispatch(\r\n createVlnAccount(\r\n userMainInfoVln.volunteerNameArabic,\r\n userMainInfoVln.volunteerNameEnglish,\r\n userMainInfoVln.mobile,\r\n userMainInfoVln.email,\r\n userMainInfoVln.eid,\r\n userMainInfoVln.password,\r\n userMainInfoVln.workplaceID,\r\n userMainInfoVln.gender,\r\n userMainInfoVln.dateOfBirth.split(\"-\")\r\n .reverse()\r\n .join(\"/\"),\r\n userMainInfoVln.contactLanguage,\r\n userMainInfoVln.nationality,\r\n userMainInfoVln.job,\r\n userMainInfoVln.placeOfWork,\r\n userMainInfoVln.whatsapp,\r\n userMainInfoVln.maritalStatus,\r\n props.setVlnId,\r\n props.setView,\r\n setLoadingModalShow,\r\n props.setFromState\r\n )\r\n );\r\n }\r\n \r\n };\r\n return (\r\n \r\n
\r\n {loading ? {t(\"Services\")}
\r\n\r\n {vlnAllServices?.map((item, i) =>\r\n
}\r\n \r\n \r\n
\r\n )}\r\n 0? 'unset':'none' }}>\r\n \r\n
\r\n 0? 'flex':'none' }}>\r\n \r\n
\r\n \r\n \r\n \r\n setServiceBody({...serviceBody, vln_date_from: e.target.value})}\r\n onKeyDown={(e) => {\r\n e.preventDefault();\r\n }}/>\r\n
\r\n \r\n \r\n setServiceBody({...serviceBody, vln_date_to: e.target.value})}\r\n onKeyDown={(e) => {\r\n e.preventDefault();\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {setDoneModal(false)}}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default LanguagesForm\r\n","import React, { useState, useEffect } from \"react\";\r\nimport icon9 from \"../../../../assets/pencil.png\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport {\r\n getAllInterests,\r\n getVolunteerInterests,\r\n insertVolunteerInterest,\r\n} from \"../../../../actions/volunteer\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport DoneModal from \"../../../Auth/loginSignPage/doneModal/DoneModal\";\r\nimport LoadingModal from \"../../../Auth/loginSignPage/loadingPopUp/loadingPopUp\";\r\nimport {\r\n applyValidation,\r\n resetValidation,\r\n} from \"../../../../handlers/formValidation\";\r\nimport { getGroupPDF } from \"../../../../api\";\r\nimport Loading from \"../../../ui/loading\";\r\n// TODO check if pdf download there\r\nconst InterestsForm = (props) => {\r\n let userLogin = JSON.parse(localStorage.getItem(\"userLogin\"));\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n const dispatch = useDispatch();\r\n const [added, setAdded] = useState(0);\r\n const [volunteerPDFUrl, setVolunteerPDFUrl] = useState(null);\r\n const [loadingPDFShow, setLoadingPDFShow] = useState(false);\r\n\r\n useEffect(() => {\r\n setLoadingPDFShow(true)\r\n getGroupPDF(lng === \"arab\"? 1: 2).then((data) => {\r\n setVolunteerPDFUrl(data.data.result)\r\n setLoadingPDFShow(false)\r\n\r\n })\r\n }, [])\r\n useEffect(() => {\r\n if (props.index === 9) {\r\n if (lng === \"arab\") {\r\n dispatch(getAllInterests(1));\r\n dispatch(getVolunteerInterests(userLogin?.Results[0]?.vln_id, 1));\r\n } else {\r\n dispatch(getAllInterests(2));\r\n dispatch(getVolunteerInterests(userLogin?.Results[0]?.vln_id, 2));\r\n }\r\n }\r\n }, [lng, added]);\r\n const vlnInterests = useSelector((state) => state.vlnInterests.vlnInterests);\r\n const [vlnAllInterests, setVlnAllInterests] = useState(vlnInterests);\r\n useEffect(() => {\r\n setVlnAllInterests(vlnInterests);\r\n }, [vlnInterests]);\r\n\r\n const vlnVolunteerInterests = useSelector(\r\n (state) => state.vlnVolunteerInterests\r\n );\r\n const [vlnVolunteerAllInterests, setVlnVolunteerAllInterests] = useState(\r\n vlnVolunteerInterests\r\n );\r\n useEffect(() => {\r\n setVlnVolunteerAllInterests(vlnVolunteerInterests);\r\n }, [vlnVolunteerInterests]);\r\n\r\n const [interest, setInterest] = useState(\"\");\r\n const handleChange = (e) => {\r\n setInterest(e.target.value);\r\n };\r\n const [loadingModalShow, setLoadingModalShow] = useState(false);\r\n const [doneModal, setDoneModal] = useState(false);\r\n const handleAddCourse = (e) => {\r\n e.preventDefault();\r\n setLoadingModalShow(true);\r\n dispatch(\r\n insertVolunteerInterest(\r\n interest,\r\n props.vlnID,\r\n setLoadingModalShow,\r\n setDoneModal,\r\n setAdded,\r\n added\r\n )\r\n );\r\n };\r\n return (\r\n \r\n {vlnVolunteerAllLanguage?.slice(0).reverse().map(item=> \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {vlnVolunteerAllInterests\r\n ?.slice(0)\r\n .reverse()\r\n .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\r\nexport default ContactUs;\r\n","import { APIForVolunteerV3V2 } from \".\";\r\n\r\nexport const getAllBrancheLocations = (langNumber) =>\r\n APIForVolunteerV3V2.get(`brnch_info?lang=${langNumber}`);\r\nexport const getAboutUs = (langNumber) =>\r\n APIForVolunteerV3V2.get(`about_us?language=${langNumber}`);\r\n","//React\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n//React Router\r\nimport { useHistory } from \"react-router\";\r\n\r\n//Redux\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\n//CSS\r\nimport \"./OurLocations.css\";\r\n\r\n//Bootstrap\r\n\r\n//Translation\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n//Packages\r\nimport { Map, GoogleApiWrapper, Marker, InfoWindow } from \"google-maps-react\";\r\n\r\n//Assets\r\nimport marker from \"../../assets/location.png\";\r\n\r\n//Actions\r\nimport { getAllMapLocations } from \"../../actions/brachLocation\";\r\nimport { Tab, Tabs } from \"react-bootstrap\";\r\nimport ShareHeader from \"../LoaclComponents/shareHeader/ShareHeader\";\r\nimport Loading from \"../ui/loading\";\r\n\r\nconst OurLocations = (props) => {\r\n const branchLocations = useSelector((state) => state.branchLocations);\r\n const [availableLocations, setAvailableLocations] = useState(branchLocations);\r\n\r\n const [active, setActive] = useState([true, false]);\r\n\r\n // useEffect(() => {\r\n // if (isMobile) {\r\n // var x = document.getElementsByClassName(\"nav-link\");\r\n // for (var doc in x) {\r\n // if (typeof x[doc] == \"object\") {\r\n // x[doc].style.color = \"black\";\r\n // }\r\n // }\r\n // document.getElementById(active).style.color = \"red\";\r\n // }\r\n // }, [active]);\r\n\r\n //To know whether screen is in mobile view or desktop view\r\n const [isMobile, setIsMobile] = useState(\r\n window.matchMedia(\"(max-width: 900px)\").matches\r\n );\r\n\r\n useEffect(() => {\r\n let mounted = true\r\n const handler = (e) => {\r\n if (mounted) {\r\n setIsMobile(e.matches);\r\n }\r\n };\r\n window\r\n .matchMedia(\"(max-width: 900px)\")\r\n .addEventListener(\"change\", handler);\r\n return ()=> {\r\n mounted = false\r\n }\r\n }, []);\r\n\r\n const defaultProps = {\r\n center: {\r\n lat: 24.422139,\r\n lng: 54.445503,\r\n },\r\n zoom: 14,\r\n };\r\n const mapStyles = {\r\n width: \"100%\",\r\n height: \"100%\",\r\n };\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n setAvailableLocations(branchLocations);\r\n }, [branchLocations]);\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n\r\n const MapView = () => {\r\n return (\r\n \r\n {availableLocations.length > 0 ? (\r\n \r\n {availableLocations?.map((item, i) => {\r\n return (\r\n
\r\n );\r\n };\r\n\r\n const ListView = () => {\r\n return (\r\n \r\n {availableLocations?.map((item, i) => {\r\n return
\r\n );\r\n };\r\n\r\n const [key, setKey] = useState(\"map-view\");\r\n return (\r\n \r\n
\r\n );\r\n function Branch(props) {\r\n const branch = props.branch;\r\n const { t } = useTranslation();\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n return (\r\n \r\n
\r\n {t(\"Our Locations\")}
\r\n\r\n {isMobile ? (\r\n { k == \"map-view\" ? setActive([true, false]) : setActive([false, true]); setKey(k); }}\r\n className=\"mb-3\" style={{ marginTop: \"20px\", }} fill justify>\r\n {t(\"Map View\")}}>\r\n \r\n \r\n \r\n {t(\"List of Locations\")}\r\n \r\n }\r\n >\r\n \r\n ) : (\r\n <>\r\n
\r\n {branch.branch_addr}
\r\n \r\n {\r\n window.open(\r\n \"https://maps.google.com?q=\" +\r\n branch.branch_latiu +\r\n \",\" +\r\n branch.branch_longtu\r\n );\r\n }}\r\n >\r\n {t(\"Get Direction\")}\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\nconst LoadingContainer = (props) => \r\n {\r\n window.open(\"https://www.instagram.com/emiratesrc/\");\r\n }}\r\n className='socialMediaIcon'\r\n />\r\n
\r\n\r\n \r\n {\r\n window.open(\"https://www.facebook.com/emiratesrc\");\r\n }}\r\n className='socialMediaIcon'\r\n />\r\n
\r\n\r\n \r\n {\r\n window.open(\"https://www.snapchat.com/add/emiratesrc\");\r\n }}\r\n className='socialMediaIcon'\r\n />\r\n
\r\n \r\n \r\n
\r\n {\r\n window.open(\"https://twitter.com/emiratesrc\");\r\n }}\r\n className='socialMediaIcon'\r\n />\r\n
\r\n \r\n {\r\n window.open(\"https://wa.me/9712800733\");\r\n }}\r\n className='socialMediaIcon'\r\n />\r\n
\r\n \r\n \r\n \r\n {\r\n setSocialOpen(false);\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Media;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0M0Y0RUI0NjNCREMxMUVDQTg5RkY3NkE4MkIwRkY3RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0M0Y0RUI0NzNCREMxMUVDQTg5RkY3NkE4MkIwRkY3RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzRjRFQjQ0M0JEQzExRUNBODlGRjc2QTgyQjBGRjdGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzRjRFQjQ1M0JEQzExRUNBODlGRjc2QTgyQjBGRjdGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VlLfLwAAHwtJREFUeNrs3Qm4XGWdJ+BTSRDCjkALoQcQCIvsJKAttOLQI42ogNoP2CPiCGKjgqM0mzCANouANDOA3Q0K3djYjjNujKIOCooTlCUJIIRN4AGEsC+yhiVk/h/ni10hdW+q7q2qW3XO+z7Pr2+IXXVOfedLfb97qupUY9GiRQUAUC+TDAEAKAAAgAIAACgAAIACAAAoAACAAgAAKAAAgAIAACgAAIACAAAoAACAAgAAKAAAgAIAACgAAIACAAAoAACgAAAACgAAoAAAAAoAAKAAAAAKAACgAAAACgAAoAAAAAoAAKAAAADdNuWWTTftxv1MKxqN3ePnhq/9+d+zeqTR9r00/v3/tTGWvWg0xvcoRrh9o9fbbuO2jQnabsttj3WbY7hdo8/bW3ybRh+31fGc78K2eja3+jmnOrxNo4/bar5dX5/L+jmnxjO3xr/dRXHbP8TP+ZEH8897I5dF7lvmPvRorejpHOz2Y0gFYBy3fUtk78hekR3HumYDwBht2+Lvboj8n8glkbmGaGRjeQlgy8gPI/MiJ0d2svgDMCC2ixwfmRP5ZWSmIRl/AUin9L8WuTHyXkMHwIB7Z+TayDeL8iVqxlAAPhC5PXJQZLJhA2BIpDPUfx25NfJRw9F+AUgDd2LkO5GVDRcAQ2qFyEWRM/0iu+wCsFJe+E8ovMYPQDV8PnJpZDUFYOS//1ZRnvoHgCpJH1tPnxJYTgFY2t9F3meOAFBR6Q2C5yoAS9ov8gVzA4CKOzhyqAJQ2jhyoTkBQE2cVZQXs6t9ATg1MtV8AKAm0icCTq97AXhr5K/MBQBqZtfIHnUuAGeYAwDU1JeLmn1D7uIH+47Inzv+ANTUNkXNPv22uAD4vD8AdffBOhaAvRx3AGoufdHdlDoVgHTaY0PHHYCaW6Mo3xBYmwLgq30BoFSb9wGkArCJ4w0Ar5lepwIwzfEGgNfUZk1UAACgpgVgXccbAF6zVlGTrwlOH3dYs4f3/4nI/eYTAF2U3q3/bz2670a+/0fqUAAaPbz/WZHbzFUAumidHt9/LS4JPMk8AoD6UQAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAgHZMMQQAsIR7BmQ/FkWeisxvStq3SyO/VQAAoLuWH6B9WSdnh6a/OyVyd+T7OVeN5Y69BAAAw2ejyOGRWTk7KwAAUC875xJwSeQtCgAA1Mv7IzdEPqkAAEC9LBf5p8i5xTLe56cAAED1fDry08jqCgAA1Mtuke+NdCZAAQCA6npX5GwFAADq55AcBQAAaiadBdi6+S9cCXB8VivKqzOtH2kYDmAApMvFzok8bih43Xp/emQPBWBs0iL/scjukRmRjS38wIC6JzI7ckXk/MhCQ1J7f1mUbwy8XAHozIaRC4vyDRUAw/CclfKh/ItLyq2GpfbSWYCZkUXeA9CegyM3WfyBIbVTZG7kiMhkw1Fr6WXrd6c/KADLdljkvMjKhgIYYivk3/6+ZChqb28FYNk2jXzZMAAVclRRngKmvtJ3BjQUgJGl02T/EplqKICKPbddVAzWd97TX9MiOyoAI0un/v/MMAAVlL4y9ljDUGt7KAAj29sQABW2jyGotTcrAK2lcdneMAAVtkVkJcNQW9MUgNamR1YxDECFTfaLjgLA0rxDFqiDHQ1Bba3rSoCtrWUIgBpY2xC0tGfkiQHYjw0i/7NH9/1GBaC1uYYAqIE5hmDENeChAdiPp3p5514CaO36yKuGAai46wxBfSkArT0bud0wABX2cOQ+w6AAsLSrDQFQYb82BAoArZ0YedowABX0YuFKgAqAIRhROjX2OcMAVNDxkVsNgwLAyC6MXGoYgAq5JnKmYUABWLaDCu+UBaoh/db/kchCQ4ECsGzps6DpWwGPi7xkOIAhlBb804vy0r93Gg4UgM7+8ZxclJfNvNZwAEPkt5GdI0cV5Zv/4DWuBNj5P6S3RlaPzGjK+pGG4QEGwPzI7KK8yl/6+bghQQHonnR5xstzAGDoeAkAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAICWphiCMWtEpkdmRNbP/011PBKZE5kXeaWCxX/zyMzINIe6cuZHZkdui7xqOFAAumO5yN9Gdo9sH1nVkFTegsiNkV9FTo78YUgfx9TIUZHd8txdyaGtvOci10cuj5wWecGQoACMzdaRf41sayhqZYXIW3M+HDkwctmQPYa3RS6KbOpw1koqebvkpLl7QORqw8Ji3gPQ3hil35xmW/xr708j/zfyj0PyG/QbIqdGZln8a2/TPA9OzfMCnAFoQ1r8TzEMNPmbyBqR/QZ8P8+IHOZwkU2OHF2ULwf9V8OBMwCjS6f9TzQMtLBv5IMDvH+7Rg51mGghlcI/NwwoACNLb/j7RuF0GSNLLwWsPYD7tUrknwufTKG1Rp4fKxoKBYDW0rv9tzMMjCIt/mcO4H6dFNnQ4WEUGxfObioAhmBE7zUEtOE95i6e41AAqmOy3/5p05oD9tt2enPiRg4LbdiscC0TBYClbFF4fYz2zRygfZnhcNDB87/5ogDgSZSKzBdzl07saAgUAJa0oSFgSOfLyg4HHVjFECgALMnHpxjW+TLX4aAD1xkCBQCohtmGAAUABQDq5/dF+VXGsCwPRB40DAoAUB2zDAFt+JUhUACAajmyKL8LHkbyTOQYw6AAANVyVy4BMJJ0qfN7DYMCAFRP+qKinxsGWvhZ5HzDgAIA1bQockDh/QAsKc2HjxkGFACotvmRd0Y+H3nBcNTaC3kevDPPC1AAoOJejZxVlF9udVlkgSGplQX5uG+X58GrhoTFphiCvnsocqNh6LtNivI70OvqjsjukeUiWxflNeB3iqxnalRO+nx/usDPtZGbIi8bEhSAwXBlZD/D0HcnRk4wDK8tBnNzzjMcUF9eAgAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAAAFAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAoKUphgBqZ8XIdpGZkWmGo3LmR2ZHbog8bzhQAKDeVo98MfIfI1tEJhuSylsYuTVyReSEyFOGhGZeAoDq2yNyc+SwyFYW/9qYnI/3Yfn472FIUACgHlaOXBD5cWQ9w1Fr6+V5cEGeF+AlAKiwr0Y+ahho8vF8ZuBjhgJnAKCa9rL4M4IDIu81DCgAUD1rRc4zDIwizY81DIMCAFTLaZE3GQZGkT7+eZJhUACAavkLQ0Ab3m0IFACgOtaOrG8YaMMmhZcBFACgMmYaAjqwoyFQAIBqmGEIUABQAKB+XOWPTrgWjAIAVMQcQ0AHrjMECgCgAKAAoAAAQ+rBHFiWeyOPGgYFAKiOKw0BbfiFIVAAgGo5ovDd74zuicgxhkEBAKrl/sihhoFRfCbykGFQAIDquTjyPcNAC9+NfMswoABAdR0U+YFhoEmaD58wDCgAUG1PRvaJ7F94T0DdPZXnwT55XoACADWQXg7YKvLtyGOGo1Yey8d9qzwP4I9cBhLq4YHIfvnPGxTldwakLw6aZmgqZ35kdlFeFOpew4ECACx2b443CUKNeQkAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAICWphgCqJ0NIjMiMyPTDEflzI/MjsyJ3Gs4UAAGxxaRow1D3+1S88e/XuTMyG6RtUyH2ngscnnk8MgDhgMFYGJtkwP98pHIOZHVDUXtpLK3b2T3yKGRiw0Ji3kPAFTXGpHvR/7V4l97q+d58P08L8AZAKiwr0f2Ngw0SfNhYeRDhgJnAKCa0mn/DxgGWvhg5MOGAQUAqudPi/I1fxjJuZF1DIMCAFTLGYXX/BndGyOnGgYFAKiWdxoC2vAuQ6AAANWxbg4sS7og1NqGQQEAqmGGIaADOxoCBQBQAFAAUACAIbXQENCBVwyBAsCSHjMEDOl8meNw0IHrDIECgCdRqjFfZjscKAAoAGN3Q+FUKsO56D4auc8hoQ13Rp40DAoAS3ohMs8w0OZcuWXA9unnDgttuMwQKAC0NssQ0Iari8E7W3RU5GGHhlHMjxxnGBQAWjuxKE+nwkhejnxuAPcrvSnxkw4Po0jzw+l/BYARpMX/bwwDozgpcuOA7tslkW84RLRwUeRHhgEFYHTfi/ybYaCF6yOnDPg+fjpyoUNFkzQfPmMYUADafxL9iWGgSfqtf99i8C+i8mzkwMh7Ig84bLX2QJ4HB+Z5AQpAG57K/3AOijxtOGotLfhfKsrLp/5uiPY7FditImdHbi58xLUuFubjfXY+/n6RYQlTDEHbLoj8LHJOZLfISoakNl6KXBP5bFGe+h/WIvvZ/OcVI9tFZkamObyVk97hn65Nka5n8rzhQAHojnSBlb0ikyObF+UXr6SsH2kYnkp5pCiv8JeeSG/KJaAq0qLw6xxAAaAD6dTavBzvtAZg6HgPAAAoAACAAgAAKAAAgAIAACgAAIACAAAoAACAAgAAKAAAgAIAACgAAIACAAAoAACAAgAAKAAAgAIAACgAAKAAAAAKAACgAAAACgAAoAAAAAoAAKAAAAAKAACgAAAACgAAoAAAAAoAAKAAAAAKAADQjimGYEwmR7aM7JizQaRhWCrlkch1kWsjN0RerMjjWi6ydZ63O0XWc6gr54GmuXtT5GVDggIwfutHzon8RWRFw1F5++ef6Qn0mshhkeuH9LFsmufuOyIrOLSV9/H8c0HkV5FDI3cYFpp5CaB9B+Y2/X6Lf+2k35p3yb9RfTH/9zD9G/9cUZ7FeLfFv3ZWyMf9hjwPPOejAHRg9ciPI1+PrGo4ai2dMTu+KE+vTh+C/Z0WuTLy95GpDl+tTc3z4Mo8L0ABaMNXI3sYBppsG/l2MdgvoaX3pFxUlGcuYLE0H/7FMKAALNsHIn9tGGhh+8gXBnj/DinK96rA6/2nyMGGAQVgZGtH/skwMIrj8tmAQbNx5HSHh1F8pSg/vYQCQAsn5hIAI0lvBjxrAPcrLf4rOTyMYpXIqYZBAaA1r53SjrcV5XUhzF2GzTsMgQLA0tI7Zrc0DLQ5V94yQPvzHyJ/4rDQhnQRqHUNgwLAkrYbwN/qGFwz7QtDakdDoACwpB0MAUM6X8xdFAAUgHF41hAwpPPF3KUTzxgCBYAlzTEEDOl8MXfpxHWGQAFgSbdGnjcMtGm2AsAQetV8UQBY2sKi/PIMWJbHI/cM0P48GbnbYaENt0eeNgwKAEv7kSGgDT82d/EchwJQLV9xFoBleDRy+ADuV7pE8T0OD6O4qyivdooCQAsvRz4aeclQMIJDcgkYNOmd3f8lssghooVFeX54n5MCwChu0pIZQfo64O8O8P79MnKOw0QLZ0f+n2FAAVi20yJHOxNAk/QtkQcOwX4eEflyUb6pFRbm+XCkoUABaM+ruQSkS6zeaDhq7f7I7kV56v+5IdjfVFqPKcovB7rD4au1O/I8OMYvMygAnUsvB6TLZn4hcmXh4zN1sSByTeSMyFaRy4bwMVxdlN9v8cXIrCEpL4zfc/l4fzEf/6sNCc0a86ZP784bhRqNVn+7ReS2sdxHo3v7MO7bj3Cv6a+nR2ZE1o/bNrq93Tb2YXyPuc3bNrq1zTHcrtHn7S2+TfzfR4ryIinzIq/0clsdz/nxbysV/82L8qzWtEYPH1NP51SHt2n0cVvNt+vrc1l5u/lFeXGq2xrlGczePneOcttG77a7Ttz2wTHNtfa2m74l8aFu7/cY5mD6d3prT9a7MEUHGrNUnO4onFpl+KRF4ZYcoKa8BAAACgAAoAAAAAoAAKAAAAAKAACgAAAACgAAoAAAAAoAAKAAAAAKAACgAAAACgAAoAAAAAoAAKAAAAAKAAAoAACAAgAAKAAAgAIAACgAAIACAAAoAACAAgAAKAAAgAIAACgAAIACAAAoAACAAgAAKAAAQEtTDMGYrB6Z0ZT1Iw3DUimPROZEZuefD1Xkca0ZmZnnbfo5zaGunPlN8zb9fNyQoACM3zaRr0V2MhS18L6mP/8u8unIz4b0sbw1cn6ew1TfPk1//m3k4Mg1hoVmXgJoz+TIsZHrLP61NT1yWeS8yCpDtN/LR06LXGXxr/UvLlflebC84UABaN86kd9EToq8wXDUXvpN6qbIDkOwr5tEro8cmUss9f4l5sg8HzYxHCgA7fl6ZEfDQJMNIt+KTB3wJ/xvRrZwuGiS5sPFCiEKwLJ9PLKnYaCFTSMnD/D+HVV4uYrW0vtBDjcMKAAjS+/sP8swMIrPRnYZwP1Kr/me4PAwii8Vzg4pAIZgRCdGVjUMLOPfz+kDuF9fLrxfhdGlNwOebBg8gdHa2wwBbUhvBlzO3GUIvd0QKAAsbeXIZoaBNn+T2nqA9mejyBoOC214U1G+1IkCQJPtjQ0dmGFfGFI+4aQA8Do7GAKGdL6YuyiMKADj8JghYEjni7lLJx41BAoAS5ptCBjS+TLH4aAD1xkCBYAlpS9+ecYwMISL7tzIIoeENiwsyksDowDQ5FX/MGhT+trg+wdof57OBRaW5dbIc4ZBAWBpPzAEDOk8MXdpx/cNgQJAa2cX5bcAwkgeKMpr7g+aEyO3OzyM4pZiuK8EuLDH9z9FAai3NME+FnnBUDCCT0SeGsD9SnP2gD48STK8z21pfrw4xI/hiR7P71p8T4ICMLo7IkcbBlq4MPKTAd6/a4rB/J4CJt5pxfB/0ikt/o/08P5rcX0EBWDZ0ksBn4w8ayjITzynRA4Zgn39b5EjIwscNvI8SPPh+Io8nvk9vO/0TZ9vVABIzi/K673/wlDUWnrd9M8ix0ZeGpKyckZRXh3wWoev1q7N8+CMojovDT3Qw/teJz/vL1flSaEAtO+eyG6Rj0e+Hbmz8HnrOkgf8bskcnh+Ah3GC6ekj3ulb377VOQ7eS5Tj+es7+Tj/vY8D6pkfo/v/4NF+VLaNlWdIFP8G+lIWvD/OSdZLS8K6Ru1GoanUtLri+kCPw9X5PGk3/r+MSdZsyhf55zmUFfO/Dx3H6/447yrD9tIXwx3Yz7bMDePa0p6D8VDwz6AjXnTp3fnt9hGy/UvvZPytrHcR6N7+zDu2zd6ve02btuYoO223PZYtzmG2zX6vL3Ft2n0cVsdz/kubKtnc6ufc6rD2zT6uK3m2/X1uayfc2o8c6s7203ryy1jeu7szlqRitaPivKjwE/1aA5uXox05qYx/t85vQQAwDBKC+MdE7j9dPbs4MjNkd2HcQAVAACG1SUDsA/rRX4aOS+yvAIAAL03SJe9TmcDTlIAAKD3ri4G6426ny/KjworAADQQ+mbW78yYGtq+pTYVAUAAHrrnMh9A7Q/mxXldUMUAADoofSlRscN2D7tpgAAQO99sygv2DMoZgzD+qoAADDs0nsBjhig/VmlKF8KUAAAoMd+VpRfdTwodhyGAvBij1sQAPTDFyI/HJB96ca3LvZyDX0xFYBneriB9cxHAPokvRTwnyPzBmBfuvHNob1cQ59JBeDpHm7AN40B0E/pl9r3FxP7bYjpy4F+N+Br6NO9PgOgAADQb3cX5Ufx7p2g7aevC+7GN+32cg3t+RkALwEAMBHSxwJ3isyagG1fNgRr6NNeAgCgqh7JZwIu7OM2fxv570Owhr5WAH6vAABQUS9FDowcWvT2Je/k5cgB+eegr6G/TwXg9h5uIF0IYTXzD4AJdm5kk8hXu7hAv94pkRu6dF+rFb29mNDtvS4Ay0X2NO8AGADpJYHPRLaMfKeL95s+858uQnRSF+9zz7yGDm0BSPY25wAYIOkjen8VmRn5+6L81MBY3RbZOXJ05JUhWjtvb8ybPn1y/OG5yPLjuqtGY6T/5dnIWkU7Vxxsuo9Gd/dhXLdv9Hrbbdy2MUHbbbntsW5zDLdr9Hl7i2/T6OO2Op7zXdhWz+ZWP+dUh7dp9HFbzbfr63NZP+fUeObWRD5/jXzbrfOim7L9qLvfaKSF/qbIj4rytP+CLs/BtB4/Flm5R+tdWo9XmpJPXaQ2tFWPWkZ6AOldmD9WOgEYUDfl/F1RnnpftyjfhLc46b8fLsor/F3f7qI/RruNuvh35wzIwin5P2b1sAAsPpWhAAAwDNKbBO/LmQi9Pv3/2rURFn8b4BU93thekanmFACMampeM3vpiuYC8MuiO5ctHMmfRA5zXAFgVIflNbNXFuU1/48F4NGi99+edExkTccWAFpaM6+VvTQvr/l/LADJL3q80XRRg2MdXwBo6dii9xfP++Na31wALu3Dg/t05M2OMQAs4c15jey1S1sVgJ9HHuzxht9QdPdKSQBQBSflNbKXHsxr/VIFIF0P4OI+PMgPR3Z1rAHgNbvmtbHXLs5r/VIFIPlGH3YgXb7of0c2dMwBqLkN85rY6MO2lljjX18Abi7KKxz1Wro08CWRlRx7AGpqpbwWrtWHbV2f1/gRC0ByYZ8e+Da5jTTMAQBqppHXwG36tL2l1vaRCsCjfdqhD0SONw8AqJnj8xrYD4+2WwCej5zVx0E4IbK/uQBATeyf175+OSuv7cssAMlXI0/1accWnwY5qfByAADV1chrXT9f/n4qr+lFuwXg6cg5fR6YdAWk7xW9/QpEAJgIK+c1rt9XxD0nr+ltF4Dkf4x0ox5KX4F4VeEjggBUx4Z5bdu7z9t9Oq/lRacF4PHIcRMwUOkdkddG3mXOADDk3pXXtG0mYNvH5bW84wKQ/ENk7gTs9NpF+X3F341sZv4AMGQ2y2vYFXlN67e5eQ0vxloA0iUDD4m8OkEDmD4ikS5ccF5kXfMJgAG3bl6zbi769zG/13s1r90Lx1MAknTq4vwJHMwpkYMjd0ZOLnr/VYkA0KnV8hp1Z16zpkzgvpyf1+5RNeZNn97Ona0euTGy/sj31IVPNDTdxyj39kLksqK8fOIPI491bR9GuH1jHLctunTbxgRtt+W2x7rNMdyu0eftLb5No4/b6miedWlbPZtb/ZxTHd6m0cdtNd+u0a+52+85NZ65NZHPX91dK9IlfN8X2Svy7sjUns3B9h/DfZFtizY+yt9uQ0l3tF/kVxPcaoo8wHvlpNMbv478IOduJRSAHtqoKN/Nn/L2yOQB2rdX8lrd1nV82j0DsNjfRs6Y4DMAo90+feThgcj8pp+L//y8MwDOADgD4AyAMwDOALRx2xUj60Wm5azX9HPVse53H84AHBH5Srt30elv82cW5fcW7zmgzWzVnC2UVABq5NK8RrdtUocbWBQ5oChfYwAAJt59eW1e1MsCkKSLCrwn8qQxB4AJ9WRekx/v9IaTxrjBeZH3RxYYewCYEAvyWjxvLDeeNI4NzyrKdxsudAwAoK8W5jV41ljvYNI4dyB9Fv9TjgMA9NWn8ho8ZpO6sBPpikMHORMAAH35zf+gogtX6J3UpR26ILJPUV6lDwDovhfyWntBN+5sUhd3LF2Wd7fIE44RAHTVE3mN/WG37nBSl3fwN5FdCpfkBYBuuTuvrb/p5p1O6sGO3hrZoSi/BxkAGLvv5jX11m7f8aQe7fAfIh+KHBp5yfEDgI68lNfQD+U1tesm9fgBnFuU35Z0l2MJAG25K6+d5/ZyI5P68EDmFOV3E58eedlxBYCWXs5r5bZ57eypSX16UM9FjopsF7nSMQaAJVyZ18ij8prZc5P6/ABvKcqvE94/8pDjDUDNPZTXxF3zGtk3kyboAV8c2Sjy2cj9jj8ANXN/XgM3ymti302awAefrmh0dmTjyMGFNwoCUH135TVv47wGTtgVdCcNwGCkjzp8LbJZZN/ITwvfKwBAdSzMa9u+ea37WjEAH5GfMmAD9L9y1o18JHJAZEtzB4AhNC9yUVGe4n9w0HauMW/69C7dU6Or99F0b+kKSHsU5TWQ0+cil+/ZPoxw+0avH38bt21M0HZbbnus2xzD7Rp93t7i2zT6uK2O5lmXttWzudXPOdXhbRp93Fbz7Rr9mrv9nlPjmVsT+fzVw7UivBj5deTyyE8ic7s2B3uw5g7SGYCRzM05ObJCZOemMrB55E1KJgAT4OHIbU2L/lWRBcOy81OGbLAX5EG+vOnvVivK11QWZ1pk5RZ5g7kKQBvS6/PPtsj8yO1N+cMwP8jGokWLHGoAqJlJhgAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABAAQAAFAAAQAEAABQAAEABAAAUAABQAAAABQAAUAAAAAUAAFAAAAAFAABQAAAABQAAUAAAAAUAAFAAAIBu+/8CDAAsOA90hXpNwAAAAABJRU5ErkJggg==\"","import { APIForVolunteerV3V2 } from \".\";\r\n\r\nexport const getAllNewsList = (langNumber) =>\r\n APIForVolunteerV3V2.get(`news_list?language=${langNumber}`);\r\n\r\nexport const getAllGalleryImageList = () => APIForVolunteerV3V2.get(`gallery`);\r\n","import React from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport \"./newsModal.css\";\r\nimport ShareHeader from \"../../LoaclComponents/shareHeader/ShareHeader\";\r\n\r\nfunction NewsModal(props) {\r\n let lng = JSON.parse(localStorage.getItem(\"language\"))?.lang;\r\n return (\r\n \r\n
\r\n {t(\"Media\")}
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n ) : !loading && allNews?.length>0? (\r\n \r\n
\r\n {loading ? (\r\n {t(\"News\")}
\r\n\r\n {allNews?.length > 0 &&\r\n allNews?.map((item, i) => {\r\n return
\r\n ): {t(\"No news found\")}
\r\n \r\n {news?.title}\r\n \r\n
\r\n {content}
\r\n\r\n
\r\n );\r\n\r\n function GraceCard(props) {\r\n const background = props.news.url;\r\n\r\n return (\r\n \r\n
\r\n {gace_conversations_list.length > 0 ? {t(\"Grace conservation\")}
\r\n\r\n {gace_conversations_list?.map((item, i) => {\r\n return
: \r\n
\r\n {t(\"Grace Request\")}
\r\n\r\n {/* \r\n {/* */}\r\n
\r\n \r\n );\r\n};\r\nconst LoadingContainer = (props) => \r\n
\r\n {loading ? {t(\"Payment Methods\")}
\r\n\r\n
\r\n }\r\n \r\n {paymentTokens.length > 0 ? (\r\n paymentTokens.map((token, index) => (\r\n
\r\n \r\n
\r\n\r\n ))\r\n ) : (\r\n \r\n ==='5'?)
\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {t(\"No Payment Method Found\")}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 
\r\n
\r\n {!toBeTrue ? (\r\n \r\n
\r\n \r\n \r\n
\r\n setLoadingImage(false)}\r\n />\r\n {loadingImage ? (\r\n