@pisell/private-materials 3.2.39 → 3.3.0

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

@@ -0,0 +1,18 @@
+.pisell-ticket-booking-wrapper {
+
+
+  .pisell-lowcode__booking-tab-pane-footer {
+    padding: 16px;
+  }
+  .create-booking-page-info-wrap-create {
+    background-color: #1B1B1B;
+    .booking-info {
+      .booking-info-create-new,
+      .pisell-lowcode__booking-field-title,
+      .pisell-lowcode__shopping-cart-empty,
+      .pisell-lowcode__booking-service-clear-btn {
+        color: #ffffff;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+import type { Dayjs } from 'dayjs';
+import './index.less';
+interface ITimeBarProps {
+    globalState: any;
+    setGlobalState: any;
+    onDateChange: (date: Dayjs, dateString?: string) => void;
+    onDateTimeChange: (date: Dayjs, timeString: string) => void;
+    setIntervalTime: (value: boolean) => void;
+}
+declare const TimeBar: (props: ITimeBarProps) => JSX.Element;
+export default TimeBar;

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

@@ -0,0 +1,113 @@
+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 React from 'react';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { DatePicker, SelectTime } from '@pisell/materials';
+import { Button } from 'antd';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import "./index.less";
+var TimeBar = function TimeBar(props) {
+  var _state$modalState4, _state$modalState5;
+  var state = props.globalState,
+    setGlobalState = props.setGlobalState;
+  var _onClickNext = function _onClickNext() {
+    var _state$modalState, _props$onDateChange, _props$setIntervalTim;
+    var currentTime = (_state$modalState = state.modalState) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.date) === null || _state$modalState === void 0 ? void 0 : _state$modalState.value;
+    var newTime = currentTime['add'](1, 'day');
+    (_props$onDateChange = props.onDateChange) === null || _props$onDateChange === void 0 || _props$onDateChange.call(props, newTime, newTime.format('YYYY-MM-DD HH:mm:ss'));
+    (_props$setIntervalTim = props.setIntervalTime) === null || _props$setIntervalTim === void 0 || _props$setIntervalTim.call(props, false);
+  };
+  var _onClickPre = function _onClickPre() {
+    var _state$modalState2, _props$onDateChange2, _props$setIntervalTim2;
+    var currentTime = (_state$modalState2 = state.modalState) === null || _state$modalState2 === void 0 || (_state$modalState2 = _state$modalState2.date) === null || _state$modalState2 === void 0 ? void 0 : _state$modalState2.value;
+    var newTime = currentTime['subtract'](1, 'day');
+    (_props$onDateChange2 = props.onDateChange) === null || _props$onDateChange2 === void 0 || _props$onDateChange2.call(props, newTime, newTime.format('YYYY-MM-DD HH:mm:ss'));
+    (_props$setIntervalTim2 = props.setIntervalTime) === null || _props$setIntervalTim2 === void 0 || _props$setIntervalTim2.call(props, false);
+  };
+  var _onClickToday = function _onClickToday() {
+    var _props$setIntervalTim3;
+    (_props$setIntervalTim3 = props.setIntervalTime) === null || _props$setIntervalTim3 === void 0 || _props$setIntervalTim3.call(props, true);
+  };
+  var _onClickNow = function _onClickNow() {
+    var _props$setIntervalTim4;
+    (_props$setIntervalTim4 = props.setIntervalTime) === null || _props$setIntervalTim4 === void 0 || _props$setIntervalTim4.call(props, true);
+  };
+
+  // 时间选择变更事件
+  var _onDateTimeChange = function _onDateTimeChange(timeString) {
+    var _state$modalState3, _props$onDateTimeChan, _props$setIntervalTim5;
+    var currentTime = (_state$modalState3 = state.modalState) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.date) === null || _state$modalState3 === void 0 ? void 0 : _state$modalState3.value;
+    var _timeString$split$map = timeString.split(':').map(Number),
+      _timeString$split$map2 = _slicedToArray(_timeString$split$map, 2),
+      hours = _timeString$split$map2[0],
+      minutes = _timeString$split$map2[1];
+    var newTime = currentTime.hour(hours).minute(minutes).second(0);
+    (_props$onDateTimeChan = props.onDateTimeChange) === null || _props$onDateTimeChan === void 0 || _props$onDateTimeChan.call(props, newTime, newTime.format('YYYY-MM-DD HH:mm:ss'));
+    setGlobalState({
+      isTimeChange: true
+    });
+    (_props$setIntervalTim5 = props.setIntervalTime) === null || _props$setIntervalTim5 === void 0 || _props$setIntervalTim5.call(props, false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-ticket-booking-time-bar"
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
+    onClick: _onClickPre,
+    size: "large"
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: _onClickToday,
+    size: "large",
+    style: state.intervalSetTime ? {
+      background: '#000',
+      color: '#fff'
+    } : undefined
+  }, locales.getText('pisell2.ticket-booking.today')), /*#__PURE__*/React.createElement("div", {
+    className: classNames({
+      'booking-page-date-picker-select': state.isDateChange
+    }),
+    style: {
+      width: 200,
+      flexShrink: 0
+    }
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    value: state === null || state === void 0 || (_state$modalState4 = state.modalState) === null || _state$modalState4 === void 0 || (_state$modalState4 = _state$modalState4.date) === null || _state$modalState4 === void 0 ? void 0 : _state$modalState4.value,
+    format: state.locale === 'en' ? 'dddd, DD MMM YYYY' : 'YYYY年MM月DD日',
+    onChange: props === null || props === void 0 ? void 0 : props.onDateChange,
+    size: "large",
+    style: {
+      width: '100%'
+    }
+  })), /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(RightOutlined, null),
+    onClick: _onClickNext,
+    size: "large"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames({
+      'booking-page-date-picker-select': state.isTimeChange
+    })
+  }, /*#__PURE__*/React.createElement(SelectTime, {
+    value: state === null || state === void 0 || (_state$modalState5 = state.modalState) === null || _state$modalState5 === void 0 || (_state$modalState5 = _state$modalState5.date) === null || _state$modalState5 === void 0 ? void 0 : _state$modalState5.value.format('HH:mm'),
+    onChange: _onDateTimeChange,
+    popoverProps: {
+      style: {
+        zoom: 0.8
+      }
+    },
+    timePickerProps: {},
+    timeProps: {},
+    slice: 5
+  })), /*#__PURE__*/React.createElement(Button, {
+    onClick: _onClickNow,
+    size: "large",
+    style: state.intervalSetTime ? {
+      background: '#000',
+      color: '#fff'
+    } : undefined
+  }, locales.getText('pisell2.ticket-booking.now')));
+};
+export default TimeBar;

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

@@ -0,0 +1,22 @@
+.pisell-ticket-booking-time-bar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  padding: 8px;
+
+  button {
+    flex-shrink: 0;
+  }
+
+  .booking-page-date-picker-select {
+    .pisell-lowcode-picker {
+      background-color: #000 !important;
+
+      input,
+      .pisell-lowcode-picker-suffix {
+        color: #fff !important;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,58 @@
+declare const mockProduct: {
+    order_id: number;
+    shop_id: number;
+    product_id: number;
+    product_variant_id: number;
+    product_unique_string: string;
+    product_title: string;
+    product_cover: string;
+    product_sku: {
+        code: string;
+        name: string;
+        barcode: string;
+        sku_ids: string;
+        variant: never[];
+        variant_id: string;
+        generate_voucher: never[];
+    };
+    product_bundle: never[];
+    gift_card: number;
+    selling_price: string;
+    original_price: string;
+    cost_price: string;
+    product_quantity: number;
+    payment_price: string;
+    deposit_price: string;
+    tax_fee: string;
+    is_charge_tax: number;
+    refund_quantity: number;
+    refund_status: string;
+    shipping_status: string;
+    payment_status: string;
+    commission: number;
+    commission_tax: number;
+    rebate_type: string;
+    rebate_value: string;
+    commission_percent: string;
+    channel: string;
+    channel_id: number;
+    item_relation_id: number;
+    schedule_event_id: number;
+    note: string;
+    extension_type: string;
+    before_product_quantity: number;
+    remove_product_quantity: number;
+    deleted_at: null;
+    created_at: string;
+    updated_at: string;
+    order_detail_id: number;
+    product_option_string: string;
+    product_subtitle: string;
+    source_product_price: string;
+    discount_amount: number;
+    product_discount_reason: string;
+    discount_type: string;
+    discountway: string;
+    discount_per: string;
+    single_discount: null;
+};

package/es/components/ticketBooking/data.js

@@ -1,61 +1,61 @@
-// const mockProduct = {
-//   order_id: 0,
-//   shop_id: 0,
-//   product_id: 0,
-//   product_variant_id: 0,
-//   product_unique_string: '0:0:',
-//   product_title: '',
-//   product_cover: '',
-//   product_sku: {
-//     code: 'HNYmhKjqKKCJ',
-//     name: '',
-//     barcode: '',
-//     sku_ids: '',
-//     variant: [],
-//     variant_id: '0',
-//     generate_voucher: [],
-//   },
-//   product_bundle: [],
-//   gift_card: 0,
-//   selling_price: '0',
-//   original_price: '0',
-//   cost_price: '0.00',
-//   product_quantity: 1,
-//   payment_price: '0',
-//   deposit_price: '0.00',
-//   tax_fee: '0',
-//   is_charge_tax: 1,
-//   refund_quantity: 0,
-//   refund_status: '0',
-//   shipping_status: 'unfulfilled',
-//   payment_status: 'payment_processing',
-//   commission: 0,
-//   commission_tax: 0,
-//   rebate_type: '',
-//   rebate_value: '0.00',
-//   commission_percent: '0.0000',
-//   channel: '',
-//   channel_id: 0,
-//   item_relation_id: 0,
-//   schedule_event_id: 0,
-//   note: '',
-//   extension_type: 'product_appointment',
-//   before_product_quantity: 1,
-//   remove_product_quantity: 0,
-//   deleted_at: null,
-//   created_at: '2024-02-28 15:49:21',
-//   updated_at: '2024-02-28 15:49:39',
-//   order_detail_id: 0,
-//   product_option_string: '',
-//   product_subtitle: '',
-//   source_product_price: '0',
-//   discount_amount: 0,
-//   product_discount_reason: '',
-//   discount_type: '',
-//   discountway: '',
-//   discount_per: '',
-//   single_discount: null,
-// };
+var mockProduct = {
+  order_id: 0,
+  shop_id: 0,
+  product_id: 0,
+  product_variant_id: 0,
+  product_unique_string: '0:0:',
+  product_title: '',
+  product_cover: '',
+  product_sku: {
+    code: 'HNYmhKjqKKCJ',
+    name: '',
+    barcode: '',
+    sku_ids: '',
+    variant: [],
+    variant_id: '0',
+    generate_voucher: []
+  },
+  product_bundle: [],
+  gift_card: 0,
+  selling_price: '0',
+  original_price: '0',
+  cost_price: '0.00',
+  product_quantity: 1,
+  payment_price: '0',
+  deposit_price: '0.00',
+  tax_fee: '0',
+  is_charge_tax: 1,
+  refund_quantity: 0,
+  refund_status: '0',
+  shipping_status: 'unfulfilled',
+  payment_status: 'payment_processing',
+  commission: 0,
+  commission_tax: 0,
+  rebate_type: '',
+  rebate_value: '0.00',
+  commission_percent: '0.0000',
+  channel: '',
+  channel_id: 0,
+  item_relation_id: 0,
+  schedule_event_id: 0,
+  note: '',
+  extension_type: 'product_appointment',
+  before_product_quantity: 1,
+  remove_product_quantity: 0,
+  deleted_at: null,
+  created_at: '2024-02-28 15:49:21',
+  updated_at: '2024-02-28 15:49:39',
+  order_detail_id: 0,
+  product_option_string: '',
+  product_subtitle: '',
+  source_product_price: '0',
+  discount_amount: 0,
+  product_discount_reason: '',
+  discount_type: '',
+  discountway: '',
+  discount_per: '',
+  single_discount: null
+};
 
 // const payStatusMap = {
 //   authorized: this.i18n('i18n-lwug1s79'),

package/es/components/ticketBooking/hooks/useNetworkStatus.d.ts

@@ -0,0 +1,11 @@
+export declare enum NetworkStatus {
+    GOOD = "GOOD",
+    WEAK = "WEAK",
+    OFFLINE = "OFFLINE"
+}
+export declare const NetworkStatusColor: {
+    GOOD: string;
+    WEAK: string;
+    OFFLINE: string;
+};
+export declare const useNetworkStatus: () => NetworkStatus;

package/es/components/ticketBooking/hooks/useNetworkStatus.js

@@ -0,0 +1,52 @@
+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 _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; }
+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 { useState, useEffect } from 'react';
+export var NetworkStatus = /*#__PURE__*/function (NetworkStatus) {
+  NetworkStatus["GOOD"] = "GOOD";
+  NetworkStatus["WEAK"] = "WEAK";
+  NetworkStatus["OFFLINE"] = "OFFLINE";
+  return NetworkStatus;
+}({});
+export var NetworkStatusColor = _defineProperty(_defineProperty(_defineProperty({}, NetworkStatus.GOOD, '#3F9E4D'), NetworkStatus.WEAK, '#CC8E50'), NetworkStatus.OFFLINE, '#F44336');
+export var useNetworkStatus = function useNetworkStatus() {
+  var _useState = useState(navigator.onLine ? NetworkStatus.GOOD : NetworkStatus.OFFLINE),
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  useEffect(function () {
+    var checkNetworkQuality = function checkNetworkQuality() {
+      if (!navigator.onLine) {
+        setStatus(NetworkStatus.OFFLINE);
+        return;
+      }
+      var connection = navigator.connection;
+      if (connection) {
+        var isWeakNetwork = connection.effectiveType === '2g' || connection.effectiveType === 'slow-2g' || connection.rtt > 500 || connection.downlink < 1;
+        setStatus(isWeakNetwork ? NetworkStatus.WEAK : NetworkStatus.GOOD);
+      }
+    };
+    window.addEventListener('online', checkNetworkQuality);
+    window.addEventListener('offline', checkNetworkQuality);
+    var connection = navigator.connection;
+    if (connection) {
+      connection.addEventListener('change', checkNetworkQuality);
+    }
+    checkNetworkQuality();
+    return function () {
+      window.removeEventListener('online', checkNetworkQuality);
+      window.removeEventListener('offline', checkNetworkQuality);
+      if (connection) {
+        connection.removeEventListener('change', checkNetworkQuality);
+      }
+    };
+  }, []);
+  return status;
+};

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

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

package/es/components/ticketBooking/index.js

@@ -1,6 +1,140 @@
-var TicketBooking = function TicketBooking() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: ""
-  });
+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 _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, { useLayoutEffect } from 'react';
+import { Provider, createStore } from "./miniRedux";
+import { locales } from '@pisell/utils';
+import dayjs from 'dayjs';
+import TicketBooking from "./components/ticketBooking/index";
+import { request } from "../../utils";
+import useEngineContext from "../../hooks/useEngineContext";
+import { getDefaultStartParam } from "./utils";
+import localeTexts from "./locales";
+import MenuBar from "./components/menuBar";
+import "./index.less";
+var initialState = {
+  amountSymbol: '$',
+  modalState: {
+    client: {
+      showModal: false,
+      clients: [],
+      value: {
+        id: 0,
+        nickname: 'Select a customer'
+      },
+      clientsParams: {
+        skip: 1,
+        num: 100,
+        search: ''
+      },
+      edit: false
+    },
+    date: {
+      value: dayjs(),
+      edit: false
+    },
+    service: {
+      addModal: false,
+      editModal: false,
+      services: [],
+      resources: [],
+      value: [],
+      cacheItem: null,
+      edit: false
+    },
+    pet: {
+      showModal: false,
+      pets: [],
+      value: {},
+      edit: false
+    },
+    addons: {
+      showModal: false,
+      value: [],
+      productList: [],
+      originData: [],
+      edit: false,
+      load: false
+    },
+    form: {
+      value: {},
+      forms: [],
+      edit: false
+    },
+    notes: {
+      orderNote: '',
+      internalNotes: [],
+      edit: false
+    },
+    // 是否禁用编辑
+    disabledEdit: false,
+    // 渠道禁止编辑
+    channelDisabledEdit: false,
+    // 预约状态
+    appointment_status: 'new',
+    eventOtherParams: undefined
+  },
+  bookingConfig: null,
+  bookingDetail: null,
+  bookingId: 0,
+  loading: false,
+  open: false,
+  isShowDeposit: false,
+  activeKey: 'info',
+  exitModal: false,
+  rebookState: {
+    open: false,
+    date: '2024-03-13 18:00'
+  },
+  bookingFunctions: {},
+  // Event活动预约抽屉
+  eventOpen: false,
+  renderType: 'booking',
+  // 是否是rebook模式
+  openRebook: false,
+  // 禁用活动预约编辑
+  disableEventBookingEdit: false,
+  isShowInfo: false,
+  // 是否pin住
+  persistent: true,
+  // persistent:
+  //   this.utils.storage.get(`drawer-booking`) === 'true' ??
+  //   this.utils.isTerminal(),
+  // 是否定时设置当前时间
+  intervalSetTime: true,
+  // 时间是否更改
+  isTimeChange: false,
+  // 日期是否更改
+  isDateChange: false,
+  list: {
+    /** 列表loading */
+    isLoading: false,
+    /** 预约列表数据 */
+    bookingList: [],
+    /** 预约列表查询参数 */
+    params: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'with', ['order', 'order.customer', 'contacts', 'item', 'appointmentForm.formRecord', 'holder.formRecord']), "booking_time_start_between", getDefaultStartParam()), "child_booking", 1), "skip", 1), "num", 1000),
+    showList: [],
+    listSelectType: 'all',
+    search: '',
+    sort: ''
+  },
+  confirmOpen: false,
+  createCount: 0,
+  verticalAddServiceKey: 0,
+  currentProduct: null
 };
-export default TicketBooking;
+var store = createStore(initialState);
+export default (function () {
+  var _context$appHelper$ut;
+  var context = useEngineContext();
+  locales.init(localeTexts, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get('umi_locale')) || 'en');
+  useLayoutEffect(function () {
+    request.setRequest(context.appHelper.utils.request);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-ticket-booking-wrapper"
+  }, /*#__PURE__*/React.createElement(MenuBar, null), /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(TicketBooking, null)));
+});

package/es/components/ticketBooking/index.less

@@ -0,0 +1,4 @@
+.pisell-ticket-booking-wrapper {
+  display: flex;
+  height: 100vh;
+}