feat: added configuration for account package migration

packages/account/.eslintrc.js

@@ -7,4 +7,7 @@ module.exports = {
             webpack: { config: webpackConfig({}) },
         },
     },
-};
+    rules: {
+        'import/no-extraneous-dependencies': ['off', { devDependencies: ['**/*.spec.*'] }],
+    },
+};

packages/account/build/constants.js

@@ -30,24 +30,25 @@ const ALIASES = {
     Services: path.resolve(__dirname, '../src/Services'),
     Stores: path.resolve(__dirname, '../src/Stores'),
     Styles: path.resolve(__dirname, '../src/Styles'),
+    Types: path.resolve(__dirname, '../src/Types'),
 };
 
 const rules = (is_test_env = false, is_mocha_only = false) => [
     ...(is_test_env && !is_mocha_only
         ? [
-            {
-                test: /\.(js|jsx|ts|tsx)$/,
-                exclude: /node_modules|__tests__|(build\/.*\.js$)|(_common\/lib)/,
-                include: /src/,
-                loader: 'eslint-loader',
-                enforce: 'pre',
-                options: {
-                    formatter: require('eslint-formatter-pretty'),
-                    configFile: path.resolve(__dirname, '../.eslintrc.js'),
-                    ignorePath: path.resolve(__dirname, '../.eslintignore'),
-                },
-            },
-        ]
+              {
+                  test: /\.(js|jsx|ts|tsx)$/,
+                  exclude: /node_modules|__tests__|(build\/.*\.js$)|(_common\/lib)/,
+                  include: /src/,
+                  loader: 'eslint-loader',
+                  enforce: 'pre',
+                  options: {
+                      formatter: require('eslint-formatter-pretty'),
+                      configFile: path.resolve(__dirname, '../.eslintrc.js'),
+                      ignorePath: path.resolve(__dirname, '../.eslintignore'),
+                  },
+              },
+          ]
         : []),
     {
         test: /\.(js|jsx|ts|tsx)$/,
@@ -78,24 +79,24 @@ const rules = (is_test_env = false, is_mocha_only = false) => [
     },
     is_test_env
         ? {
-            test: /\.(sc|sa|c)ss$/,
-            loaders: 'null-loader',
-        }
+              test: /\.(sc|sa|c)ss$/,
+              loaders: 'null-loader',
+          }
         : {
-            test: /\.(sc|sa|c)ss$/,
-            use: css_loaders,
-        },
+              test: /\.(sc|sa|c)ss$/,
+              use: css_loaders,
+          },
 ];
 
 const MINIMIZERS = !IS_RELEASE
     ? []
     : [
-        new TerserPlugin({
-            test: /\.js$/,
-            parallel: 2,
-        }),
-        new CssMinimizerPlugin(),
-    ];
+          new TerserPlugin({
+              test: /\.js$/,
+              parallel: 2,
+          }),
+          new CssMinimizerPlugin(),
+      ];
 
 const plugins = () => [
     new CleanWebpackPlugin(),

packages/account/global.d.ts

@@ -0,0 +1 @@
+declare module '@binary-com/binary-document-uploader';

packages/account/package.json

@@ -28,6 +28,7 @@
     },
     "dependencies": {
         "@binary-com/binary-document-uploader": "^2.4.7",
+        "@deriv/api-types": "1.0.48",
         "@deriv/components": "^1.0.0",
         "@deriv/shared": "^1.0.0",
         "@deriv/translations": "^1.0.0",

packages/account/src/Types/common-prop.type.ts

@@ -0,0 +1,11 @@
+export type TFormValidation = {
+    warnings: { [key: string]: string };
+    errors: { [key: string]: string };
+};
+
+export type TToken = {
+    display_name: string;
+    last_used: string;
+    scopes: string[];
+    token: string;
+};

packages/account/src/Types/context.type.ts

@@ -0,0 +1,18 @@
+import { TToken } from './common-prop.type';
+
+export type TPlatformContext = {
+    is_appstore: boolean;
+    displayName: string;
+};
+
+export type TApiContext = {
+    api_tokens: NonNullable<TToken[]> | undefined;
+    deleteToken: (token: string) => Promise<void>;
+    footer_ref: Element | DocumentFragment | undefined;
+    overlay_ref:
+        | ((...args: unknown[]) => unknown)
+        | import('prop-types').InferProps<{
+              current: import('prop-types').Requireable<unknown>;
+          }>;
+    toggleOverlay: () => void;
+};

packages/account/src/Types/index.ts

@@ -0,0 +1,2 @@
+export * from './common-prop.type';
+export * from './context.type';

packages/account/tsconfig.json

@@ -8,15 +8,13 @@
             "Containers/*": ["src/Containers/*"],
             "Constants/*": ["src/Constants/*"],
             "Configs/*": ["src/Configs/*"],
-            "Duplicated/*": ["src/Duplicated/*"],
             "Helpers/*": ["src/Helpers/*"],
-            "Layout/*": ["src/Layout/*"],
             "Modules/*": ["src/Modules/*"],
             "Sections/*": ["src/Sections/*"],
             "Stores/*": ["src/Stores/*"],
-            "Styles/*": ["src/Styles/*"],
-            "@deriv/*": ["../*/src"]
+            "Types": ["src/Types"],
+            "@deriv/*": ["../*/src"],
         }
     },
-    "include": ["src"]
-}
+    "include": ["src","globals.d.ts"]
+}