@pisell/private-materials 6.3.113 → 6.3.115

package/lib/plus/walletPassGallery/components/passDetail/index.js

@@ -55,21 +55,15 @@ var { Text } = import_antd.Typography;
 var PassDetail = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const { symbol = "$" } = (0, import_materials.usePisellConfig)();
-  const {
-    dataSource,
-    platform = "pc",
-    showTimeLine = true,
-    onListRefresh
-  } = props;
+  const { dataSource, platform = "pc", showTimeLine = true } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("detail");
   const [rechargeOpen, setRechargeOpen] = (0, import_react.useState)(false);
   const containerRef = (0, import_react.useRef)(null);
   const isIndicatorVisibleRef = (0, import_react.useRef)(false);
   const context = (0, import_useEngineContext.default)();
-  const { store, isTerminal, interaction, isApp } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || { store: {} };
   const { apiPrefix } = ((_b = context.appHelper) == null ? void 0 : _b.constants) || { apiPrefix: "/h5" };
   const timezone = ((_g = (_f = (_e = (_d = (_c = store == null ? void 0 : store.getState) == null ? void 0 : _c.call(store)) == null ? void 0 : _d.global) == null ? void 0 : _e.symbol) == null ? void 0 : _f.shop) == null ? void 0 : _g.timezone) || "Asia/Shanghai";
-  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   import_utils.locales.init(import_locales.default, ((_i = (_h = context == null ? void 0 : context.engine) == null ? void 0 : _h.props) == null ? void 0 : _i.locale) || "en");
   if ((_k = (_j = context.appHelper) == null ? void 0 : _j.utils) == null ? void 0 : _k.request) {
     import_utils4.request.setRequest((_m = (_l = context.appHelper) == null ? void 0 : _l.utils) == null ? void 0 : _m.request);
@@ -102,17 +96,6 @@ var PassDetail = (props) => {
       refreshDeps: [id, customer_id]
     }
   );
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
-    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(
-      _a2,
-      "customer",
-      "recharge",
-      async (strVal) => {
-        return onListRefresh == null ? void 0 : onListRefresh();
-      }
-    );
-  }, [id]);
   const scheduleList = (0, import_react.useMemo)(() => {
     return (custom_schedule_snapshot == null ? void 0 : custom_schedule_snapshot.data) || [];
   }, [custom_schedule_snapshot]);
@@ -217,24 +200,6 @@ var PassDetail = (props) => {
       setActiveKey(_key);
     }
   }, []);
-  const handleRechargeClick = (0, import_react.useCallback)(() => {
-    var _a2, _b2;
-    if (isTerminalEnv) {
-      const productId = (product == null ? void 0 : product.id) || (dataSource == null ? void 0 : dataSource.product_id) || "";
-      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
-        module: "customer",
-        key: "recharge",
-        data: {
-          product_id: String(productId || ""),
-          card_id: String(id || ""),
-          card_code: String(code || ""),
-          customer_id: String(customer_id || "")
-        }
-      });
-      return;
-    }
-    setRechargeOpen(true);
-  }, [isTerminalEnv, id, code, customer_id, product, dataSource]);
   if (!dataSource) {
     return /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, null);
   }
@@ -281,9 +246,7 @@ var PassDetail = (props) => {
         code,
         tag,
         timezone,
-        apiPrefix,
-        isTerminalEnv,
-        interaction
+        apiPrefix
       }
     );
   };
@@ -336,7 +299,7 @@ var PassDetail = (props) => {
           {
             type: "primary",
             size: "large",
-            onClick: handleRechargeClick
+            onClick: () => setRechargeOpen(true)
           },
           import_utils.locales.getText("wallet-pass-gallery.recharge")
         ), /* @__PURE__ */ import_react.default.createElement(
@@ -365,7 +328,7 @@ var PassDetail = (props) => {
     {
       appleWalletUrl: (_o = _getDetail.data) == null ? void 0 : _o.apple_wallet_url,
       googleWalletUrl: (_p = _getDetail.data) == null ? void 0 : _p.google_wallet_url,
-      onRechargeClick: ((_q = dataSource == null ? void 0 : dataSource.machinecode_config) == null ? void 0 : _q.hide_recharge) === 0 ? handleRechargeClick : void 0,
+      onRechargeClick: ((_q = dataSource == null ? void 0 : dataSource.machinecode_config) == null ? void 0 : _q.hide_recharge) === 0 ? () => setRechargeOpen(true) : void 0,
       platform
     }
   ) : null, /* @__PURE__ */ import_react.default.createElement(

package/lib/plus/walletPassGallery/components/passList/index.js

@@ -36,9 +36,7 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
-var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var PassList = (props) => {
-  var _a;
   const {
     dataSource = [],
     value,
@@ -49,10 +47,6 @@ var PassList = (props) => {
     loading,
     onEditHolder
   } = props;
-  const context = (0, import_useEngineContext.default)();
-  const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
-  const { isTerminal, isApp } = utils;
-  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   const _loadMore = /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -95,7 +89,6 @@ var PassList = (props) => {
           limit_status,
           product_cover = "",
           par_value = "",
-          unified_available_status,
           unified_messages = {},
           holder,
           metadata,
@@ -122,8 +115,8 @@ var PassList = (props) => {
               showQrCode: true,
               showBalance: !isDiscountCard,
               cover: product_cover,
-              disabled: unified_available_status === 0,
-              showDisabledReason: unified_available_status === 0,
+              disabled: limit_status !== "enable",
+              showDisabledReason: limit_status !== "enable",
               disabledReason,
               style: { marginBottom: 16, width: "100%" },
               showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
@@ -137,12 +130,12 @@ var PassList = (props) => {
               code: encoded,
               validDate: expire_date,
               holder,
-              onSetHolder: isTerminalEnv ? void 0 : () => {
-                var _a2;
+              onSetHolder: () => {
+                var _a;
                 onEditHolder == null ? void 0 : onEditHolder({
                   wallet_pass_detail_id: id,
                   customer_id: holder == null ? void 0 : holder.customer_id,
-                  form_id: (_a2 = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a2.custom_id
+                  form_id: (_a = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a.custom_id
                 });
               }
             }

package/lib/plus/walletPassGallery/components/recharge/index.js

@@ -128,25 +128,23 @@ var Recharge = ({
         {
           className: `pisell-card-item ${item.id === (chargeItem == null ? void 0 : chargeItem.id) ? "pisell-card-selected" : ""}`
         },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "card-content-left" }, /* @__PURE__ */ import_react.default.createElement("p", { className: "pisell-card-amount-item-name" }, item.name), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-arrival" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-card-amount-item-label" }, import_utils.locales.getText(
-          "wallet-pass-gallery.rechargeArrivalAmount"
-        )), /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "card-content-left" }, /* @__PURE__ */ import_react.default.createElement("p", { className: "pisell-card-amount-item-name" }, item.name), /* @__PURE__ */ import_react.default.createElement(
           import_materials.PisellText.Amount,
           {
             showCurrencySymbol: true,
-            className: "highlight-amount",
+            className: "pisell-card-amount-item-value",
             useThousandsSeparator: true,
             value: item.gift_price
           }
-        ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "card-content-right" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pay-label" }, import_utils.locales.getText("wallet-pass-gallery.rechargePayAmount")), /* @__PURE__ */ import_react.default.createElement(
+        )), /* @__PURE__ */ import_react.default.createElement(
           import_materials.PisellText.Amount,
           {
             showCurrencySymbol: true,
-            className: "pay-amount",
+            className: "pisell-card-amount-item-value",
             useThousandsSeparator: true,
             value: item.price
           }
-        )))
+        ))
       )
     ))))
   );

package/lib/plus/walletPassGallery/components/recharge/index.less

@@ -7,79 +7,10 @@
 
   &-card-item {
     cursor: pointer;
-    min-width: 0;
-  }
-
-  .pisell-card-item {
-    border-radius: 8px;
-    border: 1px solid transparent;
-    transition: all 0.3s;
-    background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
-    min-width: 0;
   }
 
   .pisell-card-selected {
-    border-color: var(--theme-color, #7f56d9);
+    border: 1px solid var(--theme-color, #7f56d9);
     background: var(--Primary-50, #f9f5ff);
-    box-shadow: 0 4px 12px rgba(127, 86, 217, 0.1);
-  }
-
-  .card-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 16px;
-  }
-
-  .card-content-left {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    flex: 1;
-    min-width: 0;
-  }
-
-  .pisell-card-amount-item-name {
-    font-size: 16px;
-    font-weight: 600;
-    color: #333;
-    margin: 0;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .pisell-card-amount-item-arrival {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    font-size: 13px;
-    color: #666;
-    flex-wrap: wrap;
-
-    .highlight-amount {
-      color: #ff4d4f;
-      font-weight: 500;
-    }
-  }
-
-  .card-content-right {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    margin-top: 4px;
-    flex-shrink: 0;
-  }
-
-  .pay-label {
-    font-size: 12px;
-    color: #666;
-  }
-
-  .pay-amount {
-    font-size: 20px;
-    font-weight: bold;
-    color: var(--theme-color, #7f56d9);
   }
 }

package/lib/plus/walletPassGallery/components/timelineSection/index.js

@@ -45,7 +45,7 @@ import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.extend(import_utc.default);
 var stateTimeUnix = 1723255863;
 var TimelineSection = (props) => {
-  const { code, tag, timezone, apiPrefix, isTerminalEnv, interaction } = props;
+  const { code, tag, timezone, apiPrefix } = props;
   const { symbol = "$" } = (0, import_materials.usePisellConfig)();
   const [isShowtimeLineDetail, setIsShowtimeLineDetail] = import_react.default.useState(false);
   const [isSpending, setIsSpending] = import_react.default.useState(true);
@@ -205,22 +205,7 @@ var TimelineSection = (props) => {
             label: import_utils.locales.getText("wallet-pass-gallery.viewOrder"),
             value: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_code) ? `#${timeLineDetail == null ? void 0 : timeLineDetail.resource_code}` : (timeLineDetail == null ? void 0 : timeLineDetail.transaction_id) ? `#${timeLineDetail == null ? void 0 : timeLineDetail.transaction_id}` : "",
             isLink: !!(timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id)),
-            onClick: () => {
-              var _a, _b;
-              if (isTerminalEnv) {
-                return (_b = (_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.postMessageToApp) == null ? void 0 : _b.call(_a, {
-                  module: "booking",
-                  key: "view_order",
-                  data: {
-                    order_id: timeLineDetail == null ? void 0 : timeLineDetail.resource_id
-                  },
-                  origin: "/booking"
-                });
-              }
-              const link = apiPrefix === "/shop" ? `/admin/order/orders/detail?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : `/order/details?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}`;
-              location.replace(link);
-            },
-            link: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id) ? true : void 0
+            link: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id) ? apiPrefix === "/shop" ? `/admin/order/orders/detail?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : `/order/details?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : void 0
           }
         ],
         labelColor: "#101828",

package/lib/plus/walletPassGallery/index.js

@@ -62,7 +62,6 @@ var TAGS = [
 ];
 var WalletPassGallery = (props) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const { hideAddButton, hideTitle, customer, platform: platformProp } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("available");
   const [currentItemId, setCurrentItemId] = (0, import_react.useState)(void 0);
   const [isOpenAddModal, setIsOpenAddModal] = (0, import_react.useState)(false);
@@ -71,20 +70,16 @@ var WalletPassGallery = (props) => {
   const [updateHolderLoading, setUpdateHolderLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
-  const { apiPrefix } = ((_b = context.appHelper) == null ? void 0 : _b.constants) || { apiPrefix: "/h5" };
-  const { isTerminal, isApp, interaction } = utils;
-  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   const platform = (0, import_react.useMemo)(() => {
-    if (platformProp) return platformProp;
     if (utils.isMobile) {
       return utils.isMobile() ? "h5" : "pc";
     }
     if (typeof window !== "undefined") {
       return window.innerWidth <= 768 ? "h5" : "pc";
     }
-    return "pc";
-  }, [utils, platformProp]);
-  import_utils.locales.init(import_locales.default, ((_d = (_c = context == null ? void 0 : context.engine) == null ? void 0 : _c.props) == null ? void 0 : _d.locale) || "en");
+  }, [utils]);
+  const dvaStore = (_c = (_b = utils == null ? void 0 : utils.getStore) == null ? void 0 : _b.call(utils)) == null ? void 0 : _c.getState();
+  import_utils.locales.init(import_locales.default, ((_d = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _d.translateLocale) || "en");
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const _getWalletDetail = (0, import_ahooks.useRequest)(import_serve.getWalletDetail, {
     manual: true
@@ -94,21 +89,15 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)(
-        {
-          available: 1,
-          num: 20,
-          skip: (d == null ? void 0 : d.nextId) || 1,
-          tags: TAGS,
-          filter_wallet_id: walletId || void 0,
-          filter_holder_id: holderId || void 0,
-          with: ["customScheduleSnapshot", "holder.detail"],
-          customer_id: customer == null ? void 0 : customer.id
-        },
-        {
-          apiPrefix
-        }
-      );
+      const res = await (0, import_serve.getWalletPassList)({
+        available: 1,
+        num: 20,
+        skip: (d == null ? void 0 : d.nextId) || 1,
+        tags: TAGS,
+        filter_wallet_id: walletId || void 0,
+        filter_holder_id: holderId || void 0,
+        with: ["customScheduleSnapshot", "holder.detail"]
+      });
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -130,21 +119,15 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)(
-        {
-          available: 0,
-          num: 20,
-          skip: (d == null ? void 0 : d.nextId) || 1,
-          tags: TAGS,
-          filter_wallet_id: walletId || void 0,
-          filter_holder_id: holderId || void 0,
-          with: ["customScheduleSnapshot", "holder.detail"],
-          customer_id: customer == null ? void 0 : customer.id
-        },
-        {
-          apiPrefix
-        }
-      );
+      const res = await (0, import_serve.getWalletPassList)({
+        available: 0,
+        num: 20,
+        skip: (d == null ? void 0 : d.nextId) || 1,
+        tags: TAGS,
+        filter_wallet_id: walletId || void 0,
+        filter_holder_id: holderId || void 0,
+        with: ["customScheduleSnapshot", "holder.detail"]
+      });
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -167,8 +150,8 @@ var WalletPassGallery = (props) => {
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
-    const req1 = _getAvailableList.reloadAsync();
-    const req2 = _getUnavailableList.reloadAsync();
+    const req1 = _getAvailableList.loadMoreAsync();
+    const req2 = _getUnavailableList.loadMoreAsync();
     let req3 = passId ? (0, import_serve.getWalletPassDetail)(passId, {
       with: ["holder.detail"]
     }) : Promise.resolve();
@@ -239,22 +222,7 @@ var WalletPassGallery = (props) => {
         }
       }
     });
-  }, [customer]);
-  (0, import_react.useEffect)(() => {
-    var _a2, _b2;
-    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(_a2, "customer", "new", () => {
-      try {
-        _getAvailableList.reloadAsync();
-        _getUnavailableList.reloadAsync();
-      } catch (err) {
-        console.error(err);
-      }
-    });
   }, []);
-  const listReload = () => {
-    _getAvailableList.reloadAsync();
-    _getUnavailableList.reloadAsync();
-  };
   const _getUnbindList = (0, import_ahooks.useRequest)(import_serve.getUnbindList, {
     manual: true,
     onSuccess: (data) => {
@@ -298,20 +266,6 @@ var WalletPassGallery = (props) => {
     const newId = key === KEYS.unavailable ? (_a2 = _unavailable[0]) == null ? void 0 : _a2.id : (_b2 = _avaliable[0]) == null ? void 0 : _b2.id;
     setCurrentItemId(newId);
   };
-  const handleAddClick = () => {
-    var _a2, _b2;
-    if (isTerminalEnv) {
-      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
-        module: "customer",
-        key: "new",
-        data: {
-          customer_id: String((customer == null ? void 0 : customer.id) || "")
-        }
-      });
-      return;
-    }
-    setIsOpenAddModal(true);
-  };
   const _resetSearchState = () => {
     setCurrentUnbindItem(null);
     _getUnbindList.mutate([]);
@@ -418,7 +372,15 @@ var WalletPassGallery = (props) => {
     );
     return found2;
   }, [currentItemId, _avaliable, _unavailable]);
-  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, hideTitle ? null : /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
+  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")), platform === "pc" ? /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
+      size: "large",
+      onClick: () => setIsOpenAddModal(true)
+    },
+    import_utils.locales.getText("wallet-pass-gallery.add")
+  ) : null);
   const renderAvaliableList = () => {
     if (platform === "h5") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -445,14 +407,7 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
-      import_passDetail.default,
-      {
-        dataSource: _currentItem,
-        platform,
-        onListRefresh: listReload
-      }
-    )));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
   };
   const renderUnavailableList = () => {
     if (platform === "h5") {
@@ -480,18 +435,9 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
-      import_passDetail.default,
-      {
-        dataSource: _currentItem,
-        platform,
-        onListRefresh: listReload
-      }
-    )));
-  };
-  const renderTabBar = (props2, DefaultTabBar) => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
   };
+  const renderTabBar = (props2, DefaultTabBar) => /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   const renderContent = () => {
     var _a2, _b2;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_content" }, /* @__PURE__ */ import_react.default.createElement(
@@ -515,16 +461,7 @@ var WalletPassGallery = (props) => {
             children: renderUnavailableList(),
             badge: ((_b2 = _getUnavailableList.data) == null ? void 0 : _b2.count) || 0
           }
-        ],
-        tabBarExtraContent: platform === "pc" && !hideAddButton ? /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Button,
-          {
-            icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
-            size: "large",
-            onClick: handleAddClick
-          },
-          import_utils.locales.getText("wallet-pass-gallery.add")
-        ) : null
+        ]
       }
     ));
   };
@@ -542,7 +479,6 @@ var WalletPassGallery = (props) => {
       shop,
       limit_status,
       product_cover = "",
-      unified_available_status,
       unified_messages = {},
       par_value = "",
       tag = "",
@@ -551,7 +487,7 @@ var WalletPassGallery = (props) => {
     const { title = "" } = unified_messages;
     const { name = "" } = shop;
     const isActive = id === (currentUnbindItem == null ? void 0 : currentUnbindItem.id) && platform === "pc";
-    const isDisabled = unified_available_status === 0;
+    const isEnabled = limit_status === "enable";
     const isDiscountCard = tag === "product_discount_card";
     const getBalanceTitle = () => {
       if (tag === "point_card") {
@@ -573,8 +509,8 @@ var WalletPassGallery = (props) => {
         showRedeem: false,
         showQrCode: false,
         cover: product_cover,
-        disabled: isDisabled,
-        showDisabledReason: isDisabled,
+        disabled: !isEnabled,
+        showDisabledReason: !isEnabled,
         disabledReason: title,
         propStyle: { marginBottom: 10 },
         showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
@@ -598,8 +534,8 @@ var WalletPassGallery = (props) => {
     );
   };
   const renderH5Content = () => {
-    var _a2, _b2, _c2, _d2;
-    const _walletBar = !((_a2 = utils == null ? void 0 : utils.isApp) == null ? void 0 : _a2.call(utils)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const _walletBar = !((_c2 = (_b2 = (_a2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.isAppEnv) == null ? void 0 : _c2.call(_b2)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-wallet-pass-gallery-header-bar-arrow",
@@ -608,15 +544,15 @@ var WalletPassGallery = (props) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-chevron-left" })
-    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_d2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _d2.call(utils, (_c2 = (_b2 = _getWalletDetail.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), hideAddButton ? null : /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_f2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _f2.call(utils, (_e2 = (_d2 = _getWalletDetail.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         style: {
           padding: 24
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: handleAddClick, block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: () => setIsOpenAddModal(true), block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
     ), /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellModal,
       {
@@ -628,14 +564,7 @@ var WalletPassGallery = (props) => {
         footer: null,
         title: import_utils.locales.getText("wallet-pass-gallery.details")
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_passDetail.default,
-        {
-          dataSource: _currentItem,
-          platform,
-          onListRefresh: listReload
-        }
-      )
+      /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })
     ));
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(