dq-cus-lib 1.2.0 → 1.3.0

package/dist/pages/broker-settings.page.js

@@ -1,47 +1,28 @@
-import { getSettings, logoutBroker } from '../chunk-CN3GJW6R.js';
-import '../chunk-6B3NAL4F.js';
-import { TITLES } from '../chunk-PWBSF4OA.js';
+import { getSettings, deleteBrokerAccount, logoutBroker } from '../chunk-WBQ6B6D4.js';
+import '../chunk-QE2XW565.js';
+import { BROKERS_LOGIN_INFO, getUrl, SETTINGS_HELP_TEXT } from '../chunk-UPB7Z3GU.js';
+import { loading_default } from '../chunk-3P3BZ5GA.js';
+import '../chunk-QLPZ6FY2.js';
+import '../chunk-72Y4GEJL.js';
+import { TITLES } from '../chunk-QYP3Y6HE.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import Container from '@mui/material/Container';
 import Grid from '@mui/material/Grid';
 import Box from '@mui/material/Box';
-import { LinkButton, Alerts, getDateDifference, getCurrentDateWithoutTime, getDateWithoutTime, Tooltip, configService } from 'sspart-fe-lib';
+import AddIcon from '@mui/icons-material/Add';
+import { AreYouSureModal, LinkButton, Alerts, Button, getDateDifference, getCurrentDateWithoutTime, getDateWithoutTime, Tooltip, ns, NOTIFICATION_SERVICES } from 'sspart-fe-lib';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import IconButton from '@mui/material/IconButton';
+import DeleteIcon from '@mui/icons-material/Delete';
+import EditIcon from '@mui/icons-material/Edit';
+import Stack from '@mui/material/Stack';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-var BROKERS_LOGIN = [
-  {
-    name: "Angel One",
-    key: "AngelOne",
-    external: false,
-    img: "https://i.imgur.com/CIuVKGC.png"
-  },
-  {
-    name: "Fyers",
-    key: "Fyers",
-    external: true,
-    img: "https://i.imgur.com/anU1KVh.png",
-    url: "FYERS"
-  }
-];
-var getUrl = (key) => {
-  switch (key) {
-    case "FYERS":
-      const config = configService.getData();
-      return config["API_FYERS_LOGIN_URL"];
-    default:
-      return "";
-  }
-};
-var SETTINGS_HELP_TEXT = {
-  broker_signin: "Login to your broker account, by clicking on the below tiles"
-};
 var BrokerSignIn = ({ brokerAuth, onCallBack, navigate }) => {
   const verifyLoggedIn = useCallback(
-    (brokerKey) => {
-      const loginDate = brokerAuth?.[brokerKey]?.loginDate ?? 0;
-      return getDateDifference(getCurrentDateWithoutTime(), getDateWithoutTime(loginDate)) >= 0;
+    (login_date) => {
+      return getDateDifference(getCurrentDateWithoutTime(), getDateWithoutTime(login_date || 0)) >= 0;
     },
     [brokerAuth]
   );
@@ -59,27 +40,37 @@ var BrokerSignIn = ({ brokerAuth, onCallBack, navigate }) => {
     },
     [navigate]
   );
+  const onDelete = (data) => {
+    ns.postNotification(NOTIFICATION_SERVICES.CONFIRM_ACTION_MODAL, data);
+  };
   const brokerList = useMemo(() => {
-    return BROKERS_LOGIN.map((broker) => {
-      const isLoggedIn = verifyLoggedIn(broker.key);
+    if (brokerAuth.length === 0) {
+      return /* @__PURE__ */ jsx(Grid, { display: "flex", justifyContent: "center", alignItems: "center", sx: { mt: 2, mb: 4 }, children: /* @__PURE__ */ jsx("div", { className: "no-broker-accounts", children: "No broker accounts added yet." }) });
+    }
+    return brokerAuth.map((broker) => {
+      const isLoggedIn = verifyLoggedIn(broker.login_date);
+      const brokerInfo = BROKERS_LOGIN_INFO[broker.broker_name];
       return /* @__PURE__ */ jsxs(Grid, { size: { md: 3, sm: 4, xs: 6 }, display: "flex", flexDirection: "column", alignItems: "center", children: [
-        broker.external ? /* @__PURE__ */ jsx("a", { href: getUrl(broker.url), className: `broker-login-tile text-center noselect ${isLoggedIn ? "disabled" : ""}`, children: /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("img", { className: "broker-login-logo", alt: "broker-logo", src: broker.img }),
-          /* @__PURE__ */ jsx("div", { className: "broker-login-text", children: broker.name })
+        brokerInfo.external ? /* @__PURE__ */ jsx("a", { href: getUrl(brokerInfo.url), className: `broker-login-tile text-center noselect ${isLoggedIn ? "disabled" : ""}`, children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("img", { className: "broker-login-logo", alt: "broker-logo", src: brokerInfo.img }),
+          /* @__PURE__ */ jsx("div", { className: "broker-login-text", children: broker.broker_name })
         ] }) }) : /* @__PURE__ */ jsx(
           LinkButton,
           {
-            name: `broker/login/${broker.key}`,
+            name: `broker/login/${broker.broker_name}`,
             onClick,
             className: `broker-login-tile text-center noselect ${isLoggedIn ? "disabled" : ""}`,
             children: /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("img", { className: "broker-login-logo", alt: "broker-logo", src: broker.img }),
-              /* @__PURE__ */ jsx("div", { className: "broker-login-text", children: broker.name })
+              /* @__PURE__ */ jsx("img", { className: "broker-login-logo", alt: "broker-logo", src: brokerInfo.img }),
+              /* @__PURE__ */ jsx("div", { className: "broker-login-text", children: broker.broker_name })
             ] })
           }
         ),
-        isLoggedIn && /* @__PURE__ */ jsx("button", { name: broker.key, className: "broker-logout mt-4", onClick: onLogoutClick, children: "Logout" })
-      ] }, broker.key);
+        isLoggedIn ? /* @__PURE__ */ jsx("button", { name: broker.broker_name, className: "broker-logout mt-4", onClick: onLogoutClick, children: "Logout" }) : /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, paddingTop: 1, children: [
+          /* @__PURE__ */ jsx(IconButton, { onClick: () => onClick(`broker/account/${broker.broker_name}`), children: /* @__PURE__ */ jsx(EditIcon, { sx: { fontSize: 16 } }) }),
+          /* @__PURE__ */ jsx(IconButton, { onClick: () => onDelete(broker), children: /* @__PURE__ */ jsx(DeleteIcon, { sx: { fontSize: 16 } }) })
+        ] })
+      ] }, broker.broker_id);
     });
   }, [verifyLoggedIn, onClick, onLogoutClick]);
   return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
@@ -87,17 +78,19 @@ var BrokerSignIn = ({ brokerAuth, onCallBack, navigate }) => {
       /* @__PURE__ */ jsx("h4", { className: "page-heading text-center", children: "Broker(s) login" }),
       /* @__PURE__ */ jsx(Tooltip, { title: SETTINGS_HELP_TEXT.broker_signin, placement: "bottom" })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, justifyContent: "center", sx: { textAlign: "center", pb: 2 }, children: brokerList })
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, justifyContent: "center", sx: { textAlign: "center" }, children: brokerList })
   ] }) });
 };
 var brokers_default = BrokerSignIn;
 var BrokerSettingsPage = ({ navigate }) => {
+  const [loading, setLoading] = useState(true);
   const [settings, setSettings] = useState({
-    brokerAuth: {}
+    brokerAuth: []
   });
   const fetchSettings = useCallback(async () => {
     const response = await getSettings();
     if (response) setSettings(response);
+    setLoading(false);
   }, []);
   useEffect(() => {
     document.title = TITLES.BROKER_SETTINGS_PAGE_TITLE;
@@ -106,7 +99,12 @@ var BrokerSettingsPage = ({ navigate }) => {
   const onClick = (name) => {
     if (name) navigate(`/${name}`);
   };
+  const onConfirm = async (data) => {
+    const response = await deleteBrokerAccount(data.account_id);
+    if (response) fetchSettings();
+  };
   return /* @__PURE__ */ jsxs(Container, { maxWidth: "md", sx: { mt: 2, mb: 4 }, children: [
+    /* @__PURE__ */ jsx(AreYouSureModal, { text: "Do you want to delete this broker account?", callback: onConfirm }),
     /* @__PURE__ */ jsxs(Grid, { children: [
       /* @__PURE__ */ jsx("h4", { className: "page-heading", children: "Broker Settings" }),
       /* @__PURE__ */ jsxs("div", { className: "broker-settings-help", children: [
@@ -115,10 +113,21 @@ var BrokerSettingsPage = ({ navigate }) => {
         " for help to login into broker(s)."
       ] })
     ] }),
+    /* @__PURE__ */ jsx(Alerts, { id: "settings", className: "mt-2 mb-4" }),
     /* @__PURE__ */ jsx(Box, { sx: { my: 2 } }),
-    /* @__PURE__ */ jsxs(Grid, { children: [
-      /* @__PURE__ */ jsx(Alerts, { id: "settings", className: "mt-2 mb-4" }),
-      /* @__PURE__ */ jsx(brokers_default, { brokerAuth: settings.brokerAuth, navigate, onCallBack: fetchSettings })
+    loading ? /* @__PURE__ */ jsx(loading_default, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(brokers_default, { brokerAuth: settings.brokerAuth, navigate, onCallBack: fetchSettings }) }),
+      /* @__PURE__ */ jsx(Box, { sx: { my: 4, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          onClick: () => navigate("/brokers"),
+          sx: { mt: 4 },
+          className: "wrapped-btn",
+          startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+          text: "Add Broker"
+        }
+      ) })
     ] })
   ] });
 };

package/dist/pages/broker-settings.page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/broker-settings.page/constants.tsx","../../src/components/broker-settings.page/brokers.tsx","../../src/pages/broker-settings.page.tsx"],"names":["useCallback","jsxs","Grid","jsx","LinkButton"],"mappings":"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","file":"broker-settings.page.js","sourcesContent":["import { configService } from \"sspart-fe-lib\";\n\nexport const BROKERS_LOGIN = [\n    {\n        name: \"Angel One\",\n        key: \"AngelOne\",\n        external: false,\n        img: \"https://i.imgur.com/CIuVKGC.png\"\n    },{\n        name: \"Fyers\",\n        key: \"Fyers\",\n        external: true,\n        img: \"https://i.imgur.com/anU1KVh.png\",\n        url: \"FYERS\"\n    }\n]\n\nexport const getUrl = (key?: string) : string => {\n    switch (key) {\n        case \"FYERS\":\n            const config = configService.getData();\n            return config[\"API_FYERS_LOGIN_URL\"];\n        default:\n            return \"\";\n    }\n}\n\nexport const SETTINGS_HELP_TEXT = {\n    broker_signin: \"Login to your broker account, by clicking on the below tiles\"\n}","import React, { useCallback, useMemo } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Card from \"@mui/material/Card\";\nimport CardContent from \"@mui/material/CardContent\";\nimport Grid from \"@mui/material/Grid\";\nimport { logoutBroker } from \"../broker-login.page/api-calls\";\nimport { getCurrentDateWithoutTime, getDateDifference, \n    getDateWithoutTime, LinkButton, Tooltip } from \"sspart-fe-lib\";\nimport { BROKERS_LOGIN, getUrl, SETTINGS_HELP_TEXT } from \"./constants\";\n\ninterface BrokerSignInProps {\n    brokerAuth: Record<string, { loginDate: number }>;\n    onCallBack: () => void;\n    navigate: ReturnType<typeof useNavigate>;\n}\n\ninterface Broker {\n    key: string;\n    name: string;\n    img: string;\n    url?: string;\n    external?: boolean;\n}\n\nconst BrokerSignIn: React.FC<BrokerSignInProps> = ({ brokerAuth, onCallBack, navigate }) => {\n\n    const verifyLoggedIn = useCallback(\n        (brokerKey: string): boolean => {\n            const loginDate = brokerAuth?.[brokerKey]?.loginDate ?? 0;\n            return getDateDifference(getCurrentDateWithoutTime(), getDateWithoutTime(loginDate)) >= 0;\n        },\n        [brokerAuth]\n    );\n\n    const onLogoutClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            const brokerKey = event.currentTarget.name;\n            const response = await logoutBroker(brokerKey);\n            if (response) onCallBack();\n        },\n        [onCallBack]\n    );\n\n    const onClick = useCallback(\n        (name?: string) => {\n            if (name) navigate(`/${name}`);\n        },\n        [navigate]\n    );\n\n    const brokerList = useMemo(() => {\n        return BROKERS_LOGIN.map((broker: Broker) => {\n            const isLoggedIn = verifyLoggedIn(broker.key);\n\n            return (\n                <Grid key={broker.key} size={{md:3, sm:4, xs: 6}} display='flex' flexDirection='column' alignItems='center'>\n                    {broker.external ? (\n                        <a href={getUrl(broker.url)} className={`broker-login-tile text-center noselect ${isLoggedIn ? \"disabled\" : \"\"}`}>\n                            <div>\n                                <img className=\"broker-login-logo\" alt=\"broker-logo\" src={broker.img} />\n                                <div className=\"broker-login-text\">{broker.name}</div>\n                            </div>\n                        </a>\n                    ) : (\n                        <LinkButton name={`broker/login/${broker.key}`} onClick={onClick}\n                            className={`broker-login-tile text-center noselect ${isLoggedIn ? \"disabled\" : \"\"}`} >\n                            <div>\n                                <img className=\"broker-login-logo\" alt=\"broker-logo\" src={broker.img} />\n                                <div className=\"broker-login-text\">{broker.name}</div>\n                            </div>\n                        </LinkButton>\n                    )}\n                    {isLoggedIn && (\n                        <button name={broker.key} className=\"broker-logout mt-4\" onClick={onLogoutClick}>\n                            Logout\n                        </button>\n                    )}\n                </Grid>\n            );\n        });\n    }, [verifyLoggedIn, onClick, onLogoutClick]);\n\n    return (\n        <Card>\n            <CardContent>\n                <Grid container direction=\"row\" alignItems=\"center\" justifyContent='center' sx={{ mb: 2 }}>\n                    <h4 className=\"page-heading text-center\">Broker(s) login</h4>\n                    <Tooltip title={SETTINGS_HELP_TEXT.broker_signin} placement=\"bottom\" />\n                </Grid>\n                <Grid container spacing={2} justifyContent=\"center\" sx={{ textAlign: \"center\", pb: 2 }}>\n                    {brokerList}\n                </Grid>\n            </CardContent>\n        </Card>\n    );\n};\n\nexport default BrokerSignIn;","import React, { useEffect, useState, useCallback } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Container from \"@mui/material/Container\";\nimport Grid from '@mui/material/Grid';\nimport Box from \"@mui/material/Box\";\nimport { TITLES } from '../resources/constants';\nimport { getSettings } from '../components/broker-login.page/api-calls';\nimport { Alerts, LinkButton } from 'sspart-fe-lib';\nimport BrokerSignIn from '../components/broker-settings.page/brokers';\n\ninterface BrokerSettingsPageProps {\n    navigate: ReturnType<typeof useNavigate>;\n}\n\nconst BrokerSettingsPage: React.FC<BrokerSettingsPageProps> = ({ navigate }) => {\n\n    const [settings, setSettings] = useState({\n        brokerAuth: {}\n    });\n\n    const fetchSettings = useCallback(async () => {\n        const response = await getSettings();\n        if (response) setSettings(response);\n    }, []);\n\n    useEffect(() => {\n        document.title = TITLES.BROKER_SETTINGS_PAGE_TITLE;\n        fetchSettings();\n    }, [fetchSettings]);\n\n    const onClick = (name?: string) => {\n        if (name) navigate(`/${name}`);\n    };\n\n    return (\n        <Container maxWidth=\"md\" sx={{ mt: 2, mb: 4 }}>\n            <Grid>\n                <h4 className=\"page-heading\">Broker Settings</h4>\n                <div className=\"broker-settings-help\">\n                    Please click <LinkButton name=\"help\" text=\"here\" onClick={onClick} /> for help to login into broker(s).\n                </div>\n            </Grid>\n            <Box sx={{ my: 2 }} />\n            <Grid>\n                <Alerts id=\"settings\" className=\"mt-2 mb-4\" />\n                <BrokerSignIn brokerAuth={settings.brokerAuth} navigate={navigate} onCallBack={fetchSettings}/>\n            </Grid>\n        </Container>\n    );\n};\n\nexport default BrokerSettingsPage;"]}
+{"version":3,"sources":["../../src/components/broker-settings.page/brokers.tsx","../../src/pages/broker-settings.page.tsx"],"names":["useCallback","jsxs","jsx","Grid","LinkButton","Button"],"mappings":"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","file":"broker-settings.page.js","sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Card from \"@mui/material/Card\";\nimport CardContent from \"@mui/material/CardContent\";\nimport Grid from \"@mui/material/Grid\";\nimport IconButton from '@mui/material/IconButton';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport EditIcon from '@mui/icons-material/Edit';\nimport Stack from '@mui/material/Stack';\nimport { logoutBroker } from \"../broker-login.page/api-calls\";\nimport { Button, getCurrentDateWithoutTime, getDateDifference, \n    getDateWithoutTime, LinkButton, NOTIFICATION_SERVICES, ns, Tooltip } from \"sspart-fe-lib\";\nimport { BROKERS_LOGIN, BROKERS_LOGIN_INFO, getUrl, SETTINGS_HELP_TEXT } from \"./constants\";\n\ninterface BrokerAuthProps {\n    broker_id: string;\n    account_id: string;\n    account_name: string;\n    broker_userid: string;\n    broker_name: string;\n    login_date: Date;\n    auth_metadata: any;\n}\n\ninterface BrokerSignInProps {\n    brokerAuth: BrokerAuthProps[];\n    onCallBack: () => void;\n    navigate: ReturnType<typeof useNavigate>;\n}\n\ninterface Broker {\n    key: string;\n    name: string;\n    img: string;\n    url?: string;\n    external?: boolean;\n}\n\nconst BrokerSignIn: React.FC<BrokerSignInProps> = ({ brokerAuth, onCallBack, navigate }) => {\n\n    const verifyLoggedIn = useCallback(\n        (login_date: Date): boolean => {\n            return getDateDifference(getCurrentDateWithoutTime(), getDateWithoutTime(login_date || 0)) >= 0;\n        },\n        [brokerAuth]\n    );\n\n    const onLogoutClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            const brokerKey = event.currentTarget.name;\n            const response = await logoutBroker(brokerKey);\n            if (response) onCallBack();\n        },\n        [onCallBack]\n    );\n\n    const onClick = useCallback(\n        (name?: string) => {\n            if (name) navigate(`/${name}`);\n        },\n        [navigate]\n    );\n\n    const onDelete = (data: BrokerAuthProps) => {\n        ns.postNotification(NOTIFICATION_SERVICES.CONFIRM_ACTION_MODAL, data);\n    };\n\n    const brokerList = useMemo(() => {\n        if(brokerAuth.length === 0) {\n            return (\n                <Grid display='flex' justifyContent='center' alignItems='center' sx={{ mt: 2, mb: 4 }}>\n                    <div className=\"no-broker-accounts\">No broker accounts added yet.</div>\n                </Grid>\n            );\n        }\n        return brokerAuth.map((broker: BrokerAuthProps) => {\n            const isLoggedIn = verifyLoggedIn(broker.login_date);\n            const brokerInfo = BROKERS_LOGIN_INFO[broker.broker_name];\n\n            return (\n                <Grid key={broker.broker_id} size={{md:3, sm:4, xs: 6}} display='flex' flexDirection='column' alignItems='center'>\n                    {brokerInfo.external ? (\n                        <a href={getUrl(brokerInfo.url)} className={`broker-login-tile text-center noselect ${isLoggedIn ? \"disabled\" : \"\"}`}>\n                            <div>\n                                <img className=\"broker-login-logo\" alt=\"broker-logo\" src={brokerInfo.img} />\n                                <div className=\"broker-login-text\">{broker.broker_name}</div>\n                            </div>\n                        </a>\n                    ) : (\n                        <LinkButton name={`broker/login/${broker.broker_name}`} onClick={onClick}\n                            className={`broker-login-tile text-center noselect ${isLoggedIn ? \"disabled\" : \"\"}`} >\n                            <div>\n                                <img className=\"broker-login-logo\" alt=\"broker-logo\" src={brokerInfo.img} />\n                                <div className=\"broker-login-text\">{broker.broker_name}</div>\n                            </div>\n                        </LinkButton>\n                    )}\n                    {isLoggedIn ? (\n                        <button name={broker.broker_name} className=\"broker-logout mt-4\" onClick={onLogoutClick}>\n                            Logout\n                        </button>\n                    ) : \n                        <Stack direction=\"row\" spacing={1} paddingTop={1}>\n                            <IconButton onClick={() => onClick(`broker/account/${broker.broker_name}`)}>\n                                <EditIcon sx={{ fontSize: 16 }} />\n                            </IconButton>\n                            <IconButton onClick={() => onDelete(broker)}>\n                                <DeleteIcon sx={{ fontSize: 16 }} />\n                            </IconButton>\n                        </Stack>\n                    }\n                </Grid>\n            );\n        });\n    }, [verifyLoggedIn, onClick, onLogoutClick]);\n\n    return (\n        <Card>\n            <CardContent>\n                <Grid container direction=\"row\" alignItems=\"center\" justifyContent='center' sx={{ mb: 2 }}>\n                    <h4 className=\"page-heading text-center\">Broker(s) login</h4>\n                    <Tooltip title={SETTINGS_HELP_TEXT.broker_signin} placement=\"bottom\" />\n                </Grid>\n                <Grid container spacing={2} justifyContent=\"center\" sx={{ textAlign: \"center\" }}>\n                    {brokerList}\n                </Grid>\n            </CardContent>\n        </Card>\n    );\n};\n\nexport default BrokerSignIn;","import React, { useEffect, useState, useCallback } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Container from \"@mui/material/Container\";\nimport Grid from '@mui/material/Grid';\nimport Box from \"@mui/material/Box\";\nimport AddIcon from '@mui/icons-material/Add';\nimport { TITLES } from '../resources/constants';\nimport { deleteBrokerAccount, getSettings } from '../components/broker-login.page/api-calls';\nimport { Alerts, AreYouSureModal, Button, LinkButton } from 'sspart-fe-lib';\nimport BrokerSignIn from '../components/broker-settings.page/brokers';\nimport LoadingComp from \"../components/common/loading\";\n\ninterface BrokerSettingsPageProps {\n    navigate: ReturnType<typeof useNavigate>;\n}\n\nconst BrokerSettingsPage: React.FC<BrokerSettingsPageProps> = ({ navigate }) => {\n\n    const [loading, setLoading] = useState(true);\n    const [settings, setSettings] = useState({\n        brokerAuth: []\n    });\n\n    const fetchSettings = useCallback(async () => {\n        const response = await getSettings();\n        if (response) setSettings(response);\n        setLoading(false);\n    }, []);\n\n    useEffect(() => {\n        document.title = TITLES.BROKER_SETTINGS_PAGE_TITLE;\n        fetchSettings();\n    }, [fetchSettings]);\n\n    const onClick = (name?: string) => {\n        if (name) navigate(`/${name}`);\n    };\n\n    const onConfirm = async (data: any) => {\n        const response = await deleteBrokerAccount(data.account_id);\n        if(response) fetchSettings();\n    }\n\n    return (\n        <Container maxWidth=\"md\" sx={{ mt: 2, mb: 4 }}>\n            <AreYouSureModal text=\"Do you want to delete this broker account?\" callback={onConfirm}/>\n            <Grid>\n                <h4 className=\"page-heading\">Broker Settings</h4>\n                <div className=\"broker-settings-help\">\n                    Please click <LinkButton name=\"help\" text=\"here\" onClick={onClick} /> for help to login into broker(s).\n                </div>\n            </Grid>\n            <Alerts id=\"settings\" className=\"mt-2 mb-4\" />\n            <Box sx={{ my: 2 }} />\n            {loading ? <LoadingComp /> : \n            <>\n                <Grid>\n                    <BrokerSignIn brokerAuth={settings.brokerAuth} navigate={navigate} onCallBack={fetchSettings}/>\n                </Grid>\n                <Box sx={{ my: 4, display: 'flex', justifyContent: 'center' }}>\n                    <Button variant=\"contained\" onClick={() => navigate('/brokers')} sx={{ mt: 4 }} \n                        className=\"wrapped-btn\" startIcon={<AddIcon />} text=\"Add Broker\"/>\n                </Box>\n            </>}\n        </Container>\n    );\n};\n\nexport default BrokerSettingsPage;"]}

package/dist/pages/brokers.page.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+
+interface BrokersPageProps {
+    navigate: ReturnType<typeof useNavigate>;
+}
+declare const BrokersPage: React.FC<BrokersPageProps>;
+
+export { BrokersPage as default };

package/dist/pages/brokers.page.js

@@ -0,0 +1,75 @@
+import { BROKERS_LOGIN_INFO } from '../chunk-UPB7Z3GU.js';
+import { loading_default } from '../chunk-3P3BZ5GA.js';
+import { CUSTOMER_ROUTES } from '../chunk-QLPZ6FY2.js';
+import '../chunk-72Y4GEJL.js';
+import { TITLES } from '../chunk-QYP3Y6HE.js';
+import { useState, useCallback, useEffect } from 'react';
+import Container from '@mui/material/Container';
+import Grid from '@mui/material/Grid';
+import Box from '@mui/material/Box';
+import { LinkButton, Alerts, getcall } from 'sspart-fe-lib';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var getBrokers = async () => {
+  return await getcall(CUSTOMER_ROUTES("brokers"), "brokers");
+};
+var BrokerSignIn = ({ broker, navigate }) => {
+  const onClick = (name) => {
+    if (name) navigate(`/${name}`);
+  };
+  const brokerInfo = BROKERS_LOGIN_INFO[broker.name];
+  return /* @__PURE__ */ jsx(Grid, { size: { md: 3, sm: 4, xs: 6 }, display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(
+    LinkButton,
+    {
+      name: `broker/account/${brokerInfo.key}`,
+      onClick,
+      className: "broker-login-tile text-center noselect",
+      children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("img", { className: "broker-login-logo", alt: "broker-logo", src: brokerInfo.img }),
+        /* @__PURE__ */ jsx("div", { className: "broker-login-text", children: brokerInfo.name })
+      ] })
+    }
+  ) });
+};
+var brokers_default = BrokerSignIn;
+var BrokerWrapper = ({ brokers, navigate }) => {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: brokers.map((broker) => /* @__PURE__ */ jsx(brokers_default, { broker, navigate }, broker.id)) }) }) });
+};
+var broker_wrapper_default = BrokerWrapper;
+var BrokersPage = ({ navigate }) => {
+  const [loading, setLoading] = useState(true);
+  const [brokers, setBrokers] = useState([]);
+  const fetchBrokers = useCallback(async () => {
+    const response = await getBrokers();
+    if (response) setBrokers(response.brokers || []);
+    setLoading(false);
+  }, []);
+  useEffect(() => {
+    document.title = TITLES.BROKERS_PAGE_TITLE;
+    fetchBrokers();
+  }, [fetchBrokers]);
+  const onClick = (name) => {
+    if (name) navigate(`/${name}`);
+  };
+  if (loading) return /* @__PURE__ */ jsx(loading_default, {});
+  return /* @__PURE__ */ jsxs(Container, { maxWidth: "md", sx: { mt: 2, mb: 4 }, children: [
+    /* @__PURE__ */ jsxs(Grid, { children: [
+      /* @__PURE__ */ jsx("h4", { className: "page-heading", children: "Select Brokers" }),
+      /* @__PURE__ */ jsxs("div", { className: "broker-settings-help", children: [
+        "Please click ",
+        /* @__PURE__ */ jsx(LinkButton, { name: "help", text: "here", onClick }),
+        " for help to login into broker(s)."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Alerts, { id: "brokers", className: "mt-2 mb-4" }),
+    /* @__PURE__ */ jsx(Box, { sx: { my: 2 } }),
+    loading ? /* @__PURE__ */ jsx(loading_default, {}) : /* @__PURE__ */ jsx(broker_wrapper_default, { brokers, navigate })
+  ] });
+};
+var brokers_page_default = BrokersPage;
+
+export { brokers_page_default as default };
+//# sourceMappingURL=brokers.page.js.map
+//# sourceMappingURL=brokers.page.js.map

package/dist/pages/brokers.page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/brokers.page/api-calls.tsx","../../src/components/brokers.page/brokers.tsx","../../src/components/brokers.page/broker-wrapper.tsx","../../src/pages/brokers.page.tsx"],"names":["jsx","Grid","jsxs","LinkButton"],"mappings":"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","file":"brokers.page.js","sourcesContent":["import { getcall } from \"sspart-fe-lib\";\nimport { CUSTOMER_ROUTES } from \"../../resources/routes\";\n\nexport const getBrokers = async (): Promise<any> => {\n    return await getcall(CUSTOMER_ROUTES(\"brokers\"), \"brokers\");\n};","import React, { useCallback } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { LinkButton } from \"sspart-fe-lib\";\nimport { BROKERS_LOGIN_INFO } from \"../broker-settings.page/constants\";\nimport Grid from '@mui/material/Grid';\n\ninterface Broker {\n    id: string;\n    name: string;\n}\n\ninterface BrokerProps {\n    broker: Broker;\n    navigate: ReturnType<typeof useNavigate>;\n}\n\nconst BrokerSignIn: React.FC<BrokerProps> = ({ broker, navigate }) => {\n\n    const onClick = (name?: string) => {\n        if (name) navigate(`/${name}`);\n    };\n    \n    const brokerInfo = BROKERS_LOGIN_INFO[broker.name];\n\n    return (\n        <Grid size={{ md:3, sm:4, xs: 6 }} display='flex' justifyContent='center' alignItems='center'>\n            <LinkButton name={`broker/account/${brokerInfo.key}`} onClick={onClick}\n                className=\"broker-login-tile text-center noselect\" >\n                <div>\n                    <img className=\"broker-login-logo\" alt=\"broker-logo\" src={brokerInfo.img} />\n                    <div className=\"broker-login-text\">{brokerInfo.name}</div>\n                </div>\n            </LinkButton>\n        </Grid>\n    );\n};\n\nexport default BrokerSignIn;","import React from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Grid from '@mui/material/Grid';\nimport Brokers from \"./brokers\";\n\ninterface Broker {\n    id: string;\n    name: string;\n}\n\ninterface BrokerWrapperPageProps {\n    brokers: Broker[];\n    navigate: ReturnType<typeof useNavigate>;\n}\n\nconst BrokerWrapper: React.FC<BrokerWrapperPageProps> = ({ brokers, navigate }) => {\n\n    return (\n        <Card>\n            <CardContent>\n                <Grid container spacing={2}>\n                    {brokers.map((broker) => (\n                        <Brokers broker={broker} navigate={navigate} key={broker.id} />\n                    ))}\n                </Grid>\n            </CardContent>\n        </Card>\n    );\n};\n\nexport default BrokerWrapper;","import React, { useEffect, useState, useCallback } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Container from \"@mui/material/Container\";\nimport Grid from '@mui/material/Grid';\nimport Box from \"@mui/material/Box\";\nimport { TITLES } from '../resources/constants';\nimport { Alerts, LinkButton } from 'sspart-fe-lib';\nimport LoadingComp from \"../components/common/loading\";\nimport { getBrokers } from \"../components/brokers.page/api-calls\";\nimport BrokerWrapper from \"../components/brokers.page/broker-wrapper\";\n\ninterface BrokersPageProps {\n    navigate: ReturnType<typeof useNavigate>;\n}\n\ninterface Broker {\n    id: string;\n    name: string;\n}\n\nconst BrokersPage: React.FC<BrokersPageProps> = ({ navigate }) => {\n\n    const [loading, setLoading] = useState(true);\n    const [brokers, setBrokers] = useState<Broker[]>([]);\n\n    const fetchBrokers = useCallback(async () => {\n        const response = await getBrokers();\n        if (response) setBrokers(response.brokers || []);\n        setLoading(false);\n    }, []);\n\n    useEffect(() => {\n        document.title = TITLES.BROKERS_PAGE_TITLE;\n        fetchBrokers();\n    }, [fetchBrokers]);\n\n    const onClick = (name?: string) => {\n        if (name) navigate(`/${name}`);\n    };\n\n    if(loading) return <LoadingComp />;\n\n    return (\n        <Container maxWidth=\"md\" sx={{ mt: 2, mb: 4 }}>\n            <Grid>\n                <h4 className=\"page-heading\">Select Brokers</h4>\n                <div className=\"broker-settings-help\">\n                    Please click <LinkButton name=\"help\" text=\"here\" onClick={onClick} /> for help to login into broker(s).\n                </div>\n            </Grid>\n            <Alerts id=\"brokers\" className=\"mt-2 mb-4\" />\n            <Box sx={{ my: 2 }} />\n            {loading ? <LoadingComp /> : <BrokerWrapper brokers={brokers} navigate={navigate} />}\n        </Container>\n    );\n};\n\nexport default BrokersPage;"]}

package/dist/pages/error.page.js

@@ -1,5 +1,5 @@
-import { TITLES } from '../chunk-PWBSF4OA.js';
 import { error_default } from '../chunk-VPKSRGR2.js';
+import { TITLES } from '../chunk-QYP3Y6HE.js';
 import { useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/pages/landing.page.js

@@ -1,6 +1,6 @@
-import { TITLES } from '../chunk-PWBSF4OA.js';
-import { header_default } from '../chunk-LLX3WGKJ.js';
-import { IMAGE_LINKS } from '../chunk-767TKJQF.js';
+import { header_default } from '../chunk-EAURBQWA.js';
+import { IMAGE_LINKS } from '../chunk-72Y4GEJL.js';
+import { TITLES } from '../chunk-QYP3Y6HE.js';
 import { useEffect } from 'react';
 import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';

package/dist/pages/layout.page.js

@@ -1,4 +1,4 @@
-import { ON_RESIZE } from '../chunk-PWBSF4OA.js';
+import { ON_RESIZE } from '../chunk-QYP3Y6HE.js';
 import { Resize } from 'sspart-fe-lib';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/pages/logout-error.page.js

@@ -1,14 +1,11 @@
+import { loading_default } from '../chunk-3P3BZ5GA.js';
 import { error_default } from '../chunk-VPKSRGR2.js';
-import { header_default } from '../chunk-LLX3WGKJ.js';
-import { IMAGE_LINKS } from '../chunk-767TKJQF.js';
+import { header_default } from '../chunk-EAURBQWA.js';
+import '../chunk-72Y4GEJL.js';
 import Box from '@mui/material/Box';
-import { auth, Loading } from 'sspart-fe-lib';
+import { auth } from 'sspart-fe-lib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var LoadingComp = () => {
-  return /* @__PURE__ */ jsx(Loading, { path: IMAGE_LINKS.SMALL_ICON });
-};
-var loading_default = LoadingComp;
 var LogoutErrorPage = ({ navigate }) => {
   if (auth.isAuthenticated()) return /* @__PURE__ */ jsx(loading_default, {});
   return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, children: [

package/dist/pages/logout-error.page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/common/loading.tsx","../../src/pages/logout-error.page.tsx"],"names":["jsx"],"mappings":";;;;;;;AAGA,IAAM,cAAc,MAAM;AAEtB,EAAA,uBACI,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAM,WAAA,CAAY,UAAA,EAAY,CAAA;AAE/C,CAAA;AAEA,IAAO,eAAA,GAAQ,WAAA;ACCf,IAAM,eAAA,GAA8C,CAAC,EAAE,QAAA,EAAS,KAAM;AAElE,EAAA,IAAG,KAAK,eAAA,EAAgB,EAAG,uBAAOA,IAAC,eAAA,EAAA,EAAQ,CAAA;AAE3C,EAAA,4BAAQ,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,KAAA,EAAO,QAAO,EAC5B,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,kBAAO,QAAA,EAAmB,CAAA;AAAA,oBAC3BA,IAAC,aAAA,EAAA,EAAM;AAAA,GAAA,EACX,CAAA;AAEJ,CAAA;AAEA,IAAO,yBAAA,GAAQ","file":"logout-error.page.js","sourcesContent":["import { Loading } from \"sspart-fe-lib\";\nimport { IMAGE_LINKS } from \"../../resources/images\";\n\nconst LoadingComp = () => {\n\n    return (\n        <Loading path={IMAGE_LINKS.SMALL_ICON} />\n    );\n};\n\nexport default LoadingComp;\n","import Box from '@mui/material/Box';\nimport Error from '../components/error.page/error';\nimport { auth } from \"sspart-fe-lib\";\nimport Loading from \"../components/common/loading\";\nimport Header from '../components/landing.page/header';\nimport { useNavigate } from 'react-router-dom';\n\ninterface LogoutErrorProps {\n    navigate: ReturnType<typeof useNavigate>;\n}\n\nconst LogoutErrorPage: React.FC<LogoutErrorProps> = ({ navigate }) => {\n\n    if(auth.isAuthenticated()) return <Loading />\n\n    return <Box sx={{ width: \"100%\" }}>\n        <Header navigate={navigate}/>\n        <Error />\n    </Box>\n    \n}\n\nexport default LogoutErrorPage;"]}
+{"version":3,"sources":["../../src/pages/logout-error.page.tsx"],"names":[],"mappings":";;;;;;;;AAWA,IAAM,eAAA,GAA8C,CAAC,EAAE,QAAA,EAAS,KAAM;AAElE,EAAA,IAAG,IAAA,CAAK,eAAA,EAAgB,EAAG,2BAAQ,eAAA,EAAA,EAAQ,CAAA;AAE3C,EAAA,4BAAQ,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,KAAA,EAAO,QAAO,EAC5B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAO,QAAA,EAAmB,CAAA;AAAA,wBAC1B,aAAA,EAAA,EAAM;AAAA,GAAA,EACX,CAAA;AAEJ,CAAA;AAEA,IAAO,yBAAA,GAAQ","file":"logout-error.page.js","sourcesContent":["import Box from '@mui/material/Box';\nimport Error from '../components/error.page/error';\nimport { auth } from \"sspart-fe-lib\";\nimport Loading from \"../components/common/loading\";\nimport Header from '../components/landing.page/header';\nimport { useNavigate } from 'react-router-dom';\n\ninterface LogoutErrorProps {\n    navigate: ReturnType<typeof useNavigate>;\n}\n\nconst LogoutErrorPage: React.FC<LogoutErrorProps> = ({ navigate }) => {\n\n    if(auth.isAuthenticated()) return <Loading />\n\n    return <Box sx={{ width: \"100%\" }}>\n        <Header navigate={navigate}/>\n        <Error />\n    </Box>\n    \n}\n\nexport default LogoutErrorPage;"]}

package/dist/pages/profile.page.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+
+interface ProfilePageProps {
+    navigate: ReturnType<typeof useNavigate>;
+}
+declare const ProfilePage: React.FC<ProfilePageProps>;
+
+export { ProfilePage as default };