@opexa/portal-components 0.0.1083 → 0.0.1084

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import { type BypassDomainConfig } from '../../client/hooks/useBypassKycChecker';
 import type { PaymentMethod } from './utils';
 export interface DepositWithdrawalProps {
@@ -25,5 +26,7 @@ export interface DepositWithdrawalProps {
      * "/hello/:id/world"
      */
     depositSuccessPageUrl?: string;
+    /** @default "Convenience Fee may apply" */
+    note?: ReactNode;
 }
 export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/DepositWithdrawal.lazy.js

@@ -21,7 +21,7 @@ import { HasPendingBonuses } from './HasPendingBonuses.js';
 import { Withdrawal } from './Withdrawal/Withdrawal.js';
 export function DepositWithdrawal(props) {
     const bypassDepositKycCheck = useBypassKycChecker(props.bypassDomains) || props.bypassDepositKycCheck;
-    const { hasPrivacyPolicyAndTermsOfUse = true, isOfWinSite = false, ...restProps } = props;
+    const { hasPrivacyPolicyAndTermsOfUse = true, isOfWinSite = false, note = null, ...restProps } = props;
     const mergedProps = {
         ...restProps,
         hasPrivacyPolicyAndTermsOfUse,
@@ -67,5 +67,5 @@ export function DepositWithdrawal(props) {
                                                         currency: localeInfo.currency.code,
                                                         minDecimalPlaces: 2,
                                                         truncate: false
-                                                    }) }), _jsxs(Tabs.Root, { value: globalStore.depositWithdrawal.tab, onValueChange: handleTabChange, lazyMount: true, unmountOnExit: true, className: "mt-3xl space-y-4xl", children: [_jsxs(Tabs.List, { className: "w-full", children: [_jsx(Tabs.Trigger, { value: "DEPOSIT", className: "grow", children: "Deposit" }), _jsx(Tabs.Trigger, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }), _jsx(Tabs.Indicator, {})] }), _jsx(Tabs.Content, { value: "DEPOSIT", className: "space-y-3xl", children: _jsx(Deposit, {}) }), _jsx(Tabs.Content, { value: "WITHDRAWAL", className: "space-y-3xl", children: _jsx(Withdrawal, {}) })] })] })] }) })] }) }) }), _jsx(HasPendingBonuses, {})] }));
+                                                    }) }), note ? (_jsx("p", { className: "text-center text-xs text-text-secondary-700", children: note })) : null, _jsxs(Tabs.Root, { value: globalStore.depositWithdrawal.tab, onValueChange: handleTabChange, lazyMount: true, unmountOnExit: true, className: "mt-3xl space-y-4xl", children: [_jsxs(Tabs.List, { className: "w-full", children: [_jsx(Tabs.Trigger, { value: "DEPOSIT", className: "grow", children: "Deposit" }), _jsx(Tabs.Trigger, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }), _jsx(Tabs.Indicator, {})] }), _jsx(Tabs.Content, { value: "DEPOSIT", className: "space-y-3xl", children: _jsx(Deposit, {}) }), _jsx(Tabs.Content, { value: "WITHDRAWAL", className: "space-y-3xl", children: _jsx(Withdrawal, {}) })] })] })] }) })] }) }) }), _jsx(HasPendingBonuses, {})] }));
 }

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.d.ts

@@ -2,5 +2,6 @@ import type { ComponentPropsWithRef } from 'react';
 export interface DepositWithdrawalTriggerProps extends ComponentPropsWithRef<'button'> {
     asChild?: boolean;
     colorScheme?: 'primary' | 'dark';
+    label?: string;
 }
-export declare function DepositWithdrawalTrigger({ asChild, children, colorScheme, ...props }: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepositWithdrawalTrigger({ asChild, children, colorScheme, label, ...props }: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.js

@@ -10,7 +10,7 @@ import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
 import { useWalletQuery } from '../../client/hooks/useWalletQuery.js';
 import { formatNumber } from '../../utils/formatNumber.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
-export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'primary', ...props }) {
+export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'primary', label = 'Deposit', ...props }) {
     const sessionQuery = useSessionQuery();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
@@ -38,5 +38,5 @@ export function DepositWithdrawalTrigger({ asChild, children, colorScheme = 'pri
                         currency: localeInfo.currency.code,
                         minDecimalPlaces: 2,
                         truncate: false
-                    }) }), _jsx("div", { className: "flex h-10 items-center gap-1.5 rounded-r-md bg-button-primary-bg px-3.5 font-semibold text-button-primary-fg text-sm", children: "Deposit" })] })) }));
+                    }) }), _jsx("div", { className: "flex h-10 items-center gap-1.5 rounded-r-md bg-button-primary-bg px-3.5 font-semibold text-button-primary-fg text-sm", children: label })] })) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.1083",
+	"version": "0.0.1084",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",