@loafmarkets/ui 0.1.17 → 0.1.18

package/dist/index.mjs

@@ -4412,16 +4412,13 @@ var PriceBlock = styled23.span`
   border-left: 1px solid rgba(255, 255, 255, 0.25);
   min-height: 1.5rem;
 `;
-var DEFAULT_TRADE_URL = "https://loafx-frontend-web.vercel.app/";
 var DEFAULT_TRADE_PATH = "/trade";
 var DEFAULT_HOME_PATH = "/";
 var DEFAULT_ABOUT_PATH = "/about";
 var DEFAULT_LEARN_PATH = "/learn";
-var DEFAULT_OFFERINGS_PATH = "/ipo/musgrave";
 var DEFAULT_PROPERTY_MAP_PATH = "/map";
 var DEFAULT_PORTFOLIO_PATH = "/portfolio";
 var DEFAULT_LOAF_LIQUIDITY_PATH = "/loaf-liquidity";
-var DEFAULT_AUTH_LOGIN_URL = "http://localhost:5174/";
 var DEFAULT_AUTH_RETURN_PARAM = "returnTo";
 var LOGIN_POPUP_EVENT = "loaf:open-login-popup";
 var Header = ({
@@ -4433,16 +4430,15 @@ var Header = ({
   onLogout,
   onSignInClick,
   loginPopupComponent: LoginPopupComponent,
-  tradeUrl = DEFAULT_TRADE_URL,
   tradePath = DEFAULT_TRADE_PATH,
   homePath = DEFAULT_HOME_PATH,
   aboutPath = DEFAULT_ABOUT_PATH,
   learnPath = DEFAULT_LEARN_PATH,
-  offeringsPath = DEFAULT_OFFERINGS_PATH,
+  offeringsPath,
   propertyMapPath = DEFAULT_PROPERTY_MAP_PATH,
   portfolioPath = DEFAULT_PORTFOLIO_PATH,
   loafLiquidityPath = DEFAULT_LOAF_LIQUIDITY_PATH,
-  authLoginUrl = DEFAULT_AUTH_LOGIN_URL,
+  authLoginUrl,
   authReturnParam = DEFAULT_AUTH_RETURN_PARAM,
   getAuthReturnUrl,
   logoHref,
@@ -4538,7 +4534,7 @@ var Header = ({
       onLoafLiquidityClick();
       return;
     }
-    performNavigation(loafLiquidityPath);
+    performNavigation(resolvedLoafLiquidityPath);
   };
   const handleTradeNavigation = () => {
     closeMenus();
@@ -4546,9 +4542,7 @@ var Header = ({
       onTradeClick();
       return;
     }
-    if (typeof window !== "undefined") {
-      window.location.href = tradeUrl;
-    }
+    performNavigation(resolvedTradePath);
   };
   const handleLogoutClick = async (event) => {
     event?.preventDefault();
@@ -4628,14 +4622,23 @@ var Header = ({
     setShowLoginPopup(false);
     setLoginPopupInitialView(void 0);
   }, []);
+  const resolvedTradePath = tradePath ?? DEFAULT_TRADE_PATH;
+  const resolvedHomePath = homePath ?? DEFAULT_HOME_PATH;
+  const resolvedAboutPath = aboutPath ?? DEFAULT_ABOUT_PATH;
+  const resolvedLearnPath = learnPath ?? DEFAULT_LEARN_PATH;
+  const resolvedOfferingsPath = offeringsPath ?? void 0;
+  const offeringsHref = resolvedOfferingsPath ?? resolvedHomePath;
+  const resolvedPropertyMapPath = propertyMapPath ?? DEFAULT_PROPERTY_MAP_PATH;
+  const resolvedPortfolioPath = portfolioPath ?? DEFAULT_PORTFOLIO_PATH;
+  const resolvedLoafLiquidityPath = loafLiquidityPath ?? DEFAULT_LOAF_LIQUIDITY_PATH;
   const inferredActiveTab = (() => {
-    if (locationPath === tradePath) return "trade";
-    if (locationPath === homePath) return "home";
-    if (locationPath === aboutPath) return "about";
-    if (locationPath === learnPath) return "learn";
-    if (locationPath.startsWith(offeringsPath)) return "offerings";
-    if (locationPath === propertyMapPath) return "propertyMap";
-    if (locationPath === portfolioPath) return "portfolio";
+    if (locationPath === resolvedTradePath) return "trade";
+    if (locationPath === resolvedHomePath) return "home";
+    if (locationPath === resolvedAboutPath) return "about";
+    if (locationPath === resolvedLearnPath) return "learn";
+    if (resolvedOfferingsPath && locationPath.startsWith(resolvedOfferingsPath)) return "offerings";
+    if (locationPath === resolvedPropertyMapPath) return "propertyMap";
+    if (locationPath === resolvedPortfolioPath) return "portfolio";
     return null;
   })();
   const resolvedActiveTab = activeTab ?? inferredActiveTab;
@@ -4651,7 +4654,7 @@ var Header = ({
     /* @__PURE__ */ jsxs(HeaderContainer, { children: [
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
         /* @__PURE__ */ jsxs(Logo, { children: [
-          /* @__PURE__ */ jsx(LogoLink, { href: logoHref ?? homePath, onClick: handleLogoNavigation, children: /* @__PURE__ */ jsx("img", { src: Loaf_logo_Banner_default, alt: "LOAF Logo" }) }),
+          /* @__PURE__ */ jsx(LogoLink, { href: logoHref ?? resolvedHomePath, onClick: handleLogoNavigation, children: /* @__PURE__ */ jsx("img", { src: Loaf_logo_Banner_default, alt: "LOAF Logo" }) }),
           /* @__PURE__ */ jsx("h1", { children: "LOAF" })
         ] }),
         /* @__PURE__ */ jsxs(Nav, { $isOpen: isMobileMenuOpen, className: "mobile-menu", children: [
@@ -4664,11 +4667,11 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: homePath,
+                    href: resolvedHomePath,
                     className: homeActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(homePath);
+                      handleNavigation(resolvedHomePath);
                     },
                     children: "Home"
                   }
@@ -4676,7 +4679,7 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: tradeUrl,
+                    href: resolvedTradePath,
                     className: tradeActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
@@ -4688,11 +4691,11 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: portfolioPath,
+                    href: resolvedPortfolioPath,
                     className: portfolioActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(portfolioPath);
+                      handleNavigation(resolvedPortfolioPath);
                     },
                     children: "Portfolio"
                   }
@@ -4700,11 +4703,11 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: offeringsPath,
+                    href: offeringsHref,
                     className: offeringsActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(offeringsPath);
+                      handleNavigation(offeringsHref);
                     },
                     children: "Initial Offerings"
                   }
@@ -4712,11 +4715,11 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: propertyMapPath,
+                    href: resolvedPropertyMapPath,
                     className: propertyMapActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(propertyMapPath);
+                      handleNavigation(resolvedPropertyMapPath);
                     },
                     children: "Property Map"
                   }
@@ -4724,11 +4727,11 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: learnPath,
+                    href: resolvedLearnPath,
                     className: learnActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(learnPath);
+                      handleNavigation(resolvedLearnPath);
                     },
                     children: "Learn"
                   }
@@ -4736,11 +4739,11 @@ var Header = ({
                 /* @__PURE__ */ jsx(
                   NavLink,
                   {
-                    href: aboutPath,
+                    href: resolvedAboutPath,
                     className: aboutActive ? "active" : "",
                     onClick: (event) => {
                       event.preventDefault();
-                      handleNavigation(aboutPath);
+                      handleNavigation(resolvedAboutPath);
                     },
                     children: "About"
                   }
@@ -4770,7 +4773,7 @@ var Header = ({
               /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5z" }) }),
               /* @__PURE__ */ jsx("input", { type: "text", placeholder: "Search..." })
             ] }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(homePath), children: "Home" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedHomePath), children: "Home" }),
             /* @__PURE__ */ jsx(
               MobileNavItem,
               {
@@ -4780,11 +4783,11 @@ var Header = ({
                 children: "Trade"
               }
             ),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(portfolioPath), children: "Portfolio" }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(offeringsPath), children: "Initial Offerings" }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(propertyMapPath), children: "Property Map" }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(learnPath), children: "Learn" }),
-            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(aboutPath), children: "About" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedPortfolioPath), children: "Portfolio" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(offeringsHref), children: "Initial Offerings" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedPropertyMapPath), children: "Property Map" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLearnPath), children: "Learn" }),
+            /* @__PURE__ */ jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedAboutPath), children: "About" }),
             /* @__PURE__ */ jsx("div", { style: { borderTop: "1px solid #2b3139", margin: "8px 0" } }),
             /* @__PURE__ */ jsx(
               MobileNavItem,