@pisell/private-materials 6.3.116 → 6.3.118

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", {