@pisell/private-materials 3.2.21 → 3.2.22

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

@@ -55,8 +55,9 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
     expire_date = _detail$expire_date === void 0 ? '' : _detail$expire_date,
     _detail$product = detail.product,
     product = _detail$product === void 0 ? {} : _detail$product;
-  var _product$description = product.description,
-    description = _product$description === void 0 ? '' : _product$description;
+  var _ref = product || {},
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? '' : _ref$description;
   var context = useEngineContext();
   var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
   var dvaStore = utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 ? void 0 : _utils$getStore.getState();
@@ -174,6 +175,11 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
         label: locales.getText('page.wallet.points'),
         value: balance ? "".concat(Number(balance)) : ''
       });
+    } else if (tag === 'good_pass') {
+      data.splice(2, 0, {
+        label: locales.getText('page.wallet.goodPass'),
+        value: balance ? "".concat(Number(balance)) : ''
+      });
     } else {
       data.splice(2, 0, {
         label: locales.getText('page.wallet.balance'),
@@ -190,10 +196,10 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
   locales.init(localeTexts, (dvaStore === null || dvaStore === void 0 || (_dvaStore$core = dvaStore.core) === null || _dvaStore$core === void 0 ? void 0 : _dvaStore$core.translateLocale) || 'en');
   // 注册请求
   request.setRequest(utils === null || utils === void 0 ? void 0 : utils.request);
-  var _ref = ((_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils) || {
+  var _ref2 = ((_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils) || {
       store: {}
     },
-    store = _ref.store;
+    store = _ref2.store;
   var platform = isMobile() ? 'h5' : 'pc';
   var timezone = (store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 || (_store$getState = _store$getState.call(store)) === null || _store$getState === void 0 || (_store$getState = _store$getState.global) === null || _store$getState === void 0 || (_store$getState = _store$getState.symbol) === null || _store$getState === void 0 ? void 0 : _store$getState.shop.timezone) || 'Asia/Shanghai';
   var formatTimeLineDta = function formatTimeLineDta(data) {
@@ -224,7 +230,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
     return isNegative ? "-".concat(tag !== 'point_card' ? symbol : '').concat(absAmount) : "".concat(tag !== 'point_card' ? symbol : '').concat(amount);
   };
   var getDetail = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _yield$getDetailApi, _yield$getDetailApi$a, apple_wallet_url, _yield$getDetailApi$g, google_wallet_url;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -248,7 +254,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       }, _callee);
     }));
     return function getDetail() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -288,7 +294,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
     }, amount && currency_symbol ? formatCurrencyAmount(amount, action === 'order_expend') : ''));
   };
   var getTimeTreeList = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _yield$getAssetList, _yield$getAssetList$l, list, filterList, i, _filterList$i, _filterList$i2, _filterList$i3, _filterList$i4;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -340,7 +346,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       }, _callee2, null, [[1, 12, 15, 18]]);
     }));
     return function getTimeTreeList() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -355,7 +361,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
    * @returns Promise<boolean> 是否添加成功
    */
   var addWalletPass = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url, type) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(url, type) {
       var response, passData, blob, downloadUrl, a;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -433,11 +439,11 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       }, _callee3, null, [[8, 30, 34, 37]]);
     }));
     return function addWalletPass(_x, _x2) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var onAppleClick = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -450,11 +456,11 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       }, _callee4);
     }));
     return function onAppleClick() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var onGoogleClick = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
@@ -467,7 +473,7 @@ var Detail = /*#__PURE__*/forwardRef(function (props, ref) {
       }, _callee5);
     }));
     return function onGoogleClick() {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var isWechat = function isWechat() {

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

@@ -51,6 +51,7 @@ var Voucher = Provider(function (props) {
   // 渲染卡片项
   var renderItem = function renderItem(item) {
     return /*#__PURE__*/React.createElement(WalletCard, {
+      balanceTitle: item.tag === 'good_pass' ? locales.getText('page.wallet.goodPass') : undefined,
       item: item,
       currentId: globalState.currentId,
       onClick: function onClick() {

package/es/components/wallet/index.js

@@ -87,6 +87,12 @@ var Wallet = Provider(function () {
           return;
         }
       }
+      if (tag === 'good_pass') {
+        if (!result['product_voucher']) {
+          result['product_voucher'] = [];
+        }
+        result['product_voucher'].push(item);
+      }
       result[tag].push(item);
     });
     return result;
@@ -651,8 +657,16 @@ var Wallet = Provider(function () {
         }
       });
     };
+    var getBalanceTitle = function getBalanceTitle() {
+      if (global_wallet.currentTag === 'point_card') {
+        return locales.getText('page.wallet.points');
+      } else if (global_wallet.currentTag === 'good_pass') {
+        return locales.getText('page.wallet.goodPass');
+      }
+      return undefined;
+    };
     return /*#__PURE__*/React.createElement(PisellWalletPassCard, {
-      balanceTitle: global_wallet.currentTag === 'point_card' ? locales.getText('page.wallet.points') : undefined,
+      balanceTitle: getBalanceTitle(),
       showDetail: false,
       showRedeem: false,
       showQrCode: false,

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

@@ -19,6 +19,7 @@ declare const _default: {
         'page.wallet.cardBalance': string;
         'page.wallet.voucherBalance': string;
         'page.wallet.points': string;
+        'page.wallet.goodPass': string;
         'page.wallet.cardName': string;
         'page.wallet.carNumber': string;
         'page.wallet.balance': string;
@@ -61,6 +62,7 @@ declare const _default: {
         'page.wallet.cardBalance': string;
         'page.wallet.voucherBalance': string;
         'page.wallet.points': string;
+        'page.wallet.goodPass': string;
         'page.wallet.cardName': string;
         'page.wallet.carNumber': string;
         'page.wallet.balance': string;
@@ -103,6 +105,7 @@ declare const _default: {
         'page.wallet.cardBalance': string;
         'page.wallet.voucherBalance': string;
         'page.wallet.points': string;
+        'page.wallet.goodPass': string;
         'page.wallet.cardName': string;
         'page.wallet.carNumber': string;
         'page.wallet.balance': string;

package/es/components/wallet/locales.js

@@ -20,6 +20,7 @@ export default {
     'page.wallet.cardBalance': 'Card balance',
     'page.wallet.voucherBalance': 'Voucher balance',
     'page.wallet.points': 'Points',
+    'page.wallet.goodPass': 'Credits remaining',
     'page.wallet.cardName': 'Card name',
     'page.wallet.carNumber': 'Card number',
     'page.wallet.balance': 'Balance',
@@ -65,6 +66,7 @@ export default {
     'page.wallet.cardBalance': '卡余额',
     'page.wallet.voucherBalance': '代金券余额',
     'page.wallet.points': '积分',
+    'page.wallet.goodPass': '剩余额度',
     'page.wallet.cardName': '卡片名称',
     'page.wallet.carNumber': '卡号',
     'page.wallet.balance': '余额',
@@ -109,6 +111,7 @@ export default {
     'page.wallet.cardBalance': '卡餘額',
     'page.wallet.voucherBalance': '代金券餘額',
     'page.wallet.points': '積分',
+    'page.wallet.goodPass': '剩餘額度',
     'page.wallet.cardName': '卡片名稱',
     'page.wallet.carNumber': '卡號',
     'page.wallet.balance': '餘額',

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

@@ -9,7 +9,7 @@ export interface WalletCardProps {
     available: WalletCardItemProps[];
     unavailable: WalletCardItemProps[];
 }
-export declare type WalletCardType = 'gift_card' | 'product_voucher' | 'point_card' | 'product_discount_card';
+export declare type WalletCardType = 'gift_card' | 'product_voucher' | 'point_card' | 'product_discount_card' | 'good_pass';
 export interface WalletListProps {
     gift_card: IWalletListItemProps[];
     product_voucher: IWalletListItemProps[];

package/es/components/wallet/utils/formatUtils.js

@@ -30,7 +30,7 @@ export var formatDataToGroups = function formatDataToGroups(dataList) {
 export var calculateTotalValue = function calculateTotalValue(dataList) {
   var valueField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'balance';
   var enabledCards = dataList.filter(function (item) {
-    return item.limit_status === 'enable';
+    return item.limit_status === 'enable' && item.tag !== 'good_pass';
   });
   return enabledCards.reduce(function (sum, item) {
     return sum + Number(item[valueField] || 0);

package/es/components/walletList/index.js

@@ -596,11 +596,15 @@ var WalletList = Provider(function (props) {
           value = _ref8[1];
         return value === key;
       })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[0];
+      var value = balanceKey ? balance[balanceKey] || 0 : 0;
+      if (balanceKey === 'voucher_count') {
+        value += balance.good_pass_count;
+      }
       return {
         key: key,
         label: key,
         hidden: false,
-        value: balanceKey ? balance[balanceKey] || 0 : 0
+        value: value
       };
     });
     // 构建WalletCard的props

package/es/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/components/appointmentBooking/components/Cart/Item/index.js

@@ -40,13 +40,14 @@ var import_hooks = require("../../../hooks");
 var import_context = require("../../../context");
 var import_Total = __toESM(require("./Total"));
 var import_utils2 = require("../../../utils");
+var import_Voucher = __toESM(require("../../Voucher"));
 var import_index = require("./index.less");
 var CartItem = () => {
   var _a, _b;
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const appointmentBookingAccount = (0, import_hooks.useAppointmentBookingAccount)();
   const { carts, summary, isLastStep, currentStep, resources } = (0, import_context.useAppointmentBookingContext)();
-  const { accountLists } = appointmentBookingAccount;
+  const { accountLists, currentUser } = appointmentBookingAccount;
   console.log(summary, carts, (0, import_utils2.formatCarts)(carts, resources), "accountLists");
   const holderIds = (0, import_react.useMemo)(() => {
     return accountLists.map((item) => item.id);
@@ -91,7 +92,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), /* @__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, { currentUser, products: carts }), /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
   ));
 };
 var Item_default = CartItem;

package/lib/components/appointmentBooking/components/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/appointmentBooking/components/Content/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import '../../../booking/components/voucher/index.less';
+import './index.less';
+declare const VoucherCard: (props: any) => JSX.Element;
+export default VoucherCard;

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

@@ -0,0 +1,209 @@
+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/appointmentBooking/components/Voucher/index.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_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_hooks = require("../../hooks");
+var import_voucher = require("../../../booking/components/voucher/index.less");
+var import_index = require("./index.less");
+var ShopDiscountHooks = {
+  onInited: "shopDiscount:onInited",
+  onDestroy: "shopDiscount:onDestroy",
+  onLoadDiscountList: "shopDiscount:onLoadDiscountList",
+  onCustomerChange: "shopDiscount:onCustomerChange",
+  onDiscountListChange: "shopDiscount:onDiscountListChange",
+  onRulesListChange: "shopDiscount:onRulesListChange",
+  onLoadPrepareCalcResult: "shopDiscount:onLoadPrepareCalcResult"
+};
+var VoucherCard = (props) => {
+  var _a, _b;
+  const { products, currentUser } = props;
+  const context = (0, import_useEngineContext.default)();
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const shopDiscount = (0, import_hooks.useShopDiscount)();
+  const [showDetail, setShowDetail] = (0, import_react.useState)(true);
+  const { pisellos, action, token, store } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { utils } = context.appHelper || {};
+  const [code, setCode] = (0, import_react.useState)("");
+  const [discountList, setDisCountList] = (0, import_react.useState)([]);
+  const productRef = (0, import_react.useRef)(products);
+  const cart = (_b = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _b.cart;
+  const isUserLoggedIn = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return !!((_b2 = (_a2 = utils == null ? void 0 : utils.token) == null ? void 0 : _a2.get) == null ? void 0 : _b2.call(_a2)) || false;
+  }, [store]);
+  const availableData = (0, import_react.useMemo)(() => {
+    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
+      return {
+        ...discount,
+        savedAmount: shopDiscount.calcDiscountApplicableProductTotalPrice(discount)
+      };
+    });
+  }, [discountList]);
+  (0, import_react.useEffect)(() => {
+    const shopDiscount2 = pisellos.getModule("shopDiscount");
+    shopDiscount2.setCustomer(currentUser);
+  }, [currentUser.id]);
+  (0, import_react.useEffect)(() => {
+    shopDiscount.setProductList(products);
+  }, [products]);
+  (0, import_react.useEffect)(() => {
+    if (productRef.current === products) {
+      return;
+    }
+    const val = shopDiscount.calcDiscount(products);
+    console.log("input: ", products);
+    console.log("output: ", val);
+    productRef.current = val.productList;
+    cart == null ? void 0 : cart.batchSetItems(val.productList);
+  }, [products]);
+  (0, import_react.useEffect)(() => {
+    pisellos.effects.on(
+      ShopDiscountHooks.onLoadPrepareCalcResult,
+      (result) => {
+        cart == null ? void 0 : cart.batchSetItems(result.productList);
+      }
+    );
+    pisellos.effects.on(
+      ShopDiscountHooks.onDiscountListChange,
+      (discount) => {
+        console.log(discount, "discountChange");
+        setDisCountList(discount);
+      }
+    );
+  }, []);
+  const onScanCode = async () => {
+    const val = await shopDiscount.scanCode(code);
+    if (val == null ? void 0 : val.isAvailable) {
+      cart == null ? void 0 : cart.batchSetItems(val.productList);
+    } else {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.text.goodpass.code-invalid")
+      });
+    }
+  };
+  const renderLoginCard = () => {
+    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: () => {
+          if (!action) return;
+          action({
+            type: "pisell1.login",
+            data: {},
+            callback: (status) => {
+              if (status === "success") {
+              }
+            }
+          });
+        }
+      },
+      import_utils.locales.getText("pisell2.text.goodpass.login")
+    ), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.goodpass.login-tip"))));
+  };
+  const renderVoucherInfo = () => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: "voucher-title-right",
+        onClick: () => {
+          console.log("showDetail: ", showDetail);
+          setShowDetail(!showDetail);
+        }
+      },
+      import_utils.locales.getText("pisell2.text.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,
+          onChange: (val) => {
+            var _a2, _b2;
+            const detail = shopDiscount.setDiscountSelected({
+              discountId: val.id,
+              isSelected: val.isSelected
+            });
+            (_b2 = (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a2.cart) == null ? void 0 : _b2.batchSetItems(detail.productList);
+          }
+        }
+      ) : null,
+      /* @__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.text.goodpass.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellInput,
+        {
+          value: code,
+          onChange: (e) => {
+            var _a2;
+            setCode((_a2 = e.target) == null ? void 0 : _a2.value);
+          },
+          size: "small",
+          placeholder: import_utils.locales.getText(
+            "pisell2.text.goodpass.enter-code"
+          ),
+          suffix: /* @__PURE__ */ import_react.default.createElement(import_materials.PisellTooltip, { title: "" }, /* @__PURE__ */ import_react.default.createElement(
+            import_icons.QuestionCircleOutlined,
+            {
+              style: { color: "rgba(0,0,0,.45)" }
+            }
+          ))
+        }
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: onScanCode, disabled: !code }, import_utils.locales.getText("pisell2.text.apply")))
+    ));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, isUserLoggedIn ? renderVoucherInfo() : renderLoginCard());
+};
+var Voucher_default = VoucherCard;

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

@@ -0,0 +1,26 @@
+.pisell-lowcode__booking-footer-voucher-container {
+  .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-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+
+    .text-wrapper {
+      max-width: 200px;
+    }
+
+    .login-btn {
+      cursor: pointer;
+      color: #8157d5;
+    }
+  }
+}

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

@@ -1,4 +1,5 @@
 export declare const useAppointmentBooking: () => any;
+export declare const useShopDiscount: () => any;
 export declare const useAppointmentBookingStep: () => void;
 export declare const useAppointmentBookingProduct: () => void;
 export declare const useAppointmentBookingCart: () => {

package/lib/components/appointmentBooking/hooks.js

@@ -35,7 +35,8 @@ __export(hooks_exports, {
   useAppointmentBookingLogin: () => useAppointmentBookingLogin,
   useAppointmentBookingProduct: () => useAppointmentBookingProduct,
   useAppointmentBookingResource: () => useAppointmentBookingResource,
-  useAppointmentBookingStep: () => useAppointmentBookingStep
+  useAppointmentBookingStep: () => useAppointmentBookingStep,
+  useShopDiscount: () => useShopDiscount
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_useEngineContext = require("../../hooks/useEngineContext");
@@ -48,6 +49,10 @@ var useAppointmentBooking = () => {
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
   return pisellOS.getModule("appointmentBooking");
 };
+var useShopDiscount = () => {
+  const pisellOS = (0, import_useEngineContext.usePisellOS)();
+  return pisellOS.getModule("shopDiscount");
+};
 var useAppointmentBookingStep = () => {
   var _a, _b, _c;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
@@ -184,5 +189,6 @@ var useAppointmentBookingResource = () => {
   useAppointmentBookingLogin,
   useAppointmentBookingProduct,
   useAppointmentBookingResource,
-  useAppointmentBookingStep
+  useAppointmentBookingStep,
+  useShopDiscount
 });

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

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

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

@@ -75,6 +75,15 @@ declare const _default: {
         'pisell2.appointment.edit.service': string;
         'pisell2.appointment.remove.guest': string;
         'pisell2.appointment.no.available.service': string;
+        'pisell2.text.apply': string;
+        'pisell2.text.goodpass': string;
+        'pisell2.text.goodpass.product-vouchers': string;
+        'pisell2.text.goodpass.view-more': string;
+        'pisell2.text.goodpass.code': string;
+        'pisell2.text.goodpass.enter-code': string;
+        'pisell2.text.goodpass.code-invalid': string;
+        'pisell2.text.goodpass.login': string;
+        'pisell2.text.goodpass.login-tip': string;
     };
     'zh-CN': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -152,6 +161,15 @@ declare const _default: {
         'pisell2.appointment.edit.service': string;
         'pisell2.appointment.remove.guest': string;
         'pisell2.appointment.no.available.service': string;
+        'pisell2.text.apply': string;
+        'pisell2.text.goodpass': string;
+        'pisell2.text.goodpass.product-vouchers': string;
+        'pisell2.text.goodpass.view-more': string;
+        'pisell2.text.goodpass.code': string;
+        'pisell2.text.goodpass.enter-code': string;
+        'pisell2.text.goodpass.code-invalid': string;
+        'pisell2.text.goodpass.login': string;
+        'pisell2.text.goodpass.login-tip': string;
     };
     'zh-HK': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -229,6 +247,15 @@ declare const _default: {
         'pisell2.appointment.edit.service': string;
         'pisell2.appointment.remove.guest': string;
         'pisell2.appointment.no.available.service': string;
+        'pisell2.text.apply': string;
+        'pisell2.text.goodpass': string;
+        'pisell2.text.goodpass.product-vouchers': string;
+        'pisell2.text.goodpass.view-more': string;
+        'pisell2.text.goodpass.code': string;
+        'pisell2.text.goodpass.enter-code': string;
+        'pisell2.text.goodpass.code-invalid': string;
+        'pisell2.text.goodpass.login': string;
+        'pisell2.text.goodpass.login-tip': string;
     };
 };
 export default _default;