@pisell/private-materials 3.4.66 → 3.4.68

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

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

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

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

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

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

package/es/components/booking/components/footer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 /**
  * @title: 底部

package/es/components/booking/components/voucher/index.js

@@ -247,7 +247,7 @@ var VoucherCard = function VoucherCard(props) {
   var onScanCode = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _state$client$value2;
-      var customerId, val;
+      var customerId, val, content;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -262,8 +262,11 @@ var VoucherCard = function VoucherCard(props) {
               productListToValue(val.productList, true);
               setCode('');
             } else {
+              content = {
+                time_limit: locales.getText('pisell2.text.goodpass.code-invalid-expired')
+              };
               PisellToast({
-                content: val.type === 'server' ? locales.getText('pisell2.text.goodpass.code-invalid') : locales.getText('pisell2.text.goodpass.code-invalid-cart')
+                content: val.type === 'server' ? locales.getText('pisell2.text.goodpass.code-invalid') : content[val === null || val === void 0 ? void 0 : val.unavailableReason] || locales.getText('pisell2.text.goodpass.code-invalid-cart')
               });
             }
           case 6:

package/es/components/booking/forms/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/booking/forms/sendModal/useSendModal.d.ts

@@ -4,6 +4,6 @@ declare const useSendModal: (bookingId?: number) => {
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleOpen: () => void;
     handleValuesChange: (val: any) => void;
-    handleOk: (values: SendModalValues) => Promise<boolean | undefined>;
+    handleOk: (values: SendModalValues) => Promise<any>;
 };
 export default useSendModal;

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

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

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

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

package/es/components/booking/info/index.d.ts

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

package/es/components/booking/info/notes/index.d.ts

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

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

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

package/es/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

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

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

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

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

package/es/components/booking/info2/service/addTimeModal/index.d.ts

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

package/es/components/booking/info2/service/contactInfoMode/index.d.ts

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

package/es/components/booking/locales.js

@@ -304,6 +304,7 @@ export default {
     'pisell2.text.goodpass.enter-code': "Enter Code",
     'pisell2.text.goodpass.code-invalid': "Current code is invalid",
     'pisell2.text.goodpass.code-invalid-cart': "No eligible items in the cart",
+    'pisell2.text.goodpass.code-invalid-expired': "Current coupon is not valid in use",
     'pisell2.text.status.valid': 'Valid',
     'pisell2.text.status.expired': 'Expired',
     'pisell2.text.validity.expired': function pisell2TextValidityExpired(str) {
@@ -631,6 +632,7 @@ export default {
     'pisell2.text.goodpass.enter-code': "请输入券码",
     'pisell2.text.goodpass.code-invalid': "当前券码不可用",
     'pisell2.text.goodpass.code-invalid-cart': "当前购物车中无可用商品",
+    'pisell2.text.goodpass.code-invalid-expired': "当前优惠券不在使用期限内",
     'pisell2.text.status.valid': '有效',
     'pisell2.text.status.expired': '已过期',
     'pisell2.text.validity.expired': function pisell2TextValidityExpired(str) {
@@ -958,6 +960,7 @@ export default {
     'pisell2.text.goodpass.enter-code': "請輸入券碼",
     'pisell2.text.goodpass.code-invalid': "當前券碼不可用",
     'pisell2.text.goodpass.code-invalid-cart': "當前購物車中無可用商品",
+    'pisell2.text.goodpass.code-invalid-expired': "當前優惠券不在使用期限內",
     'pisell2.text.status.valid': '有效',
     'pisell2.text.status.expired': '已過期',
     'pisell2.text.validity.expired': function pisell2TextValidityExpired(str) {

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

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

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

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

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

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

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

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

package/es/components/booking/notes/NoteBlock/index.d.ts

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

package/es/components/booking/notes/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/booking/payments/model.d.ts

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/eftposPay/amount.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -8,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/payo/config.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StatusEnum } from '../const';
 export declare const POS: ({ api, onChange, }: {
     api: {

package/es/components/eftposPay/tip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './tip.less';
 /**
  * @title: 支付状态未知页面

package/es/components/eftposPay/windcave/receiptAction.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 按钮操作区
  * @description: 仅包含签名

package/es/components/eftposPay/windcave/windcave.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: ({ api, onChange, formatAmount, }: {
     api: any;
     onChange: any;

package/es/components/eventBooking/components/Provider/Cart/Item/index.js

@@ -6,6 +6,7 @@ import SelectHolderModal from "../../SelectHolderModal";
 import ContinueButton from "../ContinueButton";
 import Total from "./Total";
 import Deposit from "../Deposit";
+import Voucher from "../../../Voucher";
 import "./index.less";
 var CartItem = function CartItem() {
   var _cartData$cartItems;
@@ -58,7 +59,7 @@ var CartItem = function CartItem() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "event-footer"
-  }, /*#__PURE__*/React.createElement(Total, null), (cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.length) > 0 && deposit !== null && deposit !== void 0 && deposit.hasDeposit ? /*#__PURE__*/React.createElement(Deposit, null) : null, /*#__PURE__*/React.createElement(ContinueButton, null))), /*#__PURE__*/React.createElement(SelectHolderModal, {
+  }, /*#__PURE__*/React.createElement(Voucher, null), /*#__PURE__*/React.createElement(Total, null), (cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.length) > 0 && deposit !== null && deposit !== void 0 && deposit.hasDeposit ? /*#__PURE__*/React.createElement(Deposit, null) : null, /*#__PURE__*/React.createElement(ContinueButton, null))), /*#__PURE__*/React.createElement(SelectHolderModal, {
     open: open
   }));
 };

package/es/components/eventBooking/components/Voucher/components/Voucher.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface VoucherUIProps {
+    showDetail: boolean;
+    onToggleDetail: () => void;
+    isLogin: boolean;
+    onLoginClick: () => void;
+    availableData: any[];
+    onDiscountChange: (val: {
+        id: any;
+        isSelected: boolean;
+    }) => void;
+    mixedSort: (val: any[]) => any[];
+    code: string;
+    onCodeChange: (value: string) => void;
+    onApplyCode: () => void;
+    codeDisabled?: boolean;
+}
+declare const VoucherUI: React.FC<VoucherUIProps>;
+export default VoucherUI;

package/es/components/eventBooking/components/Voucher/components/Voucher.js

@@ -0,0 +1,99 @@
+import React, { useEffect } from 'react';
+import ChevronDown from '@pisell/icon/es/ChevronDown';
+import UserCircle from '@pisell/icon/es/UserCircle';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import { PisellInput, PisellGoodPassCard, PisellText, Button } from '@pisell/materials';
+import useEngineContext from "../../../../../hooks/useEngineContext";
+import localeTexts from "./locales";
+import "./index.less";
+var VoucherUI = function VoucherUI(_ref) {
+  var _context$appHelper;
+  var showDetail = _ref.showDetail,
+    onToggleDetail = _ref.onToggleDetail,
+    isLogin = _ref.isLogin,
+    onLoginClick = _ref.onLoginClick,
+    availableData = _ref.availableData,
+    onDiscountChange = _ref.onDiscountChange,
+    mixedSort = _ref.mixedSort,
+    code = _ref.code,
+    onCodeChange = _ref.onCodeChange,
+    onApplyCode = _ref.onApplyCode,
+    _ref$codeDisabled = _ref.codeDisabled,
+    codeDisabled = _ref$codeDisabled === void 0 ? false : _ref$codeDisabled;
+  var context = useEngineContext();
+  var utils = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+
+  // 初始化多语言
+  useEffect(function () {
+    var _utils$storage;
+    var locale = (utils === null || utils === void 0 || (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || 'en';
+    locales.init(localeTexts, locale);
+  }, [utils]);
+
+  // 渲染登录卡片
+  var renderLoginCard = function renderLoginCard() {
+    if (isLogin) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "login-card"
+    }, /*#__PURE__*/React.createElement(UserCircle, {
+      style: {
+        fontSize: 28
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "text-wrapper"
+    }, /*#__PURE__*/React.createElement(PisellText, {
+      className: "login-btn",
+      onClick: onLoginClick
+    }, locales.getText('pisell2.voucher.login')), /*#__PURE__*/React.createElement("span", null, " ", locales.getText('pisell2.voucher.login-tip'))));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__event-booking-voucher-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "voucher-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "voucher-title-left"
+  }, locales.getText('pisell2.voucher.title')), /*#__PURE__*/React.createElement("span", {
+    className: "voucher-title-right",
+    onClick: onToggleDetail
+  }, locales.getText('pisell2.voucher.details'), ' ', /*#__PURE__*/React.createElement(ChevronDown, {
+    className: classNames('voucher-right-icon', {
+      show: showDetail
+    })
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNames('voucher-detail', {
+      show: showDetail
+    })
+  }, (availableData === null || availableData === void 0 ? void 0 : availableData.length) > 0 ? /*#__PURE__*/React.createElement(PisellGoodPassCard, {
+    style: {
+      width: '100%'
+    },
+    dataSource: availableData,
+    mixedSort: mixedSort,
+    onChange: onDiscountChange
+  }) : null, renderLoginCard(), /*#__PURE__*/React.createElement("div", {
+    className: "voucher-code-input-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "voucher-code-input"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, locales.getText('pisell2.voucher.code'), ":"), /*#__PURE__*/React.createElement(PisellInput, {
+    value: code,
+    allowClear: true,
+    onChange: function onChange(e) {
+      var _e$target;
+      onCodeChange((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+    },
+    size: "small",
+    placeholder: locales.getText('pisell2.voucher.enter-code')
+  })), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    disabled: codeDisabled,
+    onClick: function onClick() {
+      return onApplyCode();
+    }
+  }, locales.getText('pisell2.voucher.apply')))));
+};
+export default VoucherUI;

package/es/components/eventBooking/components/Voucher/components/index.less

@@ -0,0 +1,124 @@
+.pisell-lowcode__event-booking-voucher-container {
+  margin-bottom: 8px;
+
+  .login-card {
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+    display: flex;
+    padding: 12px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    color: var(--Gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    margin-top: 6px;
+
+    .text-wrapper {
+      max-width: 200px;
+    }
+
+    .login-btn {
+      cursor: pointer;
+      color: var(--theme-color, #8157d5);
+    }
+  }
+
+  .voucher-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .voucher-title-left {
+      color: var(--base-black, #000);
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 28px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .voucher-title-right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      color: var(--theme-color, #7f56d9);
+      cursor: pointer;
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+    }
+
+    .voucher-right-icon {
+      font-size: 20px;
+      width: 24px;
+      height: 24px;
+      color: var(--theme-color, #7f56d9);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.show {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  .voucher-detail {
+    width: 100%;
+    transition: 0.2s;
+    max-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &.show {
+      max-height: unset;
+    }
+  }
+
+  .voucher-code-input-wrapper {
+    margin-top: 6px;
+    display: flex;
+    width: 100%;
+    height: 42px;
+    padding: 8px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+  }
+
+  .voucher-code-input {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    
+    > div {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      margin-right: 8px;
+    }
+
+    .pisell-materials__input {
+      flex: 1;
+    }
+  }
+
+  input {
+    box-shadow: none !important;
+  }
+}
+

package/es/components/eventBooking/components/Voucher/components/locales.js

@@ -0,0 +1,38 @@
+/**
+ * Voucher 组件多语言配置
+ */
+export default {
+  en: {
+    'pisell2.voucher.title': 'Promotion',
+    'pisell2.voucher.details': 'Details',
+    'pisell2.voucher.login': 'Login',
+    'pisell2.voucher.login-tip': 'to view your vouchers',
+    'pisell2.voucher.code': 'Code',
+    'pisell2.voucher.enter-code': 'Enter voucher code',
+    'pisell2.voucher.apply': 'Apply',
+    'pisell2.voucher.code-invalid': 'Invalid voucher code',
+    'pisell2.voucher.code-invalid-cart': 'Voucher not applicable to current cart'
+  },
+  'zh-CN': {
+    'pisell2.voucher.title': '促销',
+    'pisell2.voucher.details': '详情',
+    'pisell2.voucher.login': '登录',
+    'pisell2.voucher.login-tip': '查看您的优惠券',
+    'pisell2.voucher.code': '优惠码',
+    'pisell2.voucher.enter-code': '请输入优惠码',
+    'pisell2.voucher.apply': '应用',
+    'pisell2.voucher.code-invalid': '优惠码无效',
+    'pisell2.voucher.code-invalid-cart': '优惠券不适用于当前购物车'
+  },
+  'zh-HK': {
+    'pisell2.voucher.title': '促销',
+    'pisell2.voucher.details': '詳情',
+    'pisell2.voucher.login': '登錄',
+    'pisell2.voucher.login-tip': '查看您的優惠券',
+    'pisell2.voucher.code': '優惠碼',
+    'pisell2.voucher.enter-code': '請輸入優惠碼',
+    'pisell2.voucher.apply': '應用',
+    'pisell2.voucher.code-invalid': '優惠碼無效',
+    'pisell2.voucher.code-invalid-cart': '優惠券不適用於當前購物車'
+  }
+};

package/es/components/eventBooking/components/Voucher/hooks.d.ts

@@ -0,0 +1,7 @@
+export declare const useShopDiscount: () => any;
+/**
+ * @title 登录后重新获取应用报价单后的价格
+ */
+export declare const useVoucherLogin: () => {
+    getCartItemProductsWithQuotation: () => Promise<void>;
+};