dq-cus-lib 1.3.2 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  bottom: 0;
15
15
  width: 100vw;
16
16
  height: 3.5rem;
17
- z-index: 1000;
17
+ z-index: 500;
18
18
  }
19
19
  .full-hw-window {
20
20
  min-height: 100vh;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/styles/index.css"],"sourcesContent":[":root{\n --primary-color: #4CA8B4;\n --primary-color-hover: #2E8C99;\n --text-color: #003B4F;\n --disabled-color: #d4d4d4;\n --neutral-color: #ffffff;\n --background-color: #f3f3f3;\n --alert-error: rgba(255, 67, 67);\n --alert-error-hover: rgb(223, 0, 0);\n}\n\n#footer {\n position: fixed;\n bottom: 0;\n width: 100vw;\n height: 3.5rem;\n z-index: 1000;\n}\n\n.full-hw-window{\n min-height: 100vh;\n min-width: 100vw;\n}\n\n.sign-in-logo{\n width: 200px;\n}\n\n.sign-in-logo-small{\n width: 100px;\n}\n\n.wrapped-btn {\n width: auto !important;\n}\n\n.wrapped-btn-neutral.MuiButton-outlined {\n color: red !important;\n border-color: var(--primary-color) !important;\n background: var(--neutral-color) !important;\n}\n\n.outlined-btn {\n border: 1px solid var(--primary-color) !important;\n color: var(--primary-color) !important;\n background-color: transparent !important;\n padding: 6px 16px !important;\n font-size: 0.875rem !important;\n font-weight: 500 !important;\n line-height: 1.75 !important;\n border-radius: 4px !important;\n text-transform: uppercase !important;\n transition: all 0.3s ease !important;\n cursor: pointer !important;\n outline: none !important;\n}\n\n.outlined-btn:hover {\n border: 1px solid var(--primary-color-hover) !important;\n color: var(--primary-color-hover) !important;\n background-color: rgba(var(--primary-color-hover), 0.04) !important;\n}\n\n.user-option{\n background: none;\n border: none;\n cursor: pointer;\n color: var(--text-color);\n text-align: center;\n font-size: 12px;\n}\n\n.user-option:hover{\n color: var(--primary-color-hover);\n}\n\n.header-link{\n font-weight: 700;\n font-size: .85rem;\n}\n\n.logo-navbar{\n width: 28px;\n}\n\n.header-toolbar{\n min-height: 32px !important;\n height: auto !important;\n padding-top: 2px !important; \n padding-bottom: 2px !important;\n}\n\n.header-avatar{\n width: 28px !important;\n height: 28px !important;\n font-size: 14px !important;\n}\n\n.footer-layer{\n box-shadow: 0px 0px 7px rgba(0,0,0,0.05);\n border-top: 1px solid rgb(216, 216, 216, 0.25);\n}\n\n.error-404{\n font-weight: 800;\n letter-spacing: 0.1em;\n}\n\n.error-text {\n font-weight: 800;\n}\n\n@media (max-width: 576px) {\n .error-404 {\n color: var(--alert-error);\n font-size: 18vw;\n }\n .error-emoji{\n font-size: 16vw;\n }\n .error-text{\n font-size: 6vw;\n }\n .error-desc{\n font-size: 3.25vw;\n }\n}\n\n@media (min-width: 576px) {\n .error-404 {\n color: var(--alert-error);\n font-size: 8vw;\n }\n .error-emoji{\n font-size: 7vw;\n }\n .error-text{\n font-size: 4vw;\n }\n .error-desc{\n font-size: 2vw;\n }\n}\n\n@media (min-width: 992px) {\n .error-desc{\n font-size: 1.5vw;\n }\n}\n\n.error-wrapper{\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n}\n\n.header-logo{\n width: 120px;\n}\n\n@media (max-width: 992px) {\n .landing-info-header{\n font-size: 36px;\n font-weight: 800;\n line-height: 42px;\n }\n}\n\n@media (min-width: 992px) {\n .landing-info-header{\n font-size: 36px;\n font-weight: 800;\n }\n}\n\n.landing-info-sub-header{\n font-size: 16px;\n font-weight: 600;\n line-height: 28px;\n}\n\n.landing-info-button{\n cursor: pointer;\n background-color: rgb(255, 75, 146);\n border-radius: 25px;\n color: var(--neutral-color);\n border: none;\n font-weight: 800;\n padding-left: 25px;\n padding-right: 25px;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.title-image-demo{\n max-width: 100%;\n width: 100%;\n}\n\n.sign-in-card-wrapper{\n width: auto;\n min-height: auto;\n height: auto;\n margin: auto !important;\n padding: 20px;\n}\n\n.small-btn-link-p {\n font-size: 14px !important;\n}\n\n.broker-auth-sub-message{\n font-weight: 400;\n font-size: 11px;\n}\n\n.broker-auth-wrapper{\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 60vh;\n}\n\n.broker-auth-success {\n min-width: 100%;\n width: auto;\n min-height: auto;\n height: auto;\n margin: auto !important;\n padding: 20px;\n}\n\n.broker-auth-success > .success svg{\n fill: green;\n}\n\n.broker-auth-success-message{\n font-weight: 800;\n}\n\n.broker-login-tile{\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100px !important;\n max-width: 100px !important;\n height: 135px !important;\n border-radius: 8px !important;\n box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15) !important;\n -webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15) !important;\n -moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15) !important;\n transition: all 0.2s ease-in-out !important;\n}\n\n.broker-login-tile:hover{\n box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.15) !important;\n -webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.15) !important;\n -moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.15) !important;\n}\n\n.broker-login-tile.disabled {\n pointer-events: none !important;\n box-shadow: none !important;\n -webkit-box-shadow: none !important;\n -moz-box-shadow: none !important;\n}\n\n.broker-login-logo{\n width: 128px;\n height: 80px;\n min-width: 80px;\n min-height: 80px;\n max-width: 80px;\n max-height: 80px;\n border-radius: 8px;\n}\n\n.broker-login-text{\n color: var(--text-color);\n font-weight: 800;\n}\n\n.broker-logout{\n cursor: pointer;\n margin: 0px;\n padding: 0px;\n font-size: 14px;\n color: var(--primary-color);\n border: 0px solid grey;\n background: transparent;\n font-weight: 800;\n transition: all 0.2s ease-in-out;\n}\n\n.broker-logout:hover{\n color: var(--primary-color-hover);\n}\n\n.broker-settings-help{\n font-size: 12px;\n margin-top: 8px;\n}\n\n\n.text-center{\n text-align: center !important;\n}\n\n.no-broker-accounts{\n font-size: 14px;\n color: var(--text-color);\n font-weight: 600;\n}\n\n.pro-tip-text {\n font-size: 11px;\n text-align: justify;\n}\n\n.page-heading{\n text-wrap: nowrap;\n height: 1.6em;\n font-weight: 800;\n opacity: 80%;\n margin: 0;\n margin-right: 8px;\n}\n\n.profile-sub-heading{\n margin: 0;\n}\n\n.broker-card{\n border: 1px solid rgba(76, 168, 180, 0.35);\n border-radius: 8px;\n padding: 12px;\n margin-bottom: 16px;\n}\n\n.segment-name{\n display: block;\n font-size: 18px;\n color: var(--primary-color);\n font-weight: 800;\n /* width: 100%; */\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.segment-desc{\n display: block;\n font-size: 11px;\n color: var(--text-color);\n font-weight: 400;\n width: 100%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.segment-details{\n display: block;\n font-size: 14px;\n color: var(--text-color);\n font-weight: 600;\n width: 100%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.text-end{\n text-align: right;\n}\n\n.trade-mode{\n /* display: inline-block; */\n padding: 4px 8px;\n font-size: 12px;\n font-weight: 600;\n color: var(--neutral-color);\n background-color: var(--primary-color);\n border-radius: 4px;\n margin-left: 8px;\n text-transform: capitalize;\n}\n\n.trade-mode-paper{\n background-color: var(--background-color);\n color: var(--primary-color);\n}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/styles/index.css"],"sourcesContent":[":root{\n --primary-color: #4CA8B4;\n --primary-color-hover: #2E8C99;\n --text-color: #003B4F;\n --disabled-color: #d4d4d4;\n --neutral-color: #ffffff;\n --background-color: #f3f3f3;\n --alert-error: rgba(255, 67, 67);\n --alert-error-hover: rgb(223, 0, 0);\n}\n\n#footer {\n position: fixed;\n bottom: 0;\n width: 100vw;\n height: 3.5rem;\n z-index: 500;\n}\n\n.full-hw-window{\n min-height: 100vh;\n min-width: 100vw;\n}\n\n.sign-in-logo{\n width: 200px;\n}\n\n.sign-in-logo-small{\n width: 100px;\n}\n\n.wrapped-btn {\n width: auto !important;\n}\n\n.wrapped-btn-neutral.MuiButton-outlined {\n color: red !important;\n border-color: var(--primary-color) !important;\n background: var(--neutral-color) !important;\n}\n\n.outlined-btn {\n border: 1px solid var(--primary-color) !important;\n color: var(--primary-color) !important;\n background-color: transparent !important;\n padding: 6px 16px !important;\n font-size: 0.875rem !important;\n font-weight: 500 !important;\n line-height: 1.75 !important;\n border-radius: 4px !important;\n text-transform: uppercase !important;\n transition: all 0.3s ease !important;\n cursor: pointer !important;\n outline: none !important;\n}\n\n.outlined-btn:hover {\n border: 1px solid var(--primary-color-hover) !important;\n color: var(--primary-color-hover) !important;\n background-color: rgba(var(--primary-color-hover), 0.04) !important;\n}\n\n.user-option{\n background: none;\n border: none;\n cursor: pointer;\n color: var(--text-color);\n text-align: center;\n font-size: 12px;\n}\n\n.user-option:hover{\n color: var(--primary-color-hover);\n}\n\n.header-link{\n font-weight: 700;\n font-size: .85rem;\n}\n\n.logo-navbar{\n width: 28px;\n}\n\n.header-toolbar{\n min-height: 32px !important;\n height: auto !important;\n padding-top: 2px !important; \n padding-bottom: 2px !important;\n}\n\n.header-avatar{\n width: 28px !important;\n height: 28px !important;\n font-size: 14px !important;\n}\n\n.footer-layer{\n box-shadow: 0px 0px 7px rgba(0,0,0,0.05);\n border-top: 1px solid rgb(216, 216, 216, 0.25);\n}\n\n.error-404{\n font-weight: 800;\n letter-spacing: 0.1em;\n}\n\n.error-text {\n font-weight: 800;\n}\n\n@media (max-width: 576px) {\n .error-404 {\n color: var(--alert-error);\n font-size: 18vw;\n }\n .error-emoji{\n font-size: 16vw;\n }\n .error-text{\n font-size: 6vw;\n }\n .error-desc{\n font-size: 3.25vw;\n }\n}\n\n@media (min-width: 576px) {\n .error-404 {\n color: var(--alert-error);\n font-size: 8vw;\n }\n .error-emoji{\n font-size: 7vw;\n }\n .error-text{\n font-size: 4vw;\n }\n .error-desc{\n font-size: 2vw;\n }\n}\n\n@media (min-width: 992px) {\n .error-desc{\n font-size: 1.5vw;\n }\n}\n\n.error-wrapper{\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n}\n\n.header-logo{\n width: 120px;\n}\n\n@media (max-width: 992px) {\n .landing-info-header{\n font-size: 36px;\n font-weight: 800;\n line-height: 42px;\n }\n}\n\n@media (min-width: 992px) {\n .landing-info-header{\n font-size: 36px;\n font-weight: 800;\n }\n}\n\n.landing-info-sub-header{\n font-size: 16px;\n font-weight: 600;\n line-height: 28px;\n}\n\n.landing-info-button{\n cursor: pointer;\n background-color: rgb(255, 75, 146);\n border-radius: 25px;\n color: var(--neutral-color);\n border: none;\n font-weight: 800;\n padding-left: 25px;\n padding-right: 25px;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.title-image-demo{\n max-width: 100%;\n width: 100%;\n}\n\n.sign-in-card-wrapper{\n width: auto;\n min-height: auto;\n height: auto;\n margin: auto !important;\n padding: 20px;\n}\n\n.small-btn-link-p {\n font-size: 14px !important;\n}\n\n.broker-auth-sub-message{\n font-weight: 400;\n font-size: 11px;\n}\n\n.broker-auth-wrapper{\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 60vh;\n}\n\n.broker-auth-success {\n min-width: 100%;\n width: auto;\n min-height: auto;\n height: auto;\n margin: auto !important;\n padding: 20px;\n}\n\n.broker-auth-success > .success svg{\n fill: green;\n}\n\n.broker-auth-success-message{\n font-weight: 800;\n}\n\n.broker-login-tile{\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100px !important;\n max-width: 100px !important;\n height: 135px !important;\n border-radius: 8px !important;\n box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15) !important;\n -webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15) !important;\n -moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15) !important;\n transition: all 0.2s ease-in-out !important;\n}\n\n.broker-login-tile:hover{\n box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.15) !important;\n -webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.15) !important;\n -moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.15) !important;\n}\n\n.broker-login-tile.disabled {\n pointer-events: none !important;\n box-shadow: none !important;\n -webkit-box-shadow: none !important;\n -moz-box-shadow: none !important;\n}\n\n.broker-login-logo{\n width: 128px;\n height: 80px;\n min-width: 80px;\n min-height: 80px;\n max-width: 80px;\n max-height: 80px;\n border-radius: 8px;\n}\n\n.broker-login-text{\n color: var(--text-color);\n font-weight: 800;\n}\n\n.broker-logout{\n cursor: pointer;\n margin: 0px;\n padding: 0px;\n font-size: 14px;\n color: var(--primary-color);\n border: 0px solid grey;\n background: transparent;\n font-weight: 800;\n transition: all 0.2s ease-in-out;\n}\n\n.broker-logout:hover{\n color: var(--primary-color-hover);\n}\n\n.broker-settings-help{\n font-size: 12px;\n margin-top: 8px;\n}\n\n\n.text-center{\n text-align: center !important;\n}\n\n.no-broker-accounts{\n font-size: 14px;\n color: var(--text-color);\n font-weight: 600;\n}\n\n.pro-tip-text {\n font-size: 11px;\n text-align: justify;\n}\n\n.page-heading{\n text-wrap: nowrap;\n height: 1.6em;\n font-weight: 800;\n opacity: 80%;\n margin: 0;\n margin-right: 8px;\n}\n\n.profile-sub-heading{\n margin: 0;\n}\n\n.broker-card{\n border: 1px solid rgba(76, 168, 180, 0.35);\n border-radius: 8px;\n padding: 12px;\n margin-bottom: 16px;\n}\n\n.segment-name{\n display: block;\n font-size: 18px;\n color: var(--primary-color);\n font-weight: 800;\n /* width: 100%; */\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.segment-desc{\n display: block;\n font-size: 11px;\n color: var(--text-color);\n font-weight: 400;\n width: 100%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.segment-details{\n display: block;\n font-size: 14px;\n color: var(--text-color);\n font-weight: 600;\n width: 100%;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.text-end{\n text-align: right;\n}\n\n.trade-mode{\n /* display: inline-block; */\n padding: 4px 8px;\n font-size: 12px;\n font-weight: 600;\n color: var(--neutral-color);\n background-color: var(--primary-color);\n border-radius: 4px;\n margin-left: 8px;\n text-transform: capitalize;\n}\n\n.trade-mode-paper{\n background-color: var(--background-color);\n color: var(--primary-color);\n}"],"mappings":"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","names":[]}
@@ -1 +1 @@
1
- {"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;"]}
1
+ {"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\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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dq-cus-lib",
3
- "version": "1.3.2",
3
+ "version": "1.4.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -49,7 +49,7 @@
49
49
  "react-dom": "^19.0.0",
50
50
  "react-router-dom": "^7.13.0",
51
51
  "react-window": "^2.2.6",
52
- "sspart-fe-lib": "^1.2.5"
52
+ "sspart-fe-lib": "^1.2.43"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@types/react": "^19.0.2",