@pisell/private-materials 3.4.65 → 3.4.67

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

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

package/lib/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/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" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

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

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

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

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

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

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

package/lib/components/eventBooking/components/ErrorTip/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Cart/ContinueButton/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Cart/Item/Total.d.ts

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

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

@@ -40,6 +40,7 @@ var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
 var import_Total = __toESM(require("./Total"));
 var import_Deposit = __toESM(require("../Deposit"));
+var import_Voucher = __toESM(require("../../../Voucher"));
 var import_index = require("./index.less");
 var CartItem = () => {
   var _a;
@@ -88,7 +89,7 @@ var CartItem = () => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, null), /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
   ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
 };
 var Item_default = CartItem;

package/lib/components/eventBooking/components/Provider/Cart/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Content/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Event/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Footer/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Header/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Information/index.d.ts

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

package/lib/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Resource/index.d.ts

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

package/lib/components/eventBooking/components/Provider/SelectHolderModal.d.ts

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

package/lib/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/lib/components/eventBooking/components/Voucher/components/Voucher.js

@@ -0,0 +1,116 @@
+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/eventBooking/components/Voucher/components/Voucher.tsx
+var Voucher_exports = {};
+__export(Voucher_exports, {
+  default: () => Voucher_default
+});
+module.exports = __toCommonJS(Voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_UserCircle = __toESM(require("@pisell/icon/es/UserCircle"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var VoucherUI = ({
+  showDetail,
+  onToggleDetail,
+  isLogin,
+  onLoginClick,
+  availableData,
+  onDiscountChange,
+  mixedSort,
+  code,
+  onCodeChange,
+  onApplyCode,
+  codeDisabled = false
+}) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const locale = ((_a2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a2.get("umi_locale")) || "en";
+    import_utils.locales.init(import_locales.default, locale);
+  }, [utils]);
+  const renderLoginCard = () => {
+    if (isLogin) return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "login-card" }, /* @__PURE__ */ import_react.default.createElement(import_UserCircle.default, { style: { fontSize: 28 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText, { className: "login-btn", onClick: onLoginClick }, import_utils.locales.getText("pisell2.voucher.login")), /* @__PURE__ */ import_react.default.createElement("span", null, " ", import_utils.locales.getText("pisell2.voucher.login-tip"))));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__event-booking-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.voucher.title")), /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-right", onClick: onToggleDetail }, import_utils.locales.getText("pisell2.voucher.details"), " ", /* @__PURE__ */ import_react.default.createElement(
+    import_ChevronDown.default,
+    {
+      className: (0, import_classnames.default)("voucher-right-icon", {
+        show: showDetail
+      })
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("voucher-detail", {
+        show: showDetail
+      })
+    },
+    (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellGoodPassCard,
+      {
+        style: { width: "100%" },
+        dataSource: availableData,
+        mixedSort,
+        onChange: onDiscountChange
+      }
+    ) : null,
+    renderLoginCard(),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.voucher.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellInput,
+      {
+        value: code,
+        allowClear: true,
+        onChange: (e) => {
+          var _a2;
+          onCodeChange((_a2 = e.target) == null ? void 0 : _a2.value);
+        },
+        size: "small",
+        placeholder: import_utils.locales.getText("pisell2.voucher.enter-code")
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        size: "small",
+        disabled: codeDisabled,
+        onClick: () => onApplyCode()
+      },
+      import_utils.locales.getText("pisell2.voucher.apply")
+    ))
+  ));
+};
+var Voucher_default = VoucherUI;

package/lib/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/lib/components/eventBooking/components/Voucher/components/locales.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Voucher 组件多语言配置
+ */
+declare const _default: {
+    en: {
+        'pisell2.voucher.title': string;
+        'pisell2.voucher.details': string;
+        'pisell2.voucher.login': string;
+        'pisell2.voucher.login-tip': string;
+        'pisell2.voucher.code': string;
+        'pisell2.voucher.enter-code': string;
+        'pisell2.voucher.apply': string;
+        'pisell2.voucher.code-invalid': string;
+        'pisell2.voucher.code-invalid-cart': string;
+    };
+    'zh-CN': {
+        'pisell2.voucher.title': string;
+        'pisell2.voucher.details': string;
+        'pisell2.voucher.login': string;
+        'pisell2.voucher.login-tip': string;
+        'pisell2.voucher.code': string;
+        'pisell2.voucher.enter-code': string;
+        'pisell2.voucher.apply': string;
+        'pisell2.voucher.code-invalid': string;
+        'pisell2.voucher.code-invalid-cart': string;
+    };
+    'zh-HK': {
+        'pisell2.voucher.title': string;
+        'pisell2.voucher.details': string;
+        'pisell2.voucher.login': string;
+        'pisell2.voucher.login-tip': string;
+        'pisell2.voucher.code': string;
+        'pisell2.voucher.enter-code': string;
+        'pisell2.voucher.apply': string;
+        'pisell2.voucher.code-invalid': string;
+        'pisell2.voucher.code-invalid-cart': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eventBooking/components/Voucher/components/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_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/lib/components/eventBooking/components/Voucher/hooks.d.ts

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