@pisell/private-materials 6.0.23 → 6.0.25

package/es/components/booking/utils.js

@@ -15,6 +15,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 dayjs from 'dayjs';
 import { locales } from '@pisell/utils';
+import { isDayBooking, formatDayDate } from "./info/service2/utils";
 import { intersectionBy } from 'lodash';
 var Request = /*#__PURE__*/function () {
   function Request() {
@@ -44,10 +45,15 @@ export var request = new Request();
  * @Author: zhiwei.Wang
  * @Date: 2024-04-26 14:00
  */
-export var getDiscountTime = function getDiscountTime(service_times) {
-  if (!service_times) {
+export var getDiscountTime = function getDiscountTime(service_times, isDay) {
+  if (!service_times || service_times < 0) {
     return '';
   }
+
+  // 跨日预约
+  if (isDay) {
+    return "".concat(service_times, " ").concat(locales.getText('pisell2.text.day')(service_times));
+  }
   if (service_times < 60) {
     return "".concat(service_times, " ").concat(locales.getText('pisell2.text.min'));
   } else {
@@ -71,7 +77,7 @@ export var getDiscountTime = function getDiscountTime(service_times) {
  * @Author: zhiwei.Wang
  * @Date: 2024-04-26 13:59
  */
-export var sliceDayIntoFiveMinutes = function sliceDayIntoFiveMinutes(config, locale) {
+export var sliceDayIntoFiveMinutes = function sliceDayIntoFiveMinutes(config, locale, isDay) {
   var _locale = locale;
   var dayjsLocale = _locale === 'en-US' || _locale === 'en' ? 'en' : 'zh-cn';
   dayjs.locale(dayjsLocale);
@@ -82,12 +88,34 @@ export var sliceDayIntoFiveMinutes = function sliceDayIntoFiveMinutes(config, lo
   var timeSlices = [];
   var durationSlicesBasedOnTime = [];
   var currentTime = startTime;
+
+  // 跨日预约
+  if (isDay) {
+    var currentDay = 1;
+    while (currentDay <= 30) {
+      var timeLabel = currentTime.format('hh:mm A');
+      var timeValue = currentTime.format('HH:mm');
+      timeSlices.push({
+        label: timeLabel,
+        value: timeValue
+      });
+      durationSlicesBasedOnTime.push({
+        label: "".concat(currentDay, " ").concat(locales.getText('pisell2.text.day')(currentDay)),
+        value: currentDay
+      });
+      currentDay++;
+    }
+    return {
+      timeSlices: timeSlices,
+      durationSlicesBasedOnTime: durationSlicesBasedOnTime
+    };
+  }
   while (currentTime.isBefore(endTime)) {
-    var timeLabel = currentTime.format('hh:mm A');
-    var timeValue = currentTime.format('HH:mm');
+    var _timeLabel = currentTime.format('hh:mm A');
+    var _timeValue = currentTime.format('HH:mm');
     timeSlices.push({
-      label: timeLabel,
-      value: timeValue
+      label: _timeLabel,
+      value: _timeValue
     });
     var nextTime = currentTime.add(timeSlice, 'minute');
     var durationValue = nextTime.diff(startTime, 'minute');
@@ -276,6 +304,29 @@ export var getResourceTimeIsUsable = function getResourceTimeIsUsable(item, cach
  * @Date: 2024-01-09 13:57
  */
 export var formatTimes = function formatTimes(resourceItem, cacheItem) {
+  var _cacheItem$_extend;
+  if ((cacheItem === null || cacheItem === void 0 || (_cacheItem$_extend = cacheItem._extend) === null || _cacheItem$_extend === void 0 ? void 0 : _cacheItem$_extend.sub_type) === 'days') {
+    var isResourceItem = (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.form_record_id) > 0;
+
+    // 是否在最大预约数量的区间内
+    var isMaxLimitRange = (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.sold_out) === 1;
+
+    // 是否在日期范围内
+    var isDateRange = (resourceItem === null || resourceItem === void 0 ? void 0 : resourceItem.available_status) === 1;
+
+    // 是否可用
+    var isUsable = isDateRange && !isMaxLimitRange;
+    var usableTime = {
+      isMaxLimitRange: isMaxLimitRange,
+      isDateRange: isDateRange,
+      isUsable: isResourceItem ? isUsable : true
+    };
+    resourceItem._extend = _objectSpread(_objectSpread({}, resourceItem._extend), {}, {
+      usableTime: usableTime
+    });
+    return resourceItem;
+  }
+
   // 可用的time列表
   var usableTimes = [];
   var _resourceItem = _objectSpread({}, resourceItem);
@@ -435,7 +486,7 @@ export var getServiceTimes = function getServiceTimes(service) {
     endDate: endDate
   };
 };
-export var getErrorList = function getErrorList(resource, cacheItem) {
+export var getErrorList = function getErrorList(resource, cacheItem, isDay) {
   if (!(cacheItem !== null && cacheItem !== void 0 && cacheItem.id)) {
     return [{
       label: locales.getText('pisell2.text.no-product-added'),
@@ -448,7 +499,7 @@ export var getErrorList = function getErrorList(resource, cacheItem) {
   var list = [];
   // 当前资源不可用
   if (!resource.usable) {
-    var _resource$_extend, _resource$_extend2;
+    var _resource$_extend, _resource$_extend2, _resource$_extend3;
     // 挂接的商品不可用
     if (!(resource !== null && resource !== void 0 && (_resource$_extend = resource._extend) !== null && _resource$_extend !== void 0 && _resource$_extend.usableProduct)) {
       list.push({
@@ -456,23 +507,35 @@ export var getErrorList = function getErrorList(resource, cacheItem) {
         type: 'product'
       });
     }
-    var _getServiceTimes = getServiceTimes(cacheItem),
-      startDate = _getServiceTimes.startDate,
-      endDate = _getServiceTimes.endDate;
-    // 如果跨天  结束时间前面加一个明天
-    var startText = startDate.format('hh:mm A');
-    var endText = endDate.format('hh:mm A');
-    if (dayjs(endDate).isAfter(startDate, 'day')) {
-      endText = locales.getText('pisell1.text.tomorrow') + endText;
+    var startText = '';
+    var endText = '';
+
+    // 跨日预约
+    if (isDay) {
+      var _cacheItem$_extend2 = cacheItem === null || cacheItem === void 0 ? void 0 : cacheItem._extend,
+        start_date = _cacheItem$_extend2.start_date,
+        end_date = _cacheItem$_extend2.end_date;
+      startText = start_date === null || start_date === void 0 ? void 0 : start_date.format('YYYY-MM-DD');
+      endText = end_date ? end_date === null || end_date === void 0 ? void 0 : end_date.format('YYYY-MM-DD') : '';
+    } else {
+      var _getServiceTimes = getServiceTimes(cacheItem),
+        startDate = _getServiceTimes.startDate,
+        endDate = _getServiceTimes.endDate;
+      // 如果跨天  结束时间前面加一个明天
+      startText = startDate.format('hh:mm A');
+      endText = endDate.format('hh:mm A');
+      if (dayjs(endDate).isAfter(startDate, 'day')) {
+        endText = locales.getText('pisell1.text.tomorrow') + endText;
+      }
     }
-    if (!((_resource$_extend2 = resource._extend) !== null && _resource$_extend2 !== void 0 && _resource$_extend2.usableTime)) {
+    if (isDay ? !((_resource$_extend2 = resource._extend) !== null && _resource$_extend2 !== void 0 && (_resource$_extend2 = _resource$_extend2.usableTime) !== null && _resource$_extend2 !== void 0 && _resource$_extend2.isDateRange) : !((_resource$_extend3 = resource._extend) !== null && _resource$_extend3 !== void 0 && _resource$_extend3.usableTime)) {
       list.push({
         label: locales.getText('pisell1.text.resource-error-message-2')(resource.labelText, startText, endText),
         type: 'time'
       });
     } else {
-      var _resource$_extend3;
-      if (!((_resource$_extend3 = resource._extend) !== null && _resource$_extend3 !== void 0 && _resource$_extend3.usableTime._extend.isMaxLimitRange)) {
+      var _resource$_extend4, _resource$_extend5;
+      if (isDay ? (_resource$_extend4 = resource._extend) === null || _resource$_extend4 === void 0 || (_resource$_extend4 = _resource$_extend4.usableTime) === null || _resource$_extend4 === void 0 ? void 0 : _resource$_extend4.isMaxLimitRange : !((_resource$_extend5 = resource._extend) !== null && _resource$_extend5 !== void 0 && (_resource$_extend5 = _resource$_extend5.usableTime) !== null && _resource$_extend5 !== void 0 && (_resource$_extend5 = _resource$_extend5._extend) !== null && _resource$_extend5 !== void 0 && _resource$_extend5.isMaxLimitRange)) {
         list.push({
           label: locales.getText('pisell1.text.resource-error-message-3')(resource.labelText, startText, endText),
           type: 'limit'
@@ -492,6 +555,7 @@ export var getErrorList = function getErrorList(resource, cacheItem) {
  * @Date: 2024-01-09 13:40
  */
 export var formatResource = function formatResource(resourceItem, cacheItem, formatLabel) {
+  var _cacheItem$_extend3;
   // 当前资源
   var _resourceItem = _objectSpread({}, resourceItem);
 
@@ -504,6 +568,12 @@ export var formatResource = function formatResource(resourceItem, cacheItem, for
   // 格式化label
   _resourceItem.labelText = _resourceItem.room_name || _resourceItem.name;
   var usable = _resourceItem._extend.usableTime && _resourceItem._extend.usableProduct;
+
+  // 跨日预约
+  if ((cacheItem === null || cacheItem === void 0 || (_cacheItem$_extend3 = cacheItem._extend) === null || _cacheItem$_extend3 === void 0 ? void 0 : _cacheItem$_extend3.sub_type) === 'days') {
+    var _resourceItem$_extend, _resourceItem$_extend2;
+    usable = ((_resourceItem$_extend = _resourceItem._extend) === null || _resourceItem$_extend === void 0 || (_resourceItem$_extend = _resourceItem$_extend.usableTime) === null || _resourceItem$_extend === void 0 ? void 0 : _resourceItem$_extend.isUsable) && ((_resourceItem$_extend2 = _resourceItem._extend) === null || _resourceItem$_extend2 === void 0 ? void 0 : _resourceItem$_extend2.usableProduct);
+  }
   _resourceItem.usable = usable;
   if (formatLabel) {
     _resourceItem.label = formatLabel(_resourceItem);
@@ -525,6 +595,28 @@ export var deleteCacheParams = function deleteCacheParams() {
   sessionStorage.removeItem('pisell2.booking.serviceParams');
 };
 
+/**
+ * @title: 获取跨日预约的时长
+ * @description: 
+ * @param {any} cacheItem
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-01 22:43
+ */
+export var getDays = function getDays(cacheItem, type) {
+  var _cacheItem$_extend4, _cacheItem$_extend5;
+  // 计算天数
+  if (type === 'days') {
+    var _formatDayDate = formatDayDate(cacheItem._extend),
+      start_date = _formatDayDate.start_date,
+      end_date = _formatDayDate.end_date;
+    return end_date.diff(start_date, 'day');
+  }
+  var startDate = dayjs((_cacheItem$_extend4 = cacheItem._extend) === null || _cacheItem$_extend4 === void 0 ? void 0 : _cacheItem$_extend4.start_date);
+  var endDate = dayjs((_cacheItem$_extend5 = cacheItem._extend) === null || _cacheItem$_extend5 === void 0 ? void 0 : _cacheItem$_extend5.end_date);
+  return endDate.diff(startDate, type);
+};
+
 /**
  * @title: 创建一个服务商品
  * @description:
@@ -540,13 +632,14 @@ export var getServerItemExtend = function getServerItemExtend(state, cacheItem,
   if (!cacheItem.new && cacheItem._extend.endDate) {
     return cacheItem._extend;
   }
+  var isDay = isDayBooking(state);
 
   // 获取上一个服务商品
-  var lastServer = getLastServer(state.service.value);
+  var lastServer = isDay ? false : getLastServer(state.service.value);
 
   // 下一个商品的扩展参数
   var _extend = {
-    duration: findNextDuration(cacheItem.duration, timeObj.durationSlicesBasedOnTime, cacheItem === null || cacheItem === void 0 || (_cacheItem$duration = cacheItem.duration) === null || _cacheItem$duration === void 0 ? void 0 : _cacheItem$duration.value)
+    duration: isDay ? getDays(cacheItem, 'days') : findNextDuration(cacheItem.duration, timeObj.durationSlicesBasedOnTime, cacheItem === null || cacheItem === void 0 || (_cacheItem$duration = cacheItem.duration) === null || _cacheItem$duration === void 0 ? void 0 : _cacheItem$duration.value)
   };
 
   // 如果有上一个商品, 将上一个商品的某些参数 设置到新商品上
@@ -599,22 +692,46 @@ export var getServerItemExtend = function getServerItemExtend(state, cacheItem,
     }
   }
   _extend = _objectSpread(_objectSpread({}, _extend), cacheItem._extend);
+
+  // 跨日预约
+  if (isDay) {
+    _extend.end_date = dayjs(_extend.start_date).add(_extend.duration, 'day');
+    var _formatDayDate2 = formatDayDate(_extend),
+      start_date = _formatDayDate2.start_date,
+      end_date = _formatDayDate2.end_date;
+    _extend = _objectSpread(_objectSpread({}, _extend), {}, {
+      start_date: start_date,
+      startDate: start_date,
+      end_date: end_date,
+      endDate: end_date
+    });
+  }
   return _extend;
 };
 
-// 商品价格:   (商品价格 + (套餐价格 + 单规格价格 * 单规格数量) * 套餐数量)  * 商品数量
+// 商品价格:   (商品价格 + (套餐价格 + 单规格价格 * 单规格数量) * 套餐数量 + 单规格价格 * 单规格数量)  * 商品数量
 export var getProductTotalPrice = function getProductTotalPrice(item) {
   var _item$_extend;
-  var price = 0;
-  price += Number(item._extend.price);
+  var price = Number(item._extend.price);
   var other = (_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.other;
+
+  // 多规格
+  if (other !== null && other !== void 0 && other.product_variant_id) {
+    price = Number(other === null || other === void 0 ? void 0 : other.price);
+  }
   if (other !== null && other !== void 0 && other.bundle) {
     // bundle
     price = other === null || other === void 0 ? void 0 : other.bundle.reduce(function (accumulator, currentValue) {
       return accumulator + Number(currentValue.price) * Number(currentValue.num);
     }, price);
   }
-  price = price;
+
+  // 单规格
+  if (other !== null && other !== void 0 && other.option) {
+    price = other === null || other === void 0 ? void 0 : other.option.reduce(function (accumulator, currentValue) {
+      return accumulator + Number(currentValue.price) * Number(currentValue.num);
+    }, price);
+  }
   return price;
 };
 /**

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

@@ -6,8 +6,8 @@ import { Eftpos } from './const';
  * @Date: 2024-08-20 13:23
  */
 export declare const usePairTerminalo: (type: Eftpos, params: {
-    url?: string | undefined;
-    version?: string | undefined;
+    url?: string;
+    version?: string;
 }) => ({ mid, tid, apiKey, posProductData, }: {
     mid: string;
     tid: string;
@@ -29,6 +29,6 @@ export declare const usePairTerminalo: (type: Eftpos, params: {
  * @Date: 2024-08-19 18:36
  */
 export declare const useTyro: (params: {
-    url?: string | undefined;
-    version?: string | undefined;
+    url?: string;
+    version?: string;
 }) => readonly [import("react").MutableRefObject<any>, boolean];

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

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

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

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

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

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

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

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

package/es/components/eftposPay/component/step/index.d.ts

@@ -2,11 +2,11 @@
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;
-    warn?: string | undefined;
-    text?: string | undefined;
-    tip?: string | undefined;
-    loading?: string | undefined;
-    success?: string | undefined;
-    fail?: string | undefined;
+    warn?: string;
+    text?: string;
+    tip?: string;
+    loading?: string;
+    success?: string;
+    fail?: string;
 }) => JSX.Element;
 export default _default;

package/es/components/eftposPay/component/step/step.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 declare const _default: (props: {
     status: string;
-    pedding?: string | undefined;
-    resolve?: string | undefined;
-    reject?: string | undefined;
-    className?: string | undefined;
+    pedding?: string;
+    resolve?: string;
+    reject?: string;
+    className?: string;
 }) => JSX.Element;
 export default _default;

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

@@ -31,5 +31,5 @@ export declare const useStoreRef: <T extends {
  * @Date: 2024-08-12 11:54
  */
 export declare const useFail: (index: number) => (res: {
-    code?: "200" | "4004" | "701000" | "701001" | "701003" | "701004" | "701005" | "701006" | "701007" | "701008" | "701009" | "701010" | undefined;
+    code?: `${PayStatus}`;
 }, isMark?: boolean) => void;

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

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

package/es/components/eftposPay/tyro/hooks.d.ts

@@ -9,6 +9,6 @@
  * @Date: 2024-08-19 18:36
  */
 export declare const useTyro: (params: {
-    url?: string | undefined;
-    version?: string | undefined;
+    url?: string;
+    version?: string;
 }) => readonly [import("react").MutableRefObject<any>, boolean];

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

@@ -9,7 +9,7 @@ import XhrTimer from './timer';
  * @Date: 2024-08-12 10:29
  */
 export declare const useFail: () => (res: {
-    code?: "200" | "4004" | "701000" | "701001" | "701003" | "701004" | "701005" | "701006" | "701007" | "701008" | "701009" | "701010" | undefined;
+    code?: `${PayStatus}`;
 }, isMark?: boolean) => void;
 /**
  * @title: 轮询 check 接口

package/es/components/eventBooking/assets/calendar-heart.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="calendar-heart-01">
+<path id="Icon" d="M14 5.33333H2M10.6667 1.33333V3.33333M5.33333 1.33333V3.33333M5.2 14.6667H10.8C11.9201 14.6667 12.4802 14.6667 12.908 14.4487C13.2843 14.2569 13.5903 13.951 13.782 13.5746C14 13.1468 14 12.5868 14 11.4667V5.86666C14 4.74656 14 4.1865 13.782 3.75868C13.5903 3.38236 13.2843 3.0764 12.908 2.88465C12.4802 2.66666 11.9201 2.66666 10.8 2.66666H5.2C4.0799 2.66666 3.51984 2.66666 3.09202 2.88465C2.71569 3.0764 2.40973 3.38236 2.21799 3.75868C2 4.1865 2 4.74656 2 5.86666V11.4667C2 12.5868 2 13.1468 2.21799 13.5746C2.40973 13.951 2.71569 14.2569 3.09202 14.4487C3.51984 14.6667 4.0799 14.6667 5.2 14.6667ZM7.99817 8.22039C7.46501 7.6144 6.57593 7.45138 5.90792 8.0063C5.23991 8.56121 5.14586 9.48899 5.67045 10.1453C6.05133 10.6218 7.10618 11.5598 7.65555 12.0379C7.77465 12.1416 7.8342 12.1934 7.90398 12.214C7.96442 12.2318 8.03192 12.2318 8.09237 12.214C8.16215 12.1934 8.2217 12.1416 8.34079 12.0379C8.89017 11.5598 9.94502 10.6218 10.3259 10.1453C10.8505 9.48899 10.7679 8.55537 10.0884 8.0063C9.40893 7.45722 8.53133 7.6144 7.99817 8.22039Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/es/components/eventBooking/assets/compass.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="compass-03" clip-path="url(#clip0_4360_1258)">
+<g id="Icon">
+<path d="M8.00004 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33334 8.00004 1.33334C4.31814 1.33334 1.33337 4.3181 1.33337 8C1.33337 11.6819 4.31814 14.6667 8.00004 14.6667Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.81478 5.51065C10.1405 5.40208 10.3033 5.3478 10.4116 5.38641C10.5059 5.42002 10.58 5.49418 10.6136 5.58842C10.6522 5.69672 10.598 5.85957 10.4894 6.18527L9.4977 9.16035C9.46678 9.25311 9.45132 9.29949 9.42497 9.33801C9.40164 9.37212 9.37216 9.4016 9.33805 9.42494C9.29953 9.45128 9.25315 9.46674 9.16039 9.49766L6.1853 10.4894C5.85961 10.5979 5.69676 10.6522 5.58846 10.6136C5.49422 10.58 5.42006 10.5058 5.38645 10.4116C5.34783 10.3033 5.40212 10.1404 5.51068 9.81474L6.50238 6.83965C6.5333 6.74689 6.54876 6.70051 6.57511 6.662C6.59844 6.62788 6.62792 6.5984 6.66203 6.57507C6.70055 6.54872 6.74693 6.53326 6.83969 6.50234L9.81478 5.51065Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_4360_1258">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/es/components/eventBooking/assets/image.svg

@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="image-03">
+<path id="Icon" d="M6.40814 31.0919L16.3029 21.1971C16.897 20.603 17.194 20.306 17.5365 20.1947C17.8377 20.0968 18.1623 20.0968 18.4635 20.1947C18.806 20.306 19.103 20.603 19.6971 21.1971L29.5259 31.0259M21 22.5L25.3029 18.1971C25.897 17.603 26.194 17.306 26.5365 17.1947C26.8377 17.0968 27.1623 17.0968 27.4635 17.1947C27.806 17.306 28.103 17.603 28.6971 18.1971L33 22.5M15 13.5C15 15.1569 13.6569 16.5 12 16.5C10.3431 16.5 9 15.1569 9 13.5C9 11.8431 10.3431 10.5 12 10.5C13.6569 10.5 15 11.8431 15 13.5ZM10.2 31.5H25.8C28.3202 31.5 29.5804 31.5 30.543 31.0095C31.3897 30.5781 32.0781 29.8897 32.5095 29.043C33 28.0804 33 26.8202 33 24.3V11.7C33 9.17976 33 7.91965 32.5095 6.95704C32.0781 6.11031 31.3897 5.4219 30.543 4.99047C29.5804 4.5 28.3202 4.5 25.8 4.5H10.2C7.67976 4.5 6.41965 4.5 5.45704 4.99047C4.61031 5.4219 3.9219 6.11031 3.49047 6.95704C3 7.91965 3 9.17976 3 11.7V24.3C3 26.8202 3 28.0804 3.49047 29.043C3.9219 29.8897 4.61031 30.5781 5.45704 31.0095C6.41965 31.5 7.67976 31.5 10.2 31.5Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/es/components/eventBooking/assets/phone.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="phone">
+<path id="Icon" d="M5.58685 5.90215C6.05085 6.86856 6.68338 7.77433 7.48443 8.57538C8.28548 9.37643 9.19124 10.009 10.1577 10.473C10.2408 10.5129 10.2823 10.5328 10.3349 10.5482C10.5218 10.6026 10.7513 10.5635 10.9096 10.4502C10.9542 10.4183 10.9923 10.3802 11.0685 10.304C11.3016 10.0709 11.4181 9.95435 11.5353 9.87816C11.9772 9.59083 12.5469 9.59083 12.9889 9.87816C13.106 9.95435 13.2226 10.0709 13.4556 10.304L13.5856 10.4339C13.9399 10.7882 14.117 10.9653 14.2132 11.1556C14.4046 11.5339 14.4046 11.9808 14.2132 12.3592C14.117 12.5494 13.9399 12.7266 13.5856 13.0809L13.4805 13.1859C13.1274 13.539 12.9508 13.7156 12.7108 13.8504C12.4445 14 12.0308 14.1076 11.7253 14.1067C11.45 14.1059 11.2619 14.0525 10.8856 13.9456C8.86333 13.3717 6.95509 12.2887 5.36311 10.6967C3.77112 9.10471 2.68814 7.19647 2.11416 5.17421C2.00735 4.79791 1.95395 4.60976 1.95313 4.33446C1.95222 4.02898 2.0598 3.61532 2.20941 3.34898C2.34424 3.10896 2.52078 2.93242 2.87386 2.57934L2.97895 2.47425C3.33325 2.11995 3.5104 1.94281 3.70065 1.84658C4.07903 1.6552 4.52587 1.6552 4.90424 1.84658C5.0945 1.94281 5.27164 2.11995 5.62594 2.47425L5.75585 2.60416C5.98892 2.83723 6.10546 2.95377 6.18165 3.07095C6.46898 3.51288 6.46898 4.0826 6.18165 4.52453C6.10546 4.64171 5.98892 4.75825 5.75585 4.99132C5.67964 5.06753 5.64154 5.10563 5.60965 5.15017C5.49631 5.30846 5.45717 5.53796 5.51165 5.72487C5.52698 5.77746 5.54694 5.81902 5.58685 5.90215Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/es/components/eventBooking/assets/shopping-cart.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="shopping-cart-01" clip-path="url(#clip0_12002_1017)">
+<path id="Icon" d="M1.6665 1.66663H2.75497C2.95999 1.66663 3.0625 1.66663 3.14499 1.70433C3.21769 1.73755 3.27929 1.79098 3.32246 1.85825C3.37145 1.93458 3.38595 2.03606 3.41494 2.23901L3.80936 4.99996M3.80936 4.99996L4.68594 11.4428C4.79718 12.2604 4.85279 12.6692 5.04825 12.9769C5.22049 13.2481 5.46741 13.4637 5.7593 13.5978C6.09056 13.75 6.50312 13.75 7.32826 13.75H14.4598C15.2453 13.75 15.638 13.75 15.959 13.6086C16.242 13.484 16.4847 13.2832 16.6601 13.0285C16.8589 12.7396 16.9324 12.3538 17.0794 11.5823L18.1824 5.79137C18.2342 5.5198 18.26 5.38401 18.2225 5.27788C18.1897 5.18477 18.1248 5.10636 18.0395 5.05664C17.9422 4.99996 17.804 4.99996 17.5275 4.99996H3.80936ZM8.33317 17.5C8.33317 17.9602 7.96007 18.3333 7.49984 18.3333C7.0396 18.3333 6.6665 17.9602 6.6665 17.5C6.6665 17.0397 7.0396 16.6666 7.49984 16.6666C7.96007 16.6666 8.33317 17.0397 8.33317 17.5ZM14.9998 17.5C14.9998 17.9602 14.6267 18.3333 14.1665 18.3333C13.7063 18.3333 13.3332 17.9602 13.3332 17.5C13.3332 17.0397 13.7063 16.6666 14.1665 16.6666C14.6267 16.6666 14.9998 17.0397 14.9998 17.5Z" stroke="#344054" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_12002_1017">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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

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

package/es/components/eventBooking/components/ErrorTip/index.js

@@ -0,0 +1,14 @@
+import { Iconfont } from '@pisell/materials';
+import "./index.less";
+var ErrorTip = function ErrorTip(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "event-booking-error-tip"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "error-icon-wrapper"
+  }, /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-alert-circle",
+    className: "icon-warning"
+  })), /*#__PURE__*/React.createElement("span", null, text));
+};
+export default ErrorTip;

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

@@ -0,0 +1,51 @@
+.event-booking-error-tip {
+  margin-bottom: 16px;
+  display: flex;
+  align-items: center;
+  padding: 6px 16px 6px 6px;
+  gap: 16px;
+  align-self: stretch;
+  border-radius: 12px;
+  border: 1px solid var(--Error-300, #fda29b);
+  background: var(--Error-25, #fffbfa);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  color: var(--Error-700, #b42318);
+  font-size: 14px;
+  font-weight: 600;
+
+  .error-icon-wrapper {
+    position: relative;
+    width: 38px;
+    height: 38px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &::before {
+      content: '';
+      position: absolute;
+      width: 38px;
+      height: 38px;
+      border-radius: 50%;
+      border: 2px solid var(--Error-600, #d92d20);
+      opacity: 0.1;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      border: 2px solid var(--Error-600, #d92d20);
+      opacity: 0.3;
+    }
+
+    .icon-warning {
+      position: relative;
+      z-index: 1;
+      font-size: 20px;
+      color: #ff4d4f;
+    }
+  }
+}

package/es/components/eventBooking/components/OpenCard/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+export default _default;

package/es/components/eventBooking/components/OpenCard/index.js

@@ -0,0 +1,65 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { Iconfont } from '@pisell/materials';
+import classNames from 'classnames';
+import "./index.less";
+var OpenCard = function OpenCard(_ref, ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    className = _ref.className,
+    scrollErrorId = _ref.scrollErrorId,
+    _ref$initOpen = _ref.initOpen,
+    initOpen = _ref$initOpen === void 0 ? true : _ref$initOpen,
+    extra = _ref.extra,
+    _ref$isClick = _ref.isClick,
+    isClick = _ref$isClick === void 0 ? true : _ref$isClick,
+    _ref$showArrow = _ref.showArrow,
+    showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
+    _ref$showBorder = _ref.showBorder,
+    showBorder = _ref$showBorder === void 0 ? false : _ref$showBorder,
+    _ref$showHeader = _ref.showHeader,
+    showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  useEffect(function () {
+    if (initOpen === false) {
+      setIsOpen(false);
+    }
+  }, [initOpen]);
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open() {
+        return setIsOpen(true);
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    id: scrollErrorId,
+    className: classNames('open-card', {
+      open: isOpen,
+      'open-card-border': showBorder
+    }, className)
+  }, showHeader ? /*#__PURE__*/React.createElement("div", {
+    className: 'header',
+    onClick: function onClick() {
+      return isClick ? setIsOpen(!isOpen) : null;
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'title'
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: 'right'
+  }, extra, showArrow ? /*#__PURE__*/React.createElement(Iconfont, {
+    type: !isOpen ? 'pisell2-chevron-up' : 'pisell2-chevron-down',
+    className: classNames('icon')
+  }) : null)) : null, children ? /*#__PURE__*/React.createElement("div", {
+    className: 'content'
+  }, children) : null);
+};
+export default /*#__PURE__*/forwardRef(OpenCard);

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

@@ -0,0 +1,52 @@
+.open-card {
+  background: #ffffff;
+  .header {
+    display: flex;
+    padding: 16px;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+    cursor: pointer;
+
+    .title {
+      flex: 1;
+      color: var(--text-text-1, #1b1b1b);
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 22px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+      height: 22px;
+    }
+
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      transition: 0.2s;
+    }
+  }
+
+  .content {
+    overflow: hidden;
+    height: 0px;
+  }
+
+  &.open {
+    .content {
+      height: auto;
+    }
+  }
+}
+.open-card-border {
+  border-radius: 10px;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+}