@windrun-huaiin/third-ui 7.3.2 → 7.3.4

package/dist/main/money-price/money-price-types.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Money Price Component Types
+ * 价格组件类型定义
+ */
+export declare enum UserState {
+    Anonymous = "anonymous",
+    FreeUser = "free",
+    ProUser = "pro",
+    UltraUser = "ultra"
+}
+export interface UserContext {
+    isAuthenticated: boolean;
+    subscriptionStatus: UserState;
+    subscriptionType?: 'monthly' | 'yearly';
+    subscriptionEndDate?: string;
+}
+export type PaymentProvider = 'stripe' | 'apple' | 'paypal' | 'wechat' | 'alipay';
+export interface EnhancePricePlan {
+    priceId: string;
+    amount: number;
+    originalAmount?: number;
+    discountPercent?: number;
+    currency: string;
+    credits?: number;
+}
+export interface ProductConfig {
+    key: string;
+    name: string;
+    plans: {
+        monthly: EnhancePricePlan;
+        yearly: EnhancePricePlan;
+    };
+}
+export interface PaymentProviderConfig {
+    provider: PaymentProvider;
+    enabled: boolean;
+    products: {
+        free: ProductConfig;
+        pro: ProductConfig;
+        ultra: ProductConfig;
+    };
+}
+export interface MoneyPriceConfig {
+    paymentProviders: {
+        [provider: string]: PaymentProviderConfig;
+    };
+    activeProvider: string;
+    display: {
+        currency: string;
+        locale: string;
+        minFeaturesCount: number;
+    };
+}
+export interface MoneyPriceProps {
+    locale: string;
+    config: MoneyPriceConfig;
+    className?: string;
+    upgradeApiEndpoint?: string;
+    signInPath?: string;
+    sectionClassName?: string;
+}
+export interface MoneyPriceInteractiveProps {
+    data: MoneyPriceData;
+    config: MoneyPriceConfig;
+    upgradeApiEndpoint?: string;
+    signInPath?: string;
+}
+export interface MoneyPriceButtonProps {
+    planKey: 'free' | 'pro' | 'ultra';
+    userContext: UserContext;
+    billingType: 'monthly' | 'yearly';
+    onLogin: () => void;
+    onUpgrade: (plan: string, billingType: string) => void | Promise<void>;
+    texts: {
+        getStarted: string;
+        getPro: string;
+        getUltra: string;
+        currentPlan: string;
+        upgrade: string;
+    };
+    isProcessing?: boolean;
+}
+export interface MoneyPriceData {
+    title: string;
+    subtitle: string;
+    billingSwitch: {
+        options: Array<{
+            key: string;
+            name: string;
+            unit: string;
+            discountText: string;
+            subTitle?: string;
+        }>;
+        defaultKey: string;
+    };
+    plans: Array<{
+        key: string;
+        title: string;
+        showBillingSubTitle?: boolean;
+        titleTags?: string[];
+        features?: Array<{
+            description: string;
+            icon?: string;
+            tag?: string;
+            tooltip?: string;
+        }>;
+    }>;
+    buttonTexts: {
+        getStarted: string;
+        getPro: string;
+        getUltra: string;
+        currentPlan: string;
+        upgrade: string;
+    };
+    currency: string;
+}

package/dist/main/money-price/money-price-types.js

@@ -0,0 +1,14 @@
+'use strict';
+
+/**
+ * Money Price Component Types
+ * 价格组件类型定义
+ */
+// 用户状态枚举
+exports.UserState = void 0;
+(function (UserState) {
+    UserState["Anonymous"] = "anonymous";
+    UserState["FreeUser"] = "free";
+    UserState["ProUser"] = "pro";
+    UserState["UltraUser"] = "ultra";
+})(exports.UserState || (exports.UserState = {}));

package/dist/main/money-price/money-price-types.mjs

@@ -0,0 +1,14 @@
+/**
+ * Money Price Component Types
+ * 价格组件类型定义
+ */
+// 用户状态枚举
+var UserState;
+(function (UserState) {
+    UserState["Anonymous"] = "anonymous";
+    UserState["FreeUser"] = "free";
+    UserState["ProUser"] = "pro";
+    UserState["UltraUser"] = "ultra";
+})(UserState || (UserState = {}));
+
+export { UserState };

package/dist/main/money-price/money-price.d.ts

@@ -0,0 +1,2 @@
+import type { MoneyPriceProps } from './money-price-types';
+export declare function MoneyPrice({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }: MoneyPriceProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/main/money-price/money-price.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@windrun-huaiin/base-ui/components/server');
+require('next-themes');
+require('react');
+require('fumadocs-core/framework');
+var utils = require('@windrun-huaiin/lib/utils');
+require('next/link');
+var gradientButton = require('../../fuma/mdx/gradient-button.js');
+require('next/navigation');
+require('fumadocs-ui/utils/use-copy-button');
+require('fumadocs-core/link');
+require('@windrun-huaiin/base-ui/ui');
+require('fumadocs-ui/components/ui/collapsible');
+require('../../fuma/mdx/banner.js');
+var server = require('next-intl/server');
+var moneyPriceConfigUtil = require('./money-price-config-util.js');
+var moneyPriceInteractive = require('./money-price-interactive.js');
+
+function MoneyPrice(_a) {
+    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }) {
+        var _b, _c;
+        const t = yield server.getTranslations({ locale, namespace: 'moneyPrice' });
+        const data = {
+            title: t('title'),
+            subtitle: t('subtitle'),
+            billingSwitch: t.raw('billingSwitch'),
+            plans: t.raw('plans'),
+            buttonTexts: t.raw('buttonTexts'),
+            currency: config.display.currency
+        };
+        // 获取激活的支付供应商配置
+        const providerConfig = moneyPriceConfigUtil.getActiveProviderConfig(config);
+        const minPlanFeaturesCount = config.display.minFeaturesCount;
+        // 使用默认计费类型进行静态渲染
+        const defaultBilling = data.billingSwitch.defaultKey;
+        const defaultBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === defaultBilling) || data.billingSwitch.options[0];
+        // 计算特性数量
+        const maxFeaturesCount = Math.max(...data.plans.map((plan) => { var _a; return ((_a = plan.features) === null || _a === void 0 ? void 0 : _a.length) || 0; }), minPlanFeaturesCount || 0);
+        // 处理卡片高度对齐
+        const getFeatureRows = (plan) => {
+            const features = plan.features || [];
+            const filled = [...features];
+            while (filled.length < maxFeaturesCount)
+                filled.push(null);
+            return filled;
+        };
+        // 静态价格渲染逻辑
+        function renderPrice(plan, billingKey = data.billingSwitch.defaultKey) {
+            const productConfig = providerConfig.products[plan.key];
+            const pricing = productConfig.plans[billingKey];
+            const currentBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === billingKey) || defaultBillingDisplay;
+            const billingSubTitle = (currentBillingDisplay === null || currentBillingDisplay === void 0 ? void 0 : currentBillingDisplay.subTitle) || '';
+            // 免费计划
+            if (pricing.amount === 0) {
+                return (jsxRuntime.jsxs("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [jsxRuntime.jsx("div", { className: "flex items-end gap-2", children: jsxRuntime.jsx("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: "Free" }) }), jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: jsxRuntime.jsx("span", { className: utils.cn('text-xs text-gray-700 dark:text-gray-300 font-medium', plan.showBillingSubTitle === false && 'opacity-0 select-none'), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? '' : billingSubTitle }) })] }));
+            }
+            // 付费计划
+            const hasDiscount = pricing.discountPercent && pricing.discountPercent > 0;
+            const unit = currentBillingDisplay.unit || '';
+            let discountText = '';
+            if (hasDiscount && currentBillingDisplay.discountText) {
+                discountText = currentBillingDisplay.discountText.replace('{percent}', String(pricing.discountPercent));
+            }
+            return (jsxRuntime.jsxs("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [jsxRuntime.jsxs("div", { className: "flex items-end gap-2", children: [jsxRuntime.jsxs("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: [data.currency, pricing.amount] }), jsxRuntime.jsx("span", { className: "text-lg text-gray-700 dark:text-gray-300 font-medium mb-1", "data-price-unit": plan.key, children: unit })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: [hasDiscount && pricing.originalAmount && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("span", { className: "text-base text-gray-400 line-through", "data-price-original": plan.key, children: [data.currency, pricing.originalAmount] }), discountText && (jsxRuntime.jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 font-semibold align-middle", "data-price-discount": plan.key, children: discountText }))] })), jsxRuntime.jsx("span", { className: utils.cn('text-xs text-gray-700 dark:text-gray-300 font-medium', plan.showBillingSubTitle === false && 'opacity-0 select-none'), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? '' : billingSubTitle })] })] }));
+        }
+        return (jsxRuntime.jsxs("section", { id: "money-pricing", className: utils.cn("px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl scroll-mt-10", sectionClassName), children: [jsxRuntime.jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: data.title }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: data.subtitle }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [jsxRuntime.jsx("div", { className: "flex items-center relative mb-3", children: jsxRuntime.jsxs("div", { className: "flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full p-1", "data-billing-switch": true, children: [jsxRuntime.jsx("button", { className: utils.cn('min-w-[120px] px-6 py-2 font-medium transition text-lg relative', data.billingSwitch.defaultKey === 'monthly'
+                                            ? 'text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'
+                                            : 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full'), "data-billing-button": "monthly", type: "button", children: ((_b = data.billingSwitch.options.find((opt) => opt.key === 'monthly')) === null || _b === void 0 ? void 0 : _b.name) || 'Monthly' }), jsxRuntime.jsx("button", { className: utils.cn('min-w-[120px] px-6 py-2 font-medium transition text-lg relative', data.billingSwitch.defaultKey === 'yearly'
+                                            ? 'text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'
+                                            : 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full'), "data-billing-button": "yearly", type: "button", children: ((_c = data.billingSwitch.options.find((opt) => opt.key === 'yearly')) === null || _c === void 0 ? void 0 : _c.name) || 'Yearly' })] }) }), jsxRuntime.jsx("div", { className: "h-8 flex items-center justify-center mb-3", "data-discount-info": true, children: (() => {
+                                const opt = data.billingSwitch.options.find((opt) => opt.key === data.billingSwitch.defaultKey);
+                                // 检查默认计费类型是否有折扣
+                                let hasDiscount = false;
+                                let discountPercent = 0;
+                                ['pro', 'ultra'].forEach(planKey => {
+                                    const product = providerConfig.products[planKey];
+                                    const pricing = product.plans[data.billingSwitch.defaultKey];
+                                    if (pricing.discountPercent) {
+                                        hasDiscount = true;
+                                        discountPercent = pricing.discountPercent;
+                                    }
+                                });
+                                if (!(opt && hasDiscount && opt.discountText))
+                                    return null;
+                                return (jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap", children: opt.discountText.replace('{percent}', String(discountPercent)) }));
+                            })() })] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => (jsxRuntime.jsxs("div", { "data-price-plan": plan.key, className: utils.cn('flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 h-full shadow-sm dark:shadow-none', 'hover:border-2 hover:border-purple-500', 'focus-within:border-2 focus-within:border-purple-500'), style: { minHeight: maxFeaturesCount * 100 }, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [jsxRuntime.jsx("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }), plan.titleTags && plan.titleTags.map((tag, i) => (jsxRuntime.jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i)))] }), renderPrice(plan), jsxRuntime.jsx("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => (jsxRuntime.jsxs("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [feature ? (jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? jsxRuntime.jsx("span", { children: feature.icon }) : jsxRuntime.jsx("span", { className: "font-bold", children: "\u2713" }) })) : (jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\u00A0" })), feature && feature.tag && (jsxRuntime.jsx("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag })), feature ? (jsxRuntime.jsxs("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [feature.description, feature.tooltip && (jsxRuntime.jsx("span", { className: "ml-1 align-middle inline-flex", "data-tooltip-trigger": `${plan.key}-${i}`, "data-tooltip-content": feature.tooltip, children: jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }))] })) : (jsxRuntime.jsx("span", { children: "\u00A0" }))] }, i))) }), jsxRuntime.jsx("div", { className: "flex-1" }), jsxRuntime.jsx("div", { "data-button-placeholder": plan.key, children: jsxRuntime.jsx(gradientButton.GradientButton, { title: data.buttonTexts.getStarted, disabled: true, align: "center", className: "w-full" }) })] }, plan.key))) }), jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
+    });
+}
+
+exports.MoneyPrice = MoneyPrice;

package/dist/main/money-price/money-price.mjs

@@ -0,0 +1,91 @@
+import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@windrun-huaiin/base-ui/components/server';
+import 'next-themes';
+import 'react';
+import 'fumadocs-core/framework';
+import { cn } from '@windrun-huaiin/lib/utils';
+import 'next/link';
+import { GradientButton } from '../../fuma/mdx/gradient-button.mjs';
+import 'next/navigation';
+import 'fumadocs-ui/utils/use-copy-button';
+import 'fumadocs-core/link';
+import '@windrun-huaiin/base-ui/ui';
+import 'fumadocs-ui/components/ui/collapsible';
+import '../../fuma/mdx/banner.mjs';
+import { getTranslations } from 'next-intl/server';
+import { getActiveProviderConfig } from './money-price-config-util.mjs';
+import { MoneyPriceInteractive } from './money-price-interactive.mjs';
+
+function MoneyPrice(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }) {
+        var _b, _c;
+        const t = yield getTranslations({ locale, namespace: 'moneyPrice' });
+        const data = {
+            title: t('title'),
+            subtitle: t('subtitle'),
+            billingSwitch: t.raw('billingSwitch'),
+            plans: t.raw('plans'),
+            buttonTexts: t.raw('buttonTexts'),
+            currency: config.display.currency
+        };
+        // 获取激活的支付供应商配置
+        const providerConfig = getActiveProviderConfig(config);
+        const minPlanFeaturesCount = config.display.minFeaturesCount;
+        // 使用默认计费类型进行静态渲染
+        const defaultBilling = data.billingSwitch.defaultKey;
+        const defaultBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === defaultBilling) || data.billingSwitch.options[0];
+        // 计算特性数量
+        const maxFeaturesCount = Math.max(...data.plans.map((plan) => { var _a; return ((_a = plan.features) === null || _a === void 0 ? void 0 : _a.length) || 0; }), minPlanFeaturesCount || 0);
+        // 处理卡片高度对齐
+        const getFeatureRows = (plan) => {
+            const features = plan.features || [];
+            const filled = [...features];
+            while (filled.length < maxFeaturesCount)
+                filled.push(null);
+            return filled;
+        };
+        // 静态价格渲染逻辑
+        function renderPrice(plan, billingKey = data.billingSwitch.defaultKey) {
+            const productConfig = providerConfig.products[plan.key];
+            const pricing = productConfig.plans[billingKey];
+            const currentBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === billingKey) || defaultBillingDisplay;
+            const billingSubTitle = (currentBillingDisplay === null || currentBillingDisplay === void 0 ? void 0 : currentBillingDisplay.subTitle) || '';
+            // 免费计划
+            if (pricing.amount === 0) {
+                return (jsxs("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [jsx("div", { className: "flex items-end gap-2", children: jsx("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: "Free" }) }), jsx("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: jsx("span", { className: cn('text-xs text-gray-700 dark:text-gray-300 font-medium', plan.showBillingSubTitle === false && 'opacity-0 select-none'), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? '' : billingSubTitle }) })] }));
+            }
+            // 付费计划
+            const hasDiscount = pricing.discountPercent && pricing.discountPercent > 0;
+            const unit = currentBillingDisplay.unit || '';
+            let discountText = '';
+            if (hasDiscount && currentBillingDisplay.discountText) {
+                discountText = currentBillingDisplay.discountText.replace('{percent}', String(pricing.discountPercent));
+            }
+            return (jsxs("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [jsxs("div", { className: "flex items-end gap-2", children: [jsxs("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: [data.currency, pricing.amount] }), jsx("span", { className: "text-lg text-gray-700 dark:text-gray-300 font-medium mb-1", "data-price-unit": plan.key, children: unit })] }), jsxs("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: [hasDiscount && pricing.originalAmount && (jsxs(Fragment, { children: [jsxs("span", { className: "text-base text-gray-400 line-through", "data-price-original": plan.key, children: [data.currency, pricing.originalAmount] }), discountText && (jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 font-semibold align-middle", "data-price-discount": plan.key, children: discountText }))] })), jsx("span", { className: cn('text-xs text-gray-700 dark:text-gray-300 font-medium', plan.showBillingSubTitle === false && 'opacity-0 select-none'), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? '' : billingSubTitle })] })] }));
+        }
+        return (jsxs("section", { id: "money-pricing", className: cn("px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl scroll-mt-10", sectionClassName), children: [jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: data.title }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: data.subtitle }), jsxs("div", { className: "flex flex-col items-center", children: [jsx("div", { className: "flex items-center relative mb-3", children: jsxs("div", { className: "flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full p-1", "data-billing-switch": true, children: [jsx("button", { className: cn('min-w-[120px] px-6 py-2 font-medium transition text-lg relative', data.billingSwitch.defaultKey === 'monthly'
+                                            ? 'text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'
+                                            : 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full'), "data-billing-button": "monthly", type: "button", children: ((_b = data.billingSwitch.options.find((opt) => opt.key === 'monthly')) === null || _b === void 0 ? void 0 : _b.name) || 'Monthly' }), jsx("button", { className: cn('min-w-[120px] px-6 py-2 font-medium transition text-lg relative', data.billingSwitch.defaultKey === 'yearly'
+                                            ? 'text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'
+                                            : 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full'), "data-billing-button": "yearly", type: "button", children: ((_c = data.billingSwitch.options.find((opt) => opt.key === 'yearly')) === null || _c === void 0 ? void 0 : _c.name) || 'Yearly' })] }) }), jsx("div", { className: "h-8 flex items-center justify-center mb-3", "data-discount-info": true, children: (() => {
+                                const opt = data.billingSwitch.options.find((opt) => opt.key === data.billingSwitch.defaultKey);
+                                // 检查默认计费类型是否有折扣
+                                let hasDiscount = false;
+                                let discountPercent = 0;
+                                ['pro', 'ultra'].forEach(planKey => {
+                                    const product = providerConfig.products[planKey];
+                                    const pricing = product.plans[data.billingSwitch.defaultKey];
+                                    if (pricing.discountPercent) {
+                                        hasDiscount = true;
+                                        discountPercent = pricing.discountPercent;
+                                    }
+                                });
+                                if (!(opt && hasDiscount && opt.discountText))
+                                    return null;
+                                return (jsx("span", { className: "px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap", children: opt.discountText.replace('{percent}', String(discountPercent)) }));
+                            })() })] }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => (jsxs("div", { "data-price-plan": plan.key, className: cn('flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 h-full shadow-sm dark:shadow-none', 'hover:border-2 hover:border-purple-500', 'focus-within:border-2 focus-within:border-purple-500'), style: { minHeight: maxFeaturesCount * 100 }, children: [jsxs("div", { className: "flex items-center gap-2 mb-2", children: [jsx("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }), plan.titleTags && plan.titleTags.map((tag, i) => (jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i)))] }), renderPrice(plan), jsx("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => (jsxs("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [feature ? (jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? jsx("span", { children: feature.icon }) : jsx("span", { className: "font-bold", children: "\u2713" }) })) : (jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\u00A0" })), feature && feature.tag && (jsx("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag })), feature ? (jsxs("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [feature.description, feature.tooltip && (jsx("span", { className: "ml-1 align-middle inline-flex", "data-tooltip-trigger": `${plan.key}-${i}`, "data-tooltip-content": feature.tooltip, children: jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }))] })) : (jsx("span", { children: "\u00A0" }))] }, i))) }), jsx("div", { className: "flex-1" }), jsx("div", { "data-button-placeholder": plan.key, children: jsx(GradientButton, { title: data.buttonTexts.getStarted, disabled: true, align: "center", className: "w-full" }) })] }, plan.key))) }), jsx(MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
+    });
+}
+
+export { MoneyPrice };

package/dist/main/price-plan.js

@@ -11,6 +11,18 @@ require('next/image');
 require('@windrun-huaiin/base-ui/ui');
 require('./rich-text-expert.js');
 var pricePlanInteractive = require('./price-plan-interactive.js');
+require('@clerk/nextjs');
+require('../clerk/fingerprint/fingerprint-provider.js');
+require('next/navigation');
+require('react-dom/client');
+require('next-themes');
+require('fumadocs-core/framework');
+require('next/link');
+require('fumadocs-ui/utils/use-copy-button');
+require('fumadocs-core/link');
+require('fumadocs-ui/components/ui/collapsible');
+require('../fuma/mdx/banner.js');
+require('./money-price/money-price-types.js');
 
 function PricePlan(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, currency = '$', pricePlanConfig, sectionClassName }) {

package/dist/main/price-plan.mjs

@@ -9,6 +9,18 @@ import 'next/image';
 import '@windrun-huaiin/base-ui/ui';
 import './rich-text-expert.mjs';
 import { PricePlanInteractive } from './price-plan-interactive.mjs';
+import '@clerk/nextjs';
+import '../clerk/fingerprint/fingerprint-provider.mjs';
+import 'next/navigation';
+import 'react-dom/client';
+import 'next-themes';
+import 'fumadocs-core/framework';
+import 'next/link';
+import 'fumadocs-ui/utils/use-copy-button';
+import 'fumadocs-core/link';
+import 'fumadocs-ui/components/ui/collapsible';
+import '../fuma/mdx/banner.mjs';
+import './money-price/money-price-types.mjs';
 
 function PricePlan(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, currency = '$', pricePlanConfig, sectionClassName }) {

package/dist/main/server.d.ts

@@ -7,3 +7,7 @@ export * from './seo-content';
 export * from './cta';
 export * from './footer';
 export * from './price-plan';
+export { MoneyPrice } from './money-price/money-price';
+export { getActiveProviderConfig, getProductPricing } from './money-price/money-price-config-util';
+export type { MoneyPriceConfig, MoneyPriceProps, MoneyPriceInteractiveProps, MoneyPriceButtonProps, MoneyPriceData, PaymentProvider, PaymentProviderConfig, EnhancePricePlan, ProductConfig, UserContext } from './money-price/money-price-types';
+export { UserState } from './money-price/money-price-types';

package/dist/main/server.js

@@ -9,6 +9,9 @@ var seoContent = require('./seo-content.js');
 var cta = require('./cta.js');
 var footer = require('./footer.js');
 var pricePlan = require('./price-plan.js');
+var moneyPrice = require('./money-price/money-price.js');
+var moneyPriceConfigUtil = require('./money-price/money-price-config-util.js');
+var moneyPriceTypes = require('./money-price/money-price-types.js');
 
 
 
@@ -21,3 +24,10 @@ exports.SeoContent = seoContent.SeoContent;
 exports.CTA = cta.CTA;
 exports.Footer = footer.Footer;
 exports.PricePlan = pricePlan.PricePlan;
+exports.MoneyPrice = moneyPrice.MoneyPrice;
+exports.getActiveProviderConfig = moneyPriceConfigUtil.getActiveProviderConfig;
+exports.getProductPricing = moneyPriceConfigUtil.getProductPricing;
+Object.defineProperty(exports, "UserState", {
+	enumerable: true,
+	get: function () { return moneyPriceTypes.UserState; }
+});

package/dist/main/server.mjs

@@ -7,3 +7,6 @@ export { SeoContent } from './seo-content.mjs';
 export { CTA } from './cta.mjs';
 export { Footer } from './footer.mjs';
 export { PricePlan } from './price-plan.mjs';
+export { MoneyPrice } from './money-price/money-price.mjs';
+export { getActiveProviderConfig, getProductPricing } from './money-price/money-price-config-util.mjs';
+export { UserState } from './money-price/money-price-types.mjs';

package/dist/node_modules/.pnpm/cose-base@1.0.3/node_modules/cose-base/cose-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var coseBase$1 = require('../../../../../_virtual/cose-base2.js');
+var coseBase$1 = require('../../../../../_virtual/cose-base.js');
 var layoutBase = require('../../../layout-base@1.0.2/node_modules/layout-base/layout-base.js');
 
 var coseBase = coseBase$1.__module.exports;

package/dist/node_modules/.pnpm/cose-base@1.0.3/node_modules/cose-base/cose-base.mjs

@@ -1,4 +1,4 @@
-import { __module as coseBase$1 } from '../../../../../_virtual/cose-base.mjs';
+import { __module as coseBase$1 } from '../../../../../_virtual/cose-base2.mjs';
 import { __require as requireLayoutBase } from '../../../layout-base@1.0.2/node_modules/layout-base/layout-base.mjs';
 
 var coseBase = coseBase$1.exports;

package/dist/node_modules/.pnpm/cose-base@2.2.0/node_modules/cose-base/cose-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var coseBase$1 = require('../../../../../_virtual/cose-base.js');
+var coseBase$1 = require('../../../../../_virtual/cose-base2.js');
 var layoutBase = require('../../../layout-base@2.0.1/node_modules/layout-base/layout-base.js');
 
 var coseBase = coseBase$1.__module.exports;

package/dist/node_modules/.pnpm/cose-base@2.2.0/node_modules/cose-base/cose-base.mjs

@@ -1,4 +1,4 @@
-import { __module as coseBase$1 } from '../../../../../_virtual/cose-base2.mjs';
+import { __module as coseBase$1 } from '../../../../../_virtual/cose-base.mjs';
 import { __require as requireLayoutBase } from '../../../layout-base@2.0.1/node_modules/layout-base/layout-base.mjs';
 
 var coseBase = coseBase$1.exports;

package/dist/node_modules/.pnpm/layout-base@1.0.2/node_modules/layout-base/layout-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var layoutBase$1 = require('../../../../../_virtual/layout-base2.js');
+var layoutBase$1 = require('../../../../../_virtual/layout-base.js');
 
 var layoutBase = layoutBase$1.__module.exports;
 

package/dist/node_modules/.pnpm/layout-base@2.0.1/node_modules/layout-base/layout-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var layoutBase$1 = require('../../../../../_virtual/layout-base.js');
+var layoutBase$1 = require('../../../../../_virtual/layout-base2.js');
 
 var layoutBase = layoutBase$1.__module.exports;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "7.3.2",
+  "version": "7.3.4",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/clerk/fingerprint/fingerprint-provider.tsx

@@ -1,7 +1,8 @@
 'use client';
 
-import React, { createContext, useContext, useState } from 'react';
+import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
 import { useFingerprint } from './use-fingerprint';
+import { globalLucideIcons as icons } from '@windrun-huaiin/base-ui/components/server';
 import type { 
   FingerprintContextType, 
   FingerprintProviderProps 
@@ -78,11 +79,35 @@ export function FingerprintStatus() {
   } = useFingerprintContext();
 
   const [isOpen, setIsOpen] = useState(false);
+  const modalRef = useRef<HTMLDivElement>(null);
 
   const handleToggle = () => {
     setIsOpen(!isOpen);
   };
 
+  const handleBackdropClick = (e: React.MouseEvent) => {
+    if (e.target === e.currentTarget) {
+      setIsOpen(false);
+    }
+  };
+
+  // ESC键关闭弹框
+  useEffect(() => {
+    const handleEscKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape' && isOpen) {
+        setIsOpen(false);
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener('keydown', handleEscKey);
+    }
+
+    return () => {
+      document.removeEventListener('keydown', handleEscKey);
+    };
+  }, [isOpen]);
+
   return (
     <>
       <button
@@ -104,17 +129,20 @@ export function FingerprintStatus() {
           boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)',
         }}
       >
-        <span style={{
-          fontSize: '24px',
-          color: 'white',
-          transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-          transition: 'transform 0.3s ease',
-        }}>▼</span>
+        <icons.BTC 
+          size={24}
+          style={{
+            color: 'white',
+            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+            transition: 'transform 0.3s ease',
+          }}
+        />
       </button>
 
       {isOpen && (
         <>
           <div
+            onClick={handleBackdropClick}
             style={{
               position: 'fixed',
               top: 0,
@@ -126,6 +154,7 @@ export function FingerprintStatus() {
             }}
           />
           <div
+            ref={modalRef}
             style={{
               position: 'fixed',
               top: '70px',
@@ -135,7 +164,7 @@ export function FingerprintStatus() {
               borderRadius: '5px',
               fontSize: '12px',
               fontFamily: 'monospace',
-              maxWidth: '300px',
+              maxWidth: '500px',
               zIndex: 9999,
               border: '1px solid #ccc',
               boxShadow: '0 4px 12px rgba(0, 0, 0, 0.2)',
@@ -158,18 +187,22 @@ export function FingerprintStatus() {
                 <strong>Credits:</strong> {xCredit.balanceFree} Free + {xCredit.balancePaid} Paid = {xCredit.totalBalance} Total
               </div>
             )}
-            {xSubscription && (
-              <div>
-                <strong>user_id:</strong> {xSubscription.userId} <br/>
-                <strong>pay_subscription_id:</strong> {xSubscription.paySubscriptionId} <br/>
-                <strong>price_id:</strong> {xSubscription.priceId || 'None'} <br/>
-                <strong>price_name:</strong> {xSubscription.priceName || 'None'} <br/>
-                <strong>status:</strong> {xSubscription.status || 'Free'} <br/>
-                <strong>credits_allocated:</strong> {xSubscription.creditsAllocated || ''} <br/>
-                <strong>sub_period_start:</strong> {xSubscription.subPeriodStart || ''} <br/>
-                <strong>sub_period_end:</strong> {xSubscription.subPeriodEnd || ''} <br/>
-              </div>
-            )}
+            <div>
+              {xSubscription ? (
+                <>
+                  <strong>user_id:</strong> {xSubscription.userId} <br/>
+                  <strong>pay_subscription_id:</strong> {xSubscription.paySubscriptionId} <br/>
+                  <strong>price_id:</strong> {xSubscription.priceId || 'None'} <br/>
+                  <strong>price_name:</strong> {xSubscription.priceName || 'None'} <br/>
+                  <strong>status:</strong> {xSubscription.status || 'Free'} <br/>
+                  <strong>credits_allocated:</strong> {xSubscription.creditsAllocated || ''} <br/>
+                  <strong>sub_period_start:</strong> {xSubscription.subPeriodStart || ''} <br/>
+                  <strong>sub_period_end:</strong> {xSubscription.subPeriodEnd || ''} <br/>
+                </>
+              ) : (
+                <strong>No Subscription, Default as Hobby Plan</strong>
+              )}
+            </div>
           </div>
         </>
       )}

package/src/clerk/fingerprint/use-fingerprint.ts

@@ -97,7 +97,7 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
     } finally {
       setIsLoading(false);
     }
-  }, [fingerprintId]);
+  }, [fingerprintId, config.apiEndpoint]);
 
   /**
    * 刷新用户数据