@agg-market/ui 10.0.0 → 12.0.0

package/dist/{chunk-5G4T5R2H.mjs → chunk-VMJGQKKU.mjs}

@@ -13,7 +13,7 @@ import {
   formatUsd,
   getMotionClassName,
   skeletonViews
-} from "./chunk-XP7DREIX.mjs";
+} from "./chunk-XUML4ZJQ.mjs";
 
 // src/trading/utils.ts
 import { resolveAggUiLabels } from "@agg-market/hooks";
@@ -30,8 +30,7 @@ var getTradingDateLabel = (value) => {
   return parsedValue.format("MMM D, YYYY");
 };
 var getTradingVenueLabel = (venue, label) => {
-  if (label)
-    return label;
+  if (label) return label;
   return defaultLabels.venues[venue];
 };
 var getTradingValueLabel = ({
@@ -76,17 +75,14 @@ var getRoutingCardClassName = (isHighlighted) => {
   return "border-agg-trade-highlight-border bg-agg-trade-highlight-surface";
 };
 var getResultValueClassName = (tone) => {
-  if (tone === "default")
-    return "text-agg-foreground";
+  if (tone === "default") return "text-agg-foreground";
   return "text-agg-success";
 };
 var negativeOutcomePattern = /\b(no|down|against|under|lose|false)\b/i;
 var resolveIsPositiveOutcome = (outcome, index) => {
   const outcomeText = `${outcome.id} ${outcome.label}`;
-  if (negativeOutcomePattern.test(outcomeText))
-    return false;
-  if (index === 1)
-    return false;
+  if (negativeOutcomePattern.test(outcomeText)) return false;
+  if (index === 1) return false;
   return true;
 };
 var getOutcomeButtonClassName = ({
@@ -105,8 +101,7 @@ var getStatusContent = ({
   status,
   onStatusAction
 }) => {
-  if (!status || status.placement !== placement)
-    return null;
+  if (!status || status.placement !== placement) return null;
   if (status.tone === "warning") {
     return /* @__PURE__ */ jsx(InlineAlert, { tone: "warning", message: status.message });
   }
@@ -146,7 +141,9 @@ var PlaceOrder = ({
   onStatusAction,
   onTabChange
 }) => {
-  const { enableAnimations } = useSdkUiConfig();
+  const {
+    features: { enableAnimations }
+  } = useSdkUiConfig();
   const labels = useLabels();
   const resolvedDisclaimer = disclaimer === defaultTradingDisclaimer ? labels.trading.disclaimer : disclaimer;
   if (isLoading) {
@@ -389,7 +386,9 @@ var Settlement = ({
 }) => {
   var _a, _b;
   const labels = useLabels2();
-  const { enableAnimations } = useSdkUiConfig2();
+  const {
+    features: { enableAnimations }
+  } = useSdkUiConfig2();
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
   const resolvedDifferencesTitle = differencesTitle === defaultSettlementDifferencesTitle ? labels.trading.settlementDifferencesTitle : differencesTitle;
   const [internalExpandedVenue, setInternalExpandedVenue] = useState2(
@@ -401,8 +400,7 @@ var Settlement = ({
   const descriptionWrapperRefs = useRef(/* @__PURE__ */ new Map());
   const descriptionMeasureRefs = useRef(/* @__PURE__ */ new Map());
   useEffect2(() => {
-    if (expandedVenue === void 0)
-      return;
+    if (expandedVenue === void 0) return;
     setInternalExpandedVenue(expandedVenue);
   }, [expandedVenue]);
   const resolvedExpandedVenue = expandedVenue === void 0 ? internalExpandedVenue : expandedVenue;
@@ -437,11 +435,9 @@ var Settlement = ({
     (venue, description, showMoreLabel) => {
       const descriptionWrapperElement = descriptionWrapperRefs.current.get(venue);
       const descriptionMeasureElement = descriptionMeasureRefs.current.get(venue);
-      if (!descriptionWrapperElement || !descriptionMeasureElement)
-        return;
+      if (!descriptionWrapperElement || !descriptionMeasureElement) return;
       const wrapperWidth = descriptionWrapperElement.clientWidth;
-      if (wrapperWidth <= 0)
-        return;
+      if (wrapperWidth <= 0) return;
       const computedStyles = window.getComputedStyle(descriptionWrapperElement);
       const parsedLineHeight = Number.parseFloat(computedStyles.lineHeight);
       const lineHeight = Number.isFinite(parsedLineHeight) ? parsedLineHeight : 20;
@@ -454,15 +450,13 @@ var Settlement = ({
       const fullHeight = getHeight(description);
       if (fullHeight <= maxHeight) {
         setOverflowingDescriptionByVenue((currentState) => {
-          if (currentState[venue] === false)
-            return currentState;
+          if (currentState[venue] === false) return currentState;
           return __spreadProps(__spreadValues({}, currentState), {
             [venue]: false
           });
         });
         setCollapsedDescriptionByVenue((currentState) => {
-          if (currentState[venue] === description)
-            return currentState;
+          if (currentState[venue] === description) return currentState;
           return __spreadProps(__spreadValues({}, currentState), {
             [venue]: description
           });
@@ -486,15 +480,13 @@ var Settlement = ({
       }
       const collapsedDescription = description.slice(0, bestLength).trimEnd();
       setOverflowingDescriptionByVenue((currentState) => {
-        if (currentState[venue] === true)
-          return currentState;
+        if (currentState[venue] === true) return currentState;
         return __spreadProps(__spreadValues({}, currentState), {
           [venue]: true
         });
       });
       setCollapsedDescriptionByVenue((currentState) => {
-        if (currentState[venue] === collapsedDescription)
-          return currentState;
+        if (currentState[venue] === collapsedDescription) return currentState;
         return __spreadProps(__spreadValues({}, currentState), {
           [venue]: collapsedDescription
         });
@@ -503,15 +495,11 @@ var Settlement = ({
     []
   );
   useEffect2(() => {
-    if (typeof window === "undefined")
-      return;
-    if (!resolvedExpandedVenue)
-      return;
-    if (expandedDescriptionByVenue[resolvedExpandedVenue])
-      return;
+    if (typeof window === "undefined") return;
+    if (!resolvedExpandedVenue) return;
+    if (expandedDescriptionByVenue[resolvedExpandedVenue]) return;
     const expandedVenueItem = venues.find((venueItem) => venueItem.venue === resolvedExpandedVenue);
-    if (!expandedVenueItem)
-      return;
+    if (!expandedVenueItem) return;
     const frameId = window.requestAnimationFrame(() => {
       var _a2;
       updateDescriptionLayout(
@@ -525,18 +513,13 @@ var Settlement = ({
     };
   }, [expandedDescriptionByVenue, resolvedExpandedVenue, updateDescriptionLayout, venues]);
   useEffect2(() => {
-    if (!resolvedExpandedVenue)
-      return;
-    if (expandedDescriptionByVenue[resolvedExpandedVenue])
-      return;
-    if (typeof ResizeObserver === "undefined")
-      return;
+    if (!resolvedExpandedVenue) return;
+    if (expandedDescriptionByVenue[resolvedExpandedVenue]) return;
+    if (typeof ResizeObserver === "undefined") return;
     const expandedVenueItem = venues.find((venueItem) => venueItem.venue === resolvedExpandedVenue);
-    if (!expandedVenueItem)
-      return;
+    if (!expandedVenueItem) return;
     const descriptionWrapperElement = descriptionWrapperRefs.current.get(resolvedExpandedVenue);
-    if (!descriptionWrapperElement)
-      return;
+    if (!descriptionWrapperElement) return;
     const resizeObserver = new ResizeObserver(() => {
       var _a2;
       updateDescriptionLayout(
@@ -553,8 +536,7 @@ var Settlement = ({
   const handleDescriptionShowMoreClick = (event, venue) => {
     event == null ? void 0 : event.stopPropagation();
     setExpandedDescriptionByVenue((currentState) => {
-      if (currentState[venue])
-        return currentState;
+      if (currentState[venue]) return currentState;
       return __spreadProps(__spreadValues({}, currentState), {
         [venue]: true
       });