@pisell/private-materials 6.6.10 → 6.6.12

package/dist/lib/components/walletList/index.js

@@ -1,441 +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_index$1 = require('./types/index.js');
-const require_model = require('./model.js');
-const require_serve = require('./serve.js');
-const require_status = require('./status.js');
-const require_locales = require('./locales.js');
-const require_index$2 = require('../pinModal/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_materials = require("@pisell/materials");
-let __ant_design_icons = require("@ant-design/icons");
-require("./index.less");
-
-//#region src/components/walletList/index.tsx
-const STORAGE_KEY = "pisell_wallet_list_data";
-const STORAGE_KEY_BALANCE = "pisell_wallet_balance_data";
-const safeLocalStorage = {
-	getItem: (key) => {
-		try {
-			return typeof localStorage !== "undefined" ? localStorage.getItem(key) : null;
-		} catch (error) {
-			console.error("Error accessing localStorage:", error);
-			return null;
-		}
-	},
-	setItem: (key, value) => {
-		try {
-			if (typeof localStorage !== "undefined") localStorage.setItem(key, value);
-		} catch (error) {
-			console.error("Error writing to localStorage:", error);
-		}
-	}
-};
-const saveToLocalStorage = (key, data) => {
-	try {
-		safeLocalStorage.setItem(key, JSON.stringify(data));
-	} catch (error) {
-		console.error("Error saving to localStorage:", error);
-	}
-};
-const getFromLocalStorage = (key) => {
-	try {
-		const data = safeLocalStorage.getItem(key);
-		return data ? JSON.parse(data) : null;
-	} catch (error) {
-		console.error("Error reading from localStorage:", error);
-		return null;
-	}
-};
-const getLocalizedName = (name, translateLocale) => {
-	if (!name) return "";
-	return name[translateLocale || "en"] || name.original || "";
-};
-const DEFAULT_WALLET_CARD = {
-	id: "default-wallet-card",
-	code: "Wallet number",
-	shop: { name: "Store name" },
-	isLogin: false,
-	showIcon: true,
-	icon: "",
-	wallet: {
-		name: {
-			original: "Level",
-			"zh-CN": "Level",
-			"zh-HK": "Level",
-			en: "Level"
-		},
-		metadata: {
-			barcodetype: "barCode",
-			showcaseWalletPass: [
-				"rechargeable",
-				"piont",
-				"voucher",
-				"discount"
-			],
-			coverImage: "",
-			icon: ""
-		}
-	}
-};
-const DEFAULT_BALANCE = {
-	gift_card_balance: 0,
-	point_card_balance: 0,
-	voucher_count: 0,
-	discount_card_count: 0
-};
-const WalletList = require_model.Provider((props) => {
-	const { globalState = {} } = props;
-	const { state, dispatch } = (0, react.useContext)(require_model.Context);
-	const context = require_useEngineContext.default();
-	const { constants, utils } = context.appHelper || {};
-	const dvaStore = utils?.getStore?.()?.getState();
-	__pisell_utils.locales.init(require_locales.default, context?.engine?.props?.locale || "en");
-	const isMountedRef = (0, react.useRef)(true);
-	const carouselRef = (0, react.useRef)(null);
-	const { store } = utils;
-	const symbol = store?.getState?.()?.global?.symbol || "$";
-	const prevButtonRef = (0, react.useRef)(null);
-	const nextButtonRef = (0, react.useRef)(null);
-	const [currentIndex, setCurrentIndex] = (0, react.useState)(0);
-	const [walletShopList, setWalletShopList] = (0, react.useState)([]);
-	const requestIdRef = (0, react.useRef)("");
-	const pubsub = utils?.pubsub;
-	const pinModalRef = (0, react.useRef)(null);
-	const isUserLoggedIn = (0, react.useMemo)(() => {
-		return !!utils?.token?.get?.() || false;
-	}, [store]);
-	const { list = [], error, authError, hasAttempted, isLoggedIn } = state;
-	(0, react.useEffect)(() => {
-		if (utils?.request) require_index.request.setRequest(utils.request);
-	}, [utils?.request]);
-	(0, react.useEffect)(() => {
-		if (isUserLoggedIn) {
-			require_serve.getWalletShopList({
-				skip: 1,
-				num: 50
-			}).then((res) => {
-				pubsub.publish("wallet:shopList", res);
-			});
-			const subscription = pubsub.subscribe("wallet:shopList", (res) => {
-				setWalletShopList(res?.list || []);
-			});
-			return () => {
-				subscription.unsubscribe();
-			};
-		}
-	}, [isUserLoggedIn]);
-	(0, react.useEffect)(() => {
-		return () => {
-			isMountedRef.current = false;
-			requestIdRef.current = "";
-		};
-	}, []);
-	(0, react.useEffect)(() => {
-		if (hasAttempted) return;
-		if (!isUserLoggedIn) {
-			if (isMountedRef.current) setState({
-				list: [DEFAULT_WALLET_CARD],
-				balance: DEFAULT_BALANCE,
-				hasAttempted: true,
-				isLoggedIn: false
-			});
-			return;
-		}
-		const currentRequestId = Date.now().toString();
-		requestIdRef.current = currentRequestId;
-		const fetchData = async () => {
-			if (!isMountedRef.current) return;
-			if (requestIdRef.current !== currentRequestId) return;
-			await initData(currentRequestId);
-		};
-		fetchData().catch((err) => {
-			if (isMountedRef.current) console.error("请求数据出错:", err);
-		});
-	}, [hasAttempted, isUserLoggedIn]);
-	(0, react.useEffect)(() => {
-		const timer = setTimeout(() => {
-			if (!isMountedRef.current) return;
-			const prevButton = document.querySelector(".pisell-lowcode__walletList .slick-prev");
-			const nextButton = document.querySelector(".pisell-lowcode__walletList .slick-next");
-			if (prevButton) prevButtonRef.current = prevButton;
-			if (nextButton) nextButtonRef.current = nextButton;
-		}, 300);
-		return () => clearTimeout(timer);
-	}, [list]);
-	(0, react.useEffect)(() => {
-		if (!isMountedRef.current) return;
-		const timerId = setTimeout(() => {
-			if (!isMountedRef.current) return;
-		}, 500);
-		return () => {
-			clearTimeout(timerId);
-		};
-	}, [list]);
-	const handleAfterChange = (current) => {
-		if (isMountedRef.current) setCurrentIndex(current);
-	};
-	const setState = (0, react.useCallback)((payload) => {
-		if (isMountedRef.current) dispatch({
-			type: "setState",
-			payload
-		});
-	}, [dispatch]);
-	const handlePrevClick = (e) => {
-		e.stopPropagation();
-		e.preventDefault();
-		if (currentIndex === 0) return;
-		const newIndex = currentIndex - 1;
-		if (isMountedRef.current) setCurrentIndex(newIndex);
-		if (isMountedRef.current && carouselRef.current && typeof carouselRef.current.goTo === "function") carouselRef.current.goTo(newIndex);
-	};
-	const handleNextClick = (e) => {
-		e.stopPropagation();
-		e.preventDefault();
-		if (currentIndex === list.length - 1) return;
-		const newIndex = currentIndex + 1;
-		if (isMountedRef.current) setCurrentIndex(newIndex);
-		if (isMountedRef.current && carouselRef.current && typeof carouselRef.current.goTo === "function") carouselRef.current.goTo(newIndex);
-	};
-	const initData = async (requestId) => {
-		if (!isMountedRef.current) return;
-		if (requestIdRef.current !== requestId) return;
-		if (!isUserLoggedIn) {
-			setState({
-				list: [DEFAULT_WALLET_CARD],
-				balance: DEFAULT_BALANCE,
-				hasAttempted: true,
-				isLoggedIn: false
-			});
-			return;
-		}
-		if (hasAttempted) return;
-		let cachedList = null;
-		let cachedBalance = null;
-		try {
-			cachedList = getFromLocalStorage(STORAGE_KEY);
-			cachedBalance = getFromLocalStorage(STORAGE_KEY_BALANCE);
-		} catch (e) {
-			console.error("Error fetching from localStorage:", e);
-		}
-		if (cachedList && cachedBalance) setState({
-			list: cachedList,
-			balance: cachedBalance,
-			hasAttempted: false
-		});
-		try {
-			if (!isMountedRef.current) return;
-			const [walletListData, walletBalanceData] = await Promise.all([require_serve.getWalletList(), require_serve.getWalletBalance()]);
-			if (!isMountedRef.current || requestIdRef.current !== requestId) return;
-			if (walletListData) try {
-				saveToLocalStorage(STORAGE_KEY, walletListData);
-			} catch (e) {
-				console.error("Error saving wallet list to localStorage:", e);
-			}
-			if (walletBalanceData) try {
-				saveToLocalStorage(STORAGE_KEY_BALANCE, walletBalanceData);
-			} catch (e) {
-				console.error("Error saving wallet balance to localStorage:", e);
-			}
-			if (!walletBalanceData || Array.isArray(walletListData) && walletListData.length === 0) setTimeout(async () => {
-				if (!isMountedRef.current || requestIdRef.current !== requestId) return;
-				try {
-					let retryBalanceData = walletBalanceData;
-					let retryListData = walletListData;
-					if (!walletBalanceData) {
-						retryBalanceData = await require_serve.getWalletBalance();
-						if (retryBalanceData) try {
-							saveToLocalStorage(STORAGE_KEY_BALANCE, retryBalanceData);
-						} catch (e) {
-							console.error("Error saving retry balance to localStorage:", e);
-						}
-					}
-					if (Array.isArray(walletListData) && walletListData.length === 0) {
-						retryListData = await require_serve.getWalletList({});
-						if (retryListData && retryListData.length > 0) try {
-							saveToLocalStorage(STORAGE_KEY, retryListData);
-						} catch (e) {
-							console.error("Error saving retry list to localStorage:", e);
-						}
-					}
-					setState({
-						list: retryListData || [],
-						balance: retryBalanceData,
-						hasAttempted: true
-					});
-				} catch (retryErr) {
-					setState({
-						list: walletListData || [],
-						balance: walletBalanceData,
-						hasAttempted: true
-					});
-				}
-			}, 2e3);
-			else setState({
-				list: walletListData || [],
-				balance: walletBalanceData,
-				hasAttempted: true
-			});
-		} catch (err) {
-			if (!isMountedRef.current || requestIdRef.current !== requestId) return;
-			const isAuthError = err?.code === 4001 || err?.message?.includes("login time out") || err?.data?.code === 4001;
-			setState({
-				error: err instanceof Error ? err : /* @__PURE__ */ new Error("加载失败"),
-				authError: isAuthError,
-				hasAttempted: true
-			});
-		}
-	};
-	const onViewPinClick = (card) => {
-		if (card?.id) pinModalRef.current?.open(card?.id);
-		else console.error("onViewPinClick方法需要传入wallet_detail_id");
-	};
-	const renderWalletCard = (item) => {
-		const { code, shop, wallet, id } = item;
-		const { metadata, name } = wallet || {};
-		const { barcodetype = "barCode", showcaseWalletPass = [], coverImage = "", icon = "" } = metadata || {};
-		const { name: shopName } = shop;
-		const { balance } = state;
-		const balanceKeyMap = {
-			gift_card_balance: "rechargeable",
-			point_card_balance: "piont",
-			voucher_count: "voucher",
-			discount_card_count: "discount"
-		};
-		const cardItems = (showcaseWalletPass || []).map((key) => {
-			const balanceKey = Object.entries(balanceKeyMap).find(([_, value$1]) => value$1 === key)?.[0];
-			let value = balanceKey ? balance[balanceKey] || 0 : 0;
-			if (balanceKey === "voucher_count") value += balance.good_pass_count;
-			return {
-				key,
-				label: key,
-				hidden: false,
-				value
-			};
-		});
-		const cardProps = {
-			...require_index$1.DEFAULT_CARD_CONFIG,
-			...globalState,
-			iconImg: icon,
-			symbol,
-			cardNo: code,
-			walletName: getLocalizedName(name, dvaStore?.core?.translateLocale),
-			shopName,
-			codeType: barcodetype,
-			items: cardItems,
-			customBackgroundImage: coverImage,
-			isLogin: isUserLoggedIn
-		};
-		return /* @__PURE__ */ react.default.createElement(__pisell_materials.WalletCard, {
-			key: id,
-			...cardProps,
-			onViewPinClick: () => onViewPinClick(item)
-		});
-	};
-	const carouselProps = {
-		className: (0, classnames.default)("pisell-lowcode__walletList"),
-		arrows: false,
-		infinite: false,
-		slidesToShow: 1,
-		slidesToScroll: 1,
-		centerMode: false,
-		autoplay: false,
-		dots: false,
-		draggable: true,
-		swipe: true,
-		accessibility: true,
-		pauseOnHover: true,
-		pauseOnFocus: true,
-		speed: 500,
-		useCSS: true,
-		useTransform: true,
-		variableWidth: false,
-		adaptiveHeight: true,
-		initialSlide: 0,
-		waitForAnimate: false,
-		afterChange: handleAfterChange,
-		currentSlide: currentIndex,
-		appendDots: () => /* @__PURE__ */ react.default.createElement("div", { style: { display: "none" } }),
-		responsive: [{
-			breakpoint: 768,
-			settings: {
-				slidesToShow: 1,
-				slidesToScroll: 1,
-				centerMode: false,
-				infinite: false,
-				swipe: true,
-				draggable: true,
-				accessibility: true,
-				arrows: false
-			}
-		}]
-	};
-	(0, react.useCallback)((balance) => {
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-balance-card",
-			key: balance.id
-		}, /* @__PURE__ */ react.default.createElement("div", { className: "balance-card-header" }, /* @__PURE__ */ react.default.createElement("div", { className: "balance-card-title" }, balance.name), /* @__PURE__ */ react.default.createElement("div", { className: "balance-card-value" }, balance.value)), /* @__PURE__ */ react.default.createElement("div", { className: "balance-card-content" }, balance.items && balance.items.map((item) => /* @__PURE__ */ react.default.createElement("div", {
-			className: "balance-item",
-			key: item.key
-		}, /* @__PURE__ */ react.default.createElement("div", { className: "balance-item-label" }, item.label), /* @__PURE__ */ react.default.createElement("div", { className: "balance-item-value" }, item.value)))));
-	}, []);
-	/**
-	* @title: 是否显示引导页
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-06-09 13:16
-	*/
-	const isShowGuide = (0, react.useMemo)(() => {
-		if (globalState?.walletGuideConfig?.show === 0) return false;
-		return walletShopList?.length > 0 && !list?.length;
-	}, [
-		walletShopList,
-		list,
-		globalState?.walletGuideConfig
-	]);
-	const renderContent = () => {
-		if (list.length === 0 && !isShowGuide) return null;
-		return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-wallet-list-container" }, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-content" }, isShowGuide ? /* @__PURE__ */ react.default.createElement(__pisell_materials.WalletCard, {
-			key: (0, __pisell_utils.getUniqueId)(),
-			isGuide: true,
-			...globalState,
-			walletGuideConfig: globalState?.walletGuideConfig || require_status.defaultWalletGuideConfig()
-		}) : /* @__PURE__ */ react.default.createElement(__pisell_materials.Carousel, {
-			ref: carouselRef,
-			...carouselProps
-		}, list.map((item) => renderWalletCard(item)))), list && list.length > 1 && isUserLoggedIn && /* @__PURE__ */ react.default.createElement("div", { className: "wallet-navigation" }, /* @__PURE__ */ react.default.createElement("div", {
-			className: `wallet-nav-button wallet-prev ${currentIndex === 0 ? "disabled" : ""}`,
-			onClick: handlePrevClick,
-			role: "button"
-		}, /* @__PURE__ */ react.default.createElement(__ant_design_icons.LeftOutlined, { style: {
-			fontSize: "24px",
-			color: currentIndex === 0 ? "#D0D5DD" : "#101828"
-		} })), list && list.length <= 5 ? /* @__PURE__ */ react.default.createElement("div", { className: "wallet-dots-container" }, Array.from({ length: list.length }).map((_, index) => /* @__PURE__ */ react.default.createElement("div", {
-			key: index,
-			className: `wallet-dot ${index === currentIndex ? "active" : ""}`,
-			onClick: (e) => {
-				e.stopPropagation();
-				if (carouselRef.current) carouselRef.current.slickGoTo(index);
-			}
-		}))) : /* @__PURE__ */ react.default.createElement("div", { className: "wallet-counter" }, currentIndex + 1, "/", list.length), /* @__PURE__ */ react.default.createElement("div", {
-			className: `wallet-nav-button wallet-next ${currentIndex === list.length - 1 ? "disabled" : ""}`,
-			onClick: handleNextClick,
-			role: "button"
-		}, /* @__PURE__ */ react.default.createElement(__ant_design_icons.RightOutlined, { style: {
-			fontSize: "24px",
-			color: currentIndex === list.length - 1 ? "#D0D5DD" : "#101828"
-		} }))), /* @__PURE__ */ react.default.createElement(require_index$2.default, { ref: pinModalRef }));
-	};
-	return /* @__PURE__ */ react.default.createElement("div", { className: "wallet-list-wrapper" }, renderContent());
-});
-var walletList_default = WalletList;
-
-//#endregion
-exports.default = walletList_default;