@pisell/private-materials 3.3.63 → 3.3.64

package/lib/components/walletList/index.js

@@ -40,6 +40,8 @@ var import_useEngineContext = __toESM(require("./../../hooks/useEngineContext"))
 var import_serve = require("./serve");
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("./../../utils");
+var import_status = require("./status");
+var import_locales = __toESM(require("./locales"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var import_types = require("./types");
@@ -98,7 +100,7 @@ var DEFAULT_WALLET_CARD = {
       original: "Level",
       "zh-CN": "Level",
       "zh-HK": "Level",
-      "en": "Level"
+      en: "Level"
     },
     metadata: {
       barcodetype: "barCode",
@@ -121,7 +123,7 @@ var WalletList = (0, import_model.Provider)((props) => {
   const context = (0, import_useEngineContext.default)();
   const { constants, utils } = context.appHelper || {};
   const dvaStore = (_b = (_a = utils == null ? void 0 : utils.getStore) == null ? void 0 : _a.call(utils)) == null ? void 0 : _b.getState();
-  import_utils.locales.init({}, ((_c = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _c.translateLocale) || "en");
+  import_utils.locales.init(import_locales.default, ((_c = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _c.translateLocale) || "en");
   const isMountedRef = (0, import_react.useRef)(true);
   const carouselRef = (0, import_react.useRef)(null);
   const { store } = utils;
@@ -129,23 +131,32 @@ var WalletList = (0, import_model.Provider)((props) => {
   const prevButtonRef = (0, import_react.useRef)(null);
   const nextButtonRef = (0, import_react.useRef)(null);
   const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
+  const [walletShopList, setWalletShopList] = (0, import_react.useState)([]);
   const requestIdRef = (0, import_react.useRef)("");
+  const pubsub = utils == null ? void 0 : utils.pubsub;
   const isUserLoggedIn = (0, import_react.useMemo)(() => {
     var _a2, _b2;
     return !!((_b2 = (_a2 = utils == null ? void 0 : utils.token) == null ? void 0 : _a2.get) == null ? void 0 : _b2.call(_a2)) || false;
   }, [store]);
-  const {
-    list = [],
-    error,
-    authError,
-    hasAttempted,
-    isLoggedIn
-  } = state;
+  const { list = [], error, authError, hasAttempted, isLoggedIn } = state;
   (0, import_react.useEffect)(() => {
     if (utils == null ? void 0 : utils.request) {
       import_utils2.request.setRequest(utils.request);
     }
   }, [utils == null ? void 0 : utils.request]);
+  (0, import_react.useEffect)(() => {
+    if (isUserLoggedIn) {
+      (0, import_serve.getWalletShopList)({ skip: 1, num: 50 }).then((res) => {
+        pubsub.publish("wallet:shopList", res);
+      });
+      const subscription = pubsub.subscribe("wallet:shopList", (res) => {
+        setWalletShopList((res == null ? void 0 : res.list) || []);
+      });
+      return () => {
+        subscription.unsubscribe();
+      };
+    }
+  }, [isUserLoggedIn]);
   (0, import_react.useEffect)(() => {
     return () => {
       isMountedRef.current = false;
@@ -285,7 +296,7 @@ var WalletList = (0, import_model.Provider)((props) => {
         (0, import_serve.getWalletBalance)()
       ]);
       if (!isMountedRef.current || requestIdRef.current !== requestId) return;
-      if (walletListData && walletListData.length > 0) {
+      if (walletListData) {
         try {
           saveToLocalStorage(STORAGE_KEY, walletListData);
         } catch (e) {
@@ -301,7 +312,8 @@ var WalletList = (0, import_model.Provider)((props) => {
       }
       if (!walletBalanceData || Array.isArray(walletListData) && walletListData.length === 0) {
         setTimeout(async () => {
-          if (!isMountedRef.current || requestIdRef.current !== requestId) return;
+          if (!isMountedRef.current || requestIdRef.current !== requestId)
+            return;
           try {
             let retryBalanceData = walletBalanceData;
             let retryListData = walletListData;
@@ -311,7 +323,10 @@ var WalletList = (0, import_model.Provider)((props) => {
                 try {
                   saveToLocalStorage(STORAGE_KEY_BALANCE, retryBalanceData);
                 } catch (e) {
-                  console.error("Error saving retry balance to localStorage:", e);
+                  console.error(
+                    "Error saving retry balance to localStorage:",
+                    e
+                  );
                 }
               }
             }
@@ -469,11 +484,24 @@ var WalletList = (0, import_model.Provider)((props) => {
   const renderBalanceCard = (0, import_react.useCallback)((balance) => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-balance-card", key: balance.id }, /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-card-title" }, balance.name), /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-card-value" }, balance.value)), /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-card-content" }, balance.items && balance.items.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-item", key: item.key }, /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-item-label" }, item.label), /* @__PURE__ */ import_react.default.createElement("div", { className: "balance-item-value" }, item.value)))));
   }, []);
+  const isShowGuide = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (((_a2 = globalState == null ? void 0 : globalState.walletGuideConfig) == null ? void 0 : _a2.show) === 0) return false;
+    return (walletShopList == null ? void 0 : walletShopList.length) > 0 && !(list == null ? void 0 : list.length);
+  }, [walletShopList, list, globalState == null ? void 0 : globalState.walletGuideConfig]);
   const renderContent = () => {
-    if (list.length === 0) {
+    if (list.length === 0 && !isShowGuide) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-list-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-content" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Carousel, { ref: carouselRef, ...carouselProps }, list.map((item) => renderWalletCard(item)))), list && list.length > 1 && isUserLoggedIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-navigation" }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-list-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-content" }, isShowGuide ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.WalletCard,
+      {
+        key: (0, import_utils.getUniqueId)(),
+        isGuide: true,
+        ...globalState,
+        walletGuideConfig: (globalState == null ? void 0 : globalState.walletGuideConfig) || (0, import_status.defaultWalletGuideConfig)()
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(import_materials.Carousel, { ref: carouselRef, ...carouselProps }, list.map((item) => renderWalletCard(item)))), list && list.length > 1 && isUserLoggedIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-navigation" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `wallet-nav-button wallet-prev ${currentIndex === 0 ? "disabled" : ""}`,

package/lib/components/walletList/index.less

@@ -31,7 +31,7 @@
       opacity: 1;
     }
 
-    >div {
+    > div {
       height: 100%;
       margin: 0;
       padding: 0;
@@ -215,7 +215,7 @@
     cursor: pointer;
     width: 44px;
     height: 44px;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
     border-radius: 50%;
     display: flex;
     padding: 10px;
@@ -224,9 +224,10 @@
     justify-content: center;
     cursor: pointer;
     border-radius: 22px;
-    background: rgba(255, 255, 255, 0.90);
+    background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(4px);
-    box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.1), 0px 1px 3px rgba(16, 24, 40, 0.1);
+    box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.1),
+      0px 1px 3px rgba(16, 24, 40, 0.1);
     z-index: 10;
     position: relative;
     /* 确保相对定位 */
@@ -244,8 +245,9 @@
     }
 
     &:hover {
-      background-color: #FFFFFF;
-      box-shadow: 0px 3px 6px rgba(16, 24, 40, 0.15), 0px 2px 4px rgba(16, 24, 40, 0.1);
+      background-color: #ffffff;
+      box-shadow: 0px 3px 6px rgba(16, 24, 40, 0.15),
+        0px 2px 4px rgba(16, 24, 40, 0.1);
     }
 
     &.disabled {
@@ -253,7 +255,8 @@
       opacity: 0.7;
 
       &:hover {
-        box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.1), 0px 1px 3px rgba(16, 24, 40, 0.1);
+        box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.1),
+          0px 1px 3px rgba(16, 24, 40, 0.1);
       }
     }
 
@@ -269,17 +272,18 @@
     justify-content: center;
     padding: 12px;
     border-radius: 17px;
-    background: rgba(255, 255, 255, 0.90);
+    background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(4px);
     height: 34px;
     z-index: 100;
-    box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.1), 0px 1px 3px rgba(16, 24, 40, 0.1);
+    box-shadow: 0px 2px 4px rgba(16, 24, 40, 0.1),
+      0px 1px 3px rgba(16, 24, 40, 0.1);
 
     .wallet-dot {
       width: 10px;
       height: 10px;
       border-radius: 50%;
-      background-color: #F2F4F7;
+      background-color: #f2f4f7;
       margin: 0 8px;
       transition: all 0.3s ease;
 
@@ -287,7 +291,7 @@
         width: 8px;
         height: 8px;
         border-radius: 4px;
-        background-color: #6941C6;
+        background-color: #6941c6;
       }
     }
   }
@@ -297,14 +301,13 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #FFFFFF;
+    color: #ffffff;
     min-width: 70px;
     text-align: center;
 
     color: var(--Gray-500, #667085);
 
     /* Text xl/Semibold */
-    font-family: Inter;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
@@ -345,7 +348,6 @@
     }
   }
 
-
   .pisell-lowcode__error {
     text-align: center;
     padding: 20px;
@@ -364,4 +366,4 @@
   .pisell-wallet-skeleton {
     padding: 16px;
   }
-}
+}

package/lib/components/walletList/locales.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    en: {
+        'page.wallet.guide.title': string;
+        'page.wallet.guide.subtitle': string;
+        'page.wallet.guide.button': string;
+    };
+    'zh-CN': {
+        'page.wallet.guide.title': string;
+        'page.wallet.guide.subtitle': string;
+        'page.wallet.guide.button': string;
+    };
+    'zh-HK': {
+        'page.wallet.guide.title': string;
+        'page.wallet.guide.subtitle': string;
+        'page.wallet.guide.button': string;
+    };
+};
+export default _default;

package/lib/components/walletList/locales.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/walletList/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  "en": {
+    "page.wallet.guide.title": "Activate Now!",
+    "page.wallet.guide.subtitle": "Unlock membership benefits now",
+    "page.wallet.guide.button": "Get Your Reward"
+  },
+  "zh-CN": {
+    "page.wallet.guide.title": "待解锁权益",
+    "page.wallet.guide.subtitle": "成为专属会员，即可享受更多权益",
+    "page.wallet.guide.button": "点击获取"
+  },
+  "zh-HK": {
+    "page.wallet.guide.title": "待解鎖權益",
+    "page.wallet.guide.subtitle": "成為專屬會員，即可享受更多權益",
+    "page.wallet.guide.button": "點擊獲取"
+  }
+};

package/lib/components/walletList/serve.d.ts

@@ -10,3 +10,11 @@ export declare const getWalletList: () => Promise<WalletPass[]>;
  * @returns
  */
 export declare const getWalletBalance: () => Promise<WalletBalance | null>;
+/**
+ * @title: 获取钱包店铺列表
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-06-09 11:12
+ */
+export declare const getWalletShopList: (params: any) => Promise<any>;

package/lib/components/walletList/serve.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var serve_exports = {};
 __export(serve_exports, {
   getWalletBalance: () => getWalletBalance,
-  getWalletList: () => getWalletList
+  getWalletList: () => getWalletList,
+  getWalletShopList: () => getWalletShopList
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("./../../utils");
@@ -40,8 +41,20 @@ var getWalletBalance = async () => {
     return null;
   }
 };
+var getWalletShopList = async (params) => {
+  try {
+    const { data } = await import_utils.request.getRequest().get("/h5/wallet/shop/list", params || {}, {
+      abort: true,
+      useCache: true
+    });
+    return data || null;
+  } catch (error) {
+    return null;
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getWalletBalance,
-  getWalletList
+  getWalletList,
+  getWalletShopList
 });

package/lib/components/walletList/status.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @title: 默认引导页配置
+ * @description:
+ * @param {any} locales
+ * @return {any}
+ * @Author: WangHan
+ * @Date: 2025-06-09 14:22
+ */
+export declare const defaultWalletGuideConfig: () => {
+    show: number;
+    align: string;
+    backgroundColor: string;
+    backgroundImage: string;
+    backgroundImageAlt: string;
+    buttonColor: string;
+    buttonBorderColor: string;
+    titleConfig: {
+        size: number;
+        color: string;
+        weight: number;
+        style: string;
+        text: any;
+    };
+    subtitleConfig: {
+        size: number;
+        color: string;
+        weight: number;
+        style: string;
+        text: any;
+    };
+    buttonConfig: {
+        size: number;
+        color: string;
+        weight: number;
+        style: string;
+        text: any;
+    };
+};

package/lib/components/walletList/status.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/walletList/status.ts
+var status_exports = {};
+__export(status_exports, {
+  defaultWalletGuideConfig: () => defaultWalletGuideConfig
+});
+module.exports = __toCommonJS(status_exports);
+var import_utils = require("@pisell/utils");
+var defaultWalletGuideConfig = () => {
+  return {
+    show: 1,
+    //文字居中
+    align: "center",
+    //背景颜色
+    backgroundColor: "",
+    backgroundImage: "",
+    backgroundImageAlt: "",
+    buttonColor: "rgba(127,86,217,1)",
+    buttonBorderColor: "rgba(127,86,217,1)",
+    // 标题配置
+    titleConfig: {
+      size: 18,
+      color: "rgba(255,255,255,1)",
+      weight: 600,
+      style: "normal",
+      text: import_utils.locales.getText("page.wallet.guide.title")
+    },
+    // 副标题配置
+    subtitleConfig: {
+      size: 14,
+      color: "rgba(208,213,221,1)",
+      weight: 400,
+      style: "normal",
+      text: import_utils.locales.getText("page.wallet.guide.subtitle")
+    },
+    // 按钮配置
+    buttonConfig: {
+      size: 14,
+      color: "rgba(255,255,255,1)",
+      weight: 600,
+      style: "normal",
+      text: import_utils.locales.getText("page.wallet.guide.button")
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultWalletGuideConfig
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.3.63",
+  "version": "3.3.64",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,9 +59,9 @@
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
-    "@pisell/utils": "1.0.42",
-    "@pisell/materials": "3.3.22",
     "@pisell/icon": "0.0.11",
+    "@pisell/utils": "1.0.42",
+    "@pisell/materials": "3.3.23",
     "@pisell/date-picker": "3.0.2"
   },
   "peerDependencies": {