@pisell/private-materials 6.4.49 → 6.4.50

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

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

package/es/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/es/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/es/components/schedules/products/index.d.ts

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

package/es/components/schedules/products/list/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Item = any;
 interface ProductItemProps {

package/es/components/schedules/products/list/index.d.ts

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

package/es/components/schedules/resources/index.d.ts

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

package/es/components/schedules/resources/list/index.d.ts

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

package/es/components/schedules/resources/relationProduct/index.d.ts

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

package/es/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";

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

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

package/es/components/taxSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 import "./index.less";
 interface TaxSelectProps {

package/es/components/ticketBooking/components/addServiceVariant/index.d.ts

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

package/es/components/ticketBooking/utils/index.d.ts

@@ -41,7 +41,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "product" | "customer" | "wallet" | "walletPass" | "local_product";
+    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;

package/es/hooks/usePaymentLogger.d.ts

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

package/es/plus/clientName/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

package/es/plus/clinetSearch/Add/BirthdayField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/es/plus/clinetSearch/Add/GenderField/index.d.ts

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

package/es/plus/saasCreateOrganization/components/Header.d.ts

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

package/es/plus/saasCreateOrganization/index.d.ts

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

package/es/plus/saasRegister/components/EntryEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';

package/es/plus/saasRegister/components/EntryInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';

package/es/plus/saasRegister/components/GoLogin.d.ts

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

package/es/plus/saasRegister/components/Header.d.ts

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

package/es/plus/saasRegister/components/VerifyError.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SRStepStatus } from '../types';
 import '../index.less';
 declare const VerifyError: (props: {

package/es/plus/saasRegister/components/VerifyingLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/TabProduct/selectProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const SelectProductItem: ({ item, onClick, onChangeQuantity, amountSymbol, style, className, disabled, }: any) => JSX.Element;
 export default SelectProductItem;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, amountSymbol: string) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 空状态
  * @description:

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

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

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

@@ -463,7 +463,7 @@ var Footer = (props) => {
     JSON.stringify(subTotalList),
     (_l = (_k = state.client) == null ? void 0 : _k.value) == null ? void 0 : _l.id
   ]);
-  const handleCheckout = async () => {
+  const handleCheckoutInternal = async () => {
     (0, import_PaymentResultToast.closeAllPaymentResultToasts)();
     const isNewOrder = !state.bookingId;
     if (isEdit) {
@@ -524,6 +524,11 @@ var Footer = (props) => {
     }
     return goCheckout(state.bookingId, isNewOrder);
   };
+  const { run: handleCheckout } = (0, import_ahooks.useDebounceFn)(handleCheckoutInternal, {
+    wait: 500,
+    leading: true,
+    trailing: false
+  });
   const handleSaveAddons = async () => {
     try {
       let _list = [...state.addons.value];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -165,10 +165,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/checkout/PaymentModal.js

@@ -451,17 +451,22 @@ var PaymentContent = (0, import_react.forwardRef)(
                   );
                   const paymentItems2 = await checkoutModule.getCurrentOrderPaymentItemsAsync();
                   let totalAmount2 = new import_decimal.default(orderInfo2.isDeposit ? orderInfo2.depositAmount : orderInfo2.totalAmount);
-                  if (paymentItems2.length > 0 && paymentItems2.filter((n) => n.isSynced).some((item) => item.service_charge)) {
+                  if (paymentItems2.length > 0 && paymentItems2.filter((n) => n.isSynced).some((item) => item.service_charge || item.rounding_amount)) {
                     const serviceChargeTotal = paymentItems2.reduce((acc, item) => {
                       var _a3, _b3;
                       const chargeAmount = new import_decimal.default(((_a3 = item.service_charge) == null ? void 0 : _a3.amount) || 0);
                       const chargePercentage = new import_decimal.default(((_b3 = item.service_charge) == null ? void 0 : _b3.percentage) || 0);
                       const itemAmount = new import_decimal.default(item.amount || 0);
-                      const itemServiceCharge = chargeAmount.add(chargePercentage.mul(itemAmount));
+                      let itemServiceCharge = chargeAmount.add(chargePercentage.mul(itemAmount));
+                      if (Number(item.rounding_amount) > 0) {
+                        itemServiceCharge = itemServiceCharge.sub(new import_decimal.default(item.rounding_amount));
+                      }
+                      console.log(itemServiceCharge);
                       return acc.add(itemServiceCharge);
                     }, new import_decimal.default(0));
                     totalAmount2 = totalAmount2.add(serviceChargeTotal);
                   }
+                  console.log(totalAmount2, paymentItems2);
                   await (0, import_PaymentResultToastUtils.displayPaymentResultToast)(
                     {
                       paymentStatus: "partially_paid",
@@ -563,9 +568,12 @@ var PaymentContent = (0, import_react.forwardRef)(
       const result = await checkoutModule.manualSyncOrderAsync();
       await (showSuccessToast == null ? void 0 : showSuccessToast(result));
       if (result.success) {
+        checkoutModule.core.effects.emit("checkout:onPaymentStarted", {
+          paymentMethodCode: ""
+        });
         const orderInfo2 = checkoutModule.getCurrentOrderInfo();
         setCurrentEditOrderId == null ? void 0 : setCurrentEditOrderId(result.orderId);
-        if (result.is_deposit && Number(orderInfo2.depositAmount < orderInfo2.totalAmount)) {
+        if (result.is_deposit && Number(orderInfo2.depositAmount) < Number(orderInfo2.totalAmount)) {
           updateOrderInfo == null ? void 0 : updateOrderInfo(orderInfo2);
           return;
         }
@@ -1044,7 +1052,7 @@ var PaymentModal = ({
     import_locales2.default,
     ((_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.locales) == null ? void 0 : _d.getLocale) == null ? void 0 : _e.call(_d)) || ((_g = (_f = context.appHelper.utils) == null ? void 0 : _f.storage) == null ? void 0 : _g.get("umi_locale")) || "en"
   );
-  const { pisellos, getData, interaction } = ((_h = context == null ? void 0 : context.appHelper) == null ? void 0 : _h.utils) || {};
+  const { pisellos, getData, interaction, isWebPos } = ((_h = context == null ? void 0 : context.appHelper) == null ? void 0 : _h.utils) || {};
   const [orderInfo, setOrderInfo] = (0, import_react.useState)(null);
   const [totalAmount, setTotalAmount] = (0, import_react.useState)(0);
   const [actualShowCashPayment, setActualShowCashPayment] = (0, import_react.useState)(true);
@@ -1422,6 +1430,13 @@ var PaymentModal = ({
               totalInfo: newData.subtotal_info
             });
           } else {
+            logger == null ? void 0 : logger.addLog({
+              type: "info",
+              title: "正常创建 createLocalOrderAsync",
+              metadata: {
+                data
+              }
+            });
             await checkout.createLocalOrderAsync({
               orderData: newData.order_info,
               cartSummary: (_b2 = newData.subtotal_info) == null ? void 0 : _b2.subTotalList,
@@ -1515,10 +1530,15 @@ var PaymentModal = ({
                   paymentStatus,
                   !!currentChangeGivenAmount
                 );
-                const enabledAutoPrint = await ((_e2 = (_d3 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _d3.asyncDataManager) == null ? void 0 : _e2.call(_d3, {
-                  module: "get",
-                  key: "auto_print_receipt"
-                }));
+                let enabledAutoPrint = false;
+                if (isWebPos) {
+                  enabledAutoPrint = false;
+                } else {
+                  enabledAutoPrint = await ((_e2 = (_d3 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _d3.asyncDataManager) == null ? void 0 : _e2.call(_d3, {
+                    module: "get",
+                    key: "auto_print_receipt"
+                  }));
+                }
                 const orderInfo3 = checkout.getCurrentOrderInfo();
                 await (0, import_PaymentResultToastUtils.displayPaymentResultToast)(
                   {
@@ -1564,6 +1584,13 @@ var PaymentModal = ({
               totalInfo: data == null ? void 0 : data.subtotal_info
             });
           } else {
+            logger == null ? void 0 : logger.addLog({
+              type: "info",
+              title: "含有 localOrderCreate, 调用 createLocalOrderAsync",
+              metadata: {
+                data
+              }
+            });
             await checkout.createLocalOrderAsync({
               orderData: data == null ? void 0 : data.order_info,
               cartSummary: (_d2 = data == null ? void 0 : data.subtotal_info) == null ? void 0 : _d2.subTotalList,
@@ -1618,7 +1645,7 @@ var PaymentModal = ({
       setTimeout(() => {
         (0, import_PaymentResultToast.closePaymentResultToast)();
       }, 0);
-      const { isTerminal, isWebPos } = (_a2 = context.appHelper) == null ? void 0 : _a2.utils;
+      const { isTerminal, isWebPos: isWebPos2 } = (_a2 = context.appHelper) == null ? void 0 : _a2.utils;
       if (isTerminal == null ? void 0 : isTerminal()) {
         const checkout = pisellos.getModule("checkout");
         const orderId = await checkout.getCurrentOrderId();

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

@@ -173,7 +173,7 @@ function AmountSummary({
   (0, import_react.useEffect)(() => {
     var _a2;
     const nonWalletPassAmount = ((_a2 = paymentItems == null ? void 0 : paymentItems.reduce((acc, item) => {
-      if (!item.voucher_id) {
+      if (!item.voucher_id || item.voucher_id && item.isSynced) {
         let itemAmount = new import_decimal.default(item.amount || "0");
         if (item.rounding_amount) {
           const roundingAmount = new import_decimal.default(item.rounding_amount);
@@ -364,6 +364,13 @@ function AmountSummary({
   const renderConfirmMode = () => {
     let balanceAmountValue = parseFormattedAmount(getBalanceDueAmount());
     let balanceDecimal = new import_decimal.default(balanceAmountValue);
+    const syncedVoucherAmount = paymentItems == null ? void 0 : paymentItems.reduce((acc, item) => {
+      if (item.voucher_id && item.isSynced && (paymentType === "regular" && item.order_payment_type !== "deposit" || paymentType === "deposit" && item.order_payment_type === "deposit")) {
+        return acc.plus(item.amount).plus(item.rounding_amount);
+      }
+      return acc;
+    }, new import_decimal.default(0)).toNumber();
+    balanceDecimal = balanceDecimal.minus(syncedVoucherAmount);
     const finalBalanceAmount = (0, import_utils.formatAmountWithOptions)(
       balanceDecimal.toNumber(),
       amountSymbol,
@@ -457,12 +464,22 @@ function AmountSummary({
     }
   }, [paymentItems, paymentType, totalAmount]);
   const showCancelSplitPayment = (0, import_react.useMemo)(() => {
-    return balanceDueAmount !== customAmount;
+    return balanceDueAmount !== customAmount && Number(balanceDueAmount) > 0 && Number(customAmount) > 0;
   }, [customAmount, balanceDueAmount]);
   const handleChangeDepositAmount = (value) => {
     console.log("handleChangeDepositAmount", value);
     checkoutModule == null ? void 0 : checkoutModule.setDepositAmountAsync(value);
   };
+  const hasDepositPayment = (0, import_react.useMemo)(() => {
+    return paymentItems == null ? void 0 : paymentItems.some((item) => item.order_payment_type === "deposit" && item.status !== "voided");
+  }, [paymentItems]);
+  const showCanNotChangeDepositAmount = () => {
+    Toast == null ? void 0 : Toast.fail(
+      import_utils.locales.getText(
+        "pisell2.checkout.can-not-change-deposit-amount"
+      )
+    );
+  };
   return /* @__PURE__ */ import_react2.default.createElement(
     "div",
     {
@@ -504,7 +521,18 @@ function AmountSummary({
         })
       },
       // 如果应该显示确认模式，直接返回确认界面
-      shouldShowConfirmMode() ? renderConfirmMode() : /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-info") }, paymentType === "deposit" ? /* @__PURE__ */ import_react2.default.createElement(
+      shouldShowConfirmMode() ? renderConfirmMode() : /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-info") }, paymentType === "deposit" ? hasDepositPayment ? /* @__PURE__ */ import_react2.default.createElement("div", { onClick: () => showCanNotChangeDepositAmount() }, /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-label") }, getText("deposit.due") || "Deposit Due"), /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-amount") }, (0, import_utils.formatAmountWithOptions)(balanceDueAmount, amountSymbol, {
+        precision: 2,
+        hideDecimalForWholeNumbers: false,
+        useThousandsSeparator: true,
+        showCurrencySymbol: true
+      }), /* @__PURE__ */ import_react2.default.createElement(
+        import_icon.Edit05,
+        {
+          className: (0, import_classnames.default)("edit-icon"),
+          style: { color: "#7F56DA" }
+        }
+      ))) : /* @__PURE__ */ import_react2.default.createElement(
         import_pisellSimplePriceKeyboardPopover.default,
         {
           value: balanceDueAmount || "0",