@pisell/private-materials 3.3.62 → 3.3.64

package/lib/components/schedules/calendar/index.less

@@ -1,167 +1,173 @@
 .calender-box {
-    padding: 0 10px;
-
-    .calender-year-wrap {
-        position: relative;
-    }
-
-    .calender-year {
-        padding: 20px 0;
-        color: #000;
-        font-family: Inter;
-        font-size: 36px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 44px;
-        letter-spacing: -0.72px;
-        background-color: #fff;
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
-
-    .caleddar-month {
-        color: #344054;
-        font-family: Inter;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 24px;
-        margin-bottom: 4px;
-
+  padding: 0 10px;
+
+  .calender-year-wrap {
+    position: relative;
+  }
+
+  .calender-year {
+    padding: 20px 0;
+    color: #000;
+    font-size: 36px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 44px;
+    letter-spacing: -0.72px;
+    background-color: #fff;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+
+  .caleddar-month {
+    color: #344054;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+    margin-bottom: 4px;
+  }
+
+  // antd calendar样式修改
+  .ant-picker-panel {
+    border-top: none;
+  }
+
+  .pisell-lowcode-picker-cell {
+    padding: 0;
+    border-top: none;
+  }
+
+  .cell-size {
+    width: 40px;
+    height: 40px;
+    padding: 4px;
+  }
+
+  .date-cell {
+    .cell-size ();
+    text-align: center;
+    line-height: 50px;
+  }
+
+  .ant-picker-content th {
+    .date-cell();
+  }
+
+  .caleddar-date-cell {
+    .cell-size ();
+    position: relative;
+    border-radius: 50%;
+
+    &.select {
+      background-color: #fedf89;
+      padding: 4px;
     }
 
-    // antd calendar样式修改
-    .ant-picker-panel {
-        border-top: none;
+    &.excluded {
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0%;
+        left: 0%;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(
+          -45deg,
+          #ffffff 25%,
+          transparent 25%,
+          transparent 50%,
+          #ffffff 50%,
+          #ffffff 75%,
+          transparent 75%,
+          transparent
+        );
+        background-size: 10px 10px;
+      }
     }
 
-    .pisell-lowcode-picker-cell {
-        padding: 0;
-        border-top: none;
+    .caleddar-date {
+      color: #101828;
+      border-radius: 50%;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.has-status {
+        color: #ffffff;
+      }
+
+      &.disabled-date {
+        color: #7d89b0;
+      }
     }
+  }
 
-    .cell-size {
-        width: 40px;
-        height: 40px;
-        padding: 4px;
-    }
-
-    .date-cell {
-        .cell-size ();
-        text-align: center;
-        line-height: 50px;
-    }
-
-    .ant-picker-content th {
-        .date-cell()
-    }
-
-    .caleddar-date-cell {
-        .cell-size ();
-        position: relative;
-        border-radius: 50%;
-
-        &.select {
-            background-color: #FEDF89;
-            padding: 4px;
-        }
-
-        &.excluded {
-            &::after {
-                content: '';
-                position: absolute;
-                top: 0%;
-                left: 0%;
-                width: 100%;
-                height: 100%;
-                background: linear-gradient(-45deg, #ffffff 25%, transparent 25%, transparent 50%, #ffffff 50%, #ffffff 75%, transparent 75%, transparent);
-                background-size: 10px 10px;
-            }
-        }
-
-        .caleddar-date {
-            color: #101828;
-            border-radius: 50%;
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            &.has-status {
-                color: #ffffff;
-            }
-
-            &.disabled-date {
-                color: #7D89B0;
-            }
-        }
-    }
-
-    .ant-picker-cell {
-        padding: 0;
-        .cell-size ();
-    }
+  .ant-picker-cell {
+    padding: 0;
+    .cell-size ();
+  }
 }
 
 // 布局
 .month-list {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-
-    .month-item-box {
-        display: flex;
-        // &.month-item-1 {
-        //     justify-content: center;
-        // }
-
-        // &.month-item-2 {
-        //     justify-content: center;
-        // }
-
-        // &.month-item-3 {
-        //     &:nth-child(1n) {
-        //         justify-content: flex-start;
-        //     }
-
-        //     &:nth-child(2n) {
-        //         justify-content: center;
-        //     }
-
-        //     &:nth-child(3n) {
-        //         justify-content: flex-end;
-        //     }
-        // }
-
-        // &.month-item-4 {
-        //     &:nth-child(1n) {
-        //         justify-content: flex-start;
-        //     }
-
-        //     &:nth-child(2n) {
-        //         justify-content: center;
-        //     }
-
-        //     &:nth-child(3n) {
-        //         justify-content: center;
-        //     }
-
-        //     &:nth-child(4n) {
-        //         justify-content: flex-end;
-        //     }
-        // }
-    }
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
 
-    .month-item {
-        width: 280px;
-        margin: 10px;
-    }
+  .month-item-box {
+    display: flex;
+    // &.month-item-1 {
+    //     justify-content: center;
+    // }
+
+    // &.month-item-2 {
+    //     justify-content: center;
+    // }
+
+    // &.month-item-3 {
+    //     &:nth-child(1n) {
+    //         justify-content: flex-start;
+    //     }
+
+    //     &:nth-child(2n) {
+    //         justify-content: center;
+    //     }
+
+    //     &:nth-child(3n) {
+    //         justify-content: flex-end;
+    //     }
+    // }
+
+    // &.month-item-4 {
+    //     &:nth-child(1n) {
+    //         justify-content: flex-start;
+    //     }
+
+    //     &:nth-child(2n) {
+    //         justify-content: center;
+    //     }
+
+    //     &:nth-child(3n) {
+    //         justify-content: center;
+    //     }
+
+    //     &:nth-child(4n) {
+    //         justify-content: flex-end;
+    //     }
+    // }
+  }
+
+  .month-item {
+    width: 280px;
+    margin: 10px;
+  }
 }
 
 .pisell-lowcode-picker-cell-disabled {
-    &::before {
-        display: none;
-    }
-}
+  &::before {
+    display: none;
+  }
+}

package/lib/components/shoppingCart/components/Cart/index.d.ts

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

package/lib/components/shoppingCart/hooks/useAddService.d.ts

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

package/lib/components/shoppingCart/hooks/useClearCart.d.ts

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

package/lib/components/ticketBooking/components/ticketBooking/index.d.ts

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

package/lib/components/ticketBooking/components/timeBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Dayjs } from 'dayjs';
 import './index.less';
 interface ITimeBarProps {

package/lib/components/ticketBooking/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface TicketBookingProps {
     productExtensionType: string[];

package/lib/components/wallet/DiscountCard/index.less

@@ -1,6 +1,5 @@
 .wallet-discountCard-title {
   color: var(--Gray-900, #101828);
-  font-family: Inter;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;

package/lib/components/wallet/PointCard/index.less

@@ -1,6 +1,5 @@
 .wallet-pointCard-title {
   color: var(--Gray-900, #101828);
-  font-family: Inter;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;

package/lib/components/wallet/RechargeableCard/index.less

@@ -20,7 +20,6 @@
             color: var(--Gray-900, #101828);
 
             /* Paragraph/Semi Bold */
-            font-family: Inter;
             font-size: 14px;
             font-style: normal;
             font-weight: 600;
@@ -36,7 +35,6 @@
             text-overflow: ellipsis;
 
             /* Small/Regular */
-            font-family: Inter;
             font-size: 12px;
             font-style: normal;
             font-weight: 400;
@@ -55,7 +53,6 @@
           text-overflow: ellipsis;
 
           /* Text md/Semibold */
-          font-family: Inter;
           font-size: 16px;
           font-style: normal;
           font-weight: 600;
@@ -66,8 +63,8 @@
     }
 
     .pisell-card-selected {
-      border: 1px solid var(--theme-color, #7F56D9);
-      background: var(--Primary-50, #F9F5FF);
+      border: 1px solid var(--theme-color, #7f56d9);
+      background: var(--Primary-50, #f9f5ff);
     }
 
     .pisell-card-item:last-child {
@@ -78,7 +75,6 @@
   // 充值卡标题
   &-title {
     color: var(--Gray-900, #101828);
-    font-family: Inter;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
@@ -104,9 +100,9 @@
     margin-bottom: 16px;
     cursor: pointer;
   }
-  
+
   .pisell-card-selected {
-    border: 1px solid var(--theme-color, #7F56D9);
-    background: var(--Primary-50, #F9F5FF);
+    border: 1px solid var(--theme-color, #7f56d9);
+    background: var(--Primary-50, #f9f5ff);
   }
 }

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

@@ -1,6 +1,5 @@
 .wallet-voucher-title {
   color: var(--Gray-900, #101828);
-  font-family: Inter;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;

package/lib/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/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" : ""}`,