@pisell/private-materials 3.0.212 → 3.0.214

package/es/components/Sales/Checkout/index.js

@@ -50,6 +50,12 @@ export var CheckoutProvider = function CheckoutProvider(_ref) {
       checkoutCallback.current({
         success: true
       });
+    },
+    onError: function onError(err) {
+      checkoutCallback.current({
+        success: false,
+        err: err
+      });
     }
   });
 

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

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import { locales } from '@pisell/utils';
-import { Button } from '@pisell/materials';
+import { Button, PisellToast } from '@pisell/materials';
 import { useCart, useHolder, useStep, useCheckout, useSales, useCustomer } from "../../../../../Sales";
 import { formatValues } from "../../../../../Sales/Checkout/utils";
 import OrderProductModal from "../../OrderProductModal/index";
@@ -66,7 +66,7 @@ var ContinueButton = function ContinueButton() {
    */
   var handleCheckout = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var value, result;
+      var value, result, _result$err;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -78,6 +78,10 @@ var ContinueButton = function ContinueButton() {
             // 清空数据
             if (result !== null && result !== void 0 && result.success) {
               removeSessionStorage();
+            } else {
+              PisellToast({
+                content: (result === null || result === void 0 ? void 0 : (_result$err = result.err) === null || _result$err === void 0 ? void 0 : _result$err.message) || ''
+              });
             }
           case 5:
           case "end":

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

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

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

@@ -9,8 +9,10 @@ import { useSummary } from "../../../../../Sales";
 import useEngineContext from "../../../../../../hooks/useEngineContext";
 import "./index.less";
 import classNames from 'classnames';
-var Total = function Total() {
+var Total = function Total(_ref) {
   var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper2, _context$appHelper2$u, _context$appHelper2$u2;
+  var className = _ref.className,
+    isFooter = _ref.isFooter;
   var _useSummary = useSummary(),
     taxTitle = _useSummary.taxTitle,
     totalTaxFee = _useSummary.totalTaxFee,
@@ -19,22 +21,26 @@ var Total = function Total() {
   var context = useEngineContext();
   console.log(taxTitle, isPriceIncludeTax, totalTaxFee, total, context === null || context === void 0 ? void 0 : (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : (_context$appHelper$ut = _context$appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getSymbolic) === null || _context$appHelper$ut2 === void 0 ? void 0 : _context$appHelper$ut2.call(_context$appHelper$ut), 'wh97978');
   return /*#__PURE__*/React.createElement("div", {
-    className: "event-total-wrap"
+    className: "event-total-wrap ".concat(className)
   }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("div", {
     className: "gst-wrap"
-  }, /*#__PURE__*/React.createElement("span", null, taxTitle), /*#__PURE__*/React.createElement(PisellText.Amount, {
+  }, /*#__PURE__*/React.createElement("span", null, taxTitle, isFooter ? ': ' : ''), /*#__PURE__*/React.createElement(PisellText.Amount, {
     value: totalTaxFee,
     showCurrencySymbol: true
   })) : null, /*#__PURE__*/React.createElement("div", {
     className: classNames('event-total', _defineProperty({}, ['total-gst-wrap'], !isPriceIncludeTax && Number(totalTaxFee) > 0))
   }, /*#__PURE__*/React.createElement("div", {
     className: "left"
-  }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.event.total')), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.event.total'), isFooter ? ': ' : ''), isFooter ? /*#__PURE__*/React.createElement(PisellText.Amount, {
+    value: total,
+    showCurrencySymbol: true,
+    className: "event-amount"
+  }) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("span", {
     className: "gst"
-  }, locales.getText('pisell2.event.total.gst')(taxTitle, "".concat(context === null || context === void 0 ? void 0 : (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : (_context$appHelper2$u = _context$appHelper2.utils) === null || _context$appHelper2$u === void 0 ? void 0 : (_context$appHelper2$u2 = _context$appHelper2$u.getSymbolic) === null || _context$appHelper2$u2 === void 0 ? void 0 : _context$appHelper2$u2.call(_context$appHelper2$u)).concat(totalTaxFee))) : null), /*#__PURE__*/React.createElement(PisellText.Amount, {
+  }, locales.getText('pisell2.event.total.gst')("".concat(isFooter ? "".concat(taxTitle, ": ") : taxTitle), "".concat(context === null || context === void 0 ? void 0 : (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : (_context$appHelper2$u = _context$appHelper2.utils) === null || _context$appHelper2$u === void 0 ? void 0 : (_context$appHelper2$u2 = _context$appHelper2$u.getSymbolic) === null || _context$appHelper2$u2 === void 0 ? void 0 : _context$appHelper2$u2.call(_context$appHelper2$u)).concat(totalTaxFee))) : null), !isFooter ? /*#__PURE__*/React.createElement(PisellText.Amount, {
     value: total,
     showCurrencySymbol: true,
     className: "event-amount"
-  })));
+  }) : null));
 };
 export default Total;

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

@@ -15,12 +15,8 @@ var Cart = function Cart(_ref) {
       return _onCancel();
     },
     bodyStyle: {
-      padding: '20px',
-      display: 'flex',
-      flexDirection: 'column',
-      height: '100%'
+      padding: '20px'
     },
-    mobileModalHeight: '90%',
     destroyOnClose: true,
     className: "event-cart-modal",
     footer: null

package/es/components/eventBooking/components/Provider/Cart/index.less

@@ -1,4 +1,2 @@
 .event-cart-modal {
 }
-.event-cart-modal {
-}

package/es/components/eventBooking/components/Provider/Content/index.js

@@ -30,6 +30,30 @@ var Layout = function Layout() {
     var Com = components[key];
     return /*#__PURE__*/React.createElement(Com, null);
   }, [currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key]);
+
+  /**
+   * @title: 动态计算中间内容区域的高度
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-02-18 15:36
+   */
+  useEffect(function () {
+    if (isMobile()) {
+      var _header$getBoundingCl, _footer$getBoundingCl;
+      var header = document.querySelector('.event-progress-bar');
+      var footer = document.querySelector('.pisell-section-footers-wrapper');
+      var content = document.querySelector('.event-content-mobile-wrap');
+      var headerHeight = (header === null || header === void 0 ? void 0 : (_header$getBoundingCl = header.getBoundingClientRect()) === null || _header$getBoundingCl === void 0 ? void 0 : _header$getBoundingCl.height) || 0;
+      var footerHeight = (footer === null || footer === void 0 ? void 0 : (_footer$getBoundingCl = footer.getBoundingClientRect()) === null || _footer$getBoundingCl === void 0 ? void 0 : _footer$getBoundingCl.height) || 0;
+      var windowHeight = window.innerHeight;
+      var contentHeight = windowHeight - headerHeight - footerHeight;
+      if (content && content !== null && content !== void 0 && content.style) {
+        content.style.height = "".concat(contentHeight, "px");
+        content.style.overflowY = 'auto';
+      }
+    }
+  }, [currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key]);
   return /*#__PURE__*/React.createElement("div", {
     className: "event-content-wrap ".concat(isMobile() ? 'event-content-mobile-wrap' : '')
   }, /*#__PURE__*/React.createElement("div", {

package/es/components/eventBooking/components/Provider/Content/index.less

@@ -3,6 +3,7 @@
   display: flex;
   gap: 6px;
   // align-items: center;
+  flex: 1;
 
   .event-content-left {
     flex: 1;
@@ -19,10 +20,10 @@
 
 .event-content-mobile-wrap {
   width: 100%;
+  flex: none;
   .event-content-left {
-    background: #fff;
     width: 100%;
-    min-height: 100vh;
+    flex: none;
     .provider-information-wrap {
       width: 100%;
     }

package/es/components/eventBooking/components/Provider/EmptyHolderModal/index.js

@@ -28,8 +28,7 @@ var EmptyHolderModal = function EmptyHolderModal(props) {
     },
     onOk: function onOk() {
       return _onOk();
-    },
-    mobileModalHeight: '80vh'
+    }
   });
 };
 export default EmptyHolderModal;

package/es/components/eventBooking/components/Provider/Event/index.less

@@ -6,7 +6,7 @@
   .event-booking-service-list {
     flex: 1;
     background: #ffffff;
-    min-height: calc(100vh - 93px);
+    // min-height: calc(100vh - 93px);
   }
 }
 

package/es/components/eventBooking/components/Provider/Footer/index.js

@@ -5,14 +5,14 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
-import { SectionFooters, PisellText, Button, Badge, Image } from '@pisell/materials';
-import { locales } from '@pisell/utils';
+import { SectionFooters, Button, Badge, Image } from '@pisell/materials';
 import { useState } from 'react';
 import { useCart, useHolder, useSummary } from "../../../../Sales";
 import SelectHolderModal from "../SelectHolderModal";
 import ContinueButton from "../Cart/ContinueButton";
 import shoppingCartSvg from "../../../assets/shopping-cart.svg";
 import Cart from "../Cart";
+import Total from "../Cart/Item/Total";
 import "./index.less";
 var Footer = function Footer() {
   var _cartData$cartItems;
@@ -32,13 +32,20 @@ var Footer = function Footer() {
     setSelectedItem = _useState2[1];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SectionFooters, {
     className: "section-footer-wrap",
-    left: /*#__PURE__*/React.createElement("div", {
-      className: "section-footer-left"
-    }, /*#__PURE__*/React.createElement(PisellText, null, locales.getText('pisell2.event.total')), /*#__PURE__*/React.createElement(PisellText.Amount, {
-      value: total,
-      showCurrencySymbol: true,
-      className: "amount"
-    })),
+    left:
+    /*#__PURE__*/
+    // <div className="section-footer-left">
+    //   {/* <PisellText>{locales.getText('pisell2.event.total')}: </PisellText>
+    //   <PisellText.Amount
+    //     value={total}
+    //     showCurrencySymbol={true}
+    //     className="amount"
+    //   /> */}
+    // </div>
+    React.createElement(Total, {
+      className: "section-footer-left",
+      isFooter: true
+    }),
     right: /*#__PURE__*/React.createElement("div", {
       className: "section-footer-right"
     }, /*#__PURE__*/React.createElement(Badge, {
@@ -52,7 +59,7 @@ var Footer = function Footer() {
     }, /*#__PURE__*/React.createElement(Image, {
       src: shoppingCartSvg,
       preview: false
-    }), locales.getText('pisell2.event.cart'))), /*#__PURE__*/React.createElement(ContinueButton, null))
+    }))), /*#__PURE__*/React.createElement(ContinueButton, null))
   }), /*#__PURE__*/React.createElement(SelectHolderModal, {
     open: open,
     selectedItem: selectedItem,

package/es/components/eventBooking/components/Provider/Footer/index.less

@@ -5,7 +5,7 @@
   display: flex;
   padding: 24px;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
   align-self: stretch;
   background: #ffffff;
   border-top: 1px solid #eaecf0;
@@ -13,15 +13,30 @@
   .section-footer-left {
     display: flex;
     flex-direction: column;
-    color: var(--Text-Text_1, #1b1b1b);
-    font-size: 14px;
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
     font-weight: 400;
-    line-height: 20px;
+    line-height: 24px;
+    > div {
+      justify-content: flex-start;
+    }
+
+    .gst-wrap {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+    }
 
-    .amount {
+    .event-total {
+      padding: 0;
+    }
+
+    .event-amount {
       font-size: 16px;
       font-weight: 500;
       line-height: 24px;
+      color: var(--Gray-900, #101828) !important;
     }
   }
 
@@ -36,5 +51,14 @@
     display: flex;
     align-items: center;
     gap: 8px;
+    padding: 0;
+    width: 40px;
+    height: 40px;
+    justify-content: center;
+    .pisell-lowcode-image {
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+    }
   }
 }

package/es/components/eventBooking/components/Provider/InformationOptionsModal/index.js

@@ -16,7 +16,7 @@ var InformationOptionsModal = function InformationOptionsModal(props) {
     destroyOnClose: true,
     footer: null,
     onCancel: onCancel,
-    mobileModalHeight: '200px',
+    mobileModalHeight: 'auto',
     className: 'information-option-modal',
     headerDivider: false
   }, /*#__PURE__*/React.createElement("div", {

package/es/components/eventBooking/components/Provider/OrderProductModal/index.js

@@ -21,7 +21,6 @@ var OrderProductModal = function OrderProductModal(props) {
     onOk: function onOk() {
       return _onCancel();
     },
-    mobileModalHeight: '80vh',
     zIndex: 1001
   });
 };

package/es/components/eventBooking/components/Provider/SelectProduct/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const SelectProduct: React.FC;
+export default SelectProduct;

package/es/components/eventBooking/components/Provider/SelectProduct/index.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { useCart, useSales } from "../../../Sales";
+import { locales } from '@pisell/utils';
+import { PisellCard } from '@pisell/materials';
+import "./index.less";
+var SelectProduct = function SelectProduct() {
+  var _cartData$cartItems2;
+  var _useSales = useSales(),
+    data = _useSales.data;
+  var _useCart = useCart(),
+    addToCart = _useCart.addToCart,
+    cartData = _useCart.cartData;
+  var handleAddToCart = function handleAddToCart(product) {
+    addToCart(product);
+  };
+  var renderProductCard = function renderProductCard(product) {
+    var _cartData$cartItems;
+    var isSelected = cartData === null || cartData === void 0 ? void 0 : (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.some(function (item) {
+      return item.id === product.id;
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      key: product.id,
+      className: "product-card ".concat(isSelected ? 'product-card-selected' : ''),
+      onClick: function onClick() {
+        return handleAddToCart(product);
+      }
+    }, /*#__PURE__*/React.createElement(PisellCard, {
+      bodyStyle: {
+        padding: '16px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "product-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "product-title"
+    }, product.title), /*#__PURE__*/React.createElement("div", {
+      className: "product-price"
+    }, product.price, " ", product.currency))));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "select-product-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "step-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "step-number"
+  }, "Step 1"), /*#__PURE__*/React.createElement("div", {
+    className: "step-title"
+  }, "Select Product")), /*#__PURE__*/React.createElement("div", {
+    className: "category-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "category-title"
+  }, "Other"), /*#__PURE__*/React.createElement("div", {
+    className: "product-list"
+  }, renderProductCard({
+    id: '1',
+    title: 'appointment',
+    price: '1.00',
+    currency: 'AUD'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "cart-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cart-title"
+  }, "Your cart"), cartData !== null && cartData !== void 0 && (_cartData$cartItems2 = cartData.cartItems) !== null && _cartData$cartItems2 !== void 0 && _cartData$cartItems2.length ? /*#__PURE__*/React.createElement("div", {
+    className: "cart-items"
+  }, cartData.cartItems.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.id,
+      className: "cart-item"
+    }, item.title);
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "cart-empty"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cart-empty-icon"
+  }, "\uD83D\uDED2"), /*#__PURE__*/React.createElement("div", {
+    className: "cart-empty-text"
+  }, locales.getText('pisell2.event.cart.empty')))));
+};
+export default SelectProduct;

package/es/components/eventBooking/components/Provider/SelectProduct/index.less

@@ -0,0 +1,131 @@
+.select-product-container {
+  padding: 24px;
+  background: #fff;
+
+  .step-header {
+    margin-bottom: 24px;
+
+    .step-number {
+      font-size: 14px;
+      color: #666;
+      margin-bottom: 8px;
+    }
+
+    .step-title {
+      font-size: 24px;
+      font-weight: 500;
+      color: #333;
+    }
+  }
+
+  .category-section {
+    margin-bottom: 24px;
+
+    .category-title {
+      font-size: 16px;
+      font-weight: 500;
+      color: #333;
+      margin-bottom: 16px;
+    }
+
+    .product-list {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+      gap: 16px;
+    }
+  }
+
+  .product-card {
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      transform: translateY(-2px);
+    }
+
+    &.product-card-selected {
+      .pisell-card {
+        border-color: #1890ff;
+        background: rgba(24, 144, 255, 0.05);
+      }
+    }
+
+    .product-content {
+      text-align: center;
+
+      .product-title {
+        font-size: 16px;
+        color: #333;
+        margin-bottom: 8px;
+      }
+
+      .product-price {
+        font-size: 14px;
+        color: #666;
+      }
+    }
+  }
+
+  .cart-section {
+    background: #f5f5f5;
+    border-radius: 4px;
+    padding: 24px;
+
+    .cart-title {
+      font-size: 18px;
+      font-weight: 500;
+      color: #333;
+      margin-bottom: 16px;
+    }
+
+    .cart-empty {
+      text-align: center;
+      padding: 32px 0;
+
+      .cart-empty-icon {
+        font-size: 24px;
+        margin-bottom: 8px;
+      }
+
+      .cart-empty-text {
+        color: #999;
+      }
+    }
+
+    .cart-items {
+      .cart-item {
+        padding: 12px;
+        background: #fff;
+        border-radius: 4px;
+        margin-bottom: 8px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+}
+
+// 移动端适配
+@media screen and (max-width: 768px) {
+  .select-product-container {
+    padding: 16px;
+
+    .step-header {
+      margin-bottom: 16px;
+
+      .step-title {
+        font-size: 20px;
+      }
+    }
+
+    .product-list {
+      grid-template-columns: 1fr !important;
+    }
+
+    .cart-section {
+      padding: 16px;
+    }
+  }
+}

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.js

@@ -253,6 +253,7 @@ var CalendarDate = function CalendarDate(props, ref) {
   return /*#__PURE__*/React.createElement(PisellModal, {
     open: open,
     title: 'device',
+    mobileModalHeight: 'auto',
     platform: isMobile() ? 'h5' : 'pc',
     bodyStyle: {
       padding: isMobile() ? '16px 24px' : 32