@retinalabsllc/zairusjs 9.0.3 → 9.0.5

package/dist/index.d.mts

@@ -50,6 +50,39 @@ interface HeaderProps {
 }
 declare const Header: React.FC<HeaderProps>;
 
+type AuthMode = "LOGIN" | "SIGNUP";
+interface PipleAuthProps {
+    companyName: string;
+    workspaceLabel?: string;
+    termsUrl?: string;
+    privacyUrl?: string;
+    requireNames?: boolean;
+    requireOrganization?: boolean;
+    useRecaptcha?: boolean;
+    recaptchaSiteKey?: string;
+    defaultRedirectPath?: string;
+    onAuthRequest: (payload: {
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        organizationName?: string;
+        mode: AuthMode;
+        recaptchaToken?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onVerifyOtp: (payload: {
+        email: string;
+        code: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+        redirect?: string;
+    }>;
+}
+declare const PipleAuth: React.FC<PipleAuthProps>;
+
 interface FooterLink {
     label: string;
     href: string;
@@ -73,6 +106,203 @@ interface FooterProps {
 }
 declare const Footer: React.FC<FooterProps>;
 
+interface MobileNavItem {
+    label: string;
+    href: string;
+    icon: any;
+}
+interface MobileNavProps {
+    items: MobileNavItem[];
+}
+declare const MobileNav: React.FC<MobileNavProps>;
+
+interface BannerProps {
+    /** The heading text of the banner */
+    title: string;
+    /** The main message content */
+    message: string;
+    /** The type of banner, determines colors and default icon */
+    type: 'success' | 'warning' | 'alert';
+    /** Optional custom icon to override the default */
+    icon?: any;
+    /** Whether the banner can be dismissed by the user */
+    isDismissible?: boolean;
+    /** Optional callback when the banner is dismissed */
+    onDismiss?: () => void;
+    /** Optional custom action button */
+    action?: React.ReactNode;
+}
+
+interface UniversalOrganizationPageProps {
+    initialOrgName: string;
+    initialSlug: string;
+    initialUsername?: string;
+    orgId: string;
+    isReadOnly?: boolean;
+    slugPrefixUrl?: string;
+    bannerProps?: BannerProps;
+    onSaveConfiguration: (payload: {
+        organizationId: string;
+        organizationName?: string;
+        slug?: string;
+        username?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onCheckSlugAvailability: (slug: string) => Promise<{
+        available: boolean;
+    }>;
+}
+declare const UniversalOrganizationPage: React.FC<UniversalOrganizationPageProps>;
+
+interface UniversalProfileSettingsProps {
+    initialFirstName: string;
+    initialLastName: string;
+    email: string;
+    accountStatus?: string;
+    memberSince?: string | Date | null;
+    isReadOnly?: boolean;
+    bannerProps?: BannerProps;
+    hasPin?: boolean;
+    isPinLoading?: boolean;
+    onSavePin?: (payload: {
+        action: 'create_pin' | 'change_pin';
+        oldPin?: string;
+        newPin: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+        message?: string;
+    }>;
+    onSaveProfile: (payload: {
+        firstName: string;
+        lastName: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+declare const UniversalProfileSettings: React.FC<UniversalProfileSettingsProps>;
+
+interface UniversalErrorViewProps {
+    isBooting: boolean;
+    isLoading: boolean;
+    activeData: any;
+    activeError: any;
+    /** The dynamic name of the environment failing to load (e.g., "application", "workspace") */
+    envName: string;
+    /** Function to execute when the user clicks "Refresh" */
+    onRetry: () => void;
+    /** URL to fallback to on a hard error. Defaults to '/app' */
+    returnUrl?: string;
+    /** Label for the hard fallback button. Defaults to 'Return to Workspace' */
+    returnLabel?: string;
+}
+declare const UniversalErrorView: React.FC<UniversalErrorViewProps>;
+
+interface UniversalTransaction {
+    id: string;
+    cardId?: string | null;
+    type: 'CARD_TRANSACTION' | 'WALLET_TRANSACTION';
+    direction: 'CREDIT' | 'DEBIT';
+    amount: number | string;
+    currency: string;
+    status: 'PENDING' | 'COMPLETED' | 'FAILED' | 'REVERSED';
+    reference: string;
+    metadata?: any;
+    createdAt: string | Date;
+}
+interface UniversalTransactionPageProps {
+    headerTitle: string;
+    headerDescription: string;
+    hideControls?: boolean;
+    hideBalanceAmounts?: boolean;
+    hidePagination?: boolean;
+    transactions: UniversalTransaction[];
+    isLoading: boolean;
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    activeDirectionFilter: string;
+    onDirectionFilterChange: (direction: string) => void;
+    activeTypeFilter: string;
+    onTypeFilterChange: (type: string) => void;
+    onReportTransaction?: (tx: UniversalTransaction) => void;
+    onGenerateReceipt?: (tx: UniversalTransaction) => void | Promise<void>;
+}
+declare const UniversalTransactionPage: React.FC<UniversalTransactionPageProps>;
+
+interface HomeActionBtn {
+    label: string;
+    icon?: any;
+    onClick: () => void;
+}
+interface UniversalHomeViewProps {
+    balanceLabel?: string;
+    balanceAmount: string;
+    balanceCurrency?: string;
+    primaryAction?: HomeActionBtn;
+    secondaryAction?: HomeActionBtn;
+    transactionsProps: UniversalTransactionPageProps;
+}
+declare const UniversalHomeView: React.FC<UniversalHomeViewProps>;
+
+interface UniversalWallet {
+    id: string;
+    name: string;
+    balance: number | string;
+    currency: string;
+    network: string;
+    address: string;
+    logoSrc: string;
+}
+interface UniversalWalletPageProps {
+    headerTitle: string;
+    headerDescription?: string;
+    hideControls?: boolean;
+    hideBalanceAmounts?: boolean;
+    isGeneratingStatement?: boolean;
+    wallets: UniversalWallet[];
+    isLoading?: boolean;
+    renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;
+    onDownloadPayId?: (wallet: UniversalWallet) => void;
+    onCopyAddress?: (wallet: UniversalWallet) => void;
+}
+declare const UniversalWalletPage: React.FC<UniversalWalletPageProps>;
+
+interface UniversalCardPageProps {
+    cardHolderName: string;
+    cardNumber: string;
+    expiry: string;
+    cvv: string;
+    cardBgSrc: string;
+    companyLogoSrc: string;
+    networkLogoSrc: string;
+    onReveal?: () => void;
+    onFreeze?: () => void;
+    onSetLimits?: () => void;
+    onDelete?: () => void;
+}
+declare const UniversalCardPage: React.FC<UniversalCardPageProps>;
+
+interface UniversalProfilePageProps {
+    avatarSrc?: string;
+    roleName: string;
+    memberSince: string;
+    onAccountTap?: () => void;
+    onSecurityTap?: () => void;
+    onNotificationsTap?: () => void;
+    onHelpTap?: () => void;
+    onVerificationsTap?: () => void;
+    onExportTap?: () => void;
+    onLogoutTap?: () => void;
+    onDeleteTap?: () => void;
+}
+declare const UniversalProfilePage: React.FC<UniversalProfilePageProps>;
+
 interface AppLogo$1 {
     src: string;
     alt: string;
@@ -469,4 +699,4 @@ interface WaitlistDialogProps {
 }
 declare const WaitlistDialog: React.FC<WaitlistDialogProps>;
 
-export { AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, WaitlistDialog, type WaitlistDialogProps };
+export { AppBento2, type AppBento2Props, type BannerProps, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, UniversalCardPage, type UniversalCardPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHomeView, type UniversalHomeViewProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.d.ts

@@ -50,6 +50,39 @@ interface HeaderProps {
 }
 declare const Header: React.FC<HeaderProps>;
 
+type AuthMode = "LOGIN" | "SIGNUP";
+interface PipleAuthProps {
+    companyName: string;
+    workspaceLabel?: string;
+    termsUrl?: string;
+    privacyUrl?: string;
+    requireNames?: boolean;
+    requireOrganization?: boolean;
+    useRecaptcha?: boolean;
+    recaptchaSiteKey?: string;
+    defaultRedirectPath?: string;
+    onAuthRequest: (payload: {
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        organizationName?: string;
+        mode: AuthMode;
+        recaptchaToken?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onVerifyOtp: (payload: {
+        email: string;
+        code: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+        redirect?: string;
+    }>;
+}
+declare const PipleAuth: React.FC<PipleAuthProps>;
+
 interface FooterLink {
     label: string;
     href: string;
@@ -73,6 +106,203 @@ interface FooterProps {
 }
 declare const Footer: React.FC<FooterProps>;
 
+interface MobileNavItem {
+    label: string;
+    href: string;
+    icon: any;
+}
+interface MobileNavProps {
+    items: MobileNavItem[];
+}
+declare const MobileNav: React.FC<MobileNavProps>;
+
+interface BannerProps {
+    /** The heading text of the banner */
+    title: string;
+    /** The main message content */
+    message: string;
+    /** The type of banner, determines colors and default icon */
+    type: 'success' | 'warning' | 'alert';
+    /** Optional custom icon to override the default */
+    icon?: any;
+    /** Whether the banner can be dismissed by the user */
+    isDismissible?: boolean;
+    /** Optional callback when the banner is dismissed */
+    onDismiss?: () => void;
+    /** Optional custom action button */
+    action?: React.ReactNode;
+}
+
+interface UniversalOrganizationPageProps {
+    initialOrgName: string;
+    initialSlug: string;
+    initialUsername?: string;
+    orgId: string;
+    isReadOnly?: boolean;
+    slugPrefixUrl?: string;
+    bannerProps?: BannerProps;
+    onSaveConfiguration: (payload: {
+        organizationId: string;
+        organizationName?: string;
+        slug?: string;
+        username?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    onCheckSlugAvailability: (slug: string) => Promise<{
+        available: boolean;
+    }>;
+}
+declare const UniversalOrganizationPage: React.FC<UniversalOrganizationPageProps>;
+
+interface UniversalProfileSettingsProps {
+    initialFirstName: string;
+    initialLastName: string;
+    email: string;
+    accountStatus?: string;
+    memberSince?: string | Date | null;
+    isReadOnly?: boolean;
+    bannerProps?: BannerProps;
+    hasPin?: boolean;
+    isPinLoading?: boolean;
+    onSavePin?: (payload: {
+        action: 'create_pin' | 'change_pin';
+        oldPin?: string;
+        newPin: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+        message?: string;
+    }>;
+    onSaveProfile: (payload: {
+        firstName: string;
+        lastName: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+}
+declare const UniversalProfileSettings: React.FC<UniversalProfileSettingsProps>;
+
+interface UniversalErrorViewProps {
+    isBooting: boolean;
+    isLoading: boolean;
+    activeData: any;
+    activeError: any;
+    /** The dynamic name of the environment failing to load (e.g., "application", "workspace") */
+    envName: string;
+    /** Function to execute when the user clicks "Refresh" */
+    onRetry: () => void;
+    /** URL to fallback to on a hard error. Defaults to '/app' */
+    returnUrl?: string;
+    /** Label for the hard fallback button. Defaults to 'Return to Workspace' */
+    returnLabel?: string;
+}
+declare const UniversalErrorView: React.FC<UniversalErrorViewProps>;
+
+interface UniversalTransaction {
+    id: string;
+    cardId?: string | null;
+    type: 'CARD_TRANSACTION' | 'WALLET_TRANSACTION';
+    direction: 'CREDIT' | 'DEBIT';
+    amount: number | string;
+    currency: string;
+    status: 'PENDING' | 'COMPLETED' | 'FAILED' | 'REVERSED';
+    reference: string;
+    metadata?: any;
+    createdAt: string | Date;
+}
+interface UniversalTransactionPageProps {
+    headerTitle: string;
+    headerDescription: string;
+    hideControls?: boolean;
+    hideBalanceAmounts?: boolean;
+    hidePagination?: boolean;
+    transactions: UniversalTransaction[];
+    isLoading: boolean;
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    activeDirectionFilter: string;
+    onDirectionFilterChange: (direction: string) => void;
+    activeTypeFilter: string;
+    onTypeFilterChange: (type: string) => void;
+    onReportTransaction?: (tx: UniversalTransaction) => void;
+    onGenerateReceipt?: (tx: UniversalTransaction) => void | Promise<void>;
+}
+declare const UniversalTransactionPage: React.FC<UniversalTransactionPageProps>;
+
+interface HomeActionBtn {
+    label: string;
+    icon?: any;
+    onClick: () => void;
+}
+interface UniversalHomeViewProps {
+    balanceLabel?: string;
+    balanceAmount: string;
+    balanceCurrency?: string;
+    primaryAction?: HomeActionBtn;
+    secondaryAction?: HomeActionBtn;
+    transactionsProps: UniversalTransactionPageProps;
+}
+declare const UniversalHomeView: React.FC<UniversalHomeViewProps>;
+
+interface UniversalWallet {
+    id: string;
+    name: string;
+    balance: number | string;
+    currency: string;
+    network: string;
+    address: string;
+    logoSrc: string;
+}
+interface UniversalWalletPageProps {
+    headerTitle: string;
+    headerDescription?: string;
+    hideControls?: boolean;
+    hideBalanceAmounts?: boolean;
+    isGeneratingStatement?: boolean;
+    wallets: UniversalWallet[];
+    isLoading?: boolean;
+    renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;
+    onDownloadPayId?: (wallet: UniversalWallet) => void;
+    onCopyAddress?: (wallet: UniversalWallet) => void;
+}
+declare const UniversalWalletPage: React.FC<UniversalWalletPageProps>;
+
+interface UniversalCardPageProps {
+    cardHolderName: string;
+    cardNumber: string;
+    expiry: string;
+    cvv: string;
+    cardBgSrc: string;
+    companyLogoSrc: string;
+    networkLogoSrc: string;
+    onReveal?: () => void;
+    onFreeze?: () => void;
+    onSetLimits?: () => void;
+    onDelete?: () => void;
+}
+declare const UniversalCardPage: React.FC<UniversalCardPageProps>;
+
+interface UniversalProfilePageProps {
+    avatarSrc?: string;
+    roleName: string;
+    memberSince: string;
+    onAccountTap?: () => void;
+    onSecurityTap?: () => void;
+    onNotificationsTap?: () => void;
+    onHelpTap?: () => void;
+    onVerificationsTap?: () => void;
+    onExportTap?: () => void;
+    onLogoutTap?: () => void;
+    onDeleteTap?: () => void;
+}
+declare const UniversalProfilePage: React.FC<UniversalProfilePageProps>;
+
 interface AppLogo$1 {
     src: string;
     alt: string;
@@ -469,4 +699,4 @@ interface WaitlistDialogProps {
 }
 declare const WaitlistDialog: React.FC<WaitlistDialogProps>;
 
-export { AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, WaitlistDialog, type WaitlistDialogProps };
+export { AppBento2, type AppBento2Props, type BannerProps, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, UniversalCardPage, type UniversalCardPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHomeView, type UniversalHomeViewProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, WaitlistDialog, type WaitlistDialogProps };