@pisell/private-materials 3.0.87 → 3.0.89

package/lib/components/booking/deposit/DepositItem/index.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare type DepositItemProps = {
-    status: "paid" | "unpaid";
+    status: 'paid' | 'unpaid';
     onEdit: React.MouseEventHandler<HTMLSpanElement>;
     customer: any;
     totalAmountStr: string;
@@ -16,6 +16,7 @@ declare type DepositItemProps = {
     createdTime: string;
     isPaid: boolean;
     isBookingCancelled: boolean;
+    hideOrderDetail?: boolean;
 };
 declare const DepositItem: (props: DepositItemProps) => React.JSX.Element;
 export default DepositItem;

package/lib/components/booking/deposit/DepositItem/index.js

@@ -62,7 +62,8 @@ var DepositItem = (props) => {
     createdTime,
     isPaid,
     isBookingCancelled,
-    sendEmail
+    sendEmail,
+    hideOrderDetail
   } = props;
   const statusText = {
     unpaid: import_utils.locales.getText("pisell2.text.deposit-item-status-unpaid"),
@@ -110,6 +111,6 @@ var DepositItem = (props) => {
         onClick: onEdit
       }
     ))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line1" }, import_utils.locales.getText("pisell2.text.deposit-order-no"), " ", orderNumber), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line2" }, createdTime), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ClientItem.default, { data: customer, coverSize: 40, walkInName: "Walk-In" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-total" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-order-total")), /* @__PURE__ */ import_react.default.createElement("div", null, totalAmountStr)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-action" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, size: "large", onClick: handleGoOrderDetail }, import_utils.locales.getText("pisell2.text.deposit-order-detail")), /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items, onClick }, placement: "bottom" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, type: "primary", size: "large" }, import_utils.locales.getText("pisell2.text.deposit-collect-deposit"), " ", /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))))));
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line1" }, import_utils.locales.getText("pisell2.text.deposit-order-no"), " ", orderNumber), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-content-line2" }, createdTime), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ClientItem.default, { data: customer, coverSize: 40, walkInName: "Walk-In" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-total" }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.deposit-order-total")), /* @__PURE__ */ import_react.default.createElement("div", null, totalAmountStr)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__deposit-item-footer-action" }, !hideOrderDetail && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, size: "large", onClick: handleGoOrderDetail }, import_utils.locales.getText("pisell2.text.deposit-order-detail")), /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items, onClick }, placement: "bottom" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, type: "primary", size: "large" }, import_utils.locales.getText("pisell2.text.deposit-collect-deposit"), " ", /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null))))));
 };
 var DepositItem_default = DepositItem;

package/lib/components/booking/deposit/index.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import React from 'react';
 declare const Deposit: (props: any) => React.JSX.Element;
 export default Deposit;

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

@@ -51,9 +51,19 @@ var Deposit = (props) => {
   const [modal, contextHolder] = import_antd.Modal.useModal();
   const editDepositModalRef = (0, import_react.useRef)();
   const context = (0, import_useEngineContext.default)();
-  const { isTerminal, interaction, action } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { isTerminal, interaction, action, storage } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const isTeam = (0, import_react.useMemo)(() => {
+    return storage.get("channel") === "android_team_portal" || storage.get("channel") === "ios_team_portal";
+  }, []);
   import_utils2.request.setRequest(context.appHelper.utils.request);
-  const { bookingDetail, bookingId, amountSymbol, generatePaymentLink, locale, callback } = globalState;
+  const {
+    bookingDetail,
+    bookingId,
+    amountSymbol,
+    generatePaymentLink,
+    locale,
+    callback
+  } = globalState;
   const sendEmail = (id) => {
     action({
       type: "pisell1.sendPayLinkEmail",
@@ -105,7 +115,9 @@ var Deposit = (props) => {
         status: (bookingDetail == null ? void 0 : bookingDetail.deposit_payment_time) ? "paid" : "unpaid",
         totalAmount: total.expectAmount,
         depositAmount: bookingDetail == null ? void 0 : bookingDetail.deposit_amount,
-        createdTime: (0, import_dayjs.default)(bookingDetail == null ? void 0 : bookingDetail.created_at).format(locale === "en" ? "dddd, D MMMM YYYY HH:mm" : "YYYY-MM-DD HH:mm"),
+        createdTime: (0, import_dayjs.default)(bookingDetail == null ? void 0 : bookingDetail.created_at).format(
+          locale === "en" ? "dddd, D MMMM YYYY HH:mm" : "YYYY-MM-DD HH:mm"
+        ),
         orderId: bookingDetail == null ? void 0 : bookingDetail.id,
         orderNumber: bookingDetail == null ? void 0 : bookingDetail.shop_full_order_number,
         amountSymbol: (globalState == null ? void 0 : globalState.amountSymbol) || "$",
@@ -116,7 +128,12 @@ var Deposit = (props) => {
         )
       }
     ];
-  }, [bookingDetail, total == null ? void 0 : total.expectAmount, globalState == null ? void 0 : globalState.amountSymbol, bookingDetail == null ? void 0 : bookingDetail.deposit_amount]);
+  }, [
+    bookingDetail,
+    total == null ? void 0 : total.expectAmount,
+    globalState == null ? void 0 : globalState.amountSymbol,
+    bookingDetail == null ? void 0 : bookingDetail.deposit_amount
+  ]);
   const isBookingCancelled = ((_b = bookingDetail == null ? void 0 : bookingDetail.bookings) == null ? void 0 : _b.appointment_status) === "cancelled";
   const isPaid = (bookingDetail == null ? void 0 : bookingDetail.payment_time) !== null;
   const footer = (0, import_react.useMemo)(() => {
@@ -126,7 +143,15 @@ var Deposit = (props) => {
       return null;
     if (isPaid)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-deposit-footer" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", block: true, onClick: depositList.length > 0 ? deleteDeposit : create }, depositList.length > 0 ? import_utils.locales.getText("pisell2.text.deposit-delete") : import_utils.locales.getText("pisell2.text.add")));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-deposit-footer" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        size: "large",
+        block: true,
+        onClick: depositList.length > 0 ? deleteDeposit : create
+      },
+      depositList.length > 0 ? import_utils.locales.getText("pisell2.text.deposit-delete") : import_utils.locales.getText("pisell2.text.add")
+    ));
   }, [depositList, isBookingCancelled, isPaid]);
   const handleEdit = (e, item) => {
     var _a2, _b2;
@@ -185,7 +210,8 @@ var Deposit = (props) => {
         handleGoOrderDetail,
         onEdit: (e) => handleEdit(e, item),
         isPaid,
-        isBookingCancelled
+        isBookingCancelled,
+        hideOrderDetail: isTeam
       }
     )),
     /* @__PURE__ */ import_react.default.createElement(

package/lib/components/booking/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/index.d.ts

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => any;
+declare const Booking: (props: any) => JSX.Element;
 export default Booking;

package/lib/components/booking/info/clientVariant/hooks/useClientFn.d.ts

@@ -36,5 +36,6 @@ declare const useClientFn: (_params: useClientFnParams) => {
     loadMore: React.JSX.Element | null;
     handleOpenClientModal: () => void;
     getNickname: (item: any) => any;
+    franchiseeLoading: number;
 };
 export default useClientFn;

package/lib/components/booking/info/clientVariant/hooks/useClientFn.js

@@ -81,15 +81,16 @@ var useClientFn = (_params) => {
       ...!state.isFranchisee ? { _config: { abort: true } } : {}
     });
     const list = ((data == null ? void 0 : data.list) || []).map((d) => {
+      var _a2;
       return {
         ...d,
         name: getNickname(d),
         id: d.franchisee_customer_id || d.id,
-        form_record: d.form_record.map((item) => ({
+        form_record: ((_a2 = d.form_record) == null ? void 0 : _a2.map((item) => ({
           ...item,
           ...item.data,
           form_record_id: item.id
-        }))
+        }))) || []
       };
     });
     let _payload = {
@@ -303,7 +304,8 @@ var useClientFn = (_params) => {
     loading,
     loadMore,
     handleOpenClientModal,
-    getNickname
+    getNickname,
+    franchiseeLoading
   };
 };
 var useClientFn_default = useClientFn;

package/lib/components/booking/info/clientVariant/vertical/SelectDrawer.d.ts

@@ -17,6 +17,7 @@ interface SelectDrawerProps {
     holder: any;
     handleAddPet: any;
     modalOpen: boolean;
+    franchiseeLoading?: number;
 }
 declare const _default: React.ForwardRefExoticComponent<SelectDrawerProps & React.RefAttributes<unknown>>;
 export default _default;

package/lib/components/booking/info/clientVariant/vertical/SelectDrawer.js

@@ -63,7 +63,8 @@ var Item = ({
   desc,
   coverSize,
   checked,
-  style
+  style,
+  loading
 }) => {
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -83,7 +84,8 @@ var Item = ({
         icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
       }
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, (desc || []).map((d) => /* @__PURE__ */ import_react.default.createElement("div", { className: "", title: d }, d))))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, (desc || []).map((d) => /* @__PURE__ */ import_react.default.createElement("div", { className: "", title: d }, d)))),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: !!loading })
   );
 };
 var defaultArr = [];
@@ -104,7 +106,8 @@ var SelectDrawer = (props, ref) => {
     loadMore,
     showPet,
     handleAddPet,
-    modalOpen
+    modalOpen,
+    franchiseeLoading
   } = props;
   const form = (formData == null ? void 0 : formData[0]) || {};
   const valList = (childrenValue == null ? void 0 : childrenValue[form.id]) || defaultArr;
@@ -161,7 +164,7 @@ var SelectDrawer = (props, ref) => {
   const handleAddClient = () => {
     handleCreateItem();
   };
-  const handleChildrenValueChange = (value, item) => {
+  const handleChildrenValueChange = async (value, item) => {
     var _a;
     let clientId = client.id;
     if (!(client == null ? void 0 : client.id) || client.id === 1) {
@@ -169,7 +172,7 @@ var SelectDrawer = (props, ref) => {
     }
     if (mode === "single") {
       if (!(client == null ? void 0 : client.id) || client.id === 1) {
-        handleSelectClient([item]);
+        await handleSelectClient([item]);
       }
       handleSelectPet({
         [form.id]: (0, import_format.formatAddFormValues)({
@@ -218,19 +221,19 @@ var SelectDrawer = (props, ref) => {
     }
     return holder == null ? void 0 : holder.type;
   }, [holder == null ? void 0 : holder.type]);
-  const handleOk = () => {
+  const handleOk = async () => {
     var _a;
     if (!(client == null ? void 0 : client.id) || (client == null ? void 0 : client.id) === 1) {
-      handleSelectClient([clientRef.current]);
+      await handleSelectClient([clientRef.current]);
     }
     handleSelectPet({
       [(_a = holder == null ? void 0 : holder.form) == null ? void 0 : _a.id]: _value
     });
     closeDrawer();
   };
-  const handleClientClick = (item) => {
+  const handleClientClick = async (item) => {
     var _a;
-    handleSelectClient([item]);
+    await handleSelectClient([item]);
     if (mode === "multiple") {
       const isHasChildren = _value.some(
         (val) => item.form_record.some(
@@ -280,7 +283,7 @@ var SelectDrawer = (props, ref) => {
       getContainer: false,
       destroyOnClose: true,
       push: { distance: 180 },
-      footer: mode === "multiple" && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, type: "primary", onClick: handleOk }, import_utils.locales.getText("pisell2.text.apply")))
+      footer: mode === "multiple" && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { block: true, type: "primary", onClick: handleOk, loading: !!franchiseeLoading }, import_utils.locales.getText("pisell2.text.apply")))
     },
     /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading }, /* @__PURE__ */ import_react.default.createElement("div", { className: "vertical-client-select-drawer-content-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "vertical-client-select-drawer-top" }, /* @__PURE__ */ import_react.default.createElement(
       ActionItem,
@@ -313,7 +316,8 @@ var SelectDrawer = (props, ref) => {
             title: getNickname(item),
             desc: [item.email, item.phone],
             checked: item.id === client.id,
-            style: showPet ? { marginBottom: 6 } : {}
+            style: showPet ? { marginBottom: 6 } : {},
+            loading: franchiseeLoading === item.id
           }
         ),
         showPet && /* @__PURE__ */ import_react.default.createElement("div", { className: "vertical-client-select-drawer-content-item-children" }, ((item == null ? void 0 : item.form_record) || []).map((f) => {
@@ -336,7 +340,7 @@ var SelectDrawer = (props, ref) => {
               )
             },
             mode === "multiple" && /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, { checked }),
-            /* @__PURE__ */ import_react.default.createElement(Item, { coverSize: 48, title: f.main_field })
+            /* @__PURE__ */ import_react.default.createElement(Item, { coverSize: 48, title: f.main_field, loading: false })
           );
         }), /* @__PURE__ */ import_react.default.createElement(
           "div",

package/lib/components/booking/info/clientVariant/vertical/index.js

@@ -43,13 +43,15 @@ var import_pet = __toESM(require("../../pet"));
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var VerticalClient = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const { globalState, setGlobalState } = props;
   const modalRef = (0, import_react.useRef)();
   const state = globalState;
   const stateRef = (0, import_react.useRef)(state);
   const prevCustomerId = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
+  const isFranchisee = (_d = (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.businessUtils) == null ? void 0 : _c.getAppByModal) == null ? void 0 : _d.call(_c, "franchisee");
+  state.isFranchisee = isFranchisee;
   stateRef.current = state;
   const {
     isWalkIn,
@@ -65,7 +67,8 @@ var VerticalClient = (props) => {
     loading,
     loadMore,
     handleOpenClientModal,
-    getNickname
+    getNickname,
+    franchiseeLoading
   } = (0, import_useClientFn.default)({
     state,
     setGlobalState,
@@ -95,7 +98,7 @@ var VerticalClient = (props) => {
   const boardConfig = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_subject) || {};
-  }, [(_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic]);
+  }, [(_f = (_e = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic]);
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2;
     if (((_d2 = (_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.appointment_customer) == null ? void 0 : _d2.type) === "customer" && (state == null ? void 0 : state.modalOpen) && !(state == null ? void 0 : state.bookingId)) {
@@ -107,7 +110,7 @@ var VerticalClient = (props) => {
       });
     }
   }, [
-    (_f = (_e = (_d = (_c = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _c.config) == null ? void 0 : _d.basic) == null ? void 0 : _e.appointment_customer) == null ? void 0 : _f.type,
+    (_j = (_i = (_h = (_g = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _g.config) == null ? void 0 : _h.basic) == null ? void 0 : _i.appointment_customer) == null ? void 0 : _j.type,
     state == null ? void 0 : state.modalOpen
   ]);
   const handleSelectPet = (val) => {
@@ -185,8 +188,8 @@ var VerticalClient = (props) => {
   }, [
     isWalkIn,
     state == null ? void 0 : state.disabledEdit,
-    (_g = state.pet) == null ? void 0 : _g.value,
-    (_h = state.pet) == null ? void 0 : _h.formData,
+    (_k = state.pet) == null ? void 0 : _k.value,
+    (_l = state.pet) == null ? void 0 : _l.formData,
     boardConfig.type
   ]);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-client-wrap" }, /* @__PURE__ */ import_react.default.createElement(
@@ -204,11 +207,11 @@ var VerticalClient = (props) => {
       import_antd.Avatar,
       {
         className: "pisell-lowcode__booking-client-avatar",
-        src: import_utils.image.ali((_i = state.client.value) == null ? void 0 : _i.cover, 100),
+        src: import_utils.image.ali((_m = state.client.value) == null ? void 0 : _m.cover, 100),
         size: 64,
         icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
       }
-    ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_j = state.client.value) == null ? void 0 : _j.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_k = state.client.value) == null ? void 0 : _k.email) : null, ((_l = state.client.value) == null ? void 0 : _l.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_m = state.client.value) == null ? void 0 : _m.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
+    ), isWalkIn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, import_utils.locales.getText("pisell2.text.add-client")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, import_utils.locales.getText("pisell2.text.leave-empty-for-walk-in"))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-title" }, getNickname(state.client.value)), ((_n = state.client.value) == null ? void 0 : _n.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_o = state.client.value) == null ? void 0 : _o.email) : null, ((_p = state.client.value) == null ? void 0 : _p.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_q = state.client.value) == null ? void 0 : _q.phone) : null), !isWalkIn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-action-wrap" }, !state.disabledEdit && /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {
@@ -234,7 +237,7 @@ var VerticalClient = (props) => {
       clientChangeNotSetPet: true,
       state,
       dispatch: petDispatch,
-      hideTitle: !((_o = (_n = state.pet) == null ? void 0 : _n.value) == null ? void 0 : _o.length),
+      hideTitle: !((_s = (_r = state.pet) == null ? void 0 : _r.value) == null ? void 0 : _s.length),
       handleOpenModal,
       addButtonProps: {
         onClick: handleOpenClientModal,
@@ -256,7 +259,7 @@ var VerticalClient = (props) => {
     {
       modalOpen: state.modalOpen,
       loading,
-      autoFocus: !((_r = (_q = (_p = context == null ? void 0 : context.appHelper) == null ? void 0 : _p.utils) == null ? void 0 : _q.isTerminal) == null ? void 0 : _r.call(_q)),
+      autoFocus: !((_v = (_u = (_t = context == null ? void 0 : context.appHelper) == null ? void 0 : _t.utils) == null ? void 0 : _u.isTerminal) == null ? void 0 : _v.call(_u)),
       ref: modalRef,
       onClose: handleClose,
       handleSelectClient,
@@ -266,11 +269,12 @@ var VerticalClient = (props) => {
       formData: state.pet.formData,
       searchChange,
       options: renderList,
-      holder: (_s = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _s.holder,
-      client: (_t = state == null ? void 0 : state.client) == null ? void 0 : _t.value,
+      holder: (_w = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _w.holder,
+      client: (_x = state == null ? void 0 : state.client) == null ? void 0 : _x.value,
       loadMore,
       showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
-      handleAddPet
+      handleAddPet,
+      franchiseeLoading
     }
   ));
 };

package/lib/components/booking/info/index.d.ts

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => any;
+declare const Info: (props: any) => JSX.Element;
 export default Info;

package/lib/components/booking/info/model.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { FormState } from "../model";
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -216,7 +216,6 @@ var Info = () => {
       }
     });
   };
-  console.log("state.service.cacheItem", state.service.cacheItem);
   const renderList = (0, import_react.useMemo)(() => {
     var _a2;
     let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
@@ -228,6 +227,7 @@ var Info = () => {
       search ? (item) => isIncludes(item.title) : void 0
     );
   }, [search, (_a = state.service) == null ? void 0 : _a.services]);
+  console.log("state.service.renderList", renderList);
   const isService = (0, import_react.useMemo)(() => {
     return state.service.value.length > 0;
   }, [state.service.value]);

package/lib/components/booking/info/service/editService/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const Info: () => React.JSX.Element;
 export default Info;

package/lib/components/booking/info/service/editService/index.js

@@ -48,7 +48,7 @@ var import_like = __toESM(require("../like"));
 var import_mock = require("../../../mock");
 var import_utils4 = require("../addService/utils");
 var Info = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useLikeStatus = import_antd.Form.useWatch("like_status", form);
@@ -276,14 +276,18 @@ var Info = () => {
     return (0, import_utils3.getErrorList)(currentResource, getCurrentCacheItem());
   }, [currentResource, useDuration, useStartTime]);
   (0, import_ahooks.useUpdateEffect)(() => {
-    if (useStartTime && useDuration && state.renderType !== "eventBooking") {
-      getResources();
+    var _a2;
+    if (state.service.cacheItem && !((_a2 = state.service.cacheItem) == null ? void 0 : _a2.autoClose)) {
+      if (useStartTime && useDuration && state.renderType !== "eventBooking") {
+        getResources();
+      }
     }
   }, [
     useStartTime,
     useDuration,
     state.renderType,
-    state.service.resourcesOrigin
+    state.service.resourcesOrigin,
+    (_d = state.service.cacheItem) == null ? void 0 : _d.autoClose
   ]);
   (0, import_react.useEffect)(() => {
     setEditData();
@@ -300,7 +304,7 @@ var Info = () => {
       return false;
     }
     return useTotal != ((_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend.origin_total);
-  }, [useTotal, (_e = (_d = state.service) == null ? void 0 : _d.cacheItem) == null ? void 0 : _e._extend.origin_total]);
+  }, [useTotal, (_f = (_e = state.service) == null ? void 0 : _e.cacheItem) == null ? void 0 : _f._extend.origin_total]);
   (0, import_react.useEffect)(() => {
     if (useResource === 0) {
       handleLikeResource("common");
@@ -309,7 +313,7 @@ var Info = () => {
   const bundles = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     return ((_d2 = (_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.other) == null ? void 0 : _d2.bundle) || [];
-  }, [(_i = (_h = (_g = (_f = state.service) == null ? void 0 : _f.cacheItem) == null ? void 0 : _g._extend) == null ? void 0 : _h.other) == null ? void 0 : _i.bundle]);
+  }, [(_j = (_i = (_h = (_g = state.service) == null ? void 0 : _g.cacheItem) == null ? void 0 : _h._extend) == null ? void 0 : _i.other) == null ? void 0 : _j.bundle]);
   const getResourcesData = async () => {
     setResourceLoading(true);
     try {
@@ -335,13 +339,13 @@ var Info = () => {
   (0, import_react.useEffect)(() => {
     getResourcesData();
   }, [state.date.value]);
-  const SelectTime = (_j = window.BaseMaterials) == null ? void 0 : _j.SelectTime;
+  const SelectTime = (_k = window.BaseMaterials) == null ? void 0 : _k.SelectTime;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
       zIndex: 1e3,
       forceRender: true,
-      open: state.service.editModal && !((_k = state.service.cacheItem) == null ? void 0 : _k.autoClose),
+      open: state.service.editModal && !((_l = state.service.cacheItem) == null ? void 0 : _l.autoClose),
       title: import_utils.locales.getText("pisell2.text.edit-service"),
       onClose: () => {
         dispatch({
@@ -370,7 +374,7 @@ var Info = () => {
           });
         }
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_n = (_m = (_l = state.service) == null ? void 0 : _l.cacheItem) == null ? void 0 : _m._extend) == null ? void 0 : _n.product_name) || "-"),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_o = (_n = (_m = state.service) == null ? void 0 : _m.cacheItem) == null ? void 0 : _n._extend) == null ? void 0 : _o.product_name) || "-"),
       /* @__PURE__ */ import_react.default.createElement(
         import_collapsibleList.default,
         {
@@ -395,8 +399,8 @@ var Info = () => {
           precision: 2,
           style: { width: "100%" },
           min: 0,
-          max: ((_p = (_o = state.service.cacheItem) == null ? void 0 : _o._extend) == null ? void 0 : _p.origin_total) || 0,
-          placeholder: ((_r = (_q = state.service.cacheItem) == null ? void 0 : _q._extend) == null ? void 0 : _r.origin_total) || "0"
+          max: ((_q = (_p = state.service.cacheItem) == null ? void 0 : _p._extend) == null ? void 0 : _q.origin_total) || 0,
+          placeholder: ((_s = (_r = state.service.cacheItem) == null ? void 0 : _r._extend) == null ? void 0 : _s.origin_total) || "0"
         }
       )
     )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
@@ -436,10 +440,7 @@ var Info = () => {
       SelectTime ? /* @__PURE__ */ import_react.default.createElement(
         SelectTime,
         {
-          slice: (_v = (_u = (_t = (_s = state.bookingConfig) == null ? void 0 : _s.config) == null ? void 0 : _t.basic) == null ? void 0 : _u.service_time) == null ? void 0 : _v.value,
-          onChange: (e) => {
-            console.log("eeee", e);
-          },
+          slice: (_w = (_v = (_u = (_t = state.bookingConfig) == null ? void 0 : _t.config) == null ? void 0 : _u.basic) == null ? void 0 : _v.service_time) == null ? void 0 : _w.value,
           timePickerProps: {
             style: { width: "100%" }
           },

package/lib/components/booking/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -96,7 +95,7 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => any;
+declare const Notes: (props: any) => JSX.Element;
 export default Notes;

package/lib/components/booking/notes/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/payments/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Payments: (props: any) => any;
+declare const Payments: (props: any) => JSX.Element;
 export default Payments;

package/lib/components/booking/payments/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/utils.js

@@ -205,7 +205,7 @@ var formatProductListByCategory = (list, filterItem) => {
       };
     }
   }
-  return Object.values(categoryObject);
+  return Object.values(categoryObject).sort((a, b) => b.sort - a.sort);
 };
 var getResourceTimeIsUsable = (item, cacheItem) => {
   const startDate = (0, import_dayjs.default)(cacheItem._extend.start_date.format("YYYY-MM-DD") + " " + getServeStartTime(cacheItem._extend.start_time));

package/lib/components/schedules/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => any;
+declare const Schedules: (props: any) => JSX.Element;
 export default Schedules;

package/lib/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,7 +68,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {