sy-ui-lib 1.0.29 → 1.0.30

package/dist/components/BankingDetailsCard/BankingDetailsCard.component.d.ts

@@ -0,0 +1,27 @@
+import { PaymentDetailsCardProps } from './BankingDetailsCard.types';
+/**
+ * BankingDetailsCard displays payment account information for Bank, Crypto, and UPI accounts.
+ * Supports account details, QR code display, copyable fields, account status, toggle actions,
+ * and delete functionality based on the selected payment variant.
+ *
+ * Variants:
+ * - bank: Displays account holder, account number, bank name, IFSC, etc.
+ * * - crypto: Displays wallet details, withdrawal amount, QR code, and copyable values.
+ * - upi: Displays UPI account details and QR code when available.
+ *
+ * @param {PaymentDetailsCardProps} props - Card configuration and account details.
+ * @returns {JSX.Element} Payment account details card.
+ *
+ * @example
+ * <BankingDetailsCard
+ *   variant="bank"
+ *   title="HDFC Bank"
+ *   details={[
+ *     { label: "Account Holder", value: "John Doe" },
+ *     { label: "Account Number", value: "1234567890" }
+ *   ]}
+ *   status="Approved"
+ * />
+ */
+declare const BankingDetailsCard: React.FC<PaymentDetailsCardProps>;
+export default BankingDetailsCard;

package/dist/components/BankingDetailsCard/BankingDetailsCard.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { default as BankingDetailsCard } from './BankingDetailsCard.component';
+declare const meta: Meta<typeof BankingDetailsCard>;
+export default meta;
+type Story = StoryObj<typeof BankingDetailsCard>;
+export declare const BankAccount: Story;
+export declare const CryptoWallet: Story;
+export declare const UPIAccount: Story;
+export declare const WithToggle: Story;
+export declare const DeletableAccount: Story;
+export declare const PendingApproval: Story;

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

@@ -0,0 +1,35 @@
+import { ChipType, ToggleProps } from '..';
+export type PaymentVariant = "bank" | "crypto" | "upi";
+export type DetailItem = {
+    label: string;
+    value: string;
+    copyable?: boolean;
+};
+export declare const PaymentStatus: {
+    readonly approved: "Approved";
+    readonly pending: "Pending";
+    readonly rejected: "Rejected";
+};
+export type PaymentStatus = (typeof PaymentStatus)[keyof typeof PaymentStatus];
+export declare const CHIP_STATE_MAP: Record<PaymentStatus, ChipType>;
+/** Props for BankingDetailsCard. */
+export type PaymentDetailsCardProps = {
+    /** Payment account type */
+    variant: PaymentVariant;
+    /** Primary account title */
+    title: string;
+    /** Withdrawal amount (used by crypto accounts) */
+    amount?: string;
+    /** List of account details to display */
+    details: DetailItem[];
+    /** QR code image URL */
+    qrCode?: string;
+    /** Enables delete action */
+    toDelete?: boolean;
+    /** Current account approval status */
+    status?: string;
+    /** Optional account toggle configuration */
+    toggle?: ToggleProps;
+    /** Delete action handler */
+    handleDelete?: () => void;
+};

package/dist/components/BankingDetailsCard/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BankingDetailsCard } from './BankingDetailsCard.component';
+export { BankingDetailsCard };
+export * from './BankingDetailsCard.types';

package/dist/components/Icon/SvgIcons.d.ts

@@ -92,4 +92,5 @@ export declare const icons: {
     setting: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     dog: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     horse: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    copy: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/index.d.ts

@@ -48,3 +48,4 @@ export * from './TimePicker';
 export * from './TooltipExt';
 export * from './BannerCard';
 export * from './ImageCard';
+export * from './BankingDetailsCard';