diff --git a/apps/dsep/locales/en.ts b/apps/dsep/locales/en.ts
index 0583be0dd..450759048 100644
--- a/apps/dsep/locales/en.ts
+++ b/apps/dsep/locales/en.ts
@@ -457,7 +457,8 @@ const en: { [key: string]: string } = {
searchLearning: ' Search Learning',
ScholarshipConfirmation: 'We will evaluate your application ID :',
andRespond: 'and respond as soon as possible.',
- unabletoTrack: 'Unable to get the track url'
+ unabletoTrack: 'Unable to get the track url',
+ cardNumber: '**** **** **** 1234'
}
export default en
diff --git a/apps/dsep/pages/orderConfirmation.tsx b/apps/dsep/pages/orderConfirmation.tsx
index 286a17208..73d75651e 100644
--- a/apps/dsep/pages/orderConfirmation.tsx
+++ b/apps/dsep/pages/orderConfirmation.tsx
@@ -51,7 +51,7 @@ const OrderConfirmation = () => {
const axiosConfig = {
headers: {
Authorization: `Bearer ${bearerToken}`,
- 'Content-Type': 'application/json' // You can set the content type as needed
+ 'Content-Type': 'application/json'
}
}
axios
diff --git a/apps/dsep/pages/paymentMode.tsx b/apps/dsep/pages/paymentMode.tsx
index b215c47c5..04f23a06f 100644
--- a/apps/dsep/pages/paymentMode.tsx
+++ b/apps/dsep/pages/paymentMode.tsx
@@ -1,79 +1,53 @@
import React, { useState } from 'react'
-import { Box, Flex, Text, Image, Card, CardBody } from '@chakra-ui/react'
import { useRouter } from 'next/router'
import { useDispatch } from 'react-redux'
-import Button from '../components/button/Button'
-import CardWithCheckBox from '../components/card/Card'
import { useLanguage } from '../hooks/useLanguage'
-import creditCardImg from '../public/images/creditCardImg.svg'
import { cartActions } from '../store/cart-slice'
+import { PaymentMethodSelection } from '@beckn-ui/common'
+import { testIds } from '@shared/dataTestIds'
+import Visa from '@public/images/visa.svg'
+import masterCard from '@public/images/masterCard.svg'
function PaymentMode() {
- const [checked, setChecked] = useState(false)
-
const { t } = useLanguage()
const router = useRouter()
const dispatch = useDispatch()
return (
<>
-
- {/* */}
-
-
- {t.cards}
-
- {t.addCard}
-
-
-
-
- {/* eslint-disable-next-line jsx-a11y/alt-text */}
-
-
-
-
-
- Other
-
-
-
-
-
+ t[key]}
+ handleOrderConfirmation={() => {
+ dispatch(cartActions.clearCart())
+ router.push('/orderConfirmation')
+ }}
+ paymentMethods={[
+ {
+ category: 'Credit & Debit Cards',
+ img: Visa,
+ paymentMethod: t.cardNumber,
+ paymentMethodNet: t.cardNumber,
+ disabled: true,
+ dataTest: testIds.paymentpage_visa
+ },
+ {
+ category: 'Credit & Debit Cards',
+ img: masterCard,
+ paymentMethod: t.cardNumber,
+ paymentMethodNet: t.cardNumber,
+ disabled: true,
+ dataTest: testIds.paymentpage_masterCard
+ },
+
+ {
+ category: 'Other',
+ paymentMethod: t.payOnline,
+ paymentMethodNet: t.cashOnDelivery,
+ disabled: false,
+ dataTest: testIds.paymentpage_CashOnDelivery
+ }
+ ]}
+ />
)
}
diff --git a/apps/dsep/public/images/masterCard.svg b/apps/dsep/public/images/masterCard.svg
new file mode 100644
index 000000000..ed0896d13
--- /dev/null
+++ b/apps/dsep/public/images/masterCard.svg
@@ -0,0 +1,15 @@
+
diff --git a/apps/dsep/public/images/visa.svg b/apps/dsep/public/images/visa.svg
new file mode 100644
index 000000000..23af3a00a
--- /dev/null
+++ b/apps/dsep/public/images/visa.svg
@@ -0,0 +1,15 @@
+
diff --git a/package.json b/package.json
index e1bfe7a9b..6fb0fe7a4 100644
--- a/package.json
+++ b/package.json
@@ -101,4 +101,3 @@
"ts-jest": "^29.1.1"
}
}
-
diff --git a/packages/common/src/components/paymentDetailsCard/PaymentDetailsCard.tsx b/packages/common/src/components/paymentDetailsCard/PaymentDetailsCard.tsx
index 86e2f9bb6..f93c306c1 100644
--- a/packages/common/src/components/paymentDetailsCard/PaymentDetailsCard.tsx
+++ b/packages/common/src/components/paymentDetailsCard/PaymentDetailsCard.tsx
@@ -75,12 +75,14 @@ const PaymentDetailsCard: React.FC = ({ t, paymentMetho
alignItems={'center'}
cursor={'pointer'}
>
-
+ {method.img && (
+
+ )}