@pisell/private-materials 3.4.22 → 3.4.23

package/es/components/wallet/components/UsageRules/index.js

@@ -0,0 +1,147 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Typography } from '@pisell/materials';
+import "./index.less";
+var Text = Typography.Text;
+function UsageRules(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    style = _ref.style,
+    rules = _ref.rules,
+    _ref$personalLimit = _ref.personalLimit,
+    personalLimit = _ref$personalLimit === void 0 ? {
+      total: 5,
+      remaining: 3,
+      note: '用完后此券将自动失效'
+    } : _ref$personalLimit,
+    locales = _ref.locales;
+  // Helper function to interpolate text with variables
+  var interpolateText = function interpolateText(text, variables) {
+    return text.replace(/\{(\w+)\}/g, function (match, key) {
+      return variables[key] !== undefined ? variables[key] : match;
+    });
+  };
+
+  // Get localized text with fallback
+  var getText = function getText(key, fallback) {
+    return (locales === null || locales === void 0 ? void 0 : locales.getText(key)) || fallback || key;
+  };
+
+  // Generate rule description with limit value
+  var getRuleDescription = function getRuleDescription(type, limit) {
+    // Handle unlimited case (limit = 0 means unlimited)
+    if (limit === 0 && type === 'monthly') {
+      return getText('page.wallet.monthlyLimitUnlimited', '无限制');
+    }
+    var templateKey = "page.wallet.".concat(type, "LimitDesc");
+    var template = getText(templateKey, '');
+    return interpolateText(template, {
+      limit: limit
+    });
+  };
+
+  // Generate rule reset time text
+  var getRuleResetTime = function getRuleResetTime(type) {
+    var resetKey = "page.wallet.".concat(type, "Reset");
+    return getText(resetKey, '');
+  };
+
+  // Default rules with localized text
+  var defaultRules = [{
+    type: 'daily',
+    limit: 3,
+    description: getRuleDescription('daily', 3),
+    resetTime: getRuleResetTime('daily')
+  }, {
+    type: 'weekly',
+    limit: 15,
+    description: getRuleDescription('weekly', 15),
+    resetTime: getRuleResetTime('weekly')
+  }, {
+    type: 'monthly',
+    limit: 60,
+    description: getRuleDescription('monthly', 60),
+    resetTime: getRuleResetTime('monthly')
+  }];
+
+  // Process rules to add localized descriptions
+  var processedRules = rules ? rules.map(function (rule) {
+    return _objectSpread(_objectSpread({}, rule), {}, {
+      description: getRuleDescription(rule.type, rule.limit),
+      resetTime: getRuleResetTime(rule.type)
+    });
+  }) : defaultRules;
+  var finalRules = processedRules;
+  var getRuleLabel = function getRuleLabel(type) {
+    switch (type) {
+      case 'daily':
+        return getText('page.wallet.dailyLimit', '每日限制:');
+      case 'weekly':
+        return getText('page.wallet.weeklyLimit', '每周限制:');
+      case 'monthly':
+        return getText('page.wallet.monthlyLimit', '每月限制:');
+      default:
+        return getText('page.wallet.dailyLimit', '限制:');
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules ".concat(className),
+    style: style
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-title"
+  }, getText('page.wallet.usageRules', '使用规则')), /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-subtitle"
+  }, getText('page.wallet.usageRulesSubtitle', '请仔细阅读以下使用条件')), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-section"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-section-title"
+  }, getText('page.wallet.timeUsageLimits', '时间使用限制')), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-list"
+  }, finalRules.length > 0 ? finalRules.map(function (rule, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "usage-rules-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "usage-rules-item-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "usage-rules-item-main-line"
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: "usage-rules-item-label"
+    }, getRuleLabel(rule.type)), /*#__PURE__*/React.createElement(Text, {
+      className: "usage-rules-item-description"
+    }, rule.description)), rule.resetTime && /*#__PURE__*/React.createElement(Text, {
+      className: "usage-rules-item-reset"
+    }, rule.resetTime)));
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item-content"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-description"
+  }, getText('page.wallet.monthlyLimitUnlimited', '无限制')))))), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-section"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-section-title"
+  }, getText('page.wallet.totalQuantityControl', '总量控制')), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item-content"
+  }, personalLimit.total > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-label"
+  }, getText('page.wallet.personalLimit', '个人限额:')), /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-description"
+  }, interpolateText(getText('page.wallet.personalLimitDesc', '您最多可使用此券{total}次(剩余{remaining}次)'), {
+    total: personalLimit.total,
+    remaining: personalLimit.remaining
+  })), /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-note"
+  }, getText('page.wallet.voucherExpireNote', '用完后此券将自动失效'))) : /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-description"
+  }, getText('page.wallet.monthlyLimitUnlimited', '无限制'))))));
+}
+export default UsageRules;

package/es/components/wallet/components/UsageRules/index.less

@@ -0,0 +1,157 @@
+.usage-rules {
+  padding: 16px;
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #f0f0f0;
+  margin-top: 16px;
+  margin-bottom: 20px;
+
+  // 确保所有Text组件都是块级元素
+  .ant-typography {
+    display: block !important;
+    width: 100% !important;
+    margin-bottom: 0 !important;
+  }
+
+  &-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #000000;
+    line-height: 24px;
+    margin-bottom: 8px;
+    display: block;
+    width: 100%;
+  }
+
+  &-subtitle {
+    font-size: 14px;
+    color: #6B7280;
+    line-height: 20px;
+    margin-bottom: 24px;
+    display: block;
+    width: 100%;
+  }
+
+  &-section {
+    margin-bottom: 24px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    &-title {
+      font-size: 16px;
+      font-weight: 500;
+      color: #6B7280;
+      line-height: 20px;
+      margin-bottom: 16px;
+      display: block;
+      width: 100%;
+    }
+  }
+
+  &-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  &-item {
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+
+    &::before {
+      content: '•';
+      color: #697281;
+      font-size: 16px;
+      line-height: 20px;
+      font-weight: bold;
+      margin-right: 8px;
+      flex-shrink: 0;
+      margin-top: 0;
+    }
+
+    &-content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    &-main-line {
+      margin-bottom: 4px;
+    }
+
+    &-label {
+      font-size: 14px;
+      font-weight: 600;
+      color: #000000;
+      line-height: 20px;
+      display: inline;
+      margin-right: 4px;
+    }
+
+    &-description {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      display: inline;
+      word-wrap: break-word;
+    }
+
+    &-reset {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      display: block;
+      width: 100%;
+    }
+
+    &-note {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      margin-top: 4px;
+      display: block;
+      width: 100%;
+    }
+  }
+
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .usage-rules {
+    padding: 12px;
+    margin-top: 12px;
+
+    &-title {
+      font-size: 16px;
+    }
+
+    &-subtitle {
+      font-size: 13px;
+    }
+
+    &-section {
+      margin-bottom: 20px;
+
+      &-title {
+        font-size: 15px;
+      }
+    }
+
+    &-item {
+      &::before {
+        font-size: 14px;
+        margin-right: 6px;
+      }
+
+      &-label,
+      &-description,
+      &-reset,
+      &-note {
+        font-size: 13px;
+      }
+    }
+  }
+}

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

@@ -1,2 +1,3 @@
 export { default as WalletBar } from './WalletBar';
 export { default as FooterButtons } from './FooterButtons';
+export { default as UsageRules } from './UsageRules';

package/es/components/wallet/components/index.js

@@ -1,3 +1,4 @@
 // 导出所有公共组件
 export { default as WalletBar } from "./WalletBar";
-export { default as FooterButtons } from "./FooterButtons";
+export { default as FooterButtons } from "./FooterButtons";
+export { default as UsageRules } from "./UsageRules";

package/es/components/wallet/hooks/useWalletCard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/lib/components/appointmentBooking/components/Cart/Item/Total.d.ts

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

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

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

package/lib/components/appointmentBooking/components/ConfirmInformation/index.js

@@ -43,9 +43,11 @@ var import_utils3 = require("./utils");
 var import_index = require("./index.less");
 var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   var _a, _b;
+  const hasSubscribedRef = (0, import_react.useRef)(false);
   const context = (0, import_useEngineContext.default)();
   const config = ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.config) || {};
   const utils = (0, import_hooks.contextUtils)();
+  const { pubsub } = context.appHelper.utils;
   const { appointmentBooking, summary, isAgreeDepositPolicy, setLoading } = (0, import_context.useAppointmentBookingContext)();
   const { isRetailTemplate } = (0, import_hooks.useAppointmentBookingSetting)();
   const goPaymentFinish = (order_id, amount) => {
@@ -141,10 +143,28 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
       }, 50);
     }
   };
+  const handleSubmit = () => {
+    var _a2, _b2, _c, _d;
+    if ((_b2 = (_a2 = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _a2.isGuestUser) == null ? void 0 : _b2.call(_a2)) {
+      if (!hasSubscribedRef.current) {
+        pubsub.subscribe("bind.guest.user", handleNext);
+        hasSubscribedRef.current = true;
+      }
+      (_d = (_c = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _c.openRegisterModal) == null ? void 0 : _d.call(_c, true);
+      return;
+    }
+    handleNext();
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      pubsub.unsubscribe("bind.guest.user", handleNext);
+      hasSubscribedRef.current = false;
+    };
+  }, []);
   (0, import_react.useImperativeHandle)(ref, () => ({
-    next: handleNext
+    next: handleSubmit
   }));
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleNext }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleSubmit }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
     "img",
     {
       src: `${config == null ? void 0 : config.awsStatic}/checkout_confirm.png`,

package/lib/components/appointmentBooking/components/Content/index.js

@@ -84,7 +84,7 @@ var Layout = () => {
   const context = (0, import_useEngineContext.default)();
   const { pubsub } = context.appHelper.utils;
   (0, import_react.useEffect)(() => {
-    const handleLoginSuccess = async () => {
+    const handleLoginSuccess = async (res) => {
       var _a2;
       if (!isFormSubject) {
         const user = JSON.parse(((_a2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a2.get("customer")) || "{}");
@@ -100,7 +100,7 @@ var Layout = () => {
     };
     pubsub.subscribe("pisell1.login.success", handleLoginSuccess);
     return () => {
-      pubsub.unsubscribe("pisell1.login.success");
+      pubsub.unsubscribe("pisell1.login.success", handleLoginSuccess);
     };
   }, []);
   (0, import_react.useEffect)(() => {

package/lib/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export declare const DepositContent: (props: {
     isAgreeDepositPolicy: boolean;

package/lib/components/appointmentBooking/components/Footer/index.d.ts

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

package/lib/components/appointmentBooking/components/Voucher/index.js

@@ -133,7 +133,8 @@ var VoucherCard = (props) => {
     );
   }, []);
   const onScanCode = async () => {
-    const val = await shopDiscount.scanCode(code);
+    const customerId = currentUser.id;
+    const val = await shopDiscount.scanCode(code, customerId);
     if (val == null ? void 0 : val.isAvailable) {
       batchUpdateCart(val.productList);
       setCode("");

package/lib/components/appointmentBooking/hooks.js

@@ -266,8 +266,10 @@ var useAppointmentBookingStep = () => {
       const checkLogin = async () => {
         if (!isLogin) {
           const { pubsub } = utils;
-          pubsub.once("pisell1.login.success", () => {
-            checkHolder();
+          pubsub.once("pisell1.login.success", (res) => {
+            if (res === "success") {
+              checkHolder();
+            }
           });
           return openLoginModal({
             callback: (status) => {

package/lib/components/appointmentBooking/index.js

@@ -55,6 +55,12 @@ var AppointmentBooking = () => {
       if (!data.length) {
         const currentUser = (0, import_utils2.formatCurrentUser)(utils);
         appointmentBooking.addAccounts([currentUser]);
+      } else if (data.length >= 1) {
+        const meAccount = data == null ? void 0 : data.find((d) => !(d == null ? void 0 : d.isGuest));
+        const currentUser = (0, import_utils2.formatCurrentUser)(utils);
+        if (currentUser && meAccount.id !== currentUser.id) {
+          appointmentBooking.setLoginAccount(meAccount.id, currentUser);
+        }
       }
     });
   }, []);

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

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

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

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

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

@@ -216,7 +216,9 @@ var VoucherCard = (props) => {
     });
   });
   const onScanCode = async () => {
-    const val = await shopDiscount.scanCode(code);
+    var _a2;
+    const customerId = (_a2 = state.client.value) == null ? void 0 : _a2.id;
+    const val = await shopDiscount.scanCode(code, customerId);
     console.log(val);
     if (val == null ? void 0 : val.isAvailable) {
       productListToValue(val.productList, true);

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

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

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

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

package/lib/components/eftpos/form/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {

package/lib/components/eftpos/pos.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页

package/lib/components/eftposPay/component/fail/failCustom.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 declare const _default: ({ className, isMobile, onChange }: ActionProps) => JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 declare const _default: ({ onChange, className, isMobile }: ActionProps) => JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/network.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 /**
  * @title: 断网(客户端)提示页

package/lib/components/eftposPay/component/fail/unknow.d.ts

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

package/lib/components/eftposPay/component/manual/index.d.ts

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

package/lib/components/eftposPay/component/signature/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 /**
  * @title: 取消签名确认页

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" | "tyro" | "windcave" | "payo" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

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

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

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