@pisell/private-materials 6.3.115 → 6.3.117

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

@@ -1,4 +1,4 @@
-var _excluded = ["id", "tag", "product_title", "balance", "code", "encoded", "expire_date", "shop", "limit_status", "product_cover", "par_value", "unified_messages", "holder", "metadata"];
+var _excluded = ["id", "tag", "product_title", "balance", "code", "encoded", "expire_date", "shop", "limit_status", "product_cover", "par_value", "unified_available_status", "unified_messages", "holder", "metadata"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -6,7 +6,9 @@ import React from 'react';
 import { Button, List } from 'antd';
 import { PisellWalletPassCard } from '@pisell/materials';
 import { locales } from '@pisell/utils';
+import useEngineContext from "../../../../hooks/useEngineContext";
 var PassList = function PassList(props) {
+  var _context$appHelper;
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     value = props.value,
@@ -17,6 +19,11 @@ var PassList = function PassList(props) {
     onLoadMore = props.onLoadMore,
     loading = props.loading,
     onEditHolder = props.onEditHolder;
+  var context = useEngineContext();
+  var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+  var isTerminal = utils.isTerminal,
+    isApp = utils.isApp;
+  var isTerminalEnv = (typeof isTerminal === 'function' ? isTerminal() : !!isTerminal) || (isApp === null || isApp === void 0 ? void 0 : isApp());
   var _loadMore = /*#__PURE__*/React.createElement("div", {
     style: {
       textAlign: 'center',
@@ -61,6 +68,7 @@ var PassList = function PassList(props) {
         product_cover = _item$product_cover === void 0 ? '' : _item$product_cover,
         _item$par_value = item.par_value,
         par_value = _item$par_value === void 0 ? '' : _item$par_value,
+        unified_available_status = item.unified_available_status,
         _item$unified_message = item.unified_messages,
         unified_messages = _item$unified_message === void 0 ? {} : _item$unified_message,
         holder = item.holder,
@@ -94,8 +102,8 @@ var PassList = function PassList(props) {
         showQrCode: true,
         showBalance: !isDiscountCard,
         cover: product_cover,
-        disabled: limit_status !== 'enable',
-        showDisabledReason: limit_status !== 'enable',
+        disabled: unified_available_status === 0,
+        showDisabledReason: unified_available_status === 0,
         disabledReason: disabledReason,
         style: {
           marginBottom: 16,
@@ -112,7 +120,7 @@ var PassList = function PassList(props) {
         code: encoded,
         validDate: expire_date,
         holder: holder,
-        onSetHolder: function onSetHolder() {
+        onSetHolder: isTerminalEnv ? undefined : function () {
           var _holder$metadata;
           onEditHolder === null || onEditHolder === void 0 || onEditHolder({
             wallet_pass_detail_id: id,

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

@@ -129,17 +129,25 @@ var Recharge = function Recharge(_ref) {
       className: "card-content-left"
     }, /*#__PURE__*/React.createElement("p", {
       className: "pisell-card-amount-item-name"
-    }, item.name), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    }, item.name), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-card-amount-item-arrival"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "pisell-card-amount-item-label"
+    }, locales.getText('wallet-pass-gallery.rechargeArrivalAmount')), /*#__PURE__*/React.createElement(PisellText.Amount, {
       showCurrencySymbol: true,
-      className: "pisell-card-amount-item-value",
+      className: "highlight-amount",
       useThousandsSeparator: true,
       value: item.gift_price
-    })), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "card-content-right"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "pay-label"
+    }, locales.getText('wallet-pass-gallery.rechargePayAmount')), /*#__PURE__*/React.createElement(PisellText.Amount, {
       showCurrencySymbol: true,
-      className: "pisell-card-amount-item-value",
+      className: "pay-amount",
       useThousandsSeparator: true,
       value: item.price
-    }))));
+    })))));
   }))));
 };
 export default Recharge;

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

@@ -7,10 +7,79 @@
 
   &-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: 1px solid var(--theme-color, #7f56d9);
+    border-color: 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/es/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface TimelineSectionProps {
+    code: string;
+    tag: string;
+    timezone: string;
+    apiPrefix?: '/shop' | '/h5';
+    isTerminalEnv?: boolean;
+    interaction?: any;
+}
+declare const TimelineSection: (props: TimelineSectionProps) => React.JSX.Element;
+export default TimelineSection;

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

@@ -20,7 +20,9 @@ var TimelineSection = function TimelineSection(props) {
   var code = props.code,
     tag = props.tag,
     timezone = props.timezone,
-    apiPrefix = props.apiPrefix;
+    apiPrefix = props.apiPrefix,
+    isTerminalEnv = props.isTerminalEnv,
+    interaction = props.interaction;
   var _usePisellConfig = usePisellConfig(),
     _usePisellConfig$symb = _usePisellConfig.symbol,
     symbol = _usePisellConfig$symb === void 0 ? '$' : _usePisellConfig$symb;
@@ -171,7 +173,22 @@ var TimelineSection = function TimelineSection(props) {
       label: locales.getText('wallet-pass-gallery.viewOrder'),
       value: timeLineDetail && timeLineDetail !== null && timeLineDetail !== void 0 && timeLineDetail.resource_code ? "#".concat(timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.resource_code) : timeLineDetail !== null && timeLineDetail !== void 0 && timeLineDetail.transaction_id ? "#".concat(timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.transaction_id) : '',
       isLink: !!(timeLineDetail && timeLineDetail !== null && timeLineDetail !== void 0 && timeLineDetail.resource_id),
-      link: timeLineDetail && timeLineDetail !== null && timeLineDetail !== void 0 && timeLineDetail.resource_id ? apiPrefix === '/shop' ? "/admin/order/orders/detail?id=".concat(timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.resource_id) : "/order/details?id=".concat(timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.resource_id) : undefined
+      onClick: function onClick() {
+        if (isTerminalEnv) {
+          var _interaction$utils, _interaction$utils$po;
+          return interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$po = _interaction$utils.postMessageToApp) === null || _interaction$utils$po === void 0 ? void 0 : _interaction$utils$po.call(_interaction$utils, {
+            module: 'booking',
+            key: 'view_order',
+            data: {
+              order_id: timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.resource_id
+            },
+            origin: '/booking'
+          });
+        }
+        var link = apiPrefix === '/shop' ? "/admin/order/orders/detail?id=".concat(timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.resource_id) : "/order/details?id=".concat(timeLineDetail === null || timeLineDetail === void 0 ? void 0 : timeLineDetail.resource_id);
+        location.replace(link);
+      },
+      link: timeLineDetail && timeLineDetail !== null && timeLineDetail !== void 0 && timeLineDetail.resource_id ? true : undefined
     }],
     labelColor: "#101828",
     valueColor: "#101828",

package/es/plus/walletPassGallery/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+export interface WalletPassGalleryProps {
+    hideTitle: boolean;
+    hideAddButton: boolean;
+    customer?: any;
+    platform?: 'pc' | 'h5';
+    [key: string]: any;
+}
+declare const WalletPassGallery: (props: WalletPassGalleryProps) => React.JSX.Element;
+export default WalletPassGallery;

package/es/plus/walletPassGallery/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "product_name", "balance", "code", "encoded", "expire_date", "shop", "limit_status", "product_cover", "unified_messages", "par_value", "tag"];
+var _excluded = ["id", "product_name", "balance", "code", "encoded", "expire_date", "shop", "limit_status", "product_cover", "unified_available_status", "unified_messages", "par_value", "tag"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -46,7 +46,11 @@ var ARow = Row;
 var ACol = Col;
 var TAGS = ['gift_card', 'point_card', 'product_discount_card', 'good_pass', 'product_voucher'];
 var WalletPassGallery = function WalletPassGallery(props) {
-  var _context$appHelper, _utils$getStore, _dvaStore$core, _utils$translation, _getWalletDetail$data;
+  var _context$appHelper, _context$appHelper2, _context$engine, _utils$translation, _getWalletDetail$data;
+  var hideAddButton = props.hideAddButton,
+    hideTitle = props.hideTitle,
+    customer = props.customer,
+    platformProp = props.platform;
   var _useState = useState('available'),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
@@ -75,22 +79,31 @@ var WalletPassGallery = function WalletPassGallery(props) {
     setUpdateHolderLoading = _useState12[1];
   var context = useEngineContext();
   var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+  var _ref = ((_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.constants) || {
+      apiPrefix: '/h5'
+    },
+    apiPrefix = _ref.apiPrefix;
+  var isTerminal = utils.isTerminal,
+    isApp = utils.isApp,
+    interaction = utils.interaction;
+  var isTerminalEnv = (typeof isTerminal === 'function' ? isTerminal() : !!isTerminal) || (isApp === null || isApp === void 0 ? void 0 : isApp());
   var platform = useMemo(function () {
+    if (platformProp) return platformProp;
     if (utils.isMobile) {
       return utils.isMobile() ? 'h5' : 'pc';
     }
     if (typeof window !== 'undefined') {
       return window.innerWidth <= 768 ? 'h5' : 'pc';
     }
-  }, [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(localeTexts, (dvaStore === null || dvaStore === void 0 || (_dvaStore$core = dvaStore.core) === null || _dvaStore$core === void 0 ? void 0 : _dvaStore$core.translateLocale) || 'en');
+    return 'pc';
+  }, [utils, platformProp]);
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en');
   request.setRequest(utils === null || utils === void 0 ? void 0 : utils.request);
   var _getWalletDetail = useRequest(getWalletDetail, {
     manual: true
   });
   var _getAvailableList = useInfiniteScroll( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(d) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(d) {
       var _searchParams, walletId, holderId, res;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -106,7 +119,10 @@ var WalletPassGallery = function WalletPassGallery(props) {
               tags: TAGS,
               filter_wallet_id: walletId || undefined,
               filter_holder_id: holderId || undefined,
-              with: ['customScheduleSnapshot', 'holder.detail']
+              with: ['customScheduleSnapshot', 'holder.detail'],
+              customer_id: customer === null || customer === void 0 ? void 0 : customer.id
+            }, {
+              apiPrefix: apiPrefix
             });
           case 5:
             res = _context.sent;
@@ -122,7 +138,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
       }, _callee);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }(), {
     manual: true,
@@ -133,7 +149,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
     }
   });
   var _getUnavailableList = useInfiniteScroll( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(d) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(d) {
       var _searchParams, walletId, holderId, res;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -149,7 +165,10 @@ var WalletPassGallery = function WalletPassGallery(props) {
               tags: TAGS,
               filter_wallet_id: walletId || undefined,
               filter_holder_id: holderId || undefined,
-              with: ['customScheduleSnapshot', 'holder.detail']
+              with: ['customScheduleSnapshot', 'holder.detail'],
+              customer_id: customer === null || customer === void 0 ? void 0 : customer.id
+            }, {
+              apiPrefix: apiPrefix
             });
           case 5:
             res = _context2.sent;
@@ -165,7 +184,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
       }, _callee2);
     }));
     return function (_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), {
     manual: true,
@@ -180,16 +199,16 @@ var WalletPassGallery = function WalletPassGallery(props) {
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
-    var req1 = _getAvailableList.loadMoreAsync();
-    var req2 = _getUnavailableList.loadMoreAsync();
+    var req1 = _getAvailableList.reloadAsync();
+    var req2 = _getUnavailableList.reloadAsync();
     var req3 = passId ? getWalletPassDetail(passId, {
       with: ['holder.detail']
     }) : Promise.resolve();
-    Promise.all([req1, req2, req3]).then(function (_ref3) {
-      var _ref4 = _slicedToArray(_ref3, 3),
-        data1 = _ref4[0],
-        data2 = _ref4[1],
-        data3 = _ref4[2];
+    Promise.all([req1, req2, req3]).then(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 3),
+        data1 = _ref5[0],
+        data2 = _ref5[1],
+        data3 = _ref5[2];
       if (platform !== 'h5') {
         var list1 = (data1 === null || data1 === void 0 ? void 0 : data1.list) || [];
         var list2 = (data2 === null || data2 === void 0 ? void 0 : data2.list) || [];
@@ -271,7 +290,22 @@ var WalletPassGallery = function WalletPassGallery(props) {
         }
       }
     });
+  }, [customer]);
+  useEffect(function () {
+    var _interaction$utils, _interaction$utils$mo;
+    interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$mo = _interaction$utils.mountFunction) === null || _interaction$utils$mo === void 0 || _interaction$utils$mo.call(_interaction$utils, 'customer', 'new', function () {
+      try {
+        _getAvailableList.reloadAsync();
+        _getUnavailableList.reloadAsync();
+      } catch (err) {
+        console.error(err);
+      }
+    });
   }, []);
+  var listReload = function listReload() {
+    _getAvailableList.reloadAsync();
+    _getUnavailableList.reloadAsync();
+  };
   var _getUnbindList = useRequest(getUnbindList, {
     manual: true,
     onSuccess: function onSuccess(data) {
@@ -316,6 +350,20 @@ var WalletPassGallery = function WalletPassGallery(props) {
     var newId = key === KEYS.unavailable ? (_unavailable$ = _unavailable[0]) === null || _unavailable$ === void 0 ? void 0 : _unavailable$.id : (_avaliable$ = _avaliable[0]) === null || _avaliable$ === void 0 ? void 0 : _avaliable$.id;
     setCurrentItemId(newId);
   };
+  var handleAddClick = function handleAddClick() {
+    if (isTerminalEnv) {
+      var _interaction$utils2, _interaction$utils2$p;
+      interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
+        module: 'customer',
+        key: 'new',
+        data: {
+          customer_id: String((customer === null || customer === void 0 ? void 0 : customer.id) || '')
+        }
+      });
+      return;
+    }
+    setIsOpenAddModal(true);
+  };
   var _resetSearchState = function _resetSearchState() {
     setCurrentUnbindItem(null);
     _getUnbindList.mutate([]);
@@ -329,7 +377,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
 
   // 通过code搜索卡券
   var _handleSearchByCode = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(code) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(code) {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -363,11 +411,11 @@ var WalletPassGallery = function WalletPassGallery(props) {
       }, _callee3, null, [[3, 8]]);
     }));
     return function _handleSearchByCode(_x3) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var _handleBind = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var data;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -415,7 +463,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
       }, _callee4, null, [[2, 12]]);
     }));
     return function _handleBind() {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var _handleHolderChange = function _handleHolderChange(passId, holder) {
@@ -451,7 +499,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
     }
   };
   var _handleBindHolder = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(holderId) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(holderId) {
       var passId, res;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -491,7 +539,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
       }, _callee5, null, [[2, 10, 13, 16]]);
     }));
     return function _handleBindHolder(_x4) {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var _currentItem = useMemo(function () {
@@ -507,15 +555,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
   }, [currentItemId, _avaliable, _unavailable]);
   var _pcTitle = /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-pass-gallery_title"
-  }, /*#__PURE__*/React.createElement(Title, null, (utils === null || utils === void 0 || (_utils$translation = utils.translation) === null || _utils$translation === void 0 ? void 0 : _utils$translation.call(utils, (_getWalletDetail$data = _getWalletDetail.data) === null || _getWalletDetail$data === void 0 || (_getWalletDetail$data = _getWalletDetail$data.data) === null || _getWalletDetail$data === void 0 ? void 0 : _getWalletDetail$data.name)) || locales.getText('wallet-pass-gallery.wallet')), platform === 'pc' ? /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      type: "pisell2-plus"
-    }),
-    size: "large",
-    onClick: function onClick() {
-      return setIsOpenAddModal(true);
-    }
-  }, locales.getText('wallet-pass-gallery.add')) : null);
+  }, hideTitle ? null : /*#__PURE__*/React.createElement(Title, null, (utils === null || utils === void 0 || (_utils$translation = utils.translation) === null || _utils$translation === void 0 ? void 0 : _utils$translation.call(utils, (_getWalletDetail$data = _getWalletDetail.data) === null || _getWalletDetail$data === void 0 || (_getWalletDetail$data = _getWalletDetail$data.data) === null || _getWalletDetail$data === void 0 ? void 0 : _getWalletDetail$data.name)) || locales.getText('wallet-pass-gallery.wallet')));
   var renderAvaliableList = function renderAvaliableList() {
     if (platform === 'h5') {
       return /*#__PURE__*/React.createElement(PassList, {
@@ -549,7 +589,8 @@ var WalletPassGallery = function WalletPassGallery(props) {
       flex: "auto"
     }, /*#__PURE__*/React.createElement(PassDetail, {
       dataSource: _currentItem,
-      platform: platform
+      platform: platform,
+      onListRefresh: listReload
     })));
   };
   var renderUnavailableList = function renderUnavailableList() {
@@ -585,7 +626,8 @@ var WalletPassGallery = function WalletPassGallery(props) {
       flex: "auto"
     }, /*#__PURE__*/React.createElement(PassDetail, {
       dataSource: _currentItem,
-      platform: platform
+      platform: platform,
+      onListRefresh: listReload
     })));
   };
   var renderTabBar = function renderTabBar(props, DefaultTabBar) {
@@ -621,7 +663,14 @@ var WalletPassGallery = function WalletPassGallery(props) {
         label: locales.getText('wallet-pass-gallery.unavailable'),
         children: renderUnavailableList(),
         badge: ((_getUnavailableList$d2 = _getUnavailableList.data) === null || _getUnavailableList$d2 === void 0 ? void 0 : _getUnavailableList$d2.count) || 0
-      }]
+      }],
+      tabBarExtraContent: platform === 'pc' && !hideAddButton ? /*#__PURE__*/React.createElement(Button, {
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          type: "pisell2-plus"
+        }),
+        size: "large",
+        onClick: handleAddClick
+      }, locales.getText('wallet-pass-gallery.add')) : null
     }));
   };
   var renderPcContent = function renderPcContent() {
@@ -643,6 +692,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
       limit_status = item.limit_status,
       _item$product_cover = item.product_cover,
       product_cover = _item$product_cover === void 0 ? '' : _item$product_cover,
+      unified_available_status = item.unified_available_status,
       _item$unified_message = item.unified_messages,
       unified_messages = _item$unified_message === void 0 ? {} : _item$unified_message,
       _item$par_value = item.par_value,
@@ -655,7 +705,7 @@ var WalletPassGallery = function WalletPassGallery(props) {
     var _shop$name = shop.name,
       name = _shop$name === void 0 ? '' : _shop$name;
     var isActive = id === (currentUnbindItem === null || currentUnbindItem === void 0 ? void 0 : currentUnbindItem.id) && platform === 'pc';
-    var isEnabled = limit_status === 'enable';
+    var isDisabled = unified_available_status === 0;
     var isDiscountCard = tag === 'product_discount_card';
     var getBalanceTitle = function getBalanceTitle() {
       if (tag === 'point_card') {
@@ -674,8 +724,8 @@ var WalletPassGallery = function WalletPassGallery(props) {
       showRedeem: false,
       showQrCode: false,
       cover: product_cover,
-      disabled: !isEnabled,
-      showDisabledReason: !isEnabled,
+      disabled: isDisabled,
+      showDisabledReason: isDisabled,
       disabledReason: title,
       propStyle: {
         marginBottom: 10
@@ -702,8 +752,8 @@ var WalletPassGallery = function WalletPassGallery(props) {
     }));
   };
   var renderH5Content = function renderH5Content() {
-    var _utils$interaction, _utils$interaction$is, _utils$translation2, _getWalletDetail$data2;
-    var _walletBar = !(utils !== null && utils !== void 0 && (_utils$interaction = utils.interaction) !== null && _utils$interaction !== void 0 && (_utils$interaction = _utils$interaction.utils) !== null && _utils$interaction !== void 0 && (_utils$interaction$is = _utils$interaction.isAppEnv) !== null && _utils$interaction$is !== void 0 && _utils$interaction$is.call(_utils$interaction)) && /*#__PURE__*/React.createElement("div", {
+    var _utils$isApp, _utils$translation2, _getWalletDetail$data2;
+    var _walletBar = !(utils !== null && utils !== void 0 && (_utils$isApp = utils.isApp) !== null && _utils$isApp !== void 0 && _utils$isApp.call(utils)) && /*#__PURE__*/React.createElement("div", {
       className: "pisell-wallet-pass-gallery-bar"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-wallet-pass-gallery-header-bar-arrow",
@@ -715,15 +765,13 @@ var WalletPassGallery = function WalletPassGallery(props) {
     })), /*#__PURE__*/React.createElement("span", {
       className: "header-title"
     }, (utils === null || utils === void 0 || (_utils$translation2 = utils.translation) === null || _utils$translation2 === void 0 ? void 0 : _utils$translation2.call(utils, (_getWalletDetail$data2 = _getWalletDetail.data) === null || _getWalletDetail$data2 === void 0 || (_getWalletDetail$data2 = _getWalletDetail$data2.data) === null || _getWalletDetail$data2 === void 0 ? void 0 : _getWalletDetail$data2.name)) || locales.getText('wallet-pass-gallery.wallet')));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, _walletBar, renderContent(), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _walletBar, renderContent(), hideAddButton ? null : /*#__PURE__*/React.createElement("div", {
       style: {
         padding: 24
       }
     }, /*#__PURE__*/React.createElement(Button, {
       size: "large",
-      onClick: function onClick() {
-        return setIsOpenAddModal(true);
-      },
+      onClick: handleAddClick,
       block: true
     }, locales.getText('wallet-pass-gallery.button.add'))), /*#__PURE__*/React.createElement(PisellModal, {
       zIndex: 997,
@@ -737,7 +785,8 @@ var WalletPassGallery = function WalletPassGallery(props) {
       title: locales.getText('wallet-pass-gallery.details')
     }, /*#__PURE__*/React.createElement(PassDetail, {
       dataSource: _currentItem,
-      platform: platform
+      platform: platform,
+      onListRefresh: listReload
     })));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {