@tbox.cn/app-module-member 0.2.0 → 0.8.6

package/dist/chunk-KEBILLQ5.js

@@ -0,0 +1,771 @@
+// src/client/index.ts
+import "./member-QFCIYILN.css";
+
+// src/client/cards/member-info/index.tsx
+import { CalendarBlank, Phone, Tag, UserCircle } from "@phosphor-icons/react";
+
+// 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, loading = "lazy", fallback } = props;
+  const [failed, setFailed] = useState(false);
+  if (!src || failed) {
+    return /* @__PURE__ */ jsx("div", { className: `img-fallback ${className ?? ""}`.trim(), "aria-label": alt, role: "img", children: fallback ?? /* @__PURE__ */ jsx(ImageSquare, { weight: "duotone", size: Math.round(size * 0.45) }) });
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      className,
+      src,
+      alt,
+      loading,
+      referrerPolicy: "no-referrer",
+      onError: () => setFailed(true)
+    }
+  );
+}
+
+// src/client/cards/view.ts
+function pointAmountClass(amount) {
+  return amount.startsWith("-") ? "member-pu__amount--spend" : "member-pu__amount--income";
+}
+function formatMemberDate(value) {
+  if (!value) return "";
+  const match = /^(\d{4})-(\d{2})-(\d{2})/u.exec(value);
+  return match ? `${match[1]}.${match[2]}.${match[3]}` : value;
+}
+function enrollmentStateText(state) {
+  switch (state) {
+    case "active":
+      return "\u5165\u4F1A\u6210\u529F";
+    case "pending_confirmation":
+      return "\u5382\u5546\u786E\u8BA4\u4E2D";
+    case "confirmation_timeout":
+      return "\u786E\u8BA4\u8D85\u65F6";
+    default:
+      return "\u672A\u5B8C\u6210";
+  }
+}
+function enrollmentTone(state) {
+  if (state === "active") return "success";
+  if (state === "pending_confirmation") return "warning";
+  return "neutral";
+}
+function memberStateText(state, authState) {
+  if (state === "active") return "\u5DF2\u5165\u4F1A";
+  if (state === "closed") return "\u5DF2\u6CE8\u9500";
+  if (state === "unknown") return authState === "unauthenticated" ? "\u672A\u767B\u5F55" : "\u72B6\u6001\u5F85\u786E\u8BA4";
+  return "\u672A\u5165\u4F1A";
+}
+
+// src/client/cards/member-info/index.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function MemberInfoCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs("section", { className: "member-card member-info", children: [
+    /* @__PURE__ */ jsxs("div", { className: "member-info__head", children: [
+      data.avatarUrl ? /* @__PURE__ */ jsx2(ImageWithFallback, { src: data.avatarUrl, alt: data.displayName ?? "\u4F1A\u5458\u5934\u50CF", className: "member-info__avatar", size: 48 }) : /* @__PURE__ */ jsx2("div", { className: "member-info__avatar member-info__avatar--fallback", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(UserCircle, { size: 34, weight: "duotone" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "member-info__body", children: [
+        /* @__PURE__ */ jsx2("span", { className: "member-info__eyebrow", children: "\u4F1A\u5458\u8D44\u6599" }),
+        /* @__PURE__ */ jsxs("div", { className: "member-info__name-row", children: [
+          /* @__PURE__ */ jsx2("strong", { children: data.displayName ?? "\u4F1A\u5458" }),
+          /* @__PURE__ */ jsx2("span", { className: `member-status member-status--${data.state === "active" ? "active" : "inactive"}`, children: memberStateText(data.state, data.authState) })
+        ] })
+      ] })
+    ] }),
+    (data.contactDisplay || data.registeredAt) && /* @__PURE__ */ jsxs("dl", { className: "member-info__details", children: [
+      data.contactDisplay && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("dt", { children: [
+          /* @__PURE__ */ jsx2(Phone, { size: 16, weight: "duotone" }),
+          "\u8054\u7CFB\u65B9\u5F0F"
+        ] }),
+        /* @__PURE__ */ jsx2("dd", { children: data.contactDisplay })
+      ] }),
+      data.registeredAt && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("dt", { children: [
+          /* @__PURE__ */ jsx2(CalendarBlank, { size: 16, weight: "duotone" }),
+          "\u5165\u4F1A\u65F6\u95F4"
+        ] }),
+        /* @__PURE__ */ jsx2("dd", { children: formatMemberDate(data.registeredAt) })
+      ] })
+    ] }),
+    data.labels.length > 0 && /* @__PURE__ */ jsxs("div", { className: "member-info__labels", children: [
+      /* @__PURE__ */ jsxs("div", { className: "member-info__section-title", children: [
+        /* @__PURE__ */ jsx2(Tag, { size: 16, weight: "duotone" }),
+        "\u4F1A\u5458\u6807\u7B7E"
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "member-tags", children: data.labels.map((l) => /* @__PURE__ */ jsx2("span", { children: l.name }, l.labelRef)) })
+    ] })
+  ] });
+}
+var member_info_default = MemberInfoCard;
+
+// src/client/cards/member-card-summary/index.tsx
+import { useEffect, useMemo, useRef, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+import { X } from "@phosphor-icons/react";
+import { markSelfRendering, sendCardAction } from "@tbox.cn/app-sdk/client";
+import { Car, Confetti, Coins, Gift, Sparkle } from "@phosphor-icons/react";
+import { MEMBER_PREFERENCE_PROMPTS } from "@tbox.cn/app-contracts-mall";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function isProviderMiniappUrl(value) {
+  return /^(alipays|alipayrisk):\/\/[^/?#]/u.test(value);
+}
+function renderBenefitText(text) {
+  const parts = text.split(/(\d{3,4}-\d{7,8}|\d{7,12})/u);
+  return parts.map((part, index) => /^\d{3,4}-\d{7,8}$|^\d{7,12}$/u.test(part) ? /* @__PURE__ */ jsx3("a", { href: `tel:${part.replace(/-/gu, "")}`, children: part }, `${part}-${String(index)}`) : /* @__PURE__ */ jsx3("span", { children: part }, `${String(index)}-${part}`));
+}
+function BenefitFallbackIcon({ name }) {
+  const props = {
+    "aria-hidden": true,
+    className: "member-card-summary__benefit-icon-fallback",
+    size: 28,
+    weight: "duotone"
+  };
+  if (/停车|泊车/.test(name)) return /* @__PURE__ */ jsx3(Car, { ...props });
+  if (/积分|消费/.test(name)) return /* @__PURE__ */ jsx3(Coins, { ...props });
+  if (/活动|派对/.test(name)) return /* @__PURE__ */ jsx3(Confetti, { ...props });
+  return /* @__PURE__ */ jsx3(Gift, { ...props });
+}
+var BENEFITS_PER_PAGE = 8;
+function MemberCardSummaryCard(props) {
+  const { data, cardId = "", isHistory = false } = props;
+  const dynamicFace = data.presentation !== void 0;
+  const labelsEmbedded = data.presentation?.labelsEmbedded === true;
+  const benefitPages = useMemo(() => {
+    const items = data.benefits;
+    if (!items?.length) return [];
+    const pages = [];
+    for (let i = 0; i < items.length; i += BENEFITS_PER_PAGE) {
+      pages.push(items.slice(i, i + BENEFITS_PER_PAGE));
+    }
+    return pages;
+  }, [data.benefits]);
+  const [benefitPage, setBenefitPage] = useState2(0);
+  const onBenefitsScroll = (event) => {
+    const el = event.currentTarget;
+    if (el.clientWidth === 0) return;
+    const next = Math.round(el.scrollLeft / el.clientWidth);
+    setBenefitPage((prev) => prev === next ? prev : next);
+  };
+  const preferencePrompts = data.preferencePrompts ?? MEMBER_PREFERENCE_PROMPTS;
+  const [pointsRuleOpen, setPointsRuleOpen] = useState2(false);
+  const [pointsRuleClosing, setPointsRuleClosing] = useState2(false);
+  const [benefitAction, setBenefitAction] = useState2();
+  const benefitActionCloseTimerRef = useRef();
+  const pointsRuleTriggerRef = useRef(null);
+  const pointsRuleCloseRef = useRef(null);
+  const pointsRuleCloseTimerRef = useRef();
+  useEffect(() => {
+    if (!pointsRuleOpen) return;
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    pointsRuleCloseRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      closePointsRule();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [pointsRuleOpen]);
+  useEffect(() => () => {
+    window.clearTimeout(pointsRuleCloseTimerRef.current);
+    window.clearTimeout(benefitActionCloseTimerRef.current);
+  }, []);
+  const closeBenefitAction = () => {
+    if (!benefitAction || benefitAction.closing) return;
+    setBenefitAction({ ...benefitAction, closing: true });
+    benefitActionCloseTimerRef.current = window.setTimeout(() => setBenefitAction(void 0), 180);
+  };
+  const finishClosePointsRule = () => {
+    window.clearTimeout(pointsRuleCloseTimerRef.current);
+    setPointsRuleOpen(false);
+    setPointsRuleClosing(false);
+    pointsRuleTriggerRef.current?.focus();
+  };
+  const closePointsRule = () => {
+    if (pointsRuleClosing) return;
+    setPointsRuleClosing(true);
+    pointsRuleCloseTimerRef.current = window.setTimeout(finishClosePointsRule, 220);
+  };
+  const openPointsRule = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setPointsRuleClosing(false);
+    setPointsRuleOpen(true);
+  };
+  const pointsRuleTrigger = data.pointsRuleImageUrl || data.pointsRuleContent ? /* @__PURE__ */ jsx3(
+    "button",
+    {
+      ref: pointsRuleTriggerRef,
+      type: "button",
+      className: labelsEmbedded ? "member-card-summary__rule-hotspot" : "member-card-summary__rule-trigger",
+      "aria-label": "\u79EF\u5206\u89C4\u5219",
+      "aria-haspopup": "dialog",
+      onClick: openPointsRule,
+      children: labelsEmbedded ? null : /* @__PURE__ */ jsx3("span", { children: "\u79EF\u5206\u89C4\u5219" })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs2("section", { className: `member-card member-card-summary${dynamicFace ? ` member-card-summary--dynamic member-card-summary--${data.presentation.variant}` : ""}`, children: [
+    dynamicFace ? /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: `member-card-summary__face member-card-summary__face--dynamic member-card-summary__face--${data.presentation.variant}${labelsEmbedded ? " member-card-summary__face--embedded" : ""}`,
+        "aria-label": `${data.cardDisplay}\uFF0C\u53EF\u7528\u79EF\u5206 ${String(data.availablePoints)}`,
+        children: [
+          data.cardImageUrl ? /* @__PURE__ */ jsx3(
+            ImageWithFallback,
+            {
+              src: data.cardImageUrl,
+              alt: "",
+              className: "member-card-summary__background",
+              size: 96,
+              loading: "eager"
+            }
+          ) : /* @__PURE__ */ jsx3("span", { className: "member-card-summary__background member-card-summary__background--fallback" }),
+          /* @__PURE__ */ jsxs2("div", { className: "member-card-summary__overlay", children: [
+            !labelsEmbedded && /* @__PURE__ */ jsxs2(Fragment, { children: [
+              /* @__PURE__ */ jsx3("strong", { className: "member-card-summary__level", children: data.cardDisplay }),
+              data.pointsUrl ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "member-card-summary__points-label", onClick: () => sendCardAction(cardId, { type: "openLink", url: data.pointsUrl }), children: [
+                "\u6211\u7684\u79EF\u5206 ",
+                /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: ">" })
+              ] }) : /* @__PURE__ */ jsxs2("span", { className: "member-card-summary__points-label", children: [
+                "\u6211\u7684\u79EF\u5206 ",
+                /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: ">" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx3("b", { className: `member-card-summary__balance${labelsEmbedded ? " member-card-summary__balance--embedded" : ""}`, children: String(data.availablePoints) }),
+            data.progress && /* @__PURE__ */ jsxs2("div", { className: "member-card-summary__progress", children: [
+              /* @__PURE__ */ jsx3("div", { className: `member-card-summary__progress-text${data.progress.message.length > 24 ? " member-card-summary__progress-text--scroll" : ""}`, children: /* @__PURE__ */ jsx3("span", { children: data.progress.message }) }),
+              /* @__PURE__ */ jsx3(
+                "div",
+                {
+                  className: "member-card-summary__progress-track",
+                  role: "progressbar",
+                  "aria-label": "\u4F1A\u5458\u7B49\u7EA7\u6D88\u8D39\u8FDB\u5EA6",
+                  "aria-valuemin": 0,
+                  "aria-valuemax": 100,
+                  "aria-valuenow": Math.round(data.progress.percent),
+                  children: /* @__PURE__ */ jsx3("span", { style: { width: `${data.progress.percent}%` } })
+                }
+              )
+            ] }),
+            labelsEmbedded && data.pointsUrl && /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                className: "member-card-summary__points-hotspot",
+                "aria-label": "\u6253\u5F00\u6211\u7684\u79EF\u5206",
+                onClick: () => sendCardAction(cardId, { type: "openLink", url: data.pointsUrl })
+              }
+            ),
+            pointsRuleTrigger
+          ] })
+        ]
+      }
+    ) : data.cardImageUrl ? /* @__PURE__ */ jsx3(
+      ImageWithFallback,
+      {
+        src: data.cardImageUrl,
+        alt: data.cardDisplay,
+        className: "member-card-summary__face",
+        size: 96,
+        loading: "eager"
+      }
+    ) : /* @__PURE__ */ jsx3("div", { className: "member-card-summary__face member-card-summary__face--gradient", children: /* @__PURE__ */ jsx3("strong", { children: data.cardDisplay }) }),
+    !dynamicFace && /* @__PURE__ */ jsxs2("div", { className: "member-card-summary__metric", children: [
+      /* @__PURE__ */ jsx3("b", { className: "member-card-summary__points-value", children: String(data.availablePoints) }),
+      /* @__PURE__ */ jsx3("span", { className: "member-card-summary__metric-label", children: "\u79EF\u5206" }),
+      data.status !== "active" && /* @__PURE__ */ jsx3("em", { className: "member-card-summary__status", children: data.status }),
+      pointsRuleTrigger
+    ] }),
+    benefitPages.length > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "member-card-summary__benefit-pager",
+          role: "group",
+          "aria-label": "\u5F53\u524D\u4F1A\u5458\u6743\u76CA",
+          onScroll: benefitPages.length > 1 ? onBenefitsScroll : void 0,
+          children: benefitPages.map((page) => /* @__PURE__ */ jsx3("ul", { className: "member-card-summary__benefits", children: page.map((benefit) => /* @__PURE__ */ jsx3("li", { children: benefit.action?.kind === "miniapp" && benefit.action.url && isProviderMiniappUrl(benefit.action.url) ? /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              className: "member-card-summary__benefit-button",
+              "aria-label": `\u6253\u5F00${benefit.name}`,
+              onClick: () => sendCardAction(cardId, { type: "openLink", url: benefit.action.url }),
+              children: [
+                /* @__PURE__ */ jsx3("span", { className: "member-card-summary__benefit-icon", children: /* @__PURE__ */ jsx3(
+                  ImageWithFallback,
+                  {
+                    src: benefit.iconUrl,
+                    alt: `${benefit.name}\u6743\u76CA\u56FE\u6807`,
+                    size: 48,
+                    loading: "eager",
+                    fallback: /* @__PURE__ */ jsx3(BenefitFallbackIcon, { name: benefit.name })
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs2("span", { className: "member-card-summary__benefit-copy", children: [
+                  /* @__PURE__ */ jsx3("span", { children: benefit.name }),
+                  benefit.description && /* @__PURE__ */ jsx3("small", { className: "member-card-summary__benefit-description", children: benefit.description })
+                ] })
+              ]
+            }
+          ) : benefit.action?.kind === "toast" ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "member-card-summary__benefit-button", onClick: () => sendCardAction(cardId, { type: "toast", content: benefit.action?.text ?? "\u656C\u8BF7\u671F\u5F85~" }), children: [
+            /* @__PURE__ */ jsx3("span", { className: "member-card-summary__benefit-icon", children: /* @__PURE__ */ jsx3(ImageWithFallback, { src: benefit.iconUrl, alt: `${benefit.name}\u6743\u76CA\u56FE\u6807`, size: 48, loading: "eager", fallback: /* @__PURE__ */ jsx3(BenefitFallbackIcon, { name: benefit.name }) }) }),
+            /* @__PURE__ */ jsx3("span", { className: "member-card-summary__benefit-copy", children: /* @__PURE__ */ jsx3("span", { children: benefit.name }) })
+          ] }) : benefit.action?.kind === "dialog" ? /* @__PURE__ */ jsxs2("button", { type: "button", className: "member-card-summary__benefit-button", onClick: () => setBenefitAction({ name: benefit.action?.title ?? benefit.name, url: "", title: benefit.action?.title, text: benefit.action?.text }), children: [
+            /* @__PURE__ */ jsx3("span", { className: "member-card-summary__benefit-icon", children: /* @__PURE__ */ jsx3(ImageWithFallback, { src: benefit.iconUrl, alt: `${benefit.name}\u6743\u76CA\u56FE\u6807`, size: 48, loading: "eager", fallback: /* @__PURE__ */ jsx3(BenefitFallbackIcon, { name: benefit.name }) }) }),
+            /* @__PURE__ */ jsx3("span", { className: "member-card-summary__benefit-copy", children: /* @__PURE__ */ jsx3("span", { children: benefit.name }) })
+          ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx3("span", { className: "member-card-summary__benefit-icon", children: /* @__PURE__ */ jsx3(ImageWithFallback, { src: benefit.iconUrl, alt: `${benefit.name}\u6743\u76CA\u56FE\u6807`, size: 48, loading: "eager", fallback: /* @__PURE__ */ jsx3(BenefitFallbackIcon, { name: benefit.name }) }) }),
+            /* @__PURE__ */ jsxs2("span", { className: "member-card-summary__benefit-copy", children: [
+              /* @__PURE__ */ jsx3("span", { children: benefit.name }),
+              benefit.description && /* @__PURE__ */ jsx3("small", { className: "member-card-summary__benefit-description", children: benefit.description })
+            ] })
+          ] }) }, benefit.benefitRef)) }, page[0].benefitRef))
+        }
+      ),
+      benefitPages.length > 1 && /* @__PURE__ */ jsx3("div", { className: "member-card-summary__benefit-dots", "aria-hidden": "true", children: benefitPages.map((page, index) => /* @__PURE__ */ jsx3("span", { "data-active": index === benefitPage }, page[0].benefitRef)) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "member-card-summary__preferences", children: [
+      /* @__PURE__ */ jsxs2("strong", { children: [
+        /* @__PURE__ */ jsx3(Sparkle, { size: 15, weight: "fill", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx3("span", { children: "\u8BF4\u8BF4\u4F60\u7684\u504F\u597D" })
+      ] }),
+      /* @__PURE__ */ jsx3("p", { className: "member-card-summary__preference-hint", children: "\u8BF7\u9009\u62E9\u4F60\u7684\u504F\u597D\uFF0C\u6216\u76F4\u63A5\u544A\u8BC9\u6211" }),
+      /* @__PURE__ */ jsx3("div", { className: "member-card-summary__preference-list", children: preferencePrompts.map((prompt) => /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          disabled: isHistory || !cardId,
+          onClick: () => sendCardAction(cardId, {
+            type: "sendMessage",
+            value: prompt.query,
+            displayText: prompt.value,
+            visible: true
+          }),
+          children: /* @__PURE__ */ jsx3("span", { children: prompt.value })
+        },
+        prompt.value
+      )) })
+    ] }),
+    pointsRuleOpen && (data.pointsRuleImageUrl || data.pointsRuleContent) && createPortal(
+      /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: `member-points-rule${pointsRuleClosing ? " member-points-rule--closing" : ""}`,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "member-points-rule-title",
+          onAnimationEnd: (event) => {
+            if (pointsRuleClosing && event.target === event.currentTarget) finishClosePointsRule();
+          },
+          onMouseDown: (event) => {
+            if (event.target === event.currentTarget) closePointsRule();
+          },
+          children: /* @__PURE__ */ jsxs2("div", { className: "member-points-rule__panel", children: [
+            /* @__PURE__ */ jsxs2("header", { className: "member-points-rule__header", children: [
+              /* @__PURE__ */ jsx3("strong", { id: "member-points-rule-title", children: "\u79EF\u5206\u89C4\u5219" }),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  ref: pointsRuleCloseRef,
+                  type: "button",
+                  className: "member-points-rule__close",
+                  "aria-label": "\u5173\u95ED\u79EF\u5206\u89C4\u5219",
+                  onClick: closePointsRule,
+                  children: /* @__PURE__ */ jsx3(X, { size: 20, weight: "bold", "aria-hidden": "true" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx3("div", { className: "member-points-rule__body", children: data.pointsRuleImageUrl ? /* @__PURE__ */ jsx3(ImageWithFallback, { src: data.pointsRuleImageUrl, alt: "\u79EF\u5206\u89C4\u5219\u8BE6\u60C5", className: "member-points-rule__image", size: 96, loading: "eager" }) : /* @__PURE__ */ jsx3("div", { className: "member-points-rule__content", children: renderBenefitText(data.pointsRuleContent ?? "") }) })
+          ] })
+        }
+      ),
+      document.body
+    ),
+    benefitAction && createPortal(
+      /* @__PURE__ */ jsx3("div", { className: "member-miniapp-dialog", role: "dialog", "aria-modal": "true", "aria-label": benefitAction.title ?? benefitAction.name, onMouseDown: (event) => {
+        if (event.target === event.currentTarget) closeBenefitAction();
+      }, children: /* @__PURE__ */ jsxs2("div", { className: `member-miniapp-dialog__panel${benefitAction.url ? " member-miniapp-dialog__panel--miniapp" : " member-miniapp-dialog__panel--text"}${benefitAction.closing ? " member-miniapp-dialog__panel--closing" : ""}`, children: [
+        /* @__PURE__ */ jsxs2("header", { className: "member-miniapp-dialog__header", children: [
+          /* @__PURE__ */ jsx3("strong", { children: benefitAction.title ?? benefitAction.name }),
+          /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": "\u5173\u95ED", onClick: closeBenefitAction, children: /* @__PURE__ */ jsx3(X, { size: 20, weight: "bold", "aria-hidden": "true" }) })
+        ] }),
+        benefitAction.url ? /* @__PURE__ */ jsx3("iframe", { className: "member-miniapp-dialog__frame", src: benefitAction.url, title: benefitAction.title ?? benefitAction.name }) : /* @__PURE__ */ jsx3("div", { className: "member-miniapp-dialog__text", children: renderBenefitText(benefitAction.text ?? "") }),
+        !benefitAction.url && /* @__PURE__ */ jsx3("button", { type: "button", className: "member-miniapp-dialog__confirm", onClick: closeBenefitAction, children: "\u6211\u77E5\u9053\u4E86" })
+      ] }) }),
+      document.body
+    )
+  ] });
+}
+var member_card_summary_default = markSelfRendering(MemberCardSummaryCard);
+
+// src/client/cards/member-point-usage-list/index.tsx
+import { ArrowDownRight, ArrowUpRight, Coins as Coins2 } from "@phosphor-icons/react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function MemberPointUsageListCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs3("section", { className: "member-card member-point-usage", children: [
+    /* @__PURE__ */ jsxs3("header", { className: "member-pu__head", children: [
+      /* @__PURE__ */ jsx4("div", { className: "member-pu__head-icon", children: /* @__PURE__ */ jsx4(Coins2, { size: 22, weight: "duotone" }) }),
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx4("span", { children: "\u79EF\u5206\u8D26\u6237" }),
+        /* @__PURE__ */ jsx4("strong", { children: "\u6211\u7684\u79EF\u5206" })
+      ] }),
+      data.membershipLabel && /* @__PURE__ */ jsx4("em", { children: data.membershipLabel })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "member-pu__metric", children: [
+      /* @__PURE__ */ jsx4("b", { children: String(data.balance) }),
+      /* @__PURE__ */ jsx4("span", { children: "\u79EF\u5206" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "member-pu__section-title", children: [
+      /* @__PURE__ */ jsx4("strong", { children: "\u6700\u8FD1\u79EF\u5206\u8BB0\u5F55" }),
+      /* @__PURE__ */ jsxs3("span", { children: [
+        "\u5171 ",
+        data.total ?? data.items.length,
+        " \u6761"
+      ] })
+    ] }),
+    data.items.length > 0 ? /* @__PURE__ */ jsx4("ul", { className: "member-pu__list", children: data.items.map((u) => {
+      const isSpend = u.amount.startsWith("-");
+      const Icon = isSpend ? ArrowUpRight : ArrowDownRight;
+      return /* @__PURE__ */ jsxs3("li", { className: "member-pu__row", children: [
+        /* @__PURE__ */ jsx4("span", { className: `member-pu__flow-icon member-pu__flow-icon--${isSpend ? "spend" : "income"}`, children: /* @__PURE__ */ jsx4(Icon, { size: 16, weight: "bold" }) }),
+        /* @__PURE__ */ jsxs3("span", { className: "member-pu__copy", children: [
+          /* @__PURE__ */ jsx4("strong", { children: u.title }),
+          u.usedAt && /* @__PURE__ */ jsx4("small", { children: formatMemberDate(u.usedAt) })
+        ] }),
+        /* @__PURE__ */ jsx4("b", { className: pointAmountClass(u.amount), children: u.amount })
+      ] }, u.usageRecordRef);
+    }) }) : /* @__PURE__ */ jsx4("p", { className: "member-pu__empty", children: "\u6682\u65E0\u79EF\u5206\u8BB0\u5F55" })
+  ] });
+}
+var member_point_usage_list_default = MemberPointUsageListCard;
+
+// src/client/cards/member-enrollment-form/index.tsx
+import { useRef as useRef2, useState as useState3 } from "react";
+import { Lock, ShieldCheck, UserPlus } from "@phosphor-icons/react";
+import { sendCardAction as sendCardAction2, markSelfRendering as markSelfRendering2 } from "@tbox.cn/app-sdk/client";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var AUTO_AUTH_ACTION = "member.request-alipay-authorization";
+function MemberEnrollmentFormCard(props) {
+  const { data, cardId, isHistory, actionTokens } = props;
+  const [values, setValues] = useState3(
+    () => Object.fromEntries(data.fields.map((f) => [f.fieldId, f.prefill ?? ""]))
+  );
+  const [consented, setConsented] = useState3({});
+  const [authRequesting, setAuthRequesting] = useState3(false);
+  const [submitAttempted, setSubmitAttempted] = useState3(false);
+  const [submitting, setSubmitting] = useState3(false);
+  const authRequestingRef = useRef2(false);
+  const submittingRef = useRef2(false);
+  const authToken = actionTokens?.[AUTO_AUTH_ACTION];
+  const enrollToken = actionTokens?.["member.enroll"];
+  const fireAuth = () => {
+    if (!authToken || isHistory || authRequestingRef.current) return;
+    authRequestingRef.current = true;
+    setAuthRequesting(true);
+    sendCardAction2(cardId, { type: "moduleAction", actionId: AUTO_AUTH_ACTION, contextToken: authToken });
+  };
+  if (data.state === "active") {
+    return /* @__PURE__ */ jsx5("section", { className: "member-card member-enrollment-form", children: /* @__PURE__ */ jsxs4("div", { className: "member-enrollment-form__done", children: [
+      /* @__PURE__ */ jsx5("span", { className: "member-enrollment-form__done-icon", children: /* @__PURE__ */ jsx5(ShieldCheck, { size: 30, weight: "duotone" }) }),
+      /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsx5("small", { children: "\u4F1A\u5458\u72B6\u6001" }),
+        /* @__PURE__ */ jsx5("strong", { children: "\u60A8\u5DF2\u662F\u4F1A\u5458" })
+      ] })
+    ] }) });
+  }
+  const missingFields = data.fields.filter((field) => field.required && !(values[field.fieldId] ?? "").trim());
+  const missingConsents = data.consents.filter((consent) => consent.required && !consented[consent.consentId]);
+  const submit = () => {
+    if (!enrollToken || isHistory || submittingRef.current) return;
+    setSubmitAttempted(true);
+    if (missingFields.length > 0 || missingConsents.length > 0) return;
+    submittingRef.current = true;
+    setSubmitting(true);
+    sendCardAction2(
+      cardId,
+      { type: "moduleAction", actionId: "member.enroll", contextToken: enrollToken },
+      {
+        fieldValues: values,
+        acceptedConsentIds: data.consents.filter((c) => consented[c.consentId]).map((c) => c.consentId),
+        formVersion: data.formVersion
+      }
+    );
+  };
+  const authStatus = data.authorization.status;
+  return /* @__PURE__ */ jsxs4("section", { className: "member-card member-enrollment-form", children: [
+    /* @__PURE__ */ jsxs4("header", { className: "member-enrollment-form__head", children: [
+      /* @__PURE__ */ jsx5("span", { className: "member-enrollment-form__head-icon", children: /* @__PURE__ */ jsx5(UserPlus, { size: 22, weight: "duotone" }) }),
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx5("span", { children: "\u4F1A\u5458" }),
+        /* @__PURE__ */ jsx5("strong", { children: "\u5F00\u5361\u5165\u4F1A" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5("p", { className: "member-enrollment-form__subtitle", children: "\u5B8C\u5584\u57FA\u7840\u8D44\u6599\uFF0C\u5F00\u542F\u4F1A\u5458\u670D\u52A1" }),
+    /* @__PURE__ */ jsx5("div", { className: `member-enrollment-form__auth member-enrollment-form__auth--${authStatus}`, children: authStatus === "authorized" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx5(ShieldCheck, { size: 16 }),
+      /* @__PURE__ */ jsxs4("span", { children: [
+        "\u5DF2\u901A\u8FC7\u652F\u4ED8\u5B9D\u6388\u6743\u9884\u586B\u624B\u673A\u53F7",
+        data.authorization.mobileMasked ? `\uFF08${data.authorization.mobileMasked}\uFF09` : ""
+      ] })
+    ] }) : authStatus === "required" ? /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        className: "member-enrollment-form__auth-btn",
+        disabled: isHistory || !authToken || authRequesting,
+        onClick: fireAuth,
+        children: [
+          /* @__PURE__ */ jsx5(ShieldCheck, { size: 16 }),
+          authRequesting ? "\u6B63\u5728\u8BF7\u6C42\u652F\u4ED8\u5B9D\u6388\u6743\u2026" : "\u652F\u4ED8\u5B9D\u6388\u6743\u5E76\u586B\u5145"
+        ]
+      }
+    ) : /* @__PURE__ */ jsx5("span", { children: "\u652F\u4ED8\u5B9D\u6388\u6743\u4E0D\u53EF\u7528\uFF0C\u8BF7\u624B\u52A8\u586B\u5199" }) }),
+    data.manualNotice && /* @__PURE__ */ jsx5("p", { className: "member-enrollment-form__notice", children: data.manualNotice }),
+    data.fields.map((f) => /* @__PURE__ */ jsxs4("div", { className: "member-ef-field", children: [
+      /* @__PURE__ */ jsxs4("label", { className: "member-ef-field__label", children: [
+        f.label,
+        f.required && /* @__PURE__ */ jsx5("em", { children: "*" })
+      ] }),
+      f.type === "select" ? /* @__PURE__ */ jsxs4(
+        "select",
+        {
+          className: "member-ef-field__control",
+          value: values[f.fieldId] ?? "",
+          disabled: f.readOnly || isHistory,
+          onChange: (e) => setValues((v) => ({ ...v, [f.fieldId]: e.target.value })),
+          children: [
+            /* @__PURE__ */ jsx5("option", { value: "", children: "\u8BF7\u9009\u62E9" }),
+            (f.options ?? []).map((opt) => /* @__PURE__ */ jsx5("option", { value: opt, children: opt }, opt))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx5(
+        "input",
+        {
+          className: "member-ef-field__control",
+          type: f.type === "tel" ? "tel" : f.type === "date" ? "date" : "text",
+          value: values[f.fieldId] ?? "",
+          readOnly: f.readOnly || isHistory,
+          placeholder: f.placeholder ?? "",
+          onChange: (e) => setValues((v) => ({ ...v, [f.fieldId]: e.target.value }))
+        }
+      ),
+      f.readOnly && /* @__PURE__ */ jsx5(Lock, { className: "member-ef-field__lock", size: 13, weight: "fill" }),
+      submitAttempted && f.required && !(values[f.fieldId] ?? "").trim() && /* @__PURE__ */ jsxs4("p", { className: "member-ef-field__error", role: "alert", children: [
+        "\u8BF7\u586B\u5199",
+        f.label
+      ] })
+    ] }, f.fieldId)),
+    /* @__PURE__ */ jsx5("div", { className: "member-ef-consents", children: data.consents.map((c) => /* @__PURE__ */ jsxs4("label", { className: "member-ef-consents__item", children: [
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          type: "checkbox",
+          checked: !!consented[c.consentId],
+          disabled: isHistory,
+          onChange: (e) => setConsented((s) => ({ ...s, [c.consentId]: e.target.checked }))
+        }
+      ),
+      /* @__PURE__ */ jsxs4("span", { children: [
+        c.title,
+        c.required && /* @__PURE__ */ jsx5("em", { children: "\uFF08\u5FC5\u9009\uFF09" })
+      ] })
+    ] }, c.consentId)) }),
+    submitAttempted && missingConsents.length > 0 && /* @__PURE__ */ jsxs4("p", { className: "member-ef-validation", role: "alert", children: [
+      "\u8BF7\u5148\u540C\u610F\uFF1A",
+      missingConsents.map((consent) => consent.title).join("\u3001")
+    ] }),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: "member-ef-submit",
+        disabled: isHistory || !enrollToken || submitting,
+        onClick: submit,
+        children: submitting ? "\u6B63\u5728\u63D0\u4EA4\u2026" : "\u63D0\u4EA4\u5165\u4F1A"
+      }
+    )
+  ] });
+}
+var member_enrollment_form_default = markSelfRendering2(MemberEnrollmentFormCard);
+
+// src/client/cards/member-enrollment-status/index.tsx
+import { useRef as useRef3, useState as useState4 } from "react";
+import { ArrowClockwise, CheckCircle, Clock, WarningCircle } from "@phosphor-icons/react";
+import { sendCardAction as sendCardAction3, markSelfRendering as markSelfRendering3 } from "@tbox.cn/app-sdk/client";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var ICONS = { success: CheckCircle, warning: Clock, neutral: WarningCircle };
+function MemberEnrollmentStatusCard(props) {
+  const { data, cardId, isHistory, actionTokens } = props;
+  const tone = enrollmentTone(data.state);
+  const Icon = ICONS[tone];
+  const refreshToken = actionTokens?.["member.query-enrollment-status"];
+  const [refreshing, setRefreshing] = useState4(false);
+  const refreshingRef = useRef3(false);
+  return /* @__PURE__ */ jsxs5("section", { className: `member-card member-es member-es--${data.state}`, children: [
+    /* @__PURE__ */ jsx6("span", { className: "member-es__eyebrow", children: "\u5165\u4F1A\u7533\u8BF7" }),
+    /* @__PURE__ */ jsx6("div", { className: `member-es__icon member-es__icon--${tone}`, children: /* @__PURE__ */ jsx6(Icon, { size: 30, weight: "duotone" }) }),
+    /* @__PURE__ */ jsx6("h4", { children: enrollmentStateText(data.state) }),
+    data.message && /* @__PURE__ */ jsx6("p", { className: "member-es__message", children: data.message }),
+    data.state === "active" && /* @__PURE__ */ jsx6("p", { className: "member-es__support", children: "\u4F1A\u5458\u72B6\u6001\u5DF2\u66F4\u65B0\uFF0C\u53EF\u7EE7\u7EED\u67E5\u8BE2\u4F1A\u5458\u5361\u6216\u79EF\u5206" }),
+    (data.state === "failed" || data.state === "confirmation_timeout") && /* @__PURE__ */ jsx6("p", { className: "member-es__support", children: "\u672C\u6B21\u672A\u786E\u8BA4\u6210\u529F\uFF0C\u8BF7\u6839\u636E\u63D0\u793A\u91CD\u65B0\u53D1\u8D77\u6216\u7A0D\u540E\u518D\u8BD5" }),
+    data.state === "pending_confirmation" && data.attemptRef && /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        className: "member-es__refresh",
+        disabled: isHistory || !refreshToken || refreshing,
+        onClick: () => {
+          if (!refreshToken || isHistory || refreshingRef.current) return;
+          refreshingRef.current = true;
+          setRefreshing(true);
+          sendCardAction3(
+            cardId,
+            { type: "moduleAction", actionId: "member.query-enrollment-status", contextToken: refreshToken },
+            { attemptRef: data.attemptRef }
+          );
+        },
+        children: [
+          /* @__PURE__ */ jsx6(ArrowClockwise, { size: 16, weight: "bold" }),
+          refreshing ? "\u6B63\u5728\u5237\u65B0\u2026" : "\u5237\u65B0\u72B6\u6001"
+        ]
+      }
+    ),
+    isHistory && data.state === "pending_confirmation" && /* @__PURE__ */ jsx6("p", { className: "member-es__support", children: "\u5386\u53F2\u7533\u8BF7\u4E0D\u53EF\u5237\u65B0\uFF0C\u8BF7\u91CD\u65B0\u67E5\u8BE2\u5F53\u524D\u4F1A\u5458\u72B6\u6001" })
+  ] });
+}
+var member_enrollment_status_default = markSelfRendering3(MemberEnrollmentStatusCard);
+
+// src/client/cards/member-enrollment-cta/index.tsx
+import { useRef as useRef4, useState as useState5 } from "react";
+import { ArrowSquareOut, IdentificationCard, ShieldCheck as ShieldCheck2, WarningCircle as WarningCircle2 } from "@phosphor-icons/react";
+import { sendCardAction as sendCardAction4 } from "@tbox.cn/app-sdk/client";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function MemberEnrollmentCtaCard(props) {
+  const { data, cardId, isHistory } = props;
+  const [opening, setOpening] = useState5(false);
+  const openingRef = useRef4(false);
+  function handleEnroll() {
+    if (isHistory || openingRef.current || !data.enrollUrl) return;
+    openingRef.current = true;
+    setOpening(true);
+    sendCardAction4(cardId, { type: "openLink", url: data.enrollUrl });
+  }
+  return /* @__PURE__ */ jsxs6("section", { className: "member-card member-enroll-cta", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "member-enroll-cta__hero", children: [
+      /* @__PURE__ */ jsx7("span", { className: "member-enroll-cta__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx7(IdentificationCard, { size: 28, weight: "duotone" }) }),
+      /* @__PURE__ */ jsx7("span", { className: "member-enroll-cta__eyebrow", children: "\u4F1A\u5458\u670D\u52A1" }),
+      /* @__PURE__ */ jsx7("h4", { children: data.title ?? "\u5F00\u5361\u5165\u4F1A" }),
+      /* @__PURE__ */ jsx7("p", { children: "\u524D\u5F80\u652F\u4ED8\u5B9D\u4F1A\u5458\u9875\u9762\u5B8C\u6210\u5F00\u5361\uFF0C\u7ED3\u679C\u4EE5\u9875\u9762\u4E3A\u51C6" })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "member-enroll-cta__footer", children: [
+      /* @__PURE__ */ jsxs6("p", { className: "member-enroll-cta__hint", children: [
+        /* @__PURE__ */ jsx7(ShieldCheck2, { size: 16, weight: "fill", "aria-hidden": "true" }),
+        "\u767B\u5F55\u72B6\u6001\u4E0D\u53D7\u5165\u4F1A\u7ED3\u679C\u5F71\u54CD\uFF0C\u5F00\u5361\u7ED3\u679C\u4EE5\u652F\u4ED8\u5B9D\u4F1A\u5458\u9875\u9762\u4E3A\u51C6"
+      ] }),
+      /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          className: "member-enroll-cta__btn",
+          disabled: isHistory || opening || !data.enrollUrl,
+          onClick: handleEnroll,
+          "aria-label": data.enrollUrl ? "\u7ACB\u5373\u5F00\u5361\u5165\u4F1A" : "\u5165\u4F1A\u6682\u4E0D\u53EF\u7528\uFF08\u8BF7\u8054\u7CFB\u5546\u573A\u5BA2\u670D\uFF09",
+          children: [
+            opening ? "\u6B63\u5728\u6253\u5F00\u652F\u4ED8\u5B9D\u2026" : data.enrollUrl ? "\u7ACB\u5373\u5F00\u5361\u5165\u4F1A" : "\u6682\u4E0D\u53EF\u7528\uFF08\u8BF7\u8054\u7CFB\u5546\u573A\u5BA2\u670D\uFF09",
+            data.enrollUrl ? /* @__PURE__ */ jsx7(ArrowSquareOut, { size: 18, weight: "bold", "aria-hidden": "true" }) : /* @__PURE__ */ jsx7(WarningCircle2, { size: 18, weight: "fill", "aria-hidden": "true" })
+          ]
+        }
+      ),
+      isHistory && /* @__PURE__ */ jsx7("p", { className: "member-enroll-cta__history", children: "\u5386\u53F2\u5361\u7247\u4E0D\u53EF\u91CD\u590D\u64CD\u4F5C" })
+    ] })
+  ] });
+}
+var member_enrollment_cta_default = MemberEnrollmentCtaCard;
+
+// src/client/cards/member-login-cta/index.tsx
+import { useRef as useRef5, useState as useState6 } from "react";
+import { ArrowSquareOut as ArrowSquareOut2, WarningCircle as WarningCircle3 } from "@phosphor-icons/react";
+import { sendCardAction as sendCardAction5 } from "@tbox.cn/app-sdk/client";
+
+// src/client/assets/login-mascot.jpg
+var login_mascot_default = "./login-mascot-5D4X6YZ7.jpg";
+
+// src/client/cards/member-login-cta/index.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function MemberLoginCtaCard(props) {
+  const { data, cardId, isHistory } = props;
+  const [opening, setOpening] = useState6(false);
+  const openingRef = useRef5(false);
+  function handleLogin() {
+    if (isHistory || openingRef.current || !data.loginUrl) return;
+    openingRef.current = true;
+    setOpening(true);
+    sendCardAction5(cardId, { type: "openLink", url: data.loginUrl });
+  }
+  return /* @__PURE__ */ jsxs7("section", { className: "member-card member-login-cta", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "member-login-cta__stage", children: [
+      /* @__PURE__ */ jsx8("span", { className: "member-login-cta__sky", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs7("svg", { className: "member-login-cta__doodle", viewBox: "0 0 390 170", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx8("path", { d: "M50 40 l5,11 12,2 -9,9 3,12 -11,-6 -11,6 3,-12 -9,-9 12,-2 Z" }),
+        /* @__PURE__ */ jsx8("path", { d: "M318 56 c10,-12 23,-11 29,-1 c6,10 -3,20 -12,17" }),
+        /* @__PURE__ */ jsx8("path", { d: "M40 122 c12,-8 20,2 11,9" })
+      ] }),
+      /* @__PURE__ */ jsx8("span", { className: "member-login-cta__ground", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx8("img", { className: "member-login-cta__mascot", src: login_mascot_default, alt: "" }),
+      /* @__PURE__ */ jsx8("span", { className: "member-login-cta__grain", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ jsx8("svg", { className: "member-login-cta__tear", viewBox: "0 0 390 16", preserveAspectRatio: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M0,16 L390,16 L390,6 L358,10 L330,4 L298,11 L266,5 L236,12 L204,6 L174,12 L144,6 L112,13 L82,7 L52,14 L24,8 L0,12 Z" }) }),
+    /* @__PURE__ */ jsxs7("div", { className: "member-login-cta__body", children: [
+      /* @__PURE__ */ jsx8("h4", { children: data.title ?? "\u767B\u5F55\u540E\u7EE7\u7EED" }),
+      /* @__PURE__ */ jsx8("p", { className: "member-login-cta__reason", children: "\u767B\u5F55\u540E\u53EF\u89E3\u9501\u5168\u90E8\u529F\u80FD" }),
+      /* @__PURE__ */ jsxs7(
+        "button",
+        {
+          type: "button",
+          className: "member-login-cta__btn",
+          disabled: isHistory || opening || !data.loginUrl,
+          onClick: handleLogin,
+          "aria-label": data.loginUrl ? "\u524D\u5F80\u767B\u5F55" : "\u767B\u5F55\u6682\u4E0D\u53EF\u7528\uFF08\u8BF7\u8054\u7CFB\u5546\u573A\u5BA2\u670D\uFF09",
+          children: [
+            opening ? "\u6B63\u5728\u6253\u5F00\u5546\u573A\u5C0F\u7A0B\u5E8F\u2026" : data.loginUrl ? "\u7ACB\u5373\u767B\u5F55" : "\u6682\u4E0D\u53EF\u7528\uFF08\u8BF7\u8054\u7CFB\u5546\u573A\u5BA2\u670D\uFF09",
+            data.loginUrl ? /* @__PURE__ */ jsx8(ArrowSquareOut2, { size: 18, weight: "bold", "aria-hidden": "true" }) : /* @__PURE__ */ jsx8(WarningCircle3, { size: 18, weight: "fill", "aria-hidden": "true" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx8("p", { className: "member-login-cta__hint", children: "\u767B\u5F55\u5728\u5546\u573A\u5C0F\u7A0B\u5E8F\u5185\u5B8C\u6210\uFF0C\u5B8C\u6210\u540E\u56DE\u5230\u8FD9\u91CC\u7EE7\u7EED" }),
+      isHistory && /* @__PURE__ */ jsx8("p", { className: "member-login-cta__history", children: "\u5386\u53F2\u5361\u7247\u4E0D\u53EF\u91CD\u590D\u64CD\u4F5C" })
+    ] })
+  ] });
+}
+var member_login_cta_default = MemberLoginCtaCard;
+
+// src/client/index.ts
+var cards = {
+  "member-info": member_info_default,
+  "member-card-summary": member_card_summary_default,
+  "member-point-usage-list": member_point_usage_list_default,
+  "member-enrollment-form": member_enrollment_form_default,
+  "member-enrollment-status": member_enrollment_status_default,
+  "member-enrollment-cta": member_enrollment_cta_default,
+  "member-login-cta": member_login_cta_default
+};
+var clientModule = {
+  cards,
+  register(ctx) {
+    ctx.cards.registerMap(cards);
+  }
+};
+
+export {
+  clientModule
+};