@pisell/private-materials 6.3.116 → 6.3.117

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

@@ -36,7 +36,9 @@ 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,
@@ -47,6 +49,10 @@ 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",
     {
@@ -89,6 +95,7 @@ var PassList = (props) => {
           limit_status,
           product_cover = "",
           par_value = "",
+          unified_available_status,
           unified_messages = {},
           holder,
           metadata,
@@ -115,8 +122,8 @@ var 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,
               style: { marginBottom: 16, width: "100%" },
               showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
@@ -130,12 +137,12 @@ var PassList = (props) => {
               code: encoded,
               validDate: expire_date,
               holder,
-              onSetHolder: () => {
-                var _a;
+              onSetHolder: isTerminalEnv ? void 0 : () => {
+                var _a2;
                 onEditHolder == null ? void 0 : onEditHolder({
                   wallet_pass_detail_id: id,
                   customer_id: holder == null ? void 0 : holder.customer_id,
-                  form_id: (_a = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a.custom_id
+                  form_id: (_a2 = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a2.custom_id
                 });
               }
             }

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

@@ -128,23 +128,25 @@ 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(
+        /* @__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(
           import_materials.PisellText.Amount,
           {
             showCurrencySymbol: true,
-            className: "pisell-card-amount-item-value",
+            className: "highlight-amount",
             useThousandsSeparator: true,
             value: item.gift_price
           }
-        )), /* @__PURE__ */ import_react.default.createElement(
+        ))), /* @__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(
           import_materials.PisellText.Amount,
           {
             showCurrencySymbol: true,
-            className: "pisell-card-amount-item-value",
+            className: "pay-amount",
             useThousandsSeparator: true,
             value: item.price
           }
-        ))
+        )))
       )
     ))))
   );

package/lib/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/lib/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -5,6 +5,8 @@ interface TimelineSectionProps {
     tag: string;
     timezone: string;
     apiPrefix?: '/shop' | '/h5';
+    isTerminalEnv?: boolean;
+    interaction?: any;
 }
 declare const TimelineSection: (props: TimelineSectionProps) => React.JSX.Element;
 export default TimelineSection;

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 } = props;
+  const { code, tag, timezone, apiPrefix, isTerminalEnv, interaction } = props;
   const { symbol = "$" } = (0, import_materials.usePisellConfig)();
   const [isShowtimeLineDetail, setIsShowtimeLineDetail] = import_react.default.useState(false);
   const [isSpending, setIsSpending] = import_react.default.useState(true);
@@ -205,7 +205,22 @@ 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)),
-            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
+            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
           }
         ],
         labelColor: "#101828",

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

@@ -1,6 +1,10 @@
 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;

package/lib/plus/walletPassGallery/index.js

@@ -62,6 +62,7 @@ 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);
@@ -70,16 +71,20 @@ 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";
     }
-  }, [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");
+    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");
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const _getWalletDetail = (0, import_ahooks.useRequest)(import_serve.getWalletDetail, {
     manual: true
@@ -89,15 +94,21 @@ 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"]
-      });
+      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
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -119,15 +130,21 @@ 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"]
-      });
+      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
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -150,8 +167,8 @@ var WalletPassGallery = (props) => {
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
-    const req1 = _getAvailableList.loadMoreAsync();
-    const req2 = _getUnavailableList.loadMoreAsync();
+    const req1 = _getAvailableList.reloadAsync();
+    const req2 = _getUnavailableList.reloadAsync();
     let req3 = passId ? (0, import_serve.getWalletPassDetail)(passId, {
       with: ["holder.detail"]
     }) : Promise.resolve();
@@ -222,7 +239,22 @@ 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) => {
@@ -266,6 +298,20 @@ 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([]);
@@ -372,15 +418,7 @@ var WalletPassGallery = (props) => {
     );
     return found2;
   }, [currentItemId, _avaliable, _unavailable]);
-  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 _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 renderAvaliableList = () => {
     if (platform === "h5") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -407,7 +445,14 @@ 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 })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onListRefresh: listReload
+      }
+    )));
   };
   const renderUnavailableList = () => {
     if (platform === "h5") {
@@ -435,9 +480,18 @@ 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 })));
+    )), /* @__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" } }));
   };
-  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(
@@ -461,7 +515,16 @@ 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
       }
     ));
   };
@@ -479,6 +542,7 @@ var WalletPassGallery = (props) => {
       shop,
       limit_status,
       product_cover = "",
+      unified_available_status,
       unified_messages = {},
       par_value = "",
       tag = "",
@@ -487,7 +551,7 @@ var WalletPassGallery = (props) => {
     const { title = "" } = unified_messages;
     const { name = "" } = shop;
     const isActive = id === (currentUnbindItem == null ? void 0 : currentUnbindItem.id) && platform === "pc";
-    const isEnabled = limit_status === "enable";
+    const isDisabled = unified_available_status === 0;
     const isDiscountCard = tag === "product_discount_card";
     const getBalanceTitle = () => {
       if (tag === "point_card") {
@@ -509,8 +573,8 @@ var WalletPassGallery = (props) => {
         showRedeem: false,
         showQrCode: false,
         cover: product_cover,
-        disabled: !isEnabled,
-        showDisabledReason: !isEnabled,
+        disabled: isDisabled,
+        showDisabledReason: isDisabled,
         disabledReason: title,
         propStyle: { marginBottom: 10 },
         showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
@@ -534,8 +598,8 @@ var WalletPassGallery = (props) => {
     );
   };
   const renderH5Content = () => {
-    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(
+    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(
       "div",
       {
         className: "pisell-wallet-pass-gallery-header-bar-arrow",
@@ -544,15 +608,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" }, ((_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(
+    ), /* @__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(
       "div",
       {
         style: {
           padding: 24
         }
       },
-      /* @__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_antd.Button, { size: "large", onClick: handleAddClick, block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
     ), /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellModal,
       {
@@ -564,7 +628,14 @@ 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 })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_passDetail.default,
+        {
+          dataSource: _currentItem,
+          platform,
+          onListRefresh: listReload
+        }
+      )
     ));
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(