@agg-build/ui 4.18.0 → 4.18.2

package/dist/pages.mjs

@@ -9,25 +9,25 @@ import {
   buildAggTxExplorerHref,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-FTWJRLJQ.mjs";
-import "./chunk-WSZYDOZN.mjs";
+} from "./chunk-RFMA5ABT.mjs";
+import "./chunk-DXASFSVL.mjs";
 import {
   EventMarketPage,
   EventOpenOrders,
   EventOpenOrdersCard,
   formatRecurringCountdown,
   useEventOpenOrders
-} from "./chunk-HFL3CEWG.mjs";
-import "./chunk-2UPO6G3S.mjs";
+} from "./chunk-NSQQ62QK.mjs";
+import "./chunk-DWPBGMVJ.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-2OBJ7DYT.mjs";
-import "./chunk-JJ3VVCEP.mjs";
-import "./chunk-NRPS2D3Q.mjs";
-import "./chunk-WIGSRHUG.mjs";
+} from "./chunk-5YHKIJ23.mjs";
+import "./chunk-WOCZ4TVT.mjs";
+import "./chunk-ROA5K67W.mjs";
+import "./chunk-XZVGHKMW.mjs";
 export {
   DEPOSIT_MODAL_OPEN_EVENT,
   EventMarketPage,

package/dist/primitives.js

@@ -6056,7 +6056,8 @@ var RemoteImage = ({
   width,
   height,
   onClick,
-  ariaLabel
+  ariaLabel,
+  fallback
 }) => {
   const {
     general: { theme }
@@ -6113,7 +6114,7 @@ var RemoteImage = ({
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            children: fallback != null ? fallback : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
               Icon,
               {
                 name: "image",

package/dist/primitives.mjs

@@ -100,7 +100,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-WIGSRHUG.mjs";
+} from "./chunk-XZVGHKMW.mjs";
 export {
   ActivityChartIcon,
   AggErrorBoundary,

package/dist/trading.js

@@ -4136,7 +4136,8 @@ var RemoteImage = ({
   width,
   height,
   onClick,
-  ariaLabel
+  ariaLabel,
+  fallback
 }) => {
   const {
     general: { theme }
@@ -4193,7 +4194,7 @@ var RemoteImage = ({
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            children: fallback != null ? fallback : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               Icon,
               {
                 name: "image",
@@ -10294,7 +10295,7 @@ var resolvePlaceOrderQuoteStatus = ({
   selectedMarket,
   tradeSide = "buy"
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   if (!selectedMarket) {
     return {
       tone: "warning",
@@ -10314,7 +10315,15 @@ var resolvePlaceOrderQuoteStatus = ({
     };
   }
   if (quoteData.status === "no_orderbooks") {
-    const serverError = (_a = quoteData.error) == null ? void 0 : _a.trim();
+    const warnings = (_a = quoteData.warnings) != null ? _a : [];
+    if (warnings.length > 0 && warnings.every((warning) => warning.reason === "hosted_cash_unavailable")) {
+      return {
+        tone: "warning",
+        message: labels.betdexBalanceUnavailable,
+        placement: "above-action"
+      };
+    }
+    const serverError = (_b = quoteData.error) == null ? void 0 : _b.trim();
     return {
       tone: "error",
       message: serverError || labels.noOrderbooks,
@@ -10331,24 +10340,24 @@ var resolvePlaceOrderQuoteStatus = ({
   if (quoteData.status === "insufficient_input_amount") {
     return {
       tone: "error",
-      message: (_b = quoteData.message) != null ? _b : labels.insufficientInputAmount,
+      message: (_c = quoteData.message) != null ? _c : labels.insufficientInputAmount,
       placement: "above-action"
     };
   }
   if (quoteData.status === "invalid_input") {
     return {
       tone: "error",
-      message: (_c = quoteData.message) != null ? _c : labels.quoteUnavailable,
+      message: (_d = quoteData.message) != null ? _d : labels.quoteUnavailable,
       placement: "above-action"
     };
   }
   if (quoteData.status === "insufficient_position") {
-    const total = (_d = quoteData.positionAvailability) == null ? void 0 : _d.totalSellableShares;
+    const total = (_e = quoteData.positionAvailability) == null ? void 0 : _e.totalSellableShares;
     const message = total != null ? labels.insufficientPosition(total) : labels.insufficientPositionGeneric;
     return { tone: "error", message, placement: "above-action" };
   }
   if (quoteData.status === "insufficient_depth") {
-    const serverError = (_e = quoteData.error) == null ? void 0 : _e.trim();
+    const serverError = (_f = quoteData.error) == null ? void 0 : _f.trim();
     return {
       tone: "error",
       message: tradeSide === "sell" ? serverError || labels.insufficientSellDepth : serverError || labels.insufficientLiquidity,
@@ -12936,6 +12945,7 @@ var renderCardHeader = ({
   headerSubtitle,
   headerImage,
   headerTitle,
+  headerVenue,
   onClose
 }) => {
   if (!headerTitle) return null;
@@ -12946,6 +12956,7 @@ var renderCardHeader = ({
         {
           src: headerImage,
           alt: "",
+          fallback: headerVenue ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VenueLogo, { venue: headerVenue, size: "large" }) : void 0,
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
@@ -13272,7 +13283,7 @@ var PlaceOrder = ({
   showResolvingState = false,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders: limitOrdersFeature },
@@ -15558,6 +15569,7 @@ var PlaceOrder = ({
             headerSubtitle,
             headerImage,
             headerTitle,
+            headerVenue: (_ia = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) != null ? _ia : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venue,
             onClose
           }),
           /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-2OBJ7DYT.mjs";
+} from "./chunk-5YHKIJ23.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -32,9 +32,9 @@ import {
   prepareSettlementDifferences,
   resolveDifferenceIconClassName,
   useEventTradingContext
-} from "./chunk-JJ3VVCEP.mjs";
-import "./chunk-NRPS2D3Q.mjs";
-import "./chunk-WIGSRHUG.mjs";
+} from "./chunk-WOCZ4TVT.mjs";
+import "./chunk-ROA5K67W.mjs";
+import "./chunk-XZVGHKMW.mjs";
 export {
   FundKalshiModal,
   PlaceOrder,

package/dist/types/primitives/remote-image/index.d.mts

@@ -2,6 +2,6 @@ import type { RemoteImageProps, RemoteImageStatus } from "./remote-image.types";
 export type { RemoteImageProps, RemoteImageStatus };
 /** Renders a remote image with loading skeleton and error placeholder fallbacks. */
 export declare const RemoteImage: {
-    ({ src, retinaSrc, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
+    ({ src, retinaSrc, alt, title, className, classNames, width, height, onClick, ariaLabel, fallback, }: RemoteImageProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/remote-image/index.d.ts

@@ -2,6 +2,6 @@ import type { RemoteImageProps, RemoteImageStatus } from "./remote-image.types";
 export type { RemoteImageProps, RemoteImageStatus };
 /** Renders a remote image with loading skeleton and error placeholder fallbacks. */
 export declare const RemoteImage: {
-    ({ src, retinaSrc, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
+    ({ src, retinaSrc, alt, title, className, classNames, width, height, onClick, ariaLabel, fallback, }: RemoteImageProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/remote-image/remote-image.types.d.mts

@@ -31,4 +31,10 @@ export type RemoteImageProps = {
     onClick?: () => void;
     /** Accessible label applied when the image acts like a control. */
     ariaLabel?: string;
+    /**
+     * Rendered instead of the generic image icon when there is no usable image
+     * (missing source or load failure), e.g. the owning venue's mark. The
+     * caller must pass real existing artwork, never an invented subject image.
+     */
+    fallback?: React.ReactNode;
 };

package/dist/types/primitives/remote-image/remote-image.types.d.ts

@@ -31,4 +31,10 @@ export type RemoteImageProps = {
     onClick?: () => void;
     /** Accessible label applied when the image acts like a control. */
     ariaLabel?: string;
+    /**
+     * Rendered instead of the generic image icon when there is no usable image
+     * (missing source or load failure), e.g. the owning venue's mark. The
+     * caller must pass real existing artwork, never an invented subject image.
+     */
+    fallback?: React.ReactNode;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.18.0",
+  "version": "4.18.2",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -100,7 +100,7 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^4.18.0",
+    "@agg-build/hooks": "^4.18.2",
     "@agg-build/sdk": "^4.18.0"
   },
   "dependencies": {