@pisell/private-materials 6.6.60 → 6.6.61

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

@@ -0,0 +1,279 @@
+.pisell-private-cash-counting-modal {
+  &__modal-wrap {
+    .pisell-lowcode-modal-footer {
+      background: rgb(249, 250, 251);
+      padding: 12px 16px !important;
+    }
+  }
+
+  &__modal {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__modal-header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    &__modal-header-icon {
+      font-size: 20px;
+      color: #667085;
+    }
+  }
+
+  &__modal-intro {
+    padding: 10px 16px;
+    background: #FFF2C2;
+    color: #995522;
+    border-radius: 6px;
+    display: flex;
+    gap: 8px;
+    font-weight: 600;
+    font-size: 14px;
+  }
+
+  &__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;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    padding: 0;
+  }
+
+  &__empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 220px;
+    color: #98a2b3;
+    font-size: 14px;
+  }
+
+  &__section {
+    padding: 16px;
+    flex: 1;
+  }
+
+  &__section+&__section {
+
+    border-top: none;
+    padding-bottom: 16px;
+  }
+
+  &__section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 16px;
+  }
+
+  &__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: 16px;
+  }
+
+  &__denomination-row {
+    // display: grid;
+    // grid-template-columns: 94px minmax(220px, 1fr) minmax(94px, 1fr);
+    align-items: center;
+    gap: 16px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &__denomination-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 94px;
+    height: 32px;
+    padding: 0 12px;
+    border-radius: 6px;
+    background: #dbeafe;
+    color: #175cd3;
+    font-size: 14px;
+    font-weight: 700;
+
+    &--coin {
+      background: #fef3c7;
+      color: #92400e;
+    }
+  }
+
+  &__denomination-left {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  &__stepper {
+    &.numeric-stepper {
+      gap: 8px;
+      grid-template-columns: auto auto auto;
+      justify-content: flex-start;
+      width: auto;
+    }
+
+    .numeric-stepper-button {
+      width: 40px;
+      height: 32px;
+      border-radius: 6px;
+    }
+
+    .numeric-stepper-display {
+      width: 70px;
+      height: 32px;
+      max-width: 70px;
+    }
+  }
+
+  &__row-amount {
+    justify-self: end;
+    color: #98a2b3;
+    font-size: 15px;
+    font-weight: 700;
+  }
+
+  &__footer {
+    width: 100%;
+  }
+
+  &__summary {
+    padding-bottom: 4px;
+    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: 4px;
+    color: #101828;
+    font-size: 18px;
+    font-weight: 700;
+
+    strong {
+      font-size: 34px;
+      line-height: 40px;
+    }
+  }
+
+  &__actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 12px;
+    margin-top: 12px;
+
+    .pisell-lowcode-btn {
+      margin: 0;
+    }
+  }
+
+  &__scroll-column {
+    padding: 0 0 10px;
+    flex-direction: column;
+    gap: 0;
+
+    .numeric-stepper-button {
+      width: 66px!important;
+    }
+  
+    .numeric-stepper-display {
+      width: 100px!important;
+      max-width: 100px!important;
+    }
+  }
+
+  &__scroll-mobile {
+    .numeric-stepper-button {
+      width: 32px!important;
+    }
+  
+    .numeric-stepper-display {
+      width: 60px!important;
+      max-width: 60px!important;
+    }
+  }
+
+  &__scroll-column &__section+&__section {
+    border-top: 1px solid #f2f4f7;
+    padding-bottom: 0;
+  }
+}

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

@@ -0,0 +1,21 @@
+import { CashCountingConfirmPayload, PisellCashCountingProps } from './types';
+import type { PisellCashCountingModalRef } from './components/CashCountingModal/index';
+export declare function usePisellCashCounting({ value, defaultValue, currencyCode, currencySymbol, amountPrecision, denominations, disabled, countDisabled, onChange, onCountConfirm, onCountCancel, }: PisellCashCountingProps): {
+    modalRef: import("react").RefObject<PisellCashCountingModalRef>;
+    triggerRef: import("react").RefObject<HTMLDivElement>;
+    keyboardOpen: boolean;
+    setKeyboardOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    currencyDenominations: import("./types").CurrencyDenominationConfig[];
+    decimalPlaces: number;
+    symbol: any;
+    currencyCode: any;
+    currentValue: string;
+    handleAmountChange: (nextValue: string | number) => void;
+    handleKeyboardClose: () => void;
+    openCountModal: () => void;
+    handleCountCancel: () => void;
+    handleCountConfirm: (payload: CashCountingConfirmPayload) => void;
+    manualCountMismatchOpen: boolean;
+    confirmUseCountedTotal: () => void;
+    confirmKeepManualAmount: () => void;
+};

package/lib/components/pisellCashCounting/hooks.js

@@ -0,0 +1,189 @@
+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/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  usePisellCashCounting: () => usePisellCashCounting
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("./utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+function usePisellCashCounting({
+  value,
+  defaultValue = "",
+  currencyCode,
+  currencySymbol,
+  amountPrecision,
+  denominations = [],
+  disabled = false,
+  countDisabled = false,
+  onChange,
+  onCountConfirm,
+  onCountCancel
+}) {
+  var _a, _b, _c, _d;
+  const context = (0, import_useEngineContext.default)();
+  const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const modalRef = (0, import_react.useRef)(null);
+  const triggerRef = (0, import_react.useRef)(null);
+  const [keyboardOpen, setKeyboardOpen] = (0, import_react.useState)(false);
+  const [internalValue, setInternalValue] = (0, import_react.useState)(defaultValue);
+  const [confirmedQuantities, setConfirmedQuantities] = (0, import_react.useState)({});
+  const countedResultRef = (0, import_react.useRef)(null);
+  const manualInputValueRef = (0, import_react.useRef)(null);
+  const [manualCountMismatchOpen, setManualCountMismatchOpen] = (0, import_react.useState)(false);
+  const globalConfig = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    const global = ((_b2 = (_a2 = store == null ? void 0 : store.getState) == null ? void 0 : _a2.call(store)) == null ? void 0 : _b2.global) || {};
+    return {
+      symbol: (global == null ? void 0 : global.symbol) || "$",
+      currency_code: (global == null ? void 0 : global.currency_code) || "AUD"
+    };
+  }, [(_c = (_b = store == null ? void 0 : store.getState) == null ? void 0 : _b.call(store)) == null ? void 0 : _c.global]);
+  const _currencyCode = (0, import_react.useMemo)(() => {
+    return currencyCode || (globalConfig == null ? void 0 : globalConfig.currency_code);
+  }, [currencyCode, globalConfig == null ? void 0 : globalConfig.currency_code]);
+  const currencyDenominations = (0, import_react.useMemo)(() => {
+    return (0, import_utils2.getEffectiveDenominationsForCurrency)(denominations, _currencyCode);
+  }, [_currencyCode, denominations]);
+  const decimalPlaces = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (typeof amountPrecision === "number") {
+      return amountPrecision;
+    }
+    return ((_a2 = currencyDenominations[0]) == null ? void 0 : _a2.decimal_places) ?? 2;
+  }, [amountPrecision, (_d = currencyDenominations[0]) == null ? void 0 : _d.decimal_places]);
+  const symbolValue = (0, import_react.useMemo)(() => {
+    if (currencySymbol) {
+      return currencySymbol;
+    }
+    return globalConfig == null ? void 0 : globalConfig.symbol;
+  }, [currencySymbol, globalConfig == null ? void 0 : globalConfig.symbol]);
+  const currentValue = (0, import_react.useMemo)(
+    () => String(value ?? internalValue),
+    [value, internalValue]
+  );
+  const updateAmount = (0, import_react.useCallback)(
+    (nextValue, source) => {
+      if (value === void 0) {
+        setInternalValue(nextValue);
+      }
+      if (typeof onChange === "function") {
+        onChange(nextValue, { source });
+      }
+    },
+    [decimalPlaces, onChange, value]
+  );
+  const handleAmountChange = (0, import_react.useCallback)(
+    (nextValue) => {
+      manualInputValueRef.current = nextValue;
+      updateAmount(String(nextValue), "manual");
+    },
+    [updateAmount]
+  );
+  const handleKeyboardClose = (0, import_react.useCallback)(
+    () => {
+      var _a2;
+      setKeyboardOpen(false);
+      if (((_a2 = countedResultRef.current) == null ? void 0 : _a2.amount) && Number(countedResultRef.current.amount) !== Number(manualInputValueRef.current)) {
+        setManualCountMismatchOpen(true);
+      }
+    },
+    [setManualCountMismatchOpen]
+  );
+  const confirmUseCountedTotal = (0, import_react.useCallback)(() => {
+    var _a2;
+    updateAmount(((_a2 = countedResultRef.current) == null ? void 0 : _a2.amount) ?? "", "count");
+    setManualCountMismatchOpen(false);
+  }, [updateAmount]);
+  const confirmKeepManualAmount = (0, import_react.useCallback)(() => {
+    countedResultRef.current = null;
+    setConfirmedQuantities({});
+    updateAmount(manualInputValueRef.current ?? "", "manual");
+    setManualCountMismatchOpen(false);
+  }, [updateAmount]);
+  const openCountModal = (0, import_react.useCallback)(() => {
+    var _a2;
+    if (disabled || countDisabled) {
+      return;
+    }
+    if (currencyDenominations.length === 0) {
+      import_antd.message.warning(
+        import_utils.locales.getText("pisell-cash-counting.no-country-config")
+      );
+      return;
+    }
+    const initialQuantities = {
+      ...(0, import_utils2.buildEmptyQuantities)(currencyDenominations),
+      ...confirmedQuantities
+    };
+    setKeyboardOpen(false);
+    (_a2 = modalRef.current) == null ? void 0 : _a2.open({ initialQuantities });
+  }, [confirmedQuantities, countDisabled, currencyDenominations, disabled]);
+  const handleCountCancel = (0, import_react.useCallback)(() => {
+    onCountCancel == null ? void 0 : onCountCancel();
+  }, [onCountCancel]);
+  const handleCountConfirm = (0, import_react.useCallback)(
+    (payload) => {
+      countedResultRef.current = payload;
+      setConfirmedQuantities(payload.quantities);
+      updateAmount(payload.amount, "count");
+      if (typeof onCountConfirm === "function") {
+        onCountConfirm(payload);
+      }
+    },
+    [onCountConfirm, updateAmount]
+  );
+  return {
+    modalRef,
+    triggerRef,
+    keyboardOpen,
+    setKeyboardOpen,
+    currencyDenominations,
+    decimalPlaces,
+    symbol: symbolValue,
+    currencyCode: _currencyCode,
+    currentValue,
+    handleAmountChange,
+    handleKeyboardClose,
+    openCountModal,
+    handleCountCancel,
+    handleCountConfirm,
+    manualCountMismatchOpen,
+    confirmUseCountedTotal,
+    confirmKeepManualAmount
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePisellCashCounting
+});

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

@@ -0,0 +1,2 @@
+export { default } from './PisellCashCounting';
+export type { CashCountingConfirmPayload, CashCountingDetail, CashDenominationType, CurrencyDenominationConfig, PisellCashCountingProps, } from './types';

package/lib/components/pisellCashCounting/index.js

@@ -0,0 +1,35 @@
+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/index.tsx
+var pisellCashCounting_exports = {};
+__export(pisellCashCounting_exports, {
+  default: () => import_PisellCashCounting.default
+});
+module.exports = __toCommonJS(pisellCashCounting_exports);
+var import_PisellCashCounting = __toESM(require("./PisellCashCounting"));

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

@@ -0,0 +1,118 @@
+declare const _default: {
+    en: {
+        'pisell-cash-counting.countCash': string;
+        'pisell-cash-counting.subtitle': string;
+        'pisell-cash-counting.currency': string;
+        'pisell-cash-counting.bills': string;
+        'pisell-cash-counting.coins': string;
+        'pisell-cash-counting.billsSubtotal': string;
+        'pisell-cash-counting.coinsSubtotal': string;
+        'pisell-cash-counting.subtotal': string;
+        'pisell-cash-counting.total': string;
+        'pisell-cash-counting.clearAll': string;
+        'pisell-cash-counting.cancel': string;
+        'pisell-cash-counting.confirm': string;
+        'pisell-cash-counting.placeholder': string;
+        'pisell-cash-counting.empty': string;
+        'pisell-cash-counting.no-country-config': string;
+        'pisell-cash-counting.manual-vs-count-message-title': string;
+        'pisell-cash-counting.manual-vs-count-message': string;
+        'pisell-cash-counting.use-count-total': string;
+        'pisell-cash-counting.keep-manual-amount': string;
+        'pisell2.customise-item.save': string;
+        'pisell2.booking.info.text.clear': string;
+    };
+    'zh-CN': {
+        'pisell-cash-counting.countCash': string;
+        'pisell-cash-counting.subtitle': string;
+        'pisell-cash-counting.currency': string;
+        'pisell-cash-counting.bills': string;
+        'pisell-cash-counting.coins': string;
+        'pisell-cash-counting.billsSubtotal': string;
+        'pisell-cash-counting.coinsSubtotal': string;
+        'pisell-cash-counting.subtotal': string;
+        'pisell-cash-counting.total': string;
+        'pisell-cash-counting.clearAll': string;
+        'pisell-cash-counting.cancel': string;
+        'pisell-cash-counting.confirm': string;
+        'pisell-cash-counting.placeholder': string;
+        'pisell-cash-counting.empty': string;
+        'pisell-cash-counting.no-country-config': string;
+        'pisell-cash-counting.manual-vs-count-message-title': string;
+        'pisell-cash-counting.manual-vs-count-message': string;
+        'pisell-cash-counting.use-count-total': string;
+        'pisell-cash-counting.keep-manual-amount': string;
+        'pisell2.customise-item.save': string;
+        'pisell2.booking.info.text.clear': string;
+    };
+    'zh-HK': {
+        'pisell-cash-counting.countCash': string;
+        'pisell-cash-counting.subtitle': string;
+        'pisell-cash-counting.currency': string;
+        'pisell-cash-counting.bills': string;
+        'pisell-cash-counting.coins': string;
+        'pisell-cash-counting.billsSubtotal': string;
+        'pisell-cash-counting.coinsSubtotal': string;
+        'pisell-cash-counting.subtotal': string;
+        'pisell-cash-counting.total': string;
+        'pisell-cash-counting.clearAll': string;
+        'pisell-cash-counting.cancel': string;
+        'pisell-cash-counting.confirm': string;
+        'pisell-cash-counting.placeholder': string;
+        'pisell-cash-counting.empty': string;
+        'pisell-cash-counting.no-country-config': string;
+        'pisell-cash-counting.manual-vs-count-message-title': string;
+        'pisell-cash-counting.manual-vs-count-message': string;
+        'pisell-cash-counting.use-count-total': string;
+        'pisell-cash-counting.keep-manual-amount': string;
+        'pisell2.customise-item.save': string;
+        'pisell2.booking.info.text.clear': string;
+    };
+    ja: {
+        'pisell-cash-counting.countCash': string;
+        'pisell-cash-counting.subtitle': string;
+        'pisell-cash-counting.currency': string;
+        'pisell-cash-counting.bills': string;
+        'pisell-cash-counting.coins': string;
+        'pisell-cash-counting.billsSubtotal': string;
+        'pisell-cash-counting.coinsSubtotal': string;
+        'pisell-cash-counting.subtotal': string;
+        'pisell-cash-counting.total': string;
+        'pisell-cash-counting.clearAll': string;
+        'pisell-cash-counting.cancel': string;
+        'pisell-cash-counting.confirm': string;
+        'pisell-cash-counting.placeholder': string;
+        'pisell-cash-counting.empty': string;
+        'pisell-cash-counting.no-country-config': string;
+        'pisell-cash-counting.manual-vs-count-message-title': string;
+        'pisell-cash-counting.manual-vs-count-message': string;
+        'pisell-cash-counting.use-count-total': string;
+        'pisell-cash-counting.keep-manual-amount': string;
+        'pisell2.customise-item.save': string;
+        'pisell2.booking.info.text.clear': string;
+    };
+    pt: {
+        'pisell-cash-counting.countCash': string;
+        'pisell-cash-counting.subtitle': string;
+        'pisell-cash-counting.currency': string;
+        'pisell-cash-counting.bills': string;
+        'pisell-cash-counting.coins': string;
+        'pisell-cash-counting.billsSubtotal': string;
+        'pisell-cash-counting.coinsSubtotal': string;
+        'pisell-cash-counting.subtotal': string;
+        'pisell-cash-counting.total': string;
+        'pisell-cash-counting.clearAll': string;
+        'pisell-cash-counting.cancel': string;
+        'pisell-cash-counting.confirm': string;
+        'pisell-cash-counting.placeholder': string;
+        'pisell-cash-counting.empty': string;
+        'pisell-cash-counting.no-country-config': string;
+        'pisell-cash-counting.manual-vs-count-message-title': string;
+        'pisell-cash-counting.manual-vs-count-message': string;
+        'pisell-cash-counting.use-count-total': string;
+        'pisell-cash-counting.keep-manual-amount': string;
+        'pisell2.customise-item.save': string;
+        'pisell2.booking.info.text.clear': string;
+    };
+};
+export default _default;