@pisell/private-materials 3.4.81 → 3.4.83

package/lib/plus/pisellSalesManagement/hooks/useBookingPerspective.js

@@ -0,0 +1,699 @@
+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/plus/pisellSalesManagement/hooks/useBookingPerspective.tsx
+var useBookingPerspective_exports = {};
+__export(useBookingPerspective_exports, {
+  useBookingPerspective: () => useBookingPerspective
+});
+module.exports = __toCommonJS(useBookingPerspective_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_clientName = __toESM(require("../../clientName"));
+var import_booking = require("../config/booking");
+var import_order = require("../config/order");
+var import_config = require("../config");
+var import_perspectiveUtils = require("./perspectiveUtils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_BookingNotesPreview = __toESM(require("../components/BookingNotesPreview"));
+var import_BookingFormsPreview = __toESM(require("../components/BookingFormsPreview"));
+var import_serve = require("../serve");
+function getBookingType(record) {
+  var _a;
+  if ((_a = record == null ? void 0 : record.metadata) == null ? void 0 : _a.multiple_resource_flag) {
+    return "pisell2";
+  }
+  if (record.parent_id > 0 && record.item_type !== "recurring_booking") {
+    return "pisell2";
+  }
+  return "pisell1";
+}
+var useBookingPerspective = (params) => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
+  const locale = (_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale;
+  const staticData = (0, import_react.useMemo)(() => {
+    const BOOKING_STATUS_LABEL_MAP = (0, import_booking.getBookingStatusMap)();
+    const BOOKING_PLATFORM_LABEL_MAP = (0, import_booking.getBookingPlatformMap)();
+    const PAYMENT_STATUS_LABEL_MAP = (0, import_order.getPaymentStatusMap)();
+    const BUSINESS_LABEL_MAP = (0, import_config.getBusinessLabelMap)();
+    const bookingLabels = (0, import_booking.getBookingHeaderLabels)();
+    const { relationTables } = params || {};
+    const _relationTables = (relationTables || []).filter(
+      (item) => [
+        "appointment_booking",
+        "ticket",
+        "party_room",
+        "therapist",
+        "table-order",
+        "voucher_ticket",
+        "mobile_order"
+      ].includes(item.relation_type)
+    );
+    const uniqueTables = _relationTables.reduce((pre, cur) => {
+      let exists = pre.some((obj) => obj.form_id === cur.form_id);
+      if (!exists) {
+        pre.push(cur);
+      }
+      return pre;
+    }, []);
+    return {
+      BOOKING_STATUS_LABEL_MAP,
+      BOOKING_PLATFORM_LABEL_MAP,
+      PAYMENT_STATUS_LABEL_MAP,
+      BUSINESS_LABEL_MAP,
+      bookingLabels,
+      uniqueTables
+    };
+  }, [params == null ? void 0 : params.relationTables, locale]);
+  const buildColumns = (0, import_react.useCallback)(
+    (ctx) => {
+      const {
+        BOOKING_STATUS_LABEL_MAP,
+        BOOKING_PLATFORM_LABEL_MAP,
+        PAYMENT_STATUS_LABEL_MAP,
+        BUSINESS_LABEL_MAP,
+        bookingLabels,
+        uniqueTables
+      } = staticData;
+      return [
+        {
+          title: bookingLabels.bookingBrief,
+          key: "booking_brief",
+          width: 225,
+          render: (_, record) => {
+            var _a2, _b2, _c2;
+            const startAt = (0, import_perspectiveUtils.buildDateTime)(record == null ? void 0 : record.start_date, record == null ? void 0 : record.start_time) || (record == null ? void 0 : record.start_at);
+            const status = record == null ? void 0 : record.appointment_status;
+            const statusLabel = BOOKING_STATUS_LABEL_MAP[status] || status || "-";
+            const statusColor = import_booking.BOOKING_STATUS_COLOR_MAP[status] || "";
+            const orderNote = (_a2 = record == null ? void 0 : record.order) == null ? void 0 : _a2.note;
+            const internalNotes = record == null ? void 0 : record.notes;
+            const noteApis = (0, import_serve.createNoteApis)((_b2 = record == null ? void 0 : record.order) == null ? void 0 : _b2.id);
+            return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: (_c2 = record == null ? void 0 : record.order) == null ? void 0 : _c2.customer }), startAt ? /* @__PURE__ */ import_react.default.createElement(
+              import_materials.PisellDateTimeDisplay,
+              {
+                value: startAt,
+                layout: "inline",
+                textAlign: "left",
+                timeFormat: { padHour: true },
+                dateFormat: {
+                  order: "DMY",
+                  showYear: false,
+                  shortMonth: true,
+                  showRelativeDay: true,
+                  useCommaBeforeYear: false
+                },
+                fields: {
+                  fieldOrder: ["time", "weekday", "date"]
+                  // inlineSeparators: [' ', ', '],
+                }
+              }
+            ) : null, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+              import_perspectiveUtils.Tag,
+              {
+                style: {
+                  backgroundColor: statusColor,
+                  whiteSpace: "nowrap",
+                  border: "none",
+                  fontWeight: 500
+                }
+              },
+              statusLabel
+            )), /* @__PURE__ */ import_react.default.createElement(
+              import_BookingNotesPreview.default,
+              {
+                dataSource: {
+                  note: orderNote,
+                  internalNotes,
+                  apis: noteApis,
+                  bookingId: record == null ? void 0 : record.id,
+                  onChange: (value, type, noteType) => {
+                    ctx.refresh();
+                  }
+                },
+                labels: {
+                  orderNote: bookingLabels.orderNote,
+                  internalNote: bookingLabels.internalNote,
+                  more: bookingLabels.more
+                },
+                style: {
+                  maxWidth: 160
+                }
+              }
+            ));
+          }
+        },
+        {
+          title: bookingLabels.serviceTime,
+          key: "service_time",
+          align: "center",
+          width: 165,
+          render: (_, record) => {
+            const startAt = (0, import_perspectiveUtils.buildDateTime)(record == null ? void 0 : record.start_date, record == null ? void 0 : record.start_time) || (record == null ? void 0 : record.start_at);
+            const endAt = (0, import_perspectiveUtils.buildDateTime)(record == null ? void 0 : record.end_date, record == null ? void 0 : record.end_time) || (record == null ? void 0 : record.end_at);
+            if (!startAt || !endAt) {
+              return null;
+            }
+            return /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellTimeRangeDisplay, { startAt, endAt }));
+          },
+          uniformCompare: (_, record) => {
+            const {
+              start_date = "",
+              start_time = "",
+              end_date = "",
+              end_time = ""
+            } = record;
+            return `${start_date}${start_time}${end_date}${end_time}`;
+          }
+        },
+        {
+          title: bookingLabels.customer,
+          key: "customer",
+          align: "center",
+          width: 150,
+          uniformCompare: (_, record) => {
+            const value = record.order;
+            const customer = value == null ? void 0 : value.customer;
+            if (!customer) return "-";
+            const guestCode = customer == null ? void 0 : customer.guest_code;
+            if (guestCode) return `${guestCode}`;
+            if (customer.user_id === 1) return "walk-in";
+            return customer;
+          },
+          render: (_, record) => {
+            const value = record.order;
+            const customer = value == null ? void 0 : value.customer;
+            const guestCode = customer == null ? void 0 : customer.guest_code;
+            if (guestCode) {
+              return /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    textAlign: "center"
+                  }
+                },
+                /* @__PURE__ */ import_react.default.createElement("div", { style: { fontWeight: "bold" } }, bookingLabels.guest)
+              );
+            }
+            const phone = (0, import_perspectiveUtils.formatPhone)(
+              (customer == null ? void 0 : customer.phone) || (record == null ? void 0 : record.phone),
+              (customer == null ? void 0 : customer.country_calling_code) || (record == null ? void 0 : record.country_calling_code)
+            );
+            const email = customer == null ? void 0 : customer.email;
+            const lines = (0, import_perspectiveUtils.getDisplayLines)([phone, email]);
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  textAlign: "center"
+                }
+              },
+              /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: customer, style: { fontSize: 14 } }),
+              lines.map((line, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: `${line}-${index}`, style: import_perspectiveUtils.textStyles.text }, line))
+            );
+          }
+        },
+        {
+          title: bookingLabels.contact,
+          key: "contact",
+          align: "center",
+          width: 150,
+          uniformCompare: (_, record) => {
+            const value = record.order;
+            const contactValue = value == null ? void 0 : value.contacts_info;
+            if (!contactValue) return "-";
+            return contactValue;
+          },
+          render: (_, record) => {
+            const value = record.order;
+            const contactValue = value == null ? void 0 : value.contacts_info;
+            if (!contactValue) return "-";
+            const phone = (0, import_perspectiveUtils.formatPhone)(contactValue == null ? void 0 : contactValue.phone);
+            const lines = (0, import_perspectiveUtils.getDisplayLines)([phone, contactValue == null ? void 0 : contactValue.email]);
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  textAlign: "center"
+                }
+              },
+              /* @__PURE__ */ import_react.default.createElement(
+                import_clientName.default,
+                {
+                  dataSource: contactValue,
+                  style: { fontSize: 14 }
+                }
+              ),
+              lines.map((line, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: `${line}-${index}`, style: import_perspectiveUtils.textStyles.text }, line))
+            );
+          }
+        },
+        {
+          title: bookingLabels.holder,
+          dataIndex: "holder_data",
+          key: "holder_data",
+          align: "center",
+          width: 110,
+          uniformCompare: (value, record) => {
+            if (!value) return "-";
+            return value;
+          },
+          render: (value, record) => {
+            var _a2;
+            if (!value) return "-";
+            const holderValue = Array.isArray(value) ? value[0] : value;
+            if (!holderValue) return "-";
+            let holderPhone;
+            if ((_a2 = holderValue == null ? void 0 : holderValue.data) == null ? void 0 : _a2.customer_phone) {
+              holderPhone = (0, import_perspectiveUtils.formatPhone)(holderValue == null ? void 0 : holderValue.phone);
+            }
+            const lines = (0, import_perspectiveUtils.getDisplayLines)([holderPhone]);
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  textAlign: "center"
+                }
+              },
+              /* @__PURE__ */ import_react.default.createElement(
+                import_clientName.default,
+                {
+                  dataSource: { display_name: holderValue.main_field },
+                  style: { fontSize: 14 }
+                }
+              ),
+              lines.map((line, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: `${line}-${index}`, style: import_perspectiveUtils.textStyles.text }, line))
+            );
+          }
+        },
+        {
+          title: bookingLabels.services,
+          key: "services",
+          align: "center",
+          width: 120,
+          render: (_, record) => {
+            const detail = (0, import_perspectiveUtils.parseJson)(record == null ? void 0 : record.order_detail);
+            const items = (0, import_perspectiveUtils.normalizeList)(detail);
+            const displayItems = items.slice(0, 3);
+            const moreCount = items.length - displayItems.length;
+            const lines = displayItems.map((item) => {
+              const title = utils.translation(item.product_title);
+              const qty = item == null ? void 0 : item.product_quantity;
+              if (!title) return null;
+              return qty ? `${title} x${qty}` : String(title);
+            }).filter((item) => item);
+            if (moreCount > 0) {
+              lines.push(`+${moreCount} ${bookingLabels.more}`);
+            }
+            if (lines.length === 0) return null;
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  textAlign: "center"
+                }
+              },
+              lines.map((line, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: `${line}-${index}`, style: import_perspectiveUtils.textStyles.text }, line))
+            );
+          },
+          uniformCompare: (_value, record) => {
+            return (record == null ? void 0 : record.order_detail) || "";
+          }
+        },
+        {
+          title: bookingLabels.pax,
+          dataIndex: "number",
+          key: "number",
+          align: "center",
+          width: 110,
+          render: (_, record) => {
+            const count = record == null ? void 0 : record.number;
+            return /* @__PURE__ */ import_react.default.createElement("span", { style: { ...import_perspectiveUtils.textStyles.text, textAlign: "center" } }, count ?? "-");
+          }
+        },
+        {
+          title: bookingLabels.resource,
+          dataIndex: "relation_form_name",
+          key: "relation_form_name",
+          align: "center",
+          width: 100,
+          render: (value) => {
+            if (!value) return "-";
+            return /* @__PURE__ */ import_react.default.createElement("div", { style: import_perspectiveUtils.textStyles.text }, value);
+          }
+        },
+        {
+          title: bookingLabels.forms,
+          key: "appointment_form",
+          // width: 128,
+          align: "center",
+          render: (_, record) => {
+            var _a2;
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_BookingFormsPreview.default,
+              {
+                value: record == null ? void 0 : record.appointment_form,
+                uniqueTables,
+                bookingLabels,
+                textStyles: import_perspectiveUtils.textStyles,
+                relationId: record.parent_id || record.id,
+                relationType: record.item_type,
+                customer: (_a2 = record.order) == null ? void 0 : _a2.customer
+              }
+            );
+          }
+        },
+        {
+          title: bookingLabels.orderInfo,
+          key: "order_info",
+          width: 124,
+          align: "center",
+          render: (_, record) => {
+            const order = (record == null ? void 0 : record.order) || {};
+            const orderCode = order == null ? void 0 : order.shop_full_order_number;
+            const totalAmount = order == null ? void 0 : order.total_amount;
+            const currencySymbol = order == null ? void 0 : order.currency_symbol;
+            const paymentStatus = order == null ? void 0 : order.payment_status;
+            const paymentLabel = PAYMENT_STATUS_LABEL_MAP[paymentStatus] || "-";
+            const paymentColor = import_order.PAYMENT_STATUS_COLOR_MAP[paymentStatus] || "";
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "flex-start"
+                }
+              },
+              /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
+                  style: {
+                    fontWeight: 600,
+                    textDecoration: "underline",
+                    color: "var(--theme-color, #7f56d9)"
+                  }
+                },
+                orderCode || "-"
+              ),
+              totalAmount != null ? /* @__PURE__ */ import_react.default.createElement("div", { style: import_perspectiveUtils.textStyles.text }, (0, import_perspectiveUtils.formatAmount)(totalAmount, currencySymbol)) : null,
+              paymentLabel ? /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+                import_perspectiveUtils.Tag,
+                {
+                  style: {
+                    backgroundColor: paymentColor,
+                    whiteSpace: "nowrap",
+                    border: "none",
+                    fontWeight: 500
+                  }
+                },
+                paymentLabel
+              )) : null
+            );
+          }
+        },
+        {
+          title: bookingLabels.bookingId,
+          dataIndex: "booking_id",
+          key: "booking_id",
+          align: "center",
+          width: 120,
+          render: (value) => /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              style: {
+                ...import_perspectiveUtils.textStyles.text,
+                textAlign: "center",
+                fontSize: 14,
+                fontWeight: 400
+              }
+            },
+            value
+          )
+        },
+        {
+          title: bookingLabels.orderOrigin,
+          key: "order_origin",
+          width: 160,
+          align: "center",
+          render: (_, record) => {
+            var _a2, _b2, _c2, _d, _e, _f;
+            const businessKey = ((_a2 = record == null ? void 0 : record.order) == null ? void 0 : _a2.business_code) || (record == null ? void 0 : record.business_code);
+            const businessLabel = BUSINESS_LABEL_MAP[businessKey];
+            const channel = BOOKING_PLATFORM_LABEL_MAP[(_b2 = record == null ? void 0 : record.order) == null ? void 0 : _b2.order_sales_channel] || BOOKING_PLATFORM_LABEL_MAP[record == null ? void 0 : record.order_platform] || BOOKING_PLATFORM_LABEL_MAP[(_c2 = record == null ? void 0 : record.order) == null ? void 0 : _c2.order_platform] || ((_d = record == null ? void 0 : record.order) == null ? void 0 : _d.order_sales_channel) || (record == null ? void 0 : record.order_platform);
+            const device = (record == null ? void 0 : record.device_name) || (record == null ? void 0 : record.device) || (record == null ? void 0 : record.terminal);
+            const time = (record == null ? void 0 : record.created_at) || ((_e = record == null ? void 0 : record.order) == null ? void 0 : _e.created_at);
+            const actor = ((_f = record == null ? void 0 : record.order) == null ? void 0 : _f.create_account) || (record == null ? void 0 : record.create_account) || (record == null ? void 0 : record.operator_name);
+            const lines = (0, import_perspectiveUtils.getDisplayLines)([channel, device]);
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "flex-start"
+                }
+              },
+              businessLabel ? /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+                import_perspectiveUtils.Tag,
+                {
+                  color: import_config.BUSINESS_COLOR_MAP[businessKey],
+                  style: {
+                    color: "black",
+                    fontWeight: 500
+                  }
+                },
+                businessLabel
+              )) : null,
+              lines.map((line, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: `${line}-${index}`, style: import_perspectiveUtils.textStyles.text }, line)),
+              actor ? /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    ...import_perspectiveUtils.textStyles.text
+                  }
+                },
+                /* @__PURE__ */ import_react.default.createElement("span", null, bookingLabels.createdBy, ":"),
+                /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: actor, style: { fontSize: 12 } })
+              ) : null,
+              /* @__PURE__ */ import_react.default.createElement(
+                import_materials.PisellDateTimeDisplay,
+                {
+                  value: time,
+                  layout: "inline",
+                  textAlign: "left",
+                  timeFormat: { padHour: true },
+                  dateFormat: {
+                    order: "DMY",
+                    showYear: false,
+                    shortMonth: true,
+                    showRelativeDay: true,
+                    useCommaBeforeYear: false
+                  },
+                  fields: {
+                    fieldOrder: ["time", "weekday", "date"]
+                    // inlineSeparators: [' ', ', '],
+                  },
+                  style: {
+                    whiteSpace: "nowrap"
+                  }
+                }
+              )
+            );
+          }
+        },
+        {
+          title: bookingLabels.updated,
+          key: "updated",
+          width: 132,
+          align: "center",
+          render: (_, record) => {
+            var _a2;
+            const time = (record == null ? void 0 : record.updated_at) || ((_a2 = record == null ? void 0 : record.order) == null ? void 0 : _a2.updated_at);
+            const channel = BOOKING_PLATFORM_LABEL_MAP[record == null ? void 0 : record.order_platform] || (record == null ? void 0 : record.order_platform);
+            const lines = (0, import_perspectiveUtils.getDisplayLines)([channel]);
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "flex-start"
+                }
+              },
+              /* @__PURE__ */ import_react.default.createElement(
+                import_materials.PisellDateTimeDisplay,
+                {
+                  value: time,
+                  layout: "inline",
+                  textAlign: "left",
+                  timeFormat: { padHour: true },
+                  dateFormat: {
+                    order: "DMY",
+                    showYear: false,
+                    shortMonth: true,
+                    showRelativeDay: true,
+                    useCommaBeforeYear: false
+                  },
+                  fields: {
+                    fieldOrder: ["time", "weekday", "date"]
+                    // inlineSeparators: [' ', ', '],
+                  },
+                  style: {
+                    whiteSpace: "nowrap"
+                  }
+                }
+              ),
+              lines.map((line, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: `${line}-${index}`, style: import_perspectiveUtils.textStyles.text }, line))
+            );
+          }
+        }
+      ];
+    },
+    [staticData]
+  );
+  const _perspective = (0, import_react.useMemo)(
+    () => ({
+      key: "monitor",
+      label: "Monitor",
+      getChildComponentProps: (ctx) => ({
+        grid: {
+          bordered: true,
+          collapseUniformColumns: true,
+          columns: buildColumns(ctx),
+          defaultHiddenColumnKeys: ["order_origin", "updated"],
+          scroll: {
+            // x: '1800px',
+            x: "max-content",
+            autoCalc: true,
+            scrollToFirstRowOnChange: true
+          },
+          rowSelection: false,
+          onRow: (record) => ({
+            onClick: () => {
+              var _a2, _b2;
+              if (!record.id) return;
+              const time = /* @__PURE__ */ new Date();
+              utils == null ? void 0 : utils.action({
+                type: "pisell1.bookingDetail",
+                data: {
+                  component_type: getBookingType(record),
+                  booking_id: record.order.id,
+                  type: record.parent_id === 0 ? "list" : "detail",
+                  id: record.id,
+                  isParallelResourcesBooking: record.relation_id === 0 && record.relation_type === "",
+                  preliminaryBookingDetail: {
+                    customer: (_a2 = record == null ? void 0 : record.order) == null ? void 0 : _a2.customer,
+                    id: record.order.id,
+                    order_sales_channel: (_b2 = record == null ? void 0 : record.order) == null ? void 0 : _b2.order_sales_channel,
+                    bookings: {
+                      booking_id: record == null ? void 0 : record.booking_id,
+                      appointment_status: record == null ? void 0 : record.appointment_status,
+                      list: [
+                        {
+                          start_date: record == null ? void 0 : record.start_date,
+                          start_time: record == null ? void 0 : record.start_time
+                        }
+                      ]
+                    }
+                  }
+                },
+                callback: (cbParams) => {
+                  const { type } = cbParams || {};
+                  if (Date.now() - time.getTime() < 500) {
+                    return;
+                  }
+                  if (type === "close") {
+                    return;
+                  }
+                  ctx.refresh();
+                }
+              });
+            }
+          })
+        },
+        toolBar: {
+          search: { showConfirmButton: false },
+          sort: { list: (0, import_booking.getSortList)() },
+          filter: {
+            hiddenQuickFilter: true,
+            defaultFilterValue: {
+              quickFilter: [],
+              otherFilter: (0, import_booking.getFilterButtonList)(),
+              values: {}
+            }
+          },
+          quickFilter: {
+            filterList: [
+              {
+                type: "rangePicker",
+                name: "booking_time_start_between",
+                key: "bookingTimeStartBetween",
+                props: {
+                  placeholder: import_utils.locales.getText(
+                    "pisell2.salesManagement.booking.filter.bookingDate.label"
+                  ),
+                  showTime: true
+                }
+              }
+            ]
+          }
+        },
+        batchActionBar: {
+          overflowThreshold: 2
+        }
+      })
+    }),
+    [buildColumns, utils, locale]
+  );
+  return _perspective;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBookingPerspective
+});