@pisell/private-materials 3.4.79 → 3.4.80

package/es/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: "page" | "success" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

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

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
     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/es/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "loading" | "success" | "warn" | "fail" | "question";
+        status: "warn" | "success" | "loading" | "fail" | "question";
     };
 };
 /**
@@ -295,10 +295,10 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "pay" | "fullPay" | "refund" | "query" | undefined;
+        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
-        action?: "pay" | "amount" | "deviceList" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
@@ -308,7 +308,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/es/components/eftposPay/tyro/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type CallToBookProps = {
     show: boolean;
     type: string;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -29,4 +30,11 @@ export interface PayGroup {
     _order: any;
     front_order_uuid?: string;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/hooks/usePaymentLogger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/es/plus/walletEditor/components/ImageUpload/index.d.ts

@@ -3,6 +3,6 @@ export interface ImageUploadProps {
     value?: string;
     onChange?: (val: string) => void;
 }
-export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
 declare const ImageUpload: React.FC<ImageUploadProps>;
 export default ImageUpload;

package/lib/components/booking/addons/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/forms/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1,4 +1,3 @@
-/// <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/model.d.ts

@@ -1,5 +1,14 @@
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -108,4 +109,11 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/notes/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/payments/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/utils.d.ts

@@ -166,10 +166,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/ecocup/components/AddCustomerModal/index.js

@@ -199,9 +199,9 @@ var AddCustomerModal = (props) => {
         label: import_utils.locales.getText(
           "pisell2.text.ecocup.add-customer-modal.membership"
         ),
-        defaultValue: "normal",
+        defaultValue: "regular",
         options: [
-          { label: "Normal", value: "normal" },
+          { label: "Regular", value: "regular" },
           { label: "Business", value: "business" },
           { label: "Admin", value: "admin" }
         ]

package/lib/components/ecocup/components/CupInfoCard/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import './index.less';
 interface IProps {
-    type: 'rentInfo' | 'markInfo' | 'belongInfo';
+    type: 'rentInfo' | 'markInfo' | 'belongInfo' | 'otherBelongInfo';
     data: Record<string, any>;
+    isMultipleShop?: boolean;
+    isMultipleTime?: boolean;
 }
 declare const CupInfoCard: (props: IProps) => React.JSX.Element;
 export default CupInfoCard;

package/lib/components/ecocup/components/CupInfoCard/index.js

@@ -37,7 +37,7 @@ var import_utils = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
 var import_index = require("./index.less");
 var CupInfoCard = (props) => {
-  const { type, data } = props;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-info-card" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText(`pisell2.text.ecocup.cup-info-card.title.${type}`)), /* @__PURE__ */ import_react.default.createElement("div", null, (data == null ? void 0 : data.shop) || "-"), /* @__PURE__ */ import_react.default.createElement("div", null, (data == null ? void 0 : data.time) ? (0, import_dayjs.default)(data == null ? void 0 : data.time).format("HH:mm DD/MM/YYYY") : "-"));
+  const { type, data, isMultipleShop, isMultipleTime } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-info-card" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText(`pisell2.text.ecocup.cup-info-card.title.${type}`)), isMultipleShop ? import_utils.locales.getText("pisell2.text.ecocup.cup-info-card.title.multiple-shop") : /* @__PURE__ */ import_react.default.createElement("div", null, (data == null ? void 0 : data.shop) || "-"), isMultipleTime ? import_utils.locales.getText("pisell2.text.ecocup.cup-info-card.title.multiple-time") : /* @__PURE__ */ import_react.default.createElement("div", null, (data == null ? void 0 : data.time) ? (0, import_dayjs.default)(data == null ? void 0 : data.time).format("HH:mm DD/MM/YYYY") : "-"));
 };
 var CupInfoCard_default = CupInfoCard;

package/lib/components/ecocup/components/CupStatusModal/hooks.d.ts

@@ -1,5 +1,36 @@
-import { ECupActionType } from '../../types';
+import { ECupActionType, ICup } from '../../types';
 export declare const useCupAction: () => {
     run: (this: unknown, cupId: string, action: ECupActionType) => Promise<boolean>;
     loading: boolean;
 };
+/**
+ * @description: 批量归还杯子
+ * @return {*}
+ */
+export declare const useBatchCupAction: () => {
+    run: (this: unknown, eco_cup_ids: number[] | string[]) => Promise<boolean>;
+    loading: boolean;
+};
+/**
+ * @description: 统计杯子列表中的客户、店铺、时间数量
+ * @param {ICup[]} cupList - 杯子列表
+ * @return {object} 返回统计信息和是否为多个的标识
+ */
+export declare const useCupListStatistics: (cupList: ICup[]) => {
+    hasMultipleCustomers: boolean;
+    hasMultipleShops: boolean;
+    hasMultipleTimes: boolean;
+    uniqueCustomer: import("../../types").ICustomer | undefined;
+    uniqueShop: {
+        id: string;
+        name: string;
+    } | undefined;
+    uniqueTime: string | undefined;
+} | {
+    hasMultipleCustomers: boolean;
+    hasMultipleShops: boolean;
+    hasMultipleTimes: boolean;
+    uniqueCustomer: null;
+    uniqueShop: null;
+    uniqueTime: null;
+};

package/lib/components/ecocup/components/CupStatusModal/hooks.js

@@ -19,7 +19,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/ecocup/components/CupStatusModal/hooks.ts
 var hooks_exports = {};
 __export(hooks_exports, {
-  useCupAction: () => useCupAction
+  useBatchCupAction: () => useBatchCupAction,
+  useCupAction: () => useCupAction,
+  useCupListStatistics: () => useCupListStatistics
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_react = require("react");
@@ -49,7 +51,65 @@ var useCupAction = () => {
     loading
   };
 };
+var useBatchCupAction = () => {
+  const { post } = (0, import_hooks.useRequest)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const run = (0, import_ahooks.useMemoizedFn)(async (eco_cup_ids) => {
+    try {
+      setLoading(true);
+      const res = await post("/shop/wallet/eco/cups-return", { eco_cup_ids });
+      if ((res == null ? void 0 : res.code) == 200) {
+        return true;
+      }
+      return false;
+    } catch (error) {
+      console.error(error);
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  });
+  return {
+    run,
+    loading
+  };
+};
+var useCupListStatistics = (cupList) => {
+  return (0, import_react.useMemo)(() => {
+    var _a, _b, _c;
+    if (cupList.length === 0) {
+      return {
+        hasMultipleCustomers: false,
+        hasMultipleShops: false,
+        hasMultipleTimes: false,
+        uniqueCustomer: null,
+        uniqueShop: null,
+        uniqueTime: null
+      };
+    }
+    const customerIds = new Set(
+      cupList.map((cup) => cup == null ? void 0 : cup.customer_id).filter((id) => id)
+    );
+    const shopIds = new Set(
+      cupList.map((cup) => cup == null ? void 0 : cup.current_shop_id).filter((id) => id)
+    );
+    const times = new Set(
+      cupList.map((cup) => cup == null ? void 0 : cup.operated_at).filter((time) => time)
+    );
+    const result = {
+      hasMultipleCustomers: customerIds.size > 1,
+      hasMultipleShops: shopIds.size > 1,
+      hasMultipleTimes: times.size > 1,
+      uniqueCustomer: (_a = cupList[0]) == null ? void 0 : _a.customer,
+      uniqueShop: (_b = cupList[0]) == null ? void 0 : _b.current_shop,
+      uniqueTime: (_c = cupList[0]) == null ? void 0 : _c.operated_at
+    };
+    return result;
+  }, [cupList]);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useCupAction
+  useBatchCupAction,
+  useCupAction,
+  useCupListStatistics
 });

package/lib/components/ecocup/components/CupStatusModal/index.js

@@ -40,12 +40,28 @@ var import_index = require("./index.less");
 var import_CupInfoCard = __toESM(require("../CupInfoCard"));
 var import_CustomerCard = __toESM(require("../CustomerCard"));
 var import_hooks = require("./hooks");
+var import_SearchBar = __toESM(require("../SearchBar"));
+var SCAN_LISTENER_KEY = "eco-cup-status-modal-scan-listener";
 var CupStatusModal = (props) => {
-  var _a;
+  var _a, _b, _c;
   const { visible, onCancel, onOk, data } = props;
   const { scanStatus, cupData } = data || {};
   const cupAction = (0, import_hooks.useCupAction)();
-  const isRed = scanStatus !== import_types.ECupScanStatus.OTHER_IN_STOCK && scanStatus !== import_types.ECupScanStatus.OTHER_RENT;
+  const [cupList, setCupList] = (0, import_react.useState)([]);
+  const batchCupAction = (0, import_hooks.useBatchCupAction)();
+  (0, import_react.useEffect)(() => {
+    if (!cupData) {
+      setCupList([]);
+      return;
+    }
+    const initialCups = Array.isArray(cupData) ? cupData : [cupData];
+    setCupList(initialCups);
+  }, [cupData]);
+  const otherRentStatus = (0, import_react.useMemo)(() => {
+    return scanStatus === import_types.ECupScanStatus.OTHER_RENT;
+  }, [scanStatus]);
+  const isRed = !otherRentStatus;
+  const cupStatistics = (0, import_hooks.useCupListStatistics)(cupList);
   const lineStyle = (0, import_react.useMemo)(() => {
     if (isRed) {
       return {
@@ -59,10 +75,13 @@ var CupStatusModal = (props) => {
     };
   }, [isRed]);
   const cupInfoCardType = (0, import_react.useMemo)(() => {
-    if (scanStatus === import_types.ECupScanStatus.OTHER_IN_STOCK || scanStatus === import_types.ECupScanStatus.IN_STOCK) {
+    if (scanStatus === import_types.ECupScanStatus.OTHER_IN_STOCK) {
+      return "otherBelongInfo";
+    }
+    if (scanStatus === import_types.ECupScanStatus.IN_STOCK) {
       return "belongInfo";
     }
-    if (scanStatus === import_types.ECupScanStatus.OTHER_RENT || scanStatus === import_types.ECupScanStatus.RENT) {
+    if (otherRentStatus || scanStatus === import_types.ECupScanStatus.RENT) {
       return "rentInfo";
     }
     if (scanStatus === import_types.ECupScanStatus.MISSING || scanStatus === import_types.ECupScanStatus.BROKEN) {
@@ -76,15 +95,18 @@ var CupStatusModal = (props) => {
   };
   const _onOk = async () => {
     if (cupAction == null ? void 0 : cupAction.loading) return;
-    const type = scanStatus === import_types.ECupScanStatus.OTHER_IN_STOCK ? import_types.ECupActionType.TRANSFER : scanStatus === import_types.ECupScanStatus.OTHER_RENT ? import_types.ECupActionType.RETURN : "";
+    const type = otherRentStatus ? import_types.ECupActionType.RETURN : "";
     if (!type) {
       onOk == null ? void 0 : onOk();
       return;
     }
-    const result = await cupAction.run(
-      (cupData == null ? void 0 : cupData.eco_cup_id) || (cupData == null ? void 0 : cupData.id),
-      type
-    );
+    let result;
+    if (otherRentStatus) {
+      const ids = cupList.map((cup) => (cup == null ? void 0 : cup.eco_cup_id) || (cup == null ? void 0 : cup.id));
+      result = await batchCupAction.run(ids);
+    } else {
+      result = await cupAction.run((cupData == null ? void 0 : cupData.eco_cup_id) || (cupData == null ? void 0 : cupData.id), type);
+    }
     if (result) {
       (0, import_materials.PisellToast)({
         content: import_utils.locales.getText(`pisell2.text.ecocup.toast.success-${type}`)
@@ -92,6 +114,39 @@ var CupStatusModal = (props) => {
       onOk == null ? void 0 : onOk();
     }
   };
+  const onSearchResult = (result) => {
+    var _a2;
+    if (cupList.find((c) => {
+      var _a3;
+      return (c == null ? void 0 : c.id) === ((_a3 = result == null ? void 0 : result.data) == null ? void 0 : _a3.id);
+    })) {
+      return;
+    }
+    if (((_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.status) !== import_types.ECupStatus.RENT) {
+      return;
+    }
+    setCupList([...cupList, result == null ? void 0 : result.data]);
+  };
+  const removeCupFromList = (cupId) => {
+    setCupList(cupList.filter((cup) => (cup == null ? void 0 : cup.id) !== cupId));
+  };
+  const renderSearchBar = () => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-first-modal-search-bar" }, /* @__PURE__ */ import_react.default.createElement(
+      import_SearchBar.default,
+      {
+        scanListenerKey: SCAN_LISTENER_KEY,
+        searchType: "cup",
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.ecocup.customer-first-modal.search-bar.placeholder"
+        ),
+        onSearchResult,
+        onCupStatusValidate: onSearchResult
+      }
+    ));
+  };
+  const showRemove = (0, import_react.useMemo)(() => {
+    return (cupList == null ? void 0 : cupList.length) > 1 && otherRentStatus;
+  }, [cupList.length, otherRentStatus]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
@@ -99,23 +154,30 @@ var CupStatusModal = (props) => {
       open: visible,
       onCancel: _onCancel,
       onOk: _onOk,
-      title: import_utils.locales.getText(
+      title: otherRentStatus ? import_utils.locales.getText(
+        `pisell2.text.ecocup.cup-status-modal.title-${scanStatus}`
+      )(cupList.length) : import_utils.locales.getText(
         `pisell2.text.ecocup.cup-status-modal.title-${scanStatus}`
       ),
-      cancelText: import_utils.locales.getText("pisell2.text.ecocup.button.dismiss"),
-      okText: isRed ? import_utils.locales.getText("pisell2.text.ecocup.button.confirm") : scanStatus === import_types.ECupScanStatus.OTHER_IN_STOCK ? import_utils.locales.getText("pisell2.text.ecocup.button.transfer") : import_utils.locales.getText("pisell2.text.ecocup.button.mark-as-return"),
+      cancelText: otherRentStatus ? import_utils.locales.getText("pisell2.text.ecocup.button.cancel") : import_utils.locales.getText("pisell2.text.ecocup.button.dismiss"),
+      okText: isRed ? import_utils.locales.getText("pisell2.text.ecocup.button.confirm") : import_utils.locales.getText("pisell2.text.ecocup.button.return"),
       okButtonProps: { loading: cupAction == null ? void 0 : cupAction.loading },
       cancelVisible: !isRed,
       width: 580
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content", style: { gap: otherRentStatus ? "20px" : "32px" } }, otherRentStatus ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-search" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "tip-text" }, import_utils.locales.getText(
+      "pisell2.text.ecocup.cup-status-modal.search-bar.title"
+    )), renderSearchBar()) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-cup-lists" }, cupList.map((cup, index) => /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
+        key: (cup == null ? void 0 : cup.id) || index,
         className: "pisell2-ecocup-cup-status-modal-content-cup",
-        style: { ...lineStyle }
+        style: {
+          ...lineStyle,
+          justifyContent: showRemove ? "space-between" : "center"
+        }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "RestOutlined", size: 24 }),
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-cup-info" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "RestOutlined", size: 24 }), /* @__PURE__ */ import_react.default.createElement(
         "span",
         {
           style: {
@@ -123,18 +185,37 @@ var CupStatusModal = (props) => {
           }
         },
         import_utils.locales.getText("pisell2.text.ecocup.cup-id")
-      ),
-      /* @__PURE__ */ import_react.default.createElement("span", null, (cupData == null ? void 0 : cupData.eco_cup_code) || (cupData == null ? void 0 : cupData.code) || "")
-    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-info" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, (cupData == null ? void 0 : cupData.current_shop) && cupInfoCardType ? /* @__PURE__ */ import_react.default.createElement(
+      ), /* @__PURE__ */ import_react.default.createElement("span", null, (cup == null ? void 0 : cup.eco_cup_code) || (cup == null ? void 0 : cup.code) || "")),
+      showRemove && /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Button,
+        {
+          type: "primary",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-trash-01", size: 24, color: "#7F56DA" }),
+          onClick: () => removeCupFromList(cup == null ? void 0 : cup.id),
+          className: "info-remove"
+        },
+        import_utils.locales.getText("pisell2.text.ecocup.button.remove")
+      )
+    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-info" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, ((cupStatistics == null ? void 0 : cupStatistics.uniqueShop) || (cupStatistics == null ? void 0 : cupStatistics.hasMultipleShops)) && cupInfoCardType ? /* @__PURE__ */ import_react.default.createElement(
       import_CupInfoCard.default,
       {
         type: cupInfoCardType,
         data: {
-          shop: (_a = cupData == null ? void 0 : cupData.current_shop) == null ? void 0 : _a.name,
-          time: cupData == null ? void 0 : cupData.operated_at
+          shop: (_a = cupStatistics == null ? void 0 : cupStatistics.uniqueShop) == null ? void 0 : _a.name,
+          time: cupStatistics == null ? void 0 : cupStatistics.uniqueTime,
+          isMultipleTime: cupStatistics == null ? void 0 : cupStatistics.hasMultipleTimes,
+          isMultipleShop: cupStatistics == null ? void 0 : cupStatistics.hasMultipleShops
         }
       }
-    ) : null), /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, (cupData == null ? void 0 : cupData.status) === import_types.ECupStatus.RENT ? (cupData == null ? void 0 : cupData.customer) ? /* @__PURE__ */ import_react.default.createElement(import_CustomerCard.default, { ...(cupData == null ? void 0 : cupData.customer) || {} }) : null : (cupData == null ? void 0 : cupData.status) === import_types.ECupStatus.IN_STOCK ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-info-tip" }, import_utils.locales.getText("pisell2.text.ecocup.cup-status-modal.tip")))))
+    ) : null), /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, ((_b = cupList == null ? void 0 : cupList[0]) == null ? void 0 : _b.status) === import_types.ECupStatus.RENT ? (cupStatistics == null ? void 0 : cupStatistics.uniqueCustomer) || (cupStatistics == null ? void 0 : cupStatistics.hasMultipleCustomers) ? /* @__PURE__ */ import_react.default.createElement(
+      import_CustomerCard.default,
+      {
+        ...(cupStatistics == null ? void 0 : cupStatistics.uniqueCustomer) || {},
+        isMultiple: cupStatistics == null ? void 0 : cupStatistics.hasMultipleCustomers
+      }
+    ) : null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-cup-status-modal-content-info-tip" }, ((_c = cupList == null ? void 0 : cupList[0]) == null ? void 0 : _c.status) === import_types.ECupStatus.IN_STOCK ? import_utils.locales.getText(
+      "pisell2.text.ecocup.cup-status-modal.tip-in-stock"
+    ) : import_utils.locales.getText("pisell2.text.ecocup.cup-status-modal.tip")))))
   );
 };
 var CupStatusModal_default = CupStatusModal;