Update integration logic (#38)

Signed-off-by: Sean Sundberg <[email protected]>

src/components/CustomerRisk/CustomerRisk.scss

@@ -0,0 +1,3 @@
+.craTitle {
+  font-weight: bold;
+}

src/components/CustomerRisk/CustomerRisk.tsx

@@ -0,0 +1,33 @@
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+
+import './CustomerRisk.scss';
+import {CustomerRiskAssessmentModel} from "../../models";
+
+export interface CustomerRiskProps {
+    customerRisk?: CustomerRiskAssessmentModel
+}
+
+export const CustomerRisk: React.FunctionComponent<CustomerRiskProps> = (props: CustomerRiskProps) => {
+
+    const getContent = (): string => {
+        if (!props.customerRisk) {
+            return 'Pending'
+        }
+
+        if (props.customerRisk.error) {
+            return 'Error'
+        }
+
+        return `${props.customerRisk.rating} - ${props.customerRisk.score}`
+    }
+
+    return (
+        <div style={{width: '100%', textAlign: 'left'}}>
+            <div className="craTitle">Customer risk</div>
+            <div>{getContent()}</div>
+        </div>
+    )
+}

src/components/CustomerRisk/index.ts

@@ -0,0 +1 @@
+export * from './CustomerRisk';

src/components/KycSummary/KycSummary.scss

@@ -0,0 +1,4 @@
+
+.kycSummaryTitle {
+  font-weight: bold;
+}

src/components/KycSummary/KycSummary.tsx

@@ -0,0 +1,33 @@
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+
+import './KycSummary.scss';
+import {KycCaseSummaryModel} from "../../models";
+
+export interface KycSummaryProps {
+    kycSummary: KycCaseSummaryModel;
+}
+
+export const KycSummary: React.FunctionComponent<KycSummaryProps> = (props: KycSummaryProps) => {
+
+    const getContent = (): string => {
+        if (!props.kycSummary) {
+            return 'Pending'
+        }
+
+        if (props.kycSummary.error) {
+            return 'Error'
+        }
+
+        return props.kycSummary.summary || '--'
+    }
+
+    return (
+        <div style={{width: '100%', textAlign: 'left'}}>
+            <div className="kycSummaryTitle">KYC Summary</div>
+            <div>{getContent()}</div>
+        </div>
+    )
+}

src/components/KycSummary/index.ts

@@ -0,0 +1,2 @@
+
+export * from './KycSummary';

src/components/NegativeNews/NegativeNews.scss

@@ -0,0 +1,4 @@
+
+.negNewsTitle {
+  font-weight: bold;
+}

src/components/NegativeNews/NegativeNews.tsx

@@ -0,0 +1,34 @@
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import React from 'react';
+
+import './NegativeNews.scss';
+import {NegativeScreeningModel} from "../../models";
+
+export interface NegativeNewsProps {
+    type: string;
+    news?: NegativeScreeningModel;
+}
+
+export const NegativeNews: React.FunctionComponent<NegativeNewsProps> = (props: NegativeNewsProps) => {
+
+    const getContent = (): string => {
+        if (!props.news) {
+            return 'Pending'
+        }
+
+        if (props.news.error) {
+            return 'Error'
+        }
+
+        return props.news.result || '--'
+    }
+
+    return (
+        <div style={{width: '100%', textAlign: 'left'}}>
+            <div className="negNewsTitle">Negative news - {props.type}</div>
+            <div>{getContent()}</div>
+        </div>
+    )
+}

src/components/NegativeNews/index.ts

@@ -0,0 +1,2 @@
+
+export * from './NegativeNews';

src/components/index.ts

@@ -11,3 +11,6 @@ export * from './CountrySelect'
 export * from './EntityTypeSelect'
 export * from './IndustryTypeSelect'
 export * from './AtomSelect'
+export * from './CustomerRisk'
+export * from './NegativeNews'
+export * from './KycSummary'

src/models/kyc-case.model.ts

@@ -90,10 +90,10 @@ export interface DocumentInputModel {
 export const createEmptyCustomer = (): CustomerModel => {
     return {
         name: '',
-        countryOfResidence: 'US',
+        countryOfResidence: 'United States',
         personalIdentificationNumber: '',
-        industryType: '',
-        entityType: '',
+        industryType: 'Private Limited Company',
+        entityType: 'Growing of rice',
     }
 }
 
@@ -119,7 +119,7 @@ export const createEmptyReviewCase = (id: string): ReviewCaseModel => {
         id,
         counterparty: {
             name: '',
-            countryOfResidence: 'US'
+            countryOfResidence: 'United States'
         },
         customerOutreach: '',
         documents: []

src/services/menu-options/index.ts

@@ -1,4 +1,4 @@
-import {MenuOptionsMock} from "./menu-options.mock.ts";
+import {MenuOptionsMock} from "./menu-options.mock";
 
 export * from './menu-options.api';
 

src/services/menu-options/menu-options.api.ts

@@ -2,4 +2,6 @@ import {FormOptionModel} from "../../models";
 
 export abstract class MenuOptionsApi {
     abstract getCountryList(): Promise<FormOptionModel[]>;
+    abstract getIndustries(): Promise<FormOptionModel[]>;
+    abstract getEntityTypes(): Promise<FormOptionModel[]>;
 }

src/services/menu-options/menu-options.graphql.ts

@@ -0,0 +1,63 @@
+import {ApolloClient, gql} from "@apollo/client";
+
+import {MenuOptionsApi} from "./menu-options.api";
+import {getApolloClient} from "../../backends";
+import {FormOptionModel} from "../../models";
+
+const LIST_COUNTRIES = gql`
+    query ListCountries {
+        listCountries {
+            text
+            value
+        }
+    }
+`
+const LIST_ENTITY_TYPES = gql`
+    query ListEntityTypes {
+        listEntityTypes {
+            text
+            value
+        }
+    }
+`
+const LIST_INDUSTRY_TYPES = gql`
+    query ListIndustryTypes {
+        listIndustryTypes {
+            text
+            value
+        }
+    }
+`
+
+export class MenuOptionsGraphql implements MenuOptionsApi {
+    client: ApolloClient<unknown>;
+
+    constructor() {
+        this.client = getApolloClient();
+    }
+
+    getCountryList(): Promise<FormOptionModel[]> {
+        return this.client
+            .query<{listCountries: FormOptionModel[]}>({
+                query: LIST_COUNTRIES,
+            })
+            .then(result => result.data.listCountries)
+    }
+
+    getEntityTypes(): Promise<FormOptionModel[]> {
+        return this.client
+            .query<{listEntityTypes: FormOptionModel[]}>({
+                query: LIST_ENTITY_TYPES,
+            })
+            .then(result => result.data.listEntityTypes)
+    }
+
+    getIndustries(): Promise<FormOptionModel[]> {
+        return this.client
+            .query<{listIndustryTypes: FormOptionModel[]}>({
+                query: LIST_INDUSTRY_TYPES,
+            })
+            .then(result => result.data.listIndustryTypes)
+    }
+
+}