@secondstaxorg/sscomp 1.0.6 → 1.0.8

package/dist/components/LPTopBar/LPTopBar.js

@@ -0,0 +1,177 @@
+import React, { useState } from "react";
+import { BugReportingBody, NavCardHeading, IconButton, Logo, ProfileButton, TopBarContainer, TopBarRight, BugReportingCard, NotifList, UnreadNotif, NotificationsCard, ReadNotif, ProfileCard, ProfileLink, ProfileCardHeading, ResponseContainer, EmptyNotifContainer, ContentArea, NotifTime } from "./style";
+import Button from "../Button/Button";
+import clientLogo from './client-logo.png';
+import theme from "../../theme";
+import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
+import ActionSuccess from "../ActionSuccess/ActionSuccess";
+var LPTopBar = function (props) {
+    var userName = props.userName, requestLpUrl = props.requestLpUrl, notifications = props.notifications, myProfileUrl = props.myProfileUrl, signOutApiUrl = props.signOutApiUrl;
+    var _a = useState(false), toggleBugReporting = _a[0], setToggleBugReporting = _a[1];
+    var _b = useState(false), toggleNotifications = _b[0], setToggleNotifications = _b[1];
+    var _c = useState(false), toggleProfileCard = _c[0], setToggleProfileCard = _c[1];
+    var _d = useState(1), bugReportStage = _d[0], setBugReportStage = _d[1];
+    var _e = useState(false), sendingBR = _e[0], setSendingBR = _e[1];
+    function submitBug() {
+        setSendingBR(true);
+        //TODO perform the actual submission of the form
+        setTimeout(function () {
+            setBugReportStage(bugReportStage + 1);
+            setSendingBR(false);
+        }, 2000);
+    }
+    return (React.createElement(TopBarContainer, null,
+        React.createElement(Logo, null,
+            React.createElement("img", { src: "https://res.cloudinary.com/dxivfczqg/image/upload/v1663283686/dashboard-logo_a7i59z.svg", alt: "SSX Logo" })),
+        React.createElement(TopBarRight, null,
+            React.createElement("a", { href: requestLpUrl, className: "trade-button" }, "Request LP"),
+            React.createElement("div", { className: "vt-divider" }),
+            React.createElement("div", { className: "icon-buttons" },
+                React.createElement(IconButton, { className: "".concat(toggleBugReporting ? 'active-item' : ''), onClick: function () {
+                        setToggleBugReporting(!toggleBugReporting);
+                        setToggleNotifications(false);
+                        setToggleProfileCard(false);
+                        setBugReportStage(1);
+                    } },
+                    React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { d: "M17 12H19C19.2652 12 19.5196 11.8946 19.7071 11.7071C19.8946 11.5196 20 11.2652 20 11C20 10.7348 19.8946 10.4804 19.7071 10.2929C19.5196 10.1054 19.2652 10 19 10H17V9C16.9912 8.53931 16.9205 8.0819 16.79 7.64C17.73 7.27962 18.5393 6.64391 19.112 5.81603C19.6847 4.98815 19.9942 4.00667 20 3C20 2.73478 19.8946 2.48043 19.7071 2.29289C19.5196 2.10536 19.2652 2 19 2C18.7348 2 18.4804 2.10536 18.2929 2.29289C18.1054 2.48043 18 2.73478 18 3C17.9991 3.64484 17.7905 4.27224 17.405 4.7892C17.0196 5.30615 16.4778 5.68515 15.86 5.87C15.3668 5.23797 14.7289 4.7338 14 4.4C14.0104 4.26687 14.0104 4.13313 14 4C14 2.93913 13.5786 1.92172 12.8284 1.17157C12.0783 0.421427 11.0609 0 10 0C8.93913 0 7.92172 0.421427 7.17157 1.17157C6.42143 1.92172 6 2.93913 6 4C5.98965 4.13313 5.98965 4.26687 6 4.4C5.25662 4.72831 4.60446 5.23288 4.1 5.87C3.48968 5.67807 2.9567 5.29604 2.5789 4.77971C2.2011 4.26338 1.99826 3.63979 2 3C2 2.73478 1.89464 2.48043 1.70711 2.29289C1.51957 2.10536 1.26522 2 1 2C0.734784 2 0.48043 2.10536 0.292893 2.29289C0.105357 2.48043 0 2.73478 0 3C0.00576615 4.00667 0.315265 4.98815 0.888 5.81603C1.46074 6.64391 2.27003 7.27962 3.21 7.64C3.07948 8.0819 3.00885 8.53931 3 9V10H1C0.734784 10 0.48043 10.1054 0.292893 10.2929C0.105357 10.4804 0 10.7348 0 11C0 11.2652 0.105357 11.5196 0.292893 11.7071C0.48043 11.8946 0.734784 12 1 12H3V13C3.00086 13.4635 3.04776 13.9258 3.14 14.38C2.21628 14.7502 1.42404 15.3876 0.864657 16.2106C0.305279 17.0336 0.00421571 18.0049 0 19C0 19.2652 0.105357 19.5196 0.292893 19.7071C0.48043 19.8946 0.734784 20 1 20C1.26522 20 1.51957 19.8946 1.70711 19.7071C1.89464 19.5196 2 19.2652 2 19C2.0027 18.4168 2.17535 17.847 2.49681 17.3604C2.81828 16.8737 3.27462 16.4913 3.81 16.26C4.40471 17.3862 5.29541 18.3289 6.38616 18.9864C7.47692 19.6439 8.72639 19.9914 10 19.9914C11.2736 19.9914 12.5231 19.6439 13.6138 18.9864C14.7046 18.3289 15.5953 17.3862 16.19 16.26C16.7254 16.4913 17.1817 16.8737 17.5032 17.3604C17.8247 17.847 17.9973 18.4168 18 19C18 19.2652 18.1054 19.5196 18.2929 19.7071C18.4804 19.8946 18.7348 20 19 20C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19C19.9958 18.0049 19.6947 17.0336 19.1353 16.2106C18.576 15.3876 17.7837 14.7502 16.86 14.38C16.9522 13.9258 16.9991 13.4635 17 13V12ZM9 17.9C7.87064 17.6695 6.8556 17.0558 6.12669 16.1629C5.39778 15.27 4.99976 14.1527 5 13V9C5 8.20435 5.31607 7.44129 5.87868 6.87868C6.44129 6.31607 7.20435 6 8 6H9V17.9ZM8 4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2C10.5304 2 11.0391 2.21071 11.4142 2.58579C11.7893 2.96086 12 3.46957 12 4H8ZM15 13C15.0002 14.1527 14.6022 15.27 13.8733 16.1629C13.1444 17.0558 12.1294 17.6695 11 17.9V6H12C12.7956 6 13.5587 6.31607 14.1213 6.87868C14.6839 7.44129 15 8.20435 15 9V13Z", fill: "#070B12" }))),
+                React.createElement(IconButton, { className: "".concat(toggleNotifications ? 'active-item' : ''), onClick: function () {
+                        setToggleBugReporting(false);
+                        setToggleNotifications(!toggleNotifications);
+                        setToggleProfileCard(false);
+                    } },
+                    React.createElement("div", { className: "notification-dot" }),
+                    React.createElement("svg", { width: "16", height: "20", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { d: "M14 11.18V8C13.9986 6.58312 13.4958 5.21247 12.5806 4.13077C11.6655 3.04908 10.3971 2.32615 9 2.09V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V2.09C5.60294 2.32615 4.33452 3.04908 3.41939 4.13077C2.50425 5.21247 2.00144 6.58312 2 8V11.18C1.41645 11.3863 0.910998 11.7681 0.552938 12.2729C0.194879 12.7778 0.00173951 13.3811 0 14V16C0 16.2652 0.105357 16.5196 0.292893 16.7071C0.48043 16.8946 0.734784 17 1 17H4.14C4.37028 17.8474 4.873 18.5954 5.5706 19.1287C6.26819 19.6621 7.1219 19.951 8 19.951C8.8781 19.951 9.73181 19.6621 10.4294 19.1287C11.127 18.5954 11.6297 17.8474 11.86 17H15C15.2652 17 15.5196 16.8946 15.7071 16.7071C15.8946 16.5196 16 16.2652 16 16V14C15.9983 13.3811 15.8051 12.7778 15.4471 12.2729C15.089 11.7681 14.5835 11.3863 14 11.18ZM4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4C9.06087 4 10.0783 4.42143 10.8284 5.17157C11.5786 5.92172 12 6.93913 12 8V11H4V8ZM8 18C7.65097 17.9979 7.30857 17.9045 7.00683 17.7291C6.70509 17.5536 6.45451 17.3023 6.28 17H9.72C9.54549 17.3023 9.29491 17.5536 8.99317 17.7291C8.69143 17.9045 8.34903 17.9979 8 18ZM14 15H2V14C2 13.7348 2.10536 13.4804 2.29289 13.2929C2.48043 13.1054 2.73478 13 3 13H13C13.2652 13 13.5196 13.1054 13.7071 13.2929C13.8946 13.4804 14 13.7348 14 14V15Z", fill: "#070B12" })))),
+            React.createElement(ProfileButton, { onClick: function () {
+                    setToggleBugReporting(false);
+                    setToggleNotifications(false);
+                    setToggleProfileCard(!toggleProfileCard);
+                } },
+                React.createElement("div", { className: "profile-pic" }),
+                React.createElement("svg", { className: toggleProfileCard ? 'rotate-icon-180' : 'rotate-icon-0', width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M7.33334 1.1133C7.20843 0.989128 7.03946 0.919434 6.86334 0.919434C6.68722 0.919434 6.51825 0.989128 6.39334 1.1133L4.00001 3.4733L1.64001 1.1133C1.5151 0.989128 1.34613 0.919434 1.17001 0.919434C0.993883 0.919434 0.824915 0.989128 0.700006 1.1133C0.637521 1.17527 0.587925 1.249 0.554079 1.33024C0.520233 1.41148 0.502808 1.49862 0.502808 1.58663C0.502808 1.67464 0.520233 1.76177 0.554079 1.84301C0.587925 1.92425 0.637521 1.99799 0.700006 2.05996L3.52667 4.88663C3.58865 4.94911 3.66238 4.99871 3.74362 5.03256C3.82486 5.0664 3.912 5.08383 4.00001 5.08383C4.08801 5.08383 4.17515 5.0664 4.25639 5.03256C4.33763 4.99871 4.41136 4.94911 4.47334 4.88663L7.33334 2.05996C7.39582 1.99799 7.44542 1.92425 7.47927 1.84301C7.51311 1.76177 7.53054 1.67464 7.53054 1.58663C7.53054 1.49862 7.51311 1.41148 7.47927 1.33024C7.44542 1.249 7.39582 1.17527 7.33334 1.1133Z", fill: "#070B12" })))),
+        toggleBugReporting &&
+            React.createElement(BugReportingCard, null,
+                bugReportStage === 1 &&
+                    React.createElement(React.Fragment, null,
+                        React.createElement(NavCardHeading, null,
+                            React.createElement("h4", { className: "heading" }, "Report Bug")),
+                        React.createElement(BugReportingBody, null,
+                            React.createElement("textarea", null),
+                            React.createElement("div", { className: "info-text" },
+                                React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                                    React.createElement("path", { d: "M6.99968 0.333252C5.68114 0.333252 4.3922 0.724245 3.29588 1.45679C2.19955 2.18933 1.34506 3.23052 0.840481 4.4487C0.335896 5.66687 0.203874 7.00731 0.461109 8.30052C0.718344 9.59373 1.35328 10.7816 2.28563 11.714C3.21798 12.6463 4.40587 13.2813 5.69908 13.5385C6.99228 13.7957 8.33273 13.6637 9.5509 13.1591C10.7691 12.6545 11.8103 11.8 12.5428 10.7037C13.2754 9.60739 13.6663 8.31846 13.6663 6.99992C13.6644 5.23241 12.9614 3.53786 11.7116 2.28804C10.4617 1.03823 8.76718 0.335218 6.99968 0.333252ZM6.99968 12.3333C5.94484 12.3333 4.9137 12.0205 4.03664 11.4344C3.15957 10.8484 2.47599 10.0154 2.07232 9.0409C1.66865 8.06636 1.56304 6.994 1.76882 5.95944C1.97461 4.92487 2.48256 3.97456 3.22844 3.22868C3.97432 2.4828 4.92463 1.97485 5.9592 1.76906C6.99376 1.56328 8.06612 1.66889 9.04066 2.07256C10.0152 2.47623 10.8481 3.15982 11.4342 4.03688C12.0202 4.91394 12.333 5.94508 12.333 6.99992C12.3314 8.41391 11.769 9.76952 10.7691 10.7694C9.76928 11.7692 8.41367 12.3316 6.99968 12.3333ZM6.99968 6.66658C6.82287 6.66658 6.6533 6.73682 6.52827 6.86185C6.40325 6.98687 6.33301 7.15644 6.33301 7.33325V9.33325C6.33301 9.51006 6.40325 9.67963 6.52827 9.80466C6.6533 9.92968 6.82287 9.99992 6.99968 9.99992C7.17649 9.99992 7.34606 9.92968 7.47108 9.80466C7.59611 9.67963 7.66634 9.51006 7.66634 9.33325V7.33325C7.66634 7.15644 7.59611 6.98687 7.47108 6.86185C7.34606 6.73682 7.17649 6.66658 6.99968 6.66658ZM6.99968 3.99992C6.83486 3.99992 6.67374 4.04879 6.5367 4.14036C6.39966 4.23193 6.29285 4.36208 6.22978 4.51435C6.16671 4.66662 6.1502 4.83418 6.18236 4.99583C6.21451 5.15748 6.29388 5.30596 6.41042 5.42251C6.52697 5.53905 6.67545 5.61842 6.8371 5.65057C6.99875 5.68273 7.16631 5.66622 7.31858 5.60315C7.47085 5.54008 7.601 5.43327 7.69257 5.29623C7.78414 5.15919 7.83301 4.99807 7.83301 4.83325C7.83301 4.61224 7.74521 4.40028 7.58893 4.244C7.43265 4.08772 7.22069 3.99992 6.99968 3.99992Z", fill: "#070B12" })),
+                                React.createElement("p", null, "By submitting a report you agree to your current browser tab and LP system information being captured.")),
+                            !sendingBR && React.createElement(Button, { size: "md", variant: "primary", onClick: submitBug }, "Report Bug"),
+                            sendingBR && React.createElement(Button, { size: "md", variant: "primary", disabled: true },
+                                React.createElement(LoadingSpinner, null)))),
+                bugReportStage === 2 &&
+                    React.createElement(ResponseContainer, null,
+                        React.createElement(ActionSuccess, { headingText: "Bug report sent" }))),
+        toggleNotifications &&
+            React.createElement(NotificationsCard, null,
+                notifications && notifications.length > 0 &&
+                    React.createElement(React.Fragment, null,
+                        React.createElement(NavCardHeading, null,
+                            React.createElement("h4", null, "Notifications")),
+                        React.createElement(NotifList, null, notifications.map(function (notification, index) {
+                            if (!notification.notifRead) {
+                                return (
+                                //UNREAD NOTIFICATIONS
+                                React.createElement(UnreadNotif, { key: index },
+                                    React.createElement("div", null,
+                                        React.createElement("img", { src: clientLogo, style: { width: '24px', height: '24px', borderRadius: '4px' }, alt: "Provider logo" })),
+                                    React.createElement("div", { style: { display: 'flex', width: '100%' } },
+                                        React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px', width: '87%' } },
+                                            React.createElement("div", null,
+                                                React.createElement("p", { className: "request-status" }, notification.notifTitle),
+                                                React.createElement("p", { className: "lp-info-txn-no" },
+                                                    notification.lpProvider,
+                                                    " \u2022 #",
+                                                    notification.transactionNumber)),
+                                            React.createElement("div", { className: "txn-amts" },
+                                                React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '16px' } },
+                                                    React.createElement("div", { style: { display: 'flex', gap: '8px' } },
+                                                        React.createElement("img", { src: notification.baseCurrFlag, alt: "Base currency flag" }),
+                                                        React.createElement("p", { style: { color: theme.colors["neutral-900"], fontSize: '14px' } },
+                                                            notification.baseCurrencyCode,
+                                                            " ",
+                                                            notification.baseAmount)),
+                                                    React.createElement("div", null,
+                                                        React.createElement("i", { className: "icon-arrows-left-right" })),
+                                                    React.createElement("div", { style: { display: 'flex', gap: '8px' } },
+                                                        React.createElement("img", { src: notification.exchCurrFlag, alt: "Exchange currency flag" }),
+                                                        React.createElement("p", { style: { color: theme.colors["neutral-900"], fontSize: '14px' } },
+                                                            notification.exchCurrencyCode,
+                                                            " ",
+                                                            notification.exchAmount))))),
+                                        React.createElement(NotifTime, null, notification.notifTime))));
+                            }
+                            if (notification.notifRead) {
+                                return (
+                                //READ NOTIFICATIONS
+                                React.createElement(ReadNotif, { key: index },
+                                    React.createElement("div", null,
+                                        React.createElement("img", { src: clientLogo, style: { width: '24px', height: '24px', borderRadius: '4px' }, alt: "client logo" })),
+                                    React.createElement("div", { style: { display: 'flex', width: '100%' } },
+                                        React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px', width: '87%' } },
+                                            React.createElement("div", null,
+                                                React.createElement("p", { className: "request-status" }, notification.notifTitle),
+                                                React.createElement("p", { className: "lp-info-txn-no" },
+                                                    notification.lpProvider,
+                                                    " \u2022 #",
+                                                    notification.transactionNumber)),
+                                            React.createElement("div", { className: "txn-amts" },
+                                                React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '16px' } },
+                                                    React.createElement("div", { style: { display: 'flex', gap: '8px' } },
+                                                        React.createElement("img", { src: notification.baseCurrFlag, alt: "Base currency flag" }),
+                                                        React.createElement("p", { style: { color: theme.colors["neutral-900"], fontSize: '14px' } },
+                                                            notification.baseCurrencyCode,
+                                                            " 12,900.99")),
+                                                    React.createElement("div", null,
+                                                        React.createElement("i", { className: "icon-arrows-left-right" })),
+                                                    React.createElement("div", { style: { display: 'flex', gap: '8px' } },
+                                                        React.createElement("img", { src: notification.exchCurrFlag, alt: "Exchange currency flag" }),
+                                                        React.createElement("p", { style: { color: theme.colors["neutral-900"], fontSize: '14px' } },
+                                                            notification.exchCurrencyCode,
+                                                            " 1,228.08"))))),
+                                        React.createElement(NotifTime, null, notification.notifTime))));
+                            }
+                        }))),
+                notifications && notifications.length === 0 &&
+                    React.createElement(EmptyNotifContainer, null,
+                        React.createElement(ContentArea, null,
+                            React.createElement("svg", { width: "64", height: "65", viewBox: "0 0 64 65", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                                React.createElement("g", { clipPath: "url(#clip0_499_2669)" },
+                                    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M46 26.5003C46 26.5003 46 28.3139 46 24.5001C46 16.768 39.732 10.501 32 10.501C24.268 10.501 18 16.768 18 24.5001C18 28.3139 18 26.5003 18 26.5003", fill: "#E8EEF7" }),
+                                    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.521 48.5003H37C38.104 48.5003 39 49.397 39 50.5006C39 51.6041 38.104 52.5008 37 52.5008H12C11.253 52.5008 10.567 52.0834 10.224 51.4198C9.87998 50.7562 9.93499 49.9559 10.367 49.3459C10.367 49.3459 16 41.4092 16 32.501V24.5001C16 15.6644 23.163 8.50076 32 8.50076C40.837 8.50076 48 15.6644 48 24.5001C48 28.3139 48 28.4982 48 32.501C48 41.4092 53.633 49.3459 53.633 49.3459C54.065 49.9559 54.12 50.7562 53.776 51.4198C53.433 52.0834 52.747 52.5008 52 52.5008H46C44.896 52.5008 44 51.6041 44 50.5006C44 49.397 44.896 48.5003 46 48.5003H48.479C46.601 44.997 44 38.9726 44 32.501C44 28.4982 44 28.3139 44 24.5001C44 17.8728 38.627 12.5 32 12.5C25.373 12.5 20 17.8728 20 24.5001V32.501C20 38.9726 17.399 44.997 15.521 48.5003Z", fill: "#D2DDEE" }),
+                                    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.658 50.5C37.88 51.126 38 51.799 38 52.5C38 55.811 35.311 58.5 32 58.5C28.689 58.5 26 55.811 26 52.5C26 51.799 26.12 51.126 26.342 50.5H37.658Z", fill: "#E8EEF7" }),
+                                    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.543 49.833C39.261 49.034 38.505 48.5 37.658 48.5H26.342C25.495 48.5 24.739 49.034 24.457 49.833C24.161 50.667 24 51.565 24 52.5C24 56.915 27.585 60.5 32 60.5C36.415 60.5 40 56.915 40 52.5C40 51.565 39.839 50.667 39.543 49.833ZM28.005 52.706C28.113 54.818 29.861 56.5 32 56.5C34.208 56.5 36 54.708 36 52.5H28L28.005 52.706ZM30 6.5V10.5C30 11.604 30.896 12.5 32 12.5C33.104 12.5 34 11.604 34 10.5V6.5C34 5.396 33.104 4.5 32 4.5C30.896 4.5 30 5.396 30 6.5Z", fill: "#D2DDEE" })),
+                                React.createElement("defs", null,
+                                    React.createElement("clipPath", { id: "clip0_499_2669" },
+                                        React.createElement("rect", { width: "64", height: "64", fill: "white", transform: "translate(0 0.5)" })))),
+                            React.createElement("div", { className: "text-center" },
+                                React.createElement("h3", { className: "text-neutral-900 text-heading" }, "No Notifications"),
+                                React.createElement("p", { className: "subtext" }, "Your notifications will show up here when you have them"))))),
+        toggleProfileCard &&
+            React.createElement(ProfileCard, null,
+                React.createElement(ProfileCardHeading, null,
+                    React.createElement("h4", null, userName)),
+                React.createElement(ProfileLink, { href: myProfileUrl },
+                    React.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                        React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("path", { d: "M9.47333 7.47325C10.1269 6.95903 10.604 6.25387 10.8382 5.45588C11.0723 4.6579 11.0519 3.80676 10.7799 3.0209C10.5078 2.23503 9.9975 1.55352 9.32005 1.07116C8.64259 0.5888 7.83163 0.32959 7 0.32959C6.16836 0.32959 5.35741 0.5888 4.67995 1.07116C4.00249 1.55352 3.49223 2.23503 3.22014 3.0209C2.94805 3.80676 2.92767 4.6579 3.16184 5.45588C3.396 6.25387 3.87307 6.95903 4.52666 7.47325C3.40672 7.92195 2.42952 8.66615 1.69926 9.62653C0.968996 10.5869 0.51304 11.7275 0.379998 12.9266C0.370368 13.0141 0.378075 13.1027 0.402681 13.1873C0.427287 13.2719 0.468309 13.3508 0.523405 13.4195C0.634677 13.5582 0.79652 13.6471 0.973331 13.6666C1.15014 13.686 1.32744 13.6345 1.46621 13.5232C1.60499 13.4119 1.69388 13.2501 1.71333 13.0733C1.85972 11.77 2.48112 10.5665 3.45881 9.69245C4.4365 8.81844 5.70193 8.33527 7.01333 8.33527C8.32473 8.33527 9.59016 8.81844 10.5679 9.69245C11.5455 10.5665 12.1669 11.77 12.3133 13.0733C12.3315 13.2371 12.4096 13.3884 12.5327 13.4979C12.6559 13.6075 12.8152 13.6676 12.98 13.6666H13.0533C13.2281 13.6465 13.3878 13.5581 13.4977 13.4208C13.6076 13.2834 13.6587 13.1082 13.64 12.9333C13.5063 11.7307 13.0479 10.5872 12.3139 9.62539C11.5799 8.66354 10.5979 7.91957 9.47333 7.47325V7.47325ZM7 6.99992C6.47258 6.99992 5.95701 6.84352 5.51848 6.55051C5.07995 6.25749 4.73815 5.84101 4.53632 5.35374C4.33449 4.86647 4.28168 4.3303 4.38457 3.81301C4.48746 3.29573 4.74144 2.82058 5.11438 2.44764C5.48732 2.0747 5.96247 1.82072 6.47976 1.71783C6.99704 1.61493 7.53322 1.66774 8.02049 1.86958C8.50776 2.07141 8.92423 2.4132 9.21725 2.85173C9.51027 3.29026 9.66667 3.80584 9.66667 4.33325C9.66667 5.0405 9.38571 5.71878 8.88562 6.21887C8.38552 6.71897 7.70724 6.99992 7 6.99992Z", fill: "#070B12" })),
+                        "My Profile"),
+                    React.createElement("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { d: "M5.36015 4.52685L1.58682 0.760187C1.52484 0.697702 1.45111 0.648106 1.36987 0.61426C1.28863 0.580414 1.20149 0.562988 1.11348 0.562988C1.02548 0.562988 0.938339 0.580414 0.8571 0.61426C0.77586 0.648106 0.702126 0.697702 0.640151 0.760187C0.515983 0.885095 0.446289 1.05406 0.446289 1.23019C0.446289 1.40631 0.515983 1.57528 0.640151 1.70019L3.94015 5.03352L0.640151 8.33352C0.515983 8.45843 0.446289 8.6274 0.446289 8.80352C0.446289 8.97964 0.515983 9.14861 0.640151 9.27352C0.701894 9.33651 0.775524 9.38663 0.856774 9.42096C0.938024 9.45529 1.02528 9.47315 1.11348 9.47352C1.20169 9.47315 1.28894 9.45529 1.37019 9.42096C1.45144 9.38663 1.52507 9.33651 1.58682 9.27352L5.36015 5.50685C5.42782 5.44443 5.48183 5.36866 5.51876 5.28432C5.5557 5.19999 5.57477 5.10892 5.57477 5.01685C5.57477 4.92479 5.5557 4.83372 5.51876 4.74938C5.48183 4.66505 5.42782 4.58928 5.36015 4.52685Z", fill: "#A4BBDD" }))),
+                React.createElement(ProfileLink, { href: "#" },
+                    React.createElement("div", { style: { display: 'flex', gap: '16px' } },
+                        React.createElement("svg", { width: "12", height: "14", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("path", { d: "M0.666992 7.00016C0.666992 7.17697 0.73723 7.34654 0.862254 7.47157C0.987279 7.59659 1.15685 7.66683 1.33366 7.66683H6.39366L4.86033 9.1935C4.79784 9.25547 4.74824 9.3292 4.7144 9.41044C4.68055 9.49168 4.66313 9.57882 4.66313 9.66683C4.66313 9.75484 4.68055 9.84197 4.7144 9.92321C4.74824 10.0045 4.79784 10.0782 4.86033 10.1402C4.9223 10.2026 4.99604 10.2522 5.07727 10.2861C5.15851 10.3199 5.24565 10.3374 5.33366 10.3374C5.42167 10.3374 5.5088 10.3199 5.59004 10.2861C5.67128 10.2522 5.74502 10.2026 5.80699 10.1402L8.47366 7.4735C8.53435 7.41009 8.58193 7.33533 8.61366 7.2535C8.68034 7.09119 8.68034 6.90914 8.61366 6.74683C8.58193 6.66499 8.53435 6.59023 8.47366 6.52683L5.80699 3.86016C5.74483 3.798 5.67104 3.7487 5.58983 3.71506C5.50861 3.68142 5.42157 3.6641 5.33366 3.6641C5.24575 3.6641 5.15871 3.68142 5.07749 3.71506C4.99628 3.7487 4.92248 3.798 4.86033 3.86016C4.79817 3.92232 4.74886 3.99611 4.71522 4.07733C4.68158 4.15854 4.66426 4.24559 4.66426 4.3335C4.66426 4.4214 4.68158 4.50845 4.71522 4.58966C4.74886 4.67088 4.79817 4.74467 4.86033 4.80683L6.39366 6.3335H1.33366C1.15685 6.3335 0.987279 6.40373 0.862254 6.52876C0.73723 6.65378 0.666992 6.82335 0.666992 7.00016ZM9.33366 0.333496H2.66699C2.13656 0.333496 1.62785 0.54421 1.25278 0.919283C0.877706 1.29436 0.666992 1.80306 0.666992 2.3335V4.3335C0.666992 4.51031 0.73723 4.67988 0.862254 4.8049C0.987279 4.92992 1.15685 5.00016 1.33366 5.00016C1.51047 5.00016 1.68004 4.92992 1.80506 4.8049C1.93009 4.67988 2.00033 4.51031 2.00033 4.3335V2.3335C2.00033 2.15668 2.07056 1.98712 2.19559 1.86209C2.32061 1.73707 2.49018 1.66683 2.66699 1.66683H9.33366C9.51047 1.66683 9.68004 1.73707 9.80506 1.86209C9.93009 1.98712 10.0003 2.15668 10.0003 2.3335V11.6668C10.0003 11.8436 9.93009 12.0132 9.80506 12.1382C9.68004 12.2633 9.51047 12.3335 9.33366 12.3335H2.66699C2.49018 12.3335 2.32061 12.2633 2.19559 12.1382C2.07056 12.0132 2.00033 11.8436 2.00033 11.6668V9.66683C2.00033 9.49002 1.93009 9.32045 1.80506 9.19542C1.68004 9.0704 1.51047 9.00016 1.33366 9.00016C1.15685 9.00016 0.987279 9.0704 0.862254 9.19542C0.73723 9.32045 0.666992 9.49002 0.666992 9.66683V11.6668C0.666992 12.1973 0.877706 12.706 1.25278 13.081C1.62785 13.4561 2.13656 13.6668 2.66699 13.6668H9.33366C9.86409 13.6668 10.3728 13.4561 10.7479 13.081C11.1229 12.706 11.3337 12.1973 11.3337 11.6668V2.3335C11.3337 1.80306 11.1229 1.29436 10.7479 0.919283C10.3728 0.54421 9.86409 0.333496 9.33366 0.333496Z", fill: "#070B12" })),
+                        "Sign Out"),
+                    React.createElement("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { d: "M5.36015 4.52685L1.58682 0.760187C1.52484 0.697702 1.45111 0.648106 1.36987 0.61426C1.28863 0.580414 1.20149 0.562988 1.11348 0.562988C1.02548 0.562988 0.938339 0.580414 0.8571 0.61426C0.77586 0.648106 0.702126 0.697702 0.640151 0.760187C0.515983 0.885095 0.446289 1.05406 0.446289 1.23019C0.446289 1.40631 0.515983 1.57528 0.640151 1.70019L3.94015 5.03352L0.640151 8.33352C0.515983 8.45843 0.446289 8.6274 0.446289 8.80352C0.446289 8.97964 0.515983 9.14861 0.640151 9.27352C0.701894 9.33651 0.775524 9.38663 0.856774 9.42096C0.938024 9.45529 1.02528 9.47315 1.11348 9.47352C1.20169 9.47315 1.28894 9.45529 1.37019 9.42096C1.45144 9.38663 1.52507 9.33651 1.58682 9.27352L5.36015 5.50685C5.42782 5.44443 5.48183 5.36866 5.51876 5.28432C5.5557 5.19999 5.57477 5.10892 5.57477 5.01685C5.57477 4.92479 5.5557 4.83372 5.51876 4.74938C5.48183 4.66505 5.42782 4.58928 5.36015 4.52685Z", fill: "#A4BBDD" }))))));
+};
+export default LPTopBar;
+//# sourceMappingURL=LPTopBar.js.map

package/dist/components/LPTopBar/LPTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LPTopBar.js","sourceRoot":"","sources":["../../../src/components/LPTopBar/LPTopBar.tsx"],"names":[],"mappings":"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"}

package/dist/components/LPTopBar/style.d.ts

@@ -0,0 +1,20 @@
+export declare const TopBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Logo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TopBarRight: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ProfileButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const BugReportingCard: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NotificationsCard: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NavCardHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProfileCardHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BugReportingBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NotifList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UnreadNotif: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ReadNotif: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProfileCard: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ProfileLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const ResponseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmptyNotifContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ContentArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NotifTime: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/LPTopBar/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/LPTopBar/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,oEAO3B,CAAA;AACD,eAAO,MAAM,IAAI,oEAKhB,CAAA;AAED,eAAO,MAAM,WAAW,oEAgCvB,CAAA;AAED,eAAO,MAAM,UAAU,uEA+BtB,CAAA;AAED,eAAO,MAAM,aAAa,uEAqCzB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAS5B,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAQ7B,CAAA;AAED,eAAO,MAAM,cAAc,oEAS1B,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAQ9B,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAsC5B,CAAA;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA;AAED,eAAO,MAAM,WAAW,oEA0BvB,CAAA;AAED,eAAO,MAAM,SAAS,oEA4BrB,CAAA;AAED,eAAO,MAAM,WAAW,oEAQvB,CAAA;AAED,eAAO,MAAM,WAAW,kEAcvB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAK/B,CAAA;AAED,eAAO,MAAM,WAAW,oEAkBvB,CAAA;AAED,eAAO,MAAM,SAAS,oEAKrB,CAAA"}

package/dist/components/LPTopBar/style.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+import theme from "../../theme";
+export var TopBarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  //height: 120px;\n"], ["\n  background: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  //height: 120px;\n"])), theme.colors.white);
+export var Logo = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 16px 32px;\n  img{\n    width: 193px;\n  }\n"], ["\n  padding: 16px 32px;\n  img{\n    width: 193px;\n  }\n"])));
+export var TopBarRight = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 16px 32px;\n  display: flex;\n  gap: 24px;\n  a.trade-button{\n    background: ", ";\n    border-radius: 8px;\n    padding: 12px 18px;\n    color: ", ";\n    text-decoration: none;\n    font-family: \"Circular Book Medium\",serif;\n    font-weight: 500;\n  }\n  a.trade-button:hover{\n    background: ", ";\n  }\n  a.trade-button:active{\n    background: ", ";\n  }\n  a.trade-button:focus,a.trade-button:focus-within{\n    outline: 2px solid ", ";\n  }\n  div.vt-divider{\n    background-color: ", ";\n    padding-bottom: 1.1rem;\n    padding-top: 1.1rem;\n    width: 1px;\n  }\n  div.icon-buttons{\n    display: flex;\n    gap: 16px;\n  }\n"], ["\n  padding: 16px 32px;\n  display: flex;\n  gap: 24px;\n  a.trade-button{\n    background: ", ";\n    border-radius: 8px;\n    padding: 12px 18px;\n    color: ", ";\n    text-decoration: none;\n    font-family: \"Circular Book Medium\",serif;\n    font-weight: 500;\n  }\n  a.trade-button:hover{\n    background: ", ";\n  }\n  a.trade-button:active{\n    background: ", ";\n  }\n  a.trade-button:focus,a.trade-button:focus-within{\n    outline: 2px solid ", ";\n  }\n  div.vt-divider{\n    background-color: ", ";\n    padding-bottom: 1.1rem;\n    padding-top: 1.1rem;\n    width: 1px;\n  }\n  div.icon-buttons{\n    display: flex;\n    gap: 16px;\n  }\n"])), theme.colors["primary-500"], theme.colors.white, theme.colors["primary-400"], theme.colors["primary-700"], theme.colors["primary-200"], theme.colors["neutral-100"]);
+export var IconButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 8px;\n  border: none;\n  width: 40px;\n  height: 40px;\n  padding: 8px;\n  position: relative;\n  margin: 0;\n  cursor: pointer;\n  &:focus-within,:focus{\n    outline: none;\n  }\n  &:hover{\n    background: ", ";\n  }\n  &:active{\n    background: ", ";\n  }\n  &.active-item{\n    background: ", ";\n  }\n  .notification-dot{\n    background: red;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n"], ["\n  background: ", ";\n  border-radius: 8px;\n  border: none;\n  width: 40px;\n  height: 40px;\n  padding: 8px;\n  position: relative;\n  margin: 0;\n  cursor: pointer;\n  &:focus-within,:focus{\n    outline: none;\n  }\n  &:hover{\n    background: ", ";\n  }\n  &:active{\n    background: ", ";\n  }\n  &.active-item{\n    background: ", ";\n  }\n  .notification-dot{\n    background: red;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n"])), theme.colors.white, theme.colors["neutral-50"], theme.colors["neutral-100"], theme.colors["neutral-100"]);
+export var ProfileButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background: ", ";\n  border: none;\n  cursor: pointer;\n  .profile-pic{\n    width: 40px;\n    height: 40px;\n    background: ", ";\n    border-radius: 50%;\n  }\n  .rotate-icon-180{\n    rotate: 180deg;\n    animation: rotate 0.2s ease-out;\n  }\n  @keyframes rotate{\n    from{\n      rotate: 0deg;\n    }\n    to{\n      rotate: 180deg;\n    }\n  }\n  .rotate-icon-0{\n    rotate: 0deg;\n    animation: counterRotate 0.2s ease-out;\n  }\n  @keyframes counterRotate{\n    from{\n      rotate: 180deg;\n    }\n    to{\n      rotate: 0deg;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background: ", ";\n  border: none;\n  cursor: pointer;\n  .profile-pic{\n    width: 40px;\n    height: 40px;\n    background: ", ";\n    border-radius: 50%;\n  }\n  .rotate-icon-180{\n    rotate: 180deg;\n    animation: rotate 0.2s ease-out;\n  }\n  @keyframes rotate{\n    from{\n      rotate: 0deg;\n    }\n    to{\n      rotate: 180deg;\n    }\n  }\n  .rotate-icon-0{\n    rotate: 0deg;\n    animation: counterRotate 0.2s ease-out;\n  }\n  @keyframes counterRotate{\n    from{\n      rotate: 180deg;\n    }\n    to{\n      rotate: 0deg;\n    }\n  }\n"])), theme.colors.white, theme.colors["neutral-100"]);
+export var BugReportingCard = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 430px;\n  min-height: 321px;\n  background: ", ";\n  position: absolute;\n  top: 95px;\n  right: 32px;\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n"], ["\n  width: 430px;\n  min-height: 321px;\n  background: ", ";\n  position: absolute;\n  top: 95px;\n  right: 32px;\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n"])), theme.colors.white);
+export var NotificationsCard = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 460px;\n  background: ", ";\n  position: absolute;\n  top: 95px;\n  right: 32px;\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n"], ["\n  width: 460px;\n  background: ", ";\n  position: absolute;\n  top: 95px;\n  right: 32px;\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n"])), theme.colors.white);
+export var NavCardHeading = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  padding: 12px 16px;font-family: Circular Book Medium, sans-serif;\n  font-weight: 500;\n  font-size: 16px;\n  color: ", ";\n  h4{\n    margin: 0 !important;\n  }\n"], ["\n  border-bottom: 1px solid ", ";\n  padding: 12px 16px;font-family: Circular Book Medium, sans-serif;\n  font-weight: 500;\n  font-size: 16px;\n  color: ", ";\n  h4{\n    margin: 0 !important;\n  }\n"])), theme.colors["neutral-100"], theme.colors["neutral-900"]);
+export var ProfileCardHeading = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: 12px 16px;font-family: Circular Book Medium, sans-serif;\n  font-weight: 500;\n  font-size: 16px;\n  color: ", ";\n  h4{\n    margin: 0 !important;\n  }\n"], ["\n  padding: 12px 16px;font-family: Circular Book Medium, sans-serif;\n  font-weight: 500;\n  font-size: 16px;\n  color: ", ";\n  h4{\n    margin: 0 !important;\n  }\n"])), theme.colors["neutral-900"]);
+export var BugReportingBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  textarea{\n    padding: 13px 16px;\n    border-radius: 8px;\n    border: none;\n    outline: 1px solid ", ";\n    background: ", ";\n    height: 108px;\n    font-size: 16px;\n    line-height: 22.4px;\n    font-weight: 400;\n  }\n  textarea:hover{\n    outline: 1px solid ", ";\n  }\n  textarea:focus{\n    outline: 1px solid ", ";\n  }\n  .info-text{\n    display: flex;\n    gap: 8px;\n    align-items: start;\n  }\n  .info-text svg{\n    width: 35px;\n    height: 16px;\n  }\n  .info-text p{\n    margin: 0;\n    font-size: 14px;\n    color: ", ";\n    font-weight: 400;\n    line-height: 17px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  textarea{\n    padding: 13px 16px;\n    border-radius: 8px;\n    border: none;\n    outline: 1px solid ", ";\n    background: ", ";\n    height: 108px;\n    font-size: 16px;\n    line-height: 22.4px;\n    font-weight: 400;\n  }\n  textarea:hover{\n    outline: 1px solid ", ";\n  }\n  textarea:focus{\n    outline: 1px solid ", ";\n  }\n  .info-text{\n    display: flex;\n    gap: 8px;\n    align-items: start;\n  }\n  .info-text svg{\n    width: 35px;\n    height: 16px;\n  }\n  .info-text p{\n    margin: 0;\n    font-size: 14px;\n    color: ", ";\n    font-weight: 400;\n    line-height: 17px;\n  }\n"])), theme.colors["neutral-200"], theme.colors.white, theme.colors["primary-400"], theme.colors["primary-500"], theme.colors["neutral-900"]);
+export var NotifList = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  overflow-y: auto;\n  max-height: 749px;\n"], ["\n  overflow-y: auto;\n  max-height: 749px;\n"])));
+export var UnreadNotif = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background: ", ";\n  cursor: pointer;\n  padding: 16px;\n  border-left: 2px solid ", ";\n  display: flex;\n  gap: 16px;\n  align-items: start;\n  &:hover{\n    background: ", ";\n  }\n  .txn-amts{\n    background: ", ";\n    padding:16px;\n    border-radius: 8px;\n  }\n  .request-status{\n    font-family: Circular Book Medium, sans-serif;\n    font-weight: 500;\n    margin: 0;\n  }\n  .lp-info-txn-no{\n    font-size: 12px;\n    color: ", ";\n    margin: 0;\n  }\n"], ["\n  background: ", ";\n  cursor: pointer;\n  padding: 16px;\n  border-left: 2px solid ", ";\n  display: flex;\n  gap: 16px;\n  align-items: start;\n  &:hover{\n    background: ", ";\n  }\n  .txn-amts{\n    background: ", ";\n    padding:16px;\n    border-radius: 8px;\n  }\n  .request-status{\n    font-family: Circular Book Medium, sans-serif;\n    font-weight: 500;\n    margin: 0;\n  }\n  .lp-info-txn-no{\n    font-size: 12px;\n    color: ", ";\n    margin: 0;\n  }\n"])), theme.colors["primary-50"], theme.colors["primary-500"], theme.colors["neutral-50"], theme.colors.white, theme.colors["primary-500"]);
+export var ReadNotif = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background: ", ";\n  cursor: pointer;\n  padding: 16px;\n  display: flex;\n  gap: 16px;\n  align-items: start;\n  &:hover{\n    background: ", ";\n  }\n  :hover .txn-amts{\n    background: ", ";\n  }\n  .txn-amts{\n    background: ", ";\n    padding:16px;\n    border-radius: 8px;\n  }\n  .request-status{\n    font-family: Circular Book Medium, sans-serif;\n    font-weight: 500;\n    margin: 0;\n  }\n  .lp-info-txn-no{\n    font-size: 12px;\n    color: ", ";\n    margin: 0;\n  }\n"], ["\n  background: ", ";\n  cursor: pointer;\n  padding: 16px;\n  display: flex;\n  gap: 16px;\n  align-items: start;\n  &:hover{\n    background: ", ";\n  }\n  :hover .txn-amts{\n    background: ", ";\n  }\n  .txn-amts{\n    background: ", ";\n    padding:16px;\n    border-radius: 8px;\n  }\n  .request-status{\n    font-family: Circular Book Medium, sans-serif;\n    font-weight: 500;\n    margin: 0;\n  }\n  .lp-info-txn-no{\n    font-size: 12px;\n    color: ", ";\n    margin: 0;\n  }\n"])), theme.colors.white, theme.colors["neutral-50"], theme.colors.white, theme.colors["neutral-50"], theme.colors["primary-500"]);
+export var ProfileCard = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  width: 290px;\n  background: ", ";\n  position: absolute;\n  top: 95px;\n  right: 32px;\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n"], ["\n  width: 290px;\n  background: ", ";\n  position: absolute;\n  top: 95px;\n  right: 32px;\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n"])), theme.colors.white);
+export var ProfileLink = styled.a(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 19px;\n  color: ", ";\n  text-decoration: none;\n  &:hover{\n    background: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 19px;\n  color: ", ";\n  text-decoration: none;\n  &:hover{\n    background: ", ";\n  }\n"])), theme.colors["neutral-900"], theme.colors["neutral-50"]);
+export var ResponseContainer = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+export var EmptyNotifContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 477px;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 477px;\n"])));
+export var ContentArea = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  align-items: center;\n  .text-center{\n    text-align: center;\n    color: ", ";\n  }\n  .text-center .text-heading{\n    font-family: Circular Book Medium, sans-serif;\n    font-weight: 500;\n    margin-bottom: 8px;\n  }\n  .text-center .subtext{\n    font-size: 14px;\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  align-items: center;\n  .text-center{\n    text-align: center;\n    color: ", ";\n  }\n  .text-center .text-heading{\n    font-family: Circular Book Medium, sans-serif;\n    font-weight: 500;\n    margin-bottom: 8px;\n  }\n  .text-center .subtext{\n    font-size: 14px;\n    margin: 0;\n  }\n"])), theme.colors["neutral-900"]);
+export var NotifTime = styled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  text-align: right;\n  width: 40px;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  text-align: right;\n  width: 40px;\n"])), theme.colors["neutral-500"]);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;
+//# sourceMappingURL=style.js.map

package/dist/components/LPTopBar/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/LPTopBar/style.ts"],"names":[],"mappings":"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"}

package/dist/components/LPTopBar/type.d.ts

@@ -0,0 +1,20 @@
+export interface TopBarProps {
+    userName: string;
+    requestLpUrl: string;
+    notifications: {
+        notifTitle: string;
+        notifTime: string;
+        baseCurrFlag: string;
+        baseCurrencyCode: string;
+        baseAmount: string;
+        exchCurrFlag: string;
+        exchCurrencyCode: string;
+        exchAmount: string;
+        lpProvider: string;
+        transactionNumber: string;
+        notifRead: boolean;
+    }[];
+    myProfileUrl: string;
+    signOutApiUrl: string;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/LPTopBar/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/LPTopBar/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAC,MAAM,CAAC;IAChB,YAAY,EAAC,MAAM,CAAC;IACpB,aAAa,EAAC;QACV,UAAU,EAAC,MAAM,CAAC;QAClB,SAAS,EAAC,MAAM,CAAC;QACjB,YAAY,EAAC,MAAM,CAAC;QACpB,gBAAgB,EAAC,MAAM,CAAC;QACxB,UAAU,EAAC,MAAM,CAAC;QAClB,YAAY,EAAC,MAAM,CAAC;QACpB,gBAAgB,EAAC,MAAM,CAAC;QACxB,UAAU,EAAC,MAAM,CAAC;QAClB,UAAU,EAAC,MAAM,CAAC;QAClB,iBAAiB,EAAC,MAAM,CAAC;QACzB,SAAS,EAAC,OAAO,CAAA;KACpB,EAAE,CAAC;IACJ,YAAY,EAAC,MAAM,CAAC;IACpB,aAAa,EAAC,MAAM,CAAC;CACxB"}

package/dist/components/LPTopBar/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/LPTopBar/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/LPTopBar/type.ts"],"names":[],"mappings":""}

package/dist/components/LoadingShimmer/LoadingShimmer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { LoaderType } from "./type";
+declare const LoadingShimmer: (props: LoaderType) => JSX.Element;
+export default LoadingShimmer;
+//# sourceMappingURL=LoadingShimmer.d.ts.map

package/dist/components/LoadingShimmer/LoadingShimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingShimmer.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingShimmer/LoadingShimmer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,QAAQ,CAAC;AAElC,QAAA,MAAM,cAAc,UAAU,UAAU,gBAcvC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/LoadingShimmer/LoadingShimmer.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { LoaderContainer, Shimmer } from "./style";
+var LoadingShimmer = function (props) {
+    var shape = props.shape, width = props.width, height = props.height;
+    if (shape == 'circular') {
+        return (React.createElement(LoaderContainer, { style: { borderRadius: '100%', width: !width ? '100%' : width, height: height } },
+            React.createElement(Shimmer, null)));
+    }
+    return (React.createElement(LoaderContainer, { style: { borderRadius: '8px', width: !width ? '100%' : width, height: height } },
+        React.createElement(Shimmer, null)));
+};
+export default LoadingShimmer;
+//# sourceMappingURL=LoadingShimmer.js.map

package/dist/components/LoadingShimmer/LoadingShimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingShimmer.js","sourceRoot":"","sources":["../../../src/components/LoadingShimmer/LoadingShimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,eAAe,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAGjD,IAAM,cAAc,GAAG,UAAC,KAAgB;IAC7B,IAAA,KAAK,GAAiB,KAAK,MAAtB,EAAC,KAAK,GAAW,KAAK,MAAhB,EAAC,MAAM,GAAI,KAAK,OAAT,CAAS;IAClC,IAAI,KAAK,IAAI,UAAU,EAAC;QACpB,OAAO,CACH,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAC,YAAY,EAAC,MAAM,EAAC,KAAK,EAAC,CAAC,KAAK,CAAA,CAAC,CAAA,MAAM,CAAA,CAAC,CAAA,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC;YACjF,oBAAC,OAAO,OAAE,CACI,CACrB,CAAA;KACJ;IACD,OAAO,CACH,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAC,KAAK,EAAC,CAAC,KAAK,CAAA,CAAC,CAAA,MAAM,CAAA,CAAC,CAAA,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC;QAChF,oBAAC,OAAO,OAAE,CACI,CACrB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/LoadingShimmer/style.d.ts

@@ -0,0 +1,3 @@
+export declare const LoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Shimmer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/LoadingShimmer/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingShimmer/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,OAAO,oEAiBnB,CAAA"}

package/dist/components/LoadingShimmer/style.js

@@ -0,0 +1,10 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+import theme from "../../theme";
+export var LoaderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  position: relative;\n  overflow: hidden;\n"], ["\n  background: ", ";\n  position: relative;\n  overflow: hidden;\n"])), theme.colors["neutral-50"]);
+export var Shimmer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 60%;\n  height: 100%;\n  background: ", ";\n  position: absolute;\n  left: -90%;\n  transform: skew(-20deg);\n  filter: blur(30px);\n  animation: 1.5s shimmerEffect infinite ease-in-out;\n  @keyframes shimmerEffect{\n    from{\n      left: -90%;\n    }\n    to{\n      left: 110%;\n    }\n  }\n"], ["\n  width: 60%;\n  height: 100%;\n  background: ", ";\n  position: absolute;\n  left: -90%;\n  transform: skew(-20deg);\n  filter: blur(30px);\n  animation: 1.5s shimmerEffect infinite ease-in-out;\n  @keyframes shimmerEffect{\n    from{\n      left: -90%;\n    }\n    to{\n      left: 110%;\n    }\n  }\n"])), theme.colors["neutral-100"]);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

package/dist/components/LoadingShimmer/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/LoadingShimmer/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,wIAAA,kBACzB,EAA0B,iDAGzC,KAHe,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAGzC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,sXAAA,kDAGjB,EAA2B,+PAc1C,KAde,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAc1C,CAAA"}

package/dist/components/LoadingShimmer/type.d.ts

@@ -0,0 +1,6 @@
+export interface LoaderType {
+    shape: 'circular' | 'rectangular';
+    width?: number;
+    height: number;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/LoadingShimmer/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingShimmer/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,KAAK,EAAC,UAAU,GAAG,aAAa,CAAC;IACjC,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,MAAM,EAAC,MAAM,CAAA;CAChB"}

package/dist/components/LoadingShimmer/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/LoadingShimmer/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/LoadingShimmer/type.ts"],"names":[],"mappings":""}

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import './style.css';
+declare const Loader: () => JSX.Element;
+export default Loader;
+//# sourceMappingURL=LoadingSpinner.d.ts.map

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,CAAA;AAGpB,QAAA,MAAM,MAAM,mBAiBX,CAAA;AAED,eAAe,MAAM,CAAA"}