@pisell/private-materials 6.3.11 → 6.3.13

package/es/components/wallet/Detail/index.js

@@ -30,7 +30,7 @@ var Text = Typography.Text;
 dayjs.extend(timezone);
 dayjs.extend(utc);
 var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context$appHelper, _utils$getStore, _dvaStore$core, _context$appHelper2, _store$getState, _detail$machinecode_c;
+  var _context$appHelper, _utils$getStore, _dvaStore$core, _context$appHelper2, _store$getState, _utils$interaction, _utils$interaction$is, _detail$machinecode_c;
   var _props$detail = props.detail,
     detail = _props$detail === void 0 ? {} : _props$detail,
     _props$buttonGroupLis = props.buttonGroupList,
@@ -1002,7 +1002,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "wallet-detail".concat(platform === 'h5' ? ' wallet-detail-h5' : ' wallet-detail-pc', " ").concat(className || ''),
     ref: detailWrapperRef
-  }, (platform === 'h5' || showWalletBar) && /*#__PURE__*/React.createElement("div", {
+  }, (platform === 'h5' || showWalletBar) && !(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", {
     className: "wallet-detail-header"
   }, /*#__PURE__*/React.createElement(WalletBar, {
     setup: "detail",

package/es/components/wallet/components/WalletCard.js

@@ -62,8 +62,9 @@ var WalletCard = function WalletCard(_ref) {
     disabled: isDisabled,
     showDisabledReason: isDisabled,
     disabledReason: disabledReason,
-    propStyle: {
-      marginBottom: 16
+    style: {
+      marginBottom: 16,
+      width: '100%'
     },
     showBalanceSymbol: !['point_card', 'good_pass'].includes(tag),
     active: isActive,

package/lib/components/appointmentBooking/components/ConfirmInformation/index.js

@@ -43,9 +43,11 @@ var import_utils3 = require("./utils");
 var import_index = require("./index.less");
 var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   var _a, _b;
+  const hasSubscribedRef = (0, import_react.useRef)(false);
   const context = (0, import_useEngineContext.default)();
   const config = ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.config) || {};
   const utils = (0, import_hooks.contextUtils)();
+  const { pubsub } = context.appHelper.utils;
   const { appointmentBooking, summary, isAgreeDepositPolicy, setLoading } = (0, import_context.useAppointmentBookingContext)();
   const { isRetailTemplate } = (0, import_hooks.useAppointmentBookingSetting)();
   const goPaymentFinish = (order_id, amount) => {
@@ -141,10 +143,28 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
       }, 50);
     }
   };
+  const handleSubmit = () => {
+    var _a2, _b2, _c, _d;
+    if ((_b2 = (_a2 = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _a2.isGuestUser) == null ? void 0 : _b2.call(_a2)) {
+      if (!hasSubscribedRef.current) {
+        pubsub.subscribe("bind.guest.user", handleNext);
+        hasSubscribedRef.current = true;
+      }
+      (_d = (_c = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _c.openRegisterModal) == null ? void 0 : _d.call(_c, true);
+      return;
+    }
+    handleNext();
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      pubsub.unsubscribe("bind.guest.user", handleNext);
+      hasSubscribedRef.current = false;
+    };
+  }, []);
   (0, import_react.useImperativeHandle)(ref, () => ({
-    next: handleNext
+    next: handleSubmit
   }));
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleNext }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleSubmit }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
     "img",
     {
       src: `${config == null ? void 0 : config.awsStatic}/checkout_confirm.png`,

package/lib/components/appointmentBooking/components/Content/index.js

@@ -100,7 +100,7 @@ var Layout = () => {
     };
     pubsub.subscribe("pisell1.login.success", handleLoginSuccess);
     return () => {
-      pubsub.unsubscribe("pisell1.login.success");
+      pubsub.unsubscribe("pisell1.login.success", handleLoginSuccess);
     };
   }, []);
   (0, import_react.useEffect)(() => {

package/lib/components/appointmentBooking/deposit/components/PolicyModal/index.d.ts

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

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

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

package/lib/components/appointmentBooking/index.js

@@ -55,6 +55,12 @@ var AppointmentBooking = () => {
       if (!data.length) {
         const currentUser = (0, import_utils2.formatCurrentUser)(utils);
         appointmentBooking.addAccounts([currentUser]);
+      } else if (data.length >= 1) {
+        const meAccount = data == null ? void 0 : data.find((d) => !(d == null ? void 0 : d.isGuest));
+        const currentUser = (0, import_utils2.formatCurrentUser)(utils);
+        if (currentUser && meAccount.id !== currentUser.id) {
+          appointmentBooking.setLoginAccount(meAccount.id, currentUser);
+        }
       }
     });
   }, []);

package/lib/components/booking/components/footer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 底部

package/lib/components/booking/components/footer/utils.js

@@ -308,7 +308,7 @@ var formatBookings = (data, values) => {
   if (isEvent) {
     list = list.filter((d) => {
       var _a;
-      return (_a = d._extend) == null ? void 0 : _a.holder_id;
+      return ((_a = d._extend) == null ? void 0 : _a.holder_id) && !(0, import_utils4.isNormalProductByDurationSchedule)(d);
     });
   }
   if (!isDay && !isEvent) {

package/lib/components/booking/components/reloadResourceModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface IProps {
     modal: any;

package/lib/components/booking/hooks/useQuotation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const calculateTotalPrice: (data: any) => number;
 declare const useQuotation: (state: any, dispatch: any) => {
     dom: JSX.Element;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

package/lib/components/booking/info/service/Lists.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Lists: ({ onEdit, onChange, onAction, isParallelResource }: any) => JSX.Element;
 export default Lists;

package/lib/components/booking/info/service/serviceItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ServiceItem: ({ d, handleEditService, state, handleLike, resourceItem, errorMessage, handleDeleteService, }: any) => JSX.Element;
 export default ServiceItem;

package/lib/components/booking/info2/service/addService/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellDrawerProps } from '../../../components/drawer';
 import '../../../info/service/addService/index.less';
 interface AddServiceProps {

package/lib/components/booking/info2/service/addTimeModal/index.d.ts

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

package/lib/components/booking/info2/service/serviceItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ServiceItem: ({ d, handleEditService, state, handleLike, errorMessage, handleDeleteService, }: any) => JSX.Element;
 export default ServiceItem;

package/lib/components/booking/notes/addNote/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const AddNote: ({ value, onChange, wait, title, placeholder }: any) => JSX.Element;
 export default AddNote;

package/lib/components/eftposPay/amount.d.ts

@@ -9,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/device.d.ts

@@ -11,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

package/lib/components/eventBooking/components/Provider/Cart/ContinueButton/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Cart/ContinueButton/index.js

@@ -45,7 +45,8 @@ var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngine
 var import_index = require("./index.less");
 var import_utils3 = require("../../../../../appointmentBooking/utils");
 var ContinueButton = () => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e;
+  const hasSubscribedRef = (0, import_react.useRef)(false);
   const { data } = (0, import_Sales.useSales)();
   const { onHolderOpen } = (0, import_Sales.useHolder)();
   const { checkHolder, onCloseCart, cartData, getWithoutCartItemsHolderNames } = (0, import_Sales.useCart)();
@@ -64,14 +65,17 @@ var ContinueButton = () => {
   const [openEmptyHolder, setOpenEmptyHolder] = (0, import_react.useState)(false);
   const { setData, removeSessionStorage } = (0, import_Sales.useSales)();
   const context = (0, import_useEngineContext.default)();
-  const { store, action, getStore } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const config = ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.config) || {};
+  const utils = ((_c = context == null ? void 0 : context.appHelper) == null ? void 0 : _c.utils) || {};
+  const { pubsub } = context.appHelper.utils;
+  const { store, action, getStore } = ((_d = context.appHelper) == null ? void 0 : _d.utils) || {};
   const handleCheckout = async () => {
     const params = (0, import_utils2.getFormParams)(data);
     action == null ? void 0 : action({
       type: "pisell1.goProductForm",
       data: params,
       callback: async (e) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c2;
         if ((e == null ? void 0 : e.type) === "close") {
           return;
         }
@@ -88,7 +92,7 @@ var ContinueButton = () => {
           removeSessionStorage();
         } else {
           (0, import_materials.PisellToast)({
-            content: ((_c = result == null ? void 0 : result.err) == null ? void 0 : _c.message) || ""
+            content: ((_c2 = result == null ? void 0 : result.err) == null ? void 0 : _c2.message) || ""
           });
         }
       }
@@ -234,13 +238,13 @@ var ContinueButton = () => {
     handleNextStep();
   };
   const handleContinue = async () => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c2;
     if (isLastStep) {
       const value = (0, import_utils2.formatValues)({
         state: data,
         platform: (_b2 = (_a2 = context == null ? void 0 : context.appHelper) == null ? void 0 : _a2.constants) == null ? void 0 : _b2.platform
       });
-      if ((deposit == null ? void 0 : deposit.hasDeposit) && ((_c = deposit == null ? void 0 : deposit.protocols) == null ? void 0 : _c.length) > 0 && !isAgreeDepositPolicy) {
+      if ((deposit == null ? void 0 : deposit.hasDeposit) && ((_c2 = deposit == null ? void 0 : deposit.protocols) == null ? void 0 : _c2.length) > 0 && !isAgreeDepositPolicy) {
         (0, import_utils3.Toast)(import_utils.locales.getText("pisell2.appointment.deposit.agree.policy"));
         return;
       }
@@ -270,6 +274,24 @@ var ContinueButton = () => {
     }
     handleHolder();
   };
+  const handleSubmit = () => {
+    var _a2, _b2, _c2, _d2;
+    if ((_b2 = (_a2 = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _a2.isGuestUser) == null ? void 0 : _b2.call(_a2)) {
+      if (!hasSubscribedRef.current) {
+        pubsub.subscribe("bind.guest.user", handleContinue);
+        hasSubscribedRef.current = true;
+      }
+      (_d2 = (_c2 = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _c2.openRegisterModal) == null ? void 0 : _d2.call(_c2, true);
+      return;
+    }
+    handleContinue();
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      pubsub.unsubscribe("bind.guest.user", handleContinue);
+      hasSubscribedRef.current = false;
+    };
+  }, []);
   const continueText = (0, import_react.useMemo)(() => {
     if (isLastStep) {
       return import_utils.locales.getText("pisell2.event.checkout");
@@ -289,10 +311,10 @@ var ContinueButton = () => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {
-      disabled: !((_b = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _b.length),
+      disabled: !((_e = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _e.length),
       size: "large",
       type: "primary",
-      onClick: () => handleContinue(),
+      onClick: () => isLastStep ? handleSubmit() : handleContinue(),
       loading: confirmLoading
     },
     continueText

package/lib/components/eventBooking/components/progressBar/index.js

@@ -64,6 +64,24 @@ var ProgressBar = ({
   const handleOk = () => {
     var _a2, _b;
     if ((_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2)) {
+      const url = window.location.href;
+      if (url.includes("isByTabbar")) {
+        removeSessionStorage == null ? void 0 : removeSessionStorage();
+        const urlParams = new URLSearchParams(window.location.search);
+        urlParams.delete("cacheId");
+        setOpen(false);
+        interaction.utils.postMessageToApp({
+          module: "global",
+          key: "openNative",
+          data: {
+            link: {
+              page: "home"
+            }
+          }
+        });
+        window.location.href = window.location.pathname + "?" + urlParams.toString();
+        return;
+      }
       interaction.utils.postMessageToApp({
         module: "global",
         key: "paymentResultAction",

package/lib/components/pay/toC/PaymentMethods/GooglePay/index.js

@@ -41,30 +41,34 @@ var import_payGroup = require("../../payGroup");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_utils2 = require("../../utils");
 var GooglePay = (props, ref) => {
-  var _a;
+  var _a, _b;
   const { state } = (0, import_react.useContext)(import_model.Context);
   const [open, setOpen] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const { config } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
+  const { interaction } = (_b = context.appHelper) == null ? void 0 : _b.utils;
   const init = async ({ payGroup }) => {
-    var _a2, _b, _c, _d, _e, _f, _g;
-    setOpen(true);
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     const utils = context.appHelper.utils || {};
-    const dvaStore = (_b = (_a2 = utils == null ? void 0 : utils.getStore) == null ? void 0 : _a2.call(utils)) == null ? void 0 : _b.getState();
+    const dvaStore = (_b2 = (_a2 = utils == null ? void 0 : utils.getStore) == null ? void 0 : _a2.call(utils)) == null ? void 0 : _b2.getState();
     const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
+    if (((_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.isAppEnv) == null ? void 0 : _d.call(_c)) && ((_f = (_e = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e.isAndroid_ios) == null ? void 0 : _f.call(_e)) === "android") {
+      return (0, import_utils2.clientPayment)({ order_id: payGroup.order_id, type: "google_pay", values, interaction });
+    }
+    setOpen(true);
     if (!values) {
       setOpen(false);
       return;
     }
     try {
-      const locale = ((_c = dvaStore.core) == null ? void 0 : _c.translateLocale) || "en";
-      const shopId = (_f = (_e = (_d = dvaStore.core) == null ? void 0 : _d.core) == null ? void 0 : _e.shop) == null ? void 0 : _f.id;
+      const locale = ((_g = dvaStore.core) == null ? void 0 : _g.translateLocale) || "en";
+      const shopId = (_j = (_i = (_h = dvaStore.core) == null ? void 0 : _h.core) == null ? void 0 : _i.shop) == null ? void 0 : _j.id;
       const currentURL = window.location.href;
       const linkElement = document.createElement("a");
       linkElement.href = currentURL;
       const shop_domain = linkElement.hostname;
       const _href = `${config.pay}${(0, import_utils2.formatFranchiseeRoute)(
-        `/google-pay?order_id=${(_g = state.payGroup) == null ? void 0 : _g.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}`,
+        `/google-pay?order_id=${(_k = state.payGroup) == null ? void 0 : _k.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}`,
         state.history
       )}`;
       window.location.href = _href;

package/lib/components/pay/toC/PaymentMethods/WalletPass/List/index.d.ts

@@ -10,6 +10,7 @@ export interface WalletPassListProps {
     walletSetting: {
         name: string;
     };
+    onChangeDebounce?: boolean;
 }
 export declare type WalletPassListRef = {
     init: (params: MachineCodeListParams, formatList?: (val: WalletPassDataType[]) => WalletPassDataType[]) => void;

package/lib/components/pay/toC/PaymentMethods/WalletPass/List/index.js

@@ -41,7 +41,7 @@ var import_utils2 = require("../utils");
 var import_index = require("./index.less");
 var WalletPassList = (0, import_react.forwardRef)(
   (props, ref) => {
-    const { title, onChange, data: propsData, value, walletSetting } = props;
+    const { title, onChange, data: propsData, value, walletSetting, onLoadingChange, loading: propsLoading, onChangeDebounce } = props;
     const [data, setData] = (0, import_react.useState)(
       propsData || []
     );
@@ -51,6 +51,9 @@ var WalletPassList = (0, import_react.forwardRef)(
         setData(propsData);
       }
     }, [propsData]);
+    (0, import_react.useEffect)(() => {
+      setLoading(!!propsLoading);
+    }, [propsLoading]);
     const getList = async (params, formatList) => {
       setLoading(true);
       try {
@@ -70,6 +73,9 @@ var WalletPassList = (0, import_react.forwardRef)(
     (0, import_react.useImperativeHandle)(ref, () => ({
       init
     }));
+    (0, import_react.useEffect)(() => {
+      onLoadingChange == null ? void 0 : onLoadingChange(loading);
+    }, [loading]);
     const { availableList, disabledList } = (0, import_react.useMemo)(() => {
       const _disabledList = [];
       const _availableList = [];
@@ -111,7 +117,8 @@ var WalletPassList = (0, import_react.forwardRef)(
         value,
         onChange: handleChange,
         showEmpty: data.length === 0,
-        empty
+        empty,
+        onChangeDebounce
       }
     ), !!disabledList.length && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-walletPass-list-disabled" }, import_utils.locales.getText("tocPay.text.walletPassDisabled")), /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellCardList,

package/lib/components/pay/toC/PaymentMethods/WalletPass/index.js

@@ -48,6 +48,7 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
   var _a;
   const { onWalletPassChange, walletPass, walletSetting } = props;
   const [currentWalletPass, setCurrentWalletPass] = (0, import_react.useState)(walletPass);
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const [open, setOpen] = (0, import_react.useState)(false);
   const [searchOpen, setSearchOpen] = (0, import_react.useState)(false);
   const [addList, setAddList] = (0, import_react.useState)([]);
@@ -281,7 +282,9 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
         data: otherCustomerWalletPassList,
         title: import_utils.locales.getText("tocPay.text.couponCodesAdded"),
         onChange: handleOtherChange,
-        value: selectValue
+        value: selectValue,
+        loading,
+        onChangeDebounce: true
       }
     ), /* @__PURE__ */ import_react.default.createElement(
       import_List.default,
@@ -290,7 +293,8 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
         title: walletSetting.name,
         onChange: handleCurrentChange,
         ref: listRef,
-        value: selectValue
+        value: selectValue,
+        onLoadingChange: setLoading
       }
     ))
   ), /* @__PURE__ */ import_react.default.createElement(

package/lib/components/pay/toC/utils.d.ts

@@ -51,7 +51,7 @@ export declare const formatFranchiseeRoute: (url: string, history?: any) => stri
 export declare const getAvailableMaxAmount: (data: WalletPassDataType) => string;
 export declare const clientPayment: (params: {
     order_id: number;
-    type: "aliPay" | "wxPay";
+    type: "aliPay" | "wxPay" | 'google_pay';
     values: any;
     interaction?: any;
 }) => void;

package/lib/components/productSelect/components/TabProduct/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const TabProduct: (props: any) => JSX.Element;
 export default TabProduct;

package/lib/components/productSelect/components/productGroup/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare type BoolConfigVal = 0 | 1;
 export interface ProductCardConfig {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProductProps } from '../../type';
 declare const Product: (props: ProductProps) => JSX.Element;
 export default Product;

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

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

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

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

package/lib/components/wallet/Detail/index.js

@@ -50,7 +50,7 @@ var { Text } = import_materials2.Typography;
 import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.extend(import_utc.default);
 var Detail = (0, import_react.forwardRef)((props, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const {
     detail = {},
     buttonGroupList = [[]],
@@ -659,7 +659,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
       className: `wallet-detail${platform === "h5" ? " wallet-detail-h5" : " wallet-detail-pc"} ${className || ""}`,
       ref: detailWrapperRef
     },
-    (platform === "h5" || showWalletBar) && /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-header" }, /* @__PURE__ */ import_react.default.createElement(import_components.WalletBar, { setup: "detail", onBack: handleBack })),
+    (platform === "h5" || showWalletBar) && !((_l = (_k = (_j = utils == null ? void 0 : utils.interaction) == null ? void 0 : _j.utils) == null ? void 0 : _k.isAppEnv) == null ? void 0 : _l.call(_k)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-detail-header" }, /* @__PURE__ */ import_react.default.createElement(import_components.WalletBar, { setup: "detail", onBack: handleBack })),
     /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
@@ -751,7 +751,7 @@ var Detail = (0, import_react.forwardRef)((props, ref) => {
         step: "detail",
         addWalletLoading,
         onAppleWalletClick: tag === "gift_card" ? addWalletCard : void 0,
-        onRechargeClick: tag === "gift_card" && ((_j = detail == null ? void 0 : detail.machinecode_config) == null ? void 0 : _j.hide_recharge) === 0 ? handleRecharge : void 0,
+        onRechargeClick: tag === "gift_card" && ((_m = detail == null ? void 0 : detail.machinecode_config) == null ? void 0 : _m.hide_recharge) === 0 ? handleRecharge : void 0,
         platform,
         isIOS: (0, import_utils.isIos)()
       }

package/lib/components/wallet/components/WalletCard.js

@@ -73,7 +73,7 @@ var WalletCard = ({
       disabled: isDisabled,
       showDisabledReason: isDisabled,
       disabledReason,
-      propStyle: { marginBottom: 16 },
+      style: { marginBottom: 16, width: "100%" },
       showBalanceSymbol: !["point_card", "good_pass"].includes(tag),
       active: isActive,
       name: product_title,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.11",
+  "version": "6.3.13",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",