Shayan/74387/Update TS Config and Fix TS Errors on Cashier

packages/cashier/globals.d.ts

@@ -1,4 +1,2 @@
 declare module '@deriv/components';
-declare module '@deriv/p2p';
-declare module '@deriv/translations';
 declare module '@deriv/shared';

packages/cashier/src/components/cashier-locked/cashier-locked.tsx

@@ -52,7 +52,7 @@ const CashierLocked = ({
     const ask_uk_funds_protection = cashier_validation?.includes('ASK_UK_FUNDS_PROTECTION');
     let icon = 'IcCashierLocked';
     let title = localize('Cashier is locked');
-    let message = localize(
+    let message: string | JSX.Element = localize(
         'Your cashier is currently locked. Please contact us via live chat to find out how to unlock it.'
     );
 

packages/cashier/src/components/error-dialog/error-dialog.tsx

@@ -36,6 +36,13 @@ const ErrorDialog = ({ disableApp, enableApp, error = {} }: TErrorDialogProps) =
         message: '',
     });
 
+    const dismissError = React.useCallback(() => {
+        if (error.setErrorMessage) {
+            error.setErrorMessage('');
+        }
+        setErrorVisibility(false);
+    }, [error]);
+
     const mapErrorToDetails = React.useCallback(
         (error_code?: string, error_message?: string) => {
             if (
@@ -118,13 +125,6 @@ const ErrorDialog = ({ disableApp, enableApp, error = {} }: TErrorDialogProps) =
         setIsVisible(is_error_visible);
     };
 
-    const dismissError = React.useCallback(() => {
-        if (error.setErrorMessage) {
-            error.setErrorMessage('');
-        }
-        setErrorVisibility(false);
-    }, [error]);
-
     return (
         <Dialog
             title={details.title}

packages/cashier/tsconfig.json

@@ -2,19 +2,19 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "paths": {
-            "Components/*": ["components/*"],
-            "Config/*": ["config/*"],
-            "Constants/*":["constants/*"],
-            "Containers/*": ["containers/*"],
-            "Images/*": ["public/images/*"],
-            "Pages/*": ["pages/*"],
-            "Stores/*": ["stores/*"],
-            "Types": ["types"],
-            "Utils/*": ["utils/*"],
+            "Components/*": ["src/components/*"],
+            "Config/*": ["src/config/*"],
+            "Constants/*": ["src/constants/*"],
+            "Containers/*": ["src/containers/*"],
+            "Images/*": ["src/public/images/*"],
+            "Pages/*": ["src/pages/*"],
+            "Stores/*": ["src/stores/*"],
+            "Types": ["src/types"],
+            "Utils/*": ["src/utils/*"],
+            "@deriv/*": ["../*/src"]
         },
         "outDir": "./dist",
-        "rootDir": "./src",
-        "baseUrl": "src",
+        "baseUrl": "./"
     },
-    "include": ["./src", "./src/**/*.ts", "./src/**/*.tsx", "globals.d.ts"]
+    "include": ["src", "globals.d.ts"]
 }

packages/components/src/components/fade-wrapper/index.js

@@ -1,3 +1,4 @@
 import './fade-wrapper.scss';
+import FadeWrapper from './fade-wrapper.jsx';
 
-export default from './fade-wrapper.jsx';
+export default FadeWrapper;

packages/components/src/components/icon-trade-types/index.js

@@ -1,3 +1,4 @@
 import './icon-trade-types.scss';
+import IconTradeTypes from './icon-trade-types.jsx';
 
-export default from './icon-trade-types.jsx';
+export default IconTradeTypes;