@autobusal/order-process 1.1.0 → 1.3.0

package/Content.tsx

@@ -2,6 +2,8 @@ import { TFunction } from 'i18next';
 import Standard from './Standard/Standard';
 import Bkt from './BKT/Bkt';
 import Stripe from './Stripe/Stripe';
+import Mollie from './Mollie/Mollie';
+import Raiffeisen from './Reiffeisen/Raiffeisen';
 
 interface Props {
   type?: string
@@ -17,6 +19,12 @@ const Content = ({ type, hash, t }: Props): JSX.Element => {
     case 'stripe':
       return <Stripe hash={ hash } t={ t } />;
 
+    case 'mollie':
+      return <Mollie hash={ hash } t={ t } />;
+
+    case 'raiffeisen':
+      return <Raiffeisen hash={ hash } t={ t } />;
+
     default:
       return <Standard type={ type } hash={ hash } t={ t } />;
   }

package/Mollie/Mollie.tsx

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+import { TFunction } from 'i18next';
+import { Inline } from '@autobusal/common';
+import { Container } from '../styles';
+import { useMakeMollie } from '../services';
+
+interface Props {
+  hash?: string
+  t: TFunction<'common'>
+}
+
+const Mollie = ({ hash, t }: Props): JSX.Element => {
+  const { data, isSuccess } = useMakeMollie(String(hash));
+
+  useEffect(() => {
+    if (isSuccess) {
+      window.location.href = data.redirect;
+    }
+  }, [data, isSuccess]);
+
+  return (
+    <Container>
+      <Inline text={ t('order_process.mollie') } />
+    </Container>
+  );
+};
+
+export default Mollie;

package/Reiffeisen/Raiffeisen.tsx

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+import { TFunction } from 'i18next';
+import { Inline } from '@autobusal/common';
+import { Container } from '../styles';
+import { useMakeRaiffeisen } from '../services';
+
+interface Props {
+  hash?: string
+  t: TFunction<'common'>
+}
+
+const Raiffeisen = ({ hash, t }: Props): JSX.Element => {
+  const { data, isSuccess } = useMakeRaiffeisen(String(hash));
+
+  useEffect(() => {
+    if (isSuccess) {
+      window.location.href = data.redirect;
+    }
+  }, [data, isSuccess]);
+
+  return (
+    <Container>
+      <Inline text={ t('order_process.raiffeisen') } />
+    </Container>
+  );
+};
+
+export default Raiffeisen;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/order-process",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "type": "module",
   "main": "index.ts"
 }

package/services.ts

@@ -1,6 +1,6 @@
 import { useQuery, UseQueryResult } from '@tanstack/react-query';
 import { apiClient } from '@autobusal/providers';
-import { BKTData, StripeData } from './types';
+import { BKTData, StripeData, MollieData, RaiffeisenData } from './types';
 
 export const useMakeStandard = (type: string, hash: string): UseQueryResult<string> => (
   useQuery({
@@ -42,4 +42,30 @@ export const useMakeStripe = (hash: string): UseQueryResult<StripeData> => (
         ))
     )
   })
+);
+
+export const useMakeMollie = (hash: string): UseQueryResult<MollieData> => (
+  useQuery({
+    queryKey: ['process-payment-mollie', { hash }],
+    queryFn: async () => (
+      await apiClient
+        .post('/api/payment/mollie', { hash })
+        .then(response => (
+          response?.data ?? ''
+        ))
+    )
+  })
+);
+
+export const useMakeRaiffeisen = (hash: string): UseQueryResult<RaiffeisenData> => (
+  useQuery({
+    queryKey: ['process-payment-raiffeisen', { hash }],
+    queryFn: async () => (
+      await apiClient
+        .post('/api/payment/raiffeisen', { hash })
+        .then(response => (
+          response?.data ?? ''
+        ))
+    )
+  })
 );

package/types.ts

@@ -64,4 +64,12 @@ export interface BKTData {
 
 export interface StripeData {
   redirect: string
+}
+
+export interface MollieData {
+  redirect: string
+}
+
+export interface RaiffeisenData {
+  redirect: string
 }