{error}
}\n {hintMessage ? (\n\n {hintMessage}\n
\n ) : null}\n \n );\n};\n\nexport default Input;\n","import axios from 'axios';\n\nimport { notification } from 'antd';\n\nexport const baseURL = process.env.REACT_APP_API;\n\nlet sessionExpired = false;\nlet isRefreshing = false;\nlet refreshSubscribers = [];\n\nconst instance = axios.create({\n baseURL,\n headers: {\n 'Content-Type': 'application/json',\n },\n});\n\nconst accessToken = localStorage.getItem('access_token');\nif (accessToken) {\n instance.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;\n}\n\nexport function getHeader(name) {\n return instance.defaults.headers.common[name];\n}\n\nexport function updateHeader(name, value) {\n if (value) {\n instance.defaults.headers.common[name] = value;\n } else {\n delete instance.defaults.headers.common[name];\n }\n}\n\nfunction subscribeTokenRefresh(cb) {\n refreshSubscribers.push(cb);\n}\n\nfunction onRefreshed(token) {\n refreshSubscribers.map((cb) => cb(token));\n refreshSubscribers = [];\n}\n\ninstance.interceptors.response.use(\n (response) => response,\n async (error) => {\n const originalRequest = error.config;\n\n if (\n error.response &&\n error.response.status === 401 &&\n error.response.data.code === 'token_not_valid' &&\n error.response.data.messages &&\n error.response.data.messages[0].token_type === 'access'\n ) {\n const refreshToken = localStorage.getItem('refresh_token');\n if (refreshToken && !originalRequest._retry) {\n originalRequest._retry = true;\n\n if (isRefreshing) {\n return new Promise((resolve) => {\n subscribeTokenRefresh((token) => {\n originalRequest.headers['Authorization'] = `Bearer ${token}`;\n resolve(instance(originalRequest));\n });\n });\n }\n\n isRefreshing = true;\n return axios\n .post(`${baseURL}token/refresh/`, { refresh: refreshToken })\n .then((response) => {\n const { access } = response.data;\n localStorage.setItem('access_token', access);\n updateHeader('Authorization', `Bearer ${access}`);\n\n originalRequest.headers['Authorization'] = `Bearer ${access}`;\n\n onRefreshed(access);\n isRefreshing = false;\n return instance(originalRequest);\n })\n .catch((refreshError) => {\n handleSessionExpiry();\n return Promise.reject(refreshError);\n });\n } else {\n handleSessionExpiry();\n }\n }\n\n return Promise.reject(error);\n }\n);\n\nfunction handleSessionExpiry() {\n if (!sessionExpired) {\n sessionExpired = true;\n\n localStorage.removeItem('access_token');\n localStorage.removeItem('refresh_token');\n localStorage.removeItem('user');\n\n notification.error({\n message: 'Ваша сессия закончилась',\n description: 'Авторизуйтесь для продолжения',\n });\n\n setTimeout(() => {\n window.location.href = '/auth/login';\n }, 3500);\n }\n}\n\nexport default instance;\n","import api from './api';\nimport { updateHeader } from './api';\n\nfunction setTokens({ access, refresh }) {\n localStorage.setItem('access_token', access);\n localStorage.setItem('refresh_token', refresh);\n updateHeader('Authorization', `Bearer ${access}`);\n}\n\nexport async function login({ email, password }) {\n try {\n const response = await api.post('/token/', { email, password });\n const { access, refresh } = response.data;\n setTokens({ access, refresh });\n return Promise.resolve(response);\n } catch (error) {\n return Promise.reject(error);\n }\n}\n\nexport function logout() {\n localStorage.removeItem('access_token');\n localStorage.removeItem('refresh_token');\n updateHeader('Authorization', null);\n return Promise.resolve();\n}\n\nexport async function refreshToken() {\n try {\n const refresh = localStorage.getItem('refresh_token');\n if (!refresh) throw new Error('No refresh token found');\n\n const response = await api.post('token/refresh/', { refresh });\n const { access } = response.data;\n localStorage.setItem('access_token', access);\n updateHeader('Authorization', `Bearer ${access}`);\n return Promise.resolve(response);\n } catch (error) {\n logout();\n return Promise.reject(error);\n }\n}\n\nexport function getMyCredentials() {\n return api.get('/users/me/');\n}\n\nexport function register(data) {\n updateHeader('Authorization', null);\n return api.post('/auth/register/', data);\n}\n\nexport function forgotPassword(data) {\n return api.post('/auth/forgot-password/', data);\n}\n\nexport function resetPassword(token, data) {\n return api.post(`/auth/password-reset/confirm/?token=${token}`, data);\n}\n\nexport function updateUser(data) {\n return api.put(`/users/update_me/`, data);\n}\n","import api from './api';\n\nexport function getBeneficiariesList({ programType, page, city }) {\n return api.get(\n `/beneficiaries?${programType ? `program=${programType}` : ''}${page ? `&page=${page}` : ''}${\n city ? `&city=${city}` : ''\n }`,\n );\n}\n\nexport function getPrograms() {\n return api.get('/programs/');\n}\n\nexport function getDefaultDenominations() {\n return api.get('/default-amounts/');\n}\n\nexport function getPaymentsHistory(page = 1) {\n return api.get(`/payments/?page=${page}`);\n}\n\nexport function calculateZakyat(data) {\n return api.post(`/zakyat-calculate/`, data);\n}\n\nexport function createDonation(data) {\n return api.post('/donations/', data);\n}\n\nexport function createBeneficiaryAmount({ beneficiaryId, amount }) {\n return api.post('/beneficiaryAmount/', {\n beneficiary: beneficiaryId,\n certificate_amount: amount,\n });\n}\n\nexport function createPayment({ donationId }) {\n return api.post('/payments/', { donation: donationId });\n}\n\nexport function initPayboxPayment({ pgOrderId }) {\n return api.post(`/payments/${pgOrderId}/init_payment_paybox/`, {});\n}\n","import api from './api';\n\nfunction withPaginationParams(url, startTime, endTime, page) {\n return `${url}${page ? `&page=${page}` : ''}${startTime ? `&start_time=${startTime}` : ''}${\n startTime ? `&end_time=${endTime}` : ''\n }`;\n}\n\nexport function getPosts({ postType = null, startTime, endTime, page = 1 } = {}) {\n return api.get(withPaginationParams(`/posts/?post_type=${postType}`, startTime, endTime, page));\n}\n\nexport function getPost(postId) {\n return api.get(`/posts/${postId}/`);\n}\n\nexport function getPostSubscriptions({ startTime, endTime, page = 1 } = {}) {\n return api.get(withPaginationParams('/post-subscriptions/', startTime, endTime, page));\n}\n\nexport function createPostSubscription(data) {\n return api.post('/post-subscriptions/', data);\n}\n\nexport function getSlides({ startTime, endTime, page = 1 } = {}) {\n return api.get(withPaginationParams('/slides/?', startTime, endTime, page));\n}\n\nexport function getSlide(slideId) {\n return api.get(`/slides/${slideId}/`);\n}\n\nexport function getVideos({ startTime = null, endTime = null, page = 1 } = {}) {\n return api.get(withPaginationParams(`/videos/?`, startTime, endTime, page));\n}\n\nexport function getVideo(videoId) {\n return api.get(`/videos/${videoId}/`);\n}\n\nexport function getCities() {\n return api.get('/cities/');\n}\n\nexport function getAllCities() {\n return api.get('/cities/?all=true');\n}\n\nexport function getGoldPrice() {\n return api.get('/gold-price/');\n}\n\nexport function getPrinciples() {\n return api.get('/principles/');\n}\n\nexport function getQuestions({ startTime = null, endTime = null, page = 1 } = {}) {\n return api.get(withPaginationParams('/questions/', startTime, endTime, page));\n}\n\nexport function createQuestion(data) {\n return api.post('/questions/', data);\n}\n\nexport function getStores({ startTime, endTime, page = 1 } = {}) {\n return api.get(withPaginationParams('/stores/', startTime, endTime, page));\n}\n\nexport function createStore(data) {\n return api.post('/stores/', data);\n}\n\nexport function getStore(storeId) {\n return api.get(`/stores/${storeId}/`);\n}\n\nexport function updateStore(storeId, data) {\n return api.put(`/stores/${storeId}/`, data);\n}\n\nexport function deleteStore(storeId) {\n return api.delete(`/stores/${storeId}/`);\n}\n\nexport function getWidgets() {\n return api.get('/widgets/');\n}\n\nexport function createWidget(data) {\n return api.post('/widgets/', data);\n}\n\nexport function getWidget(widgetId) {\n return api.get(`/widgets/${widgetId}/`);\n}\n\nexport function getVolunteers({ startTime, endTime, page = 1 } = {}) {\n return api.get(withPaginationParams(`/volunteers/`, startTime, endTime, page));\n}\n\nexport function createVolunteer(data) {\n return api.post('/volunteers/', data);\n}\n\nexport function getVolunteer(volunteerId) {\n return api.get(`/volunteers/${volunteerId}/`);\n}\n\nexport function getPayments({ startTime, endTime, page = 1 } = {}) {\n return api.get(withPaginationParams('/payments/', startTime, endTime, page));\n}\n\nexport function createPayment(data) {\n return api.post('/payments/', data);\n}\n\nexport function getPayment(paymentId) {\n return api.get(`/payments/${paymentId}/`);\n}\n\nexport function updatePayment(paymentId, data) {\n return api.post(`/payments/${paymentId}/`, data);\n}\n\nexport function deletePayment(paymentId) {\n return api.delete(`/payments/${paymentId}/`);\n}\n\nexport function getStatistics() {\n return api.get('/statistics/');\n}\n\nexport function getStatisticsItem(id) {\n return api.get(`/statistics/${id}`);\n}\n\nexport function createVolunteerRequest(data) {\n return api.post('/volunteer-requests/', data);\n}\n\nexport function getPrograms() {\n return api.get('/programs/');\n}\n","export const SET_USER = 'AUTH/SET_USER';\nexport const SET_TOKEN = 'AUTH/SET_TOKEN';\nexport const SET_REFRESH_TOKEN = 'AUTH/SET_REFRESH_TOKEN';\nexport const USER_LOGOUT = 'AUTH/USER_LOGOUT';\n\nexport const setUser = (user) => (dispatch) => {\n localStorage.setItem('user', JSON.stringify(user));\n dispatch({\n type: SET_USER,\n payload: user,\n });\n};\n\nexport const setToken = (accessToken) => (dispatch) => {\n localStorage.setItem('access_token', accessToken);\n dispatch({\n type: SET_TOKEN,\n payload: accessToken,\n });\n};\n\nexport const setRefreshToken = (refreshToken) => {\n localStorage.setItem('refresh_token', refreshToken);\n};\n\nexport const logout = () => (dispatch) => {\n localStorage.removeItem('user');\n localStorage.removeItem('access_token');\n localStorage.removeItem('refresh_token');\n\n dispatch({\n type: USER_LOGOUT,\n });\n};\n","import * as donationServices from 'services/donations.service';\nimport axios from 'axios';\n\nexport const SET_BENEFICIARIES = 'DONATIONS/SET_BENEFICIARIES';\nexport const SET_SELECTED_BENEFICIARIES = 'DONATIONS/SET_SELECTED_BENEFICIARIES';\nexport const SET_PROGRAMS = 'DONATIONS/SET_PROGRAMS';\nexport const SET_SELECTED_PROGRAM = 'DONATIONS/SET_SELECTED_PROGRAM';\nexport const SET_DENOMINATIONS = 'DONATIONS/SET_DENOMINATIONS';\nexport const SET_PAYMENTS_HISTORY = 'DONATIONS/SET_PAYMENTS_HISTORY';\n\nexport const SET_ZAKYAT_CALCULATOR_FORM_VALUES = 'DONATIONS/SET_ZAKYAT_CALCULATOR_FORM_VALUES';\nexport const SET_ZAKYAT_CALCULATION_FORM_STATE = 'DONATIONS/SET_ZAKYAT_CALCULATION_FORM_STATE';\nexport const SET_ZAKYAT_CALCUATION_TRIGGERRER = 'DONATIONS/SET_ZAKYAT_CALCUATION_TRIGGERRER';\nexport const SET_ZAKYAT_CALCULATOR_RESPONSE = 'DONATIONS/SET_ZAKYAT_CALCULATOR_RESPONSE';\n\nexport const SET_SELECTION_PARAMS = 'DONATIONS/SET_SELECTION_PARAMS';\n\nexport const CREATE_BENEFICIARIES_AMOUNT = 'DONATIONS/CREATE_BENEFICIARIES_AMOUNT';\nexport const CREATE_DONATION = 'DONATIONS/CREATE_DONATION';\nexport const CREATE_PAYMENT = 'DONATIONS/CREATE_PAYMENT';\nexport const INIT_PAYMENT_PAYBOX = 'DONATIONS/INIT_PAYMENT_PAYBOX';\n\nexport const setBeneficiaries = (beneficiaries) => (dispatch) => {\n dispatch({\n type: SET_BENEFICIARIES,\n payload: beneficiaries,\n });\n};\n\nexport const setSelectedBeneficiaries = (beneficiaries) => (dispatch) => {\n dispatch({\n type: SET_SELECTED_BENEFICIARIES,\n payload: beneficiaries,\n });\n};\n\nexport const setPrograms = (programs) => (dispatch) => {\n dispatch({\n type: SET_PROGRAMS,\n payload: programs,\n });\n};\n\nexport const setSelectedProgram = (program) => (dispatch) => {\n dispatch({\n type: SET_SELECTED_PROGRAM,\n payload: program,\n });\n};\n\nexport const setDefaultDenominations = (denominations) => (dispatch) => {\n dispatch({\n type: SET_DENOMINATIONS,\n payload: denominations,\n });\n};\n\nexport const setPaymentsHistory = (paymentsWithPagination) => (dispatch) => {\n dispatch({\n type: SET_PAYMENTS_HISTORY,\n payload: paymentsWithPagination,\n });\n};\n\nexport const setZakyatCalculatorFormValues = (formValues) => (dispatch) => {\n dispatch({\n type: SET_ZAKYAT_CALCULATOR_FORM_VALUES,\n payload: formValues,\n });\n};\n\nexport const setZakyatCalculationFormState = (formState) => (dispatch) => {\n dispatch({\n type: SET_ZAKYAT_CALCULATION_FORM_STATE,\n payload: formState,\n });\n};\n\nexport const setZakyatCalculationTriggerrer = (shouldCalculate) => (dispatch) => {\n dispatch({\n type: SET_ZAKYAT_CALCUATION_TRIGGERRER,\n payload: shouldCalculate,\n });\n};\n\nexport const setZakyatCalculationResponse = (values) => (dispatch) => {\n dispatch({\n type: SET_ZAKYAT_CALCULATOR_RESPONSE,\n payload: values,\n });\n};\n\nexport const setSelectionParams = (params) => (dispatch) => {\n dispatch({\n type: SET_SELECTION_PARAMS,\n payload: params,\n });\n};\n\nexport const createBeneficiaryAmounts = (bensWithAmount) => (dispatch) => {\n const requests = bensWithAmount.map((benWithAmount) => {\n const { id } = benWithAmount.beneficiary;\n const { amount } = benWithAmount;\n return donationServices.createBeneficiaryAmount({ beneficiaryId: id, amount });\n });\n\n let benAmountIds = [];\n return axios\n .all(requests)\n .then(\n axios.spread((...responses) => {\n benAmountIds = responses.map((r) => r.data.id);\n dispatch({\n type: CREATE_BENEFICIARIES_AMOUNT,\n payload: benAmountIds,\n });\n return Promise.resolve(benAmountIds);\n }),\n )\n .catch((errors) => {\n console.error(errors);\n return Promise.reject(errors);\n });\n};\n\nexport const createDonation = (\n programId,\n benAmountIds,\n random,\n donationAmount,\n certificateAmount,\n) => (dispatch) => {\n const payload = {\n program: programId,\n donation_amount: donationAmount,\n };\n\n if (random) {\n payload.certificate_amount = certificateAmount;\n } else {\n payload.beneficiaries = benAmountIds;\n payload.certificate_amount = certificateAmount;\n }\n\n return donationServices\n .createDonation(payload)\n .then((response) => {\n const { data } = response;\n dispatch({\n type: CREATE_DONATION,\n payload: data,\n });\n return Promise.resolve(data);\n })\n .catch((error) => Promise.reject(error));\n};\n\nexport const createPayment = (donationId) => (dispatch) => {\n return donationServices\n .createPayment({ donationId })\n .then((response) => {\n const { data } = response;\n dispatch({\n type: CREATE_PAYMENT,\n payload: data,\n });\n return Promise.resolve(data);\n })\n .catch((error) => Promise.reject(error));\n};\n\nexport const initPaymentPaybox = (pgOrderId) => (dispatch) => {\n return donationServices\n .initPayboxPayment({ pgOrderId })\n .then((response) => {\n dispatch({\n type: INIT_PAYMENT_PAYBOX,\n payload: response,\n });\n return Promise.resolve(response);\n })\n .catch((error) => Promise.reject(error));\n};\n\nexport const processPayment = (\n random,\n programId,\n bensWithAmount,\n donationAmount,\n certificateAmount,\n) => (dispatch) => {\n if (random) {\n return dispatch(createDonation(programId, [], true, donationAmount, certificateAmount)).then(\n (donation) => {\n return dispatch(createPayment(donation.id)).then((data) => {\n const pgOrderId = data.pg_order_id;\n return dispatch(initPaymentPaybox(pgOrderId));\n });\n },\n );\n } else {\n return dispatch(createBeneficiaryAmounts(bensWithAmount)).then((benAmountIds) => {\n return dispatch(createDonation(programId, benAmountIds, false, donationAmount, certificateAmount)).then((donation) => {\n return dispatch(createPayment(donation.id)).then((data) => {\n const pgOrderId = data.pg_order_id;\n return dispatch(initPaymentPaybox(pgOrderId));\n });\n });\n });\n }\n};\n","export const SET_SLIDES = 'UTILITY/SET_SLIDES';\nexport const SET_VIDEOS = 'UTILITY/SET_VIDEOS';\nexport const SET_NEWS = 'UTILITY/SET_NEWS';\nexport const SET_STORIES = 'UTILITY/SET_STORIES';\nexport const SET_REPORTS = 'UTILITY/SET_REPORTS';\nexport const SET_PRINCIPLES = 'UTILITY/SET_PRINCIPLES';\nexport const SET_CITIES = 'UTILITY/SET_CITIES';\nexport const SET_GOLD_PRICE = 'UTILITY/SET_GOLD_PRICE';\nexport const SET_SELECTED_CITY = 'UTILITY/SET_SELECTED_CITY';\nexport const SET_PROGRAMS = 'UTILITY/SET_PROGRAMS';\n\nexport const setSlides = (slides) => (dispatch) => {\n dispatch({\n type: SET_SLIDES,\n payload: slides,\n });\n};\n\nexport const setVideos = (videos) => (dispatch) => {\n dispatch({\n type: SET_VIDEOS,\n payload: videos,\n });\n};\n\nexport const setNews = (news) => (dispatch) => {\n dispatch({\n type: SET_NEWS,\n payload: news,\n });\n};\n\nexport const setStories = (stories) => (dispatch) => {\n dispatch({\n type: SET_STORIES,\n payload: stories,\n });\n};\n\nexport const setReports = (reports) => (dispatch) => {\n dispatch({\n type: SET_REPORTS,\n payload: reports,\n });\n};\n\nexport const setPrinciples = (principles) => (dispatch) => {\n dispatch({\n type: SET_PRINCIPLES,\n payload: principles,\n });\n};\n\nexport const setCities = (cities) => (dispatch) => {\n dispatch({\n type: SET_CITIES,\n payload: cities,\n });\n};\n\nexport const setGoldPrice = (goldPrice) => (dispatch) => {\n dispatch({\n type: SET_GOLD_PRICE,\n payload: goldPrice,\n });\n};\n\nexport const setSelectedCity = (city) => (dispatch) => {\n dispatch({\n type: SET_SELECTED_CITY,\n payload: city,\n });\n};\n\nexport const setPrograms = (programs) => (dispatch) => {\n dispatch({\n type: SET_PROGRAMS,\n payload: programs,\n });\n};\n","/**\n * Take input from [0, n] and return it as [0, 1]\n * @hidden\n */\nexport function bound01(n, max) {\n if (isOnePointZero(n)) {\n n = '100%';\n }\n var isPercent = isPercentage(n);\n n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));\n // Automatically convert percentage into number\n if (isPercent) {\n n = parseInt(String(n * max), 10) / 100;\n }\n // Handle floating point rounding errors\n if (Math.abs(n - max) < 0.000001) {\n return 1;\n }\n // Convert into [0, 1] range if it isn't already\n if (max === 360) {\n // If n is a hue given in degrees,\n // wrap around out-of-range values into [0, 360] range\n // then convert into [0, 1].\n n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));\n }\n else {\n // If n not a hue given in degrees\n // Convert into [0, 1] range if it isn't already.\n n = (n % max) / parseFloat(String(max));\n }\n return n;\n}\n/**\n * Force a number between 0 and 1\n * @hidden\n */\nexport function clamp01(val) {\n return Math.min(1, Math.max(0, val));\n}\n/**\n * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1\n *