@shopbb/helium 0.7.6 → 0.8.0

package/src/components/DiscountComponents.tsx

@@ -90,6 +90,9 @@ export interface ClaimableDiscountListProps {
   /** 当前买家已领取的 claim 列表，用于标记「已领取 / 已使用」状态。
    *  传入时按钮自动切换为 disabled + claimedText / usedText。 */
   myClaims?: DiscountClaim[];
+  /** 点击「领取」时商家提供的实现。一般用 fetcher 提交到自己的 action route。
+   *  不提供时按钮点击无效果。 */
+  onClaim?: (discount: Discount) => Promise<void> | void;
   /** 一次最多渲染几张，默认 10 */
   first?: number;
   className?: string;
@@ -108,7 +111,7 @@ export interface ClaimItemState {
 }
 
 export function ClaimableDiscountList(props: ClaimableDiscountListProps) {
-  const { discounts = [], myClaims = [], first = 10, className, emptyText = null, renderItem } = props;
+  const { discounts = [], myClaims = [], onClaim, first = 10, className, emptyText = null, renderItem } = props;
   if (discounts.length === 0) return <>{emptyText}</>;
 
   // 构造 code → claim 索引，O(1) 查询
@@ -133,7 +136,7 @@ export function ClaimableDiscountList(props: ClaimableDiscountListProps) {
         };
         return (
           <React.Fragment key={d.id}>
-            {renderItem ? renderItem(d, state) : <DefaultClaimableItem discount={d} state={state} />}
+            {renderItem ? renderItem(d, state) : <DefaultClaimableItem discount={d} state={state} onClaim={onClaim} />}
           </React.Fragment>
         );
       })}
@@ -141,7 +144,15 @@ export function ClaimableDiscountList(props: ClaimableDiscountListProps) {
   );
 }
 
-function DefaultClaimableItem({ discount: d, state }: { discount: Discount; state: ClaimItemState }) {
+function DefaultClaimableItem({
+  discount: d,
+  state,
+  onClaim,
+}: {
+  discount: Discount;
+  state: ClaimItemState;
+  onClaim?: (discount: Discount) => Promise<void> | void;
+}) {
   return (
     <div data-claimable-item data-claimed={state.claimed} data-used={state.used}>
       <div data-info>
@@ -159,6 +170,7 @@ function DefaultClaimableItem({ discount: d, state }: { discount: Discount; stat
       {d.code && (
         <DiscountClaimButton
           discount={d}
+          onClaim={onClaim}
           claimed={state.claimed}
           claimedText={state.used ? '已使用' : '已领取'}
         >

package/src/react.tsx

@@ -274,6 +274,32 @@ function escapeHtml(s: string): string {
 /**
  * 把 head + react stream + tail 拼成一个 ReadableStream<Uint8Array>
  */
+// ============================================================
+// Tracking SDK re-export
+// ============================================================
+// 把 5 个核心事件（page_view / product_view / add_to_cart / checkout_start / checkout_paid）
+// 批量发到 platform-api 的 /api/events。
+//
+// 与 components/AnalyticsProvider 解耦：
+//   - AnalyticsProvider 是商家用的事件总线（自定义 reporter）
+//   - TrackingProvider 是平台的标准埋点（发到 platform-api）
+export {
+  TrackingProvider,
+  useTracking,
+  AnalyticsQueue,
+} from './analytics';
+export type {
+  TrackingProviderProps,
+  AnalyticsEvent,
+  AnalyticsConfig,
+  EventType as AnalyticsEventType,
+  TrackFn,
+  PageViewProps,
+  ProductViewProps,
+  AddToCartProps,
+  CheckoutStartProps,
+} from './analytics';
+
 function composeStream(
   head: string,
   body: ReadableStream<Uint8Array>,