Merge pull request #7 from niloo-fs/niloofar/75914/convert-shared-uti…

…ls-to-TS

Niloofar Sadeghi / Convert hooks, loader, loader-handler, location to TS [shared-utiles]

packages/shared/src/utils/hooks/new-row-transition.js → packages/shared/src/utils/hooks/new-row-transition.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export const useNewRowTransition = is_new_row => {
+export const useNewRowTransition = (is_new_row: boolean) => {
     const [in_prop, setInProp] = React.useState(!is_new_row);
 
     React.useEffect(() => {

packages/shared/src/utils/loader-handler/loader-handler.js → packages/shared/src/utils/loader-handler/loader-handler.ts

@@ -1,8 +1,8 @@
-export const moduleLoader = (lazyComponent, attempts = 2, interval = 1500) => {
+export const moduleLoader = (lazyComponent: () => Promise<unknown>, attempts = 2, interval = 1500) => {
     return new Promise((resolve, reject) => {
         lazyComponent()
             .then(resolve)
-            .catch(error => {
+            .catch((error: unknown) => {
                 // let us retry after 1500 ms
                 setTimeout(() => {
                     if (attempts === 1) {

packages/shared/src/utils/loader/lazy-load.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import Loadable from 'react-loadable';
+
+export const makeLazyLoader =
+    (importFn: () => Promise<unknown>, loaderFn: () => JSX.Element) => (component_name?: string) =>
+        Loadable.Map({
+            loader: {
+                ComponentModule: importFn,
+            },
+            render(loaded: { [key: string]: any }, props: object) {
+                const ComponentLazy = component_name
+                    ? loaded.ComponentModule.default[component_name]
+                    : loaded.ComponentModule.default;
+                return <ComponentLazy {...props} />;
+            },
+            loading: loaderFn,
+        });

packages/shared/src/utils/location/location.js → packages/shared/src/utils/location/location.ts

@@ -1,4 +1,19 @@
-export const getLocation = (location_list, value, type) => {
+type TType = {
+    text: string;
+    value: string;
+};
+
+type TLocationList = TType & {
+    identity: {
+        services: {
+            idv: object;
+            onfido: object;
+        };
+    };
+    phone_idd: string;
+};
+
+export const getLocation = (location_list: TLocationList[], value: string, type: keyof TType) => {
     const location_obj = location_list.find(
         location => location[type === 'text' ? 'value' : 'text'].toLowerCase() === value.toLowerCase()
     );
@@ -41,4 +56,4 @@ const eu_countries = [
     'mt',
 ];
 // check if client is from EU
-export const isEuCountry = country => eu_countries.includes(country);
+export const isEuCountry = (country: string) => eu_countries.includes(country);