@autobusal/order-process 1.0.1 → 1.2.0

package/Content.tsx

@@ -1,6 +1,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';
 
 interface Props {
   type?: string
@@ -13,6 +15,12 @@ const Content = ({ type, hash, t }: Props): JSX.Element => {
     case 'bkt':
       return <Bkt hash={ hash } t={ t } />;
 
+    case 'stripe':
+      return <Stripe hash={ hash } t={ t } />;
+
+    case 'mollie':
+      return <Mollie 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/Stripe/Stripe.tsx

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/order-process",
-  "version": "1.0.1",
+  "version": "1.2.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 } from './types';
+import { BKTData, StripeData, MollieData } from './types';
 
 export const useMakeStandard = (type: string, hash: string): UseQueryResult<string> => (
   useQuery({
@@ -29,4 +29,30 @@ export const useMakeBkt = (hash: string): UseQueryResult<BKTData> => (
         ))
     )
   })
+);
+
+export const useMakeStripe = (hash: string): UseQueryResult<StripeData> => (
+  useQuery({
+    queryKey: ['process-payment-stripe', { hash }],
+    queryFn: async () => (
+      await apiClient
+        .post('/api/payment/stripe', { hash })
+        .then(response => (
+          response?.data ?? ''
+        ))
+    )
+  })
+);
+
+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 ?? ''
+        ))
+    )
+  })
 );

package/types.ts

@@ -60,4 +60,12 @@ export interface BKTData {
   trantype: string
   user_id: number
   hash: string
+}
+
+export interface StripeData {
+  redirect: string
+}
+
+export interface MollieData {
+  redirect: string
 }