dq-cus-lib 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.js

@@ -0,0 +1,24 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/styles/index.css
+styleInject(":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.full-hw-window {\n  min-height: 100vh;\n  min-width: 100vw;\n}\n.sign-in-logo {\n  width: 200px;\n}\n.wrapped-btn {\n  width: auto !important;\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.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.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.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.user-option:hover {\n  color: var(--primary-color-hover);\n}\n.header-link {\n  font-weight: 700;\n  font-size: .85rem;\n}\n.logo-navbar {\n  width: 28px;\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.header-avatar {\n  width: 28px !important;\n  height: 28px !important;\n  font-size: 14px !important;\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");

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ErrorPage: () => react_jsx_runtime.JSX.Element;
+
+export { ErrorPage as default };

package/dist/pages/error.page.js

@@ -0,0 +1,67 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/components/css/error.page.css
+styleInject(".error-404 {\n  font-weight: 800;\n  letter-spacing: 0.1em;\n}\n.error-text {\n  font-weight: 800;\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@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@media (min-width: 992px) {\n  .error-desc {\n    font-size: 1.5vw;\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");
+
+// src/components/error.page/error.tsx
+import Container from "@mui/material/Container";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Error = () => {
+  return /* @__PURE__ */ jsx(Container, { className: "error-wrapper", children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "error-404", children: [
+      "4",
+      /* @__PURE__ */ jsx("span", { className: "error-emoji", role: "img", "aria-label": "0", children: "\u{1F635}" }),
+      "4"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "error-text", children: "OOPS! PAGE NOT BE FOUND" }),
+    /* @__PURE__ */ jsxs("p", { className: "error-desc mt-2", children: [
+      "Sorry, but the page you are looking for does not exist. We must have removed, renamed or never created it ",
+      /* @__PURE__ */ jsx("span", { "aria-label": "face", role: "img", children: "\u{1F92A}" })
+    ] })
+  ] }) });
+};
+var error_default = Error;
+
+// src/pages/error.page.tsx
+import { useEffect } from "react";
+
+// src/resources/constants.tsx
+var TITLES = {
+  LANDING_PAGE_TITLE: "DheQuest | Analyze and Automate Your Trades with Precision, Maximize Profits, and Stay Ahead of the Market",
+  DASHBOARD_PAGE_TITLE: "DheQuest | Your Trading Dashboard - Insights, Performance, and Automation",
+  SIGN_IN_PAGE_TITLE: "DheQuest | Securely Sign In to Your Automated Trading Platform",
+  ERROR_PAGE_TITLE: "DheQuest | Oops! Something Went Wrong"
+};
+
+// src/pages/error.page.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ErrorPage = () => {
+  useEffect(() => {
+    document.title = TITLES.ERROR_PAGE_TITLE;
+  }, []);
+  return /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2(error_default, {}) });
+};
+var error_page_default = ErrorPage;
+export {
+  error_page_default as default
+};

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

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

package/dist/pages/landing.page.js

@@ -0,0 +1,202 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/components/css/landing.page.css
+styleInject(".header-logo {\n  width: 120px;\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@media (min-width: 992px) {\n  .landing-info-header {\n    font-size: 36px;\n    font-weight: 800;\n  }\n}\n.landing-info-sub-header {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 28px;\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.title-image-demo {\n  max-width: 100%;\n  width: 100%;\n}\n");
+
+// src/pages/landing.page.tsx
+import { useEffect } from "react";
+import Box5 from "@mui/material/Box";
+
+// src/components/landing.page/header.tsx
+import Box from "@mui/material/Box";
+import AppBar from "@mui/material/AppBar";
+import Toolbar from "@mui/material/Toolbar";
+import Stack from "@mui/material/Stack";
+import Button from "sspart-fe-lib/Button";
+
+// src/resources/images.tsx
+var IMAGE_LINKS = {
+  SMALL_ICON: "https://i.ibb.co/24Qy7m1/Dhe-Quest64.png",
+  ICON: "https://i.ibb.co/60L36htP/Dhe-Quest128.png",
+  NAMELOGO: "https://i.ibb.co/qYhSRLJ4/Dhe-Quest128-Full.png",
+  WALLPAPER: "https://i.imgur.com/nBm1Ub3.png"
+};
+
+// src/components/landing.page/header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Header = ({ navigate }) => {
+  const onClick = (name) => {
+    if (name) navigate(`/${name}`);
+  };
+  return /* @__PURE__ */ jsx(AppBar, { position: "static", color: "default", children: /* @__PURE__ */ jsxs(Toolbar, { children: [
+    /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ jsx("img", { className: "header-logo", alt: "...", src: IMAGE_LINKS.NAMELOGO }) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx(Button, { name: "signup", onClick, variant: "text", text: "Sign Up" }),
+      /* @__PURE__ */ jsx(Button, { name: "signin", onClick, variant: "outlined", text: "Login" })
+    ] }) })
+  ] }) });
+};
+var header_default = Header;
+
+// src/components/landing.page/hero.tsx
+import Box2 from "@mui/material/Box";
+import { useTheme } from "@mui/material/styles";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import Container from "@mui/material/Container";
+import Grid from "@mui/material/Grid";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Hero = ({ navigate }) => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  const onClick = () => {
+    navigate("/signup");
+  };
+  return /* @__PURE__ */ jsx2(Box2, { display: "flex", flexDirection: "column", minHeight: "91.5vh", height: "auto", children: /* @__PURE__ */ jsx2(Container, { style: { flex: "1", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxs2(Grid, { container: true, alignItems: "center", children: [
+    /* @__PURE__ */ jsx2(Grid, { size: { xs: 12, md: 5 }, className: "mt-4", children: /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "landing-info-header", children: "Trading platform with cutting-edge GTT capabilities." }),
+      /* @__PURE__ */ jsx2("div", { className: "landing-info-sub-header mt-4", children: "Experience the future of trading with GTT. Elevate your strategies with DheQuest's superior service. The future is here\u2014trade smarter today." }),
+      /* @__PURE__ */ jsx2("button", { className: "landing-info-button mt-4", onClick, children: "Sign Up" })
+    ] }) }),
+    /* @__PURE__ */ jsx2(Grid, { size: { xs: 12, md: 7 }, className: "mt-4", children: /* @__PURE__ */ jsx2(Box2, { display: "flex", justifyContent: isMobile ? "center" : "end", children: /* @__PURE__ */ jsx2("img", { className: "title-image-demo", alt: "...", src: IMAGE_LINKS.WALLPAPER }) }) })
+  ] }) }) });
+};
+var hero_default = Hero;
+
+// src/components/landing.page/features.tsx
+import Container2 from "@mui/material/Container";
+import Typography from "@mui/material/Typography";
+import Grid2 from "@mui/material/Grid";
+import Box3 from "@mui/material/Box";
+import CardContent from "@mui/material/CardContent";
+
+// src/components/landing.page/constants.tsx
+import CameraAltIcon from "@mui/icons-material/CameraAlt";
+import AddchartIcon from "@mui/icons-material/Addchart";
+import BarChartIcon from "@mui/icons-material/BarChart";
+import TimelineIcon from "@mui/icons-material/Timeline";
+import CalendarMonthIcon from "@mui/icons-material/CalendarMonth";
+import AccountBalanceIcon from "@mui/icons-material/AccountBalance";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var FEATURES = [
+  {
+    title: "Advanced Order Types",
+    description: "Execute your trades with precision using a variety of advanced order types, including limit orders, stop-loss orders, take-profit orders, and more.",
+    icon: /* @__PURE__ */ jsx3(CameraAltIcon, { sx: { fontSize: "3.5rem" } })
+  },
+  {
+    title: "Real-time Market Depth",
+    description: "Gain valuable insights into market liquidity and order flow with real-time market depth data. See the current buy and sell order.",
+    icon: /* @__PURE__ */ jsx3(AddchartIcon, { sx: { fontSize: "3.5rem" } })
+  },
+  {
+    title: "Margin Trading and Leverage",
+    description: "Amplify your trading power with margin trading and leverage. Access greater capital and potentially increase your profits.",
+    icon: /* @__PURE__ */ jsx3(BarChartIcon, { sx: { fontSize: "3.5rem" } })
+  },
+  {
+    title: "Portfolio Analytics",
+    description: "Analyze your trading performance with detailed portfolio analytics. improvement and optimize your trading strategies.",
+    icon: /* @__PURE__ */ jsx3(TimelineIcon, { sx: { fontSize: "3.5rem" } })
+  },
+  {
+    title: "Alerts and Notifications",
+    description: "Stay informed about critical market events with customizable alerts and notifications. important events to react quickly to market changes.",
+    icon: /* @__PURE__ */ jsx3(CalendarMonthIcon, { sx: { fontSize: "3.5rem" } })
+  },
+  {
+    title: "API Access",
+    description: "Integrate our platform with your own trading tools and applications using our powerful API. Develop custom trading strategies.",
+    icon: /* @__PURE__ */ jsx3(AccountBalanceIcon, { sx: { fontSize: "3.5rem" } })
+  }
+];
+
+// src/components/landing.page/features.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Features = () => {
+  return /* @__PURE__ */ jsxs3(Box3, { sx: { padding: 6, backgroundColor: "#f9f9f9" }, children: [
+    /* @__PURE__ */ jsxs3(Container2, { children: [
+      /* @__PURE__ */ jsx4(Typography, { variant: "h4", align: "center", gutterBottom: true, mb: 4, sx: { fontWeight: "bold" }, children: "Key Features" }),
+      /* @__PURE__ */ jsx4(Typography, { variant: "body2", align: "center", gutterBottom: true, mb: 4, sx: { lineHeight: "40px " }, children: "Automate your trading strategies with our robust algorithmic trading capabilities. Develop, backtest, and deploy custom trading bots to execute trades based on predefined rules and parameters, allowing you to capitalize on market opportunities 24/7." })
+    ] }),
+    /* @__PURE__ */ jsx4(Grid2, { container: true, spacing: 6, marginBottom: 4, paddingTop: 4, children: FEATURES.map((feature, index) => /* @__PURE__ */ jsx4(Grid2, { size: { xs: 12, sm: 6, md: 4 }, textAlign: "center", children: /* @__PURE__ */ jsxs3(CardContent, { children: [
+      feature.icon,
+      /* @__PURE__ */ jsx4(Typography, { variant: "h6", sx: { fontWeight: "bold" }, gutterBottom: true, children: feature.title }),
+      /* @__PURE__ */ jsx4(Typography, { variant: "body2", gutterBottom: true, sx: { lineHeight: "40px " }, children: feature.description })
+    ] }) }, index)) })
+  ] });
+};
+var features_default = Features;
+
+// src/components/landing.page/footer.tsx
+import Typography2 from "@mui/material/Typography";
+import Box4 from "@mui/material/Box";
+import LinkButton from "sspart-fe-lib/LinkButton";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var Footer = ({ navigate }) => {
+  const onClick = (name) => {
+    if (name) navigate(`/${name}`);
+  };
+  return /* @__PURE__ */ jsxs4(Box4, { sx: { textAlign: "center", padding: 4, backgroundColor: "#f9f9f9" }, children: [
+    /* @__PURE__ */ jsxs4(Typography2, { variant: "body2", gutterBottom: true, children: [
+      /* @__PURE__ */ jsx5(LinkButton, { name: "privacy-policy", text: "Privacy Policy", onClick }),
+      " | ",
+      /* @__PURE__ */ jsx5(LinkButton, { name: "terms-and-conditions", text: "Terms and Conditions", onClick }),
+      " | ",
+      /* @__PURE__ */ jsx5(LinkButton, { name: "cookie-policy", text: "Cookie Policy", onClick }),
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs4(Typography2, { variant: "body2", color: "textSecondary", children: [
+      "\xA9 ",
+      (/* @__PURE__ */ new Date()).getFullYear(),
+      " SSPART Enterprise Pvt Ltd. All rights reserved."
+    ] }),
+    /* @__PURE__ */ jsx5(Box4, { sx: { marginTop: 2 }, children: /* @__PURE__ */ jsx5(LinkButton, { name: "contact-us", text: "Contact Us", className: "wrapped-btn outlined-btn", onClick }) })
+  ] });
+};
+var footer_default = Footer;
+
+// src/resources/constants.tsx
+var TITLES = {
+  LANDING_PAGE_TITLE: "DheQuest | Analyze and Automate Your Trades with Precision, Maximize Profits, and Stay Ahead of the Market",
+  DASHBOARD_PAGE_TITLE: "DheQuest | Your Trading Dashboard - Insights, Performance, and Automation",
+  SIGN_IN_PAGE_TITLE: "DheQuest | Securely Sign In to Your Automated Trading Platform",
+  ERROR_PAGE_TITLE: "DheQuest | Oops! Something Went Wrong"
+};
+
+// src/pages/landing.page.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var LandingPage = ({ navigate }) => {
+  useEffect(() => {
+    document.title = TITLES.LANDING_PAGE_TITLE;
+  }, []);
+  return /* @__PURE__ */ jsxs5(Box5, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx6(header_default, { navigate }),
+    /* @__PURE__ */ jsx6(hero_default, { navigate }),
+    /* @__PURE__ */ jsx6(features_default, {}),
+    /* @__PURE__ */ jsx6(footer_default, { navigate })
+  ] });
+};
+var landing_page_default = LandingPage;
+export {
+  landing_page_default as default
+};

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

@@ -0,0 +1,9 @@
+interface LayoutPageProps {
+    children: React.ReactNode;
+    Header: React.ElementType;
+    Footer: React.ElementType;
+    username: String;
+}
+declare const LayoutPage: React.FC<LayoutPageProps>;
+
+export { LayoutPage as default };

package/dist/pages/layout.page.js

@@ -0,0 +1,21 @@
+// src/pages/layout.page.tsx
+import Resize from "sspart-fe-lib/Resize";
+
+// src/resources/constants.tsx
+var ON_RESIZE = 900;
+
+// src/pages/layout.page.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LayoutPage = ({ children, Header, Footer, username }) => {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Resize, { maxWidth: ON_RESIZE, ShortElement: /* @__PURE__ */ jsx(Fragment, {}), LongElement: /* @__PURE__ */ jsx(Header, { username }) }),
+      children
+    ] }),
+    /* @__PURE__ */ jsx(Resize, { maxWidth: ON_RESIZE, ShortElement: /* @__PURE__ */ jsx(Footer, {}), LongElement: /* @__PURE__ */ jsx(Fragment, {}) })
+  ] });
+};
+var layout_page_default = LayoutPage;
+export {
+  layout_page_default as default
+};

package/dist/pages/logout-error.page.d.ts

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