Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | import { SxProps } from "@mui/material";
import React from "react";
export type PopupTypeProps = "success" | "destructive";
export type PopupIconTypeProps =
| PopupTypeProps
| "success-regular"
| "destructive-v2"
| "decline"
| "warning"
| "warning-triangle"
| "notification"
| "advanced-builder"
| "logout"
| "refund"
| "revoke"
| "roll"
| "activate"
| "logout"
| "view-transactions"
| "business-profile-link-request"
| "redirection"
| "resend-invoice"
| "copy"
| "send-money"
| "missing-info"
| "suspend-provider"
| "bank"
| "security"
| "control-mode"
| "access-denied"
| "warning-info"
| "decline-bank"
| "expedite"
| "no-permission"
| "info"
| "payment-unavailable";
export interface Props {
type: PopupTypeProps;
iconType?: PopupIconTypeProps;
title: string;
description: string | React.ReactNode;
open: boolean;
onClose: () => void;
isMobile?: boolean;
buttons?: ButtonConfig[];
actionButtons?: {
success: {
label: string;
onClick: (data?: any) => void;
};
cancel: {
label: string;
onClick: (data?: any) => void;
};
};
sx?: SxProps;
paperSx?: SxProps;
showCancelBtn?: boolean;
inputNodes?: {
element: React.ReactNode;
//this can be extended if needed
}[];
inputSchema?: any;
inputDefaults?: any;
showCloseButton?: boolean;
customDescription?: React.ReactElement;
showHeader?: boolean;
showActionSection?: boolean;
leftActionComponent?: React.ReactNode;
showTitle?: boolean;
}
export interface ButtonConfig {
label: string;
onClick: () => void;
variant?: "filled" | "ghost";
color?: "primary" | "destructive";
disabled?: boolean;
sxButton?: SxProps;
submitType?: "cancel" | "submit";
hidden?: boolean;
dataTestId?: string;
isLoading?: boolean;
tooltip?: string | null;
}
|