@pisell/private-materials 3.3.63 → 3.3.64

package/es/components/wallet/index.less

@@ -18,7 +18,6 @@
         color: var(--Gray-900, #101828);
 
         /* Display sm/Semibold */
-        font-family: Inter;
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
@@ -53,7 +52,6 @@
       text-align: center;
 
       /* Text sm/Semibold */
-      font-family: Inter;
       font-size: 14px;
       font-style: normal;
       font-weight: 600;
@@ -89,7 +87,6 @@
       }
       .pisell-lowcode-wallet-title {
         color: var(--Gray-900, #101828);
-        font-family: Inter;
         font-size: 30px;
         font-style: normal;
         font-weight: 600;
@@ -117,7 +114,6 @@
               color: var(--Gray-900, #101828);
 
               /* Text md/Medium */
-              font-family: Inter;
               font-size: 16px;
               font-style: normal;
               font-weight: 500;

package/es/components/walletList/index.js

@@ -21,9 +21,11 @@ import { Provider, Context } from "./model";
 import { WalletCard, Carousel } from '@pisell/materials';
 import { LeftOutlined, RightOutlined } from '@ant-design/icons';
 import useEngineContext from "./../../hooks/useEngineContext";
-import { getWalletList, getWalletBalance } from "./serve";
-import { locales } from '@pisell/utils';
+import { getWalletList, getWalletBalance, getWalletShopList } from "./serve";
+import { locales, getUniqueId } from '@pisell/utils';
 import { request } from "./../../utils";
+import { defaultWalletGuideConfig } from "./status";
+import localeTexts from "./locales";
 import "./index.less";
 import classNames from 'classnames';
 // 导入所有类型
@@ -120,7 +122,7 @@ var DEFAULT_WALLET_CARD = {
       original: 'Level',
       'zh-CN': 'Level',
       'zh-HK': 'Level',
-      'en': 'Level'
+      en: 'Level'
     },
     metadata: {
       barcodetype: 'barCode',
@@ -150,7 +152,7 @@ var WalletList = Provider(function (props) {
     constants = _ref.constants,
     utils = _ref.utils;
   var dvaStore = utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 ? void 0 : _utils$getStore.getState();
-  locales.init({}, (dvaStore === null || dvaStore === void 0 || (_dvaStore$core = dvaStore.core) === null || _dvaStore$core === void 0 ? void 0 : _dvaStore$core.translateLocale) || 'en');
+  locales.init(localeTexts, (dvaStore === null || dvaStore === void 0 || (_dvaStore$core = dvaStore.core) === null || _dvaStore$core === void 0 ? void 0 : _dvaStore$core.translateLocale) || 'en');
   // 添加组件挂载状态引用
   var isMountedRef = useRef(true);
   var carouselRef = useRef(null);
@@ -164,9 +166,15 @@ var WalletList = Provider(function (props) {
     _useState2 = _slicedToArray(_useState, 2),
     currentIndex = _useState2[0],
     setCurrentIndex = _useState2[1];
+  // 店铺wallet pass列表
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    walletShopList = _useState4[0],
+    setWalletShopList = _useState4[1];
 
   // 添加一个请求ID引用，用于去重
   var requestIdRef = useRef('');
+  var pubsub = utils === null || utils === void 0 ? void 0 : utils.pubsub;
 
   //获取登录状态
   var isUserLoggedIn = useMemo(function () {
@@ -188,6 +196,27 @@ var WalletList = Provider(function (props) {
       request.setRequest(utils.request);
     }
   }, [utils === null || utils === void 0 ? void 0 : utils.request]);
+  useEffect(function () {
+    if (isUserLoggedIn) {
+      // 获取店铺wallet pass列表
+      getWalletShopList({
+        skip: 1,
+        num: 50
+      }).then(function (res) {
+        pubsub.publish('wallet:shopList', res);
+      });
+
+      // 订阅
+      var subscription = pubsub.subscribe('wallet:shopList', function (res) {
+        setWalletShopList((res === null || res === void 0 ? void 0 : res.list) || []);
+      });
+
+      // 卸载时取消订阅
+      return function () {
+        subscription.unsubscribe();
+      };
+    }
+  }, [isUserLoggedIn]);
 
   // 组件挂载时执行一次请求
   useEffect(function () {
@@ -433,7 +462,7 @@ var WalletList = Provider(function (props) {
             return _context3.abrupt("return");
           case 24:
             // 如果获取到有效数据，保存到 localStorage
-            if (walletListData && walletListData.length > 0) {
+            if (walletListData) {
               try {
                 saveToLocalStorage(STORAGE_KEY, walletListData);
               } catch (e) {
@@ -710,10 +739,24 @@ var WalletList = Provider(function (props) {
     })));
   }, []);
 
+  /**
+   * @title: 是否显示引导页
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-09 13:16
+   */
+  var isShowGuide = useMemo(function () {
+    var _globalState$walletGu;
+    if ((globalState === null || globalState === void 0 || (_globalState$walletGu = globalState.walletGuideConfig) === null || _globalState$walletGu === void 0 ? void 0 : _globalState$walletGu.show) === 0) return false;
+    return (walletShopList === null || walletShopList === void 0 ? void 0 : walletShopList.length) > 0 && !(list !== null && list !== void 0 && list.length);
+  }, [walletShopList, list, globalState === null || globalState === void 0 ? void 0 : globalState.walletGuideConfig]);
+
   // 确保renderContent总是返回JSX，避免返回null
   var renderContent = function renderContent() {
     // 如果列表为空，不显示任何内容
-    if (list.length === 0) {
+    if (list.length === 0 && !isShowGuide) {
       return null;
     }
 
@@ -722,7 +765,12 @@ var WalletList = Provider(function (props) {
       className: "pisell-wallet-list-container"
     }, /*#__PURE__*/React.createElement("div", {
       className: "wallet-content"
-    }, /*#__PURE__*/React.createElement(Carousel, _extends({
+    }, isShowGuide ? /*#__PURE__*/React.createElement(WalletCard, _extends({
+      key: getUniqueId(),
+      isGuide: true
+    }, globalState, {
+      walletGuideConfig: (globalState === null || globalState === void 0 ? void 0 : globalState.walletGuideConfig) || defaultWalletGuideConfig()
+    })) : /*#__PURE__*/React.createElement(Carousel, _extends({
       ref: carouselRef
     }, carouselProps), list.map(function (item) {
       return renderWalletCard(item);

package/es/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/es/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/es/components/walletList/locales.js

@@ -0,0 +1,17 @@
+export 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/es/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/es/components/walletList/serve.js

@@ -66,4 +66,42 @@ export var getWalletBalance = /*#__PURE__*/function () {
   return function getWalletBalance() {
     return _ref2.apply(this, arguments);
   };
+}();
+
+/**
+ * @title: 获取钱包店铺列表
+ * @description: 
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-06-09 11:12
+ */
+export var getWalletShopList = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params) {
+    var _yield$request$getReq3, data;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.prev = 0;
+          _context3.next = 3;
+          return request.getRequest().get('/h5/wallet/shop/list', params || {}, {
+            abort: true,
+            useCache: true
+          });
+        case 3:
+          _yield$request$getReq3 = _context3.sent;
+          data = _yield$request$getReq3.data;
+          return _context3.abrupt("return", data || null);
+        case 8:
+          _context3.prev = 8;
+          _context3.t0 = _context3["catch"](0);
+          return _context3.abrupt("return", null);
+        case 11:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[0, 8]]);
+  }));
+  return function getWalletShopList(_x) {
+    return _ref3.apply(this, arguments);
+  };
 }();

package/es/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/es/components/walletList/status.js

@@ -0,0 +1,47 @@
+import { locales } from '@pisell/utils';
+
+/**
+ * @title: 默认引导页配置
+ * @description: 
+ * @param {any} locales
+ * @return {any}
+ * @Author: WangHan
+ * @Date: 2025-06-09 14:22
+ */
+export var defaultWalletGuideConfig = function 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: locales.getText('page.wallet.guide.title')
+    },
+    // 副标题配置
+    subtitleConfig: {
+      size: 14,
+      color: 'rgba(208,213,221,1)',
+      weight: 400,
+      style: 'normal',
+      text: locales.getText('page.wallet.guide.subtitle')
+    },
+    // 按钮配置
+    buttonConfig: {
+      size: 14,
+      color: 'rgba(255,255,255,1)',
+      weight: 600,
+      style: 'normal',
+      text: locales.getText('page.wallet.guide.button')
+    }
+  };
+};

package/lib/businessModel/SalesModel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
 export * from './Sales';
 export default SalesModel;

package/lib/components/Sales/Summary/utils.d.ts

@@ -25,7 +25,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组

package/lib/components/appointmentBooking/components/Header/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Header: () => JSX.Element;
 export default Header;

package/lib/components/appointmentBooking/components/Voucher/index.less

@@ -9,7 +9,6 @@
     align-items: center;
     gap: 10px;
     color: var(--Gray-500, #667085);
-    font-family: Inter;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
@@ -103,7 +102,6 @@
     > div {
       color: var(--Gray-500, #667085);
       text-align: center;
-      font-family: Inter;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;

package/lib/components/booking/components/TabProduct/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/TabProduct/productItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/lib/components/booking/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const renderBundles: (item: any, amountSymbol: string) => JSX.Element;

package/lib/components/booking/components/emptyBooking/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 空状态
  * @description:

package/lib/components/booking/components/footer/FooterMenus/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const FooterMenus: ({ state, menuChange, items }: any) => JSX.Element | null;
 export default FooterMenus;

package/lib/components/booking/components/formItemChildrenWrap/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const FormItemChildrenWrap: (props: any) => JSX.Element;
 export default FormItemChildrenWrap;

package/lib/components/booking/components/voucher/index.less

@@ -77,7 +77,6 @@
     > div {
       color: var(--Gray-500, #667085);
       text-align: center;
-      font-family: Inter;
       font-size: 16px;
       font-style: normal;
       font-weight: 600;

package/lib/components/booking/deposit/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Deposit: (props: any) => JSX.Element;
 export default Deposit;

package/lib/components/booking/forms/single/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 表单选择器

package/lib/components/booking/forms/table/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
 export default Table;

package/lib/components/booking/info/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

package/lib/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

package/lib/components/booking/info/header/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const header: ({ state, dispatch }: any) => JSX.Element;
 export default header;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

package/lib/components/booking/info/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InfoProps } from './main';
 declare const APP: (props: InfoProps) => JSX.Element;
 export default APP;

package/lib/components/booking/info/notes/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Notes: () => JSX.Element | null;
 export default Notes;

package/lib/components/booking/info/service/Lists.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Lists: ({ onEdit, onChange, onAction, isParallelResource }: any) => JSX.Element;
 export default Lists;

package/lib/components/booking/info/service/actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Actions: ({ currentService }: {
     currentService: any;

package/lib/components/booking/info/service/like/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Like: ({ status, onChange, className, style, }: {
     style?: any;

package/lib/components/booking/info/service/serviceList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ServiceList: ({ onEdit }: {
     onEdit: any;

package/lib/components/booking/info/service2/Lists.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Lists: ({ onEdit, onChange }: any) => JSX.Element;
 export default Lists;

package/lib/components/booking/info2/service/actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '../../../info/service/actions/index.less';
 declare const Actions: ({ currentService }: {
     currentService: any;

package/lib/components/booking/info2/service/addService/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellDrawerProps } from '../../../components/drawer';
 import '../../../info/service/addService/index.less';
 interface AddServiceProps {

package/lib/components/booking/info2/service/addTimeModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '../../../info/service/addTimeModal/index.less';
 declare const AddTimeModal: () => JSX.Element;
 export default AddTimeModal;

package/lib/components/booking/info2/service/serviceList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ServiceList: ({ onEdit }: {
     onEdit: any;

package/lib/components/booking/materiels/contacts/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type ContactType = {
     country_calling_code: string;

package/lib/components/booking/materiels/duration/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface DurationProps extends SelectProps {
     locale?: string;