@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/components/wallet/Detail/index.js

@@ -1,600 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../../hooks/useEngineContext.js');
-const require_index = require('../../../utils/index.js');
-const require_serve = require('./serve.js');
-const require_locales = require('./locales.js');
-const require_index$1 = require('../components/WalletBar/index.js');
-const require_index$2 = require('../components/FooterButtons/index.js');
-const require_index$3 = require('../components/UsageRules/index.js');
-let dayjs = require("dayjs");
-dayjs = require_rolldown_runtime.__toESM(dayjs);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let __pisell_materials = require("@pisell/materials");
-let __pisell_icon_es_XClose = require("@pisell/icon/es/XClose");
-__pisell_icon_es_XClose = require_rolldown_runtime.__toESM(__pisell_icon_es_XClose);
-let dayjs_plugin_timezone = require("dayjs/plugin/timezone");
-dayjs_plugin_timezone = require_rolldown_runtime.__toESM(dayjs_plugin_timezone);
-let dayjs_plugin_utc = require("dayjs/plugin/utc");
-dayjs_plugin_utc = require_rolldown_runtime.__toESM(dayjs_plugin_utc);
-require("./index.less");
-
-//#region src/components/wallet/Detail/index.tsx
-const { Text } = __pisell_materials.Typography;
-dayjs.default.extend(dayjs_plugin_timezone.default);
-dayjs.default.extend(dayjs_plugin_utc.default);
-const Detail = (0, react.forwardRef)((props, ref) => {
-	const { detail = {}, buttonGroupList = [[]], className, showWalletBar = false, onBack } = props;
-	const { code = "", tag = "", product_title = "", encoded = "", balance, expire_date = "", product = {} } = detail;
-	const { description = "", extension_data = [], customer_order_behavior_count = 0 } = product || {};
-	const context = require_useEngineContext.default();
-	const [extensionData, setExtensionData] = (0, react.useState)([]);
-	const [customerOrderBehaviorCount, setCustomerOrderBehaviorCount] = (0, react.useState)(0);
-	const [totalOrderBehaviorCount, setTotalOrderBehaviorCount] = (0, react.useState)(0);
-	const [todayOrderBehaviorCount, setTodayOrderBehaviorCount] = (0, react.useState)(0);
-	const [weekOrderBehaviorCount, setWeekOrderBehaviorCount] = (0, react.useState)(0);
-	const [monthOrderBehaviorCount, setMonthOrderBehaviorCount] = (0, react.useState)(0);
-	const [usageCreditsData, setUsageCreditsData] = (0, react.useState)(null);
-	const [shouldShowUsageRules, setShouldShowUsageRules] = (0, react.useState)(false);
-	const generateUsageRules = (creditsData) => {
-		if (!creditsData) return [];
-		const rules = [];
-		if (creditsData.max_per_day > 0) rules.push({
-			type: "daily",
-			limit: creditsData.max_per_day,
-			description: "",
-			resetTime: ""
-		});
-		if (creditsData.max_per_week > 0) rules.push({
-			type: "weekly",
-			limit: creditsData.max_per_week,
-			description: "",
-			resetTime: ""
-		});
-		if (creditsData.max_per_month > 0) rules.push({
-			type: "monthly",
-			limit: creditsData.max_per_month,
-			description: "",
-			resetTime: ""
-		});
-		return rules;
-	};
-	const generatePersonalLimit = (creditsData, usedCount = {
-		totalOrderBehaviorCount: 0,
-		customerOrderBehaviorCount: 0
-	}) => {
-		if (!creditsData) return void 0;
-		const totalCredits = creditsData.total_credits || 0;
-		const perUserLimit = creditsData.per_user_limit || 0;
-		let total = 0;
-		if (totalCredits > 0 && perUserLimit > 0) total = Math.min(totalCredits, perUserLimit);
-		else total = Math.max(totalCredits, perUserLimit);
-		let total_remaining = 0;
-		if (totalCredits > 0) total_remaining = totalCredits - usedCount.totalOrderBehaviorCount;
-		let perUser_remaining = 0;
-		if (perUserLimit > 0) perUser_remaining = perUserLimit - usedCount.customerOrderBehaviorCount;
-		let remaining = 0;
-		if (total_remaining > 0 && perUser_remaining > 0) remaining = Math.min(total_remaining, perUser_remaining);
-		else if (total_remaining === 0) if (totalCredits === 0) remaining = perUser_remaining;
-		else remaining = 0;
-		else if (perUser_remaining === 0) remaining = 0;
-		return {
-			total,
-			remaining,
-			note: ""
-		};
-	};
-	const usageRules = generateUsageRules(usageCreditsData);
-	const personalLimit = generatePersonalLimit(usageCreditsData, {
-		totalOrderBehaviorCount,
-		customerOrderBehaviorCount
-	});
-	const utils = context?.appHelper?.utils || {};
-	const dvaStore = utils?.getStore?.()?.getState();
-	const [TimeLineData, setTimeLineData] = (0, react.useState)([]);
-	const [isShowtimeLineDetail, setIsShowtimeLineDetail] = (0, react.useState)(false);
-	const [isSpending, setIsSpending] = (0, react.useState)(true);
-	const [timeLineDetail, setTimeLineDetail] = (0, react.useState)({});
-	const [wechatModalOpen, setWechatModalOpen] = (0, react.useState)(false);
-	const [copyUrl, setCopyUrl] = (0, react.useState)("");
-	const [isLoading, setIsLoading] = (0, react.useState)(false);
-	const [apple_wallet_url, setAppleWalletUrl] = (0, react.useState)("");
-	const [google_wallet_url, setGoogleWalletUrl] = (0, react.useState)("");
-	const stateTimeUnix = 1723255863;
-	const [listData, setListData] = (0, react.useState)([]);
-	const modalContentRef = (0, react.useRef)(null);
-	const tabsRef = (0, react.useRef)();
-	const [activeTab, setActiveTab] = (0, react.useState)("detail");
-	const [isScrolling, setIsScrolling] = (0, react.useState)(false);
-	const isUserClickRef = (0, react.useRef)(false);
-	const scrollTimeoutRef = (0, react.useRef)(null);
-	const [addWalletLoading, setAddWalletLoading] = (0, react.useState)(false);
-	const [isAddingToWallet, setIsAddingToWallet] = (0, react.useState)(false);
-	const anchorOptions = (0, react.useMemo)(() => {
-		const options = [{
-			id: "detail",
-			name: __pisell_utils.locales.getText("page.wallet.detail")
-		}];
-		if (tag !== "product_discount_card") options.push({
-			id: "activityLog",
-			name: __pisell_utils.locales.getText("page.wallet.activelog")
-		});
-		return options;
-	}, [tag]);
-	(0, react.useImperativeHandle)(ref, () => ({ addWalletCard }));
-	const addWalletCard = () => {
-		if ((0, __pisell_utils.isIos)()) onAppleClick();
-		else onGoogleClick();
-	};
-	(0, react.useEffect)(() => {
-		let data = [
-			{
-				label: __pisell_utils.locales.getText("page.wallet.cardName"),
-				value: product_title
-			},
-			{
-				label: __pisell_utils.locales.getText("page.wallet.carNumber"),
-				value: encoded,
-				isLink: false
-			},
-			{
-				label: __pisell_utils.locales.getText("page.wallet.validDate"),
-				value: expire_date ? expire_date : __pisell_utils.locales.getText("page.wallet.expireDate")
-			}
-		];
-		if (tag === "product_discount_card") {
-			const isFixedAmount = detail.metadata?.discount_card_type === "fixed_amount";
-			data.splice(2, 0, {
-				label: __pisell_utils.locales.getText("page.wallet.discount"),
-				value: balance ? isFixedAmount ? `${symbol}${Number(balance)}` : `${Number(balance)}%` : ""
-			});
-		} else if (tag === "point_card") data.splice(2, 0, {
-			label: __pisell_utils.locales.getText("page.wallet.points"),
-			value: balance ? `${Number(balance)}` : ""
-		});
-		else if (tag === "good_pass") data.splice(2, 0, {
-			label: __pisell_utils.locales.getText("page.wallet.goodPass"),
-			value: balance ? `${Number(balance)}` : ""
-		});
-		else data.splice(2, 0, {
-			label: __pisell_utils.locales.getText("page.wallet.balance"),
-			value: balance ? `${symbol}${Number(balance)}` : ""
-		});
-		setListData(data);
-	}, [detail]);
-	const { symbol = "$" } = (0, __pisell_materials.usePisellConfig)();
-	__pisell_utils.locales.init(require_locales.default, dvaStore?.core?.translateLocale || "en");
-	require_index.request.setRequest(utils?.request);
-	const { store } = context.appHelper?.utils || { store: {} };
-	const platform = (0, __pisell_utils.isMobile)() ? "h5" : "pc";
-	const timezone$1 = store?.getState?.()?.global?.symbol?.shop.timezone || "Asia/Shanghai";
-	const formatTimeLineDta = (data) => {
-		if (data.length < 0) return [];
-		return data.filter((item) => !(item.tag === "point_card" && (item.amount === "0" || parseFloat(item.amount || "0") === 0))).map((item) => {
-			return { children: assetActionEnum[item?.action || ""] ? timeTreeNode(item) : null };
-		});
-	};
-	const formatCurrencyAmount = (amount = "", isNegative = false) => {
-		if (!amount) return "";
-		const absAmount = amount.startsWith("-") ? amount.substring(1) : amount;
-		return isNegative ? `-${!["point_card", "good_pass"].includes(tag) ? symbol : ""}${absAmount}` : `${!["point_card", "good_pass"].includes(tag) ? symbol : ""}${amount}`;
-	};
-	const getDetail = async () => {
-		const { apple_wallet_url: apple_wallet_url$1 = "", google_wallet_url: google_wallet_url$1 = "", extension_data: extension_data$1 = [], customer_order_behavior_count: customer_order_behavior_count$1 = 0, total_order_behavior_count = 0, today_order_behavior_count = 0, week_order_behavior_count = 0, month_order_behavior_count = 0 } = await require_serve.getDetailApi({ id: detail.id || "" });
-		setAppleWalletUrl(apple_wallet_url$1);
-		setGoogleWalletUrl(google_wallet_url$1);
-		setExtensionData(extension_data$1);
-		setCustomerOrderBehaviorCount(customer_order_behavior_count$1);
-		setTotalOrderBehaviorCount(total_order_behavior_count);
-		setTodayOrderBehaviorCount(today_order_behavior_count);
-		setWeekOrderBehaviorCount(week_order_behavior_count);
-		setMonthOrderBehaviorCount(month_order_behavior_count);
-		if (Array.isArray(extension_data$1) && extension_data$1.length > 0) {
-			const usageCreditsItem = extension_data$1.find((item) => item.field_key === "usage_credits");
-			if (usageCreditsItem?.value) {
-				setUsageCreditsData(usageCreditsItem.value);
-				setShouldShowUsageRules(true);
-			} else {
-				setUsageCreditsData(null);
-				setShouldShowUsageRules(false);
-			}
-		} else {
-			setUsageCreditsData(null);
-			setShouldShowUsageRules(false);
-		}
-	};
-	(0, react.useEffect)(() => {
-		if (detail.id) getDetail();
-	}, [detail.id]);
-	const timeTreeNode = (data) => {
-		const { action = "", created_at = "", amount = "", currency_symbol = "" } = data;
-		return /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-timeline-node" }, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-timeline-node-left" }, /* @__PURE__ */ react.default.createElement("p", { className: "wallet-detail-timeline-node-action" }, action ? assetActionEnum[action] : ""), created_at && /* @__PURE__ */ react.default.createElement("p", { className: "wallet-detail-timeline-node-time" }, created_at, (action === "recharge" || action === "order_expend") && /* @__PURE__ */ react.default.createElement("span", {
-			className: "wallet-detail-timeline-node-detail-link",
-			onClick: () => {
-				setIsShowtimeLineDetail(true);
-				setIsSpending(action === "order_expend");
-				setTimeLineDetail(data);
-			}
-		}, __pisell_utils.locales.getText("page.wallet.viewDetails")))), /* @__PURE__ */ react.default.createElement("div", { className: `wallet-detail-timeline-node-amount${action === "recharge" ? " wallet-detail-timeline-node-amount-positive" : ""}${action === "order_expend" ? " wallet-detail-timeline-node-amount-negative" : ""}` }, amount && currency_symbol ? formatCurrencyAmount(amount, action === "order_expend") : ""));
-	};
-	const getTimeTreeList = async () => {
-		setIsLoading(true);
-		try {
-			const { list = [] } = await require_serve.getAssetList({
-				num: "99",
-				skip: "1",
-				card_id: code,
-				sourceType: tag,
-				tag,
-				business_object: "customer"
-			});
-			let filterList = list.filter((item) => !!assetActionEnum[item.action || ""]);
-			for (let i = filterList.length - 1; i >= 0; i--) {
-				if (filterList[i]?.action === "order_expend" && dayjs.default.tz(filterList[i]?.created_at, timezone$1).unix() < stateTimeUnix) filterList.splice(i, 1);
-				if (filterList[i]?.tag === "point_card" && dayjs.default.tz(filterList[i]?.created_at, timezone$1).unix() < stateTimeUnix) filterList.splice(i, 1);
-			}
-			setTimeLineData(formatTimeLineDta(filterList));
-		} catch (error) {
-			console.error("Failed to fetch asset list:", error);
-		} finally {
-			setIsLoading(false);
-		}
-	};
-	(0, react.useEffect)(() => {
-		if (code) getTimeTreeList();
-	}, [code]);
-	/**
-	* 添加钱包卡片的公共函数
-	* @param url 钱包卡片URL
-	* @param type 钱包类型('apple'或'google')
-	* @returns Promise<boolean> 是否添加成功
-	*/
-	const addWalletPass = async (url, type) => {
-		if (!url) {
-			(0, __pisell_materials.PisellToast)({
-				content: __pisell_utils.locales.getText("page.wallet.urlEmpty") || "钱包链接为空",
-				duration: 2
-			});
-			return false;
-		}
-		if (isWechat()) {
-			setWechatModalOpen(true);
-			setCopyUrl(url);
-			return false;
-		}
-		setAddWalletLoading(true);
-		try {
-			if (type === "apple") {
-				const response = await fetch(url);
-				if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
-				const passData = await response.arrayBuffer();
-				const blob = new Blob([passData], { type: "application/vnd.apple.pkpass" });
-				const downloadUrl = URL.createObjectURL(blob);
-				const a = document.createElement("a");
-				a.href = downloadUrl;
-				a.download = "pass.pkpass";
-				a.click();
-				URL.revokeObjectURL(downloadUrl);
-			} else window.open(url);
-		} catch (error) {
-			console.error("Failed to add wallet:", error);
-			(0, __pisell_materials.PisellToast)({
-				content: __pisell_utils.locales.getText("page.wallet.error.addFailed"),
-				duration: 3
-			});
-		} finally {
-			setAddWalletLoading(false);
-		}
-	};
-	const onAppleClick = async () => {
-		await addWalletPass(apple_wallet_url, "apple");
-	};
-	const onGoogleClick = async () => {
-		await addWalletPass(google_wallet_url, "google");
-	};
-	const isWechat = () => {
-		return /MicroMessenger/i.test(window.navigator.userAgent);
-	};
-	const httpCopyToClipboard = (text) => {
-		const textArea = document.createElement("textarea");
-		textArea.value = text;
-		textArea.style.position = "fixed";
-		textArea.style.top = "-10000px";
-		textArea.style.left = "-10000px";
-		document.body.appendChild(textArea);
-		textArea.focus();
-		textArea.select();
-		document.execCommand("copy");
-		document.body.removeChild(textArea);
-	};
-	const copyToClipboard = (text) => {
-		if (navigator.clipboard) return navigator.clipboard.writeText(text);
-		else return httpCopyToClipboard(text);
-	};
-	const onCopyClick = () => {
-		copyToClipboard(copyUrl);
-		(0, __pisell_materials.PisellToast)({
-			content: __pisell_utils.locales.getText("page.wallet.copySuccess"),
-			duration: 2
-		});
-		setWechatModalOpen(false);
-	};
-	const cardContentRef = (0, react.useRef)(null);
-	/**
-	* 处理tab切换
-	* @param key 切换的标签ID
-	*/
-	const handleTabChange = (key) => {
-		setActiveTab(typeof key === "string" ? key : key.toString());
-		if (platform === "h5") {
-			setIsScrolling(true);
-			setTimeout(() => {
-				setIsScrolling(false);
-			}, 500);
-		}
-		if (isUserClickRef.current) {
-			const section = document.querySelector(`[data-section="${typeof key === "string" ? key : key.toString()}"]`);
-			if (section && cardContentRef.current) {
-				const sectionTop = section.getBoundingClientRect().top;
-				const contentTop = cardContentRef.current.getBoundingClientRect().top;
-				const scrollTop = cardContentRef.current.scrollTop + (sectionTop - contentTop) - 50;
-				cardContentRef.current.scrollTo({
-					top: scrollTop,
-					behavior: "smooth"
-				});
-			}
-			isUserClickRef.current = false;
-		}
-	};
-	const preventScrollPropagation = (0, react.useCallback)((e) => {
-		if (!cardContentRef.current) return;
-		const scrollContainer = cardContentRef.current;
-		const isAtTop = scrollContainer.scrollTop <= 0;
-		const isAtBottom = scrollContainer.scrollHeight - scrollContainer.scrollTop <= scrollContainer.clientHeight + 1;
-		if ("touches" in e) {
-			const touchEvent = e;
-			if (isAtTop && touchEvent.touches[0].clientY > 0 || isAtBottom && touchEvent.touches[0].clientY < 0) e.stopPropagation();
-		} else {
-			const wheelEvent = e;
-			if (isAtTop || isAtBottom) wheelEvent.stopPropagation();
-		}
-	}, []);
-	(0, react.useEffect)(() => {
-		if (!cardContentRef.current || platform !== "h5") return;
-		const scrollContainer = cardContentRef.current;
-		const handleTouchMove = (e) => {
-			preventScrollPropagation(e);
-		};
-		scrollContainer.addEventListener("touchmove", handleTouchMove, { passive: false });
-		return () => {
-			scrollContainer.removeEventListener("touchmove", handleTouchMove);
-		};
-	}, [platform, preventScrollPropagation]);
-	(0, react.useEffect)(() => {
-		if (!cardContentRef.current) return;
-		let lastScrollTime = 0;
-		let pendingAnchorId = null;
-		const handleScroll = () => {
-			if (isScrolling || isUserClickRef.current) return;
-			lastScrollTime = Date.now();
-			if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
-			const container$1 = cardContentRef.current;
-			if (!container$1) return;
-			const scrollTop = container$1.scrollTop;
-			const headerHeight = 56;
-			const containerHeight = container$1.clientHeight;
-			const visibleSections = anchorOptions.map((option) => {
-				const element = document.getElementById(option.id) || document.querySelector(`[data-section="${option.id}"]`);
-				if (!element) return null;
-				const elementOffsetTop = element.offsetTop;
-				const elementHeight = element.offsetHeight;
-				const isElementVisible = elementOffsetTop >= scrollTop && elementOffsetTop <= scrollTop + containerHeight || elementOffsetTop + elementHeight >= scrollTop && elementOffsetTop + elementHeight <= scrollTop + containerHeight || elementOffsetTop <= scrollTop && elementOffsetTop + elementHeight >= scrollTop + containerHeight;
-				return {
-					id: option.id,
-					offsetTop: elementOffsetTop,
-					height: elementHeight,
-					distanceFromViewportTop: Math.abs(elementOffsetTop - scrollTop - headerHeight),
-					isVisible: isElementVisible
-				};
-			}).filter((section) => section !== null).filter((section) => section.isVisible);
-			if (visibleSections.length === 0) return;
-			const bestSection = visibleSections.reduce((prev, current) => prev.distanceFromViewportTop < current.distanceFromViewportTop ? prev : current);
-			if (bestSection && activeTab !== bestSection.id) pendingAnchorId = bestSection.id;
-			scrollTimeoutRef.current = setTimeout(() => {
-				const timeSinceLastScroll = Date.now() - lastScrollTime;
-				if (timeSinceLastScroll >= 300) {
-					if (pendingAnchorId && activeTab !== pendingAnchorId && !isScrolling) setActiveTab(pendingAnchorId);
-					pendingAnchorId = null;
-				} else scrollTimeoutRef.current = setTimeout(() => {
-					if (pendingAnchorId && activeTab !== pendingAnchorId && !isScrolling) setActiveTab(pendingAnchorId);
-					pendingAnchorId = null;
-				}, 300 - timeSinceLastScroll);
-			}, 300);
-		};
-		const container = cardContentRef.current;
-		container.addEventListener("scroll", handleScroll);
-		return () => {
-			container.removeEventListener("scroll", handleScroll);
-			if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
-		};
-	}, [
-		anchorOptions,
-		activeTab,
-		isScrolling
-	]);
-	const handleBack = (0, react.useCallback)(() => {
-		if (onBack) onBack();
-		setTimeout(() => {
-			if (cardContentRef.current) cardContentRef.current.scrollTop = 0;
-			setActiveTab("detail");
-			setIsScrolling(false);
-		}, 100);
-	}, [onBack]);
-	(0, react.useEffect)(() => {}, [onBack, platform]);
-	const detailWrapperRef = (0, react.useRef)(null);
-	const [contentHeight, setContentHeight] = (0, react.useState)(void 0);
-	const anchorWrapperRef = (0, react.useRef)(null);
-	(0, react.useLayoutEffect)(() => {
-		const updateContentHeight = () => {
-			if (detailWrapperRef.current) {
-				const viewportHeight = window.innerHeight;
-				const containerTop = detailWrapperRef.current.getBoundingClientRect().top;
-				const detailHeaderEl = anchorWrapperRef.current;
-				let nonScrollableHeight = 0;
-				if (detailHeaderEl) nonScrollableHeight = detailHeaderEl.getBoundingClientRect().height + 8;
-				else nonScrollableHeight = 60;
-				const bottomPadding = 10;
-				const footerHeight = platform === "h5" ? 80 : 0;
-				const calculatedHeight = viewportHeight - containerTop - nonScrollableHeight - bottomPadding - footerHeight;
-				setContentHeight(Math.max(Math.min(calculatedHeight, viewportHeight - 80), 400));
-			} else setContentHeight(void 0);
-		};
-		const timer = setTimeout(() => {
-			updateContentHeight();
-			setTimeout(updateContentHeight, 200);
-		}, 100);
-		window.addEventListener("resize", updateContentHeight);
-		let resizeObserver = null;
-		if (detailWrapperRef.current) {
-			resizeObserver = new ResizeObserver(() => {
-				updateContentHeight();
-			});
-			resizeObserver.observe(detailWrapperRef.current);
-		}
-		return () => {
-			window.removeEventListener("resize", updateContentHeight);
-			if (resizeObserver) resizeObserver.disconnect();
-			clearTimeout(timer);
-		};
-	}, [platform]);
-	const assetActionEnum = {
-		recharge: tag === "point_card" ? __pisell_utils.locales.getText("page.wallet.pointsEarned") : __pisell_utils.locales.getText("page.wallet.recharge"),
-		order_expend: tag === "point_card" ? __pisell_utils.locales.getText("page.wallet.pointsRedeemed") : __pisell_utils.locales.getText("page.wallet.spending"),
-		order_refund: __pisell_utils.locales.getText("page.wallet.refund"),
-		expire: __pisell_utils.locales.getText("page.wallet.expire")
-	};
-	const handleRecharge = () => {
-		if (props.buttonGroupList && props.buttonGroupList[0] && props.buttonGroupList[0][0]) {
-			const rechargeButton = props.buttonGroupList[0][0];
-			if (rechargeButton.buttonProps && rechargeButton.buttonProps.onClick) rechargeButton.buttonProps.onClick();
-		}
-	};
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: `wallet-detail${platform === "h5" ? " wallet-detail-h5" : " wallet-detail-pc"} ${className || ""}`,
-		ref: detailWrapperRef
-	}, (platform === "h5" || showWalletBar) && !utils?.interaction?.utils?.isAppEnv?.() && /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-header" }, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		setup: "detail",
-		onBack: handleBack
-	})), /* @__PURE__ */ react.default.createElement("div", {
-		className: `wallet-detail-content ${platform === "h5" ? "wallet-detail-content-h5" : "wallet-detail-content-pc"}`,
-		ref: modalContentRef
-	}, /* @__PURE__ */ react.default.createElement("div", { className: `wallet-detail-card ${platform === "h5" ? "wallet-detail-card-h5" : ""}` }, /* @__PURE__ */ react.default.createElement("div", {
-		className: `wallet-detail-card-header ${platform === "h5" ? "wallet-detail-card-header-h5" : ""}`,
-		ref: anchorWrapperRef
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-card-header-anchor" }, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellAnchor, {
-		ref: tabsRef,
-		options: anchorOptions,
-		tab: activeTab,
-		containerRef: cardContentRef,
-		onChange: (key) => {
-			handleTabChange(key);
-		},
-		onTabClick: () => {
-			isUserClickRef.current = true;
-		},
-		platform
-	}))), /* @__PURE__ */ react.default.createElement("div", {
-		className: `wallet-detail-card-content ${platform === "h5" ? "wallet-detail-card-content-h5" : "wallet-detail-card-content-pc"} wallet-detail-card-content-hide-scrollbar`,
-		ref: cardContentRef
-	}, /* @__PURE__ */ react.default.createElement("section", {
-		className: "wallet-detail-card-content-section",
-		"data-section": "detail"
-	}, /* @__PURE__ */ react.default.createElement(Text, { className: "wallet-detail-card-content-section-title" }, __pisell_utils.locales.getText("page.wallet.details")), platform === "pc" && /* @__PURE__ */ react.default.createElement(__pisell_materials.ButtonGroupPreview, { buttonGroupList }), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellStatisticList, {
-		data: listData,
-		labelColor: "#667085",
-		valueColor: "#101828",
-		backgroundColors: ["#fff"],
-		isHasBorder: false
-	}), description && /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-card-content-tip" }, /* @__PURE__ */ react.default.createElement("div", { dangerouslySetInnerHTML: { __html: description } })), shouldShowUsageRules && /* @__PURE__ */ react.default.createElement(require_index$3.default, {
-		locales: __pisell_utils.locales,
-		rules: usageRules,
-		personalLimit
-	})), /* @__PURE__ */ react.default.createElement("section", {
-		className: "wallet-detail-card-content-section wallet-detail-card-content-section-timeline",
-		"data-section": "activityLog"
-	}, tag !== "product_discount_card" && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-card-content-section-subtitle" }, __pisell_utils.locales.getText("page.wallet.activelog")), isLoading ? /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-timeline-loading" }, /* @__PURE__ */ react.default.createElement(__pisell_materials.Skeleton, {
-		active: true,
-		paragraph: { rows: 6 },
-		round: true
-	})) : TimeLineData.length > 0 ? /* @__PURE__ */ react.default.createElement(__pisell_materials.Timeline, {
-		items: TimeLineData,
-		className: "wallet-detail-timeline-list"
-	}) : /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-card-content-section-empty" }, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellEmpty, null))))))), platform === "h5" && /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		step: "detail",
-		addWalletLoading,
-		onAppleWalletClick: tag === "gift_card" ? addWalletCard : void 0,
-		onRechargeClick: tag === "gift_card" && detail?.machinecode_config?.hide_recharge === 0 ? handleRecharge : void 0,
-		platform,
-		isIOS: (0, __pisell_utils.isIos)()
-	}), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		platform: platform === "pc" ? "pc" : "h5",
-		mobileModalHeight: "auto",
-		cancelVisible: false,
-		destroyOnClose: true,
-		onCancel: () => setIsShowtimeLineDetail(false),
-		title: isSpending ? __pisell_utils.locales.getText("page.wallet.spendingDetails") : __pisell_utils.locales.getText("page.wallet.rechargeDetails"),
-		open: isShowtimeLineDetail,
-		footer: [/* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
-			type: "primary",
-			block: true,
-			size: "large",
-			onClick: () => setIsShowtimeLineDetail(false)
-		}, __pisell_utils.locales.getText("page.wallet.done"))]
-	}, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellStatisticList, {
-		data: [
-			{
-				label: __pisell_utils.locales.getText("page.wallet.date"),
-				value: timeLineDetail.created_at || ""
-			},
-			{
-				label: isSpending ? __pisell_utils.locales.getText("page.wallet.spending") : __pisell_utils.locales.getText("page.wallet.recharge"),
-				value: formatCurrencyAmount(timeLineDetail?.amount || "", isSpending)
-			},
-			{
-				label: __pisell_utils.locales.getText("page.wallet.viewOrder"),
-				value: !!timeLineDetail.resource_code ? `#${timeLineDetail.resource_code}` : "",
-				isLink: !!timeLineDetail.resource_code,
-				link: `/order/details?id=${timeLineDetail.resource_id}`
-			}
-		],
-		labelColor: "#101828",
-		valueColor: "#101828",
-		backgroundColors: ["#fff"],
-		isHasBorder: false
-	})), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		platform: platform === "pc" ? "pc" : "h5",
-		mobileModalHeight: "auto",
-		headerDivider: false,
-		closable: true,
-		maskClosable: true,
-		onCancel: () => {
-			setWechatModalOpen(false);
-		},
-		closeIcon: /* @__PURE__ */ react.default.createElement(__pisell_icon_es_XClose.default, {
-			size: 20,
-			style: { fontSize: "24px" }
-		}),
-		open: wechatModalOpen,
-		footer: [/* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
-			onClick: onCopyClick,
-			block: true,
-			type: "primary",
-			size: "large"
-		}, __pisell_utils.locales.getText("page.wallet.copyButton"))]
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-copyTitle" }, __pisell_utils.locales.getText("page.wallet.copyTitle")), /* @__PURE__ */ react.default.createElement("div", { className: "wallet-detail-copyText" }, __pisell_utils.locales.getText("page.wallet.copyText"))));
-});
-var Detail_default = Detail;
-
-//#endregion
-exports.default = Detail_default;