@pisell/private-materials 6.4.4 → 6.4.6

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

@@ -476,7 +476,6 @@ var Footer = (props) => {
             showDetail
           }
         };
-        console.log("💳 Footer: Setting payment modal data:", modalData);
         setPaymentModalData(modalData);
         setIsPaymentModalOpen(true);
         setCheckoutLoading(false);
@@ -1315,9 +1314,10 @@ var Footer = (props) => {
       onDelete: handleNoteDelete,
       onCancel: handleNoteCancel
     }
-  ), isPaymentModalOpen && /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement(
     import_PaymentModal.default,
     {
+      open: isPaymentModalOpen,
       data: paymentModalData,
       callback: paymentCallback || void 0,
       state,

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

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

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

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

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

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

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

package/lib/components/booking/forms/single/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 表单选择器

package/lib/components/booking/forms/table/index.d.ts

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

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useClearCart: (state: any, dispatch: any) => false | JSX.Element;
 export default useClearCart;

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/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

package/lib/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormState } from '../../../model';
 interface useClientFnParams {
     state: any;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

package/lib/components/booking/info/dateRange/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
 declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;

package/lib/components/booking/info/header/index.d.ts

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

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/index.d.ts

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

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

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

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/actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Actions: ({ currentService }: {
     currentService: any;

package/lib/components/booking/info/service/editService/BookingList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const BookingList: ({ items }: {
     items: any[];
 }) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Like: ({ status, onChange, className, style, }: {
     style?: any;

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/info/service/serviceList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ServiceList: ({ onEdit }: {
     onEdit: any;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '../../../info/service/actions/index.less';
 declare const Actions: ({ currentService }: {
     currentService: any;

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

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

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/info2/service/serviceList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ServiceList: ({ onEdit }: {
     onEdit: any;

package/lib/components/booking/materiels/contacts/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type ContactType = {
     country_calling_code: string;

package/lib/components/booking/materiels/duration/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface DurationProps extends SelectProps {
     locale?: string;

package/lib/components/booking/materiels/holder/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;

package/lib/components/booking/materiels/startTime/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from "antd";
 interface StartTimeProps extends SelectProps {
     locale?: string;

package/lib/components/booking/notes/NoteBlock/NoteItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     isEdit: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     title?: string;

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

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

package/lib/components/checkout/PaymentModal.d.ts

@@ -11,6 +11,7 @@ interface PaymentModalData {
     total: any;
 }
 interface PaymentModalProps {
+    open?: boolean;
     data?: PaymentModalData;
     callback?: (result: any) => void;
     onClose?: (reset?: boolean) => void;

package/lib/components/checkout/PaymentModal.js

@@ -75,6 +75,7 @@ var PaymentContent = (0, import_react.forwardRef)(
   ({
     cartData,
     orderInfo,
+    isModalOpen,
     onPaymentComplete,
     onPaymentCancel,
     onStatusChange,
@@ -93,12 +94,11 @@ var PaymentContent = (0, import_react.forwardRef)(
     dynamicMaxHeight = "600px",
     onOrderSyncFailed
   }, ref) => {
-    var _a;
+    var _a, _b, _c;
     const context = (0, import_useEngineContext.default)();
     const utils = context.appHelper.utils || {};
     const { pisellos, getData, pisellosAllModule, interaction } = utils;
     const Toast = (0, import_useToast.default)();
-    const paymentResultToast = (0, import_PaymentResultToast.usePaymentResultToast)();
     const checkoutRef = (0, import_react.useRef)(null);
     const savePayLaterHandlerRef = (0, import_react.useRef)(null);
     const [customAmount, setCustomAmount] = (0, import_react.useState)("");
@@ -267,8 +267,7 @@ var PaymentContent = (0, import_react.forwardRef)(
     };
     (0, import_react.useEffect)(() => {
       var _a2;
-      console.time("initCustomAmount");
-      if (checkoutModule && orderInfo) {
+      if (checkoutModule && orderInfo && isModalOpen) {
         try {
           const currentAmount = checkoutModule.getStateAmount();
           if (currentAmount) {
@@ -286,8 +285,7 @@ var PaymentContent = (0, import_react.forwardRef)(
         }
       } else {
       }
-      console.timeEnd("initCustomAmount");
-      if (checkoutModule) {
+      if (checkoutModule && isModalOpen) {
         checkoutModule.getPaymentMethodsAsync().then((paymentMethods2) => {
           setPaymentMethods(paymentMethods2);
           const isShowCashPayment = paymentMethods2.some(
@@ -304,7 +302,7 @@ var PaymentContent = (0, import_react.forwardRef)(
       }
     }, [checkoutModule, orderInfo]);
     (0, import_react.useEffect)(() => {
-      if (customAmount && checkoutModule && currency && orderInfo) {
+      if (customAmount && checkoutModule && currency && orderInfo && isModalOpen) {
         try {
           setRecommendAmounts(
             checkoutModule.payment.cash.getRecommendedAmount(
@@ -318,14 +316,14 @@ var PaymentContent = (0, import_react.forwardRef)(
       }
     }, [customAmount, checkoutModule, currency, orderInfo]);
     (0, import_react.useEffect)(() => {
-      if (checkoutModule && checkoutModule.core) {
+      if (checkoutModule && checkoutModule.core && isModalOpen) {
         try {
           const core = checkoutModule.core;
           if (core.effects && typeof core.effects.on === "function") {
             const unsubscribe = core.effects.on(
               CheckoutHooks.OnStateAmountChanged,
               async (data) => {
-                var _a2, _b;
+                var _a2, _b2;
                 console.log(
                   `Amount changed from ${data.oldAmount} to ${data.newAmount}`
                 );
@@ -339,7 +337,7 @@ var PaymentContent = (0, import_react.forwardRef)(
                       )
                     );
                   } else {
-                    (_b = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b.call(
+                    (_b2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b2.call(
                       Toast,
                       import_utils.locales.getText(
                         "pisell2.checkout.client-card.tip.client-changed"
@@ -368,11 +366,11 @@ var PaymentContent = (0, import_react.forwardRef)(
             const orderSubmitEndUnsubscribe = core.effects.on(
               CheckoutHooks.OnOrderSubmitEnd,
               (res) => {
-                var _a2, _b;
+                var _a2, _b2;
                 if (res.success) {
                   (_a2 = Toast == null ? void 0 : Toast.hide) == null ? void 0 : _a2.call(Toast);
                 } else {
-                  (_b = Toast == null ? void 0 : Toast.hide) == null ? void 0 : _b.call(Toast);
+                  (_b2 = Toast == null ? void 0 : Toast.hide) == null ? void 0 : _b2.call(Toast);
                   if (onOrderSyncFailed) {
                     onOrderSyncFailed();
                   } else {
@@ -516,7 +514,7 @@ var PaymentContent = (0, import_react.forwardRef)(
         if (walletPassDetail.isShow) {
           const voucherItems = [];
           select.forEach((item) => {
-            var _a2, _b, _c, _d;
+            var _a2, _b2, _c2, _d;
             const mapCode = item.code ? import_constants.WALLET_PASS_CODE_MAP[item.code] : null;
             if (mapCode) {
               voucherItems.push({
@@ -525,9 +523,9 @@ var PaymentContent = (0, import_react.forwardRef)(
                 /** 支付类型，跟支付列表上对应的支付方式保持一致 */
                 code: (_a2 = walletPassDetail.map[mapCode]) == null ? void 0 : _a2.code,
                 /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
-                id: Number((_b = walletPassDetail.map[mapCode]) == null ? void 0 : _b.id) || 0,
+                id: Number((_b2 = walletPassDetail.map[mapCode]) == null ? void 0 : _b2.id) || 0,
                 /** 支付类型名称，跟支付列表上对应的支付方式保持一致 */
-                name: (_c = walletPassDetail.map[mapCode]) == null ? void 0 : _c.name,
+                name: (_c2 = walletPassDetail.map[mapCode]) == null ? void 0 : _c2.name,
                 /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
                 type: (_d = walletPassDetail.map[mapCode]) == null ? void 0 : _d.type,
                 /** 代金券、充值卡、积分卡等wallet pass id */
@@ -643,7 +641,7 @@ var PaymentContent = (0, import_react.forwardRef)(
       handleButtonClick
     }));
     const getCustomerInfo = () => {
-      var _a2, _b;
+      var _a2, _b2;
       const client = (_a2 = state == null ? void 0 : state.client) == null ? void 0 : _a2.value;
       const getValidName = (value) => {
         return value !== void 0 && value !== null && String(value).trim() !== "" ? String(value).trim() : null;
@@ -654,7 +652,7 @@ var PaymentContent = (0, import_react.forwardRef)(
         id: client == null ? void 0 : client.id,
         nickname: (client == null ? void 0 : client.nickname) || import_utils.locales.getText("pisell2.checkout.customer.default-name"),
         display_name: displayName,
-        email: (client == null ? void 0 : client.email) || ((_b = client == null ? void 0 : client.contacts) == null ? void 0 : _b.email) || ""
+        email: (client == null ? void 0 : client.email) || ((_b2 = client == null ? void 0 : client.contacts) == null ? void 0 : _b2.email) || ""
       };
     };
     const handleSendCustomerPaymentLink = async (data) => {
@@ -711,6 +709,7 @@ var PaymentContent = (0, import_react.forwardRef)(
       moduleConfig.showWalletPass && /* @__PURE__ */ import_react.default.createElement(
         import_WalletPassModule.default,
         {
+          clientId: (_b = (_a = state == null ? void 0 : state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id,
           customAmount,
           orderInfo: orderInfo || void 0,
           ref: walletPassRef,
@@ -729,7 +728,7 @@ var PaymentContent = (0, import_react.forwardRef)(
           balanceDueAmount,
           paymentItems,
           walletPassData,
-          clientInfo: (_a = state == null ? void 0 : state.client) == null ? void 0 : _a.value,
+          clientInfo: (_c = state == null ? void 0 : state.client) == null ? void 0 : _c.value,
           onAmountChange: handleAmountChange,
           onDepositStatusChange: handleDepositStatusChange,
           onConfirm: handleWalletPassConfirmPay,
@@ -810,7 +809,8 @@ var PaymentContent = (0, import_react.forwardRef)(
         import_paymentMethods.default,
         {
           ref: paymentMethodsRef,
-          dynamicMaxHeight
+          dynamicMaxHeight,
+          isWebPos: true
         }
       ),
       paymentLinkModalOpen && /* @__PURE__ */ import_react.default.createElement(
@@ -874,6 +874,7 @@ var PaymentContent = (0, import_react.forwardRef)(
   }
 );
 var PaymentModal = ({
+  open,
   data,
   callback,
   onClose,
@@ -1052,7 +1053,7 @@ var PaymentModal = ({
     console.log("Payment cancelled");
     callback == null ? void 0 : callback({ status: "cancelled" });
     const checkout = pisellos.getModule("checkout");
-    checkout.cancelCheckoutAsync();
+    checkout.cancelCurrentOrderAsync();
     onClose == null ? void 0 : onClose(reset || false);
   };
   const CustomHeader = () => /* @__PURE__ */ import_react.default.createElement(
@@ -1144,14 +1145,15 @@ var PaymentModal = ({
             const responseData = (_a3 = data2.response) == null ? void 0 : _a3.data;
             const paymentStatus = responseData == null ? void 0 : responseData.payment_status;
             const orderTotalAmount = Number((responseData == null ? void 0 : responseData.total_amount) || 0);
-            const gapAmount = Number((responseData == null ? void 0 : responseData.amount_gap) || 0);
-            const currentChangeGivenAmount = Number(((_b3 = responseData == null ? void 0 : responseData.payment_info) == null ? void 0 : _b3.current_change_given_amount) || 0);
+            const currentChangeGivenAmount = Number(
+              ((_b3 = responseData == null ? void 0 : responseData.payment_info) == null ? void 0 : _b3.current_change_given_amount) || 0
+            );
             const failureReason = responseData == null ? void 0 : responseData.failure_reason;
             if (paymentStatus) {
               const statusClassName = (0, import_PaymentResultToastUtils.calculateStatusClassName)(paymentStatus);
               const autoCloseConfig = (0, import_PaymentResultToastUtils.calculateAutoCloseConfig)(
                 paymentStatus,
-                !!gapAmount
+                !!currentChangeGivenAmount
               );
               (0, import_PaymentResultToastUtils.displayPaymentResultToast)(
                 {
@@ -1169,7 +1171,7 @@ var PaymentModal = ({
                 toastInfo: {
                   status: paymentStatus,
                   amount: orderTotalAmount,
-                  gapAmount,
+                  gapAmount: currentChangeGivenAmount,
                   failureReason
                 }
               };
@@ -1219,10 +1221,10 @@ var PaymentModal = ({
         console.error("Failed to initialize checkout data:", error);
       }
     };
-    if (data) {
+    if (data && open) {
       initCheckoutData();
     }
-  }, [data]);
+  }, [data, open]);
   const paymentResultToastConfig = {
     context,
     pisellos,
@@ -1518,19 +1520,18 @@ var PaymentModal = ({
     paymentResultToastConfig,
     generateActionButtons
   );
-  console.log("✅ PaymentModal: Rendering PisellContainer with open=true");
   return /* @__PURE__ */ import_react.default.createElement(import_PaymentResultToast.PaymentResultToastProvider, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellContainer,
     {
       renderType: "modal",
       props: {
-        open: true,
+        open,
         onCancel: () => {
           handlePaymentCancel(false);
         },
         title: /* @__PURE__ */ import_react.default.createElement(CustomHeader, null),
         width: 880,
-        destroyOnClose: true,
+        destroyOnClose: false,
         maskClosable: false,
         footer: null,
         closeIcon: null,
@@ -1554,6 +1555,7 @@ var PaymentModal = ({
       PaymentContent,
       {
         ref: paymentContentRef,
+        isModalOpen: open,
         cartData: (0, import_lodash.cloneDeep)(data),
         orderInfo,
         onPaymentComplete: handlePaymentComplete,
@@ -1603,7 +1605,16 @@ var PaymentModal = ({
         // 禁用关闭
       }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "16px", fontSize: "16px" } }, import_utils.locales.getText("pisell2.checkout.sync-retry-hint") || "请点击重试按钮重新同步订单"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", size: "large", onClick: handleRetry, style: { width: "100%", marginTop: "80px" } }, import_utils.locales.getText("retry") || "重试"))
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "16px", fontSize: "16px" } }, import_utils.locales.getText("pisell2.checkout.sync-retry-hint") || "请点击重试按钮重新同步订单"), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "primary",
+        size: "large",
+        onClick: handleRetry,
+        style: { width: "100%", marginTop: "80px" }
+      },
+      import_utils.locales.getText("retry") || "重试"
+    ))
   ));
 };
 var PaymentModal_default = PaymentModal;

package/lib/components/checkout/PaymentPlugin.d.ts

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

package/lib/components/checkout/components/SearchAndClientModule/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface IScanResult {
     status: 'success' | 'failed';

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/DiscountTextMode.js

@@ -33,6 +33,8 @@ __export(DiscountTextMode_exports, {
 });
 module.exports = __toCommonJS(DiscountTextMode_exports);
 var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var Amount = import_materials.PisellText.Amount;
 var DiscountTextMode = ({
   cardData,
   selectedWalletIds
@@ -44,7 +46,7 @@ var DiscountTextMode = ({
       className: "discount-text-item selected"
     },
     /* @__PURE__ */ import_react.default.createElement("span", { className: "discount-text-name" }, card.name),
-    /* @__PURE__ */ import_react.default.createElement("span", { className: "discount-text-amount" }, "-", card.savedAmount ? `$${card.savedAmount}` : "$0")
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "discount-text-amount" }, "-", /* @__PURE__ */ import_react.default.createElement(Amount, { value: card.savedAmount, showCurrencySymbol: true }))
   )) : /* @__PURE__ */ import_react.default.createElement("div", { className: "discount-text-empty" }));
 };
 var DiscountTextMode_default = DiscountTextMode;

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/index.d.ts

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

package/lib/components/checkout/components/WalletPassModule/components/WalletPassTextMode/index.js

@@ -33,7 +33,9 @@ __export(WalletPassTextMode_exports, {
 });
 module.exports = __toCommonJS(WalletPassTextMode_exports);
 var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
 var import_index = require("./index.less");
+var Amount = import_materials.PisellText.Amount;
 var WalletPassTextMode = ({
   cardData,
   selectedWalletIds
@@ -45,7 +47,7 @@ var WalletPassTextMode = ({
       className: "wallet-pass-text-item selected"
     },
     /* @__PURE__ */ import_react.default.createElement("span", { className: "wallet-pass-text-name" }, card.name),
-    /* @__PURE__ */ import_react.default.createElement("span", { className: "wallet-pass-text-amount" }, "-", card.redeem ? `${card.redeem}` : "$0")
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "wallet-pass-text-amount" }, "-", /* @__PURE__ */ import_react.default.createElement(Amount, { value: card.redeem, showCurrencySymbol: true }))
   )) : /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-text-empty" }));
 };
 var WalletPassTextMode_default = WalletPassTextMode;

package/lib/components/checkout/components/WalletPassModule/index.js

@@ -46,7 +46,7 @@ var import_index = require("./index.less");
 var WalletPassModule = (0, import_react.forwardRef)(
   (props, ref) => {
     var _a;
-    const { orderInfo, onSelectChange, customAmount, paymentItems } = props;
+    const { orderInfo, onSelectChange, customAmount, paymentItems, clientId } = props;
     const {
       handleSelectWallet,
       cardData,
@@ -67,7 +67,8 @@ var WalletPassModule = (0, import_react.forwardRef)(
       handleBeforeEditAmount
     } = (0, import_useWalletPass.useWalletPass)({
       onSelectChange,
-      customAmount
+      customAmount,
+      clientId
     });
     const [expiredModalVisible, setExpiredModalVisible] = (0, import_react.useState)(false);
     const [disabledModalVisible, setDisabledModalVisible] = (0, import_react.useState)(false);

package/lib/components/checkout/components/WalletPassModule/types.d.ts

@@ -88,6 +88,7 @@ export interface WalletPassModuleProps {
     }[]) => void;
     paymentItems?: PaymentItem[];
     customAmount?: string;
+    clientId?: number;
 }
 export interface WalletPassHeaderProps {
     customerName: string;

package/lib/components/checkout/hooks/useWalletPass.d.ts

@@ -8,6 +8,7 @@ export declare const useWalletPass: (props: {
         code: string;
     }[]) => void) | undefined;
     customAmount?: string | undefined;
+    clientId?: number | undefined;
 }) => {
     walletRecommendList: any[];
     userIdentificationCodes: any[];

package/lib/components/checkout/hooks/useWalletPass.js

@@ -40,8 +40,9 @@ var import_useEngineContext = require("../../../hooks/useEngineContext");
 var import_utils2 = require("../components/WalletPassModule/utils");
 var import_useToast = __toESM(require("../../../hooks/useToast"));
 var import_usePaymentLogger = __toESM(require("./usePaymentLogger"));
+var import_utils3 = require("../../booking/utils");
 var useWalletPass = (props) => {
-  const { onSelectChange, customAmount } = props;
+  const { onSelectChange, customAmount, clientId } = props;
   const logger = (0, import_usePaymentLogger.default)();
   const [walletRecommendList, setWalletRecommendList] = (0, import_react.useState)([]);
   const [userIdentificationCodes, setUserIdentificationCodes] = (0, import_react.useState)(
@@ -73,6 +74,13 @@ var useWalletPass = (props) => {
     setSelectedWallet(data2);
     selectedWalletRef.current = data2;
   });
+  (0, import_react.useEffect)(() => {
+    if ((0, import_utils3.isWalkIn)(clientId) && searchIdentificationCodeList.length === 0) {
+      setUserIdentificationCodes([]);
+      setWalletRecommendList([]);
+      setDiscountList([]);
+    }
+  }, [clientId]);
   const availableDiscountList = (0, import_react.useMemo)(() => {
     const formattedData = (0, import_utils2.formatDiscountWalletData)(
       discountList.filter((item) => !!item.isAvailable).map((discount) => {
@@ -285,6 +293,7 @@ var useWalletPass = (props) => {
   }, [orderInfo]);
   const handleWalletCacheCleared = (0, import_ahooks.useMemoizedFn)((data2) => {
     if (data2.clearedTypes.includes("all")) {
+      setSearchIdentificationCodeList([]);
     }
   });
   const handleWalletInitializationStarted = (0, import_ahooks.useMemoizedFn)(() => {

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;