@igamingcareer/igaming-components 1.1.21 → 1.1.23

package/dist/types/src/components/Shared/Cards/CourseCard.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+interface CourseCardProps {
+    id: string;
+    title: string;
+    outcome?: string;
+    description?: string;
+    instructor: string;
+    thumbnail?: string;
+    level: "Beginner" | "Intermediate" | "Advanced";
+    duration: string;
+    price: number;
+    originalPrice?: number;
+    currency?: string;
+    rating: number;
+    reviewCount: number;
+    enrollmentCount?: number;
+    isBestseller?: boolean;
+    isNew?: boolean;
+    isFeatured?: boolean;
+    certificate?: boolean;
+    isFavorite?: boolean;
+    certificationBadge?: string;
+    onFavorite?: (id: string) => void;
+    onEnroll?: (id: string) => void;
+    viewMode?: "grid" | "list";
+}
+/**
+ * CourseCard - Udemy-inspired course card
+ * MVP improvements:
+ * - Outcome-focused ("Become a Compliance Manager in iGaming")
+ * - Rating + reviews priority
+ * - Duration + level
+ * - Certification highlights (AML, Responsible Gaming)
+ * - Collapsed long descriptions by default
+ */
+declare const CourseCard: React.FC<CourseCardProps>;
+export default CourseCard;

package/dist/types/src/components/Shared/Cards/DepartmentCard.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface DepartmentCardProps {
+    slug: string;
+    name: string;
+    icon: string;
+    description: string;
+    roleGuideCount: number;
+    careerPathCount: number;
+    jobCount: number;
+    keyFunctions: string[];
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const DepartmentCard: React.FC<DepartmentCardProps>;
+export default DepartmentCard;

package/dist/types/src/components/Shared/Cards/DepartmentEntityCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DepartmentEntity } from "@/components/Shared/types/shared-types";
+interface DepartmentEntityCardProps {
+    item: DepartmentEntity;
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const DepartmentEntityCard: React.FC<DepartmentEntityCardProps>;
+export default DepartmentEntityCard;

package/dist/types/src/components/Shared/Cards/DirectoryDetailCard.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface DirectoryDetailCardProps {
+    /** Title shown in the card header. Omit for header-less cards (sidebar overview). */
+    title?: React.ReactNode;
+    /** Optional icon before the title */
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    /** Compact padding for sidebar overview cards (default: false) */
+    compact?: boolean;
+}
+declare const DirectoryDetailCard: React.FC<DirectoryDetailCardProps>;
+export default DirectoryDetailCard;

package/dist/types/src/components/Shared/Cards/DirectoryInfoPanel.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export interface InfoRow {
+    label: string;
+    value: string;
+}
+export interface RelatedLink {
+    slug: string;
+    label: string;
+    icon?: React.ReactNode;
+    href: string;
+}
+interface DirectoryInfoPanelProps {
+    /** Section title — omit for header-less panels */
+    title?: string;
+    /** Key/value rows (Overview) */
+    rows?: InfoRow[];
+    /** Badge pills — for Synonyms, Sub-types etc. */
+    badges?: string[];
+    /** Nav buttons — Related Types, Top Markets etc. */
+    links?: RelatedLink[];
+    onNavigate?: (href: string) => void;
+    className?: string;
+}
+declare const DirectoryInfoPanel: React.FC<DirectoryInfoPanelProps>;
+export default DirectoryInfoPanel;

package/dist/types/src/components/Shared/Cards/DirectoryKeyRolesList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface KeyRole {
+    role: string;
+    demand: "High" | "Medium" | "Low";
+}
+interface DirectoryKeyRolesListProps {
+    roles: KeyRole[];
+    className?: string;
+}
+declare const DirectoryKeyRolesList: React.FC<DirectoryKeyRolesListProps>;
+export default DirectoryKeyRolesList;

package/dist/types/src/components/Shared/Cards/EventsCard.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+interface EventsCardProps {
+    id: string;
+    title: string;
+    organizer: string;
+    category: string;
+    format: "Online" | "In-person" | "Hybrid";
+    city: string;
+    country: string;
+    date: string;
+    attendeeCount: number;
+    tags?: string[];
+    isFeatured?: boolean;
+    isFree?: boolean;
+    link?: string;
+    viewMode?: "grid" | "list";
+}
+declare const EventsCard: React.FC<EventsCardProps>;
+export default EventsCard;

package/dist/types/src/components/Shared/Cards/FreelancerCard.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { Freelancer, FreelancerFollowActionPayload, SaveFreelancerPayload } from "@/types/freelancer";
+import type { EmittedEventHandler } from "@/types/events";
+interface FreelancerCardProps {
+    freelancer: Freelancer;
+    viewMode: "grid" | "list";
+    isSaved?: boolean;
+    isFollowing?: boolean;
+    followDisabled?: boolean;
+    followLoading?: boolean;
+    onToggleFollow?: (id: string, isFollowing: boolean) => void;
+    onFollowAction?: (payload: FreelancerFollowActionPayload) => void;
+    saveDisabled?: boolean;
+    saveLoading?: boolean;
+    onToggleSave?: (id: string, isSaved: boolean) => void;
+    onSaveAction?: (payload: SaveFreelancerPayload) => void;
+    onContact?: (id: string) => void;
+    onViewProfile?: (id: string) => void;
+    onEmitEvent?: EmittedEventHandler;
+    positionInList?: number;
+}
+declare const FreelancerCard: React.FC<FreelancerCardProps>;
+export default FreelancerCard;

package/dist/types/src/components/Shared/Cards/GamblingVerticalCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { GamblingVertical } from "@/components/Shared/types/shared-types";
+interface GamblingVerticalCardProps {
+    item: GamblingVertical;
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const GamblingVerticalCard: React.FC<GamblingVerticalCardProps>;
+export default GamblingVerticalCard;

package/dist/types/src/components/Shared/Cards/JobCard.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+interface JobCardProps {
+    id: number | string;
+    title: string;
+    company: string;
+    companySlug?: string;
+    companyLogo?: string;
+    location: string;
+    department?: string;
+    type?: string;
+    postedTime: string;
+    isBookmarked?: boolean;
+    isNew?: boolean;
+    isHotJob?: boolean;
+    salary?: string;
+    remote?: boolean;
+    onBookmark?: (id: number | string) => void;
+    onApply?: (id: number | string) => void;
+    onCompanyClick?: (slug: string) => void;
+    viewMode?: "grid" | "list";
+}
+/**
+ * JobCard - Mobile-optimized job card with urgency indicators
+ * MVP improvements:
+ * - Full-width Apply on mobile
+ * - Urgency indicators ("New · 2h ago", "High interest")
+ * - Semantic tag grouping (Role | Location | Domain)
+ * - Company logo always clickable
+ */
+declare const JobCard: React.FC<JobCardProps>;
+export default JobCard;

package/dist/types/src/components/Shared/Cards/JurisdictionCard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { Jurisdiction } from "@/components/Regulators/types";
+interface JurisdictionCardProps extends Jurisdiction {
+    viewMode?: "grid" | "list";
+    onNavigate?: (slug: string) => void;
+}
+declare const JurisdictionCard: React.FC<JurisdictionCardProps>;
+export default JurisdictionCard;

package/dist/types/src/components/Shared/Cards/MarketsCard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { Market } from "../../../types/market";
+interface MarketsCardProps {
+    market: Market;
+    viewMode?: "grid" | "list";
+}
+declare const MarketsCard: React.FC<MarketsCardProps>;
+export default MarketsCard;

package/dist/types/src/components/Shared/Cards/NewsCard.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+interface NewsCardProps {
+    id: string;
+    title: string;
+    excerpt?: string;
+    image?: string;
+    category: string;
+    author?: string;
+    company?: string;
+    companyLogo?: string;
+    companySlug?: string;
+    publishedAt: string;
+    readTime?: number;
+    viewCount?: number;
+    isBreaking?: boolean;
+    isTrending?: boolean;
+    isBookmarked?: boolean;
+    link?: string;
+    onBookmark?: (id: string) => void;
+    onShare?: (id: string) => void;
+    onCompanyClick?: (slug: string) => void;
+    viewMode?: "grid" | "list";
+}
+/**
+ * NewsCard - Feed-style news card for mobile
+ * MVP improvements:
+ * - Make News feel like a feed, not a list
+ * - Bigger headline, bigger image, less metadata
+ * - Every article shows company logo + name (clickable)
+ */
+declare const NewsCard: React.FC<NewsCardProps>;
+export default NewsCard;

package/dist/types/src/components/Shared/Cards/PlacesCard.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface PlacesCardProps {
+    id: string;
+    name: string;
+    type: "Office" | "Conference Venue" | "Coworking" | "Innovation Hub";
+    city: string;
+    country: string;
+    shortDescription: string;
+    services: string[];
+    tags?: string[];
+    rating: number;
+    reviewCount: number;
+    website?: string;
+    isFeatured?: boolean;
+    viewMode?: "grid" | "list";
+}
+declare const PlacesCard: React.FC<PlacesCardProps>;
+export default PlacesCard;

package/dist/types/src/components/Shared/Cards/PlaybookCard.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface PlaybookCardProps {
+    slug: string;
+    title: string;
+    type: string;
+    department: string;
+    seniority: string;
+    market?: string;
+    description: string;
+    estimatedReadTime: number;
+    accessLevel: string;
+    tags: string[];
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const PlaybookCard: React.FC<PlaybookCardProps>;
+export default PlaybookCard;

package/dist/types/src/components/Shared/Cards/ProductCategoriesCard.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+interface ProductCategoriesCardProps {
+    id: string;
+    slug: string;
+    name: string;
+    parentCategory: string;
+    description: string;
+    vendorCount: number;
+    productCount: number;
+    jobCount?: number;
+    complianceLevel: "Low" | "Medium" | "High";
+    tags?: string[];
+    isFeatured?: boolean;
+    isTrending?: boolean;
+    subcategories?: {
+        name: string;
+        slug: string;
+    }[];
+    topCompanies?: {
+        name: string;
+        slug: string;
+    }[];
+    viewMode?: "grid" | "list";
+}
+declare const ProductCategoriesCard: React.FC<ProductCategoriesCardProps>;
+export default ProductCategoriesCard;

package/dist/types/src/components/Shared/Cards/RegulatorsCard.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface RegulatorsCardProps {
+    id: string;
+    slug: string;
+    name: string;
+    acronym: string;
+    country: string;
+    region: string;
+    jurisdiction: string;
+    sectors: string[];
+    licenseTypes: string[];
+    scopeTags?: string[];
+    establishedYear: number;
+    complianceRating: number;
+    website?: string;
+    isPrimary?: boolean;
+    description?: string;
+    viewMode?: "grid" | "list";
+}
+declare const RegulatorsCard: React.FC<RegulatorsCardProps>;
+export default RegulatorsCard;

package/dist/types/src/components/Shared/Cards/RoleGuideCard.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface RoleGuideCardProps {
+    slug: string;
+    title: string;
+    alternativeTitles: string[];
+    department: string;
+    seniority: string;
+    summary: string;
+    demandLevel: "High" | "Medium" | "Low";
+    growthTrend: "Growing" | "Stable" | "Declining";
+    markets: string[];
+    requiredSkills: string[];
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const RoleGuideCard: React.FC<RoleGuideCardProps>;
+export default RoleGuideCard;

package/dist/types/src/components/Shared/Cards/TermCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface TermCardProps {
+    slug: string;
+    term: string;
+    fullName?: string;
+    definition: string;
+    departments: string[];
+    topicCategory: string;
+    synonyms?: string[];
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const TermCard: React.FC<TermCardProps>;
+export default TermCard;

package/dist/types/src/components/Shared/Cards/VideoCard.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface VideoCardProps {
+    slug: string;
+    title: string;
+    description: string;
+    thumbnailUrl: string;
+    duration: number;
+    speaker?: string;
+    speakerRole?: string;
+    speakerCompany?: string;
+    conference?: string;
+    departments: string[];
+    sourceType: string;
+    viewCount: number;
+    saveCount: number;
+    qualityRating: number;
+    viewMode?: "grid" | "list";
+    onNavigate: (url: string) => void;
+}
+declare const VideoCard: React.FC<VideoCardProps>;
+export default VideoCard;

package/dist/types/src/components/Shared/Cards/index.d.ts

@@ -0,0 +1,10 @@
+export { default as JobCard } from "./JobCard";
+export { default as NewsCard } from "./NewsCard";
+export { default as CourseCard } from "./CourseCard";
+export { default as CompanyCardMobile } from "./CompanyCardMobile";
+export { default as EventsCard } from "./EventsCard";
+export { default as PlacesCard } from "./PlacesCard";
+export { default as ProductCategoriesCard } from "./ProductCategoriesCard";
+export { default as MarketsCard } from "./MarketsCard";
+export { default as RegulatorsCard } from "./RegulatorsCard";
+export { default as JurisdictionCard } from "./JurisdictionCard";

package/dist/types/src/components/Shared/Directory/DirectoryBanner.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { DirectoryBannerConfig } from "./types";
+interface DirectoryBannerProps {
+    config: DirectoryBannerConfig;
+    className?: string;
+}
+declare const DirectoryBanner: React.FC<DirectoryBannerProps>;
+export default DirectoryBanner;

package/dist/types/src/components/Shared/Directory/DirectoryShell.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { DirectoryActiveFilter, DirectoryBannerConfig, DirectoryFilterSection, DirectoryFilterValues, DirectoryPagination, DirectorySearchProps, DirectorySortProps, DirectoryViewMode } from "./types";
+interface DirectoryShellProps {
+    title: string;
+    description?: string;
+    headerPopularTags?: string[];
+    sponsoredSlot?: React.ReactNode;
+    sidebarSlot?: React.ReactNode;
+    filtersPanel?: React.ReactNode;
+    mobileFiltersPanel?: React.ReactNode;
+    filters?: DirectoryFilterSection[];
+    filterValues?: DirectoryFilterValues;
+    onFilterChange?: (key: string, values: string[]) => void;
+    onClearFilters?: () => void;
+    activeFilters?: DirectoryActiveFilter[];
+    search?: DirectorySearchProps;
+    sort?: DirectorySortProps;
+    viewMode?: DirectoryViewMode;
+    onViewModeChange?: (mode: DirectoryViewMode) => void;
+    pagination?: DirectoryPagination;
+    showToolbar?: boolean;
+    toolbarTrailingSlot?: React.ReactNode;
+    resultsClassName?: string;
+    banner?: DirectoryBannerConfig;
+    headerActions?: React.ReactNode;
+    children: React.ReactNode;
+    maxFiltersVisible?: number;
+}
+declare const DirectoryShell: React.FC<DirectoryShellProps>;
+export default DirectoryShell;

package/dist/types/src/components/Shared/Directory/DirectoryShowcase.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const DirectoryShowcase: React.FC;
+export default DirectoryShowcase;

package/dist/types/src/components/Shared/Directory/DirectoryToolbar.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { DirectorySortProps, DirectoryViewMode } from "./types";
+interface DirectoryToolbarProps {
+    sort?: DirectorySortProps;
+    viewMode?: DirectoryViewMode;
+    onViewModeChange?: (mode: DirectoryViewMode) => void;
+    itemsPerPage?: number;
+    onItemsPerPageChange?: (value: number) => void;
+    itemsPerPageOptions?: number[];
+    showItemsPerPage?: boolean;
+    trailingSlot?: React.ReactNode;
+    className?: string;
+    summaryTitle?: string;
+    startIndex?: number;
+    endIndex?: number;
+    totalCount?: number;
+    itemLabel?: string;
+}
+declare const DirectoryToolbar: React.FC<DirectoryToolbarProps>;
+export default DirectoryToolbar;

package/dist/types/src/components/Shared/Directory/ViewModeToggle.d.ts

@@ -0,0 +1 @@
+export { default } from "../ViewModeToggle";

package/dist/types/src/components/Shared/Directory/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DirectoryShell } from "./DirectoryShell";
+export { default as DirectoryToolbar } from "./DirectoryToolbar";
+export { default as DirectoryBanner } from "./DirectoryBanner";
+export { default as ViewModeToggle } from "./ViewModeToggle";
+export type { DirectoryActiveFilter, DirectoryBannerConfig, DirectoryFilterOption, DirectoryFilterSection, DirectoryFilterValues, DirectoryPagination, DirectorySearchProps, DirectorySortOption, DirectorySortProps, DirectoryViewMode } from "./types";

package/dist/types/src/components/Shared/Directory/types.d.ts

@@ -0,0 +1,73 @@
+export type DirectoryViewMode = "grid" | "list";
+export interface DirectorySortOption {
+    value: string;
+    label: string;
+}
+export interface DirectorySearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    onClear?: () => void;
+    placeholder?: string;
+    suggestions?: string[];
+    onSuggestionSelect?: (suggestion: string) => void;
+}
+export interface DirectoryFilterOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface DirectoryRangeConfig {
+    min: number;
+    max: number;
+    step?: number;
+    unit?: string;
+    unitPosition?: "prefix" | "suffix";
+    formatLabel?: (value: number) => string;
+}
+export interface DirectoryFilterSection {
+    key: string;
+    label: string;
+    type: "checkbox" | "select" | "searchable-select" | "range" | "toggle";
+    options?: DirectoryFilterOption[];
+    searchable?: boolean;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    /** For checkbox: max visible items before "View more" (default: show all) */
+    maxVisible?: number;
+    /** For range type filters */
+    rangeConfig?: DirectoryRangeConfig;
+}
+export type DirectoryFilterValues = Record<string, string[]>;
+export interface DirectoryActiveFilter {
+    key: string;
+    label: string;
+    value: string;
+    onRemove: () => void;
+}
+export interface DirectoryBannerConfig {
+    position: "sidebar" | "top" | "bottom";
+    url: string;
+    link: string;
+    alt?: string;
+}
+export interface DirectoryPagination {
+    toolbarTitle?: string;
+    toolbarItemLabel?: string;
+    enabled?: boolean;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    totalCount?: number;
+    toolbarTotalCount?: number;
+    pageSizeOptions?: number[];
+    showItemsPerPage?: boolean;
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+}
+export interface DirectorySortProps {
+    value: string;
+    options: DirectorySortOption[];
+    onChange: (value: string) => void;
+    label?: string;
+}

package/dist/types/src/components/Shared/GenericFilter.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { DateFilterOption } from "../GenericListing/DateFilter";
+interface GenericFilterProps {
+    dateFieldLabel: string;
+    activeDateFilter: DateFilterOption;
+    onDateFilterChange: (filter: DateFilterOption) => void;
+    filterKeys: string[];
+    searchableFilters: string[];
+    filtersData: Record<string, string[]>;
+    activeFilters: Record<string, string>;
+    handleFilterChange: (key: string, value: string) => void;
+    toggleSavedJobsFilter: () => void;
+    showOnlySaved: boolean;
+    savedJobs: any[];
+}
+declare const GenericFilter: React.FC<GenericFilterProps>;
+export default GenericFilter;

package/dist/types/src/components/Shared/GenericPagination.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface GenericPaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare const GenericPagination: React.FC<GenericPaginationProps>;
+export default GenericPagination;

package/dist/types/src/components/Shared/ItemsPerPageSelector.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ItemsPerPageSelectorProps {
+    value: number;
+    onChange: (value: number) => void;
+    options?: number[];
+    className?: string;
+    selectClassName?: string;
+}
+declare const ItemsPerPageSelector: React.FC<ItemsPerPageSelectorProps>;
+export default ItemsPerPageSelector;

package/dist/types/src/components/Shared/Listing/ListingActiveFilters.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ActiveFilter } from "./types";
+interface ListingActiveFiltersProps {
+    filters: ActiveFilter[];
+    onRemove: (key: string, value: string) => void;
+    onClearAll: () => void;
+    onCreateAlert?: () => void;
+    showCreateAlert?: boolean;
+    className?: string;
+}
+/**
+ * ListingActiveFilters - Display currently active filters with remove buttons
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingActiveFilters: React.FC<ListingActiveFiltersProps>;
+export default ListingActiveFilters;

package/dist/types/src/components/Shared/Listing/ListingEmptyState.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { LucideIcon } from "lucide-react";
+interface ListingEmptyStateProps {
+    icon?: LucideIcon;
+    title?: string;
+    description?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    className?: string;
+}
+/**
+ * ListingEmptyState - No results found display
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingEmptyState: React.FC<ListingEmptyStateProps>;
+export default ListingEmptyState;

package/dist/types/src/components/Shared/Listing/ListingHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { PopularTag } from "./types";
+interface ListingHeaderProps {
+    title: string;
+    description?: string;
+    popularTags?: PopularTag[];
+    selectedTags?: string[];
+    onTagClick?: (tag: string) => void;
+    onTagRemove?: (tag: string) => void;
+    className?: string;
+}
+/**
+ * ListingHeader - Displays page title, description and popular tags
+ * STATELESS: All state and actions handled by parent page
+ */
+declare const ListingHeader: React.FC<ListingHeaderProps>;
+export default ListingHeader;