@tbox.cn/app-module-promotion 0.2.0 → 0.9.4

package/dist/chunk-S7CVFCML.js

@@ -0,0 +1,1330 @@
+// src/client/index.ts
+import "./promotion-6L7HLRC2.css";
+
+// src/client/cards/promotion-offer-list/index.tsx
+import { CalendarBlank, CalendarDots, CaretDown, Lightbulb, MapPin, Sparkle, Ticket } from "@phosphor-icons/react";
+import { useEffect as useEffect2, useLayoutEffect, useRef as useRef2, useState as useState3 } from "react";
+import { ItemActionsRow, markSelfRendering, navigateToAlipayPage, sendCardAction } from "@tbox.cn/app-sdk/client";
+
+// src/client/components/CouponSheet.tsx
+import { X } from "@phosphor-icons/react";
+import { useCallback, useEffect, useRef, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+
+// src/client/components/ImageWithFallback.tsx
+import { useState } from "react";
+import { ImageSquare } from "@phosphor-icons/react";
+import { jsx } from "react/jsx-runtime";
+function ImageWithFallback(props) {
+  const { src, alt, className, size = 40 } = props;
+  const [failed, setFailed] = useState(false);
+  if (!src || failed) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `img-fallback promotion-image--fallback ${className ?? ""}`.trim(),
+        "aria-label": alt,
+        role: "img",
+        children: /* @__PURE__ */ jsx(ImageSquare, { weight: "duotone", size: Math.round(size * 0.45) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      className,
+      src,
+      alt,
+      loading: "eager",
+      decoding: "async",
+      referrerPolicy: "no-referrer",
+      onError: () => setFailed(true)
+    }
+  );
+}
+
+// src/client/utils/sanitize-activity-html.ts
+var DROP_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "iframe",
+  "object",
+  "embed",
+  "style",
+  "link",
+  "meta",
+  "base",
+  "form",
+  "input",
+  "svg",
+  "math"
+]);
+var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "xlink:href", "formaction", "action", "poster", "background"]);
+function sanitizeActivityHtml(html) {
+  if (typeof DOMParser === "undefined") return "";
+  const doc = new DOMParser().parseFromString(html, "text/html");
+  const walk = (node) => {
+    for (const child of [...node.children]) {
+      if (DROP_TAGS.has(child.tagName.toLowerCase())) {
+        child.remove();
+        continue;
+      }
+      for (const attr of [...child.attributes]) {
+        const name = attr.name.toLowerCase();
+        if (name.startsWith("on")) {
+          child.removeAttribute(attr.name);
+          continue;
+        }
+        if (URL_ATTRS.has(name)) {
+          const value = attr.value.trim().toLowerCase();
+          const isJs = value.startsWith("javascript:");
+          const isData = value.startsWith("data:") && !value.startsWith("data:image/");
+          if (isJs || isData) child.removeAttribute(attr.name);
+        }
+      }
+      walk(child);
+    }
+  };
+  walk(doc.body);
+  return doc.body.innerHTML;
+}
+
+// src/client/components/CouponSheet.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function CouponSheet(props) {
+  const { title, imageUrl, subtitle, noticeText, guaranteeText, priceMain, priceOriginal, aside, facts = [], beforeFacts, extra, foot, onClose } = props;
+  const [closing, setClosing] = useState2(false);
+  const closingRef = useRef(false);
+  const closeTimerRef = useRef();
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+  const finishClose = useCallback(() => {
+    if (!closingRef.current) return;
+    window.clearTimeout(closeTimerRef.current);
+    closingRef.current = false;
+    setClosing(false);
+    onCloseRef.current();
+  }, []);
+  const requestClose = useCallback(() => {
+    if (closingRef.current) return;
+    closingRef.current = true;
+    setClosing(true);
+    const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? false;
+    closeTimerRef.current = window.setTimeout(finishClose, reducedMotion ? 1 : 200);
+  }, [finishClose]);
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") requestClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [requestClose]);
+  useEffect(() => () => window.clearTimeout(closeTimerRef.current), []);
+  return createPortal(
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: `promotion-sheet${closing ? " promotion-sheet--closing" : ""}`,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `${title} \u8BE6\u60C5`,
+        onAnimationEnd: (event) => {
+          if (closing && event.target === event.currentTarget) finishClose();
+        },
+        onMouseDown: (e) => {
+          if (e.target === e.currentTarget) requestClose();
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "promotion-sheet__panel", children: [
+          /* @__PURE__ */ jsx2("button", { type: "button", className: "promotion-sheet__close", "aria-label": "\u5173\u95ED\u8BE6\u60C5", onClick: requestClose, children: /* @__PURE__ */ jsx2(X, { size: 18, weight: "bold", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "promotion-sheet__scroll", children: [
+            /* @__PURE__ */ jsx2(ImageWithFallback, { src: imageUrl, alt: title, className: "promotion-sheet__image" }),
+            (priceMain || aside) && /* @__PURE__ */ jsxs("div", { className: "promotion-sheet__price", children: [
+              priceMain && /* @__PURE__ */ jsx2("b", { children: priceMain }),
+              priceMain && priceOriginal && /* @__PURE__ */ jsx2("s", { children: priceOriginal }),
+              aside && /* @__PURE__ */ jsx2("span", { className: "promotion-sheet__stock", children: aside })
+            ] }),
+            /* @__PURE__ */ jsx2("h4", { className: "promotion-sheet__title", children: title }),
+            (noticeText || guaranteeText) && /* @__PURE__ */ jsxs("div", { className: "promotion-sheet__notice-strip", children: [
+              noticeText && /* @__PURE__ */ jsxs("span", { children: [
+                /* @__PURE__ */ jsx2("b", { children: "\u987B\u77E5" }),
+                noticeText
+              ] }),
+              guaranteeText && /* @__PURE__ */ jsxs("span", { children: [
+                /* @__PURE__ */ jsx2("b", { children: "\u4FDD\u969C" }),
+                guaranteeText
+              ] })
+            ] }),
+            subtitle && /* @__PURE__ */ jsx2("p", { className: "promotion-sheet__sub", dangerouslySetInnerHTML: { __html: subtitle } }),
+            beforeFacts,
+            facts.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx2("div", { className: "promotion-sheet__section", children: "\u4F7F\u7528\u987B\u77E5" }),
+              /* @__PURE__ */ jsx2("dl", { className: "promotion-sheet__facts", children: facts.map((f) => /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("dt", { children: [
+                  f.icon,
+                  f.label
+                ] }),
+                /* @__PURE__ */ jsx2("dd", { dangerouslySetInnerHTML: { __html: sanitizeActivityHtml(f.value) } })
+              ] }, f.label)) })
+            ] }),
+            extra
+          ] }),
+          foot && /* @__PURE__ */ jsx2("div", { className: "promotion-sheet__foot", children: foot })
+        ] })
+      }
+    ),
+    document.body
+  );
+}
+
+// src/client/cards/view.ts
+function offerTypeLabel(offerType) {
+  switch (offerType) {
+    case "COUPON":
+      return "\u4F18\u60E0\u5238";
+    case "BUNDLE":
+      return "\u7EC4\u5408\u5238";
+    case "PROMOTION":
+      return "\u4FC3\u9500";
+    case "ACTIVITY":
+      return "\u6D3B\u52A8";
+    case "GROUPON":
+      return "\u56E2\u8D2D";
+    default:
+      return "\u4F18\u60E0";
+  }
+}
+function entitlementStatusLabel(status) {
+  switch (status) {
+    case "EFFECTIVE":
+      return "\u53EF\u7528";
+    case "USED":
+      return "\u5DF2\u4F7F\u7528";
+    case "EXPIRED":
+      return "\u5DF2\u8FC7\u671F";
+    case "INVALID":
+      return "\u5DF2\u5931\u6548";
+    default:
+      return "\u672A\u77E5";
+  }
+}
+
+// src/client/utils/scroll-card-bottom.ts
+var MIN_BOTTOM_GAP = 96;
+function scrollCardBottom(anchor) {
+  const rootStyle = typeof document !== "undefined" ? getComputedStyle(document.documentElement) : void 0;
+  const reservedHeight = Number.parseFloat(rootStyle?.getPropertyValue("--tbox-chat-bottom-height") ?? "") || 0;
+  const bottomGap = Math.max(MIN_BOTTOM_GAP, reservedHeight + 24);
+  let scroller = anchor.parentElement;
+  while (scroller && scroller !== document.body) {
+    const style = getComputedStyle(scroller);
+    if (/(auto|scroll|overlay)/.test(style.overflowY) && scroller.scrollHeight > scroller.clientHeight) break;
+    scroller = scroller.parentElement;
+  }
+  if (!scroller || scroller === document.body) {
+    anchor.scrollIntoView?.({ behavior: "smooth", block: "end" });
+    return;
+  }
+  const anchorRect = anchor.getBoundingClientRect();
+  const scrollerRect = scroller.getBoundingClientRect();
+  scroller.scrollTo?.({
+    top: scroller.scrollTop + anchorRect.bottom - scrollerRect.bottom + bottomGap,
+    behavior: "smooth"
+  });
+}
+
+// src/client/cards/promotion-offer-list/index.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var statusText = (status, claimable) => {
+  if (status === "REQUIRES_ACTION") return "\u9700\u64CD\u4F5C";
+  if (status === "UNKNOWN") return "\u5F85\u786E\u8BA4";
+  return claimable ? "\u53EF\u9886\u53D6" : "\u4E0D\u53EF\u9886";
+};
+var statusTone = (status, claimable) => status?.toLowerCase() ?? (claimable ? "available" : "unavailable");
+var couponSubtitleIsTime = (subtitle) => {
+  const plainText = subtitle.replace(/<[^>]+>/g, " ").replace(/&nbsp;/gi, " ");
+  return /\d{4}\s*[-/.年]\s*\d{1,2}\s*[-/.月]\s*\d{1,2}|\d{1,2}:\d{2}/.test(plainText);
+};
+function PromotionOfferListCard(props) {
+  const { data, cardId = "", isHistory = false, actionTokens } = props;
+  const [openRef, setOpenRef] = useState3(null);
+  const [claimingRef, setClaimingRef] = useState3(null);
+  const [claimedRefs, setClaimedRefs] = useState3(() => /* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState3(false);
+  const [listHeights, setListHeights] = useState3({ collapsed: 0, expanded: 0 });
+  const listRef = useRef2(null);
+  const bottomRef = useRef2(null);
+  const initialRenderRef = useRef2(true);
+  useEffect2(() => {
+    if (initialRenderRef.current) {
+      initialRenderRef.current = false;
+      return;
+    }
+    if (bottomRef.current) scrollCardBottom(bottomRef.current);
+  }, [expanded]);
+  useLayoutEffect(() => {
+    const list = listRef.current;
+    if (!list) return;
+    const rows = [...list.children];
+    const boundary = rows[Math.min(maxItems, rows.length) - 1];
+    const listTop = list.getBoundingClientRect().top;
+    const collapsed = boundary ? boundary.getBoundingClientRect().bottom - listTop : list.scrollHeight;
+    setListHeights({ collapsed, expanded: list.scrollHeight });
+  }, [data.items.length, data.maxItems]);
+  const toggleExpanded = () => {
+    setExpanded((value) => !value);
+  };
+  useEffect2(() => {
+    if (!cardId || typeof window === "undefined") return void 0;
+    const onNotice = (event) => {
+      const detail = event.detail;
+      if (!detail?.text || detail.surfaceId && detail.surfaceId !== cardId) return;
+      const ref = claimingRef;
+      if (!ref) return;
+      setClaimingRef(null);
+      if (detail.level === "success" || /领取成功|已存入卡包|已领取/.test(detail.text)) {
+        setClaimedRefs((current) => new Set(current).add(ref));
+      }
+    };
+    window.addEventListener("tbox:notice", onNotice);
+    return () => window.removeEventListener("tbox:notice", onNotice);
+  }, [cardId, claimingRef]);
+  if (data.presentation === "recommendation") {
+    const [offer, ...alternatives] = data.items;
+    if (!offer) return /* @__PURE__ */ jsx3(Empty, { text: data.noResultsReason ?? "\u6682\u672A\u627E\u5230\u5339\u914D\u5F53\u524D\u573A\u666F\u7684\u4F18\u60E0" });
+    return /* @__PURE__ */ jsxs2("section", { className: "promotion-card promotion-recommendation", "aria-label": "\u66F4\u9002\u5408\u4F60\u7684\u4F18\u60E0", children: [
+      /* @__PURE__ */ jsxs2("header", { className: "promotion-card__header", children: [
+        /* @__PURE__ */ jsx3("span", { className: "promotion-card__mark promotion-card__mark--violet", children: /* @__PURE__ */ jsx3(Sparkle, { weight: "fill" }) }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("span", { className: "promotion-card__eyebrow", children: "\u667A\u80FD\u5339\u914D" }),
+          /* @__PURE__ */ jsx3("h3", { children: "\u66F4\u9002\u5408\u4F60\u7684\u4F18\u60E0" }),
+          /* @__PURE__ */ jsx3("p", { children: "\u6839\u636E\u5F53\u524D\u53EF\u7528\u6027\u4E0E\u9884\u8BA1\u8282\u7701\u6392\u5E8F" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "promotion-recommendation__main", children: [
+        /* @__PURE__ */ jsx3(ImageWithFallback, { src: offer.imageUrl, alt: offer.title, className: "promotion-recommendation__image" }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("span", { className: `promotion-status promotion-status--${statusTone(offer.availabilityStatus, offer.claimable)}`, children: statusText(offer.availabilityStatus, offer.claimable) }),
+          /* @__PURE__ */ jsx3("strong", { children: offer.title }),
+          /* @__PURE__ */ jsx3("small", { children: offer.subtitle ?? offer.validityText ?? "\u5F53\u524D\u5546\u573A\u53EF\u7528" })
+        ] }),
+        /* @__PURE__ */ jsx3("em", { children: offer.benefitText ?? offerTypeLabel(offer.offerType) })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "promotion-recommendation__reason", children: [
+        /* @__PURE__ */ jsx3(Lightbulb, { weight: "duotone" }),
+        /* @__PURE__ */ jsxs2("span", { children: [
+          /* @__PURE__ */ jsx3("b", { children: "\u63A8\u8350\u4F9D\u636E" }),
+          data.summary ?? "\u7EFC\u5408\u8D44\u683C\u3001\u53EF\u7528\u6027\u548C\u4F18\u60E0\u529B\u5EA6"
+        ] })
+      ] }),
+      alternatives.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "promotion-recommendation__alternatives", children: [
+        "\u53E6\u6709 ",
+        alternatives.length,
+        " \u4E2A\u5019\u9009\u4F18\u60E0"
+      ] }),
+      /* @__PURE__ */ jsx3(ItemActionsRow, { actions: offer.itemActions ?? [], cardId, isHistory, className: "promotion-recommendation__actions", chipClassName: "promotion-button promotion-button--primary" })
+    ] });
+  }
+  const promotion = data.presentation === "promotion";
+  const hero = data.items[0];
+  const coupon = data.presentation === "coupon" || data.mode === "claimable";
+  const title = promotion ? "\u672C\u5468\u8425\u9500\u6D3B\u52A8" : coupon ? "\u5546\u573A\u795E\u5238" : "\u6D3B\u52A8\u4E0E\u4F18\u60E0";
+  const eyebrow = promotion ? "\u6D3B\u52A8\u53D1\u73B0" : coupon ? "\u5F53\u524D\u5546\u573A \xB7 \u4F18\u60E0\u7CBE\u9009" : "\u4F18\u60E0\u7CBE\u9009";
+  const summary = data.summary && data.summary !== eyebrow ? data.summary : void 0;
+  const items = data.mode === "claimable" ? data.items.filter((item) => item.claimable) : data.items;
+  const maxItems = data.maxItems ?? 4;
+  return /* @__PURE__ */ jsxs2("section", { className: `promotion-card promotion-list${promotion ? " promotion-list--promotion" : ""}${coupon ? " promotion-list--coupon promotion-list--offers" : ""}`, "aria-label": title, children: [
+    promotion && hero && /* @__PURE__ */ jsxs2("div", { className: "promotion-list__hero", children: [
+      /* @__PURE__ */ jsx3(ImageWithFallback, { src: hero.imageUrl, alt: title, className: "promotion-list__hero-image" }),
+      /* @__PURE__ */ jsxs2("div", { className: "promotion-list__glass", children: [
+        /* @__PURE__ */ jsx3("span", { children: "\u521A\u521A\u66F4\u65B0" }),
+        /* @__PURE__ */ jsxs2("strong", { children: [
+          data.items.length,
+          " \u4E2A\u6D3B\u52A8\u6B63\u5728\u8FDB\u884C"
+        ] })
+      ] })
+    ] }),
+    coupon ? /* @__PURE__ */ jsx3("header", { className: "promotion-activity__header promotion-activity__header--pea promotion-coupon__header", children: /* @__PURE__ */ jsxs2("div", { className: "promotion-activity__header-copy", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "promotion-activity__header-title-row", children: [
+        /* @__PURE__ */ jsx3(Ticket, { weight: "fill" }),
+        /* @__PURE__ */ jsx3("h3", { children: title })
+      ] }),
+      /* @__PURE__ */ jsx3("p", { children: eyebrow })
+    ] }) }) : /* @__PURE__ */ jsxs2("header", { className: "promotion-card__header", children: [
+      /* @__PURE__ */ jsx3("span", { className: "promotion-card__mark", children: promotion ? /* @__PURE__ */ jsx3(CalendarDots, { weight: "duotone" }) : /* @__PURE__ */ jsx3(Sparkle, { weight: "fill" }) }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx3("span", { className: "promotion-card__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsx3("h3", { children: title }),
+        /* @__PURE__ */ jsx3("p", { children: summary ?? "\u6839\u636E\u5F53\u524D\u573A\u666F\u5B9E\u65F6\u7B5B\u9009" })
+      ] }),
+      /* @__PURE__ */ jsxs2("b", { className: "promotion-card__count", children: [
+        data.items.length,
+        " \u4E2A"
+      ] })
+    ] }),
+    !items.length ? /* @__PURE__ */ jsx3(Empty, { text: data.noResultsReason ?? "\u6682\u672A\u627E\u5230\u7B26\u5408\u6761\u4EF6\u7684\u4F18\u60E0" }) : /* @__PURE__ */ jsx3("div", { ref: listRef, className: `promotion-list__items${expanded ? " promotion-list__items--expanded" : ""}`, style: { maxHeight: expanded ? listHeights.expanded || void 0 : listHeights.collapsed || void 0 }, onTransitionEnd: () => {
+      if (bottomRef.current) scrollCardBottom(bottomRef.current);
+    }, children: items.map((item) => coupon ? /* @__PURE__ */ jsxs2(
+      "article",
+      {
+        className: "promotion-coupon-row",
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `${item.claimActionLabel ?? "\u9886\u53D6"}\u300C${item.title}\u300D`,
+        onClick: () => setOpenRef(item.offerRef),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setOpenRef(item.offerRef);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx3(ImageWithFallback, { src: item.imageUrl, alt: item.title, className: "promotion-coupon-row__thumb" }),
+          /* @__PURE__ */ jsxs2("div", { className: "promotion-coupon-row__main", children: [
+            /* @__PURE__ */ jsx3("strong", { className: "promotion-coupon-row__title", children: item.title }),
+            item.tags.some((tag) => !/^TOP[1-5]$/i.test(tag)) && /* @__PURE__ */ jsx3("span", { className: "promotion-coupon-row__tags", children: item.tags.filter((tag) => !/^TOP[1-5]$/i.test(tag)).slice(0, 3).map((tag) => /* @__PURE__ */ jsx3("em", { className: /^(精选|餐饮|购物|生活)$/.test(tag) ? "promotion-coupon-row__tag--category" : "promotion-coupon-row__tag--meta", children: tag }, tag)) }),
+            item.subtitle && !couponSubtitleIsTime(item.subtitle) && /* @__PURE__ */ jsx3("span", { className: "promotion-coupon-row__sub", dangerouslySetInnerHTML: { __html: item.subtitle } }),
+            /* @__PURE__ */ jsxs2("span", { className: "promotion-coupon-row__price", children: [
+              /* @__PURE__ */ jsx3("b", { children: item.priceText ?? item.benefitText ?? offerTypeLabel(item.offerType) }),
+              item.discountLabel && /* @__PURE__ */ jsx3("em", { className: "promotion-coupon-row__discount", children: item.discountLabel }),
+              item.priceText && item.originalPriceText && /* @__PURE__ */ jsx3("s", { children: item.originalPriceText })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx3("span", { className: "promotion-item-actions promotion-item-actions--coupon", "aria-hidden": "true", children: /* @__PURE__ */ jsx3("span", { className: "promotion-chip promotion-chip--coupon", children: item.claimActionLabel ?? "\u9886\u53D6" }) })
+        ]
+      },
+      item.offerRef
+    ) : /* @__PURE__ */ jsxs2("article", { children: [
+      /* @__PURE__ */ jsxs2("span", { className: "promotion-list__visual", children: [
+        /* @__PURE__ */ jsx3(ImageWithFallback, { src: item.imageUrl, alt: item.title, className: "promotion-list__thumb" }),
+        /* @__PURE__ */ jsx3("em", { children: item.benefitText ?? offerTypeLabel(item.offerType) })
+      ] }),
+      /* @__PURE__ */ jsxs2("span", { className: "promotion-list__copy", children: [
+        /* @__PURE__ */ jsx3("small", { children: promotion ? "\u672C\u5468\u6D3B\u52A8" : offerTypeLabel(item.offerType) }),
+        /* @__PURE__ */ jsx3("strong", { children: item.title }),
+        /* @__PURE__ */ jsx3("span", { children: item.subtitle ?? item.validityText ?? "\u5F53\u524D\u5546\u573A\u53EF\u7528" })
+      ] }),
+      /* @__PURE__ */ jsx3("span", { className: `promotion-status promotion-status--${statusTone(item.availabilityStatus, item.claimable)}`, children: statusText(item.availabilityStatus, item.claimable) }),
+      /* @__PURE__ */ jsx3(ItemActionsRow, { actions: item.itemActions ?? [], cardId, isHistory, className: "promotion-item-actions", chipClassName: "promotion-chip" })
+    ] }, item.offerRef)) }),
+    items.length > maxItems && /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        className: "promotion-list__toggle",
+        "aria-expanded": expanded,
+        onClick: toggleExpanded,
+        children: [
+          !coupon && /* @__PURE__ */ jsx3(CaretDown, { size: 16, "data-rotated": expanded || void 0 }),
+          expanded ? "\u6536\u8D77" : `\u67E5\u770B\u66F4\u591A\uFF08${items.length - maxItems} \u6761\uFF09`,
+          coupon && /* @__PURE__ */ jsx3(CaretDown, { size: 17, "aria-hidden": "true", "data-rotated": expanded || void 0 })
+        ]
+      }
+    ),
+    items.length > maxItems && /* @__PURE__ */ jsx3("div", { ref: bottomRef, className: "promotion-list__bottom-anchor", "aria-hidden": "true" }),
+    data.nextCursor && /* @__PURE__ */ jsx3("p", { className: "promotion-list__more", children: "\u8FD8\u6709\u66F4\u591A\u5185\u5BB9\uFF0C\u53EF\u7EE7\u7EED\u67E5\u8BE2" }),
+    openRef && (() => {
+      const target = items.find((i) => i.offerRef === openRef);
+      if (!target) return null;
+      const token = actionTokens?.["promotion.acquire-from-list"];
+      const label = target.claimActionLabel ?? "\u9886\u53D6";
+      const purchaseOnly = label === "\u62A2\u8D2D";
+      const redirectOnly = purchaseOnly || target.freeCouponClaimMode === "REDIRECT";
+      const redirectLabel = purchaseOnly ? "\u53BB\u5C0F\u7A0B\u5E8F\u62A2\u8D2D" : "\u53BB\u5C0F\u7A0B\u5E8F\u9886\u53D6";
+      const facts = [
+        target.usageSceneText ? { icon: /* @__PURE__ */ jsx3(MapPin, { weight: "duotone" }), label: "\u4F7F\u7528\u573A\u666F", value: target.usageSceneText } : null,
+        target.usageTimeText ? { icon: /* @__PURE__ */ jsx3(CalendarBlank, { weight: "duotone" }), label: "\u4F7F\u7528\u65F6\u95F4", value: target.usageTimeText } : null,
+        target.thresholdText ? { icon: /* @__PURE__ */ jsx3(Ticket, { weight: "duotone" }), label: "\u4F7F\u7528\u9650\u5236", value: target.thresholdText } : null,
+        target.claimTimeText ? { icon: /* @__PURE__ */ jsx3(CalendarBlank, { weight: "duotone" }), label: "\u53EF\u9886\u53D6\u65F6\u95F4", value: target.claimTimeText } : null,
+        target.validityText ? { icon: /* @__PURE__ */ jsx3(CalendarBlank, { weight: "duotone" }), label: "\u6709\u6548\u671F", value: target.validityText } : null,
+        target.usageRuleText ? { icon: /* @__PURE__ */ jsx3(Ticket, { weight: "duotone" }), label: "\u4F7F\u7528\u89C4\u5219", value: target.usageRuleText } : null
+      ].filter(Boolean);
+      const priceMain = target.priceText ?? target.benefitText ?? offerTypeLabel(target.offerType);
+      return /* @__PURE__ */ jsx3(
+        CouponSheet,
+        {
+          title: target.title,
+          imageUrl: target.imageUrl,
+          noticeText: target.usageNoticeText,
+          guaranteeText: target.guaranteeText,
+          subtitle: redirectOnly ? [target.subtitle, target.purchaseUrl ? `\u8BE5\u4F18\u60E0\u9700\u524D\u5F80\u5C0F\u7A0B\u5E8F\u5B8C\u6210${purchaseOnly ? "\u8D2D\u4E70" : "\u9886\u53D6"}` : `\u8BE5\u4F18\u60E0\u7684${purchaseOnly ? "\u62A2\u8D2D" : "\u9886\u53D6"}\u94FE\u63A5\u6682\u4E0D\u53EF\u7528`].filter(Boolean).join(" \xB7 ") : target.subtitle,
+          priceMain,
+          priceOriginal: target.priceText ? target.originalPriceText : void 0,
+          aside: target.stockText,
+          facts,
+          onClose: () => {
+            setOpenRef(null);
+            setClaimingRef((current) => current === target.offerRef ? null : current);
+            setClaimedRefs((current) => {
+              if (!current.has(target.offerRef)) return current;
+              const next = new Set(current);
+              next.delete(target.offerRef);
+              return next;
+            });
+          },
+          foot: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            /* @__PURE__ */ jsxs2("span", { className: "promotion-sheet__foot-price", children: [
+              /* @__PURE__ */ jsx3("b", { children: target.priceText ?? target.benefitText ?? "" }),
+              target.priceText && target.originalPriceText && /* @__PURE__ */ jsx3("s", { children: target.originalPriceText })
+            ] }),
+            redirectOnly ? /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                disabled: !target.purchaseUrl,
+                className: "promotion-chip promotion-chip--coupon promotion-chip--coupon-lg",
+                onClick: () => {
+                  if (!target.purchaseUrl) return;
+                  void navigateToAlipayPage(target.purchaseUrl).catch((err) => {
+                    console.warn("[PromotionOfferListCard] navigateTo failed", err);
+                  });
+                },
+                children: target.purchaseUrl ? redirectLabel : `${purchaseOnly ? "\u62A2\u8D2D" : "\u9886\u53D6"}\u94FE\u63A5\u6682\u4E0D\u53EF\u7528`
+              }
+            ) : token && !isHistory ? (
+              // 直接走写动作，不再绕发消息：结果以新卡片回到对话流，当前浮层保持已领取态
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  className: "promotion-chip promotion-chip--coupon promotion-chip--coupon-lg",
+                  onClick: () => {
+                    setClaimingRef(target.offerRef);
+                    sendCardAction(cardId, { type: "moduleAction", actionId: "promotion.acquire-from-list", contextToken: token }, { offerRef: target.offerRef });
+                  },
+                  disabled: claimingRef === target.offerRef || claimedRefs.has(target.offerRef),
+                  children: claimedRefs.has(target.offerRef) ? "\u5DF2\u9886\u53D6" : claimingRef === target.offerRef ? "\u9886\u53D6\u4E2D\uFF0C\u8BF7\u7A0D\u5019\u2026" : label
+                }
+              )
+            ) : (
+              // 无令牌（历史卡、旧服务端）时退回发消息，保住可用性
+              /* @__PURE__ */ jsx3(
+                ItemActionsRow,
+                {
+                  actions: target.itemActions ?? [],
+                  cardId,
+                  isHistory,
+                  className: "promotion-item-actions",
+                  chipClassName: "promotion-chip promotion-chip--coupon promotion-chip--coupon-lg"
+                }
+              )
+            )
+          ] })
+        }
+      );
+    })()
+  ] });
+}
+markSelfRendering(PromotionOfferListCard);
+function Empty({ text }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "promotion-card__empty", children: [
+    /* @__PURE__ */ jsx3(Ticket, { size: 28, weight: "duotone" }),
+    /* @__PURE__ */ jsx3("span", { children: text })
+  ] });
+}
+var promotion_offer_list_default = PromotionOfferListCard;
+
+// src/client/cards/promotion-offer-detail/index.tsx
+import { CalendarBlank as CalendarBlank2, CheckCircle, Clock, Gift, Info, ListChecks, MapPin as MapPin2, SealCheck, Ticket as Ticket2 } from "@phosphor-icons/react";
+import { useEffect as useEffect3, useRef as useRef3, useState as useState4 } from "react";
+import { markSelfRendering as markSelfRendering2, navigateToAlipayPage as navigateToAlipayPage2, sendCardAction as sendCardAction2 } from "@tbox.cn/app-sdk/client";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var modeText = {
+  AUTOMATIC_DISCOUNT: "\u7ED3\u7B97\u65F6\u81EA\u52A8\u4F18\u60E0",
+  CLAIM_THEN_PURCHASE: "\u5148\u9886\u5238\uFF0C\u518D\u8D2D\u4E70",
+  REGISTER_THEN_ATTEND: "\u5148\u62A5\u540D\uFF0C\u518D\u5230\u573A",
+  GROUP_PURCHASE: "\u53D1\u8D77\u6216\u53C2\u4E0E\u62FC\u56E2",
+  UNKNOWN: "\u4EE5\u6D3B\u52A8\u9875\u8BF4\u660E\u4E3A\u51C6"
+};
+function isClaimSuccess(text, level) {
+  return level === "success" || /领取成功|已存入卡包|已领取/.test(text);
+}
+function PromotionOfferDetailCard({ data, cardId = "", isHistory = false, actionTokens }) {
+  const [acquiring, setAcquiring] = useState4(false);
+  const [claimed, setClaimed] = useState4(false);
+  const [claimMessage, setClaimMessage] = useState4(null);
+  const pendingClaimRef = useRef3(false);
+  useEffect3(() => {
+    if (!cardId || typeof window === "undefined") return void 0;
+    const onNotice = (event) => {
+      const detail = event.detail;
+      if (!detail?.text || detail.surfaceId && detail.surfaceId !== cardId) return;
+      setAcquiring(false);
+      pendingClaimRef.current = false;
+      if (isClaimSuccess(detail.text, detail.level)) {
+        setClaimed(true);
+      }
+      setClaimMessage(detail.text);
+    };
+    const onCard = (event) => {
+      const card = event.detail;
+      if (card?.cardType !== "promotion-entitlement-list" || !pendingClaimRef.current) return;
+      pendingClaimRef.current = false;
+      setAcquiring(false);
+      setClaimed(true);
+      setClaimMessage("\u9886\u53D6\u6210\u529F\uFF01\u5DF2\u5B58\u5165\u5361\u5305");
+    };
+    window.addEventListener("tbox:notice", onNotice);
+    window.addEventListener("tbox:card", onCard);
+    return () => {
+      window.removeEventListener("tbox:notice", onNotice);
+      window.removeEventListener("tbox:card", onCard);
+    };
+  }, [cardId]);
+  if (data.presentation === "promotion-guide") return /* @__PURE__ */ jsx4(PromotionGuide, { data });
+  const coupon = data.offerType === "COUPON" || data.presentation === "coupon";
+  const purchaseOnly = coupon && data.claimActionLabel === "\u62A2\u8D2D";
+  const label = data.presentation === "promotion" ? "\u672C\u5468\u6D3B\u52A8" : data.presentation === "package" ? "\u7EC4\u5408\u793C\u5305" : "\u4F1A\u5458\u4E13\u4EAB";
+  return /* @__PURE__ */ jsxs3("section", { className: `promotion-card promotion-detail${coupon ? " promotion-detail--coupon" : ""}`, "aria-label": data.title, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__hero", children: [
+      /* @__PURE__ */ jsx4(ImageWithFallback, { src: data.imageUrl, alt: data.title, className: "promotion-detail__image" }),
+      /* @__PURE__ */ jsx4("span", { className: "promotion-detail__hero-label", children: label }),
+      /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__glass", children: [
+        /* @__PURE__ */ jsx4("small", { children: data.claimable ? "\u53EF\u9886\u53D6" : "\u8BE6\u60C5" }),
+        /* @__PURE__ */ jsx4("strong", { children: data.benefitText ?? offerTypeLabel(data.offerType) }),
+        /* @__PURE__ */ jsx4("em", { children: data.subtitle ?? "\u5F53\u524D\u5546\u573A\u53EF\u7528" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__body", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__status", children: [
+        /* @__PURE__ */ jsxs3("span", { className: `promotion-status promotion-status--${data.claimable ? "available" : "unavailable"}`, children: [
+          /* @__PURE__ */ jsx4(SealCheck, { weight: "fill" }),
+          data.claimable ? "\u53EF\u9886\u53D6" : "\u6682\u4E0D\u53EF\u9886"
+        ] }),
+        data.validityText && /* @__PURE__ */ jsxs3("small", { children: [
+          /* @__PURE__ */ jsx4(Clock, {}),
+          data.validityText
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4("h3", { children: data.title }),
+      (data.usageNoticeText || data.guaranteeText) && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__notice-strip", children: [
+        data.usageNoticeText && /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx4("b", { children: "\u987B\u77E5" }),
+          data.usageNoticeText
+        ] }),
+        data.guaranteeText && /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx4("b", { children: "\u4FDD\u969C" }),
+          data.guaranteeText
+        ] })
+      ] }),
+      (data.usageSceneText || data.validityText || data.usageTimeText || data.thresholdText || data.claimTimeText) && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__facts", children: [
+        data.usageSceneText && /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("dt", { children: [
+            /* @__PURE__ */ jsx4(MapPin2, { weight: "duotone" }),
+            "\u4F7F\u7528\u573A\u666F"
+          ] }),
+          /* @__PURE__ */ jsx4("dd", { children: data.usageSceneText })
+        ] }),
+        data.validityText && /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("dt", { children: [
+            /* @__PURE__ */ jsx4(CalendarBlank2, { weight: "duotone" }),
+            "\u6709\u6548\u671F"
+          ] }),
+          /* @__PURE__ */ jsx4("dd", { children: data.validityText })
+        ] }),
+        data.usageTimeText && /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("dt", { children: [
+            /* @__PURE__ */ jsx4(Clock, { weight: "duotone" }),
+            "\u4F7F\u7528\u65F6\u95F4"
+          ] }),
+          /* @__PURE__ */ jsx4("dd", { children: data.usageTimeText })
+        ] }),
+        data.thresholdText && /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("dt", { children: [
+            /* @__PURE__ */ jsx4(Ticket2, { weight: "duotone" }),
+            "\u4F7F\u7528\u9650\u5236"
+          ] }),
+          /* @__PURE__ */ jsx4("dd", { children: data.thresholdText })
+        ] }),
+        data.claimTimeText && /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3("dt", { children: [
+            /* @__PURE__ */ jsx4(CalendarBlank2, { weight: "duotone" }),
+            "\u53EF\u9886\u53D6\u65F6\u95F4"
+          ] }),
+          /* @__PURE__ */ jsx4("dd", { children: data.claimTimeText })
+        ] })
+      ] }),
+      (data.steps?.length ?? 0) > 0 && /* @__PURE__ */ jsx4("div", { className: "promotion-detail__rules", children: data.steps?.slice(0, 3).map((step, index) => /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsx4(CheckCircle, { weight: "fill" }),
+        /* @__PURE__ */ jsx4("b", { children: step.title }),
+        /* @__PURE__ */ jsx4("small", { children: step.description ?? "" })
+      ] }, index)) }),
+      (data.usageRuleText || data.description) && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__usage-rule", children: [
+        /* @__PURE__ */ jsx4("strong", { children: "\u4F7F\u7528\u89C4\u5219" }),
+        /* @__PURE__ */ jsx4("div", { dangerouslySetInnerHTML: { __html: sanitizeActivityHtml(data.usageRuleText ?? data.description ?? "") } })
+      ] }),
+      purchaseOnly ? /* @__PURE__ */ jsx4("button", { className: "promotion-coupon-main-action", type: "button", disabled: !data.purchaseUrl || isHistory, onClick: () => {
+        if (!data.purchaseUrl) return;
+        void navigateToAlipayPage2(data.purchaseUrl).catch((err) => console.warn("[PromotionOfferDetailCard] navigateTo failed", err));
+      }, children: data.purchaseUrl ? "\u53BB\u5C0F\u7A0B\u5E8F\u62A2\u8D2D" : "\u62A2\u8D2D\u94FE\u63A5\u6682\u4E0D\u53EF\u7528" }) : data.claimable && actionTokens?.["promotion.acquire"] && /* @__PURE__ */ jsx4("button", { className: `promotion-coupon-main-action${acquiring ? " promotion-coupon-main-action--pending" : ""}`, type: "button", disabled: acquiring || claimed, onClick: () => {
+        pendingClaimRef.current = true;
+        setAcquiring(true);
+        setClaimMessage("\u9886\u53D6\u4E2D\uFF0C\u8BF7\u7A0D\u5019\uFF1B\u9886\u53D6\u6210\u529F\u540E\u5C06\u81EA\u52A8\u5C55\u793A\u6211\u7684\u5238\u5305");
+        sendCardAction2(cardId, { type: "moduleAction", actionId: "promotion.acquire", contextToken: actionTokens["promotion.acquire"] }, { offerRef: data.offerRef });
+      }, children: claimed ? "\u5DF2\u9886\u53D6" : acquiring ? "\u9886\u53D6\u4E2D\u2026" : "\u7ACB\u5373\u9886\u53D6" }),
+      claimMessage && /* @__PURE__ */ jsx4("p", { className: "promotion-detail__claim-status", role: "status", children: claimMessage }),
+      (data.bundleItems?.length ?? 0) > 0 && /* @__PURE__ */ jsx4("div", { className: "promotion-detail__bundle", children: data.bundleItems?.map((item, index) => /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsx4(Gift, { weight: "duotone" }),
+        /* @__PURE__ */ jsx4("b", { children: item.name }),
+        /* @__PURE__ */ jsxs3("small", { children: [
+          "x",
+          item.quantity
+        ] })
+      ] }, index)) }),
+      data.notice && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__notice", children: [
+        /* @__PURE__ */ jsx4(Info, {}),
+        data.notice
+      ] }),
+      (data.stores?.length ?? 0) > 0 && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__stores", children: [
+        /* @__PURE__ */ jsx4("strong", { children: "\u9002\u7528\u95E8\u5E97" }),
+        data.stores?.slice(0, 8).map((store) => /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx4(MapPin2, { weight: "fill" }),
+          store.storeName,
+          store.floor ? ` \xB7 ${store.floor}` : "",
+          store.address ? ` \xB7 ${store.address}` : ""
+        ] }, store.storeId))
+      ] }),
+      !data.claimable && data.unavailableReason && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__notice", children: [
+        /* @__PURE__ */ jsx4(Info, {}),
+        data.unavailableReason
+      ] }),
+      data.caveats.length > 0 && /* @__PURE__ */ jsx4("footer", { className: "promotion-card__footer", children: data.caveats.join("\uFF1B") })
+    ] })
+  ] });
+}
+function PromotionGuide({ data }) {
+  const steps = data.steps ?? data.rules.map((rule) => ({ title: rule }));
+  return /* @__PURE__ */ jsxs3("section", { className: "promotion-card promotion-guide", "aria-label": "\u6D3B\u52A8\u53C2\u4E0E\u65B9\u5F0F", children: [
+    /* @__PURE__ */ jsxs3("header", { className: "promotion-card__header promotion-card__header--compact", children: [
+      /* @__PURE__ */ jsx4("span", { className: "promotion-card__mark promotion-card__mark--cyan", children: /* @__PURE__ */ jsx4(ListChecks, { weight: "duotone" }) }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx4("span", { className: "promotion-card__eyebrow", children: "\u6D3B\u52A8\u53C2\u4E0E\u65B9\u5F0F" }),
+        /* @__PURE__ */ jsx4("h3", { children: data.title }),
+        /* @__PURE__ */ jsx4("p", { children: data.validityText ?? "\u5F53\u524D\u6D3B\u52A8\u6709\u6548\u671F\u4EE5\u73B0\u573A\u4E3A\u51C6" })
+      ] }),
+      /* @__PURE__ */ jsx4("b", { className: `promotion-status promotion-status--${data.claimable ? "available" : "unavailable"}`, children: data.claimable ? "\u53EF\u53C2\u4E0E" : "\u67E5\u770B\u89C4\u5219" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "promotion-guide__summary", children: [
+      /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsx4(MapPin2, { weight: "fill" }),
+        "\u5F53\u524D\u5546\u573A"
+      ] }),
+      /* @__PURE__ */ jsx4("strong", { children: modeText[data.participationMode ?? "UNKNOWN"] })
+    ] }),
+    /* @__PURE__ */ jsx4("ol", { children: steps.map((step, index) => /* @__PURE__ */ jsxs3("li", { children: [
+      /* @__PURE__ */ jsx4("b", { children: index + 1 }),
+      /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: step.title }),
+        /* @__PURE__ */ jsx4("small", { children: step.description ?? "" })
+      ] })
+    ] }, index)) }),
+    (data.requirements?.length ?? 0) > 0 && /* @__PURE__ */ jsx4("div", { className: "promotion-guide__requirements", children: data.requirements?.map((item) => /* @__PURE__ */ jsxs3("span", { children: [
+      /* @__PURE__ */ jsx4(CheckCircle, { weight: "fill" }),
+      item
+    ] }, item)) }),
+    data.notice && /* @__PURE__ */ jsxs3("div", { className: "promotion-detail__notice", children: [
+      /* @__PURE__ */ jsx4(Info, { weight: "duotone" }),
+      data.notice
+    ] }),
+    /* @__PURE__ */ jsx4("footer", { className: "promotion-card__footer", children: "\u53C2\u4E0E\u8D44\u683C\u548C\u573A\u6B21\u4EE5\u6D3B\u52A8\u73B0\u573A\u5B9E\u65F6\u4FE1\u606F\u4E3A\u51C6" })
+  ] });
+}
+var promotion_offer_detail_default = PromotionOfferDetailCard;
+markSelfRendering2(PromotionOfferDetailCard);
+
+// src/client/cards/promotion-entitlement-list/index.tsx
+import { CalendarBlank as CalendarBlank3, CaretDown as CaretDown2, Copy, MapPinLine, NavigationArrow, ShieldCheck, Ticket as Ticket3 } from "@phosphor-icons/react";
+import { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState6 } from "react";
+import { callJsapi, httpGet } from "@tbox.cn/app-sdk/client";
+
+// src/client/components/CouponQrCode.tsx
+import QRCode from "qrcode";
+import JsBarcode from "jsbarcode";
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useRef as useRef4 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function CouponQrCode(props) {
+  const { value, disabled = false } = props;
+  const [src, setSrc] = useState5();
+  useEffect4(() => {
+    let active = true;
+    setSrc(void 0);
+    void QRCode.toDataURL(value, {
+      width: 200,
+      margin: 1,
+      errorCorrectionLevel: "M",
+      color: { dark: disabled ? "#999999" : "#000000", light: "#ffffff" }
+    }).then((dataUrl) => {
+      if (active) setSrc(dataUrl);
+    }).catch(() => {
+      if (active) setSrc(void 0);
+    });
+    return () => {
+      active = false;
+    };
+  }, [disabled, value]);
+  return src ? /* @__PURE__ */ jsx5("img", { className: `promotion-sheet__qrcode${disabled ? " promotion-sheet__qrcode--disabled" : ""}`, src, alt: "\u5238\u7801\u4E8C\u7EF4\u7801" }) : null;
+}
+function CouponBarcode(props) {
+  const { value, disabled = false } = props;
+  const ref = useRef4(null);
+  useEffect4(() => {
+    if (!ref.current) return;
+    try {
+      JsBarcode(ref.current, value, {
+        format: "CODE128",
+        width: 2,
+        height: 52,
+        margin: 0,
+        displayValue: false,
+        lineColor: disabled ? "#999999" : "#000000"
+      });
+    } catch {
+      ref.current.replaceChildren();
+    }
+  }, [disabled, value]);
+  return /* @__PURE__ */ jsx5("svg", { ref, className: `promotion-sheet__barcode${disabled ? " promotion-sheet__barcode--disabled" : ""}`, "aria-label": "\u5238\u7801\u6761\u5F62\u7801", role: "img" });
+}
+
+// src/client/cards/promotion-entitlement-list/index.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function PromotionEntitlementListCard(props) {
+  const { data } = props;
+  const [openRef, setOpenRef] = useState6(null);
+  const [expanded, setExpanded] = useState6(false);
+  const [listHeights, setListHeights] = useState6({ collapsed: 0, expanded: 0 });
+  const listRef = useRef5(null);
+  const bottomRef = useRef5(null);
+  const initialRenderRef = useRef5(true);
+  useEffect5(() => {
+    if (initialRenderRef.current) {
+      initialRenderRef.current = false;
+      return;
+    }
+    if (bottomRef.current) scrollCardBottom(bottomRef.current);
+  }, [expanded]);
+  useLayoutEffect2(() => {
+    const list = listRef.current;
+    if (!list) return;
+    const rows = [...list.children];
+    const boundary = rows[Math.min(maxItems, rows.length) - 1];
+    const listTop = list.getBoundingClientRect().top;
+    const collapsed = boundary ? boundary.getBoundingClientRect().bottom - listTop : list.scrollHeight;
+    setListHeights({ collapsed, expanded: list.scrollHeight });
+  }, [data.items.length, data.maxItems]);
+  const toggleExpanded = () => {
+    setExpanded((value) => !value);
+  };
+  const target = openRef ? data.items.find((item) => item.entitlementRef === openRef) : void 0;
+  const [detailTarget, setDetailTarget] = useState6();
+  const [detailLoading, setDetailLoading] = useState6(false);
+  const detailController = useRef5(null);
+  const [copied, setCopied] = useState6(false);
+  useEffect5(() => {
+    detailController.current?.abort();
+    if (!openRef || !target) {
+      setDetailTarget(void 0);
+      setDetailLoading(false);
+      return void 0;
+    }
+    const controller = new AbortController();
+    detailController.current = controller;
+    setDetailTarget(void 0);
+    setDetailLoading(true);
+    const params = new URLSearchParams({ entitlementRef: openRef });
+    if (data.mallId) params.set("mallId", data.mallId);
+    if (data.miniAppId) params.set("miniAppId", data.miniAppId);
+    httpGet(`/api/m/promotion/entitlement-detail?${params.toString()}`, { signal: controller.signal }).then(({ data: payload }) => {
+      if (!controller.signal.aborted) setDetailTarget(payload.data);
+    }).catch(() => void 0).finally(() => {
+      if (!controller.signal.aborted) setDetailLoading(false);
+    });
+    return () => controller.abort();
+  }, [openRef, target]);
+  const sheetTarget = detailTarget ?? target;
+  const maxItems = data.maxItems ?? 4;
+  const copyCode = async (code) => {
+    try {
+      await navigator.clipboard?.writeText(code);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1600);
+    } catch {
+      setCopied(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs4("section", { className: "promotion-card promotion-list--coupon promotion-entitlements", "aria-label": "\u6211\u7684\u4F18\u60E0\u6743\u76CA", children: [
+    /* @__PURE__ */ jsx6("header", { className: "promotion-activity__header promotion-activity__header--pea promotion-coupon__header", children: /* @__PURE__ */ jsxs4("div", { className: "promotion-activity__header-copy", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "promotion-activity__header-title-row", children: [
+        /* @__PURE__ */ jsx6(Ticket3, { weight: "fill" }),
+        /* @__PURE__ */ jsx6("h3", { children: "\u6211\u7684\u4F18\u60E0\u5238" })
+      ] }),
+      /* @__PURE__ */ jsx6("p", { children: "\u5F53\u524D\u8D26\u6237 \xB7 \u5238\u5305\u6743\u76CA" })
+    ] }) }),
+    !data.items.length ? /* @__PURE__ */ jsxs4("div", { className: "promotion-card__empty", children: [
+      /* @__PURE__ */ jsx6(Ticket3, { size: 28, weight: "duotone" }),
+      /* @__PURE__ */ jsx6("span", { children: data.noResultsReason ?? "\u5F53\u524D\u8D26\u6237\u6682\u65E0\u53EF\u7528\u6743\u76CA" })
+    ] }) : /* @__PURE__ */ jsx6("div", { ref: listRef, className: `promotion-list__items${expanded ? " promotion-list__items--expanded" : ""}`, style: { maxHeight: expanded ? listHeights.expanded || void 0 : listHeights.collapsed || void 0 }, onTransitionEnd: () => {
+      if (bottomRef.current) scrollCardBottom(bottomRef.current);
+    }, children: data.items.map((item) => /* @__PURE__ */ jsxs4(
+      "article",
+      {
+        className: `promotion-coupon-row${item.status === "EFFECTIVE" ? "" : " promotion-coupon-row--disabled"}`,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `\u67E5\u770B\u300C${item.title}\u300D`,
+        onClick: () => setOpenRef(item.entitlementRef),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setOpenRef(item.entitlementRef);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx6(ImageWithFallback, { src: item.imageUrl, alt: item.title, className: "promotion-coupon-row__thumb" }),
+          /* @__PURE__ */ jsxs4("div", { className: "promotion-coupon-row__main", children: [
+            /* @__PURE__ */ jsx6("strong", { className: "promotion-coupon-row__title", children: item.title }),
+            item.usageNotice && /* @__PURE__ */ jsx6("span", { className: "promotion-coupon-row__sub", dangerouslySetInnerHTML: { __html: sanitizeActivityHtml(item.usageNotice) } }),
+            /* @__PURE__ */ jsxs4("span", { className: "promotion-coupon-row__price", children: [
+              /* @__PURE__ */ jsx6("b", { children: item.benefitText ?? entitlementStatusLabel(item.status) }),
+              item.thresholdText && /* @__PURE__ */ jsx6("em", { className: "promotion-coupon-row__discount", children: item.thresholdText })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx6(
+            "span",
+            {
+              className: `promotion-owned-action promotion-chip promotion-chip--coupon promotion-coupon-row__state--${item.status.toLowerCase()}${item.status === "EFFECTIVE" ? "" : " promotion-chip--coupon-off"}`,
+              "aria-hidden": "true",
+              children: item.status === "EFFECTIVE" ? "\u53BB\u4F7F\u7528" : entitlementStatusLabel(item.status)
+            }
+          )
+        ]
+      },
+      item.entitlementRef
+    )) }),
+    data.items.length > maxItems && /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        className: "promotion-list__toggle",
+        "aria-expanded": expanded,
+        onClick: toggleExpanded,
+        children: [
+          /* @__PURE__ */ jsx6(CaretDown2, { size: 16, "data-rotated": expanded || void 0 }),
+          expanded ? "\u6536\u8D77" : `\u67E5\u770B\u66F4\u591A\uFF08${data.items.length - maxItems} \u6761\uFF09`
+        ]
+      }
+    ),
+    data.items.length > maxItems && /* @__PURE__ */ jsx6("div", { ref: bottomRef, className: "promotion-list__bottom-anchor", "aria-hidden": "true" }),
+    sheetTarget && (() => {
+      const facts = [
+        sheetFact(/* @__PURE__ */ jsx6(MapPinLine, { weight: "duotone" }), "\u4F7F\u7528\u573A\u666F", sheetTarget.usageSceneText),
+        sheetFact(/* @__PURE__ */ jsx6(CalendarBlank3, { weight: "duotone" }), "\u6709\u6548\u671F", sheetTarget.validityText ?? sheetTarget.validUntilText),
+        sheetFact(/* @__PURE__ */ jsx6(CalendarBlank3, { weight: "duotone" }), "\u4F7F\u7528\u65F6\u95F4", sheetTarget.usageTimeText),
+        sheetFact(/* @__PURE__ */ jsx6(ShieldCheck, { weight: "duotone" }), "\u4F7F\u7528\u9650\u5236", sheetTarget.thresholdText),
+        sheetFact(/* @__PURE__ */ jsx6(CalendarBlank3, { weight: "duotone" }), "\u53EF\u9886\u53D6\u65F6\u95F4", sheetTarget.claimTimeText),
+        sheetFact(/* @__PURE__ */ jsx6(Ticket3, { weight: "duotone" }), "\u4F7F\u7528\u89C4\u5219", sheetTarget.usageRuleText)
+      ].filter(Boolean);
+      return /* @__PURE__ */ jsx6(
+        CouponSheet,
+        {
+          title: sheetTarget.title,
+          imageUrl: sheetTarget.imageUrl,
+          priceMain: sheetTarget.benefitText,
+          aside: detailLoading ? "\u52A0\u8F7D\u8BE6\u60C5\u4E2D" : entitlementStatusLabel(sheetTarget.status),
+          noticeText: sheetTarget.usageNotice,
+          guaranteeText: sheetTarget.guaranteeText,
+          facts,
+          onClose: () => setOpenRef(null),
+          beforeFacts: /* @__PURE__ */ jsxs4(Fragment3, { children: [
+            sheetTarget.qrCodeEnabled && sheetTarget.code && /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              /* @__PURE__ */ jsx6(CouponBarcode, { value: sheetTarget.code, disabled: sheetTarget.status !== "EFFECTIVE" }),
+              /* @__PURE__ */ jsx6(CouponQrCode, { value: sheetTarget.code, disabled: sheetTarget.status !== "EFFECTIVE" })
+            ] }),
+            (sheetTarget.code || sheetTarget.codeMasked) && /* @__PURE__ */ jsxs4("div", { className: `promotion-sheet__code${sheetTarget.status === "EFFECTIVE" ? "" : " promotion-sheet__code--disabled"}`, children: [
+              /* @__PURE__ */ jsx6("span", { children: "\u5238\u7801" }),
+              /* @__PURE__ */ jsx6("strong", { children: sheetTarget.code || sheetTarget.codeMasked }),
+              /* @__PURE__ */ jsxs4("button", { type: "button", className: "promotion-sheet__copy", onClick: () => copyCode(sheetTarget.code || sheetTarget.codeMasked), children: [
+                /* @__PURE__ */ jsx6(Copy, { size: 16 }),
+                copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236"
+              ] })
+            ] }),
+            sheetTarget.stores?.length ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              /* @__PURE__ */ jsx6("div", { className: "promotion-sheet__section", children: "\u9002\u7528\u5546\u5BB6" }),
+              /* @__PURE__ */ jsx6("div", { className: "promotion-sheet__stores", children: sheetTarget.stores.map((store) => /* @__PURE__ */ jsxs4("div", { className: "promotion-sheet__store", children: [
+                store.imageUrl && /* @__PURE__ */ jsx6(ImageWithFallback, { src: store.imageUrl, alt: store.storeName, className: "promotion-sheet__store-image" }),
+                /* @__PURE__ */ jsxs4("span", { children: [
+                  /* @__PURE__ */ jsx6("strong", { children: store.storeName }),
+                  store.businessName && store.businessName !== store.storeName && /* @__PURE__ */ jsx6("small", { children: store.businessName }),
+                  store.floor && /* @__PURE__ */ jsx6("small", { children: store.floor }),
+                  store.address && /* @__PURE__ */ jsx6("small", { children: store.address })
+                ] }),
+                store.latitude !== void 0 && store.longitude !== void 0 && /* @__PURE__ */ jsxs4("button", { type: "button", className: "promotion-sheet__navigate", "aria-label": `\u5BFC\u822A\u5230${store.storeName}`, onClick: (event) => {
+                  event.stopPropagation();
+                  void callJsapi("openLocation", { latitude: store.latitude, longitude: store.longitude, name: store.storeName, address: store.address ?? "" }).catch(() => void 0);
+                }, children: [
+                  /* @__PURE__ */ jsx6(NavigationArrow, { size: 18 }),
+                  "\u5BFC\u822A"
+                ] })
+              ] }, store.storeId)) })
+            ] }) : null
+          ] })
+        }
+      );
+    })()
+  ] });
+}
+function sheetFact(icon, label, value) {
+  return value ? { icon, label, value } : null;
+}
+var promotion_entitlement_list_default = PromotionEntitlementListCard;
+
+// src/client/cards/promotion-activity-list/index.tsx
+import { CalendarDots as CalendarDots2, Sparkle as Sparkle2, Ticket as Ticket4 } from "@phosphor-icons/react";
+import { sendCardAction as sendCardAction3 } from "@tbox.cn/app-sdk/client";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var statusText2 = { AVAILABLE: "\u53EF\u62A5\u540D", FULL: "\u5DF2\u6EE1", ENDED: "\u5DF2\u7ED3\u675F", UPCOMING: "\u5373\u5C06\u5F00\u59CB", UNKNOWN: "\u5F85\u786E\u8BA4" };
+function PromotionActivityListCard(props) {
+  const { data, cardId = "", isHistory = false } = props;
+  return /* @__PURE__ */ jsxs5("section", { className: "promotion-card promotion-activity promotion-activity--list", children: [
+    /* @__PURE__ */ jsx7("header", { className: "promotion-activity__header promotion-activity__header--pea", children: /* @__PURE__ */ jsxs5("div", { className: "promotion-activity__header-copy", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "promotion-activity__header-title-row", children: [
+        /* @__PURE__ */ jsx7(Sparkle2, { weight: "fill" }),
+        /* @__PURE__ */ jsx7("h3", { children: "\u6D3B\u52A8\u4E2D\u5FC3" })
+      ] }),
+      /* @__PURE__ */ jsx7("p", { children: "\u53D1\u73B0\u5546\u573A\u8FD1\u671F\u7CBE\u5F69\u6D3B\u52A8" })
+    ] }) }),
+    /* @__PURE__ */ jsx7("div", { className: "promotion-activity__list", children: data.items.map((item) => {
+      const status = item.availabilityStatus ?? (item.remainingQuota === 0 ? "FULL" : "UNKNOWN");
+      const action = item.itemActions?.find((candidate) => candidate.kind === "send" || candidate.kind === "link");
+      const jumpOnly = item.jumpOnly === true;
+      return /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          type: "button",
+          disabled: isHistory || !action,
+          "aria-label": action?.label ?? (jumpOnly ? `\u6253\u5F00${item.title}` : `\u67E5\u770B${item.title}\u8BE6\u60C5`),
+          className: status === "FULL" || status === "ENDED" ? "is-muted" : "",
+          onClick: () => {
+            if (!action || isHistory) return;
+            if (action.kind === "link") {
+              sendCardAction3(cardId, { type: "openLink", url: action.url });
+            } else {
+              sendCardAction3(cardId, { type: "sendMessage", value: action.value ?? action.label, visible: true });
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxs5("span", { className: "promotion-activity__visual", children: [
+              /* @__PURE__ */ jsx7(ImageWithFallback, { src: item.coverUrl, alt: item.title, className: "promotion-activity__thumb" }),
+              /* @__PURE__ */ jsx7("span", { className: `promotion-activity__status promotion-activity__status--${status.toLowerCase()}`, children: statusText2[status] })
+            ] }),
+            /* @__PURE__ */ jsxs5("span", { className: "promotion-activity__copy", children: [
+              /* @__PURE__ */ jsxs5("small", { children: [
+                /* @__PURE__ */ jsx7(Sparkle2, { weight: "fill" }),
+                item.categoryName ?? (jumpOnly ? "\u9996\u9875\u7CBE\u9009" : "\u4F1A\u5458\u6D3B\u52A8")
+              ] }),
+              /* @__PURE__ */ jsx7("strong", { children: item.title }),
+              /* @__PURE__ */ jsxs5("span", { children: [
+                /* @__PURE__ */ jsx7(CalendarDots2, { weight: "duotone" }),
+                item.periodText ?? (jumpOnly ? "\u70B9\u51FB\u6253\u5F00\u67E5\u770B\u5185\u5BB9" : "\u65F6\u95F4\u4EE5\u6D3B\u52A8\u9875\u4E3A\u51C6")
+              ] }),
+              /* @__PURE__ */ jsx7("em", { children: item.remainingQuota !== void 0 ? item.remainingQuota > 0 ? `\u4EC5\u4F59 ${item.remainingQuota} \u5E2D` : "\u540D\u989D\u5DF2\u6EE1" : jumpOnly ? item.jumpLabel ?? "\u6253\u5F00\u67E5\u770B" : item.registrationRequired ? "\u9700\u63D0\u524D\u62A5\u540D" : "\u65E0\u9700\u62A5\u540D" })
+            ] })
+          ]
+        },
+        item.activityRef
+      );
+    }) }),
+    !data.items.length && /* @__PURE__ */ jsxs5("div", { className: "promotion-card__empty", children: [
+      /* @__PURE__ */ jsx7(CalendarDots2, { size: 28 }),
+      /* @__PURE__ */ jsx7("span", { children: data.noResultsReason ?? "\u8FD1\u671F\u6682\u65E0\u6D3B\u52A8" })
+    ] }),
+    /* @__PURE__ */ jsxs5("footer", { className: "promotion-activity__footer", children: [
+      /* @__PURE__ */ jsx7(Ticket4, { weight: "duotone" }),
+      "\u4F1A\u5458\u6D3B\u52A8\u540D\u989D\u5B9E\u65F6\u53D8\u5316\uFF0C\u4EE5\u6D3B\u52A8\u8BE6\u60C5\u4E3A\u51C6"
+    ] })
+  ] });
+}
+var promotion_activity_list_default = PromotionActivityListCard;
+
+// src/client/cards/promotion-activity-detail/index.tsx
+import { ArrowSquareOut, CalendarDots as CalendarDots3, CheckCircle as CheckCircle2, Clock as Clock2, Crown, ListChecks as ListChecks2, MapPin as MapPin3, Sparkle as Sparkle3, Users } from "@phosphor-icons/react";
+import { sendCardAction as sendCardAction4 } from "@tbox.cn/app-sdk/client";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var sessionText = { OPEN: "\u53EF\u9009", FULL: "\u5DF2\u6EE1", CLOSED: "\u5DF2\u7ED3\u675F", UNKNOWN: "\u5F85\u786E\u8BA4" };
+function PromotionActivityDetailCard({ data, cardId = "", isHistory = false }) {
+  if (data.presentation === "schedule") return /* @__PURE__ */ jsx8(ActivitySchedule, { data });
+  if (data.presentation === "guide") return /* @__PURE__ */ jsx8(ActivityGuide, { data });
+  return /* @__PURE__ */ jsx8(ActivityDetail, { data, cardId, isHistory });
+}
+function ActivityDetail({ data, cardId, isHistory }) {
+  const status = data.remainingQuota === 0 ? "FULL" : "AVAILABLE";
+  return /* @__PURE__ */ jsxs6("section", { className: "promotion-card promotion-activity promotion-activity--detail", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__cover", children: [
+      /* @__PURE__ */ jsx8(ImageWithFallback, { src: data.coverUrl, alt: data.title, className: "promotion-activity__cover-image" }),
+      /* @__PURE__ */ jsx8("span", { className: "promotion-activity__cover-shade" }),
+      /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__cover-meta", children: [
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8(Crown, { weight: "fill" }),
+          "\u4F1A\u5458\u4E13\u4EAB\u4F53\u9A8C"
+        ] }),
+        /* @__PURE__ */ jsx8("span", { className: `promotion-activity__status promotion-activity__status--${status.toLowerCase()}`, children: status === "FULL" ? "\u5DF2\u6EE1" : "\u53EF\u62A5\u540D" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__detail-body", children: [
+      /* @__PURE__ */ jsx8("small", { children: data.jumpOnly ? "\u9996\u9875\u7CBE\u9009 \xB7 \u53EF\u8DF3\u8F6C\u5185\u5BB9" : `\u6D3B\u52A8\u8BE6\u60C5 \xB7 ${data.categoryName ?? "\u4F1A\u5458\u6D3B\u52A8"}` }),
+      /* @__PURE__ */ jsx8("h3", { children: data.title }),
+      (data.subtitle ?? data.description) && /* @__PURE__ */ jsx8("p", { children: data.subtitle ?? data.description }),
+      /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__spotlight", children: [
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8(CalendarDots3, { weight: "duotone" }),
+          /* @__PURE__ */ jsx8("small", { children: data.jumpOnly ? "\u5185\u5BB9\u8BF4\u660E" : "\u6D3B\u52A8\u65F6\u95F4" }),
+          /* @__PURE__ */ jsx8("strong", { children: data.periodText ?? (data.jumpOnly ? "\u8BE6\u60C5\u4EE5\u8DF3\u8F6C\u9875\u9762\u4E3A\u51C6" : "\u4EE5\u6D3B\u52A8\u9875\u4E3A\u51C6") })
+        ] }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8(Users, { weight: "duotone" }),
+          /* @__PURE__ */ jsx8("small", { children: "\u6D3B\u52A8\u540D\u989D" }),
+          /* @__PURE__ */ jsx8("strong", { children: data.remainingQuota !== void 0 ? `\u5269\u4F59 ${data.remainingQuota} \u5E2D` : data.registrationRequired ? "\u9700\u63D0\u524D\u62A5\u540D" : "\u65E0\u9700\u62A5\u540D" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__venue", children: [
+        /* @__PURE__ */ jsx8(MapPin3, { weight: "fill" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8("small", { children: "\u6D3B\u52A8\u5730\u70B9" }),
+          /* @__PURE__ */ jsx8("strong", { children: data.location ?? "\u5F53\u524D\u5546\u573A" })
+        ] })
+      ] }),
+      data.registrationRequired && /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__benefit", children: [
+        /* @__PURE__ */ jsx8(Crown, { weight: "fill" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8("b", { children: "\u4F1A\u5458\u4E13\u4EAB\u793C\u9047" }),
+          "\u5B8C\u6210\u4F1A\u5458\u8EAB\u4EFD\u6821\u9A8C\u540E\u53EF\u53C2\u4E0E"
+        ] })
+      ] }),
+      data.notice && /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__detail-notice", children: [
+        /* @__PURE__ */ jsx8(Clock2, { weight: "duotone" }),
+        /* @__PURE__ */ jsx8("span", { children: data.notice })
+      ] }),
+      (data.sessions.length > 0 || data.guideSteps.length > 0) && /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__readonly", children: [
+        /* @__PURE__ */ jsx8(ListChecks2, { weight: "fill" }),
+        "\u53EF\u7EE7\u7EED\u8BE2\u95EE\u53C2\u4E0E\u6307\u5357\u548C\u53EF\u9009\u573A\u6B21"
+      ] }),
+      (data.registrationRequired || data.jumpOnly) && data.registrationUrl && /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          className: "promotion-activity__register",
+          disabled: isHistory,
+          onClick: () => sendCardAction4(cardId, { type: "openLink", url: data.registrationUrl }),
+          children: [
+            /* @__PURE__ */ jsx8(ArrowSquareOut, { weight: "bold" }),
+            data.jumpOnly ? data.jumpLabel ?? "\u6253\u5F00\u5C0F\u7A0B\u5E8F" : "\u53BB\u652F\u4ED8\u5B9D\u62A5\u540D"
+          ]
+        }
+      ),
+      data.jumpOnly && !data.registrationUrl && /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__detail-notice", children: [
+        /* @__PURE__ */ jsx8(Clock2, { weight: "duotone" }),
+        /* @__PURE__ */ jsx8("span", { children: "\u8BE5\u9996\u9875\u8D44\u6E90\u6682\u65E0\u53EF\u7528\u8DF3\u8F6C\u94FE\u63A5" })
+      ] })
+    ] })
+  ] });
+}
+function ActivitySchedule({ data }) {
+  return /* @__PURE__ */ jsxs6("section", { className: "promotion-card promotion-activity promotion-activity--schedule", children: [
+    /* @__PURE__ */ jsx8(ActivityHeader, { title: "\u9009\u62E9\u5FC3\u4EEA\u573A\u6B21", subtitle: data.title, icon: "calendar" }),
+    /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__session-summary", children: [
+      /* @__PURE__ */ jsx8(CalendarDots3, { weight: "duotone" }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx8("small", { children: "\u53EF\u9009\u573A\u6B21" }),
+        /* @__PURE__ */ jsxs6("strong", { children: [
+          data.sessions.length,
+          " \u573A"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8("em", { children: "\u5B9E\u65F6\u540D\u989D" })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__sessions", children: [
+      data.sessions.map((session, index) => /* @__PURE__ */ jsxs6("article", { className: session.status === "OPEN" ? "is-available" : "is-full", children: [
+        /* @__PURE__ */ jsx8("b", { children: String(index + 1).padStart(2, "0") }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8("strong", { children: session.title }),
+          /* @__PURE__ */ jsxs6("small", { children: [
+            session.startText,
+            session.endText ? ` - ${session.endText}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8(Users, { weight: "duotone" }),
+          session.remainingQuota !== void 0 ? `\u4F59 ${session.remainingQuota} \u5E2D` : session.location ?? "\u540D\u989D\u5B9E\u65F6"
+        ] }),
+        /* @__PURE__ */ jsx8("em", { children: sessionText[session.status] })
+      ] }, session.sessionRef)),
+      !data.sessions.length && /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__empty-state", children: [
+        /* @__PURE__ */ jsx8(Clock2, { weight: "duotone" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx8("strong", { children: "\u573A\u6B21\u6B63\u5728\u786E\u8BA4" }),
+          /* @__PURE__ */ jsx8("small", { children: "\u7A0D\u540E\u518D\u6765\u67E5\u770B\u6700\u65B0\u5B89\u6392" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("p", { className: "promotion-activity__readonly", children: [
+      /* @__PURE__ */ jsx8(CheckCircle2, { weight: "fill" }),
+      "\u5F53\u524D\u4EC5\u5C55\u793A\u573A\u6B21\u4E0E\u540D\u989D\uFF0C\u4E0D\u4F1A\u76F4\u63A5\u63D0\u4EA4\u62A5\u540D"
+    ] })
+  ] });
+}
+function ActivityGuide({ data }) {
+  const steps = data.guideItems ?? data.guideSteps.map((title) => ({ title }));
+  return /* @__PURE__ */ jsxs6("section", { className: "promotion-card promotion-activity promotion-activity--guide", children: [
+    /* @__PURE__ */ jsx8(ActivityHeader, { title: "\u53C2\u4E0E\u6307\u5357", subtitle: data.title, icon: "guide" }),
+    /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__guide-banner", children: [
+      /* @__PURE__ */ jsx8(Sparkle3, { weight: "fill" }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx8("small", { children: "HOW TO JOIN" }),
+        /* @__PURE__ */ jsx8("strong", { children: "\u63D0\u524D\u51C6\u5907\uFF0C\u5230\u573A\u66F4\u4ECE\u5BB9" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx8("ol", { className: "promotion-activity__steps", children: steps.map((step, index) => /* @__PURE__ */ jsxs6("li", { children: [
+      /* @__PURE__ */ jsx8("b", { children: index + 1 }),
+      /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx8("strong", { children: step.title }),
+        /* @__PURE__ */ jsx8("small", { children: step.description ?? "" })
+      ] })
+    ] }, index)) }),
+    data.conditions.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "promotion-activity__requirements", children: [
+      /* @__PURE__ */ jsx8("b", { children: "\u53C2\u4E0E\u6761\u4EF6" }),
+      /* @__PURE__ */ jsx8("div", { children: data.conditions.map((item) => /* @__PURE__ */ jsxs6("span", { children: [
+        /* @__PURE__ */ jsx8(CheckCircle2, { weight: "fill" }),
+        item
+      ] }, item)) })
+    ] }),
+    /* @__PURE__ */ jsxs6("p", { className: "promotion-activity__readonly", children: [
+      /* @__PURE__ */ jsx8(CheckCircle2, { weight: "fill" }),
+      data.notice ?? "\u5F53\u524D\u4EC5\u63D0\u4F9B\u53C2\u4E0E\u8BF4\u660E\uFF0C\u4E0D\u4F1A\u76F4\u63A5\u63D0\u4EA4\u62A5\u540D"
+    ] })
+  ] });
+}
+function ActivityHeader({ title, subtitle, icon }) {
+  return /* @__PURE__ */ jsxs6("header", { className: "promotion-card__header promotion-card__header--compact", children: [
+    /* @__PURE__ */ jsx8("span", { className: "promotion-card__mark", children: icon === "calendar" ? /* @__PURE__ */ jsx8(CalendarDots3, { weight: "duotone" }) : /* @__PURE__ */ jsx8(ListChecks2, { weight: "duotone" }) }),
+    /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx8("span", { className: "promotion-card__eyebrow", children: "\u4F1A\u5458\u6D3B\u52A8" }),
+      /* @__PURE__ */ jsx8("h3", { children: title }),
+      /* @__PURE__ */ jsx8("p", { children: subtitle })
+    ] })
+  ] });
+}
+var promotion_activity_detail_default = PromotionActivityDetailCard;
+
+// src/client/cards/promotion-activity-category-list/index.tsx
+import { GameController, Palette, Sparkle as Sparkle4, Storefront } from "@phosphor-icons/react";
+import { ItemActionsRow as ItemActionsRow2 } from "@tbox.cn/app-sdk/client";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var icons = [GameController, Storefront, Palette, Sparkle4];
+function PromotionActivityCategoryListCard(props) {
+  const { data, cardId = "", isHistory = false } = props;
+  return /* @__PURE__ */ jsxs7("section", { className: "promotion-card promotion-activity promotion-activity--categories", children: [
+    /* @__PURE__ */ jsxs7("header", { className: "promotion-card__header promotion-card__header--compact", children: [
+      /* @__PURE__ */ jsx9("span", { className: "promotion-card__mark", children: /* @__PURE__ */ jsx9(Sparkle4, { weight: "fill" }) }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx9("span", { className: "promotion-card__eyebrow", children: "\u4F1A\u5458\u6D3B\u52A8" }),
+        /* @__PURE__ */ jsx9("h3", { children: "\u63A2\u7D22\u4F1A\u5458\u6D3B\u52A8" }),
+        /* @__PURE__ */ jsx9("p", { children: "\u6309\u5174\u8DA3\u627E\u5230\u4F60\u7684\u4E13\u5C5E\u5468\u672B" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx9("div", { className: "promotion-activity__categories", children: data.items.map((item, index) => {
+      const Icon = icons[index % icons.length];
+      return /* @__PURE__ */ jsxs7("article", { children: [
+        /* @__PURE__ */ jsx9("span", { className: `promotion-activity__category-icon promotion-activity__category-icon--${index % 4}`, children: /* @__PURE__ */ jsx9(Icon, { weight: "duotone" }) }),
+        /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx9("strong", { children: item.name }),
+          /* @__PURE__ */ jsx9("small", { children: "\u53D1\u73B0\u7CBE\u5F69\u6D3B\u52A8" })
+        ] }),
+        /* @__PURE__ */ jsx9(ItemActionsRow2, { actions: item.itemActions ?? [], cardId, isHistory, className: "promotion-item-actions", chipClassName: "promotion-chip" })
+      ] }, item.categoryId);
+    }) }),
+    !data.items.length && /* @__PURE__ */ jsxs7("div", { className: "promotion-card__empty", children: [
+      /* @__PURE__ */ jsx9(Sparkle4, { size: 28 }),
+      /* @__PURE__ */ jsx9("span", { children: data.noResultsReason ?? "\u6682\u65E0\u6D3B\u52A8\u5206\u7C7B" })
+    ] })
+  ] });
+}
+var promotion_activity_category_list_default = PromotionActivityCategoryListCard;
+
+// src/client/cards/promotion-best-deal/index.tsx
+import { Calculator, TrendUp } from "@phosphor-icons/react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var money = (cents) => (cents / 100).toFixed(2);
+function PromotionBestDealCard({ data }) {
+  const savings = data.savingsCents ?? 0;
+  const payable = data.expectedPayCents ?? Math.max(0, data.originalAmountCents - savings);
+  return /* @__PURE__ */ jsxs8("section", { className: "promotion-card promotion-deal", "aria-label": "\u4F18\u60E0\u6D4B\u7B97", children: [
+    /* @__PURE__ */ jsxs8("header", { className: "promotion-card__header", children: [
+      /* @__PURE__ */ jsx10("span", { className: "promotion-card__mark promotion-card__mark--cyan", children: /* @__PURE__ */ jsx10(Calculator, { weight: "duotone" }) }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx10("span", { className: "promotion-card__eyebrow", children: "\u4F18\u60E0\u65B9\u6848" }),
+        /* @__PURE__ */ jsx10("h3", { children: "\u4F18\u60E0\u6D4B\u7B97" }),
+        /* @__PURE__ */ jsx10("p", { children: data.authoritative ? "\u5B9E\u65F6\u4F18\u60E0\u6D4B\u7B97" : "\u7ED3\u7B97\u524D\u4F18\u60E0\u5EFA\u8BAE" })
+      ] })
+    ] }),
+    data.authoritative ? /* @__PURE__ */ jsxs8("div", { className: "promotion-deal__hero", children: [
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx10("small", { children: "\u9884\u8BA1\u5B9E\u4ED8" }),
+        /* @__PURE__ */ jsxs8("strong", { children: [
+          "\xA5",
+          money(payable)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("em", { children: [
+        "\u9884\u8BA1\u8282\u7701 \xA5",
+        money(savings)
+      ] })
+    ] }) : /* @__PURE__ */ jsxs8("div", { className: "promotion-deal__notice", children: [
+      /* @__PURE__ */ jsx10(TrendUp, { weight: "duotone" }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx10("b", { children: "\u5F53\u524D\u4E3A\u5EFA\u8BAE\u7ED3\u679C" }),
+        data.message ?? "\u6700\u7EC8\u91D1\u989D\u8BF7\u5728\u7ED3\u7B97\u9875\u786E\u8BA4"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "promotion-deal__metrics", children: [
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx10("small", { children: "\u6D88\u8D39\u91D1\u989D" }),
+        /* @__PURE__ */ jsxs8("strong", { children: [
+          "\xA5",
+          money(data.originalAmountCents)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx10("small", { children: "\u9884\u8BA1\u8282\u7701" }),
+        /* @__PURE__ */ jsxs8("strong", { children: [
+          "\xA5",
+          money(savings)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx10("small", { children: "\u5019\u9009\u4F18\u60E0" }),
+        /* @__PURE__ */ jsx10("strong", { children: data.candidates?.length ?? data.appliedOfferRefs.length })
+      ] })
+    ] })
+  ] });
+}
+var promotion_best_deal_default = PromotionBestDealCard;
+
+// src/client/index.ts
+var cards = {
+  "promotion-offer-list": promotion_offer_list_default,
+  "promotion-offer-detail": promotion_offer_detail_default,
+  "promotion-entitlement-list": promotion_entitlement_list_default,
+  "promotion-activity-list": promotion_activity_list_default,
+  "promotion-activity-detail": promotion_activity_detail_default,
+  "promotion-activity-category-list": promotion_activity_category_list_default,
+  "promotion-best-deal": promotion_best_deal_default
+};
+var clientModule = {
+  cards,
+  register(ctx) {
+    ctx.cards.registerMap(cards);
+  }
+};
+
+export {
+  cards,
+  clientModule
+};