@agg-market/ui 3.0.0 → 4.0.0

package/dist/market-details.mjs

@@ -1,21 +1,20 @@
 import {
   MarketDetails
-} from "./chunk-QYZKC7KG.mjs";
-import "./chunk-422MCIXV.mjs";
+} from "./chunk-GNSPZ53C.mjs";
+import "./chunk-HOXTJ742.mjs";
 import "./chunk-S3H63TQ5.mjs";
-import "./chunk-GHB3GOCW.mjs";
+import "./chunk-QM7CGMFG.mjs";
 import "./chunk-YJA5VQW6.mjs";
-import "./chunk-V52WSZHQ.mjs";
-import "./chunk-IGPNIM2B.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-M4RJHRFT.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";
 import "./chunk-FO263M3V.mjs";
 import "./chunk-ERGNR6UQ.mjs";
 import "./chunk-FO2QCB4Z.mjs";
-import "./chunk-BN5VVHNV.mjs";
-import "./chunk-CTVMT3VL.mjs";
+import "./chunk-OJVTGNIF.mjs";
+import "./chunk-LCZKSITC.mjs";
 import "./chunk-GJ4U5NCE.mjs";
 export {
   MarketDetails

package/dist/onboarding-modal.js

@@ -2171,6 +2171,13 @@ var venueLogoRegistry = {
   opinion: LogoOpinionIcon,
   probable: LogoProbableIcon
 };
+var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var venueLogoUrlRegistry = {
+  kalshi: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  polymarket: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  opinion: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  probable: `${VENUE_LOGO_BASE_URL}/probable.png`
+};
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses2 = {
   small: "h-4 w-4",
@@ -2182,6 +2189,7 @@ var sizeClasses2 = {
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
+  variant = "icon",
   isColor = true,
   isMonochromatic = false,
   color,
@@ -2191,8 +2199,20 @@ var VenueLogo = ({
   title
 }) => {
   const labels = (0, import_hooks5.useLabels)();
-  const Component = venueLogoRegistry[venue];
   const sizeClass = sizeClasses2[size];
+  const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
+  if (variant === "logo") {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      "img",
+      {
+        src: venueLogoUrlRegistry[venue],
+        alt: resolvedLabel,
+        title,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Component,
@@ -2200,7 +2220,7 @@ var VenueLogo = ({
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
       isColor: resolvedIsColor,
       color,
-      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      "aria-label": resolvedLabel,
       title
     }
   );
@@ -2210,15 +2230,7 @@ VenueLogo.displayName = "VenueLogo";
 // src/onboarding/steps/connect-accounts.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    "div",
-    {
-      className: "overflow-hidden rounded sm:rounded-agg-md",
-      style: { zIndex: ONCHAIN_VENUES.length - index },
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VenueLogo, { venue, size: "medium", className: "sm:h-8 sm:w-8" })
-    },
-    venue
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -2312,12 +2324,13 @@ var ConnectAccountsStep = ({
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "overflow-hidden rounded sm:rounded-agg-md", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          logos: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             VenueLogo,
             {
               venue: "kalshi",
+              variant: "logo",
               size: "large",
-              className: "h-6 w-6 sm:h-8 sm:w-8"
+              className: "h-6 w-6 sm:h-9 sm:w-9"
             }
           ) }),
           title: labels.onboarding.connectAccounts.kalshiTitle,
@@ -2425,7 +2438,15 @@ var ConnectKalshiModal = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "overflow-hidden rounded-agg-lg", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(VenueLogo, { venue: "kalshi", size: "large" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            VenueLogo,
+            {
+              venue: "kalshi",
+              variant: "logo",
+              size: "large",
+              className: "h-[60px] w-[60px]"
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })

package/dist/onboarding-modal.mjs

@@ -5,9 +5,9 @@ import {
   HowItWorksStep,
   OnboardingModal,
   ProfileSetupStep
-} from "./chunk-KCPDVBIZ.mjs";
+} from "./chunk-4S3I6X7F.mjs";
 import "./chunk-5K7VXAYM.mjs";
-import "./chunk-D7JTOGYP.mjs";
+import "./chunk-PORVP72S.mjs";
 import "./chunk-PZTHM6WG.mjs";
 import "./chunk-NDG43KGL.mjs";
 import "./chunk-BNDFQPHF.mjs";

package/dist/place-order.d.mts

@@ -1,4 +1,4 @@
-import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-JBf1DZlH.mjs';
+import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-DkGlbmXq.mjs';
 import 'zod';
 
 type PlaceOrderProps = PlaceOrderViewModel & {

package/dist/place-order.d.ts

@@ -1,4 +1,4 @@
-import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-JBf1DZlH.js';
+import { A as PlaceOrderViewModel, P as PlaceOrderTab } from './types-DkGlbmXq.js';
 import 'zod';
 
 type PlaceOrderProps = PlaceOrderViewModel & {