@pisell/private-materials 3.0.157-gray → 3.0.157

package/es/components/schedules/resources/edit/index.less

@@ -0,0 +1,19 @@
+.pisell-lowcode__schedules-component-resources-detail-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: absolute;
+  padding: 8px 16px;
+  border-top: 1px solid rgba(22, 44, 88, 0.09);
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  background-color: #ffffff;
+  z-index: 999;
+  .footer-btn {
+    flex: 1;
+    &.cancel-btn {
+      margin-right: 12px;
+    }
+  }
+}

package/es/components/schedules/resources/index.d.ts

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

package/es/components/schedules/resources/index.js

@@ -10,18 +10,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useRequest } from "ahooks";
-import { Collapse, Empty, Skeleton } from "antd";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useRequest } from 'ahooks';
+import { Collapse, Empty, Skeleton } from 'antd';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import CurrentDay from "../components/CurrentDay";
 import Search from "../components/Search";
 import { Context } from "../model";
 import ResourcesAdd from "./add";
+import ResourcesEdit from "./edit";
 import ResourcesDetail from "./detail";
 import "./index.less";
 import List from "./list";
 import { getFormTypes, getRelationResource } from "./serve";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 var Resources = function Resources() {
   var _useContext = useContext(Context),
     state = _useContext.state,
@@ -31,8 +32,9 @@ var Resources = function Resources() {
     tabKey = state.tabKey;
   var cacheResource = resources === null || resources === void 0 ? void 0 : resources.cacheResource;
   var resourcesAddRef = useRef();
+  var resourcesEditRef = useRef();
   var resourcesDetailRef = useRef();
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     seachText = _useState2[0],
     setSearchText = _useState2[1];
@@ -89,12 +91,12 @@ var Resources = function Resources() {
       skip: 1,
       num: 500,
       schedule_ids: currentSelectDayDetail ? currentSelectDayDetail.scheduleIds || [] : undefined,
-      exclude_form_code: ["opening_hours"]
+      exclude_form_code: ['opening_hours']
     }, params || null);
   };
   useEffect(function () {
     _getFormTypes.run({
-      type: "manual",
+      type: 'manual',
       num: 500,
       skip: 1
     });
@@ -104,13 +106,14 @@ var Resources = function Resources() {
   }, [currentSelectDayDetail === null || currentSelectDayDetail === void 0 ? void 0 : currentSelectDayDetail.scheduleIds]);
   useEffect(function () {
     if (cacheResource) {
-      var _resourcesDetailRef$c, _resourcesDetailRef$c2;
-      (_resourcesDetailRef$c = resourcesDetailRef.current) === null || _resourcesDetailRef$c === void 0 ? void 0 : (_resourcesDetailRef$c2 = _resourcesDetailRef$c.open) === null || _resourcesDetailRef$c2 === void 0 ? void 0 : _resourcesDetailRef$c2.call(_resourcesDetailRef$c, cacheResource);
+      var _resourcesEditRef$cur, _resourcesEditRef$cur2;
+      //   resourcesDetailRef.current?.open?.(cacheResource);
+      (_resourcesEditRef$cur = resourcesEditRef.current) === null || _resourcesEditRef$cur === void 0 ? void 0 : (_resourcesEditRef$cur2 = _resourcesEditRef$cur.open) === null || _resourcesEditRef$cur2 === void 0 ? void 0 : _resourcesEditRef$cur2.call(_resourcesEditRef$cur, cacheResource);
       // 滚动到 id 对应的位置
       setTimeout(function () {
         var _el$scrollIntoView;
         var el = document.getElementById("".concat(cacheResource.id));
-        console.log("el", el);
+        console.log('el', el);
         el === null || el === void 0 ? void 0 : (_el$scrollIntoView = el.scrollIntoView) === null || _el$scrollIntoView === void 0 ? void 0 : _el$scrollIntoView.call(el, true);
       }, 100);
     }
@@ -142,7 +145,8 @@ var Resources = function Resources() {
           list: resources.map(function (resource) {
             return {
               id: resource.id,
-              title: resource.title
+              title: resource.title,
+              form_id: item.id
             };
           }),
           addClick: function addClick() {
@@ -150,8 +154,9 @@ var Resources = function Resources() {
             (_resourcesAddRef$curr = resourcesAddRef.current) === null || _resourcesAddRef$curr === void 0 ? void 0 : (_resourcesAddRef$curr2 = _resourcesAddRef$curr.open) === null || _resourcesAddRef$curr2 === void 0 ? void 0 : _resourcesAddRef$curr2.call(_resourcesAddRef$curr, item.id);
           },
           itemClick: function itemClick(resource) {
-            var _resourcesDetailRef$c3, _resourcesDetailRef$c4;
-            (_resourcesDetailRef$c3 = resourcesDetailRef.current) === null || _resourcesDetailRef$c3 === void 0 ? void 0 : (_resourcesDetailRef$c4 = _resourcesDetailRef$c3.open) === null || _resourcesDetailRef$c4 === void 0 ? void 0 : _resourcesDetailRef$c4.call(_resourcesDetailRef$c3, resource);
+            var _resourcesEditRef$cur3, _resourcesEditRef$cur4;
+            //   resourcesDetailRef.current?.open?.(resource);
+            (_resourcesEditRef$cur3 = resourcesEditRef.current) === null || _resourcesEditRef$cur3 === void 0 ? void 0 : (_resourcesEditRef$cur4 = _resourcesEditRef$cur3.open) === null || _resourcesEditRef$cur4 === void 0 ? void 0 : _resourcesEditRef$cur4.call(_resourcesEditRef$cur3, resource);
           }
         })
       };
@@ -159,7 +164,7 @@ var Resources = function Resources() {
   }, [formTypes, seachText, relationResource]);
   var handleClose = function handleClose() {
     dispatch({
-      type: "setState",
+      type: 'setState',
       payload: {
         currentSelectDayDetail: null
       }
@@ -169,7 +174,7 @@ var Resources = function Resources() {
     className: "pisell-lowcode__schedules-component-resources"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      padding: "0 32px"
+      padding: '0 32px'
     }
   }, /*#__PURE__*/React.createElement(CurrentDay, {
     onClose: handleClose,
@@ -196,10 +201,13 @@ var Resources = function Resources() {
     }
   }) : /*#__PURE__*/React.createElement(Empty, {
     image: Empty.PRESENTED_IMAGE_SIMPLE,
-    description: locales.getText("pisell2.text.products.no-resources")
+    description: locales.getText('pisell2.text.products.no-resources')
   })))), /*#__PURE__*/React.createElement(ResourcesAdd, {
     ref: resourcesAddRef,
     onSuccess: init
+  }), /*#__PURE__*/React.createElement(ResourcesEdit, {
+    ref: resourcesEditRef,
+    onSuccess: init
   }), /*#__PURE__*/React.createElement(ResourcesDetail, {
     tabKey: tabKey,
     ref: resourcesDetailRef,

package/es/index.d.ts

@@ -12,7 +12,6 @@ export { default as BookingStartTime } from './components/booking/materiels/star
 export { default as BookingDuration } from './components/booking/materiels/duration';
 export { default as BookingContacts } from './components/booking/materiels/contacts';
 export { VerticalClient } from './components/booking/info/clientVariant';
-export { default as VerticalAddService } from './components/booking/info/addServiceVariant';
 export { default as ProductExtension } from './components/productExtension';
 export { default as BookingDeposit } from './components/booking/deposit';
 export { default as RuleSetting } from './components/ruleSetting';
@@ -20,4 +19,3 @@ export { default as TaxSelect } from './components/taxSelect';
 export { default as ToCPay } from './components/pay/toC';
 export { default as Eftpos } from './components/eftpos';
 export { default as EftposPay } from './components/eftposPay';
-export { default as BookingDashboard } from './components/booking/dashboard';

package/es/index.js

@@ -16,12 +16,10 @@ export { default as BookingStartTime } from "./components/booking/materiels/star
 export { default as BookingDuration } from "./components/booking/materiels/duration";
 export { default as BookingContacts } from "./components/booking/materiels/contacts";
 export { VerticalClient } from "./components/booking/info/clientVariant";
-export { default as VerticalAddService } from "./components/booking/info/addServiceVariant";
 export { default as ProductExtension } from "./components/productExtension";
 export { default as BookingDeposit } from "./components/booking/deposit";
 export { default as RuleSetting } from "./components/ruleSetting";
 export { default as TaxSelect } from "./components/taxSelect";
 export { default as ToCPay } from "./components/pay/toC";
 export { default as Eftpos } from "./components/eftpos";
-export { default as EftposPay } from "./components/eftposPay";
-export { default as BookingDashboard } from "./components/booking/dashboard";
+export { default as EftposPay } from "./components/eftposPay";

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: 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/components/footer/index.js

@@ -622,7 +622,7 @@ var Footer = (props) => {
     }
     if (transaction_habit_selection.button_rows == 1) {
       if (state.appointment_status !== "cancelled") {
-        if (!state.disabledEdit && !state.isBookingCreatePage) {
+        if (!state.disabledEdit) {
           arr.push(actionMap.sale);
         }
       }
@@ -722,7 +722,7 @@ var Footer = (props) => {
       if (!state.bookingDetail) {
         return true;
       }
-      if (!((_a2 = state.addons) == null ? void 0 : _a2.load) && state.renderType !== "eventBooking" && !state.isBookingCreatePage) {
+      if (!((_a2 = state.addons) == null ? void 0 : _a2.load) && state.renderType !== "eventBooking") {
         return true;
       }
     }
@@ -836,7 +836,7 @@ var Footer = (props) => {
       className: "pisell-lowcode__booking-footer-buttons",
       style: { marginTop: 12 }
     },
-    state.appointment_status !== "cancelled" && !state.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(
+    state.appointment_status !== "cancelled" ? /* @__PURE__ */ import_react.default.createElement(
       import_antd2.Button,
       {
         onClick: () => handleSale(),

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

@@ -12,7 +12,6 @@ export interface InfoProps {
     client: any;
     loading?: boolean;
     addButtonProps?: any;
-    drawerProps?: any;
 }
 /**
  * @title: 表单模块

package/lib/components/booking/forms/forms.js

@@ -53,8 +53,7 @@ var Forms = (0, import_model.Provider)((props) => {
     addCallback,
     client,
     loading,
-    addButtonProps,
-    drawerProps
+    addButtonProps
   } = props;
   const onAction = (0, import_ahooks.useMemoizedFn)(
     async (formDataConfig, isAdd) => {
@@ -151,7 +150,6 @@ var Forms = (0, import_model.Provider)((props) => {
             onChange: (val) => {
               onValueChange(d, val);
             },
-            drawerProps,
             onAdd: () => {
               onAction(d, true);
             },
@@ -192,8 +190,7 @@ var Forms = (0, import_model.Provider)((props) => {
     client == null ? void 0 : client.id,
     addButtonProps,
     customSelectProps,
-    optionRender,
-    drawerProps
+    optionRender
   ]);
 });
 var forms_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/forms/single/index.d.ts

@@ -7,5 +7,5 @@ import "./index.less";
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:06
  */
-declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => React.JSX.Element;
+declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, }: any) => React.JSX.Element;
 export default Single;

package/lib/components/booking/forms/single/index.js

@@ -53,8 +53,7 @@ var Single = ({
   onAdd,
   addButtonProps,
   modalOpen,
-  watch,
-  drawerProps
+  watch
 }) => {
   var _a, _b;
   const [HumanBodySelector] = (0, import_useComponents.default)({
@@ -178,8 +177,7 @@ var Single = ({
       addButtonProps: _addButtonProps,
       drawerProps: {
         title: `${import_utils.locales.getText("pisell2.text.select")} ${((_b = form.form) == null ? void 0 : _b.title) || "-"}`,
-        destroyOnClose: true,
-        ...drawerProps || {}
+        destroyOnClose: true
       },
       optionRender: _optionRender,
       rowKey: "form_record_id",

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

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

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

@@ -107,8 +107,7 @@ var SelectDrawer = (props, ref) => {
     showPet,
     handleAddPet,
     modalOpen,
-    franchiseeLoading,
-    showHeader
+    franchiseeLoading
   } = props;
   const form = (formData == null ? void 0 : formData[0]) || {};
   const valList = (childrenValue == null ? void 0 : childrenValue[form.id]) || defaultArr;
@@ -274,8 +273,7 @@ var SelectDrawer = (props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
-      showGoBack: showHeader,
-      title: showHeader && import_utils.locales.getText("pisell2.text.select-customer"),
+      title: import_utils.locales.getText("pisell2.text.select-customer"),
       open,
       onClose: closeDrawer,
       header: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(

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

@@ -333,105 +333,93 @@ var VerticalClient = (0, import_react.forwardRef)((props, ref) => {
     handleOpenClientModal();
   };
   (0, import_react.useImperativeHandle)(ref, () => {
-    var _a2, _b2;
     return {
-      open: handleOpenClientModal,
-      close: (_a2 = modalRef.current) == null ? void 0 : _a2.close,
-      setSearch: (_b2 = modalRef.current) == null ? void 0 : _b2.setSearch
+      close: () => {
+        var _a2;
+        (_a2 = modalRef.current) == null ? void 0 : _a2.close();
+      }
     };
   });
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-client-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("pisell-lowcode__booking-vertical-client-wrap", {
-        ["create-booking-page-vertical-client-wrap"]: state.isBookingCreatePage
-      })
+      className: (0, import_classnames.default)("pisell-lowcode__booking-vertical-client", {
+        "pisell-lowcode__booking-vertical-client-walkin": isWalkIn
+      }),
+      onClick: handleOpenClient
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: false, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Avatar,
       {
-        className: (0, import_classnames.default)("pisell-lowcode__booking-vertical-client", {
-          "pisell-lowcode__booking-vertical-client-walkin": isWalkIn
-        }),
-        onClick: handleOpenClient
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: false, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Avatar,
-        {
-          className: "pisell-lowcode__booking-client-avatar",
-          src: import_utils.image.ali((_y = state.client.value) == null ? void 0 : _y.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)), ((_z = state.client.value) == null ? void 0 : _z.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_A = state.client.value) == null ? void 0 : _A.email) : null, ((_B = state.client.value) == null ? void 0 : _B.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_C = state.client.value) == null ? void 0 : _C.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.Button,
-        {
-          menu: {
-            items: menus,
-            onClick: menuChange
-          },
-          placement: "bottomRight",
-          onClick: () => handleOpenClientModal()
-        },
-        import_utils.locales.getText("pisell2.text.variant-client-change")
-      ), /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Button,
-        {
-          onClick: (e) => {
-            e.stopPropagation();
-            handleViewClient();
-          }
-        },
-        import_utils.locales.getText("pisell2.text.view-profile")
-      )))
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
+        className: "pisell-lowcode__booking-client-avatar",
+        src: import_utils.image.ali((_y = state.client.value) == null ? void 0 : _y.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)), ((_z = state.client.value) == null ? void 0 : _z.email) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_A = state.client.value) == null ? void 0 : _A.email) : null, ((_B = state.client.value) == null ? void 0 : _B.phone) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-client-desc-item" }, (_C = state.client.value) == null ? void 0 : _C.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.Button,
       {
-        className: (0, import_classnames.default)("pisell-lowcode__booking-vertical-pet", {
-          "pisell-lowcode__booking-vertical-pet-walkin": isWalkIn
-        }),
-        onClick: handleOpenClient
+        menu: {
+          items: menus,
+          onClick: menuChange
+        },
+        placement: "bottomRight",
+        onClick: () => handleOpenClientModal()
       },
-      petRender
-    ),
-    isShowAddBtn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-footer" }, /* @__PURE__ */ import_react.default.createElement(
+      import_utils.locales.getText("pisell2.text.variant-client-change")
+    ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
-        onClick: () => {
-          const currentClientSearchValue = getCurrentClientSearchValue();
-          modalRef.current.setSearch(currentClientSearchValue);
-          handleOpenClientModal(currentClientSearchValue);
-        },
-        block: true,
-        size: "large"
+        onClick: (e) => {
+          e.stopPropagation();
+          handleViewClient();
+        }
       },
-      import_utils.locales.getText("pisell2.text.select")
-    )),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_SelectDrawer.default,
-      {
-        showHeader: !state.isBookingCreatePage,
-        modalOpen: state.modalOpen,
-        loading,
-        autoFocus: !((_F = (_E = (_D = context == null ? void 0 : context.appHelper) == null ? void 0 : _D.utils) == null ? void 0 : _E.isTerminal) == null ? void 0 : _F.call(_E)),
-        ref: modalRef,
-        onClose: handleClose,
-        handleSelectClient,
-        handleCreateItem,
-        childrenValue: state.pet.value,
-        handleSelectPet,
-        formData: state.pet.formData,
-        searchChange,
-        options: renderList,
-        holder: (_G = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _G.holder,
-        client: (_H = state == null ? void 0 : state.client) == null ? void 0 : _H.value,
-        loadMore,
-        showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
-        handleAddPet,
-        franchiseeLoading
-      }
-    )
-  );
+      import_utils.locales.getText("pisell2.text.view-profile")
+    )))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-lowcode__booking-vertical-pet", {
+        "pisell-lowcode__booking-vertical-pet-walkin": isWalkIn
+      }),
+      onClick: handleOpenClient
+    },
+    petRender
+  ), isShowAddBtn && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-vertical-footer" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => {
+        const currentClientSearchValue = getCurrentClientSearchValue();
+        modalRef.current.setSearch(currentClientSearchValue);
+        handleOpenClientModal(currentClientSearchValue);
+      },
+      block: true,
+      size: "large"
+    },
+    import_utils.locales.getText("pisell2.text.select")
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_SelectDrawer.default,
+    {
+      modalOpen: state.modalOpen,
+      loading,
+      autoFocus: !((_F = (_E = (_D = context == null ? void 0 : context.appHelper) == null ? void 0 : _D.utils) == null ? void 0 : _E.isTerminal) == null ? void 0 : _F.call(_E)),
+      ref: modalRef,
+      onClose: handleClose,
+      handleSelectClient,
+      handleCreateItem,
+      childrenValue: state.pet.value,
+      handleSelectPet,
+      formData: state.pet.formData,
+      searchChange,
+      options: renderList,
+      holder: (_G = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _G.holder,
+      client: (_H = state == null ? void 0 : state.client) == null ? void 0 : _H.value,
+      loadMore,
+      showPet: (boardConfig == null ? void 0 : boardConfig.type) === "form",
+      handleAddPet,
+      franchiseeLoading
+    }
+  ));
 });
 var vertical_default = VerticalClient;

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

@@ -117,11 +117,3 @@
     line-height: 24px;
   }
 }
-.create-booking-page-vertical-client-wrap {
-  .pisell-lowcode__booking-drawer-title-wrap {
-    padding: 16px 16px 0 !important;
-  }
-  .pisell-lowcode-input-affix-wrapper {
-    margin-top: 0 !important;
-  }
-}

package/lib/components/booking/info/index.less

@@ -15,13 +15,4 @@
   //   height: 42px;
   //   background: #069456;
   // }
-}
-#create-booking-page-info-wrap {
-  .pisell-lowcode__booking-tab-pane-footer {
-    padding: 12px 16px !important;
-  }
-}
-.create-booking-page-info-wrap {
-  position: initial !important;
-  padding: 0 16px !important;
 }

package/lib/components/booking/info/pet/index.js

@@ -410,8 +410,7 @@ var Pet = (props) => {
     state.disableEventBookingEdit,
     params.search,
     loadMore,
-    addButtonProps,
-    state.isBookingCreatePage
+    addButtonProps
   ]);
 };
 var pet_default = Pet;

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

@@ -1,12 +1,6 @@
 import React from 'react';
-import { PisellDrawerProps } from '../../../components/drawer';
 import './index.less';
-interface AddServiceProps {
+declare const Info: ({ onEdit }: {
     onEdit: any;
-    dispatch?: any;
-    state?: any;
-    drawerProps?: PisellDrawerProps;
-    renderMode?: 'current' | 'drawer';
-}
-declare const Info: (props: AddServiceProps) => React.JSX.Element;
+}) => React.JSX.Element;
 export default Info;