@blocklet/payment-react 1.24.4 → 1.25.1

package/es/index.d.ts

@@ -26,6 +26,8 @@ import StripeForm from './payment/form/stripe';
 import Payment from './payment/index';
 import ProductSkeleton from './payment/product-skeleton';
 import PaymentSummary from './payment/summary';
+import PromotionSection from './payment/summary-section/promotion-section';
+import TotalSection from './payment/summary-section/total-section';
 import PricingItem from './components/pricing-item';
 import CountrySelect from './components/country-select';
 import TruncatedText from './components/truncated-text';
@@ -42,6 +44,8 @@ import AutoTopup from './components/auto-topup';
 import Collapse from './components/collapse';
 import PromotionCode from './components/promotion-code';
 import SourceDataViewer from './components/source-data-viewer';
+import SlippageConfig from './components/slippage-config';
+import DynamicPricingUnavailable from './components/dynamic-pricing-unavailable';
 export { PaymentThemeProvider } from './theme';
 export * from './libs/util';
 export * from './libs/connect';
@@ -56,6 +60,7 @@ export * from './hooks/scroll';
 export * from './hooks/keyboard';
 export * from './libs/validator';
 export { translations, createTranslator } from './locales';
-export { createLazyComponent, api, dayjs, FormInput, FormLabel, PhoneInput, AddressForm, StripeForm, Status, Livemode, Switch, ConfirmDialog, CheckoutForm, CheckoutTable, CheckoutDonate, CurrencySelector, Payment, PaymentSummary, PricingTable, ProductSkeleton, Amount, CustomerInvoiceList, CustomerPaymentList, TxLink, TxGas, SafeGuard, PricingItem, CountrySelect, Table, TruncatedText, Link, OverdueInvoicePayment, StripePaymentAction, PaymentBeneficiaries, LoadingButton, DonateDetails, ResumeSubscription, CreditGrantsList, CreditTransactionsList, DateRangePicker, CreditStatusChip, AutoTopupModal, AutoTopup, Collapse, PromotionCode, SourceDataViewer, };
+export { createLazyComponent, api, dayjs, FormInput, FormLabel, PhoneInput, AddressForm, StripeForm, Status, Livemode, Switch, ConfirmDialog, CheckoutForm, CheckoutTable, CheckoutDonate, CurrencySelector, Payment, PaymentSummary, PricingTable, ProductSkeleton, Amount, CustomerInvoiceList, CustomerPaymentList, TxLink, TxGas, SafeGuard, PricingItem, CountrySelect, Table, TruncatedText, Link, OverdueInvoicePayment, StripePaymentAction, PaymentBeneficiaries, LoadingButton, DonateDetails, ResumeSubscription, CreditGrantsList, CreditTransactionsList, DateRangePicker, CreditStatusChip, AutoTopupModal, AutoTopup, Collapse, PromotionCode, SourceDataViewer, SlippageConfig, DynamicPricingUnavailable, PromotionSection, TotalSection, };
 export type { CountrySelectProps } from './components/country-select';
 export type { StripePaymentActionProps } from './components/stripe-payment-action';
+export type { SlippageConfigValue, SlippageConfigProps } from './components/slippage-config';

package/es/index.js

@@ -26,6 +26,8 @@ import StripeForm from "./payment/form/stripe/index.js";
 import Payment from "./payment/index.js";
 import ProductSkeleton from "./payment/product-skeleton.js";
 import PaymentSummary from "./payment/summary.js";
+import PromotionSection from "./payment/summary-section/promotion-section.js";
+import TotalSection from "./payment/summary-section/total-section.js";
 import PricingItem from "./components/pricing-item.js";
 import CountrySelect from "./components/country-select.js";
 import TruncatedText from "./components/truncated-text.js";
@@ -42,6 +44,8 @@ import AutoTopup from "./components/auto-topup/index.js";
 import Collapse from "./components/collapse.js";
 import PromotionCode from "./components/promotion-code.js";
 import SourceDataViewer from "./components/source-data-viewer.js";
+import SlippageConfig from "./components/slippage-config.js";
+import DynamicPricingUnavailable from "./components/dynamic-pricing-unavailable.js";
 export { PaymentThemeProvider } from "./theme/index.js";
 export * from "./libs/util.js";
 export * from "./libs/connect.js";
@@ -102,5 +106,9 @@ export {
   AutoTopup,
   Collapse,
   PromotionCode,
-  SourceDataViewer
+  SourceDataViewer,
+  SlippageConfig,
+  DynamicPricingUnavailable,
+  PromotionSection,
+  TotalSection
 };

package/es/libs/util.d.ts

@@ -1,4 +1,5 @@
 import type { PaymentDetails, PriceCurrency, PriceRecurring, TCoupon, TInvoiceExpanded, TLineItemExpanded, TPaymentCurrency, TPaymentCurrencyExpanded, TPaymentMethod, TPaymentMethodExpanded, TPrice, TProductExpanded, TSubscriptionExpanded, TSubscriptionItemExpanded } from '@blocklet/payment-types';
+import { BN } from '@ocap/util';
 import type { ActionProps, PricingRenderProps } from '../types';
 export declare const PAYMENT_KIT_DID = "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk";
 /**
@@ -38,15 +39,45 @@ export declare function formatCreditAmount(formattedAmount: string, currencySymb
  */
 export declare function formatCreditForCheckout(formattedAmount: string, currencySymbol: string, locale?: string, showUnit?: boolean): string;
 export declare function formatNumber(n: number | string, precision?: number, trim?: boolean, thousandSeparated?: boolean): string;
+export declare function formatDynamicPrice(n: number | string, isDynamic: boolean, precision?: number, trim?: boolean, thousandSeparated?: boolean): string;
+export declare function getUsdAmountFromBaseAmount(amount: string | number | undefined, quantity: number, scale?: number): string | null;
+export declare function getUsdAmountFromTokenUnits(tokenAmount: BN | string, tokenDecimals: number, exchangeRate?: string | null): string | null;
+export declare function formatUsdAmount(amount: string | null, locale?: string): string | null;
+export declare function formatExchangeRate(amount: string | null): string | null;
+/**
+ * Format exchange rate with currency symbol for display
+ * @param rate - The exchange rate value
+ * @param currency - The currency code (default: 'USD')
+ * @param decimals - Number of decimal places (default: 2, use 4 for live exchange rates)
+ * @returns Formatted string like "$0.12" for USD, or "0.12 EUR" for other currencies
+ */
+export declare function formatExchangeRateDisplay(rate: string | number | null | undefined, currency?: string, decimals?: number): string | null;
 export declare const formatPrice: (price: TPrice, currency: TPaymentCurrency, unit_label?: string, quantity?: number, bn?: boolean, locale?: string) => string;
-export declare const formatPriceAmount: (price: TPrice, currency: TPaymentCurrency, unit_label?: string, quantity?: number, bn?: boolean) => string;
+export declare const formatPriceAmount: (price: TPrice, currency: TPaymentCurrency, unit_label?: string, quantity?: number, bn?: boolean, locale?: string) => string;
 export declare function getStatementDescriptor(items: any[]): any;
 export declare function formatRecurring(recurring: PriceRecurring, translate?: boolean, separator?: string, locale?: string): string;
 export declare function getPriceUintAmountByCurrency(price: TPrice, currency: TPaymentCurrency): string;
 export declare function getPriceCurrencyOptions(price: TPrice): PriceCurrency[];
-export declare function formatLineItemPricing(item: TLineItemExpanded, currency: TPaymentCurrency, { trialEnd, trialInDays }: {
+export declare function getLineItemAmounts(item: TLineItemExpanded, currency: TPaymentCurrency, { useUpsell, exchangeRate }?: {
+    useUpsell?: boolean;
+    exchangeRate?: string | null;
+}): {
+    unitAmount: BN;
+    totalAmount: BN;
+    isDynamicQuote: boolean;
+};
+export type QuoteLockInfo = {
+    baseAmount: string;
+    baseCurrency: string;
+    tokenAmount: string;
+    tokenSymbol: string;
+    expiresAt: number | null;
+};
+export declare function getQuoteLockInfo(items: TLineItemExpanded[], currency?: TPaymentCurrency | null): QuoteLockInfo | null;
+export declare function formatLineItemPricing(item: TLineItemExpanded, currency: TPaymentCurrency, { trialEnd, trialInDays, exchangeRate, }: {
     trialEnd: number;
     trialInDays: number;
+    exchangeRate?: string | null;
 }, locale?: string): {
     primary: string;
     secondary?: string;
@@ -58,7 +89,9 @@ export declare function getRefundStatusColor(status: string): "default" | "succe
 export declare function getPayoutStatusColor(status: string): "default" | "success" | "warning";
 export declare function getInvoiceStatusColor(status: string): "default" | "success" | "warning" | "secondary";
 export declare function getWebhookStatusColor(status: string): "default" | "success";
-export declare function getCheckoutAmount(items: TLineItemExpanded[], currency: TPaymentCurrency, trialing?: boolean, upsell?: boolean): {
+export declare function getCheckoutAmount(items: TLineItemExpanded[], currency: TPaymentCurrency, trialing?: boolean, upsell?: boolean, { exchangeRate }?: {
+    exchangeRate?: string | null;
+}): {
     subtotal: any;
     total: any;
     renew: string;
@@ -69,6 +102,7 @@ export declare function getCheckoutAmount(items: TLineItemExpanded[], currency:
 export declare function getRecurringPeriod(recurring: PriceRecurring): number;
 export declare function formatUpsellSaving(items: TLineItemExpanded[], currency: TPaymentCurrency): string;
 export declare function formatMeteredThen(subscription: string, recurring: string, hasMetered: boolean, locale?: string): string;
+export declare function formatThenValue(subscription: string, recurring: string, hasMetered: boolean, locale?: string): string;
 export declare function formatPriceDisplay({ amount, then, actualAmount, showThen }: {
     amount: string;
     then?: string;
@@ -86,16 +120,19 @@ export declare function getFreeTrialTime({ trialInDays, trialEnd }: {
 export declare function formatCheckoutHeadlines(items: TLineItemExpanded[], currency: TPaymentCurrency, { trialInDays, trialEnd }: {
     trialInDays: number;
     trialEnd: number;
-}, locale?: string): {
+}, locale?: string, { exchangeRate }?: {
+    exchangeRate?: string | null;
+}): {
     action: string;
     amount: string;
     then?: string;
+    thenValue?: string;
     secondary?: string;
     showThen?: boolean;
     actualAmount: string;
     priceDisplay: string;
 };
-export declare function formatAmount(amount: string, decimals: number): string;
+export declare function formatAmount(amount: string, decimals: number, precision?: number): string;
 export declare function findCurrency(methods: TPaymentMethodExpanded[], currencyId: string): TPaymentCurrencyExpanded | null;
 export declare function isValidCountry(code: string): boolean;
 export declare function stopEvent(e: React.SyntheticEvent<any>): void;