@autobusal/order-process 1.0.0 → 1.1.0

package/BKT/Bkt.tsx

@@ -4,7 +4,7 @@ import { useForm } from 'react-hook-form';
 import { Inline } from '@autobusal/common';
 import { Container } from '../styles';
 import { BKTFormData } from '../types';
-import { MakeBkt } from '../services';
+import { useMakeBkt } from '../services';
 
 interface Props {
   hash?: string
@@ -16,7 +16,7 @@ const Bkt = ({ hash, t }: Props): JSX.Element => {
 
   const ref = useRef<HTMLFormElement>(null);
 
-  const { data, isLoading, isSuccess } = MakeBkt(String(hash));
+  const { data, isLoading, isSuccess } = useMakeBkt(String(hash));
 
   const onSubmit = (): void => {
     ref.current?.submit();

package/Content.tsx

@@ -1,6 +1,7 @@
 import { TFunction } from 'i18next';
 import Standard from './Standard/Standard';
 import Bkt from './BKT/Bkt';
+import Stripe from './Stripe/Stripe';
 
 interface Props {
   type?: string
@@ -13,6 +14,9 @@ const Content = ({ type, hash, t }: Props): JSX.Element => {
     case 'bkt':
       return <Bkt hash={ hash } t={ t } />;
 
+    case 'stripe':
+      return <Stripe hash={ hash } t={ t } />;
+
     default:
       return <Standard type={ type } hash={ hash } t={ t } />;
   }

package/Standard/Standard.tsx

@@ -2,7 +2,7 @@ import { TFunction } from 'i18next';
 import { Navigate } from 'react-router-dom';
 import { Inline } from '@autobusal/common';
 import { Container } from '../styles';
-import { MakeStandard } from '../services';
+import { useMakeStandard } from '../services';
 
 interface Props {
   type?: string
@@ -11,7 +11,7 @@ interface Props {
 }
 
 const Standard = ({ type, hash, t }: Props): JSX.Element => {
-  const { data, isSuccess } = MakeStandard(String(type), String(hash));
+  const { data, isSuccess } = useMakeStandard(String(type), String(hash));
 
   if (isSuccess) {
     return <Navigate to={ data } />;

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.0",
+  "version": "1.1.0",
   "type": "module",
   "main": "index.ts"
 }

package/services.ts

@@ -1,8 +1,8 @@
 import { useQuery, UseQueryResult } from '@tanstack/react-query';
 import { apiClient } from '@autobusal/providers';
-import { BKTData } from './types';
+import { BKTData, StripeData } from './types';
 
-export const MakeStandard = (type: string, hash: string): UseQueryResult<string> => (
+export const useMakeStandard = (type: string, hash: string): UseQueryResult<string> => (
   useQuery({
     queryKey: ['process-payment-standard', { type, hash }],
     queryFn: async () => (
@@ -18,7 +18,7 @@ export const MakeStandard = (type: string, hash: string): UseQueryResult<string>
   })
 );
 
-export const MakeBkt = (hash: string): UseQueryResult<BKTData> => (
+export const useMakeBkt = (hash: string): UseQueryResult<BKTData> => (
   useQuery({
     queryKey: ['process-payment-bkt', { hash }],
     queryFn: async () => (
@@ -29,4 +29,17 @@ export const MakeBkt = (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 ?? ''
+        ))
+    )
+  })
 );

package/types.ts

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