diff --git a/package.json b/package.json
index 814c4fd66..8a9917fd8 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
     "@react-pdf/renderer": "^3.1.3",
     "@sentry/nextjs": "^7.80.0",
     "@stripe/react-stripe-js": "^1.16.1",
-    "@stripe/stripe-js": "^1.46.0",
+    "@stripe/stripe-js": "^3.1.0",
     "@tanstack/react-query": "^4.16.1",
     "@tryghost/content-api": "^1.11.4",
     "axios": "^1.6.8",
@@ -62,6 +62,7 @@
     "next-auth": "^4.24.5",
     "next-i18next": "^14.0.3",
     "nookies": "^2.5.2",
+    "papaparse": "^5.4.1",
     "quill-blot-formatter": "^1.0.5",
     "quill-html-edit-button": "^2.2.12",
     "react": "18.2.0",
@@ -98,6 +99,7 @@
     "@types/lodash.truncate": "^4.4.7",
     "@types/lru-cache": "^5.1.1",
     "@types/node": "14.14.37",
+    "@types/papaparse": "^5",
     "@types/react": "18.2.14",
     "@types/react-dom": "^18.0.0",
     "@types/react-gtm-module": "2.0.0",
diff --git a/src/common/hooks/bank-transactions.ts b/src/common/hooks/bank-transactions.ts
index 028acce03..c2c8a7cd0 100644
--- a/src/common/hooks/bank-transactions.ts
+++ b/src/common/hooks/bank-transactions.ts
@@ -1,4 +1,4 @@
-import { BankTransactionsHistoryResponse } from 'gql/bank-transactions'
+import { BankTransactionsHistoryResponse, BankTransactionsInput } from 'gql/bank-transactions'
 import { useSession } from 'next-auth/react'
 
 import { useQuery } from '@tanstack/react-query'
@@ -21,3 +21,11 @@ export function useBankTransactionsList(
     },
   )
 }
+
+export function useFindBankTransaction(id: string) {
+  const { data: session } = useSession()
+  return useQuery<BankTransactionsInput>(
+    [endpoints.bankTransactions.getTransactionById(id).url],
+    authQueryFnFactory<BankTransactionsInput>(session?.accessToken),
+  )
+}
diff --git a/src/common/hooks/donation.ts b/src/common/hooks/donation.ts
index 5c7d175dd..2232fbb07 100644
--- a/src/common/hooks/donation.ts
+++ b/src/common/hooks/donation.ts
@@ -13,6 +13,7 @@ import {
   DonationResponse,
   DonorsCountResult,
   PaymentAdminResponse,
+  StripeChargeResponse,
   TPaymentResponse,
   TotalDonatedMoneyResponse,
   UserDonationResult,
@@ -114,3 +115,11 @@ export function getTotalDonatedMoney() {
 export function useDonatedUsersCount() {
   return useQuery<DonorsCountResult>([endpoints.donation.getDonorsCount.url])
 }
+
+export function useGetStripeChargeFromPID(stripeId: string) {
+  const { data: session } = useSession()
+  return useQuery<StripeChargeResponse>(
+    [endpoints.payments.referenceStripeWithInternal(stripeId).url],
+    { queryFn: authQueryFnFactory(session?.accessToken) },
+  )
+}
diff --git a/src/common/util/lazyWithPreload.ts b/src/common/util/lazyWithPreload.ts
new file mode 100644
index 000000000..42a3d332a
--- /dev/null
+++ b/src/common/util/lazyWithPreload.ts
@@ -0,0 +1,21 @@
+import React, { ComponentProps, ComponentType, LazyExoticComponent } from 'react'
+
+export type PreloadableComponent<T extends ComponentType<ComponentProps<T>>> =
+  LazyExoticComponent<T> & {
+    preload(): Promise<T>
+  }
+
+function lazyWithPreload<T extends ComponentType<ComponentProps<T>>>(
+  factory: () => Promise<{ default: T }>,
+): PreloadableComponent<T> {
+  const Component: Partial<PreloadableComponent<T>> = React.lazy(factory)
+
+  Component.preload = async () => {
+    const LoadableComponent = await factory()
+    return LoadableComponent.default
+  }
+
+  return Component as PreloadableComponent<T>
+}
+
+export default lazyWithPreload
diff --git a/src/components/admin/payments/PaymentsPage.tsx b/src/components/admin/payments/PaymentsPage.tsx
index 50e2c6d21..8083c4892 100644
--- a/src/components/admin/payments/PaymentsPage.tsx
+++ b/src/components/admin/payments/PaymentsPage.tsx
@@ -11,7 +11,7 @@ export const ModalStore = new ModalStoreImpl()
 export const RefundStore = new RefundStoreImpl()
 export const InvalidateStore = new ModalStoreImpl()
 
-export default function DocumentsPage() {
+export default function PaymentsPage() {
   const { t } = useTranslation()
 
   return (
diff --git a/src/components/admin/payments/create-payment/CreatePaymentDialog.tsx b/src/components/admin/payments/create-payment/CreatePaymentDialog.tsx
new file mode 100644
index 000000000..738685d13
--- /dev/null
+++ b/src/components/admin/payments/create-payment/CreatePaymentDialog.tsx
@@ -0,0 +1,25 @@
+import React, { createContext } from 'react'
+import {
+  Actions,
+  CreatePayment,
+  createPaymentStepReducer,
+} from './helpers/createPaymentStepReducer'
+import CreatePaymentStepper from './CreatePaymentStepper'
+import { observer } from 'mobx-react'
+
+export type PaymentContext = {
+  payment: CreatePayment
+  dispatch: React.Dispatch<Actions>
+}
+export const PaymentContext = createContext<PaymentContext>({} as PaymentContext)
+
+function CreatePaymentDialog() {
+  const [payment, dispatch] = createPaymentStepReducer()
+  return (
+    <PaymentContext.Provider value={{ payment, dispatch }}>
+      <CreatePaymentStepper />
+    </PaymentContext.Provider>
+  )
+}
+
+export default observer(CreatePaymentDialog)
diff --git a/src/components/admin/payments/create-payment/CreatePaymentStepper.tsx b/src/components/admin/payments/create-payment/CreatePaymentStepper.tsx
new file mode 100644
index 000000000..8f714568b
--- /dev/null
+++ b/src/components/admin/payments/create-payment/CreatePaymentStepper.tsx
@@ -0,0 +1,113 @@
+import { Button, Card, CardContent, Dialog, Grid, IconButton } from '@mui/material'
+
+import { Form, Formik } from 'formik'
+import React, { useContext } from 'react'
+import * as yup from 'yup'
+import { FileImportDialog } from './benevity/FileImportDialog'
+import { benevityInputValidation, benevityValidation } from './benevity/helpers/validation'
+import BenevityImportTypeSelector from './benevity/BenevityImportTypeSelector'
+import CreatePaymentFromBenevityRecord from './benevity/CreatePaymentFromBenevityRecord'
+import { PaymentContext } from './CreatePaymentDialog'
+import PaymentTypeSelector from './PaymentTypeSelector'
+import { BenevityManualImport } from './benevity/BenevityManualImport'
+import { stripeInputValidation } from './stripe/helpers/validations'
+import { StripeChargeLookupForm } from './stripe/StripeChargeLookupForm'
+import { SelectedPaymentSource } from './helpers/createPaymentStepReducer'
+import { CreatePaymentFromStripeCharge } from './stripe/CreatePaymentFromStripeCharge'
+import { ModalStore } from '../PaymentsPage'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
+import { Close } from '@mui/icons-material'
+type Validation = yup.InferType<
+  typeof stripeInputValidation | typeof benevityValidation | typeof benevityInputValidation
+>
+
+type Steps<T> = {
+  [key in SelectedPaymentSource]: {
+    component: React.JSX.Element
+    validation?: yup.SchemaOf<T> | null
+  }[]
+}
+
+function CreatePaymentStepper() {
+  const paymentContext = useContext(PaymentContext)
+  const { isPaymentImportOpen, hideImport } = ModalStore
+  const { payment, dispatch } = paymentContext
+
+  const steps: Steps<Validation> = {
+    none: [{ component: <PaymentTypeSelector /> }],
+    stripe: [
+      {
+        component: <StripeChargeLookupForm />,
+        validation: stripeInputValidation,
+      },
+      {
+        component: <CreatePaymentFromStripeCharge />,
+      },
+    ],
+    benevity: [
+      {
+        component: <BenevityImportTypeSelector />,
+        validation: null,
+      },
+      {
+        component:
+          payment.benevityImportType === 'file' ? <FileImportDialog /> : <BenevityManualImport />,
+        validation: payment.benevityImportType === 'file' ? null : benevityInputValidation,
+      },
+      {
+        component: <CreatePaymentFromBenevityRecord />,
+        validation: benevityValidation,
+      },
+    ],
+  }
+  const onClose = () => {
+    dispatch({ type: 'RESET_MODAL' })
+    hideImport()
+  }
+
+  const handleOnBackClick = () => {
+    dispatch({ type: 'DECREMENT_STEP' })
+  }
+  return (
+    <Dialog open={isPaymentImportOpen} onClose={onClose} maxWidth={false}>
+      <Card sx={{ display: 'flex' }}>
+        <CardContent>
+          <Grid container direction="column" gap={3}>
+            <Grid
+              container
+              item
+              direction={'row'}
+              justifyContent={'space-between'}
+              px={1}
+              sx={{ display: payment.paymentSource !== 'none' ? 'flex' : 'none' }}>
+              <Button
+                startIcon={<ArrowBackIcon />}
+                onClick={handleOnBackClick}
+                sx={{ display: payment.paymentSource !== 'none' ? 'flex' : 'none', padding: 0 }}>
+                Назад
+              </Button>
+              <IconButton onClick={onClose} sx={{ alignSelf: 'flex-end', padding: 0 }}>
+                <Close color="error" />
+              </IconButton>
+            </Grid>
+            <Grid container item>
+              <Formik
+                validateOnBlur
+                onSubmit={async () => {
+                  if (payment.step < steps[payment.paymentSource].length - 1) {
+                    dispatch({ type: 'INCREMENT_STEP' })
+                  }
+                }}
+                initialValues={{}}
+                validationSchema={steps[payment.paymentSource][payment.step].validation}>
+                <Form>{steps[payment.paymentSource][payment.step].component}</Form>
+              </Formik>
+            </Grid>
+          </Grid>
+        </CardContent>
+      </Card>
+    </Dialog>
+  )
+}
+
+export default CreatePaymentStepper
diff --git a/src/components/admin/payments/create-payment/PaymentTypeSelector.tsx b/src/components/admin/payments/create-payment/PaymentTypeSelector.tsx
new file mode 100644
index 000000000..50d84bfc2
--- /dev/null
+++ b/src/components/admin/payments/create-payment/PaymentTypeSelector.tsx
@@ -0,0 +1,31 @@
+import { Box, Button, Typography } from '@mui/material'
+import { useTranslation } from 'next-i18next'
+import React, { useContext } from 'react'
+import { SelectedPaymentSource } from './helpers/createPaymentStepReducer'
+import { PaymentContext } from './CreatePaymentDialog'
+
+export default function PaymentTypeSelector() {
+  const paymentContext = useContext(PaymentContext)
+  const { t } = useTranslation('')
+  const handleSubmit = (source: SelectedPaymentSource) => {
+    paymentContext.dispatch({ type: 'UPDATE_PAYMENT_SOURCE', payload: source })
+  }
+  return (
+    <>
+      <Typography variant="h6" component={'h2'} sx={{ marginBottom: '16px', textAlign: 'center' }}>
+        Ръчно добавяне на плащане
+      </Typography>
+      <Typography variant="body1" sx={{ marginBottom: '16px', textAlign: 'center' }}>
+        {t('')} <b />
+      </Typography>
+      <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', gap: 2 }}>
+        <Button variant="outlined" onClick={() => handleSubmit('stripe')}>
+          През Stripe
+        </Button>
+        <Button variant="outlined" onClick={() => handleSubmit('benevity')}>
+          През Benevity
+        </Button>
+      </Box>
+    </>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/BenevityEditableInput.tsx b/src/components/admin/payments/create-payment/benevity/BenevityEditableInput.tsx
new file mode 100644
index 000000000..c5dc374a5
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/BenevityEditableInput.tsx
@@ -0,0 +1,76 @@
+import { IconButton, TextField } from '@mui/material'
+import { TranslatableField, translateError } from 'common/form/validation'
+import { useField } from 'formik'
+import { useTranslation } from 'next-i18next'
+import { useEffect, useRef, useState } from 'react'
+import EditIcon from '@mui/icons-material/Edit'
+
+export const BenevityInput = ({
+  name,
+  suffix,
+  canEdit = false,
+}: {
+  name: string
+  suffix?: string
+  canEdit?: boolean
+}) => {
+  const { t } = useTranslation()
+  const [editable, setEditable] = useState(false)
+  const [field, meta] = useField(name)
+  const helperText = meta.touched ? translateError(meta.error as TranslatableField, t) : ''
+
+  const ref = useRef<HTMLDivElement | null>(null)
+
+  useEffect(() => {
+    if (!editable) return
+    const child = ref.current
+    child?.focus()
+  }, [editable])
+
+  const toggleEdit = () => {
+    setEditable((prev) => !prev)
+  }
+  const onBlur = (
+    formikBlur: typeof field.onBlur,
+    e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement, Element>,
+  ) => {
+    formikBlur(e)
+    toggleEdit()
+  }
+
+  return (
+    <TextField
+      helperText={helperText}
+      error={Boolean(meta.error) && Boolean(meta.touched)}
+      variant="standard"
+      id={field.name}
+      type="text"
+      {...field}
+      onBlur={(e) => onBlur(field.onBlur, e)}
+      InputProps={{
+        disableUnderline: !editable,
+        inputRef: ref,
+        disabled: !editable,
+        sx: {
+          '& .MuiInputBase-input.Mui-disabled': {
+            WebkitTextFillColor: '#000000',
+          },
+          '& .MuiInputBase-input': {
+            width: `${String(field.value).length + 1}ch`,
+            maxWidth: !editable ? `12ch` : 'auto',
+          },
+        },
+        endAdornment: (
+          <>
+            {suffix && <span>{suffix}</span>}
+            {canEdit && (
+              <IconButton size="small" onClick={toggleEdit} sx={{ color: 'primary.light' }}>
+                <EditIcon />
+              </IconButton>
+            )}
+          </>
+        ),
+      }}
+    />
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/BenevityImportTypeSelector.tsx b/src/components/admin/payments/create-payment/benevity/BenevityImportTypeSelector.tsx
new file mode 100644
index 000000000..b0f3b1bfc
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/BenevityImportTypeSelector.tsx
@@ -0,0 +1,36 @@
+import { Box, Button, Typography } from '@mui/material'
+import { useTranslation } from 'next-i18next'
+import { observer } from 'mobx-react'
+import { useContext } from 'react'
+import { PaymentContext } from '../CreatePaymentDialog'
+import { BenevityImportType } from '../helpers/createPaymentStepReducer'
+
+function BenevityImportFirstStep() {
+  const { t } = useTranslation()
+  const paymentContext = useContext(PaymentContext)
+
+  const handleImportTypeChange = (importType: BenevityImportType) => {
+    paymentContext.dispatch({ type: 'SET_BENEVITY_IMPORT_TYPE', payload: importType })
+  }
+
+  return (
+    <>
+      <Typography variant="h6" sx={{ marginBottom: '16px', textAlign: 'center' }}>
+        Прикачване на CSV файл
+      </Typography>
+      <Typography variant="body1" sx={{ marginBottom: '16px', textAlign: 'center' }}>
+        {t('Създаване на дарения от Benevity, чрез CSV файл')} <b />
+      </Typography>
+      <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', gap: 2 }}>
+        <Button onClick={() => handleImportTypeChange('file')} variant="outlined">
+          {t('Чрез файл')}
+        </Button>
+        <Button onClick={() => handleImportTypeChange('manual')} variant="outlined">
+          {t('Ръчно въвеждане')}
+        </Button>
+      </Box>
+    </>
+  )
+}
+
+export default observer(BenevityImportFirstStep)
diff --git a/src/components/admin/payments/create-payment/benevity/BenevityManualImport.tsx b/src/components/admin/payments/create-payment/benevity/BenevityManualImport.tsx
new file mode 100644
index 000000000..adf61776e
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/BenevityManualImport.tsx
@@ -0,0 +1,25 @@
+import { Box, Button, TextField, Typography } from '@mui/material'
+import { TranslatableField, translateError } from 'common/form/validation'
+import { useField } from 'formik'
+import { useTranslation } from 'next-i18next'
+
+export function BenevityManualImport() {
+  const { t } = useTranslation('')
+  const [field, meta] = useField('transactionId')
+  const helperText = meta.touched ? translateError(meta.error as TranslatableField, t) : ''
+  return (
+    <>
+      <Typography variant="body1" sx={{ marginBottom: '16px', textAlign: 'center' }}>
+        {t('Въведете ID от Benevity или ID на банкова транзация')} <b />
+      </Typography>
+      <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', gap: 2 }}>
+        <TextField
+          {...field}
+          error={Boolean(meta.error) && Boolean(meta.touched)}
+          helperText={helperText}
+        />
+        <Button type="submit">Търсене на запис</Button>
+      </Box>
+    </>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/CreatePaymentFromBenevityForm.tsx b/src/components/admin/payments/create-payment/benevity/CreatePaymentFromBenevityForm.tsx
new file mode 100644
index 000000000..3d6cba0b0
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/CreatePaymentFromBenevityForm.tsx
@@ -0,0 +1,97 @@
+import { Button, Grid, Typography } from '@mui/material'
+import { useMutation } from '@tanstack/react-query'
+import { useImportBenevityDonation } from 'service/donation'
+import { benevityInitialValues } from './helpers/form/initialValues'
+import { useFormikContext } from 'formik'
+import { AxiosError, AxiosResponse } from 'axios'
+import { TPaymentResponse } from 'gql/donations'
+import { BenevityRequest } from './helpers/benevity.types'
+import { useEffect } from 'react'
+import { fromMoney } from 'common/util/money'
+import SubmitButton from 'components/common/form/SubmitButton'
+import { BenevityImportInput } from './helpers/benevity.types'
+import BenevityTransactionData from './helpers/form/BenevityTransactionData'
+import { BenevityDonationsTable } from './helpers/form/BenevityDonationTable'
+import { BankTransactionsInput } from 'gql/bank-transactions'
+import { AlertStore } from 'stores/AlertStore'
+import { ApiError } from 'service/apiErrors'
+import { useTranslation } from 'next-i18next'
+import { ModalStore } from '../../PaymentsPage'
+
+type CreatePaymentFromBenevityForm = {
+  data: BankTransactionsInput
+}
+export function CreatePaymentFromBenevityForm({ data }: CreatePaymentFromBenevityForm) {
+  const { hideImport } = ModalStore
+  const { t } = useTranslation()
+
+  const benevityMutation = useMutation<
+    AxiosResponse<TPaymentResponse>,
+    AxiosError<ApiError>,
+    BenevityRequest
+  >({
+    mutationFn: useImportBenevityDonation(),
+    onSuccess: () => {
+      AlertStore.show(t('common:alerts.success'), 'success')
+      hideImport()
+    },
+    onError: (error: AxiosError<ApiError>) => {
+      AlertStore.show(error.message, 'error')
+    },
+  })
+  const { values, setFieldValue } = useFormikContext<BenevityImportInput>()
+
+  useEffect(() => {
+    if (!data) return
+    setFieldValue('amount', fromMoney(data.amount ?? 0))
+    setFieldValue('transactionId', data.id)
+    setFieldValue('currency', values.benevityData?.currency)
+    if (!values.benevityData) {
+      setFieldValue('benevityData', benevityInitialValues)
+    }
+  }, [])
+
+  useEffect(() => {
+    setFieldValue('exchangeRate', values.amount / values.benevityData?.netTotalPayment)
+  }, [values.amount, values.benevityData?.netTotalPayment])
+
+  const handleSubmit = () => {
+    const bodyReq: BenevityRequest = {
+      amount: values.amount,
+      exchangeRate: values.exchangeRate,
+      benevityData: values.benevityData,
+      extPaymentIntentId: values.transactionId,
+    }
+    benevityMutation.mutate(bodyReq)
+  }
+  return (
+    <Grid container sx={{ padding: 2 }} xs={12} gap={2}>
+      <Grid container item direction={'column'}>
+        <BenevityTransactionData
+          exchangeRate={values.exchangeRate ?? 0}
+          sentCurrency={values.currency}
+          receivedCurrency={data.currency}
+        />
+      </Grid>
+      <Grid item xs={12}>
+        <Typography fontSize={17} sx={{ marginTop: 5 }}>
+          Дарения по кампании:
+        </Typography>
+        <BenevityDonationsTable />
+      </Grid>
+      <Grid container item gap={2} direction={'column'} alignItems={'center'}>
+        <Grid container item sx={{ width: '40%' }} gap={2}>
+          <SubmitButton
+            fullWidth
+            label="donations:cta.submit"
+            loading={benevityMutation.isLoading}
+            onClick={handleSubmit}
+          />
+          <Button fullWidth onClick={() => hideImport()}>
+            Отказ
+          </Button>
+        </Grid>
+      </Grid>
+    </Grid>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/CreatePaymentFromBenevityRecord.tsx b/src/components/admin/payments/create-payment/benevity/CreatePaymentFromBenevityRecord.tsx
new file mode 100644
index 000000000..06c4f5fe2
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/CreatePaymentFromBenevityRecord.tsx
@@ -0,0 +1,21 @@
+import { useFindBankTransaction } from 'common/hooks/bank-transactions'
+import { useFormikContext } from 'formik'
+import React from 'react'
+import { BenevityImportInput } from './helpers/benevity.types'
+import { CircularProgress } from '@mui/material'
+import { CreatePaymentFromBenevityForm } from './CreatePaymentFromBenevityForm'
+
+export default function CreatePaymentFromBenevityRecord() {
+  const { values } = useFormikContext<BenevityImportInput>()
+  const { data, isLoading, isError } = useFindBankTransaction(
+    values.transactionId ?? values.benevityData?.disbursementId,
+  )
+  if (isLoading) return <CircularProgress />
+  if (isError) return
+  if (!isLoading && !data)
+    return `Bank donation with ${
+      values.transactionId ?? values.benevityData.disbursementId
+    } not found`
+
+  return <CreatePaymentFromBenevityForm data={data} />
+}
diff --git a/src/components/admin/payments/create-payment/benevity/FileImportDialog.tsx b/src/components/admin/payments/create-payment/benevity/FileImportDialog.tsx
new file mode 100644
index 000000000..f98bd873b
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/FileImportDialog.tsx
@@ -0,0 +1,91 @@
+import { BenevityCSVParser } from './helpers/benevityCsvParser'
+import { asyncFileReader } from './helpers/readFile'
+import { useField } from 'formik'
+import { useRef, useState } from 'react'
+
+export function FileImportDialog() {
+  const [, setIsDragging] = useState(false)
+  const inputFile = useRef<HTMLInputElement | null>(null)
+  const submitButtonRef = useRef<HTMLButtonElement | null>(null)
+  const [, , { setValue }] = useField('benevityData')
+
+  const onDragOver = (event: React.DragEvent) => {
+    event.preventDefault()
+    setIsDragging(true)
+    event.dataTransfer.dropEffect = 'copy'
+  }
+  const onDragLeave = (event: React.DragEvent) => {
+    event.preventDefault()
+    setIsDragging(false)
+  }
+  const onDrop = async (event: React.DragEvent) => {
+    event.preventDefault()
+    setIsDragging(false)
+    const file = event.dataTransfer.files[0]
+    const fileAsText = await asyncFileReader(file)
+    const csvToJSON = BenevityCSVParser(fileAsText as string)
+    setValue(csvToJSON)
+    submitButtonRef.current?.click()
+  }
+  const onClick = () => {
+    inputFile.current?.click()
+  }
+
+  const onChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
+    event.preventDefault()
+    setIsDragging(false)
+
+    const filelist = event.target.files
+    if (!filelist) return
+    const file = filelist[0]
+    if (file.type !== 'text/csv')
+      throw new Error('Unsupported file format. Only csv files are allowed')
+    const fileAsText = await asyncFileReader(file)
+    const csvToJSON = BenevityCSVParser(fileAsText as string)
+    setValue(csvToJSON)
+    submitButtonRef.current?.click()
+  }
+
+  return (
+    <>
+      <div
+        style={{
+          width: '50vw',
+          height: '50vh',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+        <div
+          draggable
+          onClick={onClick}
+          onDrop={onDrop}
+          onDragOver={onDragOver}
+          onDragLeave={onDragLeave}
+          style={{
+            width: '90%',
+            height: '90%',
+            border: 3,
+            borderStyle: 'dashed',
+            color: 'gray',
+            justifyContent: 'center',
+            display: 'flex',
+            alignItems: 'center',
+            borderRadius: 20,
+            cursor: 'pointer',
+          }}>
+          Провлачете файла в квадрата
+        </div>
+      </div>
+      <input
+        type="file"
+        id="file"
+        ref={inputFile}
+        style={{ display: 'none' }}
+        accept=".csv"
+        onChange={onChange}
+      />
+      <button type="submit" id="file" ref={submitButtonRef} style={{ display: 'none' }} />
+    </>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/benevity.types.ts b/src/components/admin/payments/create-payment/benevity/helpers/benevity.types.ts
new file mode 100644
index 000000000..deb08b68c
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/benevity.types.ts
@@ -0,0 +1,63 @@
+export type TBenevityCSVParser = {
+  charityName: string
+  charityId: string
+  periodEnding: string
+  currency: string
+  paymentMethod: string
+  disbursementId: string
+  totalDonationsGross: string
+  checkFee: string
+  note: string
+  netTotalPayment: number
+  transactionAmount: number
+  exchangeRate: number
+  donations: TBenevityDonation[]
+}
+
+export type TBenevityDonation = {
+  company: string
+  project: string
+  donationDate: string
+  donorFirstName: string
+  donorLastName: string
+  email: string
+  address: string
+  city: string
+  stateProvince: string
+  postalCode: string
+  activity: string
+  comment: string
+  transactionId: string
+  donationFrequency: string
+  currency: string
+  projectRemoteId: string
+  source: string
+  reason: string
+  totalDonationToBeAcknowledged: number
+  matchAmount: number
+  causeSupportFee: number
+  merchantFee: number
+  feeComment: string
+  totalFee: number
+  totalAmount: number
+}
+
+export type BenevityDonation = Pick<
+  TBenevityDonation,
+  'email' | 'donorFirstName' | 'donorLastName' | 'totalAmount' | 'projectRemoteId' | 'transactionId'
+>
+
+export type BenevityImportInput = {
+  amount: number
+  transactionId: string
+  exchangeRate: number
+  currency: string
+  benevityData: TBenevityCSVParser
+}
+
+export type BenevityRequest = {
+  amount: number
+  extPaymentIntentId: string
+  exchangeRate: number
+  benevityData: Pick<TBenevityCSVParser, 'donations'>
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/benevityCsvParser.ts b/src/components/admin/payments/create-payment/benevity/helpers/benevityCsvParser.ts
new file mode 100644
index 000000000..80c826898
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/benevityCsvParser.ts
@@ -0,0 +1,81 @@
+import camelCase from 'lodash/camelCase'
+import Papa from 'papaparse'
+import { TBenevityCSVParser, TBenevityDonation } from './benevity.types'
+
+/**
+ * Serialize Benevity CSV donation report to JavaScript Object
+ * @param csvString CSV string to serialize
+ * @returns
+ */
+
+export function BenevityCSVParser(csvString: string): TBenevityCSVParser {
+  const benevityObj = {} as TBenevityCSVParser
+  benevityObj.donations = []
+
+  const EXPECTED_CSV_SECTIONS = 4
+  const SECTION_DELIMETER = '#-------------------------------------------,'
+
+  //Some reports include redundant quotes which affects the end result of the parser
+  const csvWithoutQuotes = csvString.replace(/["']/gm, '')
+
+  //Get index of Totals inside the string, and prepend SECTION_DELIMETER to split project donations the rest of data inside csv.
+  const END_OF_PROJECTS_SECTION = csvWithoutQuotes.lastIndexOf('Totals,')
+  const finalString =
+    csvWithoutQuotes.substring(0, END_OF_PROJECTS_SECTION) +
+    `${SECTION_DELIMETER}` +
+    csvWithoutQuotes.substring(END_OF_PROJECTS_SECTION)
+
+  const csvArr = finalString.split(SECTION_DELIMETER).filter((line) => line !== '\n')
+
+  if (csvArr.length !== EXPECTED_CSV_SECTIONS) {
+    throw new Error(
+      'More or less sections found than expected.\nPlease check your file and try again or import benevity report manually ',
+    )
+  }
+
+  const donationSummary = csvArr[1].concat(csvArr[3])
+  Papa.parse<Record<keyof TBenevityCSVParser, TBenevityCSVParser[keyof TBenevityCSVParser]>>(
+    donationSummary,
+    {
+      skipEmptyLines: true,
+      dynamicTyping: true,
+      step(row: Papa.ParseStepResult<unknown>) {
+        const [key, value] = row.data as [string, string]
+
+        if (!key || !value) return
+        const transformedKey = camelCase(key) as keyof TBenevityCSVParser
+        ;(benevityObj as BenevtyObj)[transformedKey] = value
+      },
+    },
+  )
+
+  const projectsSummary = csvArr[2]
+  Papa.parse(projectsSummary, {
+    header: true,
+    skipEmptyLines: true,
+    dynamicTyping(field) {
+      return (
+        field === 'merchantFee' ||
+        field === 'causeSupportFee' ||
+        field === 'matchAmount' ||
+        field === 'totalDonationToBeAcknowledged'
+      )
+    },
+    transformHeader(header) {
+      return camelCase(header)
+    },
+    complete: (result: Papa.ParseResult<TBenevityDonation>) => {
+      const donationsWithCalculation = result.data.map((result) => {
+        const totalFee = result.merchantFee + result.causeSupportFee
+        result['totalFee'] = totalFee
+        result['totalAmount'] = result.totalDonationToBeAcknowledged + result.matchAmount - totalFee
+        return result
+      })
+
+      benevityObj.donations = donationsWithCalculation
+    },
+  })
+  return benevityObj
+}
+
+type BenevtyObj = Record<keyof TBenevityCSVParser, TBenevityCSVParser[keyof TBenevityCSVParser]>
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/form/BenevityDonationTable.tsx b/src/components/admin/payments/create-payment/benevity/helpers/form/BenevityDonationTable.tsx
new file mode 100644
index 000000000..28c9a8c90
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/form/BenevityDonationTable.tsx
@@ -0,0 +1,132 @@
+import {
+  Box,
+  IconButton,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  Typography,
+} from '@mui/material'
+
+import { FieldArray, useFormikContext } from 'formik'
+
+import { BenevityImportInput } from '../benevity.types'
+import { Delete } from '@mui/icons-material'
+import { benevityDonationInitialValues } from './initialValues'
+import { BenevityInput } from '../../BenevityEditableInput'
+import AddCircleIcon from '@mui/icons-material/AddCircle'
+
+export const BenevityDonationsTable = () => {
+  const { values } = useFormikContext<BenevityImportInput>()
+  const exchangeRate = values.exchangeRate
+  return (
+    <FieldArray
+      name="benevityData.donations"
+      render={(arrayHelper) => (
+        <TableContainer
+          sx={{
+            maxHeight: 300,
+            maxWidth: 1400,
+            '&::-webkit-scrollbar': {
+              width: '0.3em',
+              height: '0.7em',
+            },
+            '&::-webkit-scrollbar-thumb': {
+              backgroundColor: '#4AC3FFBB',
+            },
+            overflow: 'auto',
+          }}>
+          <Table stickyHeader>
+            <TableHead>
+              <TableRow>
+                <TableCell>Действия</TableCell>
+                <TableCell>ID на транзакция</TableCell>
+                <TableCell>Кампания</TableCell>
+                <TableCell>Project Remote Id</TableCell>
+                <TableCell>Дарение(орг. валута)</TableCell>
+                <TableCell>Дарение(BGN)</TableCell>
+                <TableCell>Дарител име</TableCell>
+                <TableCell>Дарител фамилия</TableCell>
+                <TableCell>Дарител емайл</TableCell>
+              </TableRow>
+            </TableHead>
+            <TableBody>
+              {values.benevityData?.donations?.map((donation, index) => {
+                return (
+                  <TableRow key={`${index}`}>
+                    <TableCell>
+                      <IconButton onClick={() => arrayHelper.remove(index)}>
+                        <Delete fontSize="small" sx={{ color: '#FF3632' }} />
+                      </IconButton>
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].transactionId`}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].project`}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].projectRemoteId`}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].totalAmount`}
+                        suffix={donation.currency}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      &#8776;{(donation.totalAmount * exchangeRate).toFixed(2)} BGN
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].donorFirstName`}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].donorLastName`}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                    <TableCell>
+                      <BenevityInput
+                        name={`benevityData.donations[${index}].email`}
+                        canEdit={true}
+                      />
+                    </TableCell>
+                  </TableRow>
+                )
+              })}
+
+              <TableRow sx={{ width: '100%', padding: 0, position: 'relative' }}>
+                <TableCell colSpan={8} padding="checkbox">
+                  <Box display={'flex'} justifyContent={'center'}>
+                    <IconButton
+                      size="large"
+                      onClick={() => arrayHelper.push(benevityDonationInitialValues)}>
+                      <AddCircleIcon />
+                      <Typography fontSize={16}>Добави ново дарение</Typography>
+                    </IconButton>
+                  </Box>
+                </TableCell>
+              </TableRow>
+            </TableBody>
+          </Table>
+        </TableContainer>
+      )}
+    />
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/form/BenevityTransactionData.tsx b/src/components/admin/payments/create-payment/benevity/helpers/form/BenevityTransactionData.tsx
new file mode 100644
index 000000000..2af46f4c9
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/form/BenevityTransactionData.tsx
@@ -0,0 +1,34 @@
+import { Grid, Typography } from '@mui/material'
+import React from 'react'
+import { BenevityInput } from '../../BenevityEditableInput'
+import { ExchangeRate } from './ExchangeRate'
+import { Currency } from 'gql/currency'
+
+type BenevityTransactionDataProps = {
+  sentCurrency: string
+  receivedCurrency: Currency
+  exchangeRate: number
+}
+export default function BenevityTransactionData({
+  receivedCurrency,
+  sentCurrency,
+  exchangeRate,
+}: BenevityTransactionDataProps) {
+  return (
+    <>
+      <Grid item display={'flex'} gap={1} alignItems={'center'}>
+        <Typography fontSize={17}>Получени средства(BGN):</Typography>
+        <BenevityInput name="amount" suffix={receivedCurrency} />
+      </Grid>
+      <Grid item display={'flex'} gap={1} alignItems={'center'}>
+        <Typography fontSize={17}>Превод валута:</Typography>
+        <BenevityInput name="currency" canEdit={true} />
+      </Grid>
+      <Grid item display={'flex'} gap={1} alignItems={'center'}>
+        <Typography fontSize={17}>Изпратени средства(Нето):</Typography>
+        <BenevityInput name="benevityData.netTotalPayment" suffix={sentCurrency} canEdit={true} />
+      </Grid>
+      <ExchangeRate exchangeRate={exchangeRate} />
+    </>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/form/ExchangeRate.tsx b/src/components/admin/payments/create-payment/benevity/helpers/form/ExchangeRate.tsx
new file mode 100644
index 000000000..7aed488f7
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/form/ExchangeRate.tsx
@@ -0,0 +1,8 @@
+import { Typography } from '@mui/material'
+
+type ExchangeRateProps = {
+  exchangeRate: number
+}
+export const ExchangeRate = ({ exchangeRate }: ExchangeRateProps) => {
+  return <Typography fontSize={17}>Курс: {exchangeRate.toFixed(2)}</Typography>
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/form/initialValues.ts b/src/components/admin/payments/create-payment/benevity/helpers/form/initialValues.ts
new file mode 100644
index 000000000..59fc02f6f
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/form/initialValues.ts
@@ -0,0 +1,45 @@
+import { TBenevityCSVParser, TBenevityDonation } from '../benevity.types'
+
+export const benevityInitialValues: TBenevityCSVParser = {
+  charityId: '',
+  charityName: '',
+  currency: '',
+  donations: [],
+  periodEnding: '',
+  paymentMethod: '',
+  disbursementId: '',
+  checkFee: '',
+  totalDonationsGross: '',
+  netTotalPayment: 0,
+  transactionAmount: 0,
+  exchangeRate: 0,
+  note: '',
+}
+
+export const benevityDonationInitialValues: TBenevityDonation = {
+  company: '',
+  project: '',
+  donationDate: '',
+  donorFirstName: '',
+  donorLastName: '',
+  email: '',
+  address: '',
+  city: '',
+  stateProvince: '',
+  postalCode: '',
+  activity: '',
+  comment: '',
+  transactionId: '',
+  donationFrequency: '',
+  currency: '',
+  projectRemoteId: '',
+  source: '',
+  reason: '',
+  totalDonationToBeAcknowledged: 0,
+  matchAmount: 0,
+  causeSupportFee: 0,
+  merchantFee: 0,
+  feeComment: '',
+  totalFee: 0,
+  totalAmount: 0,
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/readFile.ts b/src/components/admin/payments/create-payment/benevity/helpers/readFile.ts
new file mode 100644
index 000000000..6945a8e7a
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/readFile.ts
@@ -0,0 +1,21 @@
+/**
+ * Read file asynchronously
+ * @param file File to read
+ * @returns
+ */
+export async function asyncFileReader(file: File): Promise<string | ArrayBuffer> {
+  const reader = new FileReader()
+  reader.readAsText(file)
+  return new Promise((resolve, reject) => {
+    reader.onload = function () {
+      if (!reader.result) {
+        reject(`File couldn't be parsed`)
+        return
+      }
+      resolve(reader.result)
+    }
+    reader.onerror = function () {
+      reject(reader.error)
+    }
+  })
+}
diff --git a/src/components/admin/payments/create-payment/benevity/helpers/validation.ts b/src/components/admin/payments/create-payment/benevity/helpers/validation.ts
new file mode 100644
index 000000000..47f38d837
--- /dev/null
+++ b/src/components/admin/payments/create-payment/benevity/helpers/validation.ts
@@ -0,0 +1,30 @@
+import * as yup from 'yup'
+import { BenevityDonation, BenevityRequest } from './benevity.types'
+
+const benevityDonationValidationObject: yup.SchemaOf<BenevityDonation> = yup.object().shape({
+  transactionId: yup.string().required(),
+  email: yup.string().required(),
+  donorFirstName: yup.string().required(),
+  donorLastName: yup.string().required(),
+  totalAmount: yup.number().required(),
+  projectRemoteId: yup.string().required(),
+})
+
+export const benevityValidation: yup.SchemaOf<BenevityRequest> = yup
+  .object()
+  .defined()
+  .shape({
+    amount: yup.number().required(),
+    extPaymentIntentId: yup.string().required(),
+    exchangeRate: yup.number().required(),
+    benevityData: yup
+      .object()
+      .defined()
+      .shape({
+        donations: yup.array().of(benevityDonationValidationObject).optional(),
+      }),
+  })
+
+export const benevityInputValidation = yup.object({
+  transactionId: yup.string().required(),
+})
diff --git a/src/components/admin/payments/create-payment/helpers/createPaymentStepReducer.ts b/src/components/admin/payments/create-payment/helpers/createPaymentStepReducer.ts
new file mode 100644
index 000000000..d78645c7c
--- /dev/null
+++ b/src/components/admin/payments/create-payment/helpers/createPaymentStepReducer.ts
@@ -0,0 +1,72 @@
+import { useReducer } from 'react'
+
+export const ACTIONS = {
+  CREATE_PAYMENT: 'CREATE_PAYMENT',
+  INCREMENT_STEP: 'INCREMENT_STEP',
+  DECREMENT_STEP: 'DECREMENT_STEP',
+  UPDATE_PAYMENT_SOURCE: 'UPDATE_PAYMENT_SOURCE',
+  RESET_MODAL: 'RESET_MODAL',
+  SET_BENEVITY_IMPORT_TYPE: 'SET_BENEVITY_IMPORT_TYPE',
+}
+export type SelectedPaymentSource = 'none' | 'stripe' | 'benevity'
+export type BenevityImportType = 'none' | 'file' | 'manual'
+
+export type CreatePayment = {
+  paymentSource: SelectedPaymentSource
+  step: number
+  dialogOpen: boolean
+  benevityImportType?: BenevityImportType
+}
+
+export type Actions = {
+  type: keyof typeof ACTIONS
+  payload?: unknown
+}
+
+const initialValues: CreatePayment = {
+  paymentSource: 'none',
+  step: 0,
+  dialogOpen: true,
+}
+
+function reducer(state: CreatePayment, actions: Actions): CreatePayment {
+  switch (actions.type) {
+    case 'CREATE_PAYMENT':
+      return {
+        ...state,
+        paymentSource: actions.payload as SelectedPaymentSource,
+        step: 0,
+        dialogOpen: true,
+      }
+    case 'UPDATE_PAYMENT_SOURCE':
+      return {
+        ...state,
+        paymentSource: actions.payload as SelectedPaymentSource,
+      }
+    case 'INCREMENT_STEP':
+      return {
+        ...state,
+        step: state.step + 1,
+      }
+    case 'RESET_MODAL':
+      return initialValues
+    case 'SET_BENEVITY_IMPORT_TYPE':
+      return {
+        ...state,
+        benevityImportType: actions.payload as BenevityImportType,
+        step: 1,
+      }
+    case 'DECREMENT_STEP':
+      return {
+        ...state,
+        paymentSource:
+          state.paymentSource !== 'none' && state.step === 0 ? 'none' : state.paymentSource,
+        step: state.step - 1 > 1 ? state.step-- : 0,
+      }
+    default:
+      return state
+  }
+}
+
+export const createPaymentStepReducer = (initialState = initialValues) =>
+  useReducer(reducer, initialState)
diff --git a/src/components/admin/payments/create-payment/stripe/CreatePaymentFromStripeCharge.tsx b/src/components/admin/payments/create-payment/stripe/CreatePaymentFromStripeCharge.tsx
new file mode 100644
index 000000000..6b656f5dd
--- /dev/null
+++ b/src/components/admin/payments/create-payment/stripe/CreatePaymentFromStripeCharge.tsx
@@ -0,0 +1,12 @@
+import { useField } from 'formik'
+import { CreatePaymentFromStripeChargeTable } from './StripeCreatePaymentDialog'
+import CenteredSpinner from 'components/common/CenteredSpinner'
+import { useGetStripeChargeFromPID } from 'common/hooks/donation'
+
+export function CreatePaymentFromStripeCharge() {
+  const [field] = useField('extPaymentIntentId')
+  const data = useGetStripeChargeFromPID(field.value)
+  if (data.isLoading) return <CenteredSpinner />
+  if (data.isError) return
+  return <CreatePaymentFromStripeChargeTable data={data.data} id={field.value} />
+}
diff --git a/src/components/admin/payments/create-payment/stripe/StripeChargeLookupForm.tsx b/src/components/admin/payments/create-payment/stripe/StripeChargeLookupForm.tsx
new file mode 100644
index 000000000..30d00f5a7
--- /dev/null
+++ b/src/components/admin/payments/create-payment/stripe/StripeChargeLookupForm.tsx
@@ -0,0 +1,38 @@
+import { Box, Button, TextField, Typography } from '@mui/material'
+import { TranslatableField, translateError } from 'common/form/validation'
+import { useField, useFormikContext } from 'formik'
+import { useTranslation } from 'next-i18next'
+
+export function StripeChargeLookupForm() {
+  const [field, meta] = useField('extPaymentIntentId')
+  const { handleSubmit } = useFormikContext()
+  const { t } = useTranslation()
+  const helperText = translateError(meta.error as TranslatableField, t)
+
+  return (
+    <>
+      <Typography variant="body1" sx={{ marginBottom: '16px', textAlign: 'center' }}>
+        {t('Въведете номер на плащане от Страйп')} <b />
+      </Typography>
+      <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
+        <TextField
+          variant="outlined"
+          {...field}
+          error={Boolean(meta.error)}
+          helperText={helperText}
+        />
+        <Typography variant="body2" color={'gray'} fontSize={14}>
+          Платещените номера от Страйп започват с:
+          <br /> ch_
+        </Typography>
+        <Button
+          type="button"
+          variant="outlined"
+          onClick={() => handleSubmit()}
+          sx={{ marginTop: 4 }}>
+          Търсене на запис
+        </Button>
+      </Box>
+    </>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/stripe/StripeCreatePaymentDialog.tsx b/src/components/admin/payments/create-payment/stripe/StripeCreatePaymentDialog.tsx
new file mode 100644
index 000000000..42a454af2
--- /dev/null
+++ b/src/components/admin/payments/create-payment/stripe/StripeCreatePaymentDialog.tsx
@@ -0,0 +1,117 @@
+import {
+  Button,
+  Grid,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  Typography,
+} from '@mui/material'
+import { useMutation } from '@tanstack/react-query'
+import { AxiosError, AxiosResponse } from 'axios'
+import { money } from 'common/util/money'
+import { stripeFeeCalculator } from 'components/client/one-time-donation/helpers/stripe-fee-calculator'
+
+import { StripeChargeResponse, TPaymentResponse } from 'gql/donations'
+import React from 'react'
+import { useTranslation } from 'next-i18next'
+import { useCreatePaymentFromStripeMutation } from 'service/donation'
+import Stripe from 'stripe'
+import { AlertStore } from 'stores/AlertStore'
+import { ApiError } from 'service/apiErrors'
+import { ModalStore } from '../../PaymentsPage'
+
+type CreateUpdatePaymentFromStripeChargeProps = {
+  data: StripeChargeResponse
+  id: string
+}
+
+export function CreatePaymentFromStripeChargeTable({
+  data,
+  id,
+}: CreateUpdatePaymentFromStripeChargeProps) {
+  const { t } = useTranslation()
+  const { hideImport } = ModalStore
+  const stripeMutation = useMutation<
+    AxiosResponse<TPaymentResponse>,
+    AxiosError<ApiError>,
+    Stripe.Charge
+  >({
+    mutationFn: useCreatePaymentFromStripeMutation(),
+    onSuccess: () => {
+      AlertStore.show(t('common:alerts.success'), 'success')
+      hideImport()
+    },
+    onError: (error: AxiosError<ApiError>) => {
+      AlertStore.show(error.message, 'error')
+    },
+  })
+
+  const handleSubmit = () => {
+    stripeMutation.mutate(data.stripe)
+  }
+
+  const stripeStatus = data.stripe.refunded ? 'refund' : data.stripe.status
+
+  return (
+    <Grid container direction={'column'} gap={2} justifyContent={'center'}>
+      <Grid item xs={12}>
+        <Typography variant="h3" fontSize={12}>
+          Намерено плащане
+        </Typography>
+      </Grid>
+      <Grid item>
+        <Typography fontSize={16} sx={{ wordBreak: 'break-all', width: 600 }}>
+          Плащане с номер{' '}
+          <Grid component="span" fontWeight={600}>
+            {id}
+          </Grid>{' '}
+          беше намерено. Желате ли да синхронизирате вътрешните данни със Страйп?
+        </Typography>
+      </Grid>
+      <Grid item>
+        <TableContainer>
+          <TableHead>
+            <TableCell />
+            <TableCell>База данни на Страйп</TableCell>
+            <TableCell>Вътрена база данни</TableCell>
+          </TableHead>
+          <TableRow>
+            <TableCell>Статус</TableCell>
+            <TableCell>{t('profile:donations.status.' + stripeStatus)}</TableCell>
+            <TableCell>
+              {data.internal?.status
+                ? t('profile:donations.status.' + data.internal?.status)
+                : 'N/A'}
+            </TableCell>
+          </TableRow>
+          <TableRow>
+            <TableCell>Сума(бруто)</TableCell>
+            <TableCell>{money(data.stripe.amount)}</TableCell>
+            <TableCell>{money(data.internal?.chargedAmount ?? 0)}</TableCell>
+          </TableRow>
+          <TableRow>
+            <TableCell>Сума(нето)</TableCell>
+            <TableCell>
+              {money(data.stripe.amount - stripeFeeCalculator(data.stripe.amount, data.region))}
+            </TableCell>
+            <TableCell>{money(data.internal?.amount ?? 0)}</TableCell>
+          </TableRow>
+          <TableRow>
+            <TableCell>Дарител(име)</TableCell>
+            <TableCell>{data.stripe.billing_details.name}</TableCell>
+            <TableCell>{data.internal?.billingName ?? 'N/A'}</TableCell>
+          </TableRow>
+          <TableRow>
+            <TableCell>Дарител(емайл)</TableCell>
+            <TableCell>{data.stripe.billing_details.email}</TableCell>
+            <TableCell>{data.internal?.billingEmail ?? 'N/A'}</TableCell>
+          </TableRow>
+        </TableContainer>
+      </Grid>
+      <Button variant="contained" onClick={() => handleSubmit()}>
+        Синхронизиране
+      </Button>
+    </Grid>
+  )
+}
diff --git a/src/components/admin/payments/create-payment/stripe/helpers/validations.ts b/src/components/admin/payments/create-payment/stripe/helpers/validations.ts
new file mode 100644
index 000000000..e4fe60fd3
--- /dev/null
+++ b/src/components/admin/payments/create-payment/stripe/helpers/validations.ts
@@ -0,0 +1,4 @@
+import * as yup from 'yup'
+export const stripeInputValidation = yup.object({
+  extPaymentIntentId: yup.string().required().matches(/^ch_/, 'Невалиден номер на Страйп'),
+})
diff --git a/src/components/admin/payments/grid/Grid.tsx b/src/components/admin/payments/grid/Grid.tsx
index f7ba32b0b..790881774 100644
--- a/src/components/admin/payments/grid/Grid.tsx
+++ b/src/components/admin/payments/grid/Grid.tsx
@@ -30,6 +30,7 @@ import { PaymentStatus, PaymentProvider } from '../../../../gql/donations.enums'
 import { useSession } from 'next-auth/react'
 import { PaymentAdminResponse } from 'gql/donations'
 import Link from 'next/link'
+import CreatePaymentDialog from '../create-payment/CreatePaymentDialog'
 
 interface RenderCellProps {
   params: GridRenderCellParams
@@ -51,7 +52,7 @@ export default observer(function Grid() {
   const [focusedRowId, setFocusedRowId] = useState(null as string | null)
   const { t } = useTranslation()
   const router = useRouter()
-  const { isDetailsOpen } = ModalStore
+  const { isDetailsOpen, isPaymentImportOpen } = ModalStore
   const { isRefundOpen } = RefundStore
   const {
     isDeleteOpen,
@@ -274,6 +275,7 @@ export default observer(function Grid() {
       {isDetailsOpen && <DetailsModal />}
       {isRefundOpen && <RefundModal />}
       {isDeleteOpen && <InvalidateModal onUpdate={refetch} />}
+      {isPaymentImportOpen && <CreatePaymentDialog />}
     </>
   )
 })
diff --git a/src/components/admin/payments/grid/GridAppbar.tsx b/src/components/admin/payments/grid/GridAppbar.tsx
index 7388944ec..6b1d80a93 100644
--- a/src/components/admin/payments/grid/GridAppbar.tsx
+++ b/src/components/admin/payments/grid/GridAppbar.tsx
@@ -2,8 +2,8 @@ import { useRouter } from 'next/router'
 import { useTranslation } from 'next-i18next'
 import {
   Box,
-  Button,
   FormControl,
+  IconButton,
   InputLabel,
   MenuItem,
   Select,
@@ -26,6 +26,9 @@ import theme from 'common/theme'
 import debounce from 'lodash/debounce'
 
 import { useCampaignList } from 'common/hooks/campaigns'
+import AddIcon from '@mui/icons-material/Add'
+import { ModalStore } from '../PaymentsPage'
+import { observer } from 'mobx-react'
 
 const addIconStyles = {
   background: theme.palette.primary.light,
@@ -35,7 +38,7 @@ const addIconStyles = {
   boxShadow: 3,
 }
 
-export default function GridAppbar() {
+function GridAppbar() {
   const router = useRouter()
   const { donationStore } = useStores()
   const { t } = useTranslation()
@@ -50,7 +53,7 @@ export default function GridAppbar() {
   const [searchValue, setSearchValue] = useState('')
   const [selectedCampaign, setSelectedCampaign] = useState<string | undefined>('')
   const { data: campaigns } = useCampaignList()
-
+  const { showImport } = ModalStore
   const debounceSearch = useMemo(
     () =>
       debounce(
@@ -130,9 +133,23 @@ export default function GridAppbar() {
         </FormControl>
       </Box>
       <Box sx={{ height: '64px', display: 'flex', alignItems: 'flex-end', pb: 1 }}>
-        <Box sx={{ display: 'flex', alignItems: 'center' }}>
+        <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-evenly' }}>
+          <IconButton onClick={() => showImport()}>
+            <Tooltip title="Създаване на ново плащане">
+              <AddIcon sx={addIconStyles} fontSize="large" />
+            </Tooltip>
+          </IconButton>
+          <IconButton>
+            <Tooltip title={t('donations:cta:download') || ''}>
+              <DownloadFileIcon
+                sx={addIconStyles}
+                fontSize="large"
+                onClick={() => exportToExcel.mutate()}
+              />
+            </Tooltip>
+          </IconButton>
           {/* button is disabled because we have a bug(conflicting bank donations) https://github.com/podkrepi-bg/frontend/issues/1649 */}
-          <Button disabled>
+          <IconButton disabled>
             <Tooltip title={t('donations:form-heading-bank-transactions-file') || ''}>
               <Receipt
                 sx={addIconStyles}
@@ -140,16 +157,11 @@ export default function GridAppbar() {
                 onClick={() => router.push(routes.admin.donations.addBankTransactionsFile)}
               />
             </Tooltip>
-          </Button>
-          <Tooltip title={t('donations:cta:download') || ''}>
-            <DownloadFileIcon
-              sx={addIconStyles}
-              fontSize="large"
-              onClick={() => exportToExcel.mutate()}
-            />
-          </Tooltip>
+          </IconButton>
         </Box>
       </Box>
     </Toolbar>
   )
 }
+
+export default observer(GridAppbar)
diff --git a/src/components/common/Carousel.tsx b/src/components/common/Carousel.tsx
new file mode 100644
index 000000000..0f79733b1
--- /dev/null
+++ b/src/components/common/Carousel.tsx
@@ -0,0 +1,91 @@
+import 'slick-carousel/slick/slick-theme.css'
+import 'slick-carousel/slick/slick.css'
+import { useEffect, useRef } from 'react'
+import Slider from 'react-slick'
+import { styled } from '@mui/material/styles'
+
+import type { InnerSlider, Settings } from 'react-slick'
+
+type Props = Settings & {
+  children: React.JSX.Element[] | React.JSX.Element | undefined
+}
+
+type TInnerSlider = InnerSlider & {
+  props: Settings
+}
+
+interface InternalSlider extends Slider {
+  innerSlider: TInnerSlider
+}
+
+const SliderStyled = styled(Slider)(({ theme }) => ({
+  '.slick-list': {
+    paddingBottom: theme.spacing(3),
+    transition: 'visibility 2000ms',
+  },
+
+  '.slick-track': {
+    transition: 'visibility 3000ms',
+  },
+
+  '.slick-dots li button::before': {
+    fontSize: theme.typography.pxToRem(10),
+    color: '#D9D9D9',
+    opacity: 1,
+  },
+
+  '.slick-dots li.slick-active button::before': {
+    fontSize: theme.typography.pxToRem(10),
+    color: '#B0E5FF',
+    opacity: 1,
+  },
+
+  '.slick-slide[aria-hidden=false]': {
+    visibility: 'visible',
+  },
+
+  '.slick-slide[aria-hidden=true]': {
+    visibility: 'hidden',
+    animation: 'fadeIn 400ms',
+  },
+
+  '@keyframes fadeIn': {
+    from: { visibility: 'visible' },
+    to: { visibility: 'hidden' },
+  },
+}))
+
+export default function Carousel({ children, ...props }: Props) {
+  const sliderRef = useRef<InternalSlider | null>(null)
+  const timerRef = useRef<NodeJS.Timeout | null>(null)
+
+  // Clear setTimeout instance if created
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current)
+      }
+    }
+  }, [])
+
+  const afterChange = (currentSlide: number) => {
+    const totalChilds = (sliderRef.current?.props?.children as []).length
+    const isLastSlide =
+      totalChilds - (sliderRef.current?.innerSlider.props.slidesToShow as number) === currentSlide
+    if (
+      sliderRef.current?.props.infinite === false &&
+      sliderRef.current?.props.autoplay === true &&
+      isLastSlide
+    ) {
+      timerRef.current = setTimeout(() => {
+        sliderRef.current?.slickGoTo(0)
+      }, sliderRef.current?.innerSlider?.props.autoplaySpeed)
+    }
+  }
+
+  return (
+    <SliderStyled ref={sliderRef} {...props} waitForAnimate={false} afterChange={afterChange}>
+      {children}
+    </SliderStyled>
+  )
+}
diff --git a/src/components/common/withLazyloadPreload.tsx b/src/components/common/withLazyloadPreload.tsx
new file mode 100644
index 000000000..af80955b4
--- /dev/null
+++ b/src/components/common/withLazyloadPreload.tsx
@@ -0,0 +1,23 @@
+import lazyWithPreload from 'common/util/lazyWithPreload'
+import { Suspense, useState } from 'react'
+
+const RenderNotificationModal = lazyWithPreload(
+  () => import('components/client/notifications/GeneralSubscribeModal'),
+)
+export default function withLazyloadSubscribtionModal<T extends object>(
+  WrappedComponent: React.ComponentType<T>,
+) {
+  const [open, setOpen] = useState(false)
+  const onClick = () => {
+    setOpen((prev) => !prev)
+  }
+  const onMouseOver = () => {
+    RenderNotificationModal.preload()
+  }
+  return (props: T) => (
+    <>
+      <WrappedComponent {...props} onMouseOver={onMouseOver} onClick={onClick} />
+      <Suspense>{open && <RenderNotificationModal setOpen={setOpen} />}</Suspense>
+    </>
+  )
+}
diff --git a/src/gql/donations.d.ts b/src/gql/donations.d.ts
index 4bf58e80e..b2f1ea658 100644
--- a/src/gql/donations.d.ts
+++ b/src/gql/donations.d.ts
@@ -40,6 +40,7 @@ export type TPaymentResponse = {
   provider: PaymentProvider
   extCustomerId: string
   amount: number
+  chargedAmount: number
   currency: Currency
   extPaymentIntentId: string
   extPaymentMethodId: string
@@ -248,3 +249,9 @@ export type PaymentAdminResponse = {
   items: PaymentAdminResponse[]
   total: number
 }
+
+export type StripeChargeResponse = {
+  stripe: Stripe.Charge
+  internal?: TPaymentResponse
+  region: CardRegion
+}
diff --git a/src/pages/admin/payments/index.tsx b/src/pages/admin/payments/index.tsx
index 9ac7e137d..46ff81af4 100644
--- a/src/pages/admin/payments/index.tsx
+++ b/src/pages/admin/payments/index.tsx
@@ -3,7 +3,7 @@ import { securedAdminProps } from 'middleware/auth/securedProps'
 import { endpoints } from 'service/apiEndpoints'
 
 export const getServerSideProps = securedAdminProps(
-  ['common', 'auth', 'admin', 'donations', 'validation'],
+  ['common', 'auth', 'admin', 'donations', 'validation', 'profile'],
   () => endpoints.payments.list(undefined, undefined, { pageIndex: 0, pageSize: 20 }).url,
 )
 
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 224f6550f..7b7fcf4b4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -30,6 +30,7 @@ export const getServerSideProps: GetServerSideProps<{
         'campaigns',
         'validation',
         'auth',
+        'profile',
       ])),
       session,
       dehydratedState: dehydrate(client),
diff --git a/src/service/apiEndpoints.ts b/src/service/apiEndpoints.ts
index 629235b41..18ad94645 100644
--- a/src/service/apiEndpoints.ts
+++ b/src/service/apiEndpoints.ts
@@ -145,6 +145,14 @@ export const endpoints = {
     getPayment: (id: string) => {
       return <Endpoint>{ url: `/donation/payments/${id}`, method: 'GET' }
     },
+    referenceStripeWithInternal: (id: string) => {
+      return <Endpoint>{ url: `/donation/stripe/${id}`, method: 'GET' }
+    },
+    synchronizeWithStripe: <Endpoint>{
+      url: `/donation/create-update-stripe-payment`,
+      method: 'PUT',
+    },
+    createFromBeneivty: <Endpoint>{ url: `/donation/import/benevity`, method: 'POST' },
   },
   donation: {
     prices: <Endpoint>{ url: '/donation/prices', method: 'GET' },
@@ -242,6 +250,7 @@ export const endpoints = {
     editPaymentRef: (id: string) =>
       <Endpoint>{ url: `/bank-transaction/${id}/edit-ref`, method: 'PUT' },
     rerunDates: <Endpoint>{ url: '/bank-transaction/rerun-dates', method: 'POST' },
+    getTransactionById: (id: string) => <Endpoint>{ url: `/bank-transaction/${id}`, method: 'GET' },
   },
   documents: {
     documentsList: <Endpoint>{ url: '/document', method: 'GET' },
diff --git a/src/service/donation.ts b/src/service/donation.ts
index f1dba2b4f..1d7d289f4 100644
--- a/src/service/donation.ts
+++ b/src/service/donation.ts
@@ -17,6 +17,7 @@ import { authConfig } from 'service/restRequests'
 import { UploadBankTransactionsFiles } from 'components/admin/bank-transactions-file/types'
 import { useMutation } from '@tanstack/react-query'
 import { FilterData } from 'gql/types'
+import { BenevityRequest } from 'components/admin/payments/create-payment/benevity/helpers/benevity.types'
 
 export const createCheckoutSession = async (data: CheckoutSessionInput) => {
   return await apiClient.post<CheckoutSessionInput, AxiosResponse<CheckoutSessionResponse>>(
@@ -125,3 +126,25 @@ export const useExportToExcel = (filterData?: FilterData, searchData?: string) =
     })
   }
 }
+
+export const useImportBenevityDonation = () => {
+  const { data: session } = useSession()
+  return async (data: BenevityRequest) => {
+    return await apiClient.post(
+      endpoints.payments.createFromBeneivty.url,
+      data,
+      authConfig(session?.accessToken),
+    )
+  }
+}
+
+export function useCreatePaymentFromStripeMutation() {
+  const { data: session } = useSession()
+  return async (data: Stripe.Charge) => {
+    return await apiClient.put(
+      endpoints.payments.synchronizeWithStripe.url,
+      data,
+      authConfig(session?.accessToken),
+    )
+  }
+}
diff --git a/src/stores/dashboard/ModalStore.ts b/src/stores/dashboard/ModalStore.ts
index 898d46ee8..e3ae35e40 100644
--- a/src/stores/dashboard/ModalStore.ts
+++ b/src/stores/dashboard/ModalStore.ts
@@ -10,6 +10,7 @@ type Record = {
 export class ModalStoreImpl {
   isDetailsOpen = false
   isDeleteOpen = false
+  isPaymentImportOpen = false
   selectedRecord: Record = {
     id: '',
     name: '',
@@ -20,8 +21,10 @@ export class ModalStoreImpl {
       isDetailsOpen: observable,
       isDeleteOpen: observable,
       selectedRecord: observable,
+      isPaymentImportOpen: observable,
       setSelectedRecord: action,
       showDetails: action,
+      showImport: action,
       hideDetails: action,
       showDelete: action,
       hideDelete: action,
@@ -44,6 +47,13 @@ export class ModalStoreImpl {
     this.isDeleteOpen = false
   }
 
+  showImport = () => {
+    this.isPaymentImportOpen = true
+  }
+
+  hideImport = () => {
+    this.isPaymentImportOpen = false
+  }
   setSelectedRecord = (record: Record) => {
     this.selectedRecord = record
   }
diff --git a/yarn.lock b/yarn.lock
index 24dba84f4..f8f782a67 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3799,10 +3799,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stripe/stripe-js@npm:^1.46.0":
-  version: 1.54.1
-  resolution: "@stripe/stripe-js@npm:1.54.1"
-  checksum: eb54054edea3d3f9a8c18e8442cc05b46f7afbe5bd85863121737f268875d30aab6de16ee84d467853ad9d983bf69f922f45daeee6f13134ca138f7e862c9eb4
+"@stripe/stripe-js@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@stripe/stripe-js@npm:3.1.0"
+  checksum: a32e5d3d6cd7bd7130e0d2f15312bdae83f568125407e461c033d726c44503bd00aabe8d6d593a6329d4a10b8a325440ce947cec21b685f260ee3f01f4597ec8
   languageName: node
   linkType: hard
 
@@ -4173,6 +4173,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/papaparse@npm:^5":
+  version: 5.3.14
+  resolution: "@types/papaparse@npm:5.3.14"
+  dependencies:
+    "@types/node": "*"
+  checksum: fbf942ed92179eeb824d4e544cc701468157a4ce3f6f668f8b17692d9886fea92ccff5e56965615ff64f049efa01ff95ddb7d30c67e0186bc802a6cc8ef26e63
+  languageName: node
+  linkType: hard
+
 "@types/parse-json@npm:^4.0.0":
   version: 4.0.0
   resolution: "@types/parse-json@npm:4.0.0"
@@ -11707,6 +11716,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"papaparse@npm:^5.4.1":
+  version: 5.4.1
+  resolution: "papaparse@npm:5.4.1"
+  checksum: fc9e52f7158dca3517c229e3309065b1ab5da6c7194572fba4f31ff138bc43e3c91182cc40365cc828f97fe10d0aca416068fd731661058bea0f69ddb84a411a
+  languageName: node
+  linkType: hard
+
 "parchment@npm:^1.1.2, parchment@npm:^1.1.4":
   version: 1.1.4
   resolution: "parchment@npm:1.1.4"
@@ -11909,7 +11925,7 @@ __metadata:
     "@react-pdf/renderer": ^3.1.3
     "@sentry/nextjs": ^7.80.0
     "@stripe/react-stripe-js": ^1.16.1
-    "@stripe/stripe-js": ^1.46.0
+    "@stripe/stripe-js": ^3.1.0
     "@tanstack/react-query": ^4.16.1
     "@testing-library/jest-dom": ^5.16.5
     "@testing-library/react": ^13.4.0
@@ -11919,6 +11935,7 @@ __metadata:
     "@types/lodash.truncate": ^4.4.7
     "@types/lru-cache": ^5.1.1
     "@types/node": 14.14.37
+    "@types/papaparse": ^5
     "@types/react": 18.2.14
     "@types/react-dom": ^18.0.0
     "@types/react-gtm-module": 2.0.0
@@ -11960,6 +11977,7 @@ __metadata:
     next-i18next: ^14.0.3
     next-sitemap: ^3.1.52
     nookies: ^2.5.2
+    papaparse: ^5.4.1
     prettier: 2.3.0
     quill-blot-formatter: ^1.0.5
     quill-html-edit-button: ^2.2.12