@agg-build/ui 4.7.4 → 4.9.0

package/dist/index.mjs

@@ -14,7 +14,7 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-VQTOMYOA.mjs";
+} from "./chunk-XQLLZTEW.mjs";
 import {
   EventList,
   EventListItem,
@@ -32,17 +32,20 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-3X5ICUUC.mjs";
+} from "./chunk-GVIS3YXU.mjs";
 import {
   CARD_NETWORK_OPTIONS,
   DepositModal,
   GeoBlockModal,
+  PaperOnboardingModal,
+  PaperTradingBadge,
+  PaperTradingOnboarding,
   ProfileModal,
   WithdrawModal,
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-2347CDTT.mjs";
+} from "./chunk-GG57TRNE.mjs";
 import {
   AggNotificationEventsProvider,
   DEPOSIT_MODAL_OPEN_EVENT,
@@ -55,13 +58,16 @@ import {
   PlaceOrderSuccessView,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT,
+  createAggClientSharedKycInitiator,
   parseAmount,
   parseVenue,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen,
   useClaimWinnings,
-  useResolvedMarketClaim
-} from "./chunk-CB3DDQBP.mjs";
+  useResolvedMarketClaim,
+  useSharedKycFlow,
+  venueRequiresSharedKyc
+} from "./chunk-GKYBQEBC.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -82,7 +88,7 @@ import {
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries,
   useEventTradingContext
-} from "./chunk-MAQ52KM5.mjs";
+} from "./chunk-TNNLRRHC.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -90,8 +96,9 @@ import {
   GeoBlockBanner,
   HowItWorksStep,
   OnboardingModal,
-  ProfileSetupStep
-} from "./chunk-XR6C3MZX.mjs";
+  ProfileSetupStep,
+  SharedKycModal
+} from "./chunk-H7L4HDXS.mjs";
 import {
   AGG_DEFAULT_URL,
   AGG_DOCS_URL,
@@ -213,7 +220,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-UQ7XJIAZ.mjs";
+} from "./chunk-NYL6A6AD.mjs";
 
 // src/notifications/agg-toast-provider.tsx
 import { jsx } from "react/jsx-runtime";
@@ -247,6 +254,7 @@ import {
   useAggAuthContext,
   useAppConfig,
   useLabels,
+  useResolvedExecutionMode,
   useSdkUiConfig
 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
@@ -394,7 +402,8 @@ var UnauthenticatedConnectView = ({
   onEmailSubmit,
   onMethodSelect,
   socialMethods,
-  walletMethods
+  walletMethods,
+  isPaperMode = false
 }) => {
   var _a, _b, _c, _d, _e;
   const labels = useLabels();
@@ -406,7 +415,22 @@ var UnauthenticatedConnectView = ({
       __spreadProps(__spreadValues({
         variant: "primary",
         size: "large",
-        className: classNames == null ? void 0 : classNames.connectButton,
+        className: cn(
+          // Figma's PAPER mobile header (4772:34181) sizes this at 79x28 with
+          // 16px padding and 14/20 text — tighter than the `large` preset's
+          // 40/24/16, which is kept from md up. Paper-only: the frame was
+          // drawn for the paper header, and applying it in live mode would
+          // resize the sign-in button in every existing partner app.
+          //
+          // Whether live should adopt these sizes too is a design-system
+          // question, not a paper one — decide it in its own change.
+          //
+          // The `!` suffixes are needed because `cn` is a plain join, so the
+          // preset's own utilities would otherwise win on stylesheet order.
+          isPaperMode && "h-7! px-4! text-agg-sm! leading-agg-5!",
+          isPaperMode && "md:h-10! md:px-6! md:text-agg-base! md:leading-agg-6!",
+          classNames == null ? void 0 : classNames.connectButton
+        ),
         onClick: () => onChooserOpenChange(true),
         disabled: disabled || !hasConfiguredMethods,
         "aria-label": labels.auth.connect()
@@ -611,6 +635,7 @@ var AuthConnectButtonView = ({
   var _a;
   const labels = useLabels();
   const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
+  const { isPaperMode } = useResolvedExecutionMode();
   const isKalshiAvailable = getVenueAvailabilityState({
     venueId: Venue.kalshi,
     disabledVenues,
@@ -640,7 +665,7 @@ var AuthConnectButtonView = ({
     classNames == null ? void 0 : classNames.profileMenuActionItem
   );
   if (!isAuthenticated) {
-    return /* @__PURE__ */ jsx3(
+    const unauthenticatedView = /* @__PURE__ */ jsx3(
       UnauthenticatedConnectView,
       {
         activeMethodId,
@@ -660,13 +685,20 @@ var AuthConnectButtonView = ({
         onEmailSubmit,
         onMethodSelect,
         socialMethods,
-        walletMethods
+        walletMethods,
+        isPaperMode
       }
     );
+    if (!isPaperMode) return unauthenticatedView;
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx3(PaperTradingBadge, { placement: "signedOut", isAuthenticated }),
+      unauthenticatedView
+    ] });
   }
   return /* @__PURE__ */ jsx3("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsxs("div", { className: cn(connectedButtonsRowClassName, classNames == null ? void 0 : classNames.connectedRow), children: [
     /* @__PURE__ */ jsxs("div", { className: cn(connectedBalanceChipClassName, classNames == null ? void 0 : classNames.balanceChip), children: [
-      /* @__PURE__ */ jsx3("div", { className: "hidden lg:inline-flex", children: /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx3(PaperTradingBadge, { placement: "chip", isAuthenticated }),
+      /* @__PURE__ */ jsx3("div", { className: cn(isPaperMode ? "hidden" : "hidden lg:inline-flex"), children: /* @__PURE__ */ jsx3(
         ConditionalWrapper,
         {
           condition: isDepositBlocked,
@@ -743,7 +775,7 @@ var AuthConnectButtonView = ({
         /* @__PURE__ */ jsx3("span", { className: "h-3.5 w-3.5 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: /* @__PURE__ */ jsx3(Icon, { name: "wallet-filled", size: "small", className: "text-agg-muted-foreground" }) }),
         /* @__PURE__ */ jsx3("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.balanceText), children: isBalanceLoading ? /* @__PURE__ */ jsx3(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
       ] }),
-      isKalshiAvailable ? /* @__PURE__ */ jsxs(
+      isKalshiAvailable && !isPaperMode ? /* @__PURE__ */ jsxs(
         "div",
         {
           className: "flex items-center gap-2",
@@ -880,7 +912,7 @@ var AuthConnectButtonView = ({
                           ] }),
                           /* @__PURE__ */ jsx3("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx3(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) })
                         ] }),
-                        isKalshiAvailable ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+                        isKalshiAvailable && !isPaperMode ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
                             /* @__PURE__ */ jsx3(VenueLogo, { venue: Venue.kalshi, size: "small", className: "size-4" }),
                             /* @__PURE__ */ jsx3("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: labels.userProfile.balance.kalshiBalance })
@@ -910,7 +942,7 @@ var AuthConnectButtonView = ({
                       ]
                     }
                   ),
-                  isDepositBlocked ? /* @__PURE__ */ jsx3(
+                  isPaperMode ? null : isDepositBlocked ? /* @__PURE__ */ jsx3(
                     DropdownMenu.Item,
                     {
                       className: cn(dropdownMenuItemClassName, "opacity-50 cursor-not-allowed!"),
@@ -941,7 +973,7 @@ var AuthConnectButtonView = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs(
+                  isPaperMode ? null : /* @__PURE__ */ jsxs(
                     DropdownMenu.Item,
                     {
                       className: dropdownMenuItemClassName,
@@ -1065,7 +1097,10 @@ export {
   Orderbook,
   OrderbookWithStates,
   PaperModeIcon,
+  PaperOnboardingModal,
   PaperPlaneIcon,
+  PaperTradingBadge,
+  PaperTradingOnboarding,
   PencilIcon,
   PlaceOrder,
   PlaceOrderExecutionGroups,
@@ -1088,6 +1123,7 @@ export {
   Settlement,
   SettlementDetails,
   SettlementSummary,
+  SharedKycModal,
   ShieldTrustIcon,
   Skeleton,
   SolanaIcon,
@@ -1127,6 +1163,7 @@ export {
   cn,
   collectEligibleVenueOutcomeIds,
   collectEligibleVenueOutcomes,
+  createAggClientSharedKycInitiator,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
   formatAmountDisplay,
@@ -1173,6 +1210,8 @@ export {
   useHomePageModals,
   useOptionalToast,
   useResolvedMarketClaim,
+  useSharedKycFlow,
   useToast,
-  venueLogoNames
+  venueLogoNames,
+  venueRequiresSharedKyc
 };