@pisell/private-materials 6.3.15 → 6.4.1

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

@@ -0,0 +1,15 @@
+.wallet-pass-module-container {
+  .pisell-loading-wrapper {
+    overflow: hidden;
+  }
+}
+.wallet-pass-module {
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border-radius: 8px;
+  border: 1px solid var(--00_Pisell-pp, #7f56da);
+  background: #fff;
+  --theme-color: #7f56da;
+}

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

@@ -0,0 +1,133 @@
+import { CurrentOrderInfo } from '../../types';
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance?: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 是否展示禁用原因 */
+    showDisabledReason?: boolean;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    [key: string]: any;
+}
+export interface WalletPassModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    onSelectChange?: (select: {
+        voucher_id: number;
+        amount: number;
+    }[]) => void;
+    paymentItems?: PaymentItem[];
+    customAmount?: string;
+}
+export interface WalletPassHeaderProps {
+    customerName: string;
+    selectedCount: number;
+    expiredCount: number;
+    isCardMode: boolean;
+    onExpiredClick: () => void;
+    onBestSaving: () => void;
+    onClearAll: () => void;
+    onToggleDisplayMode: () => void;
+}
+export interface WalletPassCardDisplayProps {
+    isCardMode: boolean;
+    cardData: PisellWalletPassCardProps[];
+    selectedWalletIds: number[];
+    onSelectWallet: (selectedIds: number[]) => void;
+    onDetail: (record: any, index: number) => void;
+    onConfirmEditAmount: (value: number, index: number, data: any) => void;
+    onBeforeEditAmount: (value: any, index: number, data: any) => Promise<any> | boolean | void;
+}
+export interface WalletPassTextModeProps {
+    cardData: any[];
+    selectedWalletIds: number[];
+}
+export interface WalletModalProps {
+    visible: boolean;
+    walletData: any[];
+    onClose: () => void;
+    title?: string;
+    emptyText?: string;
+}
+export interface WalletPassModuleRef {
+    handleSearchIdentificationCode: (value: string) => void;
+    getWalletPassData: (select: {
+        voucher_id: number;
+        amount: number;
+        code?: string;
+    }[]) => {
+        selectedWallet?: any[];
+        availableDiscountList?: any[];
+        selectedDiscountList?: number[];
+    };
+}

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

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/checkout/components/WalletPassModule/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,23 @@
+declare type WalletPassDataType = Record<string, any>;
+export declare const getAvailableMaxAmount: (data: WalletPassDataType) => any;
+export declare const voucherTime: (data: WalletPassDataType, key?: string) => any;
+export declare const formatMachineCodeServer2CardList: (data: WalletPassDataType[], selectId?: number[], otherProps?: Record<string, any>) => any;
+export declare const formatDiscountWalletData: (data: any, selectId?: number[]) => any;
+export interface WalletPassUsageUnit {
+    lowest_limit_amount: number;
+    lowest_limit_amount_switch: number;
+    lowest_limit_value: number;
+    lowest_limit_value_switch: number;
+    maximum_value_per_order: number;
+    maximum_value_per_order_switch: number;
+    points: number;
+    price: number;
+    step_value: number;
+    step_value_switch: number;
+}
+/**
+ * 根据WalletPassUsage配置，将传入的WalletPass面额转换为货币金额
+ */
+export declare const getPointCardAmount: (walletPassValue: number, walletPassUsageUnit: WalletPassUsageUnit) => string;
+export declare const isSameContent: (arr1: any[], arr2: any[]) => boolean;
+export {};

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

@@ -0,0 +1,147 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/checkout/components/WalletPassModule/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatDiscountWalletData: () => formatDiscountWalletData,
+  formatMachineCodeServer2CardList: () => formatMachineCodeServer2CardList,
+  getAvailableMaxAmount: () => getAvailableMaxAmount,
+  getPointCardAmount: () => getPointCardAmount,
+  isSameContent: () => isSameContent,
+  voucherTime: () => voucherTime
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_decimal = __toESM(require("decimal.js"));
+var getAvailableMaxAmount = (data) => {
+  return data.tag !== "point_card" ? data.available_max_amount : data == null ? void 0 : data.recommended_usage_amount;
+};
+var voucherTime = (data, key = "expire_date") => {
+  const config = import_materials.globalConfig.getConfig();
+  if (data[key]) {
+    return (0, import_utils.formatDate)(
+      data[key],
+      (config == null ? void 0 : config.locale) === "en" ? "DD/MM/YYYY" : "YYYY-MM-DD"
+    );
+  }
+  return import_utils.locales.getText("pisell2.text.walletPassPermanent");
+};
+var formatMachineCodeServer2CardList = (data, selectId = [], otherProps = {}) => {
+  return (data || []).map((item) => {
+    var _a, _b;
+    return {
+      id: item.id,
+      name: item.product_name,
+      // storeName: item.shop?.name,
+      balance: item.balance_par_value,
+      cardStatus: false,
+      redeem: item.edit_current_amount !== void 0 ? item.edit_current_amount : getAvailableMaxAmount(item),
+      maxRedeem: getAvailableMaxAmount(item),
+      showRedeem: selectId.includes(item.id),
+      showStoreName: false,
+      showBalanceSymbol: item.tag !== "point_card",
+      showActions: false,
+      showDetail: false,
+      showQrCode: false,
+      showStatus: true,
+      code: item.code,
+      disabled: !item.unified_available_status,
+      disabledReason: (_a = item.unified_messages) == null ? void 0 : _a.title,
+      cover: (_b = item.product) == null ? void 0 : _b.cover,
+      qrCode: item.code,
+      validDate: voucherTime(item),
+      originData: item,
+      ...otherProps
+    };
+  });
+};
+var formatDiscountWalletData = (data, selectId = []) => {
+  return (data || []).map((item) => {
+    var _a, _b;
+    let name = "";
+    let storeName = "";
+    if (item.tag === "product_discount_card") {
+      name = import_utils.locales.getText("pisell2.checkout.discount.percentage.off")(item.par_value);
+      storeName = item.product_name;
+    } else if (item.tag === "good_pass") {
+      name = item.product_name;
+      const left = Number(item.balance) || 0;
+      const use = 1;
+      storeName = (_a = import_utils.locales.getText("pisell2.checkout.wallet-pass.good-pass.format")) == null ? void 0 : _a(left, use);
+    } else {
+      name = item.product_name;
+    }
+    return {
+      ...item,
+      id: item.id,
+      name,
+      storeName,
+      balance: item.balance_par_value,
+      showBalance: false,
+      showStoreName: true,
+      redeem: getAvailableMaxAmount(item),
+      showRedeem: selectId.includes(item.id),
+      showBalanceSymbol: item.tag !== "point_card",
+      showActions: false,
+      error: item.isDisabled,
+      showDisabledReason: false,
+      showDetail: false,
+      showQrCode: false,
+      code: item.code,
+      disabled: item.isDisabled,
+      showStatus: true,
+      cardStatus: item.isDisabled ? "conflict" : void 0,
+      cover: (_b = item.product) == null ? void 0 : _b.cover,
+      qrCode: item.code,
+      validDate: voucherTime(item, "expire_time"),
+      originData: item,
+      enableEditAmount: false
+    };
+  });
+};
+var getPointCardAmount = (walletPassValue, walletPassUsageUnit) => {
+  if (!walletPassUsageUnit.points || !walletPassUsageUnit.price) {
+    return new import_decimal.default(walletPassValue).toFixed(2);
+  }
+  const baseRatio = new import_decimal.default(walletPassValue).div(walletPassUsageUnit.points);
+  return baseRatio.mul(walletPassUsageUnit.price).toFixed(2, import_decimal.default.ROUND_DOWN);
+};
+var isSameContent = (arr1, arr2) => {
+  return [...arr1].sort().join(",") === [...arr2].sort().join(",");
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatDiscountWalletData,
+  formatMachineCodeServer2CardList,
+  getAvailableMaxAmount,
+  getPointCardAmount,
+  isSameContent,
+  voucherTime
+});

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

@@ -0,0 +1,2 @@
+export declare const WALLET_PASS_CODE_ARRAY: string[];
+export declare const WALLET_PASS_CODE_MAP: Record<string, string>;

package/lib/components/checkout/constants.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/checkout/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  WALLET_PASS_CODE_ARRAY: () => WALLET_PASS_CODE_ARRAY,
+  WALLET_PASS_CODE_MAP: () => WALLET_PASS_CODE_MAP
+});
+module.exports = __toCommonJS(constants_exports);
+var WALLET_PASS_CODE_ARRAY = ["PRODUCTVOUCHER", "GIFTCARD", "POINTCARD"];
+var WALLET_PASS_CODE_MAP = {
+  "product_voucher": "PRODUCTVOUCHER",
+  "gift_card": "GIFTCARD",
+  "point_card": "POINTCARD"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WALLET_PASS_CODE_ARRAY,
+  WALLET_PASS_CODE_MAP
+});

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

@@ -0,0 +1,9 @@
+export { default } from "./index";
+export { default as Checkout } from "./index";
+export { default as AmountSummary } from "./components/AmountSummary/index";
+export { default as WalletPassModule } from "./components/WalletPassModule/index";
+export { default as PaymentOptionsModule } from "./components/PaymentOptionsModule/index";
+export { default as CashPaymentModule } from "./components/CashPaymentModule/index";
+export { default as AdditionalModule } from "./components/AdditionalModule/index";
+export type { CheckoutProps, PaymentData, PaymentItem, PaymentResult, ModuleConfig, StatusConfig, CheckoutCallbacks, AmountSummaryProps, WalletPassModuleProps, CashPaymentModuleProps, PaymentOptionsModuleProps, AdditionalModuleProps, } from "./types";
+export { checkoutStyles, calculateModalHeight } from "./styles";

package/lib/components/checkout/export.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/checkout/export.ts
+var export_exports = {};
+__export(export_exports, {
+  AdditionalModule: () => import_AdditionalModule.default,
+  AmountSummary: () => import_AmountSummary.default,
+  CashPaymentModule: () => import_CashPaymentModule.default,
+  Checkout: () => import_index2.default,
+  PaymentOptionsModule: () => import_PaymentOptionsModule.default,
+  WalletPassModule: () => import_WalletPassModule.default,
+  calculateModalHeight: () => import_styles.calculateModalHeight,
+  checkoutStyles: () => import_styles.checkoutStyles,
+  default: () => import_index.default
+});
+module.exports = __toCommonJS(export_exports);
+var import_index = __toESM(require("./index"));
+var import_index2 = __toESM(require("./index"));
+var import_AmountSummary = __toESM(require("./components/AmountSummary/index"));
+var import_WalletPassModule = __toESM(require("./components/WalletPassModule/index"));
+var import_PaymentOptionsModule = __toESM(require("./components/PaymentOptionsModule/index"));
+var import_CashPaymentModule = __toESM(require("./components/CashPaymentModule/index"));
+var import_AdditionalModule = __toESM(require("./components/AdditionalModule/index"));
+var import_styles = require("./styles");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdditionalModule,
+  AmountSummary,
+  CashPaymentModule,
+  Checkout,
+  PaymentOptionsModule,
+  WalletPassModule,
+  calculateModalHeight,
+  checkoutStyles
+});

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

@@ -0,0 +1,2 @@
+declare const usePaymentLogger: () => any;
+export default usePaymentLogger;

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

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/checkout/hooks/usePaymentLogger.ts
+var usePaymentLogger_exports = {};
+__export(usePaymentLogger_exports, {
+  default: () => usePaymentLogger_default
+});
+module.exports = __toCommonJS(usePaymentLogger_exports);
+var import_react = require("react");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_useLogger = __toESM(require("../../../hooks/useLogger"));
+var import_ahooks = require("ahooks");
+var usePaymentLogger = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const { pisellos } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const logger = (0, import_useLogger.default)();
+  const checkout = (0, import_react.useMemo)(() => {
+    try {
+      return (pisellos == null ? void 0 : pisellos.getModule("checkout")) || null;
+    } catch (error) {
+      console.warn("Failed to get checkout module:", error);
+      return null;
+    }
+  }, [pisellos]);
+  const orderInfo = (_b = checkout == null ? void 0 : checkout.getCurrentOrderInfo) == null ? void 0 : _b.call(checkout);
+  const addLog = (0, import_ahooks.useMemoizedFn)((data) => {
+    var _a2, _b2, _c;
+    try {
+      if (!checkout || !orderInfo) {
+        (_a2 = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a2.call(logger, data);
+        return;
+      }
+      (_b2 = logger == null ? void 0 : logger.addLog) == null ? void 0 : _b2.call(logger, {
+        ...data,
+        metadata: {
+          ...data == null ? void 0 : data.metadata,
+          orderInfo
+        },
+        title: `${orderInfo.orderId}-${data.title}`
+      });
+    } catch (error) {
+      console.error("Failed to add payment log:", error);
+      (_c = logger == null ? void 0 : logger.addLog) == null ? void 0 : _c.call(logger, data);
+    }
+  });
+  return {
+    ...logger,
+    addLog
+  };
+};
+var usePaymentLogger_default = usePaymentLogger;

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

@@ -0,0 +1,39 @@
+/**
+ * 自定义Hook：使用WalletPass功能
+ */
+export declare const useWalletPass: (props: {
+    onSelectChange?: ((select: {
+        voucher_id: number;
+        amount: number;
+        code: string;
+    }[]) => void) | undefined;
+    customAmount?: string | undefined;
+}) => {
+    walletRecommendList: any[];
+    userIdentificationCodes: any[];
+    loading: boolean;
+    error: string | null;
+    cardData: any;
+    handleSelectWallet: (value: number[]) => void;
+    selectedWalletIds: any[];
+    expiredWalletIds: any;
+    expiredWalletData: any;
+    disabledWalletData: any[];
+    clearAllSelectedWallet: () => void;
+    clearDisabledWalletData: () => void;
+    handleBeforeEditAmount: (value: any, index: number, data: any) => Promise<boolean>;
+    handleBestSaving: () => void;
+    handleSearchIdentificationCode: (value: string) => any;
+    availableDiscountList: any;
+    selectedDiscountList: any;
+    handleSelectDiscount: (value: number[], option: any) => void;
+    customerName: any;
+    fetchWalletRecommendList: (params: any) => Promise<any>;
+    fetchUserIdentificationCodes: (params: any) => Promise<any>;
+    getCachedWalletRecommendList: () => any;
+    getCachedUserIdentificationCodes: () => any;
+    clearWalletRecommendList: () => void;
+    clearUserIdentificationCodes: () => void;
+    clearAllCache: () => void;
+    handleConfirmEditAmount: (value: number, id: number, data: any) => void;
+};