@agg-build/ui 4.17.3 → 4.18.0

package/dist/{chunk-TK62UB5F.mjs → chunk-JJ3VVCEP.mjs}

@@ -19,7 +19,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-BBDFSTIA.mjs";
+} from "./chunk-WIGSRHUG.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -940,9 +940,13 @@ var marketChartCandleToLineChartPoint = (candle, transformProbability) => {
   const high = (_b = toChartDisplayValue(candle.high, transformProbability)) != null ? _b : open;
   const low = (_c = toChartDisplayValue(candle.low, transformProbability)) != null ? _c : open;
   const close = (_d = toChartDisplayValue(candle.close, transformProbability)) != null ? _d : open;
+  const average = toChartDisplayValue(
+    candle.source === "rest" ? candle.mean : void 0,
+    transformProbability
+  );
   return {
     time: candle.time,
-    value: close,
+    value: average != null ? average : close,
     open,
     high,
     low,
@@ -973,16 +977,6 @@ var venueCandlesToLinePoints = (venueData, transformProbability) => {
   ) : venueData.candles;
   return candles.map((candle) => marketChartCandleToLineChartPoint(candle, transformProbability));
 };
-var resolveMarketChartVenueSeries = ({
-  chartData,
-  transformProbability
-}) => {
-  if (!chartData) return [];
-  return Object.entries(chartData.venues).map(([venue, venueData]) => ({
-    venue,
-    points: venueCandlesToLinePoints(venueData, transformProbability)
-  })).filter((item) => item.points.length > 0);
-};
 var resolveAggregatedCandleSource = (candles) => {
   if (candles.some((candle) => candle.source === "trade")) return "trade";
   if (candles.some((candle) => candle.source === "ws")) return "ws";
@@ -1612,7 +1606,6 @@ export {
   resolveInitialEventDetailsChartRange,
   resolveOutcomesByVenue,
   resolveSeriesColor,
-  resolveMarketChartVenueSeries,
   resolveMarketChartDisplaySeries,
   resolveMarketChartLiveState,
   formatProbabilityCents,

package/dist/{chunk-B5ALKYD5.mjs → chunk-NRPS2D3Q.mjs}

@@ -20,7 +20,7 @@ import {
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-BBDFSTIA.mjs";
+} from "./chunk-WIGSRHUG.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";
@@ -958,11 +958,169 @@ var ConnectKalshiModal = ({
 };
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
-// src/onboarding/index.tsx
-import { useCallback as useCallback5, useEffect as useEffect2, useState as useState5 } from "react";
-import { useLabels as useLabels8 } from "@agg-build/hooks";
+// src/onboarding/steps/connect-prophetx-modal.tsx
+import { useAppConfig as useAppConfig2, useLabels as useLabels8 } from "@agg-build/hooks";
+import { Venue as Venue3 } from "@agg-build/sdk";
 import * as Dialog4 from "@radix-ui/react-dialog";
+import { useEffect as useEffect2, useId as useId2, useState as useState5 } from "react";
 import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function ConnectProphetxModal({
+  open,
+  onOpenChange,
+  onVerify,
+  onDisconnect,
+  allowExistingConnection = false
+}) {
+  const copy = useLabels8().onboarding.connectProphetxModal;
+  const common = useLabels8().common;
+  const { prophetxExecutionMode, disabledVenues, isLoading } = useAppConfig2();
+  const id = useId2();
+  const [accessKey, setAccessKey] = useState5("");
+  const [secretKey, setSecretKey] = useState5("");
+  const [pending, setPending] = useState5(false);
+  const [disconnecting, setDisconnecting] = useState5(false);
+  const [disconnectError, setDisconnectError] = useState5(false);
+  const busy = pending || disconnecting;
+  const [connected, setConnected] = useState5(false);
+  const [error, setError] = useState5(false);
+  useEffect2(() => {
+    if (!open) {
+      setAccessKey("");
+      setSecretKey("");
+      setError(false);
+      setDisconnectError(false);
+      setConnected(false);
+    }
+  }, [open]);
+  if (isLoading || !allowExistingConnection && (prophetxExecutionMode !== "direct" || disabledVenues.includes(Venue3.prophetx)))
+    return null;
+  return /* @__PURE__ */ jsx8(
+    Modal,
+    {
+      open,
+      onOpenChange: (value) => {
+        if (!busy) onOpenChange(value);
+      },
+      children: /* @__PURE__ */ jsx8(Modal.Container, { maxWidth: "480px", "aria-label": copy.title, children: /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "relative !p-6" }, children: [
+        /* @__PURE__ */ jsx8(
+          Dialog4.Close,
+          {
+            "aria-label": common.close,
+            disabled: busy,
+            className: "absolute right-4 top-4 cursor-pointer disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ jsx8(Icon, { name: "close", size: "medium" })
+          }
+        ),
+        /* @__PURE__ */ jsxs8(
+          "form",
+          {
+            className: "flex flex-col gap-4",
+            onSubmit: (event) => __async(null, null, function* () {
+              event.preventDefault();
+              if (busy || !accessKey.trim() || !secretKey.trim()) return;
+              setPending(true);
+              setError(false);
+              try {
+                yield onVerify({ accessKey: accessKey.trim(), secretKey: secretKey.trim() });
+                setAccessKey("");
+                setSecretKey("");
+                setConnected(true);
+              } catch (e) {
+                setError(true);
+              } finally {
+                setPending(false);
+              }
+            }),
+            children: [
+              /* @__PURE__ */ jsx8(VenueLogo, { venue: Venue3.prophetx, size: "large" }),
+              /* @__PURE__ */ jsx8(Dialog4.Title, { className: "text-agg-xl font-agg-bold text-agg-foreground", children: copy.title }),
+              /* @__PURE__ */ jsx8(Dialog4.Description, { className: "text-agg-sm text-agg-muted-foreground", children: copy.description }),
+              /* @__PURE__ */ jsx8("p", { className: "text-agg-sm text-agg-muted-foreground", children: copy.fundingNotice }),
+              connected ? /* @__PURE__ */ jsxs8(Fragment, { children: [
+                /* @__PURE__ */ jsx8("p", { role: "status", children: copy.connected }),
+                /* @__PURE__ */ jsx8(Button, { type: "button", onClick: () => onOpenChange(false), children: copy.done })
+              ] }) : /* @__PURE__ */ jsxs8(Fragment, { children: [
+                /* @__PURE__ */ jsx8(
+                  "a",
+                  {
+                    className: "text-agg-sm text-agg-primary underline",
+                    href: "https://www.prophetx.co",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: copy.instructions
+                  }
+                ),
+                /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-access`, className: "text-agg-sm text-agg-foreground", children: copy.accessKey }),
+                /* @__PURE__ */ jsx8(
+                  "input",
+                  {
+                    id: `${id}-access`,
+                    type: "password",
+                    autoComplete: "off",
+                    spellCheck: false,
+                    className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+                    value: accessKey,
+                    onChange: (e) => setAccessKey(e.target.value),
+                    disabled: busy,
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-secret`, className: "text-agg-sm text-agg-foreground", children: copy.secretKey }),
+                /* @__PURE__ */ jsx8(
+                  "input",
+                  {
+                    id: `${id}-secret`,
+                    type: "password",
+                    autoComplete: "new-password",
+                    spellCheck: false,
+                    className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+                    value: secretKey,
+                    onChange: (e) => setSecretKey(e.target.value),
+                    disabled: busy,
+                    required: true
+                  }
+                ),
+                error ? /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-agg-sm text-agg-error", children: copy.error }) : null,
+                /* @__PURE__ */ jsx8(Button, { type: "submit", disabled: busy || !accessKey.trim() || !secretKey.trim(), children: pending ? copy.verifying : copy.verify })
+              ] }),
+              allowExistingConnection && onDisconnect ? /* @__PURE__ */ jsx8(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  disabled: busy,
+                  onClick: () => __async(null, null, function* () {
+                    setDisconnecting(true);
+                    setDisconnectError(false);
+                    setError(false);
+                    try {
+                      yield onDisconnect();
+                      setAccessKey("");
+                      setSecretKey("");
+                      onOpenChange(false);
+                    } catch (e) {
+                      setDisconnectError(true);
+                    } finally {
+                      setDisconnecting(false);
+                    }
+                  }),
+                  children: disconnecting ? copy.disconnecting : copy.disconnect
+                }
+              ) : null,
+              disconnectError ? /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-agg-sm text-agg-error", children: copy.disconnectError }) : null
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+// src/onboarding/index.tsx
+import { useCallback as useCallback5, useEffect as useEffect3, useState as useState6 } from "react";
+import { useLabels as useLabels9 } from "@agg-build/hooks";
+import * as Dialog5 from "@radix-ui/react-dialog";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -973,17 +1131,17 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = useLabels8();
-  const [step, setStep] = useState5(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = useLabels9();
+  const [step, setStep] = useState6(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [onchainModalOpen, setOnchainModalOpen] = useState5(false);
-  const [onchainConnected, setOnchainConnected] = useState5(false);
-  useEffect2(() => {
+  const [onchainModalOpen, setOnchainModalOpen] = useState6(false);
+  const [onchainConnected, setOnchainConnected] = useState6(false);
+  useEffect3(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setOnchainConnected(false);
@@ -1009,19 +1167,19 @@ var OnboardingModal = ({
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ jsxs8(Fragment, { children: [
-    /* @__PURE__ */ jsx8(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    /* @__PURE__ */ jsx9(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs9(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ jsx8(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx8(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx8(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs9(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx9(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx9(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx9(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -1033,7 +1191,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -1074,5 +1232,6 @@ export {
   ConnectAccountsStep,
   ConnectOnchainModal,
   ConnectKalshiModal,
+  ConnectProphetxModal,
   OnboardingModal
 };