@pisell/private-materials 6.3.14 → 6.4.1

package/lib/components/booking/info2/cartClientCard/index.js

@@ -0,0 +1,314 @@
+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/booking/info2/cartClientCard/index.tsx
+var cartClientCard_exports = {};
+__export(cartClientCard_exports, {
+  default: () => cartClientCard_default
+});
+module.exports = __toCommonJS(cartClientCard_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_clientCard = __toESM(require("../../../../plus/clientCard"));
+var import_clinetSearch = __toESM(require("../../../../plus/clinetSearch"));
+var import_useCustomer = require("../../../../components/ticketBooking/hooks/pisellos/useCustomer");
+var import_utils2 = require("../../../../components/booking/utils");
+var import_useScanCustomer = __toESM(require("../../../../components/ticketBooking/hooks/pisellos/useScanCustomer"));
+var import_utils3 = require("./utils");
+var import_utils4 = require("../../../../plus/clientName/utils");
+var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_model = require("../../info/model");
+var import_index = require("./index.less");
+var CartClientCard = (0, import_react.forwardRef)(({
+  clientCardProps = {},
+  beforeSwitchModalOpen,
+  onClientChange
+}, ref) => {
+  var _a, _b, _c, _d;
+  const clientSearchRef = (0, import_react.useRef)(null);
+  const [searchModalVisible, setSearchModalVisible] = (0, import_react.useState)(false);
+  const [switchModalVisible, setSwitchModalVisible] = (0, import_react.useState)(false);
+  const [pendingCustomer, setPendingCustomer] = (0, import_react.useState)(
+    null
+  );
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const translationOriginal = (0, import_useTranslationOriginal.default)();
+  const [keyword, setKeyword] = (0, import_react.useState)("");
+  const keywordRef = (0, import_react.useRef)("");
+  keywordRef.current = keyword;
+  const Toast = (0, import_useToast.default)();
+  const { openScan, closeScan } = (0, import_useScanCustomer.default)();
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(
+    import_locales.default,
+    ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
+  );
+  const changeCustomerToGlobalState = (0, import_ahooks.useMemoizedFn)((value) => {
+    dispatch({
+      type: "setClient",
+      payload: {
+        value,
+        edit: true
+      }
+    });
+  });
+  const {
+    customers,
+    loading,
+    pagination,
+    changePage,
+    selectCustomer,
+    addCustomerToFirst,
+    initLoad,
+    hasMore,
+    loadMore
+  } = (0, import_useCustomer.useCustomer)({
+    changeCustomerToGlobalState
+  });
+  const selectedCustomer = (_d = state.client) == null ? void 0 : _d.value;
+  const handleSearchClient = async (keyword2) => {
+    var _a2, _b2;
+    await initLoad(keyword2);
+    (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.resetScrollPosition) == null ? void 0 : _b2.call(_a2);
+  };
+  const _debouncedSearch = (0, import_ahooks.useDebounceFn)(
+    async (_keyword) => {
+      var _a2, _b2;
+      await initLoad(keyword);
+      (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.resetScrollPosition) == null ? void 0 : _b2.call(_a2);
+    },
+    { wait: 500 }
+  );
+  (0, import_react.useEffect)(() => {
+    _debouncedSearch.run(keyword);
+  }, [keyword]);
+  (0, import_react.useEffect)(() => {
+    if (state.action) {
+      state.action({
+        type: "pisell1.registerPlugin",
+        data: {
+          pluginList: ["CustomerDetailPlugin"]
+        }
+      });
+    }
+  }, []);
+  const handleScanCustomer = (customer) => {
+    if (customer == null ? void 0 : customer.scanCode) {
+      setKeyword(customer.scanCode);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (searchModalVisible) {
+      openScan(handleScanCustomer);
+    } else {
+      closeScan();
+      if (keywordRef.current) {
+        setKeyword("");
+      }
+    }
+  }, [searchModalVisible, initLoad]);
+  const handleAddClient = () => {
+    setSearchModalVisible(true);
+  };
+  const handleChangeClient = (data) => {
+    setSearchModalVisible(true);
+  };
+  const handleRemoveClient = (data) => {
+    selectCustomer(null);
+  };
+  const handleViewClient = (data) => {
+    state.action({
+      type: "pisell1.handleOpenCustomerModal",
+      data: { id: state.client.value.id },
+      callback: (data2) => {
+      }
+    });
+  };
+  const handleModalCancel = () => {
+    setSearchModalVisible(false);
+  };
+  const handleAddClientSuccess = (record, isChecked) => {
+    addCustomerToFirst(record);
+    if (isChecked) {
+      selectCustomer(record);
+      setSearchModalVisible(false);
+    }
+  };
+  const resultProps = (0, import_react.useMemo)(() => {
+    return {
+      loading,
+      onChange: (pagination2) => {
+        changePage(pagination2.current, pagination2.pageSize);
+      },
+      pagination: {
+        pageSize: pagination.pageSize,
+        current: pagination.page,
+        total: pagination.total,
+        size: "default",
+        showSizeChanger: false
+      }
+    };
+  }, [pagination, loading]);
+  const handleSetClient = (0, import_ahooks.useMemoizedFn)(async (record, options) => {
+    var _a2, _b2;
+    if ((0, import_utils2.isWalkIn)(selectedCustomer == null ? void 0 : selectedCustomer.id)) {
+      selectCustomer(record);
+      setSearchModalVisible(false);
+      (_a2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _a2.call(Toast, import_utils.locales.getText("pisell2.text.add-client-success"));
+      return;
+    }
+    if ((selectedCustomer == null ? void 0 : selectedCustomer.id) === (record == null ? void 0 : record.id)) {
+      if (options == null ? void 0 : options.sameClientTip) {
+        (_b2 = Toast == null ? void 0 : Toast.info) == null ? void 0 : _b2.call(Toast, options.sameClientTip);
+      }
+      setSearchModalVisible(false);
+      return;
+    }
+    if (beforeSwitchModalOpen) {
+      try {
+        const shouldContinue = await beforeSwitchModalOpen();
+        if (shouldContinue === false) {
+          return;
+        }
+      } catch (error) {
+        console.error("beforeSwitchModalOpen callback error:", error);
+        return;
+      }
+    }
+    setPendingCustomer(record);
+    setSwitchModalVisible(true);
+  });
+  const handleConfirmSwitch = () => {
+    if (pendingCustomer) {
+      selectCustomer(pendingCustomer);
+    }
+    setSwitchModalVisible(false);
+    setPendingCustomer(null);
+    setSearchModalVisible(false);
+    onClientChange == null ? void 0 : onClientChange(pendingCustomer);
+  };
+  const handleCancelSwitch = () => {
+    setSwitchModalVisible(false);
+    setPendingCustomer(null);
+  };
+  (0, import_react.useMemo)(() => {
+    (0, import_utils3.setHandleSetClient)(handleSetClient);
+    return () => {
+      (0, import_utils3.setHandleSetClient)(null);
+    };
+  }, []);
+  const tags = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (!selectedCustomer) return;
+    const { latest_wallet_detail } = selectedCustomer;
+    const _name = (_a2 = latest_wallet_detail == null ? void 0 : latest_wallet_detail.wallet) == null ? void 0 : _a2.name;
+    if (_name) {
+      return [{ children: translationOriginal(_name), color: "gold" }];
+    }
+  }, [selectedCustomer]);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    handleSetClient
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_clientCard.default,
+    {
+      dataSource: selectedCustomer,
+      onAddClient: handleAddClient,
+      onChangeClient: handleChangeClient,
+      onRemoveClient: handleRemoveClient,
+      onViewClient: handleViewClient,
+      style: {
+        border: "solid",
+        borderColor: "#D0D5DD",
+        borderWidth: "1px",
+        minHeight: 64,
+        display: "flex",
+        boxSizing: "border-box",
+        height: 64,
+        ...clientCardProps.style || {}
+      },
+      avatar: {
+        size: "lg",
+        useTextAvatar: !(selectedCustomer == null ? void 0 : selectedCustomer.cover),
+        ...clientCardProps.avatar || {}
+      },
+      tag: {
+        placement: "inline"
+      },
+      tags,
+      dropdown: clientCardProps.dropdown
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_clinetSearch.default,
+    {
+      ref: clientSearchRef,
+      loading,
+      dataSource: customers,
+      onSearch: handleSearchClient,
+      keyword,
+      onKeywordChange: (_keyword) => {
+        setKeyword(_keyword);
+      },
+      onRowClick: handleSetClient,
+      containerProps: {
+        open: searchModalVisible,
+        onCancel: handleModalCancel,
+        // 同时存在两个搜索弹窗时，内部的无限滚动组件会发生冲突
+        destroyOnClose: true
+      },
+      isShowNewButton: false,
+      resultProps,
+      onAddClient: handleAddClientSuccess,
+      onLoadMore: loadMore,
+      hasMore
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      className: "cart-client-card_switch-modal",
+      open: switchModalVisible,
+      okText: import_utils.locales.getText("pisell2.text.switch-account"),
+      cancelText: import_utils.locales.getText("pisell2.text.cancel"),
+      onOk: handleConfirmSwitch,
+      onCancel: handleCancelSwitch,
+      closable: false,
+      header: null,
+      footerDivider: false,
+      destroyOnClose: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", fontWeight: 600, paddingTop: 24 } }, import_utils.locales.getText("pisell2.text.cart-client-card")(
+      (0, import_utils4.getClientName)(pendingCustomer)
+    ))
+  ));
+});
+var cartClientCard_default = CartClientCard;

package/lib/components/booking/info2/cartClientCard/index.less

@@ -0,0 +1,6 @@
+.cart-client-card_switch-modal {
+
+  .pisell-lowcode-modal-content {
+    min-height: unset !important;
+  }
+}

package/lib/components/booking/info2/cartClientCard/locales.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    en: {
+        'pisell2.text.switch-account': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.cart-client-card': (name: string) => string;
+        'pisell2.text.add-client-success': string;
+    };
+    'zh-CN': {
+        'pisell2.text.switch-account': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.cart-client-card': (name: string) => string;
+        'pisell2.text.add-client-success': string;
+    };
+    'zh-HK': {
+        'pisell2.text.switch-account': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.cart-client-card': (name: string) => string;
+        'pisell2.text.add-client-success': string;
+    };
+};
+export default _default;

package/lib/components/booking/info2/cartClientCard/locales.js

@@ -0,0 +1,50 @@
+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/booking/info2/cartClientCard/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.text.switch-account": "Switch Account",
+    "pisell2.text.cancel": "Cancel",
+    "pisell2.text.cart-client-card": (name) => {
+      return name ? `Switching to ${name}'s Account?` : "Switching Account?";
+    },
+    "pisell2.text.add-client-success": "Add Client Success"
+  },
+  "zh-CN": {
+    "pisell2.text.switch-account": "切换账户",
+    "pisell2.text.cancel": "取消",
+    "pisell2.text.cart-client-card": (name) => {
+      return name ? `切换至${name}的账户？` : "切换账户？";
+    },
+    "pisell2.text.add-client-success": "添加客户成功"
+  },
+  "zh-HK": {
+    "pisell2.text.switch-account": "切換賬戶",
+    "pisell2.text.cancel": "取消",
+    "pisell2.text.cart-client-card": (name) => {
+      return name ? `切換至${name}的賬戶？` : "切換賬戶？";
+    },
+    "pisell2.text.add-client-success": "添加客戶成功"
+  }
+};

package/lib/components/booking/info2/cartClientCard/types.d.ts

@@ -0,0 +1,18 @@
+import type { ClientData as ClientCardData, ClientCardProps } from '../../../../plus/clientCard/types';
+import type { ClientData as ClientSearchData } from '../../../../plus/clinetSearch/types';
+export interface ClientData extends ClientCardData {
+    latest_wallet_detail?: any;
+}
+export interface CartClientCardState {
+    clientData?: ClientData;
+    searchModalVisible: boolean;
+}
+export declare type ClientDataConverter = (searchData: ClientSearchData) => ClientData;
+export declare type ClientCardRef = {
+    handleSetClient: (record: ClientData) => void;
+};
+export interface CartClientCardProps {
+    clientCardProps?: ClientCardProps;
+    beforeSwitchModalOpen?: () => void | boolean | Promise<undefined | boolean>;
+    onClientChange?: (newClient: ClientData, originClient?: ClientData | null) => void;
+}

package/lib/components/booking/info2/cartClientCard/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/booking/info2/cartClientCard/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/booking/info2/cartClientCard/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClientData } from "./types";
+export declare const setHandleSetClient: (fn: ((customer: ClientData | null) => void) | null) => void;
+export declare const getHandleSetClient: () => ((customer: ClientData | null) => void) | null;

package/lib/components/booking/info2/cartClientCard/utils.js

@@ -0,0 +1,37 @@
+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/booking/info2/cartClientCard/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getHandleSetClient: () => getHandleSetClient,
+  setHandleSetClient: () => setHandleSetClient
+});
+module.exports = __toCommonJS(utils_exports);
+var handleSetClient = null;
+var setHandleSetClient = (fn) => {
+  handleSetClient = fn;
+};
+var getHandleSetClient = () => {
+  return handleSetClient;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getHandleSetClient,
+  setHandleSetClient
+});

package/lib/components/booking/info2/index.js

@@ -40,7 +40,6 @@ var import_pet = __toESM(require("../info/pet"));
 var import_date = __toESM(require("../info/date"));
 var import_footer = __toESM(require("../components/footer"));
 var import_tabPane = __toESM(require("../components/tabPane"));
-var import_addNote = __toESM(require("../notes/addNote"));
 var import_header = __toESM(require("../info/header"));
 var import_locales = __toESM(require("../locales"));
 var import_utils = require("@pisell/utils");
@@ -59,6 +58,8 @@ var import_classnames = __toESM(require("classnames"));
 var import_useCreateBookingPageHeader = __toESM(require("../hooks/useCreateBookingPageHeader"));
 var import_locales2 = require("../../../utils/locales");
 var import_ahooks = require("ahooks");
+var import_cartClientCard = __toESM(require("./cartClientCard"));
+var import_materials = require("@pisell/materials");
 var defaultModules = {
   client: 1,
   date: 1,
@@ -130,11 +131,13 @@ var Info = (0, import_model.Provider)((props) => {
     globalState == null ? void 0 : globalState.renderType
   ]);
   const notes = (0, import_react.useMemo)(() => {
-    var _a2, _b2;
     if (!modules.note) {
       return null;
     }
-    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote, onChange: addNote });
+    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : (
+      // <AddNote value={modal.state?.notes?.orderNote} onChange={addNote} />
+      null
+    );
   }, [
     modules.note,
     globalState == null ? void 0 : globalState.bookingId,
@@ -258,7 +261,9 @@ var Info = (0, import_model.Provider)((props) => {
   ), !!modal.state.setGlobalState ? /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
-      style,
+      style: {
+        height: ((_k = (_j = context == null ? void 0 : context.appHelper) == null ? void 0 : _j.utils) == null ? void 0 : _k.isMobile) ? "100%" : "100vh"
+      },
       header,
       footer: /* @__PURE__ */ import_react.default.createElement(
         import_footer.default,
@@ -268,15 +273,31 @@ var Info = (0, import_model.Provider)((props) => {
           source: "info"
         }
       ),
-      style: {
-        height: ((_k = (_j = context == null ? void 0 : context.appHelper) == null ? void 0 : _j.utils) == null ? void 0 : _k.isMobile) ? "100%" : "100vh"
-      },
       bodyClassName: (0, import_classnames.default)("booking-info-warp", {
         ["create-booking-page-info-wrap"]: isBookingCreatePage,
         ["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode
-      })
+      }),
+      state: modal.state,
+      dispatch: modal.dispatch,
+      source: "info"
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_l = modal.state) == null ? void 0 : _l.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info-client-line" }, modules.client ? (globalState == null ? void 0 : globalState.isBookingTicket2) ? /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement(import_cartClientCard.default, null)) : /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, (globalState == null ? void 0 : globalState.isBookingTicket2) ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "booking-info-client-line-code",
+        onClick: () => {
+          var _a2;
+          (_a2 = globalState == null ? void 0 : globalState.onQrCodeClick) == null ? void 0 : _a2.call(globalState);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Iconfont,
+        {
+          type: "pisell2-a-qr-code-02",
+          style: { color: "#fff", fontSize: 42 }
+        }
+      )
+    ) : null), modules.holder && !((_l = modal.state) == null ? void 0 : _l.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Skeleton,
       {
         loading: globalState.loading,

package/lib/components/booking/info2/service/addService/index.js

@@ -223,7 +223,7 @@ var Info = (props) => {
         customer_id: (_c2 = (_b2 = state.client) == null ? void 0 : _b2.value) == null ? void 0 : _c2.id
       },
       callback: (e, extension_type, detail) => {
-        var _a3;
+        var _a3, _b3;
         if (lock) {
           return;
         }
@@ -287,6 +287,7 @@ var Info = (props) => {
             }
           });
         } else {
+          (_b3 = window.openBookingEditModal) == null ? void 0 : _b3.call(window);
           dispatch({
             type: "setService",
             payload: {
@@ -316,13 +317,13 @@ var Info = (props) => {
     return state.service.value.length > 0;
   }, [state.service.value]);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j;
     if (shopList.includes(
-      (_e2 = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e2.id
+      ((_c2 = (_b2 = (_a2 = context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.getData) == null ? void 0 : _c2.call(_b2, "shop_id")) || ((_h = (_g = (_f2 = (_e2 = (_d2 = context.appHelper.utils.store) == null ? void 0 : _d2.getState) == null ? void 0 : _e2.call(_d2)) == null ? void 0 : _f2.global) == null ? void 0 : _g.globalConfig) == null ? void 0 : _h.id)
     ) || state.closeAutoOpenService) {
       return;
     }
-    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f2 = state.service) == null ? void 0 : _f2.value) == null ? void 0 : _g.length) === 0) {
+    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_j = (_i = state.service) == null ? void 0 : _i.value) == null ? void 0 : _j.length) === 0) {
       setTimeout(() => {
         handleSelectService();
       }, 10);

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info2/service/addTimeModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import '../../../info/service/addTimeModal/index.less';
-declare const AddTimeModal: () => JSX.Element;
-export default AddTimeModal;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/lib/components/booking/info2/service/addTimeModal/index.js

@@ -65,7 +65,6 @@ var AddTimeModal = () => {
   const [number, setNumber] = (0, import_react.useState)(1);
   const originServices = (0, import_react.useRef)([]);
   const [renderList, setRenderList] = (0, import_react.useState)([]);
-  console.log(renderList, "renderListrenderList");
   const context = (0, import_useEngineContext.default)();
   const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const statusMap = {
@@ -105,7 +104,6 @@ var AddTimeModal = () => {
   const currentProduct = (0, import_react.useMemo)(() => {
     return (renderList || []).find((d) => d.id == currentProductId);
   }, [renderList, currentProductId]);
-  console.log("renderList", renderList);
   const currentTimeItem = (0, import_react.useMemo)(() => {
     var _a2;
     return ((_a2 = currentProduct == null ? void 0 : currentProduct.times) == null ? void 0 : _a2.find((d) => d.value == currentTime)) || {
@@ -391,7 +389,7 @@ var AddTimeModal = () => {
     goCheckout();
   };
   const handleSave = async (loadingType = "save") => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i;
     if (currentTime === null) {
       return;
     }
@@ -401,9 +399,9 @@ var AddTimeModal = () => {
     loadingRef.current = true;
     setLoading(loadingType);
     const api = (0, import_utils4.isBooking4Shop)(
-      (_e2 = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e2.id,
+      ((_c2 = (_b2 = (_a2 = context.appHelper) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.getData) == null ? void 0 : _c2.call(_b2, "shop_id")) || ((_h2 = (_g2 = (_f2 = (_e2 = (_d2 = context.appHelper.utils.store) == null ? void 0 : _d2.getState) == null ? void 0 : _e2.call(_d2)) == null ? void 0 : _f2.global) == null ? void 0 : _g2.globalConfig) == null ? void 0 : _h2.id),
       state.renderType,
-      (_f2 = context.appHelper.utils) == null ? void 0 : _f2.businessUtils
+      (_i = context.appHelper.utils) == null ? void 0 : _i.businessUtils
     ) ? import_serve.saveAddTimeProduct2 : import_serve.saveAddTimeProduct;
     try {
       await api({
@@ -424,6 +422,7 @@ var AddTimeModal = () => {
       return;
     }
     state == null ? void 0 : state.action("init");
+    state == null ? void 0 : state.callback({}, "save");
   };
   (0, import_react.useEffect)(() => {
     if (!state.modalOpen) {
@@ -574,4 +573,4 @@ var AddTimeModal = () => {
     }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "" }))
   );
 };
-var addTimeModal_default = AddTimeModal;
+var addTimeModal_default = import_react.default.memo(AddTimeModal);

package/lib/components/booking/info2/service/editNormalService/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const EditNormalService: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default EditNormalService;