Search & Create Customer

FalkWolsky · FalkWolsky · commit d4a2a2c99bbf · 2024-08-10T16:55:58.000+02:00
diff --git a/client/packages/lowcoder/src/api/subscriptionApi.ts b/client/packages/lowcoder/src/api/subscriptionApi.ts
@@ -18,16 +18,13 @@ export interface Customer {
   userName: string;
   type: string;
   companyName: string;
-  address: CustomerAddress;
+  address?: CustomerAddress;
 }
 
 export type ResponseType = {
   response: any;
 };
 
-const apiUrl = "http://localhost:8080/api/flow";
-const authHeader = "96a99c7b-3758-4c48-b4b1-a8cbf59e7d6c";
-
 const currentPage = 1;
 const currentQuery = '';
 const currentData = [];
@@ -41,11 +38,10 @@ const getAxiosInstance = (clientSecret?: string) => {
 
   const headers: Record<string, string> = {
     "Content-Type": "application/json",
-    // "Lowcoder-Token": authHeader,
   }
 
   const apiRequestConfig: AxiosRequestConfig = {
-    baseURL: `${apiUrl}`,
+    baseURL: "http://localhost:8080/api/flow",
     headers,
   };
 
@@ -54,10 +50,8 @@ const getAxiosInstance = (clientSecret?: string) => {
 }
 
 class SubscriptionApi extends Api {
-  
-  static async createCustomer(body: any): Promise<any> {
-    console.log("createCustomerCall", body);
 
+  static async secureRequest(body: any): Promise<any> {
     let response;
     try {
       response = await getAxiosInstance().request({
@@ -66,12 +60,12 @@ class SubscriptionApi extends Api {
         data: body,
       });
     } catch (error) {
-      console.error("Error creating customer:", error);
-      throw error;
+      console.error("Error at Secure Flow Request:", error);
+      // throw error;
     }
     return response;
   }
 
 }
 
-export default SubscriptionApi;
+export default SubscriptionApi;
diff --git a/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionSetting.tsx b/client/packages/lowcoder/src/pages/setting/subscriptions/subscriptionSetting.tsx
@@ -1,4 +1,5 @@
 import { getUser } from "redux/selectors/usersSelectors";
+import React, { useEffect } from 'react';
 import { useSelector } from "react-redux";
 import styled from "styled-components";
 import { GreyTextColor } from "constants/style";
@@ -29,6 +30,11 @@ const SubscriptionSettingContent = styled.div`
 
 `;
 
+const lcHeaders = {
+  "Lowcoder-Token": "96a99c7b-3758-4c48-b4b1-a8cbf59e7d6c",
+  "Content-Type": "application/json"
+};
+
 interface Pricing {
   type: string;
   amount: string;
@@ -60,36 +66,51 @@ export function SubscriptionSetting() {
     userName: user.username,
     type: "org",
     companyName: "Example Company",
-    address: {
+    /* address: {
       line1: "123 Example Street",
       line2: "Suite 456",
       city: "Malaga",
       state: "Andalusia",
       country: "Spain",
       postalCode: "12345"
-    }
+    } */
   };
 
-  const apiBody = {
-    path: "webhook/echo",
-    data: subscriptionCustomer,
-    method: "post",
-    headers: {
-      "Lowcoder-Token": "96a99c7b-3758-4c48-b4b1-a8cbf59e7d6c",
-      "Content-Type": "application/json"
+  const createCustomer = async (subscriptionCustomer : Customer) => {
+    const apiBody = {
+      path: "webhook/secure/create-customer",
+      data: subscriptionCustomer,
+      method: "post",
+      headers: lcHeaders
+    }
+    try {
+      const result = await SubscriptionApi.secureRequest(apiBody);
+      if (result) {
+        console.log("createCustomer", result);
+      }
+    } catch (error) {
+      console.error(error);
     }
   }
 
-  const createCustomer = async () => {
-
-    console.log("createCustomerTry", subscriptionCustomer);
-
+  const searchCustomer = async (subscriptionCustomer : Customer) => {
+    const apiBody = {
+      path: "webhook/secure/search-customer", 
+      data: subscriptionCustomer,
+      method: "post",
+      headers: lcHeaders
+    }
     try {
-      const result = await SubscriptionApi.createCustomer(apiBody);
+      const result = await SubscriptionApi.secureRequest(apiBody);
       if (result) {
-        console.log("createCustomer", result);
+        if (result.data.data.length === 0) {
+          console.log("searchCustomer", "Zero results");
+        }
+        else {
+          console.log("searchCustomer", result.data.data);
+        }
       }
-    } catch(error) {
+    } catch (error) {
       console.error(error);
     }
   }
@@ -122,13 +143,18 @@ export function SubscriptionSetting() {
     }
   ];
 
+  useEffect(() => {
+    // Call searchCustomer as soon as the component mounts
+    searchCustomer(subscriptionCustomer);
+  }, []);
+
   return (
     <Level1SettingPageContent>
       <Level1SettingPageTitle>
         {trans("settings.subscription")}
       </Level1SettingPageTitle>
       <SubscriptionSettingContent>
-      <a onClick={createCustomer}>Create Customer</a>
+      <a onClick={(event) => createCustomer(subscriptionCustomer)}>Create Customer</a>
         <Flex wrap='wrap' gap="large">
           {products.map((product, index) => (
             <ProductCard
@@ -146,4 +172,5 @@ export function SubscriptionSetting() {
       </SubscriptionSettingContent>
     </Level1SettingPageContent>
   );
-}
+}
+
