@pisell/private-materials 3.2.39 → 3.3.1

package/lib/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/lib/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/lib/components/ticketBooking/components/timeBar/index.js

@@ -0,0 +1,148 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/components/timeBar/index.tsx
+var timeBar_exports = {};
+__export(timeBar_exports, {
+  default: () => timeBar_default
+});
+module.exports = __toCommonJS(timeBar_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var TimeBar = (props) => {
+  var _a, _b, _c, _d;
+  const { globalState: state, setGlobalState } = props;
+  const _onClickNext = () => {
+    var _a2, _b2, _c2, _d2;
+    const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
+    const newTime = currentTime["add"](1, "day");
+    (_c2 = props.onDateChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
+  };
+  const _onClickPre = () => {
+    var _a2, _b2, _c2, _d2;
+    const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
+    const newTime = currentTime["subtract"](1, "day");
+    (_c2 = props.onDateChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
+  };
+  const _onClickToday = () => {
+    var _a2;
+    (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
+  };
+  const _onClickNow = () => {
+    var _a2;
+    (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
+  };
+  const _onDateTimeChange = (timeString) => {
+    var _a2, _b2, _c2, _d2;
+    const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
+    const [hours, minutes] = timeString.split(":").map(Number);
+    const newTime = currentTime.hour(hours).minute(minutes).second(0);
+    (_c2 = props.onDateTimeChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    setGlobalState({
+      isTimeChange: true
+    });
+    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+      onClick: _onClickPre,
+      size: "large"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: _onClickToday,
+      size: "large",
+      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+    },
+    import_utils.locales.getText("pisell2.ticket-booking.today")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)({
+        "booking-page-date-picker-select": state.isDateChange
+      }),
+      style: { width: 200, flexShrink: 0 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.DatePicker,
+      {
+        value: (_b = (_a = state == null ? void 0 : state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value,
+        format: state.locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
+        onChange: props == null ? void 0 : props.onDateChange,
+        size: "large",
+        style: { width: "100%" }
+      }
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
+      onClick: _onClickNext,
+      size: "large"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)({
+        "booking-page-date-picker-select": state.isTimeChange
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.SelectTime,
+      {
+        value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
+        onChange: _onDateTimeChange,
+        popoverProps: {
+          style: { zoom: 0.8 }
+        },
+        timePickerProps: {},
+        timeProps: {},
+        slice: 5
+      }
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: _onClickNow,
+      size: "large",
+      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+    },
+    import_utils.locales.getText("pisell2.ticket-booking.now")
+  ));
+};
+var timeBar_default = TimeBar;

package/lib/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/lib/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/lib/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/lib/components/ticketBooking/hooks/useNetworkStatus.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/hooks/useNetworkStatus.ts
+var useNetworkStatus_exports = {};
+__export(useNetworkStatus_exports, {
+  NetworkStatus: () => NetworkStatus,
+  NetworkStatusColor: () => NetworkStatusColor,
+  useNetworkStatus: () => useNetworkStatus
+});
+module.exports = __toCommonJS(useNetworkStatus_exports);
+var import_react = require("react");
+var NetworkStatus = /* @__PURE__ */ ((NetworkStatus2) => {
+  NetworkStatus2["GOOD"] = "GOOD";
+  NetworkStatus2["WEAK"] = "WEAK";
+  NetworkStatus2["OFFLINE"] = "OFFLINE";
+  return NetworkStatus2;
+})(NetworkStatus || {});
+var NetworkStatusColor = {
+  ["GOOD" /* GOOD */]: "#3F9E4D",
+  // 标准绿色
+  ["WEAK" /* WEAK */]: "#CC8E50",
+  // 警告橙色
+  ["OFFLINE" /* OFFLINE */]: "#F44336"
+  // 错误红色
+};
+var useNetworkStatus = () => {
+  const [status, setStatus] = (0, import_react.useState)(
+    navigator.onLine ? "GOOD" /* GOOD */ : "OFFLINE" /* OFFLINE */
+  );
+  (0, import_react.useEffect)(() => {
+    const checkNetworkQuality = () => {
+      if (!navigator.onLine) {
+        setStatus("OFFLINE" /* OFFLINE */);
+        return;
+      }
+      const connection2 = navigator.connection;
+      if (connection2) {
+        const isWeakNetwork = connection2.effectiveType === "2g" || connection2.effectiveType === "slow-2g" || connection2.rtt > 500 || connection2.downlink < 1;
+        setStatus(isWeakNetwork ? "WEAK" /* WEAK */ : "GOOD" /* GOOD */);
+      }
+    };
+    window.addEventListener("online", checkNetworkQuality);
+    window.addEventListener("offline", checkNetworkQuality);
+    const connection = navigator.connection;
+    if (connection) {
+      connection.addEventListener("change", checkNetworkQuality);
+    }
+    checkNetworkQuality();
+    return () => {
+      window.removeEventListener("online", checkNetworkQuality);
+      window.removeEventListener("offline", checkNetworkQuality);
+      if (connection) {
+        connection.removeEventListener("change", checkNetworkQuality);
+      }
+    };
+  }, []);
+  return status;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NetworkStatus,
+  NetworkStatusColor,
+  useNetworkStatus
+});

package/lib/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/lib/components/ticketBooking/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/ticketBooking/index.tsx
@@ -22,7 +32,153 @@ __export(ticketBooking_exports, {
   default: () => ticketBooking_default
 });
 module.exports = __toCommonJS(ticketBooking_exports);
-var TicketBooking = () => {
-  return /* @__PURE__ */ React.createElement("div", { className: "" });
+var import_react = __toESM(require("react"));
+var import_miniRedux = require("./miniRedux");
+var import_utils = require("@pisell/utils");
+var import_dayjs = __toESM(require("dayjs"));
+var import_ticketBooking = __toESM(require("./components/ticketBooking/index"));
+var import_utils2 = require("../../utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils3 = require("./utils");
+var import_locales = __toESM(require("./locales"));
+var import_menuBar = __toESM(require("./components/menuBar"));
+var import_index = require("./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: (0, import_dayjs.default)(),
+      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: void 0
+  },
+  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: {
+      ["with"]: [
+        "order",
+        "order.customer",
+        "contacts",
+        "item",
+        "appointmentForm.formRecord",
+        "holder.formRecord"
+      ],
+      /** 创建时间范围 */
+      booking_time_start_between: (0, import_utils3.getDefaultStartParam)(),
+      child_booking: 1,
+      // item_type: this.props?.dynamicParams?.type,
+      skip: 1,
+      num: 1e3
+    },
+    showList: [],
+    listSelectType: "all",
+    search: "",
+    sort: ""
+  },
+  confirmOpen: false,
+  createCount: 0,
+  verticalAddServiceKey: 0,
+  currentProduct: null
+};
+var store = (0, import_miniRedux.createStore)(initialState);
+var ticketBooking_default = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(
+    import_locales.default,
+    ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en"
+  );
+  (0, import_react.useLayoutEffect)(() => {
+    import_utils2.request.setRequest(context.appHelper.utils.request);
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_menuBar.default, null), /* @__PURE__ */ import_react.default.createElement(import_miniRedux.Provider, { store }, /* @__PURE__ */ import_react.default.createElement(import_ticketBooking.default, null)));
 };
-var ticketBooking_default = TicketBooking;

package/lib/components/ticketBooking/index.less

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