@pisell/private-materials 6.6.60 → 6.6.62

package/lib/components/pisellCashCounting/PisellCashCounting.js

@@ -0,0 +1,168 @@
+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/pisellCashCounting/PisellCashCounting.tsx
+var PisellCashCounting_exports = {};
+__export(PisellCashCounting_exports, {
+  default: () => PisellCashCounting_default
+});
+module.exports = __toCommonJS(PisellCashCounting_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_pisellPriceKeyboardModal = __toESM(require("../../pro/pisellPriceKeyboardModal"));
+var import_locales = __toESM(require("./locales"));
+var import_materials = require("@pisell/materials");
+var import_CashCountingModal = __toESM(require("./components/CashCountingModal/index"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_hooks = require("./hooks");
+var import_PisellCashCounting = require("./PisellCashCounting.less");
+var PREFIX = "pisell-private-cash-counting";
+var PisellCashCounting = (props) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  const {
+    disabled = false,
+    countDisabled = false,
+    placeholder,
+    layout = "vertical",
+    countCashButtonText,
+    showCurrencySymbol = true,
+    useThousandsSeparator = false,
+    inputNumberProps,
+    buttonProps,
+    className,
+    style,
+    modalWidth
+  } = props;
+  const {
+    modalRef,
+    triggerRef,
+    keyboardOpen,
+    setKeyboardOpen,
+    currencyDenominations,
+    decimalPlaces,
+    symbol,
+    currencyCode,
+    currentValue,
+    handleAmountChange,
+    handleKeyboardClose,
+    openCountModal,
+    handleCountCancel,
+    handleCountConfirm,
+    manualCountMismatchOpen,
+    confirmUseCountedTotal,
+    confirmKeepManualAmount
+  } = (0, import_hooks.usePisellCashCounting)(props);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(PREFIX, className), style }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${PREFIX}__field`, {
+        [`${PREFIX}__field--horizontal`]: layout === "horizontal"
+      }),
+      ref: triggerRef
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.InputNumber,
+      {
+        ...inputNumberProps,
+        controls: false,
+        disabled,
+        precision: decimalPlaces,
+        value: currentValue,
+        placeholder: placeholder ?? import_utils.locales.getText("pisell-cash-counting.placeholder"),
+        className: (0, import_classnames.default)(`${PREFIX}__input`, inputNumberProps == null ? void 0 : inputNumberProps.className),
+        readOnly: true,
+        addonBefore: symbol,
+        size: "large",
+        style: { width: "100%" },
+        onClick: () => {
+          if (!disabled) {
+            setKeyboardOpen(true);
+          }
+        },
+        onChange: handleAmountChange
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        ...buttonProps,
+        type: "primary",
+        disabled: disabled || countDisabled || (buttonProps == null ? void 0 : buttonProps.disabled),
+        className: (0, import_classnames.default)(`${PREFIX}__button`, buttonProps == null ? void 0 : buttonProps.className),
+        onClick: (event) => {
+          var _a2;
+          (_a2 = buttonProps == null ? void 0 : buttonProps.onClick) == null ? void 0 : _a2.call(buttonProps, event);
+          openCountModal();
+        }
+      },
+      countCashButtonText ?? import_utils.locales.getText("pisell-cash-counting.countCash")
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellPriceKeyboardModal.default,
+    {
+      symbol,
+      visible: keyboardOpen,
+      value: currentValue,
+      triggerRef,
+      showCurrencySymbol,
+      useThousandsSeparator,
+      onChange: handleAmountChange,
+      onClose: handleKeyboardClose
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal.Information,
+    {
+      open: manualCountMismatchOpen,
+      closable: false,
+      maskClosable: false,
+      title: import_utils.locales.getText("pisell-cash-counting.manual-vs-count-message-title"),
+      describe: import_utils.locales.getText("pisell-cash-counting.manual-vs-count-message"),
+      okText: import_utils.locales.getText("pisell-cash-counting.keep-manual-amount"),
+      cancelText: import_utils.locales.getText("pisell-cash-counting.use-count-total"),
+      onOk: confirmKeepManualAmount,
+      onCancel: confirmUseCountedTotal
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_CashCountingModal.default,
+    {
+      ref: modalRef,
+      modalWidth,
+      currencyCode,
+      currencyDenominations,
+      decimalPlaces,
+      symbol,
+      onCancel: handleCountCancel,
+      onConfirm: handleCountConfirm
+    }
+  ));
+};
+var PisellCashCounting_default = PisellCashCounting;

package/lib/components/pisellCashCounting/PisellCashCounting.less

@@ -0,0 +1,263 @@
+.pisell-private-cash-counting {
+  &__field {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    &--horizontal {
+      flex-direction: row;
+      align-items: center;
+      flex-wrap: nowrap;
+
+      .pisell-private-cash-counting__input {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .pisell-private-cash-counting__button {
+        flex-shrink: 0;
+      }
+    }
+  }
+
+  .pisell-lowcode-input-number-wrapper{
+    width: auto;
+  }
+
+  &__input {
+    input {
+      width: 100%;
+      min-width: none;
+      max-width: none;
+    }
+  }
+
+  &__button {
+    width: max-content;
+  }
+
+  &__modal {
+    display: flex;
+    flex-direction: column;
+    height: min(720px, calc(90vh - 72px));
+    min-height: 520px;
+    overflow: hidden;
+  }
+
+  &__modal-intro {
+    flex-shrink: 0;
+    padding: 16px 24px 12px;
+    border-bottom: 1px solid #eaecf0;
+  }
+
+  &__subtitle {
+    color: #667085;
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  &__currency {
+    display: inline-flex;
+    align-items: center;
+    min-height: 28px;
+    margin-top: 12px;
+    padding: 4px 10px;
+    border-radius: 999px;
+    background: #f2f4f7;
+    color: #344054;
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  &__scroll {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    padding: 20px 24px 24px;
+  }
+
+  &__empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 220px;
+    color: #98a2b3;
+    font-size: 14px;
+  }
+
+  &__section+&__section {
+    margin-top: 24px;
+    padding-top: 24px;
+    border-top: 1px solid #f2f4f7;
+  }
+
+  &__section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  &__section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: #667085;
+    font-size: 14px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+  }
+
+  &__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: #635bff;
+
+    &--coin {
+      background: #f59e0b;
+    }
+  }
+
+  &__section-subtotal {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    color: #667085;
+    font-size: 14px;
+
+    strong {
+      color: #101828;
+      font-size: 15px;
+    }
+  }
+
+  &__denomination-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  &__denomination-row {
+    display: grid;
+    grid-template-columns: 92px minmax(150px, 220px) minmax(92px, 1fr);
+    align-items: center;
+    gap: 16px;
+  }
+
+  &__denomination-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 78px;
+    height: 32px;
+    padding: 0 12px;
+    border-radius: 6px;
+    background: #dbeafe;
+    color: #175cd3;
+    font-size: 14px;
+    font-weight: 700;
+
+    &--coin {
+      background: #fef3c7;
+      color: #92400e;
+    }
+  }
+
+  &__stepper {
+    &.numeric-stepper {
+      gap: 8px;
+      grid-template-columns: auto auto auto;
+      justify-content: flex-start;
+      width: auto;
+    }
+
+    .numeric-stepper-button {
+      width: 32px;
+      height: 32px;
+      border-radius: 6px;
+    }
+
+    .numeric-stepper-display {
+      width: 60px;
+      height: 32px;
+      max-width: 70px;
+    }
+  }
+
+  &__row-amount {
+    justify-self: end;
+    color: #98a2b3;
+    font-size: 15px;
+    font-weight: 700;
+  }
+
+  &__footer {
+    flex-shrink: 0;
+    padding: 20px 24px 24px;
+    border-top: 1px solid #eaecf0;
+    background: #ffffff;
+    box-shadow: 0 -8px 20px rgba(16, 24, 40, 0.04);
+  }
+
+  &__summary {
+    padding-bottom: 16px;
+    border-bottom: 1px dashed #d0d5dd;
+  }
+
+  &__summary-row,
+  &__total-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+  }
+
+  &__summary-row {
+    color: #667085;
+    font-size: 15px;
+
+    +.pisell-private-cash-counting__summary-row {
+      margin-top: 10px;
+    }
+
+    strong {
+      color: #101828;
+      font-size: 16px;
+    }
+  }
+
+  &__total-row {
+    margin-top: 16px;
+    color: #101828;
+    font-size: 18px;
+    font-weight: 700;
+
+    strong {
+      color: #5b4be8;
+      font-size: 34px;
+      line-height: 40px;
+    }
+  }
+
+  &__actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 12px;
+    margin-top: 18px;
+
+    .pisell-lowcode-btn {
+      margin: 0;
+    }
+  }
+}
+
+.pisell-lowcode-modal-root {
+  .pisell-private-cash-counting__modal-wrap {
+    .pisell-lowcode-modal-body {
+      overflow: hidden;
+    }
+  }
+}

package/lib/components/pisellCashCounting/components/CashCountingModal/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CashCountingConfirmPayload, CurrencyDenominationConfig } from '../../types';
+import './index.less';
+export interface PisellCashCountingModalRef {
+    open: (config: {
+        initialQuantities: Record<string, number>;
+    }) => void;
+    close: () => void;
+}
+interface PisellCashCountingModalProps {
+    currencyCode: string;
+    currencyDenominations: CurrencyDenominationConfig[];
+    decimalPlaces: number;
+    symbol: string;
+    modalWidth?: number | string;
+    onCancel: () => void;
+    onConfirm: (payload: CashCountingConfirmPayload) => void;
+}
+declare const CashCountingModal: React.ForwardRefExoticComponent<PisellCashCountingModalProps & React.RefAttributes<PisellCashCountingModalRef>>;
+export default CashCountingModal;

package/lib/components/pisellCashCounting/components/CashCountingModal/index.js

@@ -0,0 +1,171 @@
+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/pisellCashCounting/components/CashCountingModal/index.tsx
+var CashCountingModal_exports = {};
+__export(CashCountingModal_exports, {
+  default: () => CashCountingModal_default
+});
+module.exports = __toCommonJS(CashCountingModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_NumericStepper = __toESM(require("../../../../pro/NumericStepper"));
+var import_utils = require("@pisell/utils");
+var import_icons = require("@ant-design/icons");
+var import_utils2 = require("../../utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_useResponsive = require("../../../../hooks/useResponsive");
+var import_index = require("./index.less");
+var PREFIX = "pisell-private-cash-counting-modal";
+var formatAmount = (value, symbol, precision) => {
+  const formatter = new Intl.NumberFormat(void 0, {
+    minimumFractionDigits: precision,
+    maximumFractionDigits: precision
+  });
+  return `${symbol}${formatter.format(value)}`;
+};
+var CashCountingModal = (0, import_react.forwardRef)(
+  (props, ref) => {
+    var _a;
+    const {
+      currencyCode,
+      currencyDenominations,
+      decimalPlaces,
+      symbol,
+      modalWidth,
+      onCancel,
+      onConfirm
+    } = props;
+    const context = (0, import_useEngineContext.default)();
+    const { isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+    const [open, setOpen] = (0, import_react.useState)(false);
+    const [draftQuantities, setDraftQuantities] = (0, import_react.useState)({});
+    const isIpad = (0, import_useResponsive.useResponsive)(1200);
+    const isMobile = (0, import_useResponsive.useResponsive)(450);
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      open: ({ initialQuantities }) => {
+        setDraftQuantities(initialQuantities);
+        setOpen(true);
+      },
+      close: () => setOpen(false)
+    }));
+    const groupedDenominations = (0, import_react.useMemo)(() => {
+      return currencyDenominations.reduce(
+        (acc, item) => {
+          acc[item.denomination_type].push(item);
+          return acc;
+        },
+        { bill: [], coin: [] }
+      );
+    }, [currencyDenominations]);
+    const calculatedDetails = (0, import_react.useMemo)(() => {
+      return currencyDenominations.map((d) => {
+        const qty = draftQuantities[(0, import_utils2.getDenominationId)(d)] ?? 0;
+        return { denomination: d, quantity: qty, amount: (0, import_utils2.normalizeAmount)(d.denomination_value * qty, decimalPlaces) };
+      });
+    }, [currencyDenominations, draftQuantities, decimalPlaces, import_utils2.getDenominationId, import_utils2.normalizeAmount]);
+    const billSubtotal = (0, import_react.useMemo)(
+      () => calculatedDetails.filter((i) => i.denomination.denomination_type === "bill").reduce((s, i) => s + i.amount, 0),
+      [calculatedDetails]
+    );
+    const coinSubtotal = (0, import_react.useMemo)(
+      () => calculatedDetails.filter((i) => i.denomination.denomination_type === "coin").reduce((s, i) => s + i.amount, 0),
+      [calculatedDetails]
+    );
+    const totalAmount = (0, import_react.useMemo)(() => billSubtotal + coinSubtotal, [billSubtotal, coinSubtotal]);
+    const handleClose = () => {
+      setOpen(false);
+      if (typeof onCancel === "function") {
+        onCancel();
+      }
+    };
+    const handleClear = () => {
+      const reset = {};
+      currencyDenominations.forEach((d) => reset[(0, import_utils2.getDenominationId)(d)] = 0);
+      setDraftQuantities(reset);
+    };
+    const handleConfirm = () => {
+      const payload = {
+        amount: totalAmount,
+        currencyCode,
+        decimalPlaces,
+        billSubtotal,
+        coinSubtotal,
+        details: calculatedDetails,
+        quantities: draftQuantities
+      };
+      if (typeof onConfirm === "function") {
+        onConfirm(payload);
+      }
+      setOpen(false);
+    };
+    const renderSection = (type, title, subtotal) => {
+      const items = groupedDenominations[type];
+      if (!items.length) return null;
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__section` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__section-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__section-title` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${PREFIX}__dot ${PREFIX}__dot--${type}` }), /* @__PURE__ */ import_react.default.createElement("span", null, title)), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__section-subtotal` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-cash-counting.subtotal")), /* @__PURE__ */ import_react.default.createElement("strong", null, formatAmount(subtotal, symbol, decimalPlaces)))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__denomination-list` }, items.map((item) => {
+        const id = (0, import_utils2.getDenominationId)(item);
+        const qty = draftQuantities[id] ?? 0;
+        const amt = (0, import_utils2.normalizeAmount)(item.denomination_value * qty, decimalPlaces);
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__denomination-row`, key: id }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__denomination-left` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__denomination-label ${PREFIX}__denomination-label--${type}` }, item.denomination_label), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__stepper-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+          import_NumericStepper.default,
+          {
+            className: `${PREFIX}__stepper`,
+            min: 0,
+            max: 9999,
+            value: qty,
+            plusOnlyAtZero: false,
+            shape: "square",
+            onChange: (val) => setDraftQuantities((prev) => ({ ...prev, [id]: val }))
+          }
+        ))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__row-amount` }, formatAmount(amt, symbol, decimalPlaces)));
+      })));
+    };
+    const renderHeader = (0, import_react.useCallback)(() => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__modal-header` }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-cash", className: `${PREFIX}__modal-header-icon` }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__modal-header-title` }, import_utils.locales.getText("pisell-cash-counting.countCash")), /* @__PURE__ */ import_react.default.createElement(import_materials.Tag, { color: "blue", style: { border: "none" } }, currencyCode));
+    }, [currencyCode]);
+    const renderFooter = (0, import_react.useCallback)(() => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__footer` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__summary` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__summary-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-cash-counting.billsSubtotal")), /* @__PURE__ */ import_react.default.createElement("strong", null, formatAmount(billSubtotal, symbol, decimalPlaces))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__summary-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-cash-counting.coinsSubtotal")), /* @__PURE__ */ import_react.default.createElement("strong", null, formatAmount(coinSubtotal, symbol, decimalPlaces))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__total-row` }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell-cash-counting.total")), /* @__PURE__ */ import_react.default.createElement("strong", null, formatAmount(totalAmount, symbol, decimalPlaces)))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__actions` }, /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "text", size: "large", onClick: handleClear }, import_utils.locales.getText("pisell-cash-counting.clearAll")), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { size: "large", onClick: handleClose }, import_utils.locales.getText("pisell-cash-counting.cancel")), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "primary", size: "large", disabled: !currencyDenominations.length, onClick: handleConfirm }, import_utils.locales.getText("pisell-cash-counting.confirm"))));
+    }, [coinSubtotal, billSubtotal, totalAmount, currencyDenominations, handleClear, handleClose, handleConfirm]);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal,
+      {
+        destroyOnClose: true,
+        maskClosable: false,
+        footer: renderFooter(),
+        open,
+        title: renderHeader(),
+        className: `${PREFIX}__modal-wrap`,
+        bodyStyle: { padding: 0 },
+        width: modalWidth ? modalWidth : (isTerminal == null ? void 0 : isTerminal()) ? "80%" : "880px",
+        onCancel: handleClose
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__modal` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__modal-intro` }, /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, { style: { fontSize: 18, color: "#F2A63A" } }), import_utils.locales.getText("pisell-cash-counting.subtitle")), /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__scroll ${isIpad || isMobile ? `${PREFIX}__scroll-column` : ""} ${isMobile ? `${PREFIX}__scroll-mobile` : ""}` }, currencyDenominations.length === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__empty` }, import_utils.locales.getText("pisell-cash-counting.empty")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderSection("bill", import_utils.locales.getText("pisell-cash-counting.bills"), billSubtotal), renderSection("coin", import_utils.locales.getText("pisell-cash-counting.coins"), coinSubtotal))))
+    );
+  }
+);
+var CashCountingModal_default = CashCountingModal;