@pisell/private-materials 3.2.38 → 3.3.0

package/es/components/ticketBooking/components/addServiceVariant/addService.js

@@ -0,0 +1,410 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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 { getUniqueId, locales } from '@pisell/utils';
+import React, { useEffect, useMemo, useState } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { PisellToast } from "@pisell/materials";
+import useEngineContext from "../../../../hooks/useEngineContext";
+import { isSessionProduct, request, getProductTotalPrice } from "../../../booking/utils";
+import { getProductExtend } from "../../../booking/info2/service/addService/utils";
+import { appointmentTypes } from "../../../booking/info/service2/status";
+import { holderId, isDaysBooking } from "../../../booking/info/service2/utils";
+import { getIsBundleOrCombination, isBooking4Shop } from "../../../booking/info/utils";
+import { getProductDetail } from "../../../booking/info/service/serve";
+import { useService } from "../../../booking/info/service/serviceManager";
+import ProductSelect from "../../../productSelect";
+import "./index.less";
+var AddSerivce = function AddSerivce(props) {
+  var _context$appHelper$ut, _context$appHelper$ut2, _state$service2, _state$service3;
+  var onEdit = props.onEdit,
+    state = props.state,
+    dispatch = props.dispatch,
+    _props$renderMode = props.renderMode,
+    renderMode = _props$renderMode === void 0 ? 'current' : _props$renderMode;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var context = useEngineContext();
+  request.setRequest(context.appHelper.utils.request);
+  var _useService = useService({
+      renderMode: renderMode,
+      onEdit: onEdit,
+      state: state,
+      dispatch: dispatch
+    }),
+    createBookingData = _useService.createBookingData,
+    createBooking = _useService.createBooking;
+  var isBooking4 = isBooking4Shop((_context$appHelper$ut = context.appHelper.utils.store) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getState) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.global) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut2.globalConfig) === null || _context$appHelper$ut2 === void 0 ? void 0 : _context$appHelper$ut2.id, state === null || state === void 0 ? void 0 : state.renderType);
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentProduct = _useState4[0],
+    setCurrentProduct = _useState4[1];
+
+  /**
+   * @title: 如果商品只有一个, 则自动设置默认商品
+   * @description:
+   * @param {any} list
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-05-14 13:55
+   */
+  var setDefaultService = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(list) {
+      var _list, product, detail, isBundleOrCombination, _item;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(state.renderType !== 'eventBooking')) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            if (!state.bookingId) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            if (!(list.length !== 1)) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return");
+          case 6:
+            _list = _toConsumableArray(state.service.value);
+            if (!(_list.length !== 0)) {
+              _context.next = 9;
+              break;
+            }
+            return _context.abrupt("return");
+          case 9:
+            setLoading(true);
+            product = list[0];
+            _context.next = 13;
+            return getProductDetail(product.id, {
+              schedule_date: state.date.value.format('YYYY-MM-DD')
+            });
+          case 13:
+            detail = _context.sent;
+            // 商品是套餐或单规格多规格
+            isBundleOrCombination = getIsBundleOrCombination(detail.data);
+            setLoading(false);
+
+            // 套餐商品单规格多规格不设置默认
+            if (!isBundleOrCombination) {
+              _context.next = 18;
+              break;
+            }
+            return _context.abrupt("return");
+          case 18:
+            _item = _objectSpread(_objectSpread({}, product), {}, {
+              product_id: product.id,
+              _id: getUniqueId(),
+              _extend: {
+                start_date: state.date.value,
+                startDate: state.date.value,
+                endDate: state.date.value,
+                start_time: '00:00:00',
+                duration: 10,
+                quantity: 1,
+                price: product.price,
+                total: product.price,
+                origin_total: product.price,
+                product_name: product.title
+              }
+            });
+            _list.push(_item);
+            dispatch({
+              type: 'setService',
+              payload: {
+                value: _list,
+                edit: true
+              }
+            });
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function setDefaultService(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getServices = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
+      var _state$eventOtherPara, _state$eventOtherPara2;
+      var data;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setLoading(true);
+            // 活动预约如果没有绑定商品id不查询
+            if (!(state.renderType === 'eventBooking' && !((_state$eventOtherPara = state.eventOtherParams) !== null && _state$eventOtherPara !== void 0 && (_state$eventOtherPara = _state$eventOtherPara.productIds) !== null && _state$eventOtherPara !== void 0 && _state$eventOtherPara.length))) {
+              _context2.next = 5;
+              break;
+            }
+            dispatch({
+              type: 'setService',
+              payload: {
+                services: []
+              }
+            });
+            setLoading(false);
+            return _context2.abrupt("return");
+          case 5:
+            _context2.next = 7;
+            return state.apis.getServices(_objectSpread({
+              skip: 1,
+              num: 500,
+              extension_type: state.renderType === 'eventBooking' ? undefined : ['appointment_ticket', 'session_product', 'session_ticket'],
+              with: ['category'],
+              ids: state.renderType === 'eventBooking' ? (_state$eventOtherPara2 = state.eventOtherParams) === null || _state$eventOtherPara2 === void 0 ? void 0 : _state$eventOtherPara2.productIds : undefined,
+              open_quotation: 1,
+              with_schedule: 1,
+              with_count: ['bundleGroup', 'optionGroup'],
+              order_by_string: 'sort:desc',
+              status: 'published'
+            }, state.isBookingCreatePage ? {
+              schedule_date: params === null || params === void 0 ? void 0 : params.schedule_date
+            } : {
+              _config: {
+                useCache: true
+              }
+            }));
+          case 7:
+            data = _context2.sent;
+            setLoading(false);
+
+            // 只有自动获取列表的时候才设置商品, 手动点击添加按钮的时候不设置
+            if (!state.service.addModal) {
+              setDefaultService(data === null || data === void 0 ? void 0 : data.list);
+            }
+            dispatch({
+              type: 'setService',
+              payload: {
+                services: (data === null || data === void 0 ? void 0 : data.list) || []
+              }
+            });
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getServices(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleSelectProduct = useMemoizedFn(function (item) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'select';
+    var isSession = isSessionProduct(item);
+    // 是否有单规格 组合规格 套餐, 或者session商品 如果没有不需要打开弹窗
+    var isEject = type === 'detail' || item.bundle_group_count > 0 || isSession;
+    var lock = false;
+    if (isEject) {
+      setCurrentProduct(item);
+    } else {
+      setCurrentProduct(null);
+    }
+    state.action({
+      type: 'pisell1.handleOpenProductModal',
+      data: {
+        id: item.id,
+        date: state.date.value.format('YYYY-MM-DD'),
+        showConfig: {
+          option: false,
+          session: isSession,
+          variant: false,
+          package: true
+        },
+        is_eject: isEject ? 1 : 0,
+        isOS: isSession
+      },
+      onCancel: function onCancel() {
+        setCurrentProduct(null);
+      },
+      callback: function () {
+        var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e, extension_type, detail) {
+          var data, _detail, other, cacheItem, _total, _isEdit, _state$service$cacheI, _list;
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                setCurrentProduct(null);
+                // 防止选择商品弹窗多次触发callback
+                if (!lock) {
+                  _context3.next = 3;
+                  break;
+                }
+                return _context3.abrupt("return");
+              case 3:
+                lock = true;
+
+                // 2秒后解除
+                setTimeout(function () {
+                  lock = false;
+                }, 2000);
+                PisellToast({
+                  content: locales.getText("pisell2.ticket-booking.add-to-cart")
+                });
+                if (isBooking4) {
+                  _context3.next = 12;
+                  break;
+                }
+                _context3.next = 9;
+                return createBookingData({
+                  product: _objectSpread(_objectSpread({}, detail || item), {}, {
+                    _params: e
+                  })
+                });
+              case 9:
+                data = _context3.sent;
+                // 创建预约
+                createBooking({
+                  booking: data
+                });
+                return _context3.abrupt("return");
+              case 12:
+                // info2 addService 逻辑
+                _detail = detail || item;
+                other = JSON.parse(JSON.stringify(e));
+                other.session = e.session;
+                cacheItem = _objectSpread(_objectSpread({}, _detail), {}, {
+                  product_id: item.id,
+                  _id: getUniqueId(),
+                  _key: e.key,
+                  _extend: {
+                    start_date: state.date.value,
+                    quantity: 1,
+                    price: _detail.price,
+                    product_name: item.title,
+                    other: other
+                  },
+                  new: 1
+                });
+                _total = getProductTotalPrice(cacheItem); // 用于折扣 可修改
+                cacheItem._extend.total = _total;
+                // 用于储存原价
+                cacheItem._extend.origin_total = _total;
+                _isEdit = !!state.service.cacheItem;
+                if (_isEdit) {
+                  cacheItem._id = (_state$service$cacheI = state.service.cacheItem) === null || _state$service$cacheI === void 0 ? void 0 : _state$service$cacheI._id;
+                  cacheItem.new = 0;
+                }
+                // 渲染到当前位置模式时，默认无资源 时间默认取顶部设置的时间
+                if (renderMode === 'current') {
+                  // cacheItem._extend.resource = 0;
+                  cacheItem.currentDefaultTime = state.date.value.format('HH:mm');
+                }
+                cacheItem = getProductExtend({
+                  cacheItem: cacheItem,
+                  state: state
+                });
+                if (state.renderType === 'eventBooking') {
+                  cacheItem.autoClose = false;
+                }
+                if (cacheItem.autoClose) {
+                  cacheItem.autoClose = false;
+                  _list = [].concat(_toConsumableArray(state.service.value), [cacheItem]);
+                  dispatch({
+                    type: 'setService',
+                    payload: {
+                      addModal: false,
+                      value: _list,
+                      edit: true,
+                      changeService: false
+                    }
+                  });
+                } else {
+                  dispatch({
+                    type: 'setService',
+                    payload: {
+                      editModal: true,
+                      cacheItem: cacheItem,
+                      addModal: !cacheItem.autoClose,
+                      changeService: false
+                    }
+                  });
+                  onEdit === null || onEdit === void 0 || onEdit(cacheItem);
+                }
+              case 25:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function callback(_x3, _x4, _x5) {
+          return _callback.apply(this, arguments);
+        }
+        return callback;
+      }()
+    });
+  });
+  var renderList = useMemo(function () {
+    var _state$service;
+    var _list = ((_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.services) || [];
+
+    // 跨日预约
+    if (isDaysBooking(state)) {
+      // 公共购物车下过滤掉预约商品
+      if (!holderId(state)) {
+        _list = _list.filter(function (item) {
+          return !appointmentTypes.includes(item.extension_type);
+        });
+      }
+    }
+    return _list;
+  }, [(_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.services, state === null || state === void 0 ? void 0 : state.activeCartId]);
+  var currentDate = useMemo(function () {
+    return state.date.value.format('YYYY-MM-DD');
+  }, [state.date.value]);
+  useEffect(function () {
+    if (renderMode === 'current') {
+      getServices({
+        schedule_date: currentDate
+      });
+    }
+  }, [renderMode, currentDate]);
+  useEffect(function () {
+    if (state.renderType === 'eventBooking' && state.modalOpen) {
+      getServices({
+        schedule_date: currentDate
+      });
+    }
+  }, [state.renderType, state.modalOpen]);
+  return useMemo(function () {
+    if (renderMode === 'current') {
+      return /*#__PURE__*/React.createElement(ProductSelect, {
+        dataSource: renderList,
+        layout: {
+          grid: true,
+          config: '12:12'
+        },
+        onChange: handleSelectProduct,
+        value: currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.id,
+        loading: loading
+      });
+    }
+    return null;
+  }, [(_state$service3 = state.service) === null || _state$service3 === void 0 || (_state$service3 = _state$service3.cacheItem) === null || _state$service3 === void 0 ? void 0 : _state$service3.autoClose, state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4]);
+};
+export default AddSerivce;

package/es/components/ticketBooking/components/addServiceVariant/index.d.ts

@@ -0,0 +1,6 @@
+interface AddServiceVariantProps {
+    globalState: any;
+    setGlobalState: any;
+}
+declare const AddServiceVariant: (props: AddServiceVariantProps) => JSX.Element;
+export default AddServiceVariant;

package/es/components/ticketBooking/components/addServiceVariant/index.js

@@ -0,0 +1,28 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useRef } from 'react';
+import AddService from "./addService";
+var AddServiceVariant = function AddServiceVariant(props) {
+  var globalState = props.globalState,
+    setGlobalState = props.setGlobalState;
+  var stateRef = useRef(globalState);
+  stateRef.current = globalState;
+  var dispatch = function dispatch(_ref) {
+    var type = _ref.type,
+      payload = _ref.payload;
+    if (type === 'setService') {
+      setGlobalState({
+        service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(AddService, {
+    state: globalState,
+    dispatch: dispatch
+  });
+};
+export default AddServiceVariant;

package/es/components/ticketBooking/components/menuBar/index.d.ts

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

package/es/components/ticketBooking/components/menuBar/index.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { useNetworkStatus, NetworkStatus, NetworkStatusColor } from "../../hooks/useNetworkStatus";
+import "./index.less";
+var index = function index() {
+  var status = useNetworkStatus();
+  var getStatusText = function getStatusText(status) {
+    switch (status) {
+      case NetworkStatus.GOOD:
+        return 'Online';
+      case NetworkStatus.WEAK:
+        return 'Online';
+      case NetworkStatus.OFFLINE:
+        return 'Offline';
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-ticket-booking-menu-bar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "logo-wrapper"
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "44",
+    height: "26",
+    viewBox: "0 0 44 26",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M35.6532 13.0605C37.0806 11.869 38.5601 10.6336 40.1874 10.9932C41.0631 11.1851 41.7553 11.7931 42.2352 12.8086C43.7869 16.0599 43.1992 20.8314 39.536 22.875C39.0721 23.1309 38.6243 23.4031 38.1845 23.667C35.713 25.1507 33.1574 26.6896 29.3583 25.6699C26.179 24.8181 24.3232 24.5303 22.0038 24.5303C19.6843 24.5303 17.8285 24.8181 14.6493 25.6699C13.7895 25.8979 12.9975 25.998 12.2577 25.998C9.70239 25.998 7.73479 24.8148 5.81531 23.6631C5.37153 23.3992 4.92351 23.127 4.46375 22.8711C0.804523 20.8315 0.211882 16.056 1.76355 12.8047C2.24745 11.793 2.93564 11.1811 3.81141 10.9932C5.43499 10.6333 6.91492 11.8688 8.34656 13.0605C8.77047 13.4125 9.17023 13.749 9.53016 14.001C9.99006 14.3249 10.7382 14.0412 12.4618 13.2734C14.6253 12.3056 17.5928 10.9814 21.9999 10.9814C26.4068 10.9815 29.3705 12.3057 31.538 13.2734C33.2609 14.0449 34.0087 14.3245 34.4686 14.001C34.8286 13.745 35.2293 13.4125 35.6532 13.0605ZM39.58 13.5605C39.176 13.5605 37.9405 14.589 37.3446 15.0889C36.9008 15.4607 36.4369 15.8443 35.9891 16.1602C34.2535 17.3799 32.4134 16.5525 30.4618 15.6807C28.4063 14.7609 25.8469 13.6172 22.0038 13.6172C18.1607 13.6172 15.6013 14.7609 13.5458 15.6807C11.5942 16.5525 9.75007 17.3759 8.01844 16.1602C7.56666 15.8443 7.10675 15.4607 6.66297 15.0889C6.06312 14.593 4.83934 13.5733 4.39539 13.5732H4.37488C4.37692 13.5829 4.274 13.687 4.15516 13.9404C3.1114 16.1239 3.50737 19.3078 5.75477 20.5596C6.24264 20.8315 6.71462 21.1156 7.1825 21.3955C9.45402 22.7632 11.2543 23.8431 13.9657 23.1152C17.3528 22.2075 19.4564 21.8867 22.0038 21.8867C24.5512 21.8867 26.6547 22.2074 30.0419 23.1152C32.7571 23.843 34.5528 22.7631 36.8241 21.3955C37.2919 21.1156 37.7641 20.8315 38.2518 20.5596C40.4994 19.3078 40.8952 16.124 39.8514 13.9404C39.7276 13.6808 39.6236 13.5765 39.5956 13.5605H39.58ZM25.6991 4.86621C26.7868 4.70638 27.9108 5.12611 28.6386 5.96582C29.3784 6.81762 29.598 7.99374 29.2421 9.18945C29.0781 9.76133 28.5502 10.1338 27.9823 10.1338C27.8583 10.1338 27.7303 10.1171 27.6063 10.0771C26.9065 9.86915 26.5108 9.13341 26.7147 8.43359C26.8106 8.10584 26.7902 7.85828 26.6464 7.69434C26.4984 7.52239 26.2467 7.45357 26.0907 7.47754C25.8468 7.51352 25.695 7.62195 25.3153 7.92969C24.7075 8.42155 23.7873 9.16102 21.996 9.16113C20.2045 9.16113 19.2885 8.42158 18.6766 7.92969C18.3007 7.62575 18.1441 7.51353 17.9042 7.47754C17.7442 7.45368 17.4965 7.52248 17.3446 7.69434C17.2049 7.85827 17.1804 8.10593 17.2762 8.43359C17.4842 9.13345 17.0884 9.86919 16.3886 10.0771C15.6887 10.289 14.9529 9.88526 14.745 9.18945C14.3891 7.99375 14.6088 6.81761 15.3446 5.96582C16.0684 5.12611 17.1964 4.70638 18.2841 4.86621C19.2598 5.01017 19.856 5.49012 20.3319 5.87402C20.8317 6.27786 21.1316 6.52237 21.9911 6.52246C22.8469 6.52246 23.1514 6.27794 23.6512 5.87402C24.1271 5.49012 24.7234 5.01017 25.6991 4.86621ZM9.7782 4.7793C11.1078 4.7793 12.1853 5.85699 12.1854 7.18652C12.1854 8.51614 11.1078 9.59375 9.7782 9.59375C8.44863 9.59369 7.37098 8.51611 7.37098 7.18652C7.37108 5.85703 8.4487 4.77936 9.7782 4.7793ZM34.3329 4.7793C35.6624 4.77934 36.74 5.85702 36.7401 7.18652C36.7401 8.51612 35.6625 9.59371 34.3329 9.59375C33.0033 9.59375 31.9257 8.51614 31.9257 7.18652C31.9258 5.85699 33.0033 4.7793 34.3329 4.7793ZM9.66199 0C13.6059 4.10292e-05 15.2458 2.41974 15.3163 2.52734C15.7162 3.13522 15.5482 3.95546 14.9403 4.35938C14.7165 4.50314 14.4645 4.5752 14.2167 4.5752C13.7889 4.57512 13.3651 4.36717 13.1132 3.97949C13.0892 3.9435 12.1294 2.64356 9.6659 2.64355C7.20596 2.64355 6.24558 3.93955 6.20301 3.99902C5.7831 4.5829 4.96685 4.73897 4.37098 4.33105C3.77915 3.92316 3.61089 3.1272 4.00672 2.52734C4.0747 2.42337 5.71483 0 9.66199 0ZM34.329 0C38.2761 0 39.9203 2.42337 39.9843 2.52734C40.3841 3.13521 40.2161 3.95547 39.6083 4.35938C39.3884 4.50328 39.1364 4.57513 38.8886 4.5752C38.4607 4.5752 38.036 4.36736 37.7841 3.97949C37.7601 3.9435 36.8004 2.64355 34.3329 2.64355C31.8713 2.64365 30.9112 3.94138 30.87 3.99902C30.4501 4.5829 29.6338 4.73897 29.038 4.33105C28.4463 3.9231 28.2788 3.12714 28.6747 2.52734C28.7448 2.42029 30.3846 7.62705e-05 34.329 0Z",
+    fill: "#8157D5"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "nav-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "nav-item active"
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "25",
+    viewBox: "0 0 34 27",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M13.8 7.05078V5.48828M13.8 14.082V12.5195M13.8 21.1133V19.5508M6.12 0.800781H27.88C29.6722 0.800781 30.5683 0.800781 31.2528 1.14139C31.8549 1.44099 32.3444 1.91905 32.6512 2.50706C33 3.17554 33 4.05062 33 5.80078V7.83203C29.9072 7.83203 27.4 10.2805 27.4 13.3008C27.4 16.3211 29.9072 18.7695 33 18.7695V20.8008C33 22.5509 33 23.426 32.6512 24.0945C32.3444 24.6825 31.8549 25.1606 31.2528 25.4602C30.5683 25.8008 29.6722 25.8008 27.88 25.8008H6.12C4.32783 25.8008 3.43175 25.8008 2.74723 25.4602C2.14511 25.1606 1.65557 24.6825 1.34878 24.0945C1 23.426 1 22.5509 1 20.8008V18.7695C4.09279 18.7695 6.6 16.3211 6.6 13.3008C6.6 10.2805 4.09279 7.83203 1 7.83203V5.80078C1 4.05062 1 3.17554 1.34878 2.50706C1.65557 1.91905 2.14511 1.44099 2.74723 1.14139C3.43175 0.800781 4.32783 0.800781 6.12 0.800781Z",
+    stroke: "white",
+    "stroke-width": "1.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "status-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "network-status",
+    style: {
+      background: NetworkStatusColor[status]
+    }
+  }, getStatusText(status))));
+};
+export default index;

package/es/components/ticketBooking/components/menuBar/index.less

@@ -0,0 +1,84 @@
+.pisell-ticket-booking-menu-bar {
+  background-color: #1b1b1b;
+  padding-left: 6px;
+  width: 86px;
+  position: relative;
+
+  .logo-wrapper {
+    margin-top: 24px;
+    display: flex;
+    justify-content: center;
+
+    svg {
+      width: 42.079px;
+      height: 25.999px;
+    }
+  }
+
+  .nav-wrapper {
+    margin-top: 24px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .nav-item {
+      cursor: pointer;
+      width: 56px;
+      height: 56px;
+      border-radius: 6px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      position: relative;
+      background: var(--Gray-950, #0c111d);
+
+      &.active {
+        background: #8157d5;
+
+        &::before {
+          display: block;
+          content: '';
+          background-color: #8157d5;
+          height: 100%;
+          width: 6px;
+          position: absolute;
+          left: -18px;
+          top: 0;
+          border-radius: 0px 2px 2px 0px;
+        }
+      }
+    }
+  }
+
+  .status-wrapper {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 20px;
+    display: flex;
+
+    > div {
+      color: #fff;
+      text-align: center;
+      font-family: Inter;
+      font-size: 8px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 10px; /* 125% */
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      align-self: stretch;
+    }
+
+    .network-status {
+      flex: 1 0 100%;
+    }
+
+    .ITS-status {
+      flex: 1 0 60%;
+      background: #3f9e4d;
+    }
+  }
+}

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

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