@swipefindercom/finder-sdk 1.0.0

package/dist/types/components/VolumeControl/VolumeControl.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { VolumeControlUIConfig } from '../../types/FeedUIConfig';
+export interface VolumeControlProps {
+    /** Volume control UI configuration */
+    volumeControlUIConfig: VolumeControlUIConfig;
+    /** Current mute state */
+    isMuted: boolean;
+    /** Current volume (0-1) */
+    volume: number;
+    /** Whether the control should be visible */
+    visible?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Callback when mute state should be toggled */
+    onToggleMute: () => void;
+    /** Callback when volume changes */
+    onVolumeChange: (volume: number) => void;
+}
+export declare const VolumeControl: React.FC<VolumeControlProps>;

package/dist/types/containers/InteractiveFeed/InteractiveFeed.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { SwipeableFeedProps } from '../../components/SwipeableFeed/SwipeableFeed';
+import { Card } from '../../types/card';
+import { Category } from '../../types/category';
+import { CardsCounterUIConfig, NavigationUIConfig, SummaryUIConfig, LogoUIConfig, HistoryUIConfig, FiltersUIConfig, VolumeControlUIConfig, FinderUIConfig } from '../../types/FeedUIConfig';
+export interface InteractiveFeedProps extends Omit<SwipeableFeedProps, 'isMuted' | 'volume' | 'cards'> {
+    /** Cards to display */
+    cards: Card[];
+    /** Available categories for filtering */
+    categories?: Category[];
+    /** Finder UI configuration */
+    finderUiConfig: FinderUIConfig;
+    /** History UI configuration */
+    historyUIConfig: HistoryUIConfig;
+    /** Callback when history button is clicked */
+    onOpenHistory?: () => void;
+    /** Callback when a card in history is clicked */
+    onHistoryCardClick?: (cardId: string | undefined, cardUrl: string | undefined, cardPosition: number | undefined) => void;
+    /** Callback when filter selection changes */
+    onFilterChange?: (selectedCategoryIds: string[]) => void;
+    /** Initial mute state */
+    initialMuted?: boolean;
+    /** Filters UI configuration */
+    filtersUIConfig: FiltersUIConfig;
+    /** Volume control UI configuration */
+    volumeControlUIConfig: VolumeControlUIConfig;
+    /** Cards counter UI configuration */
+    cardsCounterUIConfig: CardsCounterUIConfig;
+    /** Navigation UI configuration */
+    navigationUIConfig: NavigationUIConfig;
+    /** Summary UI configuration */
+    summaryUIConfig: SummaryUIConfig;
+    /** Logo UI configuration */
+    logoUIConfig: LogoUIConfig;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * InteractiveFeed - Wrapper container that combines SwipeableFeed, VolumeControl, HistoryButton, and FiltersButton
+ * Manages state coordination between all components
+ */
+export declare const InteractiveFeed: React.FC<InteractiveFeedProps>;

package/dist/types/containers/MainBootstrap/MainBootstrap.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SwippingJourneyProps } from '../SwippingJourney/SwippingJourney';
+import { MonitorService } from '../../services/MonitorService';
+import { DataService } from '../../services/DataService';
+export interface MainBootstrapProps extends Omit<SwippingJourneyProps, 'cards' | 'creation' | 'categories'> {
+    /** Monitor service instance */
+    monitorService: MonitorService;
+    /** Data service instance */
+    dataService: DataService;
+    /** Backend URL for API calls */
+    backendUrl: string;
+    /** Finder ID - if not provided, will be extracted from URL params */
+    finderId: string;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const MainBootstrap: React.FC<MainBootstrapProps>;

package/dist/types/containers/SwippingJourney/SwippingJourney.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FinderUIConfig } from '../../types/FeedUIConfig';
+export interface SwippingJourneyProps {
+    /** Whether summary is enabled */
+    summaryEnabled?: boolean;
+    /** Finder UI configuration */
+    finderUiConfig?: FinderUIConfig;
+    /** Callback when a card in summary is clicked */
+    onSummaryCardClick?: (cardId: string | undefined, cardUrl: string | undefined, cardPosition: number | undefined) => void;
+    /** Callback for share button in summary */
+    onSummaryShareClick?: (rightCardIds: string[], upCardIds: string[]) => void;
+    /** Callback when all cards are swiped (before showing summary) */
+    onAllCardsSwiped?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * SwippingJourney - Container that combines InteractiveFeed and Summary
+ * Shows InteractiveFeed while swiping, and Summary after all cards are swiped
+ */
+export declare const SwippingJourney: React.FC<SwippingJourneyProps>;

package/dist/types/contexts/AppStateContext.d.ts

@@ -0,0 +1,45 @@
+import React, { ReactNode } from 'react';
+import { Card } from '../types/card';
+type SwipeDirection = 'left' | 'right' | 'up' | 'down';
+type SwipeHistoryEntry = {
+    direction: SwipeDirection;
+    card: Card;
+    timestamp: number;
+};
+interface AppStateContextType {
+    currentCardIndex: number;
+    swipeHistory: SwipeHistoryEntry[];
+    isAnimating: boolean;
+    demoActive: boolean;
+    noMoreCards: boolean;
+    userHasInteracted: boolean;
+    isMuted: boolean;
+    volume: number;
+    logoVisible: boolean;
+    allCards: Card[];
+    filteredCards: Card[];
+    selectedCategories: string[];
+    setCurrentCardIndex: (index: number) => void;
+    addSwipeToHistory: (direction: SwipeDirection, card: Card) => void;
+    clearSwipeHistory: () => void;
+    setIsAnimating: (value: boolean) => void;
+    setDemoActive: (value: boolean) => void;
+    setNoMoreCards: (value: boolean) => void;
+    setUserHasInteracted: (value: boolean) => void;
+    getCardsByDirection: (direction: SwipeDirection) => Card[];
+    setIsMuted: (value: boolean) => void;
+    setVolume: (value: number) => void;
+    toggleMute: () => void;
+    showLogo: (timeout: number) => void;
+    setCards: (cards: Card[]) => void;
+    setSelectedCategories: (categoryIds: string[]) => void;
+}
+interface AppStateProviderProps {
+    children: ReactNode;
+}
+export declare const AppStateProvider: React.FC<AppStateProviderProps>;
+/**
+ * Hook to access AppStateContext
+ */
+export declare const useAppState: () => AppStateContextType;
+export {};

package/dist/types/contexts/DataContext.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+import { Card } from '../types/card';
+import { Category } from '../types/category';
+import { FinderUIConfig } from '../types/FeedUIConfig';
+import { DataService } from '../services/DataService';
+interface DataContextType {
+    cards: Card[];
+    finder: FinderUIConfig | null;
+    categories: Category[];
+    loading: boolean;
+    error: string | null;
+    isInitiallyLoaded: boolean;
+    setCards: (cards: Card[]) => void;
+    setFinder: (finder: FinderUIConfig | null) => void;
+    setCategories: (categories: Category[]) => void;
+    loadFinder: () => Promise<void>;
+}
+interface DataProviderProps {
+    children: ReactNode;
+    dataService: DataService;
+    finderId?: string | null;
+    backendUrl?: string;
+    initialCards?: Card[];
+    initialFinder?: FinderUIConfig | null;
+    initialCategories?: Category[];
+}
+export declare const DataProvider: React.FC<DataProviderProps>;
+/**
+ * Hook to access DataContext
+ */
+export declare const useData: () => DataContextType;
+export {};

package/dist/types/contexts/MonitoringContext.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { MonitorService } from '../services/MonitorService';
+interface MonitoringContextType {
+    sessionId: string;
+    sendImpressionEvent: (cardId: string) => void;
+    sendSwipeEvent: (cardId: string, direction: string) => void;
+    sendClickEvent: (cardId: string) => void;
+    sendButtonClickEvent: () => void;
+    sendCreativeImpressionEvent: () => void;
+    startCardImpression: (cardId: string) => void;
+    setConsentGranted: () => void;
+}
+interface MonitoringProviderProps {
+    children: ReactNode;
+    monitorService: MonitorService;
+    finderId: string;
+}
+export declare const MonitoringProvider: React.FC<MonitoringProviderProps>;
+/**
+ * Hook to access MonitoringContext
+ */
+export declare const useMonitoring: () => MonitoringContextType;
+export {};

package/dist/types/contexts/UIContext.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+interface UIContextType {
+    buttonsVisible: boolean;
+    summaryVisible: boolean;
+    ctaTooltipVisible: boolean;
+    selectedCategories: string[];
+    logoVisible: boolean;
+    showButtons: () => void;
+    hideButtons: () => void;
+    showSummary: () => void;
+    hideSummary: () => void;
+    showCtaTooltip: () => void;
+    hideCtaTooltip: () => void;
+    setSelectedCategories: (categories: string[]) => void;
+    toggleLogo: (visible: boolean) => void;
+}
+interface UIProviderProps {
+    children: ReactNode;
+}
+export declare const UIProvider: React.FC<UIProviderProps>;
+/**
+ * Hook to access UIContext
+ */
+export declare const useUI: () => UIContextType;
+export {};

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import { MonitorService } from '../services/MonitorService';
+import { DataService } from '../services/DataService';
+/**
+ * AppProviders - Wraps all context providers in the correct order
+ * Provider order matters: outer providers can use inner providers
+ */
+export interface AppProvidersProps {
+    children: ReactNode;
+    monitorService: MonitorService;
+    dataService: DataService;
+    /** Backend URL for API calls */
+    backendUrl: string;
+    /** Finder ID */
+    finderId: string;
+}
+export declare const AppProviders: React.FC<AppProvidersProps>;
+export { useData } from './DataContext';
+export { useAppState } from './AppStateContext';
+export { useUI } from './UIContext';
+export { useMonitoring } from './MonitoringContext';
+export { DataProvider } from './DataContext';
+export { AppStateProvider } from './AppStateContext';
+export { UIProvider } from './UIContext';
+export { MonitoringProvider } from './MonitoringContext';

package/dist/types/guards/cardType.guard.d.ts

@@ -0,0 +1,4 @@
+import { Card, ImageCard, VideoCard } from "../types/card";
+export declare const isCardType: (card: any) => card is Card;
+export declare const isImageCard: (card: any) => card is ImageCard;
+export declare const isVideoCard: (card: any) => card is VideoCard;

package/dist/types/sdk/SwipeFinderSDK.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { SwipeFinderConfig } from './index';
+export interface SwipeFinderSDKProps extends SwipeFinderConfig {
+    /** Backend URL for API calls */
+    backendUrl: string;
+    /** Finder ID */
+    finderId: string;
+    /** Additional CSS class name for the root container */
+    className?: string;
+}
+/**
+ * SwipeFinderSDK — drop-in React component.
+ *
+ * @example
+ * ```tsx
+ * import { SwipeFinderSDK } from 'finder-sdk';
+ *
+ * function App() {
+ *   return (
+ *     <SwipeFinderSDK
+ *       backendUrl="https://finder-creator.vercel.app"
+ *       finderId="698efae51574415767b9eaaf"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const SwipeFinderSDK: React.FC<SwipeFinderSDKProps>;

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

@@ -0,0 +1,20 @@
+import { MainBootstrapProps } from '../containers/MainBootstrap/MainBootstrap';
+import '../global.css';
+export { SwipeFinderSDK } from './SwipeFinderSDK';
+export type { SwipeFinderSDKProps } from './SwipeFinderSDK';
+export type SwipeFinderConfig = Omit<MainBootstrapProps, 'monitorService' | 'dataService' | 'backendUrl' | 'campaignId' | 'campaignCreativeSetId' | 'finderId'>;
+export interface SwipeFinderOptions extends SwipeFinderConfig {
+    /** Backend URL for API calls */
+    backendUrl: string;
+    /** Finder ID */
+    finderId: string;
+    /** DOM element where MainBootstrap will be rendered */
+    element: HTMLElement;
+}
+/**
+ * Initialize SwipeFinder SDK
+ * @param options - Configuration options including backend URL, campaign IDs, finder ID and DOM element
+ * @returns Cleanup function to unmount the React app
+ */
+export declare function initSwipeFinder(options: SwipeFinderOptions): () => void;
+export type { MainBootstrapProps } from '../containers/MainBootstrap/MainBootstrap';

package/dist/types/services/DataService.d.ts

@@ -0,0 +1,16 @@
+import { Card } from '../types/card';
+import { Category } from '../types/category';
+import { FinderUIConfig } from '../types/FeedUIConfig';
+/**
+ * DefaultDataService - Default implementation
+ */
+export declare class DataService {
+    /**
+     * Load finder from API
+     */
+    loadFinderFromApi(finderId: string, backendUrl: string): Promise<{
+        finder: FinderUIConfig | null;
+        cards: Card[];
+        categories: Category[];
+    }>;
+}

package/dist/types/services/MonitorService.d.ts

@@ -0,0 +1,17 @@
+export declare class MonitorService {
+    /**
+     * Get monitor URL from window
+     */
+    private getMonitorUrl;
+    /**
+     * Send monitoring event to API
+     */
+    sendEvent(params: {
+        sessionId: string;
+        finderId: string;
+        event: string;
+        cardId?: string;
+        cardViewDuration?: number;
+        direction?: string;
+    }): void;
+}

package/dist/types/types/FeedUIConfig.d.ts

@@ -0,0 +1,214 @@
+export type SwipeDirection = 'right' | 'left' | 'up' | 'down';
+export interface SummaryUIConfig {
+    /** Whether summary is enabled - default is true */
+    enabled: boolean;
+    /** Summary layout type - default is 'list' */
+    endCardType: 'list' | 'grid';
+    /** Whether to show explanation text in summary - default is false */
+    explanationVisible: boolean;
+    /** Summary explanation texts per direction */
+    explanationTexts: {
+        right?: string;
+        left?: string;
+        up?: string;
+        down?: string;
+    };
+    /** Summary tabs background color - default is '#f5f5f5' */
+    tabsBackgroundColor: string;
+    /** Summary tabs border color - default is '#e0e0e0' */
+    tabsBorderColor: string;
+    /** Summary card item background color - default is '#F2F2F2' */
+    cardItemBackgroundColor: string;
+    /** Summary card item text color - default is '#181818' */
+    cardItemTextColor: string;
+    /** Summary content background color - default is '#ffffff' */
+    contentBackgroundColor: string;
+    /** Custom CSS class name */
+    className: string;
+}
+export interface HistoryUIConfig {
+    /** Whether history is enabled - default is true */
+    enabled: boolean;
+    /** History button size in pixels - default is 40 */
+    buttonSize: number;
+    /** History button color - default is '#415c77' */
+    buttonColor: string;
+    /** History button tooltip text - default is 'History' */
+    tooltipText: string;
+    /** History button tooltip text size in pixels - default is 12 */
+    tooltipTextSize: number;
+    /** History button tooltip text color - default is '#000000' */
+    tooltipTextColor: string;
+    /** History button tooltip background color - default is '#FFFFFF' */
+    tooltipBackgroundColor: string;
+    /** History button tooltip timeout in milliseconds - default is 3000 */
+    tooltipTimeout: number;
+    /** History button position from bottom in percentage - default is 20 */
+    buttonBottomPosition: number;
+    /** History button position from left in percentage - default is 50 */
+    buttonLeftPosition: number;
+    /** History drawer height in percentage - default is 70% */
+    drawerHeight: number;
+    /** History drawer max height in percentage - default is 90% */
+    drawerMaxHeight: number;
+    /** History drawer close button text - default is 'Close' */
+    drawerCloseButtonText: string;
+    /** History drawer item background color - default is '#F2F2F2' */
+    drawerItemBackgroundColor: string;
+    /** History drawer item text color - default is '#181818' */
+    drawerItemTextColor: string;
+    /** History drawer content background color - default is '#ffffff' */
+    drawerContentBackgroundColor: string;
+    /** History drawer tabs background color - default is '#f5f5f5' */
+    drawerTabsBackgroundColor: string;
+    /** History drawer tabs border color - default is '#e0e0e0' */
+    drawerTabsBorderColor: string;
+    /** History drawer end card type - default is 'list' */
+    drawerEndCardType: 'list' | 'grid';
+}
+export interface FiltersUIConfig {
+    /** Whether filters are enabled - default is true */
+    enabled: boolean;
+    /** Filters button text - default is 'Filters' */
+    buttonText: string;
+    /** Filters button color - default is '#415c77' */
+    buttonColor: string;
+    /** Filters button position from left in percentage - default is 50 */
+    buttonLeftPosition: number;
+    /** Filters button position from bottom in percentage - default is 20 */
+    buttonBottomPosition: number;
+    /** Filters button icon size in pixels - default is 16 */
+    iconSize: number;
+    /** Filters button text color - default is '#FFFFFF' */
+    textColor: string;
+    /** Whether to show filter icon - default is true */
+    showIcon: boolean;
+    /** Filters drawer close button text - default is 'Close' */
+    drawerCloseButtonText: string;
+    /** Filters drawer categories title - default is 'Categories' */
+    drawerCategoriesTitle: string;
+}
+export interface CardsCounterUIConfig {
+    /** Whether cards counter are enabled - default is true */
+    enabled: boolean;
+    /** Cards counter text - default is 'Cards counter' */
+    text: string;
+    /** Cards counter text size in pixels - default is 12 */
+    textSize: number;
+    /** Cards counter position from bottom in percentage - default is 20 */
+    positionBottom: number;
+    /** Cards counter position from left in percentage - default is 50 */
+    positionLeft: number;
+}
+export interface LogoUIConfig {
+    /** Whether logo are enabled - default is true */
+    enabled: boolean;
+    /** Logo URL - default is 'https://www.example.com/logo.png' */
+    url: string;
+    /** Logo size in pixels - default is 100 */
+    size: number;
+    /** Logo position Y in percentage - default is 15 */
+    positionY: number;
+    /** Logo position X in percentage - default is 15 */
+    positionX: number;
+    /** Logo auto hide timeout in milliseconds - default is 3000 */
+    autoHideTimeout: number;
+}
+export interface NavigationUIConfig {
+    type: 'vertical-emojis' | 'side-emojis' | 'side-arrows';
+    /** Swipeoptions */
+    options: {
+        [key in SwipeDirection]: {
+            enabled: boolean;
+            gesture: boolean;
+            label: string;
+        };
+    };
+    /** Navigation button size in pixels - default is 40 */
+    size: number;
+    /** Navigation button background color - default is '#FFFFFF' */
+    backgroundColor: string;
+    /** Navigation button text color - default is '#000000' */
+    textColor: string;
+    /** Navigation button text size in pixels - default is 12 */
+    textSize: number;
+    /** Applicable only for 'side-emojis' and 'side-arrows' types */
+    /** Navigation button spread in percentage - default is 100 */
+    buttonsSpread: number;
+    /** Applicable only for 'vertical-emojis' type */
+    /** Navigation button position from right in percentage - default is 20 */
+    positionRight: number;
+    /** Navigation button position from top in percentage - default is 20 */
+    positionTop: number;
+}
+export interface NavigationDemoTooltipUIConfig {
+    /** Whether demo tooltip are enabled - default is true */
+    enabled: boolean;
+    /** Navigation button tooltip text - default is 'Click Here' */
+    text: string;
+    /** Navigation button tooltip text color - default is '#000000' */
+    textColor: string;
+    /** Navigation button tooltip text size in pixels - default is 12 */
+    textSize: number;
+    /** Navigation button tooltip background color - default is '#FFFFFF' */
+    backgroundColor: string;
+    /** Navigation button tooltip timeout in milliseconds - default is 3000 */
+    timeout: number;
+    /** Navigation button tooltip keep - default is false */
+    keep: boolean;
+    /** Applicable only for 'vertical-emojis' type */
+    /** Navigation button tooltip bottom offset in percentage */
+    bottomOffset: number;
+}
+export interface CardTitleUIConfig {
+    /** Whether card title are enabled - default is true */
+    enabled: boolean;
+    /** Card title text size in pixels - default is 12 */
+    textSize: number;
+    /** Card title position from bottom in percentage - default is 10 */
+    positionBottom: number;
+}
+export interface CardGradientUIConfig {
+    /** Whether card gradient are enabled - default is true */
+    type: 'none' | 'top' | 'bottom' | 'top-and-bottom';
+    /** Card gradient color - default is '#000000' */
+    color: string;
+}
+export interface CardUIConfig {
+    /** Card title UI configuration */
+    title: CardTitleUIConfig;
+    /** Card gradient UI configuration */
+    gradient: CardGradientUIConfig;
+}
+export interface VolumeControlUIConfig {
+    /** Whether volume control are enabled - default is true */
+    enabled: boolean;
+    /** Volume control size in pixels - default is 40 */
+    size: number;
+    /** Volume control position - default is 'top-right' */
+    position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /** Whether volume control is visible - default is true */
+    volumeControl: boolean;
+}
+export interface FinderUIConfig {
+    /** Initial volume (0-1) - default is 0.5, 0 is initially muted */
+    initialVolume: number;
+    /** Volume control UI configuration */
+    volumeControl: VolumeControlUIConfig;
+    /** Summary UI configuration */
+    summary: SummaryUIConfig;
+    /** History UI configuration */
+    history: HistoryUIConfig;
+    /** Filters UI configuration */
+    filters: FiltersUIConfig;
+    /** Cards counter UI configuration */
+    cardsCounter: CardsCounterUIConfig;
+    /** Logo UI configuration */
+    logo: LogoUIConfig;
+    /** Navigation UI configuration */
+    navigation: NavigationUIConfig;
+    /** Navigation demo tooltip UI configuration */
+    navigationDemoTooltip: NavigationDemoTooltipUIConfig;
+    /** Card UI configuration */
+    card: CardUIConfig;
+}

package/dist/types/types/api.d.ts

@@ -0,0 +1,40 @@
+import { FinderUIConfig } from './FeedUIConfig';
+import { Card } from './card';
+import { Category } from './category';
+/**
+ * Pagination information
+ */
+export interface Pagination {
+    /** Current page number */
+    currentPage: number;
+    /** Page limit (items per page) */
+    pageLimit: number;
+    /** Total number of cards */
+    totalCards: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Whether there is a next page */
+    hasNextPage: boolean;
+    /** Whether there is a previous page */
+    hasPrevPage: boolean;
+}
+/**
+ * Cards response structure
+ */
+export interface CardsResponse {
+    /** Array of card items */
+    items: Card[];
+    /** Pagination information */
+    pagination: Pagination;
+}
+/**
+ * API response structure
+ */
+export interface ApiResponse {
+    /** Finder configuration */
+    finder: FinderUIConfig;
+    /** Cards response with items and pagination */
+    cards: CardsResponse;
+    /** Categories array */
+    categories: Category[];
+}

package/dist/types/types/card.d.ts

@@ -0,0 +1,22 @@
+export type CardBase = {
+    id: string;
+    type: 'image' | 'video';
+    title: string;
+    description?: string;
+    url?: string;
+    price?: number;
+    currency?: string;
+    position?: number;
+    categoryIds?: string[];
+};
+export type VideoCard = CardBase & {
+    type: 'video';
+    videoThumbnail?: string;
+    summaryImage?: string;
+    videoUrl: string;
+};
+export type ImageCard = CardBase & {
+    type: 'image';
+    imageUrl: string;
+};
+export type Card = VideoCard | ImageCard;

package/dist/types/types/category.d.ts

@@ -0,0 +1,4 @@
+export type Category = {
+    id: string;
+    name: string;
+};

package/dist/types/types/swipe.d.ts

@@ -0,0 +1,12 @@
+import { Card } from "./card";
+export type SwipeDirection = 'left' | 'right' | 'up' | 'down';
+export interface SwipeOptionConfig {
+    enabled: boolean;
+    gesture: boolean;
+    label: string;
+}
+export interface SwipeHistoryEntry {
+    card: Card;
+    direction: SwipeDirection;
+    timestamp: number;
+}