@windrun-huaiin/third-ui 7.3.10 → 7.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main/faq.js +1 -7
- package/dist/main/faq.mjs +1 -7
- package/dist/main/gallery.js +1 -7
- package/dist/main/gallery.mjs +1 -7
- package/dist/main/money-price/money-price-button.js +2 -14
- package/dist/main/money-price/money-price-button.mjs +1 -13
- package/dist/main/money-price/money-price-interactive.js +1 -0
- package/dist/main/money-price/money-price-interactive.mjs +1 -0
- package/dist/main/money-price/money-price.js +13 -1
- package/dist/main/money-price/money-price.mjs +13 -1
- package/dist/main/price-plan.js +1 -7
- package/dist/main/price-plan.mjs +1 -7
- package/dist/node_modules/.pnpm/cose-base@1.0.3/node_modules/cose-base/cose-base.js +1 -1
- package/dist/node_modules/.pnpm/cose-base@2.2.0/node_modules/cose-base/cose-base.js +1 -1
- package/dist/node_modules/.pnpm/layout-base@1.0.2/node_modules/layout-base/layout-base.js +1 -1
- package/dist/node_modules/.pnpm/layout-base@2.0.1/node_modules/layout-base/layout-base.js +1 -1
- package/package.json +1 -1
- package/src/main/money-price/money-price-button.tsx +1 -1
- package/src/main/money-price/money-price-interactive.tsx +1 -0
- package/src/main/money-price/money-price.tsx +8 -2
package/dist/main/faq.js
CHANGED
|
@@ -15,13 +15,7 @@ require('next/navigation');
|
|
|
15
15
|
require('@clerk/nextjs');
|
|
16
16
|
require('../clerk/fingerprint/fingerprint-provider.js');
|
|
17
17
|
require('react-dom');
|
|
18
|
-
require('
|
|
19
|
-
require('fumadocs-core/framework');
|
|
20
|
-
require('next/link');
|
|
21
|
-
require('fumadocs-ui/utils/use-copy-button');
|
|
22
|
-
require('fumadocs-core/link');
|
|
23
|
-
require('fumadocs-ui/components/ui/collapsible');
|
|
24
|
-
require('../fuma/mdx/banner.js');
|
|
18
|
+
require('@windrun-huaiin/third-ui/fuma/mdx');
|
|
25
19
|
require('./money-price/money-price-types.js');
|
|
26
20
|
|
|
27
21
|
function FAQ(_a) {
|
package/dist/main/faq.mjs
CHANGED
|
@@ -13,13 +13,7 @@ import 'next/navigation';
|
|
|
13
13
|
import '@clerk/nextjs';
|
|
14
14
|
import '../clerk/fingerprint/fingerprint-provider.mjs';
|
|
15
15
|
import 'react-dom';
|
|
16
|
-
import '
|
|
17
|
-
import 'fumadocs-core/framework';
|
|
18
|
-
import 'next/link';
|
|
19
|
-
import 'fumadocs-ui/utils/use-copy-button';
|
|
20
|
-
import 'fumadocs-core/link';
|
|
21
|
-
import 'fumadocs-ui/components/ui/collapsible';
|
|
22
|
-
import '../fuma/mdx/banner.mjs';
|
|
16
|
+
import '@windrun-huaiin/third-ui/fuma/mdx';
|
|
23
17
|
import './money-price/money-price-types.mjs';
|
|
24
18
|
|
|
25
19
|
function FAQ(_a) {
|
package/dist/main/gallery.js
CHANGED
|
@@ -15,13 +15,7 @@ var galleryInteractive = require('./gallery-interactive.js');
|
|
|
15
15
|
require('@clerk/nextjs');
|
|
16
16
|
require('../clerk/fingerprint/fingerprint-provider.js');
|
|
17
17
|
require('react-dom');
|
|
18
|
-
require('
|
|
19
|
-
require('fumadocs-core/framework');
|
|
20
|
-
require('next/link');
|
|
21
|
-
require('fumadocs-ui/utils/use-copy-button');
|
|
22
|
-
require('fumadocs-core/link');
|
|
23
|
-
require('fumadocs-ui/components/ui/collapsible');
|
|
24
|
-
require('../fuma/mdx/banner.js');
|
|
18
|
+
require('@windrun-huaiin/third-ui/fuma/mdx');
|
|
25
19
|
require('./money-price/money-price-types.js');
|
|
26
20
|
|
|
27
21
|
function Gallery(_a) {
|
package/dist/main/gallery.mjs
CHANGED
|
@@ -13,13 +13,7 @@ import { GalleryInteractive } from './gallery-interactive.mjs';
|
|
|
13
13
|
import '@clerk/nextjs';
|
|
14
14
|
import '../clerk/fingerprint/fingerprint-provider.mjs';
|
|
15
15
|
import 'react-dom';
|
|
16
|
-
import '
|
|
17
|
-
import 'fumadocs-core/framework';
|
|
18
|
-
import 'next/link';
|
|
19
|
-
import 'fumadocs-ui/utils/use-copy-button';
|
|
20
|
-
import 'fumadocs-core/link';
|
|
21
|
-
import 'fumadocs-ui/components/ui/collapsible';
|
|
22
|
-
import '../fuma/mdx/banner.mjs';
|
|
16
|
+
import '@windrun-huaiin/third-ui/fuma/mdx';
|
|
23
17
|
import './money-price/money-price-types.mjs';
|
|
24
18
|
|
|
25
19
|
function Gallery(_a) {
|
|
@@ -2,20 +2,8 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
require('
|
|
5
|
+
var mdx = require('@windrun-huaiin/third-ui/fuma/mdx');
|
|
6
6
|
var server = require('@windrun-huaiin/base-ui/components/server');
|
|
7
|
-
require('next-themes');
|
|
8
|
-
require('react');
|
|
9
|
-
require('fumadocs-core/framework');
|
|
10
|
-
require('@windrun-huaiin/lib/utils');
|
|
11
|
-
require('next/link');
|
|
12
|
-
var gradientButton = require('../../fuma/mdx/gradient-button.js');
|
|
13
|
-
require('next/navigation');
|
|
14
|
-
require('fumadocs-ui/utils/use-copy-button');
|
|
15
|
-
require('fumadocs-core/link');
|
|
16
|
-
require('@windrun-huaiin/base-ui/ui');
|
|
17
|
-
require('fumadocs-ui/components/ui/collapsible');
|
|
18
|
-
require('../../fuma/mdx/banner.js');
|
|
19
7
|
var moneyPriceTypes = require('./money-price-types.js');
|
|
20
8
|
|
|
21
9
|
function capitalize(str) {
|
|
@@ -89,7 +77,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
|
|
|
89
77
|
const config = getButtonConfig();
|
|
90
78
|
if (config.hidden)
|
|
91
79
|
return null;
|
|
92
|
-
return (jsxRuntime.jsx(
|
|
80
|
+
return (jsxRuntime.jsx(mdx.GradientButton, { title: config.text, icon: config.icon, onClick: config.onClick, disabled: config.disabled || isProcessing, align: "center", className: "w-full", preventDoubleClick: true, loadingText: "Processing..." }));
|
|
93
81
|
}
|
|
94
82
|
|
|
95
83
|
exports.MoneyPriceButton = MoneyPriceButton;
|
|
@@ -1,19 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import '
|
|
3
|
+
import { GradientButton } from '@windrun-huaiin/third-ui/fuma/mdx';
|
|
4
4
|
import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
|
|
5
|
-
import 'next-themes';
|
|
6
|
-
import 'react';
|
|
7
|
-
import 'fumadocs-core/framework';
|
|
8
|
-
import '@windrun-huaiin/lib/utils';
|
|
9
|
-
import 'next/link';
|
|
10
|
-
import { GradientButton } from '../../fuma/mdx/gradient-button.mjs';
|
|
11
|
-
import 'next/navigation';
|
|
12
|
-
import 'fumadocs-ui/utils/use-copy-button';
|
|
13
|
-
import 'fumadocs-core/link';
|
|
14
|
-
import '@windrun-huaiin/base-ui/ui';
|
|
15
|
-
import 'fumadocs-ui/components/ui/collapsible';
|
|
16
|
-
import '../../fuma/mdx/banner.mjs';
|
|
17
5
|
import { UserState } from './money-price-types.mjs';
|
|
18
6
|
|
|
19
7
|
function capitalize(str) {
|
|
@@ -230,6 +230,7 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
|
|
|
230
230
|
data.plans.forEach((plan) => {
|
|
231
231
|
const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`);
|
|
232
232
|
if (placeholder) {
|
|
233
|
+
console.log('MoneyPriceButton', `[data-button-placeholder="${plan.key}"]`);
|
|
233
234
|
ReactDOM.createPortal(jsxRuntime.jsx(moneyPriceButton.MoneyPriceButton, { planKey: plan.key, userContext: userContext, billingType: billingType, onLogin: handleLogin, onUpgrade: handleUpgrade, texts: data.buttonTexts, isProcessing: isProcessing }), placeholder);
|
|
234
235
|
}
|
|
235
236
|
});
|
|
@@ -228,6 +228,7 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
|
|
|
228
228
|
data.plans.forEach((plan) => {
|
|
229
229
|
const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`);
|
|
230
230
|
if (placeholder) {
|
|
231
|
+
console.log('MoneyPriceButton', `[data-button-placeholder="${plan.key}"]`);
|
|
231
232
|
createPortal(jsx(MoneyPriceButton, { planKey: plan.key, userContext: userContext, billingType: billingType, onLogin: handleLogin, onUpgrade: handleUpgrade, texts: data.buttonTexts, isProcessing: isProcessing }), placeholder);
|
|
232
233
|
}
|
|
233
234
|
});
|
|
@@ -6,6 +6,18 @@ var utils = require('@windrun-huaiin/lib/utils');
|
|
|
6
6
|
var server = require('next-intl/server');
|
|
7
7
|
var moneyPriceConfigUtil = require('./money-price-config-util.js');
|
|
8
8
|
var moneyPriceInteractive = require('./money-price-interactive.js');
|
|
9
|
+
require('@windrun-huaiin/base-ui/components/server');
|
|
10
|
+
require('next-themes');
|
|
11
|
+
require('react');
|
|
12
|
+
require('fumadocs-core/framework');
|
|
13
|
+
require('next/link');
|
|
14
|
+
var gradientButton = require('../../fuma/mdx/gradient-button.js');
|
|
15
|
+
require('next/navigation');
|
|
16
|
+
require('fumadocs-ui/utils/use-copy-button');
|
|
17
|
+
require('fumadocs-core/link');
|
|
18
|
+
require('@windrun-huaiin/base-ui/ui');
|
|
19
|
+
require('fumadocs-ui/components/ui/collapsible');
|
|
20
|
+
require('../../fuma/mdx/banner.js');
|
|
9
21
|
|
|
10
22
|
function MoneyPrice(_a) {
|
|
11
23
|
return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }) {
|
|
@@ -67,7 +79,7 @@ function MoneyPrice(_a) {
|
|
|
67
79
|
return null;
|
|
68
80
|
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)) }));
|
|
69
81
|
})() })] }), 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 w-full h-full shadow-sm dark:shadow-none', // 添加 w-full
|
|
70
|
-
'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, className: "w-full" })] }, plan.key))) }), jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
|
|
82
|
+
'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 })] }));
|
|
71
83
|
});
|
|
72
84
|
}
|
|
73
85
|
|
|
@@ -4,6 +4,18 @@ import { cn } from '@windrun-huaiin/lib/utils';
|
|
|
4
4
|
import { getTranslations } from 'next-intl/server';
|
|
5
5
|
import { getActiveProviderConfig } from './money-price-config-util.mjs';
|
|
6
6
|
import { MoneyPriceInteractive } from './money-price-interactive.mjs';
|
|
7
|
+
import '@windrun-huaiin/base-ui/components/server';
|
|
8
|
+
import 'next-themes';
|
|
9
|
+
import 'react';
|
|
10
|
+
import 'fumadocs-core/framework';
|
|
11
|
+
import 'next/link';
|
|
12
|
+
import { GradientButton } from '../../fuma/mdx/gradient-button.mjs';
|
|
13
|
+
import 'next/navigation';
|
|
14
|
+
import 'fumadocs-ui/utils/use-copy-button';
|
|
15
|
+
import 'fumadocs-core/link';
|
|
16
|
+
import '@windrun-huaiin/base-ui/ui';
|
|
17
|
+
import 'fumadocs-ui/components/ui/collapsible';
|
|
18
|
+
import '../../fuma/mdx/banner.mjs';
|
|
7
19
|
|
|
8
20
|
function MoneyPrice(_a) {
|
|
9
21
|
return __awaiter(this, arguments, void 0, function* ({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }) {
|
|
@@ -65,7 +77,7 @@ function MoneyPrice(_a) {
|
|
|
65
77
|
return null;
|
|
66
78
|
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)) }));
|
|
67
79
|
})() })] }), 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 w-full h-full shadow-sm dark:shadow-none', // 添加 w-full
|
|
68
|
-
'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, className: "w-full" })] }, plan.key))) }), jsx(MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
|
|
80
|
+
'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 })] }));
|
|
69
81
|
});
|
|
70
82
|
}
|
|
71
83
|
|
package/dist/main/price-plan.js
CHANGED
|
@@ -15,13 +15,7 @@ require('@clerk/nextjs');
|
|
|
15
15
|
require('../clerk/fingerprint/fingerprint-provider.js');
|
|
16
16
|
require('next/navigation');
|
|
17
17
|
require('react-dom');
|
|
18
|
-
require('
|
|
19
|
-
require('fumadocs-core/framework');
|
|
20
|
-
require('next/link');
|
|
21
|
-
require('fumadocs-ui/utils/use-copy-button');
|
|
22
|
-
require('fumadocs-core/link');
|
|
23
|
-
require('fumadocs-ui/components/ui/collapsible');
|
|
24
|
-
require('../fuma/mdx/banner.js');
|
|
18
|
+
require('@windrun-huaiin/third-ui/fuma/mdx');
|
|
25
19
|
require('./money-price/money-price-types.js');
|
|
26
20
|
|
|
27
21
|
function PricePlan(_a) {
|
package/dist/main/price-plan.mjs
CHANGED
|
@@ -13,13 +13,7 @@ import '@clerk/nextjs';
|
|
|
13
13
|
import '../clerk/fingerprint/fingerprint-provider.mjs';
|
|
14
14
|
import 'next/navigation';
|
|
15
15
|
import 'react-dom';
|
|
16
|
-
import '
|
|
17
|
-
import 'fumadocs-core/framework';
|
|
18
|
-
import 'next/link';
|
|
19
|
-
import 'fumadocs-ui/utils/use-copy-button';
|
|
20
|
-
import 'fumadocs-core/link';
|
|
21
|
-
import 'fumadocs-ui/components/ui/collapsible';
|
|
22
|
-
import '../fuma/mdx/banner.mjs';
|
|
16
|
+
import '@windrun-huaiin/third-ui/fuma/mdx';
|
|
23
17
|
import './money-price/money-price-types.mjs';
|
|
24
18
|
|
|
25
19
|
function PricePlan(_a) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var coseBase$1 = require('../../../../../_virtual/cose-
|
|
3
|
+
var coseBase$1 = require('../../../../../_virtual/cose-base2.js');
|
|
4
4
|
var layoutBase = require('../../../layout-base@1.0.2/node_modules/layout-base/layout-base.js');
|
|
5
5
|
|
|
6
6
|
var coseBase = coseBase$1.__module.exports;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var coseBase$1 = require('../../../../../_virtual/cose-
|
|
3
|
+
var coseBase$1 = require('../../../../../_virtual/cose-base.js');
|
|
4
4
|
var layoutBase = require('../../../layout-base@2.0.1/node_modules/layout-base/layout-base.js');
|
|
5
5
|
|
|
6
6
|
var coseBase = coseBase$1.__module.exports;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { GradientButton } from '@third-ui/fuma/mdx';
|
|
3
|
+
import { GradientButton } from '@windrun-huaiin/third-ui/fuma/mdx';
|
|
4
4
|
import { globalLucideIcons as icons } from '@windrun-huaiin/base-ui/components/server';
|
|
5
5
|
import { UserState, type MoneyPriceButtonProps } from './money-price-types';
|
|
6
6
|
|
|
@@ -262,6 +262,7 @@ export function MoneyPriceInteractive({
|
|
|
262
262
|
data.plans.forEach((plan: any) => {
|
|
263
263
|
const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`) as HTMLElement;
|
|
264
264
|
if (placeholder) {
|
|
265
|
+
console.log('MoneyPriceButton', `[data-button-placeholder="${plan.key}"]`)
|
|
265
266
|
createPortal(
|
|
266
267
|
<MoneyPriceButton
|
|
267
268
|
planKey={plan.key}
|
|
@@ -4,6 +4,7 @@ import { getTranslations } from 'next-intl/server';
|
|
|
4
4
|
import { getActiveProviderConfig } from './money-price-config-util';
|
|
5
5
|
import { MoneyPriceInteractive } from './money-price-interactive';
|
|
6
6
|
import type { MoneyPriceProps, MoneyPriceData } from './money-price-types';
|
|
7
|
+
import { GradientButton } from '@third-ui/fuma/mdx';
|
|
7
8
|
|
|
8
9
|
export async function MoneyPrice({
|
|
9
10
|
locale,
|
|
@@ -262,8 +263,13 @@ export async function MoneyPrice({
|
|
|
262
263
|
|
|
263
264
|
<div className="flex-1" />
|
|
264
265
|
|
|
265
|
-
<div data-button-placeholder={plan.key}
|
|
266
|
-
|
|
266
|
+
<div data-button-placeholder={plan.key}>
|
|
267
|
+
<GradientButton
|
|
268
|
+
title={data.buttonTexts.getStarted}
|
|
269
|
+
disabled={true}
|
|
270
|
+
align="center"
|
|
271
|
+
className="w-full"
|
|
272
|
+
/>
|
|
267
273
|
</div>
|
|
268
274
|
</div>
|
|
269
275
|
))}
|