@agg-market/ui 4.0.0 → 6.0.0

package/dist/types/events/item-details/event-list-item-details.types.d.ts

@@ -0,0 +1,53 @@
+import type { Event } from "@agg-market/hooks";
+import type { EventListItemVenueInfoMap } from "../item/event-list-item.types";
+export type EventListItemDetailsEvent = Event;
+export type EventListItemDetailsTimeRange = "1H" | "6H" | "1D" | "1W" | "1M" | "ALL";
+export type EventListItemDetailsStat = {
+    label: string;
+    value: string;
+    delta?: string;
+    deltaTone?: "positive" | "negative" | "neutral";
+};
+export type EventListItemDetailsClassNames = Partial<{
+    root: string;
+    header: string;
+    title: string;
+    headerPills: string;
+    headerStats: string;
+    summary: string;
+    outcomeBadges: string;
+    segmentedControl: string;
+    chart: string;
+    footer: string;
+    timeRange: string;
+}>;
+export type EventListItemDetailsBaseProps = {
+    title?: string;
+    image?: string | null;
+    showVenueLogo?: boolean;
+    classNames?: EventListItemDetailsClassNames;
+    venueInfo?: EventListItemVenueInfoMap;
+    detailsStats?: EventListItemDetailsStat[];
+    isLoading?: boolean;
+    ariaLabel?: string;
+    defaultTimeRange?: EventListItemDetailsTimeRange;
+};
+export type EventListItemDetailsLoadingProps = EventListItemDetailsBaseProps & {
+    isLoading: true;
+    event?: never;
+    eventId?: string;
+};
+export type EventListItemDetailsWithEventProps = EventListItemDetailsBaseProps & {
+    event: EventListItemDetailsEvent;
+    eventId?: string;
+    isLoading?: false;
+};
+export type EventListItemDetailsWithEventIdProps = EventListItemDetailsBaseProps & {
+    event?: never;
+    eventId: string;
+    isLoading?: false;
+};
+export type EventListItemDetailsProps = EventListItemDetailsLoadingProps | EventListItemDetailsWithEventProps | EventListItemDetailsWithEventIdProps;
+export type EventListItemDetailsContentProps = EventListItemDetailsBaseProps & {
+    event: EventListItemDetailsEvent;
+};

package/dist/types/events/item-details/event-list-item-details.utils.d.mts

@@ -0,0 +1,26 @@
+import type { Venue, VenueMarket, VenueMarketOutcome } from "@agg-market/hooks";
+import type { EventListItemDetailsTimeRange } from "./event-list-item-details.types";
+export type OutcomeByVenue = {
+    venue: VenueMarket["venue"];
+    market: VenueMarket;
+    outcome: VenueMarketOutcome;
+};
+export declare const isDateLikeLabel: (value: string) => boolean;
+export declare const formatDateLabel: (value: string) => string;
+export declare const formatXAxisDateLabel: (timestamp: number) => string;
+export declare const getDefaultSelectedTimeRange: (value: EventListItemDetailsTimeRange | undefined) => EventListItemDetailsTimeRange;
+export declare const getTimeWindowByRange: (range: EventListItemDetailsTimeRange) => {
+    startTs: number;
+    endTs: number;
+    intervalMinutes: number;
+};
+export declare const resolveOutcomeLabels: (venueMarkets: VenueMarket[]) => string[];
+export declare const resolveDefaultOutcomeLabel: (outcomeLabels: string[]) => string | undefined;
+export declare const matchOutcomeByLabel: (outcome: VenueMarketOutcome, selectedOutcomeLabel: string) => boolean;
+export declare const resolveOutcomesByVenue: (venueMarkets: VenueMarket[], selectedOutcomeLabel: string) => OutcomeByVenue[];
+export declare const resolveOutcomePercentValue: (outcome: VenueMarketOutcome) => number | undefined;
+export declare const buildPriceHistoryGroups: (selectedOutcomes: OutcomeByVenue[], fallbackMarketId?: string) => Array<{
+    venue: Venue;
+    venueMarketOutcomeIds: string[];
+}>;
+export declare const resolveSeriesColor: (venue: string, index: number) => string;

package/dist/types/events/item-details/event-list-item-details.utils.d.ts

@@ -0,0 +1,26 @@
+import type { Venue, VenueMarket, VenueMarketOutcome } from "@agg-market/hooks";
+import type { EventListItemDetailsTimeRange } from "./event-list-item-details.types";
+export type OutcomeByVenue = {
+    venue: VenueMarket["venue"];
+    market: VenueMarket;
+    outcome: VenueMarketOutcome;
+};
+export declare const isDateLikeLabel: (value: string) => boolean;
+export declare const formatDateLabel: (value: string) => string;
+export declare const formatXAxisDateLabel: (timestamp: number) => string;
+export declare const getDefaultSelectedTimeRange: (value: EventListItemDetailsTimeRange | undefined) => EventListItemDetailsTimeRange;
+export declare const getTimeWindowByRange: (range: EventListItemDetailsTimeRange) => {
+    startTs: number;
+    endTs: number;
+    intervalMinutes: number;
+};
+export declare const resolveOutcomeLabels: (venueMarkets: VenueMarket[]) => string[];
+export declare const resolveDefaultOutcomeLabel: (outcomeLabels: string[]) => string | undefined;
+export declare const matchOutcomeByLabel: (outcome: VenueMarketOutcome, selectedOutcomeLabel: string) => boolean;
+export declare const resolveOutcomesByVenue: (venueMarkets: VenueMarket[], selectedOutcomeLabel: string) => OutcomeByVenue[];
+export declare const resolveOutcomePercentValue: (outcome: VenueMarketOutcome) => number | undefined;
+export declare const buildPriceHistoryGroups: (selectedOutcomes: OutcomeByVenue[], fallbackMarketId?: string) => Array<{
+    venue: Venue;
+    venueMarketOutcomeIds: string[];
+}>;
+export declare const resolveSeriesColor: (venue: string, index: number) => string;

package/dist/types/events/item-details/index.d.mts

@@ -0,0 +1,6 @@
+import type { EventListItemDetailsProps } from "./event-list-item-details.types";
+export type { EventListItemDetailsClassNames, EventListItemDetailsEvent, EventListItemDetailsProps, EventListItemDetailsStat, EventListItemDetailsTimeRange, EventListItemDetailsWithEventIdProps, } from "./event-list-item-details.types";
+export declare const EventListItemDetails: {
+    (props: EventListItemDetailsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/item-details/index.d.ts

@@ -0,0 +1,6 @@
+import type { EventListItemDetailsProps } from "./event-list-item-details.types";
+export type { EventListItemDetailsClassNames, EventListItemDetailsEvent, EventListItemDetailsProps, EventListItemDetailsStat, EventListItemDetailsTimeRange, EventListItemDetailsWithEventIdProps, } from "./event-list-item-details.types";
+export declare const EventListItemDetails: {
+    (props: EventListItemDetailsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/list/event-list.constants.d.mts

@@ -0,0 +1,3 @@
+import type { AggUiLabels } from "@agg-market/hooks";
+import type { EventListTab } from "./event-list.types";
+export declare const getDefaultEventListTabs: (labels: AggUiLabels) => EventListTab[];

package/dist/types/events/list/event-list.constants.d.ts

@@ -0,0 +1,3 @@
+import type { AggUiLabels } from "@agg-market/hooks";
+import type { EventListTab } from "./event-list.types";
+export declare const getDefaultEventListTabs: (labels: AggUiLabels) => EventListTab[];

package/dist/types/events/list/event-list.types.d.mts

@@ -0,0 +1,21 @@
+import type { UseEventsOptions } from "@agg-market/hooks";
+import type { IconName } from "../../primitives/icon";
+import type { VenueLogoName } from "../../primitives/venue-logo";
+export type EventListTabValue = "matched" | "polymarket" | "kalshi" | (string & {});
+export type EventListTab = {
+    value: EventListTabValue;
+    label: string;
+    iconName?: IconName;
+    venueLogo?: VenueLogoName;
+    venues?: UseEventsOptions["venues"];
+    disabled?: boolean;
+};
+export type EventListProps = {
+    title: string;
+    maxItemsPerRow?: number;
+    limit?: number;
+    maxVisibleItems?: number;
+    showVenueLogo?: boolean;
+    search?: UseEventsOptions["search"];
+    categoryIds?: UseEventsOptions["categoryIds"];
+};

package/dist/types/events/list/event-list.types.d.ts

@@ -0,0 +1,21 @@
+import type { UseEventsOptions } from "@agg-market/hooks";
+import type { IconName } from "../../primitives/icon";
+import type { VenueLogoName } from "../../primitives/venue-logo";
+export type EventListTabValue = "matched" | "polymarket" | "kalshi" | (string & {});
+export type EventListTab = {
+    value: EventListTabValue;
+    label: string;
+    iconName?: IconName;
+    venueLogo?: VenueLogoName;
+    venues?: UseEventsOptions["venues"];
+    disabled?: boolean;
+};
+export type EventListProps = {
+    title: string;
+    maxItemsPerRow?: number;
+    limit?: number;
+    maxVisibleItems?: number;
+    showVenueLogo?: boolean;
+    search?: UseEventsOptions["search"];
+    categoryIds?: UseEventsOptions["categoryIds"];
+};

package/dist/types/events/list/event-list.utils.d.mts

@@ -0,0 +1,6 @@
+import type { Event, UseEventsOptions } from "@agg-market/hooks";
+import type { EventListItemEvent } from "../item";
+import type { EventListTab, EventListTabValue } from "./event-list.types";
+export declare const mapEventToEventListItemEvent: (event: Event) => EventListItemEvent | null;
+export declare const filterEventsByTabValue: (events: Event[], _tabValue: EventListTabValue) => Event[];
+export declare const resolveTabVenus: (tab: EventListTab | undefined) => UseEventsOptions["venues"] | undefined;

package/dist/types/events/list/event-list.utils.d.ts

@@ -0,0 +1,6 @@
+import type { Event, UseEventsOptions } from "@agg-market/hooks";
+import type { EventListItemEvent } from "../item";
+import type { EventListTab, EventListTabValue } from "./event-list.types";
+export declare const mapEventToEventListItemEvent: (event: Event) => EventListItemEvent | null;
+export declare const filterEventsByTabValue: (events: Event[], _tabValue: EventListTabValue) => Event[];
+export declare const resolveTabVenus: (tab: EventListTab | undefined) => UseEventsOptions["venues"] | undefined;

package/dist/types/events/list/index.d.mts

@@ -0,0 +1,6 @@
+import type { EventListProps } from "./event-list.types";
+export type { EventListProps } from "./event-list.types";
+export declare const EventList: {
+    ({ title, maxItemsPerRow, limit, maxVisibleItems, showVenueLogo, search, categoryIds, }: EventListProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/list/index.d.ts

@@ -0,0 +1,6 @@
+import type { EventListProps } from "./event-list.types";
+export type { EventListProps } from "./event-list.types";
+export declare const EventList: {
+    ({ title, maxItemsPerRow, limit, maxVisibleItems, showVenueLogo, search, categoryIds, }: EventListProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/market-details/index.d.mts

@@ -0,0 +1,6 @@
+import type { MarketDetailsProps } from "./market-details.types";
+export type { MarketDetailsClassNames, MarketDetailsContentProps, MarketDetailsMetaRow, MarketDetailsOrderBookRow, MarketDetailsProps, MarketDetailsTab, } from "./market-details.types";
+export declare const MarketDetails: {
+    (props: MarketDetailsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/market-details/index.d.ts

@@ -0,0 +1,6 @@
+import type { MarketDetailsProps } from "./market-details.types";
+export type { MarketDetailsClassNames, MarketDetailsContentProps, MarketDetailsMetaRow, MarketDetailsOrderBookRow, MarketDetailsProps, MarketDetailsTab, } from "./market-details.types";
+export declare const MarketDetails: {
+    (props: MarketDetailsProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/market-details/market-details.constants.d.mts

@@ -0,0 +1,9 @@
+import type { AggUiLabels } from "@agg-market/hooks";
+import type { MarketDetailsTab } from "./market-details.types";
+export declare const marketDetailsBaseCardClassName = "w-full overflow-hidden rounded-agg-lg border border-agg-separator bg-agg-secondary text-agg-foreground shadow-none hover:shadow-none";
+export declare const getMarketDetailsTabs: (labels: AggUiLabels) => {
+    value: MarketDetailsTab;
+    label: string;
+}[];
+export declare const marketDetailsDefaultIsOpened = false;
+export declare const orderBookRowLimitDefault = 4;

package/dist/types/events/market-details/market-details.constants.d.ts

@@ -0,0 +1,9 @@
+import type { AggUiLabels } from "@agg-market/hooks";
+import type { MarketDetailsTab } from "./market-details.types";
+export declare const marketDetailsBaseCardClassName = "w-full overflow-hidden rounded-agg-lg border border-agg-separator bg-agg-secondary text-agg-foreground shadow-none hover:shadow-none";
+export declare const getMarketDetailsTabs: (labels: AggUiLabels) => {
+    value: MarketDetailsTab;
+    label: string;
+}[];
+export declare const marketDetailsDefaultIsOpened = false;
+export declare const orderBookRowLimitDefault = 4;

package/dist/types/events/market-details/market-details.types.d.mts

@@ -0,0 +1,63 @@
+import type { Event } from "@agg-market/hooks";
+import type React from "react";
+import type { VenueLogoName } from "../../primitives/venue-logo/venue-logo.types";
+import type { EventListItemDetailsTimeRange } from "../item-details/event-list-item-details.types";
+export type MarketDetailsTab = "order-book" | "graph" | "other";
+export type MarketDetailsClassNames = Partial<{
+    root: string;
+    header: string;
+    tabs: string;
+    content: string;
+    orderBook: string;
+    graph: string;
+    footer: string;
+}>;
+export type MarketDetailsBaseProps = {
+    marketId?: string;
+    title?: string;
+    image?: string | null;
+    defaultIsOpened?: boolean;
+    isOpened?: boolean;
+    onOpenChange?: (isOpened: boolean) => void;
+    defaultTab?: MarketDetailsTab;
+    defaultOutcomeLabel?: string;
+    defaultTimeRange?: EventListItemDetailsTimeRange;
+    orderBookDepth?: number;
+    ariaLabel?: string;
+    classNames?: MarketDetailsClassNames;
+    otherContent?: React.ReactNode;
+    isLoading?: boolean;
+};
+export type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
+    isLoading: true;
+    event?: never;
+    eventId?: string;
+};
+export type MarketDetailsWithEventProps = MarketDetailsBaseProps & {
+    event: Event;
+    eventId?: string;
+    isLoading?: false;
+};
+export type MarketDetailsWithEventIdProps = MarketDetailsBaseProps & {
+    event?: never;
+    eventId: string;
+    isLoading?: false;
+};
+export type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithEventProps | MarketDetailsWithEventIdProps;
+export type MarketDetailsContentProps = MarketDetailsBaseProps & {
+    event: Event;
+};
+export type MarketDetailsOrderBookTone = "positive" | "negative";
+export type MarketDetailsOrderBookRow = {
+    id: string;
+    venue: VenueLogoName;
+    price: number;
+    size: number;
+    total: number;
+    tone: MarketDetailsOrderBookTone;
+    barScale: number;
+};
+export type MarketDetailsMetaRow = {
+    label: string;
+    value: string;
+};

package/dist/types/events/market-details/market-details.types.d.ts

@@ -0,0 +1,63 @@
+import type { Event } from "@agg-market/hooks";
+import type React from "react";
+import type { VenueLogoName } from "../../primitives/venue-logo/venue-logo.types";
+import type { EventListItemDetailsTimeRange } from "../item-details/event-list-item-details.types";
+export type MarketDetailsTab = "order-book" | "graph" | "other";
+export type MarketDetailsClassNames = Partial<{
+    root: string;
+    header: string;
+    tabs: string;
+    content: string;
+    orderBook: string;
+    graph: string;
+    footer: string;
+}>;
+export type MarketDetailsBaseProps = {
+    marketId?: string;
+    title?: string;
+    image?: string | null;
+    defaultIsOpened?: boolean;
+    isOpened?: boolean;
+    onOpenChange?: (isOpened: boolean) => void;
+    defaultTab?: MarketDetailsTab;
+    defaultOutcomeLabel?: string;
+    defaultTimeRange?: EventListItemDetailsTimeRange;
+    orderBookDepth?: number;
+    ariaLabel?: string;
+    classNames?: MarketDetailsClassNames;
+    otherContent?: React.ReactNode;
+    isLoading?: boolean;
+};
+export type MarketDetailsLoadingProps = MarketDetailsBaseProps & {
+    isLoading: true;
+    event?: never;
+    eventId?: string;
+};
+export type MarketDetailsWithEventProps = MarketDetailsBaseProps & {
+    event: Event;
+    eventId?: string;
+    isLoading?: false;
+};
+export type MarketDetailsWithEventIdProps = MarketDetailsBaseProps & {
+    event?: never;
+    eventId: string;
+    isLoading?: false;
+};
+export type MarketDetailsProps = MarketDetailsLoadingProps | MarketDetailsWithEventProps | MarketDetailsWithEventIdProps;
+export type MarketDetailsContentProps = MarketDetailsBaseProps & {
+    event: Event;
+};
+export type MarketDetailsOrderBookTone = "positive" | "negative";
+export type MarketDetailsOrderBookRow = {
+    id: string;
+    venue: VenueLogoName;
+    price: number;
+    size: number;
+    total: number;
+    tone: MarketDetailsOrderBookTone;
+    barScale: number;
+};
+export type MarketDetailsMetaRow = {
+    label: string;
+    value: string;
+};

package/dist/types/events/market-details/market-details.utils.d.mts

@@ -0,0 +1,46 @@
+import type { AggUiLabels, OrderbookResult, Event, VenueMarket } from "@agg-market/hooks";
+import { buildPriceHistoryGroups, formatXAxisDateLabel, getTimeWindowByRange, resolveOutcomesByVenue, resolveSeriesColor } from "../item-details/event-list-item-details.utils";
+import { resolveOutcomeTitle } from "../item/event-list-item.utils";
+import type { MarketDetailsMetaRow, MarketDetailsOrderBookRow, MarketDetailsOrderBookTone, MarketDetailsTab } from "./market-details.types";
+export declare const resolveInitialTab: (defaultTab: MarketDetailsTab | undefined) => MarketDetailsTab;
+export declare const resolveMarket: (event: Event, marketId: string | undefined) => Event["markets"][number] | undefined;
+export declare const resolveDisplayOutcomeLabels: (labels: string[]) => string[];
+export declare const resolveInitialOutcomeLabel: (labels: string[], defaultOutcomeLabel: string | undefined) => string | undefined;
+export declare const resolveAverageProbabilityByLabel: (venueMarkets: VenueMarket[], labels: string[]) => Map<string, number | undefined>;
+export declare const formatProbabilityPercent: (value: number | undefined) => string;
+export declare const formatProbabilityCents: (value: number | undefined) => string;
+export declare const resolveOutcomeTone: (label: string, index: number) => MarketDetailsOrderBookTone;
+export declare const resolveHeaderOutcomeItems: (venueMarkets: VenueMarket[], defaultOutcomeLabel: string | undefined) => {
+    label: string;
+    probability: number | undefined;
+    tone: MarketDetailsOrderBookTone;
+    isDefault: boolean;
+}[];
+export declare const resolveSubtitle: ({ venueMarkets, volume, formatCompactCurrency, labels, }: {
+    venueMarkets: VenueMarket[];
+    volume: number | undefined;
+    formatCompactCurrency: (value: number) => string;
+    labels: AggUiLabels;
+}) => string;
+export declare const resolveOrderBookRows: ({ data, side, }: {
+    data: OrderbookResult[] | undefined;
+    side: "asks" | "bids";
+}) => MarketDetailsOrderBookRow[];
+export declare const resolveOtherTabRows: (market: Event["markets"][number], labels: AggUiLabels) => MarketDetailsMetaRow[];
+export declare const buildMarketDetailsModel: ({ event, marketId, title, image, formatCompactCurrency, labels, }: {
+    event: Event;
+    marketId: string | undefined;
+    title: string | undefined;
+    image: string | null | undefined;
+    formatCompactCurrency: (value: number) => string;
+    labels: AggUiLabels;
+}) => {
+    market: any;
+    primaryVenueMarket: any;
+    title: string;
+    image: string | undefined;
+    subtitle: string;
+    outcomeLabels: string[];
+    probabilityByLabel: Map<string, number | undefined>;
+} | undefined;
+export { buildPriceHistoryGroups, formatXAxisDateLabel, getTimeWindowByRange, resolveOutcomesByVenue, resolveSeriesColor, resolveOutcomeTitle, };

package/dist/types/events/market-details/market-details.utils.d.ts

@@ -0,0 +1,46 @@
+import type { AggUiLabels, OrderbookResult, Event, VenueMarket } from "@agg-market/hooks";
+import { buildPriceHistoryGroups, formatXAxisDateLabel, getTimeWindowByRange, resolveOutcomesByVenue, resolveSeriesColor } from "../item-details/event-list-item-details.utils";
+import { resolveOutcomeTitle } from "../item/event-list-item.utils";
+import type { MarketDetailsMetaRow, MarketDetailsOrderBookRow, MarketDetailsOrderBookTone, MarketDetailsTab } from "./market-details.types";
+export declare const resolveInitialTab: (defaultTab: MarketDetailsTab | undefined) => MarketDetailsTab;
+export declare const resolveMarket: (event: Event, marketId: string | undefined) => Event["markets"][number] | undefined;
+export declare const resolveDisplayOutcomeLabels: (labels: string[]) => string[];
+export declare const resolveInitialOutcomeLabel: (labels: string[], defaultOutcomeLabel: string | undefined) => string | undefined;
+export declare const resolveAverageProbabilityByLabel: (venueMarkets: VenueMarket[], labels: string[]) => Map<string, number | undefined>;
+export declare const formatProbabilityPercent: (value: number | undefined) => string;
+export declare const formatProbabilityCents: (value: number | undefined) => string;
+export declare const resolveOutcomeTone: (label: string, index: number) => MarketDetailsOrderBookTone;
+export declare const resolveHeaderOutcomeItems: (venueMarkets: VenueMarket[], defaultOutcomeLabel: string | undefined) => {
+    label: string;
+    probability: number | undefined;
+    tone: MarketDetailsOrderBookTone;
+    isDefault: boolean;
+}[];
+export declare const resolveSubtitle: ({ venueMarkets, volume, formatCompactCurrency, labels, }: {
+    venueMarkets: VenueMarket[];
+    volume: number | undefined;
+    formatCompactCurrency: (value: number) => string;
+    labels: AggUiLabels;
+}) => string;
+export declare const resolveOrderBookRows: ({ data, side, }: {
+    data: OrderbookResult[] | undefined;
+    side: "asks" | "bids";
+}) => MarketDetailsOrderBookRow[];
+export declare const resolveOtherTabRows: (market: Event["markets"][number], labels: AggUiLabels) => MarketDetailsMetaRow[];
+export declare const buildMarketDetailsModel: ({ event, marketId, title, image, formatCompactCurrency, labels, }: {
+    event: Event;
+    marketId: string | undefined;
+    title: string | undefined;
+    image: string | null | undefined;
+    formatCompactCurrency: (value: number) => string;
+    labels: AggUiLabels;
+}) => {
+    market: any;
+    primaryVenueMarket: any;
+    title: string;
+    image: string | undefined;
+    subtitle: string;
+    outcomeLabels: string[];
+    probabilityByLabel: Map<string, number | undefined>;
+} | undefined;
+export { buildPriceHistoryGroups, formatXAxisDateLabel, getTimeWindowByRange, resolveOutcomesByVenue, resolveSeriesColor, resolveOutcomeTitle, };

package/dist/types/index.d.mts

@@ -0,0 +1,9 @@
+export * from "./primitives";
+export * from "./auth";
+export * from "./events";
+export * from "./pages";
+export * from "./modals";
+export * from "./trading";
+export * from "./constants";
+export * from "./shared/utils";
+export type { AvailableSizes } from "./shared/types";

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./primitives";
+export * from "./auth";
+export * from "./events";
+export * from "./pages";
+export * from "./modals";
+export * from "./trading";
+export * from "./constants";
+export * from "./shared/utils";
+export type { AvailableSizes } from "./shared/types";

package/dist/types/modals/index.d.mts

@@ -0,0 +1,4 @@
+export * from "../deposit";
+export * from "../withdraw";
+export * from "../onboarding";
+export * from "../profile";

package/dist/types/modals/index.d.ts

@@ -0,0 +1,4 @@
+export * from "../deposit";
+export * from "../withdraw";
+export * from "../onboarding";
+export * from "../profile";

package/dist/types/onboarding/index.d.mts

@@ -0,0 +1,11 @@
+import type { OnboardingModalProps } from "./onboarding-modal.types";
+export type { OnboardingModalProps, OnboardingProfileData, HowItWorksIcons, HowItWorksStepProps, ProfileSetupStepProps, ConnectAccountsStepProps, ConnectKalshiModalProps, ConnectOnchainModalProps, KalshiCredentials, ConnectionState, } from "./onboarding-modal.types";
+export { HowItWorksStep } from "./steps/how-it-works";
+export { ProfileSetupStep } from "./steps/profile-setup";
+export { ConnectAccountsStep } from "./steps/connect-accounts";
+export { ConnectKalshiModal } from "./steps/connect-kalshi-modal";
+export { ConnectOnchainModal } from "./steps/connect-onchain-modal";
+export declare const OnboardingModal: {
+    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onConnectKalshi, onComplete, howItWorksIcons, connectedOnchain, connectedKalshi, }: OnboardingModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/onboarding/index.d.ts

@@ -0,0 +1,11 @@
+import type { OnboardingModalProps } from "./onboarding-modal.types";
+export type { OnboardingModalProps, OnboardingProfileData, HowItWorksIcons, HowItWorksStepProps, ProfileSetupStepProps, ConnectAccountsStepProps, ConnectKalshiModalProps, ConnectOnchainModalProps, KalshiCredentials, ConnectionState, } from "./onboarding-modal.types";
+export { HowItWorksStep } from "./steps/how-it-works";
+export { ProfileSetupStep } from "./steps/profile-setup";
+export { ConnectAccountsStep } from "./steps/connect-accounts";
+export { ConnectKalshiModal } from "./steps/connect-kalshi-modal";
+export { ConnectOnchainModal } from "./steps/connect-onchain-modal";
+export declare const OnboardingModal: {
+    ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onConnectKalshi, onComplete, howItWorksIcons, connectedOnchain, connectedKalshi, }: OnboardingModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/onboarding/onboarding-modal.constants.d.mts

@@ -0,0 +1,10 @@
+import type { VenueLogoName } from "../primitives/venue-logo";
+import type { HowItWorksIcons } from "./onboarding-modal.types";
+export type FeatureKey = keyof HowItWorksIcons;
+export declare const HOW_IT_WORKS_FEATURE_KEYS: FeatureKey[];
+export declare const ONBOARDING_STEPS: {
+    readonly HOW_IT_WORKS: 0;
+    readonly PROFILE_SETUP: 1;
+    readonly CONNECT_ACCOUNTS: 2;
+};
+export declare const ONCHAIN_VENUES: VenueLogoName[];

package/dist/types/onboarding/onboarding-modal.constants.d.ts

@@ -0,0 +1,10 @@
+import type { VenueLogoName } from "../primitives/venue-logo";
+import type { HowItWorksIcons } from "./onboarding-modal.types";
+export type FeatureKey = keyof HowItWorksIcons;
+export declare const HOW_IT_WORKS_FEATURE_KEYS: FeatureKey[];
+export declare const ONBOARDING_STEPS: {
+    readonly HOW_IT_WORKS: 0;
+    readonly PROFILE_SETUP: 1;
+    readonly CONNECT_ACCOUNTS: 2;
+};
+export declare const ONCHAIN_VENUES: VenueLogoName[];

package/dist/types/onboarding/onboarding-modal.types.d.mts

@@ -0,0 +1,55 @@
+import type { ReactNode } from "react";
+export interface OnboardingProfileData {
+    username: string;
+    avatarFile?: File;
+    avatarPreview?: string;
+}
+export interface HowItWorksIcons {
+    createAccount?: ReactNode;
+    linkAccounts?: ReactNode;
+    bestPrices?: ReactNode;
+    stayInControl?: ReactNode;
+}
+/** Connection state for a venue card. */
+export type ConnectionState = "idle" | "connecting" | "connected" | "error";
+export interface OnboardingModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onProfileSubmit?: (data: OnboardingProfileData) => void;
+    /** Called when the user clicks "Connect" on the onchain card. Should resolve on success, reject/throw on failure. */
+    onConnectOnchain?: () => Promise<void>;
+    /** Called when the user submits Kalshi credentials. Should resolve on success, reject/throw on failure. */
+    onConnectKalshi?: (credentials: KalshiCredentials) => Promise<void>;
+    onComplete?: () => void;
+    howItWorksIcons?: HowItWorksIcons;
+    connectedOnchain?: boolean;
+    connectedKalshi?: boolean;
+}
+export interface KalshiCredentials {
+    apiKeyId: string;
+    privateKey: string;
+}
+export interface HowItWorksStepProps {
+    onContinue: () => void;
+    icons?: HowItWorksIcons;
+}
+export interface ProfileSetupStepProps {
+    onContinue: (data: OnboardingProfileData) => void;
+}
+export interface ConnectAccountsStepProps {
+    onConnectOnchain?: () => void;
+    onConnectKalshi?: () => void;
+    onContinue: () => void;
+    connectedOnchain?: boolean;
+    connectedKalshi?: boolean;
+}
+export interface ConnectOnchainModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConnect: () => Promise<void>;
+}
+export interface ConnectKalshiModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onVerify: (credentials: KalshiCredentials) => Promise<void>;
+}