@quantabit/pricing-sdk 1.0.0

package/dist/index.cjs

@@ -0,0 +1,667 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkConfig = require('@quantabit/sdk-config');
+var React = require('react');
+
+/**
+ * Pricing SDK - API 客户端
+ * 定价管理系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 定价 API 客户端
+ */
+class PricingApiClient extends sdkConfig.BaseApiClient {
+  constructor(config = {}) {
+    super('/pricing', config);
+  }
+
+  // ============ 价格表 ============
+
+  /**
+   * 获取价格表列表
+   * @param {Object} params - 查询参数
+   */
+  async getPricingTables(params = {}) {
+    return this.get('/tables', params);
+  }
+
+  /**
+   * 获取价格表详情
+   * @param {string} tableId - 价格表 ID
+   */
+  async getPricingTable(tableId) {
+    return this.get(`/tables/${tableId}`);
+  }
+
+  /**
+   * 获取产品当前价格
+   * @param {string} productId - 产品 ID
+   */
+  async getProductPrice(productId) {
+    return this.get(`/products/${productId}/price`);
+  }
+
+  // ============ 套餐定价 ============
+
+  /**
+   * 获取套餐列表
+   * @param {string} category - 分类
+   */
+  async getPlans(category) {
+    return this.get('/plans', {
+      category
+    });
+  }
+
+  /**
+   * 获取套餐详情
+   * @param {string} planId - 套餐 ID
+   */
+  async getPlan(planId) {
+    return this.get(`/plans/${planId}`);
+  }
+
+  /**
+   * 比较套餐
+   * @param {string[]} planIds - 套餐 ID 列表
+   */
+  async comparePlans(planIds) {
+    return this.post('/plans/compare', {
+      plan_ids: planIds
+    });
+  }
+
+  // ============ 折扣与优惠 ============
+
+  /**
+   * 获取可用折扣
+   * @param {string} productId - 产品 ID
+   */
+  async getDiscounts(productId) {
+    return this.get(`/products/${productId}/discounts`);
+  }
+
+  /**
+   * 验证优惠码
+   * @param {string} code - 优惠码
+   * @param {string} productId - 产品 ID
+   */
+  async validateCoupon(code, productId) {
+    return this.post('/coupon/validate', {
+      code,
+      product_id: productId
+    });
+  }
+
+  /**
+   * 计算最终价格
+   * @param {Object} priceRequest - 价格计算请求
+   */
+  async calculatePrice(priceRequest) {
+    return this.post('/calculate', priceRequest);
+  }
+
+  // ============ 货币与汇率 ============
+
+  /**
+   * 获取支持的货币
+   */
+  async getSupportedCurrencies() {
+    return this.get('/currencies');
+  }
+
+  /**
+   * 获取汇率
+   * @param {string} from - 源货币
+   * @param {string} to - 目标货币
+   */
+  async getExchangeRate(from, to) {
+    return this.get('/exchange-rate', {
+      from,
+      to
+    });
+  }
+
+  /**
+   * 转换货币
+   * @param {number} amount - 金额
+   * @param {string} from - 源货币
+   * @param {string} to - 目标货币
+   */
+  async convertCurrency(amount, from, to) {
+    return this.post('/convert', {
+      amount,
+      from,
+      to
+    });
+  }
+
+  // ============ 订阅定价 ============
+
+  /**
+   * 获取订阅价格
+   * @param {string} planId - 套餐 ID
+   * @param {string} billingCycle - 计费周期
+   */
+  async getSubscriptionPrice(planId, billingCycle = 'monthly') {
+    return this.get(`/subscriptions/${planId}/price`, {
+      billing_cycle: billingCycle
+    });
+  }
+
+  /**
+   * 计算升级/降级价格
+   * @param {string} currentPlanId - 当前套餐
+   * @param {string} targetPlanId - 目标套餐
+   */
+  async calculateUpgradePrice(currentPlanId, targetPlanId) {
+    return this.post('/subscriptions/upgrade-price', {
+      current_plan_id: currentPlanId,
+      target_plan_id: targetPlanId
+    });
+  }
+
+  // ============ 价格历史 ============
+
+  /**
+   * 获取价格历史
+   * @param {string} productId - 产品 ID
+   * @param {Object} params - 查询参数
+   */
+  async getPriceHistory(productId, params = {}) {
+    return this.get(`/products/${productId}/history`, params);
+  }
+}
+
+// 创建默认实例
+const pricingApi = new PricingApiClient();
+
+/**
+ * Pricing SDK - React Hooks
+ */
+
+function usePricing() {
+  const [plans, setPlans] = React.useState([]);
+  const [currencies, setCurrencies] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const fetchPlans = React.useCallback(async category => {
+    setLoading(true);
+    try {
+      const result = await pricingApi.getPlans(category);
+      setPlans(result.data || []);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const fetchCurrencies = React.useCallback(async () => {
+    try {
+      const result = await pricingApi.getSupportedCurrencies();
+      setCurrencies(result.data || []);
+    } catch (err) {
+      setError(err.message);
+    }
+  }, []);
+  const calculatePrice = React.useCallback(async priceRequest => {
+    try {
+      return await pricingApi.calculatePrice(priceRequest);
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+  const validateCoupon = React.useCallback(async (code, productId) => {
+    try {
+      return await pricingApi.validateCoupon(code, productId);
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+  const comparePlans = React.useCallback(async planIds => {
+    try {
+      return await pricingApi.comparePlans(planIds);
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    }
+  }, []);
+  React.useEffect(() => {
+    fetchPlans();
+    fetchCurrencies();
+  }, [fetchPlans, fetchCurrencies]);
+  return {
+    plans,
+    currencies,
+    loading,
+    error,
+    fetchPlans,
+    calculatePrice,
+    validateCoupon,
+    comparePlans
+  };
+}
+
+/**
+ * Pricing SDK - 定价组件
+ */
+
+
+/**
+ * Pricing SDK - PricingTable
+ * 企业级高级版 SaaS 定价表单
+ */
+function PricingTable({
+  onSelect
+}) {
+  const {
+    plans,
+    loading,
+    validateCoupon
+  } = usePricing();
+  const [billingCycle, setBillingCycle] = React.useState('monthly');
+  const [couponCode, setCouponCode] = React.useState('');
+  const [couponDiscount, setCouponDiscount] = React.useState(null);
+  const handleApplyCoupon = async () => {
+    if (!couponCode) return;
+    try {
+      const result = await validateCoupon(couponCode, null);
+      if (result.data?.valid) {
+        setCouponDiscount(result.data.discount);
+      }
+    } catch (err) {
+      // 错误处理
+    }
+  };
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '60px',
+        textAlign: 'center',
+        color: '#64748B'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-loading-spinner",
+      style: {
+        width: '32px',
+        height: '32px',
+        border: '3px solid #E2E8F0',
+        borderTopColor: '#3B82F6',
+        borderRadius: '50%',
+        animation: 'spin 1s linear infinite',
+        margin: '0 auto 16px'
+      }
+    }), "Loading pricing plans...");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-pricing-table",
+    style: {
+      width: '100%',
+      maxWidth: '1200px',
+      margin: '0 auto',
+      padding: '40px 20px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      marginBottom: '48px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'inline-flex',
+      background: 'rgba(241, 245, 249, 0.8)',
+      padding: '6px',
+      borderRadius: '16px',
+      backdropFilter: 'blur(10px)',
+      border: '1px solid #E2E8F0'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: () => setBillingCycle('monthly'),
+    style: {
+      padding: '10px 24px',
+      border: 'none',
+      borderRadius: '12px',
+      fontSize: '15px',
+      fontWeight: 600,
+      background: billingCycle === 'monthly' ? '#fff' : 'transparent',
+      color: billingCycle === 'monthly' ? '#0F172A' : '#64748B',
+      boxShadow: billingCycle === 'monthly' ? '0 4px 12px rgba(0,0,0,0.05)' : 'none',
+      cursor: 'pointer',
+      transition: 'all 0.3s ease'
+    }
+  }, "Monthly"), /*#__PURE__*/React.createElement("button", {
+    onClick: () => setBillingCycle('yearly'),
+    style: {
+      padding: '10px 24px',
+      border: 'none',
+      borderRadius: '12px',
+      fontSize: '15px',
+      fontWeight: 600,
+      background: billingCycle === 'yearly' ? '#fff' : 'transparent',
+      color: billingCycle === 'yearly' ? '#0F172A' : '#64748B',
+      boxShadow: billingCycle === 'yearly' ? '0 4px 12px rgba(0,0,0,0.05)' : 'none',
+      cursor: 'pointer',
+      transition: 'all 0.3s ease',
+      display: 'flex',
+      alignItems: 'center',
+      gap: '8px'
+    }
+  }, "Yearly", /*#__PURE__*/React.createElement("span", {
+    style: {
+      background: '#DCFCE7',
+      color: '#166534',
+      padding: '2px 8px',
+      borderRadius: '20px',
+      fontSize: '12px',
+      fontWeight: 700
+    }
+  }, "Save 20%")))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(320px, 1fr))',
+      gap: '32px',
+      alignItems: 'flex-start'
+    }
+  }, plans.map(plan => /*#__PURE__*/React.createElement("div", {
+    key: plan.id,
+    style: {
+      position: 'relative',
+      background: plan.popular ? 'linear-gradient(145deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%)' : 'rgba(255, 255, 255, 0.4)',
+      backdropFilter: 'blur(20px)',
+      WebkitBackdropFilter: 'blur(20px)',
+      border: plan.popular ? '2px solid #3B82F6' : '1px solid rgba(255, 255, 255, 0.5)',
+      borderRadius: '24px',
+      padding: '40px 32px',
+      boxShadow: plan.popular ? '0 20px 40px -10px rgba(59, 130, 246, 0.15)' : '0 10px 30px -10px rgba(0,0,0,0.05)',
+      transform: plan.popular ? 'scale(1.02)' : 'scale(1)',
+      transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '24px'
+    },
+    onMouseEnter: e => e.currentTarget.style.transform = plan.popular ? 'scale(1.04) translateY(-4px)' : 'scale(1.02) translateY(-4px)',
+    onMouseLeave: e => e.currentTarget.style.transform = plan.popular ? 'scale(1.02)' : 'scale(1)'
+  }, plan.popular && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: '-16px',
+      left: '50%',
+      transform: 'translateX(-50%)',
+      background: 'linear-gradient(135deg, #3B82F6 0%, #2563EB 100%)',
+      color: '#fff',
+      padding: '6px 16px',
+      borderRadius: '20px',
+      fontSize: '13px',
+      fontWeight: 700,
+      boxShadow: '0 4px 12px rgba(59, 130, 246, 0.3)'
+    }
+  }, "MOST POPULAR"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: '22px',
+      fontWeight: 700,
+      margin: '0 0 12px',
+      color: '#0F172A'
+    }
+  }, plan.name), /*#__PURE__*/React.createElement("p", {
+    style: {
+      margin: 0,
+      color: '#64748B',
+      fontSize: '15px',
+      lineHeight: 1.5
+    }
+  }, plan.description)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'baseline',
+      gap: '4px'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: '48px',
+      fontWeight: 800,
+      color: '#0F172A',
+      letterSpacing: '-1px'
+    }
+  }, "\xA5", billingCycle === 'yearly' ? plan.yearly_price : plan.monthly_price), /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: '#64748B',
+      fontWeight: 500
+    }
+  }, "/", billingCycle === 'yearly' ? 'year' : 'mo')), /*#__PURE__*/React.createElement("button", {
+    onClick: () => onSelect?.(plan, billingCycle),
+    style: {
+      width: '100%',
+      padding: '16px',
+      borderRadius: '14px',
+      border: 'none',
+      background: plan.popular ? '#0F172A' : '#F1F5F9',
+      color: plan.popular ? '#fff' : '#0F172A',
+      fontSize: '15px',
+      fontWeight: 700,
+      cursor: 'pointer',
+      transition: 'all 0.2s ease',
+      boxShadow: plan.popular ? '0 4px 12px rgba(15, 23, 42, 0.2)' : 'none'
+    },
+    onMouseEnter: e => e.currentTarget.style.opacity = '0.9',
+    onMouseLeave: e => e.currentTarget.style.opacity = '1'
+  }, "Get Started"), /*#__PURE__*/React.createElement("ul", {
+    style: {
+      listStyle: 'none',
+      padding: 0,
+      margin: 0,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '16px'
+    }
+  }, plan.features?.map((feature, i) => /*#__PURE__*/React.createElement("li", {
+    key: i,
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '12px',
+      fontSize: '15px',
+      color: '#334155'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '20px',
+      height: '20px',
+      borderRadius: '50%',
+      background: '#DBEAFE',
+      color: '#3B82F6',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: '12px',
+      fontWeight: 900
+    }
+  }, "\u2713"), feature)))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '48px',
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '8px',
+      background: '#fff',
+      padding: '6px',
+      borderRadius: '16px',
+      border: '1px solid #E2E8F0',
+      boxShadow: '0 4px 20px rgba(0,0,0,0.03)'
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: "Have a promo code?",
+    value: couponCode,
+    onChange: e => setCouponCode(e.target.value),
+    style: {
+      border: 'none',
+      outline: 'none',
+      padding: '10px 16px',
+      width: '200px',
+      fontSize: '14px',
+      background: 'transparent'
+    }
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: handleApplyCoupon,
+    style: {
+      background: '#F1F5F9',
+      color: '#334155',
+      border: 'none',
+      padding: '10px 20px',
+      borderRadius: '10px',
+      fontSize: '14px',
+      fontWeight: 600,
+      cursor: 'pointer'
+    }
+  }, "Apply"))), couponDiscount && /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center',
+      marginTop: '16px',
+      color: '#166534',
+      fontWeight: 600,
+      fontSize: '15px'
+    }
+  }, "\u2728 Promo code applied! You save ", couponDiscount, "%."));
+}
+
+/**
+ * Pricing SDK - 国际化
+ */
+
+const zh = {
+  pricing: {
+    title: '定价',
+    subtitle: '选择适合您的套餐',
+    plans: {
+      title: '套餐',
+      free: '免费版',
+      basic: '基础版',
+      pro: '专业版',
+      enterprise: '企业版'
+    },
+    billing: {
+      monthly: '月付',
+      yearly: '年付',
+      save: '节省'
+    },
+    features: {
+      title: '功能特性',
+      included: '包含',
+      notIncluded: '不包含'
+    },
+    actions: {
+      select: '选择套餐',
+      upgrade: '升级',
+      downgrade: '降级',
+      compare: '对比套餐'
+    },
+    coupon: {
+      title: '优惠码',
+      placeholder: '输入优惠码',
+      apply: '应用',
+      valid: '优惠码有效',
+      invalid: '优惠码无效'
+    },
+    currency: {
+      title: '货币',
+      select: '选择货币'
+    },
+    messages: {
+      planSelected: '套餐已选择',
+      couponApplied: '优惠码已应用'
+    },
+    errors: {
+      fetchFailed: '获取定价失败',
+      invalidCoupon: '无效的优惠码'
+    }
+  }
+};
+const en = {
+  pricing: {
+    title: 'Pricing',
+    subtitle: 'Choose the plan that fits you',
+    plans: {
+      title: 'Plans',
+      free: 'Free',
+      basic: 'Basic',
+      pro: 'Pro',
+      enterprise: 'Enterprise'
+    },
+    billing: {
+      monthly: 'Monthly',
+      yearly: 'Yearly',
+      save: 'Save'
+    },
+    features: {
+      title: 'Features',
+      included: 'Included',
+      notIncluded: 'Not Included'
+    },
+    actions: {
+      select: 'Select Plan',
+      upgrade: 'Upgrade',
+      downgrade: 'Downgrade',
+      compare: 'Compare Plans'
+    },
+    coupon: {
+      title: 'Coupon Code',
+      placeholder: 'Enter coupon code',
+      apply: 'Apply',
+      valid: 'Coupon valid',
+      invalid: 'Coupon invalid'
+    },
+    currency: {
+      title: 'Currency',
+      select: 'Select Currency'
+    },
+    messages: {
+      planSelected: 'Plan selected',
+      couponApplied: 'Coupon applied'
+    },
+    errors: {
+      fetchFailed: 'Failed to fetch pricing',
+      invalidCoupon: 'Invalid coupon code'
+    }
+  }
+};
+
+/**
+ * @quantabit/pricing-sdk - Pricing SDK
+ */
+
+// Type Definitions
+const BillingCycle = {
+  MONTHLY: 'monthly',
+  YEARLY: 'yearly',
+  QUARTERLY: 'quarterly'
+};
+const PlanType = {
+  FREE: 'free',
+  BASIC: 'basic',
+  PRO: 'pro',
+  ENTERPRISE: 'enterprise'
+};
+
+exports.BillingCycle = BillingCycle;
+exports.PlanType = PlanType;
+exports.PricingApiClient = PricingApiClient;
+exports.PricingTable = PricingTable;
+exports.default = pricingApi;
+exports.en = en;
+exports.pricingApi = pricingApi;
+exports.usePricing = usePricing;
+exports.zh = zh;
+//# sourceMappingURL=index.cjs.map