@autobusal/order-process 1.2.0 → 1.3.1

package/Content.tsx

@@ -3,6 +3,8 @@ 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';
+import Nexi from './Nexi/Nexi';
 
 interface Props {
   type?: string
@@ -21,6 +23,12 @@ const Content = ({ type, hash, t }: Props): JSX.Element => {
     case 'mollie':
       return <Mollie hash={ hash } t={ t } />;
 
+    case 'raiffeisen':
+      return <Raiffeisen hash={ hash } t={ t } />;
+
+    case 'nexi':
+      return <Nexi hash={ hash } t={ t } />;
+
     default:
       return <Standard type={ type } hash={ hash } t={ t } />;
   }

package/Nexi/Nexi.tsx

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

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.2.0",
+  "version": "1.3.1",
   "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, MollieData } from './types';
+import { BKTData, StripeData, MollieData, RaiffeisenData, NexiData } from './types';
 
 export const useMakeStandard = (type: string, hash: string): UseQueryResult<string> => (
   useQuery({
@@ -55,4 +55,30 @@ export const useMakeMollie = (hash: string): UseQueryResult<MollieData> => (
         ))
     )
   })
+);
+
+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 ?? ''
+        ))
+    )
+  })
+);
+
+export const useMakeNexi = (hash: string): UseQueryResult<NexiData> => (
+  useQuery({
+    queryKey: ['process-payment-nexi', { hash }],
+    queryFn: async () => (
+      await apiClient
+        .post('/api/payment/nexi', { hash })
+        .then(response => (
+          response?.data ?? ''
+        ))
+    )
+  })
 );

package/types.ts

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