@pisell/private-materials 6.6.59 → 6.6.61

package/es/pro/keyboards/numberKeyboard/types.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+export declare type NumberKeyboardMode = 'integer' | 'decimal';
+export interface NumberKeyboardBaseProps {
+    /** 模式：整数 or 小数 */
+    mode?: NumberKeyboardMode;
+    /** 当前值（受控） */
+    value?: string;
+    /** 默认值（非受控） */
+    defaultValue?: string;
+    /** 原始值，用于重置 */
+    originalValue?: string;
+    /** 占位符 */
+    placeholder?: string;
+    /** 最大值 */
+    max?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 小数位数，默认 2 */
+    precision?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 确认按钮文本 */
+    doneText?: string;
+    /** 重置按钮文本 */
+    resetText?: string;
+    /** 清空按钮文本 */
+    clearText?: string;
+    /** 标签文本（显示在输入框上方） */
+    label?: string;
+    /** 超出范围时的提示文本 */
+    errorText?: string;
+    /** 值变化回调 */
+    onChange?: (value: string) => void;
+    /** 确认按钮点击回调 */
+    onEnter?: (value: string) => void;
+    /** 重置按钮点击回调 */
+    onReset?: () => void;
+    /** 外层样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+    /** 键盘是否监听物理键盘 */
+    keydown?: boolean;
+    /** 输入框样式 */
+    inputStyle?: React.CSSProperties;
+    /** 输入框包裹样式 */
+    inputWrapperStyle?: React.CSSProperties;
+}
+export interface NumberKeyboardProps extends NumberKeyboardBaseProps {
+    /** 容器配置，用于控制键盘以 popover 或 modal 形态展示 */
+    containerProps?: {
+        /** 渲染类型：popover 或 modal */
+        renderType: 'modal' | 'popover';
+        /** 是否打开（受控模式） */
+        open?: boolean;
+        /** 其他传递给 Popover 或 Modal 的属性 */
+        [key: string]: any;
+    };
+    /** 子元素，用于 popover 模式的触发器 */
+    children?: React.ReactNode;
+}

package/es/pro/keyboards/numberKeyboard/types.js

@@ -0,0 +1 @@
+export {};

package/es/pro/pisellPriceKeyboardModal/PisellPriceKeyboardModal.js

@@ -27,6 +27,7 @@ var PisellPriceKeyboardModal = function PisellPriceKeyboardModal(_ref) {
     showCurrencySymbol = _ref$showCurrencySymb === void 0 ? true : _ref$showCurrencySymb,
     _ref$useThousandsSepa = _ref.useThousandsSeparator,
     useThousandsSeparator = _ref$useThousandsSepa === void 0 ? false : _ref$useThousandsSepa,
+    symbol = _ref.symbol,
     className = _ref.className,
     style = _ref.style;
   var _useState = useState({
@@ -149,7 +150,8 @@ var PisellPriceKeyboardModal = function PisellPriceKeyboardModal(_ref) {
     resetText: locales.getText('pisell2.booking.info.text.clear'),
     amountProps: {
       showCurrencySymbol: showCurrencySymbol,
-      useThousandsSeparator: useThousandsSeparator
+      useThousandsSeparator: useThousandsSeparator,
+      symbol: symbol
     },
     selectType: "dark",
     backgroundColor: "transparent"

package/es/pro/pisellPriceKeyboardModal/types.d.ts

@@ -10,6 +10,8 @@ export interface PisellPriceKeyboardModalProps {
     onClose?: () => void;
     /** 触发元素的 ref，用于计算位置 */
     triggerRef?: React.RefObject<HTMLElement>;
+    /** 货币符号 */
+    symbol?: string;
     /** 货币符号显示 */
     showCurrencySymbol?: boolean;
     /** 是否使用千分位分隔符 */

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

@@ -253,10 +253,13 @@ var formatHolders = (state, item, values) => {
   return obj;
 };
 var formatProductPrice = (item) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g;
   const other = (_a = item._extend) == null ? void 0 : _a.other;
   let price = Number((item == null ? void 0 : item.price) ?? ((_b = item == null ? void 0 : item._extend) == null ? void 0 : _b.price));
-  if ((other == null ? void 0 : other.product_variant_id) > 0 && ((_c = item == null ? void 0 : item.variant) == null ? void 0 : _c.length) > 0) {
+  if ((0, import_utils5.isString)((_c = item._extend) == null ? void 0 : _c.priceOverride) || (0, import_utils5.isNumber)((_d = item._extend) == null ? void 0 : _d.priceOverride)) {
+    price = Number((_e = item == null ? void 0 : item._extend) == null ? void 0 : _e.price);
+  }
+  if ((other == null ? void 0 : other.product_variant_id) > 0 && ((_f = item == null ? void 0 : item.variant) == null ? void 0 : _f.length) > 0) {
     const variant = item.variant.find(
       (d) => d.id === (other == null ? void 0 : other.product_variant_id)
     );
@@ -265,7 +268,7 @@ var formatProductPrice = (item) => {
     }
   }
   if (other == null ? void 0 : other.option) {
-    price = (_d = other == null ? void 0 : other.option) == null ? void 0 : _d.reduce((pre, cur) => {
+    price = (_g = other == null ? void 0 : other.option) == null ? void 0 : _g.reduce((pre, cur) => {
       return pre + Number(cur.price) * Number(cur.num);
     }, price);
   }

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

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly" | "huifu">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly" | "huifu">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -301,8 +301,8 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "pay" | "refund" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | "huifu" | undefined;
-        action?: "pay" | "amount" | "deviceList" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | "huifu" | undefined;
+        action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;

package/lib/components/index.d.ts

@@ -20,4 +20,5 @@ import PinModal from './pinModal';
 import PinVerifyModal from './pinVerifyModal';
 import { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from './authentication/admin';
 import Registry from './systemSettings/registry';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, };
+import PisellCashCounting from './pisellCashCounting';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, PisellCashCounting, };

package/lib/components/index.js

@@ -45,6 +45,7 @@ __export(components_exports, {
   POSOperatorAuth: () => import_admin.POSOperatorAuth,
   PinModal: () => import_pinModal.default,
   PinVerifyModal: () => import_pinVerifyModal.default,
+  PisellCashCounting: () => import_pisellCashCounting.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
   ProductExtension: () => import_productExtension.default,
   Registry: () => import_registry.default,
@@ -83,6 +84,7 @@ var import_pinModal = __toESM(require("./pinModal"));
 var import_pinVerifyModal = __toESM(require("./pinVerifyModal"));
 var import_admin = require("./authentication/admin");
 var import_registry = __toESM(require("./systemSettings/registry"));
+var import_pisellCashCounting = __toESM(require("./pisellCashCounting"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -101,6 +103,7 @@ var import_registry = __toESM(require("./systemSettings/registry"));
   POSOperatorAuth,
   PinModal,
   PinVerifyModal,
+  PisellCashCounting,
   PisellSelectCustomerModal,
   ProductExtension,
   Registry,

package/lib/components/pisellCashCounting/PisellCashCounting.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PisellCashCountingProps } from './types';
+import './PisellCashCounting.less';
+declare const PisellCashCounting: React.FC<PisellCashCountingProps>;
+export default PisellCashCounting;

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;