@blocklet/payment-react 1.24.4 → 1.25.1

package/es/payment/product-item.js

@@ -4,7 +4,8 @@ import { Box, Stack, Typography, IconButton, TextField, Alert, Chip } from "@mui
 import { Add, Remove, LocalOffer } from "@mui/icons-material";
 import { useEffect, useMemo, useState } from "react";
 import { useRequest } from "ahooks";
-import { BN, fromTokenToUnit } from "@ocap/util";
+import { BN, fromTokenToUnit, fromUnitToToken } from "@ocap/util";
+import LoadingAmount from "../components/loading-amount.js";
 import Status from "../components/status.js";
 import Switch from "../components/switch-button.js";
 import {
@@ -18,7 +19,10 @@ import {
   formatAmount,
   formatCreditForCheckout,
   formatCreditAmount,
-  formatBNStr
+  formatBNStr,
+  getUsdAmountFromBaseAmount,
+  formatUsdAmount,
+  formatDynamicPrice
 } from "../libs/util.js";
 import ProductCard from "./product-card.js";
 import dayjs from "../libs/dayjs.js";
@@ -62,14 +66,23 @@ export default function ProductItem({
   adjustableQuantity = { enabled: false },
   onQuantityChange = () => {
   },
-  showFeatures = false
+  showFeatures = false,
+  exchangeRate = null,
+  isStripePayment = false,
+  isPriceLocked = false,
+  isRateLoading = false,
+  discounts = [],
+  calculatedDiscountAmount = null
 }) {
   const { t, locale } = useLocaleContext();
   const { settings, setPayable, session, api } = usePaymentContext();
-  const pricing = formatLineItemPricing(item, currency, { trialEnd, trialInDays }, locale);
+  const pricingSource = item.upsell_price || item.price;
+  const isDynamicPricing = pricingSource?.pricing_type === "dynamic";
+  const pricing = formatLineItemPricing(item, currency, { trialEnd, trialInDays, exchangeRate }, locale);
   const saving = formatUpsellSaving(items, currency);
   const metered = item.price?.recurring?.usage_type === "metered" ? t("common.metered") : "";
   const canUpsell = mode === "normal" && items.length === 1;
+  const isTrial = trialInDays > 0 || trialEnd > dayjs().unix();
   const isCreditProduct = item.price.product?.type === "credit" && item.price.metadata?.credit_config;
   const creditAmount = isCreditProduct && item.price.metadata?.credit_config?.credit_amount ? Number(item.price.metadata.credit_config.credit_amount) : 0;
   const creditCurrency = isCreditProduct && item.price.metadata?.credit_config?.currency_id ? findCurrency(settings.paymentMethods, item.price.metadata.credit_config.currency_id) : null;
@@ -100,7 +113,10 @@ export default function ProductItem({
   );
   const canAdjustQuantity = adjustableQuantity.enabled && mode === "normal";
   const minQuantity = Math.max(adjustableQuantity.minimum || 1, 1);
-  const quantityAvailable = Math.min(item.price.quantity_limit_per_checkout, item.price.quantity_available);
+  const quantityAvailable = Math.min(
+    item.price?.quantity_limit_per_checkout ?? Infinity,
+    item.price?.quantity_available ?? Infinity
+  );
   const maxQuantity = quantityAvailable ? Math.min(adjustableQuantity.maximum || Infinity, quantityAvailable) : adjustableQuantity.maximum || Infinity;
   const getMinQuantityForPending = useMemo(() => {
     if (!isCreditProduct || !pendingAmount) return null;
@@ -173,7 +189,7 @@ export default function ProductItem({
       setLocalQuantity(newQuantity);
       onQuantityChange(item.price_id, newQuantity);
       if (userDid && newQuantity > 0) {
-        saveUserQuantityPreference(userDid, item.price.id, newQuantity);
+        saveUserQuantityPreference(userDid, item.price?.id, newQuantity);
       }
     }
   };
@@ -199,7 +215,7 @@ export default function ProductItem({
     const currencySymbol = creditCurrency?.symbol || "Credits";
     const formattedTotalCredit = formatCreditForCheckout(totalCreditStr, currencySymbol, locale);
     const hasPendingAmount = pendingAmount && new BN(pendingAmount || "0").gt(new BN(0));
-    const isRecurring = item.price.type === "recurring";
+    const isRecurring = item.price?.type === "recurring";
     const hasExpiry = validDuration && validDuration > 0;
     const buildBaseParams = () => ({
       amount: formattedTotalCredit,
@@ -208,7 +224,7 @@ export default function ProductItem({
         unit: t(`common.${validDurationUnit}`)
       },
       ...isRecurring && {
-        period: formatRecurring(item.price.recurring, true, "per", locale)
+        period: formatRecurring(item.price?.recurring, true, "per", locale)
       }
     });
     const buildPendingParams = (pendingBN, availableAmount) => ({
@@ -230,7 +246,7 @@ export default function ProductItem({
         unit: t(`common.${validDurationUnit}`)
       },
       ...isRecurring && {
-        period: formatRecurring(item.price.recurring, true, "per", locale)
+        period: formatRecurring(item.price?.recurring, true, "per", locale)
       }
     });
     const getLocaleKey = (category, type2) => {
@@ -259,6 +275,46 @@ export default function ProductItem({
     const type = isRecurring ? "recurringEnough" : "oneTimeEnough";
     return t(getLocaleKey("pending", type), buildPendingParams(pendingAmountBN, actualAvailable));
   };
+  const quantityForUsd = Number.isFinite(localQuantity) ? Number(localQuantity) : item.quantity || 0;
+  const dynamicTokenDisplay = useMemo(() => {
+    if (isStripePayment || !currency) {
+      return null;
+    }
+    const baseAmount = pricingSource?.base_amount;
+    const unitAmount = pricingSource?.unit_amount;
+    if (isDynamicPricing && baseAmount !== void 0 && baseAmount !== null) {
+      if (isPriceLocked) {
+        const quotedAmount = item?.quoted_amount;
+        if (quotedAmount) {
+          const totalBN = new BN(quotedAmount);
+          const tokenValue = fromUnitToToken(totalBN, currency.decimal);
+          return `${formatDynamicPrice(tokenValue, true, 6)} ${currency.symbol}`;
+        }
+      }
+      if (!exchangeRate) {
+        return null;
+      }
+      const rate = Number(exchangeRate);
+      if (rate <= 0 || Number.isNaN(rate)) {
+        return null;
+      }
+      const usdAmount = Number(baseAmount);
+      const tokenAmount = usdAmount / rate;
+      const totalTokens = tokenAmount * (quantityForUsd || 1);
+      return `${formatDynamicPrice(totalTokens, true, 6)} ${currency.symbol}`;
+    }
+    if (!isDynamicPricing && exchangeRate && unitAmount) {
+      const rate = Number(exchangeRate);
+      if (rate <= 0 || Number.isNaN(rate)) {
+        return null;
+      }
+      const usdAmount = Number(unitAmount) / 100;
+      const tokenAmount = usdAmount / rate;
+      const totalTokens = tokenAmount * (quantityForUsd || 1);
+      return `${formatDynamicPrice(totalTokens, true, 6)} ${currency.symbol}`;
+    }
+    return null;
+  }, [isStripePayment, isDynamicPricing, currency, pricingSource, item, exchangeRate, quantityForUsd, isPriceLocked]);
   const formatScheduleInfo = () => {
     if (!hasSchedule || !scheduleConfig) return null;
     const totalCredit = creditAmount * (localQuantity || 0);
@@ -300,14 +356,204 @@ export default function ProductItem({
   const primaryText = useMemo(() => {
     const price = item.upsell_price || item.price || {};
     const isRecurring = price?.type === "recurring" && price?.recurring;
-    const trial = trialInDays > 0 || trialEnd > dayjs().unix();
-    if (isRecurring && !trial && price?.recurring?.usage_type !== "metered") {
-      return `${pricing.primary} ${price.recurring ? formatRecurring(price.recurring, false, "slash", locale) : ""}`;
+    if (isTrial) {
+      return pricing.primary;
+    }
+    let displayAmount;
+    if (!isStripePayment && dynamicTokenDisplay) {
+      displayAmount = dynamicTokenDisplay;
+    } else if (isDynamicPricing && !isStripePayment) {
+      const baseAmount = pricingSource?.base_amount;
+      if (baseAmount !== void 0 && baseAmount !== null) {
+        const usdValue = Number(baseAmount);
+        displayAmount = `\u2248 $${usdValue.toFixed(2)}`;
+      } else {
+        displayAmount = pricing.primary;
+      }
+    } else {
+      displayAmount = pricing.primary;
+    }
+    if (isRecurring && price?.recurring?.usage_type !== "metered") {
+      return `${displayAmount} ${price.recurring ? formatRecurring(price.recurring, false, "slash", locale) : ""}`;
+    }
+    return displayAmount;
+  }, [isTrial, pricing, item, locale, dynamicTokenDisplay, isDynamicPricing, pricingSource, isStripePayment]);
+  const usdReference = useMemo(() => {
+    if (!currency || !isDynamicPricing || isStripePayment) {
+      return null;
+    }
+    const baseAmount = pricingSource?.base_amount;
+    const hasBaseAmount = baseAmount !== void 0 && baseAmount !== null;
+    if (hasBaseAmount) {
+      return getUsdAmountFromBaseAmount(baseAmount, quantityForUsd);
+    }
+    return null;
+  }, [currency, pricingSource, quantityForUsd, isDynamicPricing, isStripePayment]);
+  const usdReferenceDisplay = useMemo(() => formatUsdAmount(usdReference, locale), [usdReference, locale]);
+  const upsellTokenDisplay = useMemo(() => {
+    const upsellPrice = item.price?.upsell?.upsells_to;
+    if (!upsellPrice) {
+      return null;
+    }
+    if (isStripePayment && currency) {
+      const baseAmount2 = upsellPrice?.base_amount;
+      const unitAmount2 = upsellPrice?.unit_amount;
+      let usdAmount2;
+      if (baseAmount2 !== void 0 && baseAmount2 !== null) {
+        usdAmount2 = Number(baseAmount2);
+      } else if (unitAmount2) {
+        usdAmount2 = Number(unitAmount2) / 100;
+      } else {
+        return null;
+      }
+      const recurring2 = upsellPrice?.recurring ? ` ${formatRecurring(upsellPrice.recurring, false, "slash", locale)}` : "";
+      return `${usdAmount2} ${currency.symbol}${recurring2}`;
+    }
+    if (!currency || !exchangeRate) {
+      return null;
+    }
+    const rate = Number(exchangeRate);
+    if (rate <= 0 || Number.isNaN(rate)) {
+      return null;
+    }
+    const baseAmount = upsellPrice?.base_amount;
+    const unitAmount = upsellPrice?.unit_amount;
+    let usdAmount;
+    if (baseAmount !== void 0 && baseAmount !== null) {
+      usdAmount = Number(baseAmount);
+    } else if (unitAmount) {
+      usdAmount = Number(unitAmount) / 100;
+    } else {
+      return null;
+    }
+    const tokenAmount = usdAmount / rate;
+    const recurring = upsellPrice?.recurring ? ` ${formatRecurring(upsellPrice.recurring, false, "slash", locale)}` : "";
+    return `${formatDynamicPrice(tokenAmount, true, 6)} ${currency.symbol}${recurring}`;
+  }, [isStripePayment, currency, exchangeRate, item.price?.upsell?.upsells_to, locale]);
+  const downsellTokenDisplay = useMemo(() => {
+    if (!item.upsell_price_id || !item.price) {
+      return null;
+    }
+    const originalPrice = item.price;
+    if (isStripePayment && currency) {
+      const baseAmount2 = originalPrice?.base_amount;
+      const unitAmount2 = originalPrice?.unit_amount;
+      let usdAmount2;
+      if (baseAmount2 !== void 0 && baseAmount2 !== null) {
+        usdAmount2 = Number(baseAmount2);
+      } else if (unitAmount2) {
+        usdAmount2 = Number(unitAmount2) / 100;
+      } else {
+        return null;
+      }
+      const recurring2 = originalPrice?.recurring ? ` ${formatRecurring(originalPrice.recurring, false, "slash", locale)}` : "";
+      return `${usdAmount2} ${currency.symbol}${recurring2}`;
+    }
+    if (!currency || !exchangeRate) {
+      return null;
+    }
+    const rate = Number(exchangeRate);
+    if (rate <= 0 || Number.isNaN(rate)) {
+      return null;
+    }
+    const baseAmount = originalPrice?.base_amount;
+    const unitAmount = originalPrice?.unit_amount;
+    let usdAmount;
+    if (baseAmount !== void 0 && baseAmount !== null) {
+      usdAmount = Number(baseAmount);
+    } else if (unitAmount) {
+      usdAmount = Number(unitAmount) / 100;
+    } else {
+      return null;
     }
-    return pricing.primary;
-  }, [trialInDays, trialEnd, pricing, item, locale]);
+    const tokenAmount = usdAmount / rate;
+    const recurring = originalPrice?.recurring ? ` ${formatRecurring(originalPrice.recurring, false, "slash", locale)}` : "";
+    return `${formatDynamicPrice(tokenAmount, true, 6)} ${currency.symbol}${recurring}`;
+  }, [isStripePayment, currency, exchangeRate, item.price, item.upsell_price_id, locale]);
+  const displayItemDiscountAmount = useMemo(() => {
+    if (isTrial && item.price?.type === "recurring" || item.price?.recurring?.usage_type === "metered") {
+      return null;
+    }
+    if (!discounts?.length) {
+      return null;
+    }
+    const couponDetails = discounts[0]?.coupon_details;
+    if (isStripePayment && couponDetails) {
+      if (!item.discountable) {
+        return null;
+      }
+      const isDynamic = pricingSource?.pricing_type === "dynamic";
+      const baseAmount = pricingSource?.base_amount;
+      const unitAmount = pricingSource?.unit_amount;
+      let amountCents;
+      if (isDynamic && baseAmount !== void 0 && baseAmount !== null) {
+        amountCents = Number(baseAmount) * 100;
+      } else if (unitAmount) {
+        amountCents = Number(unitAmount);
+      } else {
+        return null;
+      }
+      const quantity = localQuantity || item.quantity || 1;
+      const itemSubtotalCents = amountCents * quantity;
+      if (couponDetails.percent_off && couponDetails.percent_off > 0) {
+        const discountCents = Math.round(itemSubtotalCents * couponDetails.percent_off / 100);
+        return discountCents.toString();
+      }
+      if (couponDetails.amount_off && items.length === 1 && calculatedDiscountAmount) {
+        return calculatedDiscountAmount;
+      }
+      return null;
+    }
+    if (isDynamicPricing && exchangeRate && couponDetails) {
+      const rateNum = Number(exchangeRate);
+      if (rateNum <= 0) {
+        return null;
+      }
+      if (!item.discountable) {
+        return null;
+      }
+      const baseAmount = pricingSource?.base_amount;
+      if (!baseAmount) {
+        return null;
+      }
+      const quantity = localQuantity || item.quantity || 1;
+      const itemTokenAmount = Number(baseAmount) * quantity / rateNum;
+      if (couponDetails.percent_off && couponDetails.percent_off > 0) {
+        const discountAmount = itemTokenAmount * couponDetails.percent_off / 100;
+        const discountAmountUnit = fromTokenToUnit(
+          discountAmount.toFixed(currency.decimal || 8),
+          currency.decimal || 8
+        );
+        return discountAmountUnit.toString();
+      }
+      if (couponDetails.amount_off && items.length === 1 && calculatedDiscountAmount) {
+        return calculatedDiscountAmount;
+      }
+    }
+    if (items.length === 1 && calculatedDiscountAmount) {
+      return calculatedDiscountAmount;
+    }
+    return null;
+  }, [
+    isTrial,
+    discounts,
+    isStripePayment,
+    isDynamicPricing,
+    exchangeRate,
+    item,
+    pricingSource,
+    localQuantity,
+    currency.decimal,
+    items.length,
+    calculatedDiscountAmount
+  ]);
+  const discountCodeDisplay = useMemo(() => {
+    if (!discounts?.length) return null;
+    const discount = discounts[0];
+    return discount.promotion_code_details?.code || discount.verification_data?.code || "DISCOUNT";
+  }, [discounts]);
   const quantityInventoryError = formatQuantityInventory(item.price, localQuantityNum, locale);
-  const features = item.price.product?.features || [];
+  const features = item.price?.product?.features || [];
   return /* @__PURE__ */ jsxs(
     Stack,
     {
@@ -344,8 +590,8 @@ export default function ProductItem({
                     /* @__PURE__ */ jsx(
                       ProductCard,
                       {
-                        logo: item.price.product?.images[0],
-                        name: item.price.product?.name,
+                        logo: item.price?.product?.images[0],
+                        name: item.price?.product?.name,
                         extra: /* @__PURE__ */ jsx(
                           Box,
                           {
@@ -353,7 +599,7 @@ export default function ProductItem({
                               display: "flex",
                               alignItems: "center"
                             },
-                            children: item.price.type === "recurring" && item.price.recurring ? [pricing.quantity, t("common.billed", { rule: `${formatRecurring(item.upsell_price?.recurring || item.price.recurring, true, "per", locale)} ${metered}` })].filter(Boolean).join(", ") : pricing.quantity
+                            children: item.price?.type === "recurring" && item.price?.recurring ? [pricing.quantity, t("common.billed", { rule: `${formatRecurring(item.upsell_price?.recurring || item.price?.recurring, true, "per", locale)} ${metered}` })].filter(Boolean).join(", ") : pricing.quantity
                           }
                         )
                       }
@@ -367,42 +613,70 @@ export default function ProductItem({
                           flex: 1
                         },
                         children: [
-                          /* @__PURE__ */ jsx(Typography, { sx: { color: "text.primary", fontWeight: 500, whiteSpace: "nowrap" }, gutterBottom: true, children: primaryText }),
-                          pricing.secondary && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.74375rem", color: "text.lighter" }, children: pricing.secondary })
+                          /* @__PURE__ */ jsx(
+                            LoadingAmount,
+                            {
+                              value: primaryText,
+                              loading: isRateLoading,
+                              skeletonWidth: 80,
+                              height: 20,
+                              sx: { color: "text.primary", fontWeight: 500 }
+                            }
+                          ),
+                          isDynamicPricing && !isStripePayment && !isTrial && usdReferenceDisplay && /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.74375rem", color: "text.lighter" }, children: [
+                            "\u2248 $",
+                            usdReferenceDisplay
+                          ] }),
+                          pricing.secondary && !isTrial && /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.74375rem", color: "text.lighter" }, children: pricing.secondary })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              item.discount_amounts && item.discount_amounts.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, sx: { mt: 1, alignItems: "center" }, children: item.discount_amounts.map((discountAmount) => /* @__PURE__ */ jsx(
-                Chip,
+              !(isTrial && item.price?.type === "recurring" || item.price?.recurring?.usage_type === "metered") && (displayItemDiscountAmount || item.discount_amounts && item.discount_amounts.length > 0) && /* @__PURE__ */ jsx(
+                Stack,
                 {
-                  icon: /* @__PURE__ */ jsx(LocalOffer, { sx: { fontSize: "0.8rem !important" } }),
-                  label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                    /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: "0.75rem", fontWeight: "medium" }, children: discountAmount.promotion_code?.code || "DISCOUNT" }),
-                    /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { fontSize: "0.75rem" }, children: [
-                      "(-",
-                      formatAmount(discountAmount.amount || "0", currency.decimal),
-                      " ",
-                      currency.symbol,
-                      ")"
-                    ] })
-                  ] }),
-                  size: "small",
-                  variant: "filled",
+                  direction: "row",
+                  spacing: 1,
                   sx: {
-                    height: 20,
-                    "& .MuiChip-icon": {
-                      color: "warning.main"
-                    },
-                    "& .MuiChip-label": {
-                      px: 1
+                    mt: 1,
+                    alignItems: "center",
+                    opacity: isRateLoading ? 0 : 1,
+                    transition: "opacity 300ms ease-in-out"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Chip,
+                    {
+                      icon: /* @__PURE__ */ jsx(LocalOffer, { sx: { fontSize: "0.8rem !important" } }),
+                      label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                        /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: "0.75rem", fontWeight: "medium" }, children: discountCodeDisplay || "DISCOUNT" }),
+                        /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { fontSize: "0.75rem" }, children: [
+                          "(-",
+                          formatAmount(
+                            displayItemDiscountAmount || item.discount_amounts?.[0]?.amount || "0",
+                            currency.decimal
+                          ),
+                          " ",
+                          currency.symbol,
+                          ")"
+                        ] })
+                      ] }),
+                      size: "small",
+                      variant: "filled",
+                      sx: {
+                        height: 20,
+                        "& .MuiChip-icon": {
+                          color: "warning.main"
+                        },
+                        "& .MuiChip-label": {
+                          px: 1
+                        }
+                      }
                     }
-                  }
-                },
-                discountAmount.promotion_code
-              )) }),
+                  )
+                }
+              ),
               showFeatures && features.length > 0 && /* @__PURE__ */ jsx(
                 Box,
                 {
@@ -543,7 +817,7 @@ export default function ProductItem({
             ]
           }
         ),
-        canUpsell && !item.upsell_price_id && item.price.upsell?.upsells_to && /* @__PURE__ */ jsxs(
+        canUpsell && !item.upsell_price_id && item.price?.upsell?.upsells_to && /* @__PURE__ */ jsxs(
           Stack,
           {
             direction: "row",
@@ -572,11 +846,16 @@ export default function ProductItem({
                         sx: { mr: 1 },
                         variant: "success",
                         checked: false,
-                        onChange: () => onUpsell(item.price_id, item.price.upsell?.upsells_to_id)
+                        onChange: () => onUpsell(item.price_id, item.price?.upsell?.upsells_to_id)
                       }
                     ),
                     t("payment.checkout.upsell.save", {
-                      recurring: formatRecurring(item.price.upsell.upsells_to.recurring, true, "per", locale)
+                      recurring: formatRecurring(
+                        item.price?.upsell?.upsells_to?.recurring,
+                        true,
+                        "per",
+                        locale
+                      )
                     }),
                     /* @__PURE__ */ jsx(
                       Status,
@@ -594,7 +873,7 @@ export default function ProductItem({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: 12 }, children: formatPrice(item.price.upsell.upsells_to, currency, item.price.product?.unit_label, 1, true, locale) })
+              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: 12 }, children: upsellTokenDisplay || formatPrice(item.price?.upsell?.upsells_to, currency, item.price?.product?.unit_label, 1, true, locale) })
             ]
           }
         ),
@@ -631,12 +910,12 @@ export default function ProductItem({
                       }
                     ),
                     t("payment.checkout.upsell.revert", {
-                      recurring: t(`common.${formatRecurring(item.price.recurring)}`)
+                      recurring: t(`common.${formatRecurring(item.price?.recurring)}`)
                     })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: 12 }, children: formatPrice(item.price, currency, item.price.product?.unit_label, 1, true, locale) })
+              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontSize: 12 }, children: downsellTokenDisplay || formatPrice(item.price, currency, item.price?.product?.unit_label, 1, true, locale) })
             ]
           }
         )

package/es/payment/summary-section/promotion-section.d.ts

@@ -0,0 +1,32 @@
+/**
+ * PromotionSection Component
+ *
+ * Handles promotion code input, applied discounts display, and removal.
+ */
+import type { TPaymentCurrency } from '@blocklet/payment-types';
+export interface DiscountInfo {
+    promotion_code?: string;
+    coupon?: string;
+    discount_amount?: string;
+    promotion_code_details?: {
+        code?: string;
+    };
+    coupon_details?: any;
+    verification_data?: {
+        code?: string;
+    };
+}
+export interface PromotionSectionProps {
+    checkoutSessionId: string;
+    currency: TPaymentCurrency;
+    currencyId: string;
+    discounts: DiscountInfo[];
+    allowPromotionCodes: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    onPromotionUpdate: () => void;
+    onRemovePromotion: (sessionId: string) => void;
+    calculatedDiscountAmount?: string | null;
+    isRateLoading?: boolean;
+}
+export default function PromotionSection({ checkoutSessionId, currency, currencyId, discounts, allowPromotionCodes, completed, disabled, onPromotionUpdate, onRemovePromotion, calculatedDiscountAmount, isRateLoading, }: PromotionSectionProps): import("react").JSX.Element | null;