@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -0,0 +1,115 @@
+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/info/notes/index.tsx
+var notes_exports = {};
+__export(notes_exports, {
+  default: () => notes_default
+});
+module.exports = __toCommonJS(notes_exports);
+var import_react = __toESM(require("react"));
+var import_model = require("../model");
+var import_utils = require("@pisell/utils");
+var import_NoteBlock = __toESM(require("../../notes/NoteBlock"));
+var Notes = () => {
+  var _a, _b, _c;
+  const modal = (0, import_react.useContext)(import_model.Context);
+  const orderNote = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d;
+    if (!((_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote)) {
+      return [];
+    }
+    return [
+      {
+        id: 0,
+        content: ((_d = (_c2 = modal.state) == null ? void 0 : _c2.notes) == null ? void 0 : _d.orderNote) || ""
+      }
+    ];
+  }, [(_b = (_a = modal.state) == null ? void 0 : _a.notes) == null ? void 0 : _b.orderNote]);
+  const noteChange = ({ note, status, noteType }) => {
+    var _a2, _b2, _c2;
+    if (noteType === "internal") {
+      let _list = [...(_a2 = modal.state) == null ? void 0 : _a2.notes.internalNotes];
+      if (status == "add") {
+        _list.push(note);
+      }
+      if (status == "remove") {
+        _list = _list.filter((item) => item.id != note.id);
+      }
+      if (status == "edit") {
+        _list = _list.map((item) => {
+          if (item.id == note.id) {
+            return note;
+          }
+          return item;
+        });
+      }
+      modal.dispatch({
+        type: "setNotes",
+        payload: {
+          internalNotes: _list
+        }
+      });
+      (_c2 = (_b2 = modal.state) == null ? void 0 : _b2.refreshData) == null ? void 0 : _c2.call(_b2, {});
+      return;
+    }
+    if (noteType === "order") {
+      modal.dispatch({
+        type: "setNotes",
+        payload: {
+          orderNote: note.content || "",
+          edit: false
+        }
+      });
+    }
+  };
+  if (orderNote.length === 0 && modal.state.disableEventBookingEdit) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_NoteBlock.default,
+    {
+      noteType: "order",
+      maxLength: 1,
+      title: `${import_utils.locales.getText("pisell2.text.order-notes")}:`,
+      describe: "",
+      notes: orderNote,
+      apis: (_c = modal == null ? void 0 : modal.state) == null ? void 0 : _c.apis,
+      placeholder: import_utils.locales.getText("pisell2.text.add-order-notes"),
+      isEdit: false,
+      onChange: (e, type, noteType) => {
+        noteChange({
+          note: e,
+          status: type,
+          noteType
+        });
+      }
+    }
+  );
+};
+var notes_default = Notes;

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

@@ -1,4 +1,14 @@
-import React from "react";
-import "./index.less";
-declare const Pet: () => React.JSX.Element;
+import React from 'react';
+import './index.less';
+import { InfoProps } from '../../forms/forms';
+interface PetProps {
+    state?: any;
+    dispatch?: any;
+    hideTitle?: boolean;
+    addButtonProps?: InfoProps['addButtonProps'];
+    handleOpenModal?: () => void;
+    clientChangeNotSetPet?: boolean;
+    previewItemTitleRender?: (item: any, index: number, values: any[]) => React.ReactNode;
+}
+declare const Pet: (props: PetProps) => React.JSX.Element;
 export default Pet;

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

@@ -41,34 +41,78 @@ var import_utils = require("@pisell/utils");
 var import_forms = __toESM(require("../../forms/forms"));
 var import_format = require("../../forms/format");
 var import_utils2 = require("../../utils");
-var Pet = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_ahooks = require("ahooks");
+var defaultParams = {
+  skip: 1,
+  num: 20,
+  total: 0,
+  keyword: ""
+};
+var Pet = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const {
+    hideTitle,
+    addButtonProps,
+    handleOpenModal,
+    clientChangeNotSetPet,
+    previewItemTitleRender
+  } = props;
+  const [loadLoading, setLoadLoading] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
-  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  let { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [valueLoading, setValueLoading] = (0, import_react.useState)(false);
-  const params = (0, import_react.useMemo)(() => {
+  const context = (0, import_useEngineContext.default)();
+  const { isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const [params, setParams] = (0, import_react.useState)(defaultParams);
+  state = state || (props == null ? void 0 : props.state);
+  dispatch = dispatch || (props == null ? void 0 : props.dispatch);
+  const boardParams = (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) || {};
-  }, [(_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject]);
+  }, [(_d = (_c = (_b = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.appointment_subject]);
   const petForm = (0, import_react.useMemo)(() => {
-    return (state.pet.formData || [])[0];
-  }, [state.pet.formData]);
-  const getFormData = async ({ formData }) => {
+    var _a2;
+    let _holder = (_a2 = state.bookingConfig) == null ? void 0 : _a2.holder;
+    if (!_holder) {
+      return null;
+    }
+    return {
+      ..._holder,
+      ..._holder == null ? void 0 : _holder.form,
+      options: [],
+      form_id: _holder.form.id,
+      field: _holder.form.form_field,
+      relation_type: "appointment_booking",
+      form_record: []
+    };
+  }, [(_e = state.bookingConfig) == null ? void 0 : _e.holder]);
+  const getFormData = async ({ formData }, _params = defaultParams) => {
     var _a2, _b2, _c2, _d2;
     setLoading(true);
     let _list = [];
     const noClient = formData.data_range === "customer" && (0, import_utils2.isWalkIn)((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id);
     if (!noClient) {
-      let _params = {
-        form_id: params.form_id,
-        skip: 1,
-        num: 999
+      let _values = {
+        form_id: boardParams.form_id,
+        ..._params,
+        source_shop_customer: petForm == null ? void 0 : petForm.is_franchisor
       };
       if (formData.data_range === "customer") {
-        _params.customer_id = (_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id;
+        _values.customer_id = (_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id;
       }
-      const data = await state.apis.getPetsData(_params);
-      _list = (data == null ? void 0 : data.list) || [];
+      const data = await state.apis.getPetsData(_values);
+      _list = [...formData.options];
+      if (_params.skip === 1) {
+        _list = (data == null ? void 0 : data.list) || [];
+      } else {
+        _list = _list.concat((data == null ? void 0 : data.list) || []);
+      }
+      setParams({
+        ...params,
+        ..._params,
+        total: (data == null ? void 0 : data.count) || 0
+      });
     }
     dispatch({
       type: "setPet",
@@ -76,10 +120,7 @@ var Pet = () => {
         formData: [
           {
             ...formData,
-            ...formData.form,
-            form_id: formData.form.id,
-            options: _list,
-            type: formData.type
+            options: _list
           }
         ],
         pets: _list
@@ -87,44 +128,61 @@ var Pet = () => {
     });
     setLoading(false);
   };
-  console.log("values", (_d = state.pet) == null ? void 0 : _d.value);
   const getForms = async (isUpdateValue = true) => {
-    var _a2, _b2;
-    setLoading(true);
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     let values = {
       ...state.pet.value
     };
-    let isSetValue = isUpdateValue && values[params == null ? void 0 : params.form_id] === void 0;
+    let isSetValue = isUpdateValue && values[boardParams == null ? void 0 : boardParams.form_id] === void 0 && ((_c2 = (_b2 = (_a2 = state.bookingDetail) == null ? void 0 : _a2.holder) == null ? void 0 : _b2.form_record) == null ? void 0 : _c2.length);
     if (isSetValue) {
       setValueLoading(true);
     }
     try {
-      let formData = await state.apis.getForms({
-        relation_type: "appointment_booking",
-        relation_id: ((_b2 = (_a2 = state.bookingDetail) == null ? void 0 : _a2.bookings) == null ? void 0 : _b2.id) || 0
-        // _config: { useCache: true },
-      });
-      formData = (formData || []).filter(
-        (d) => d.form_id === (params == null ? void 0 : params.form_id)
-      )[0];
+      let formData = petForm;
+      if (state.renderType === "eventBooking") {
+        formData = await state.apis.getForms({
+          relation_type: "event_booking_v2",
+          relation_id: ((_e2 = (_d2 = state.bookingDetail) == null ? void 0 : _d2.bookings) == null ? void 0 : _e2.id) || 0
+          // _config: { useCache: true },
+        });
+        formData = (formData || []).filter(
+          (d) => d.form_id === (boardParams == null ? void 0 : boardParams.form_id)
+        )[0];
+        formData = {
+          ...formData,
+          ...formData.form,
+          form_id: formData.form.id,
+          options: [],
+          type: formData.type
+        };
+      }
+      let payload = {
+        formData: [formData]
+      };
       if (isSetValue) {
-        values[params == null ? void 0 : params.form_id] = formData.form_record;
-        setValueLoading(false);
-        dispatch({
-          type: "setPet",
-          payload: {
-            value: values
-          }
+        let records = await state.apis.getFormRecords({
+          form_record_ids: (_g2 = (_f2 = state.bookingDetail) == null ? void 0 : _f2.holder) == null ? void 0 : _g2.form_record,
+          with: ["customer"]
         });
+        console.log("records", records);
+        values[boardParams == null ? void 0 : boardParams.form_id] = (0, import_format.sortFormValues)(
+          records,
+          (_i2 = (_h2 = state.client) == null ? void 0 : _h2.value) == null ? void 0 : _i2.id
+        );
+        payload.value = values;
+        setValueLoading(false);
       }
-      await getFormData({ formData });
+      dispatch({
+        type: "setPet",
+        payload
+      });
     } catch (err) {
       setValueLoading(false);
       setLoading(false);
       console.log("form_error", err);
     }
   };
-  const handleViewItem = (item) => {
+  const handleViewItem = (0, import_ahooks.useMemoizedFn)((item) => {
     var _a2, _b2, _c2, _d2;
     let _data = {
       formDataConfig: { ...petForm },
@@ -143,7 +201,9 @@ var Pet = () => {
             (d) => d.form_record_id !== item.form_record_id
           );
         } else {
-          let obj = {};
+          let obj = {
+            customer: item == null ? void 0 : item.customer
+          };
           for (let item2 of res) {
             obj[item2.key] = item2.value;
           }
@@ -156,11 +216,11 @@ var Pet = () => {
             [petForm.form_id]: cur
           }
         });
-        getForms();
+        addCallback();
       }
     });
-  };
-  const handleEditItem = (item) => {
+  });
+  const handleEditItem = (0, import_ahooks.useMemoizedFn)((item) => {
     var _a2, _b2, _c2, _d2;
     let _data = {
       formDataConfig: { ...petForm },
@@ -173,11 +233,11 @@ var Pet = () => {
       type: "pisell1.editCustomFormRecord",
       data: _data,
       callback: () => {
-        getForms();
+        addCallback();
       }
     });
-  };
-  const onValueChange = ({ values, edit = true }) => {
+  });
+  const onValueChange = (0, import_ahooks.useMemoizedFn)(({ values, edit = true }) => {
     dispatch({
       type: "setPet",
       payload: {
@@ -185,91 +245,173 @@ var Pet = () => {
         value: values
       }
     });
-  };
+  });
   (0, import_react.useEffect)(() => {
     var _a2, _b2, _c2, _d2;
+    if (clientChangeNotSetPet)
+      return;
     let changeFormValuesData = (0, import_format.changeFormValues)({
       values: ((_a2 = state.pet) == null ? void 0 : _a2.value) || {},
       clientId: (_c2 = (_b2 = state.client) == null ? void 0 : _b2.value) == null ? void 0 : _c2.id,
       forms: ((_d2 = state.pet) == null ? void 0 : _d2.formData) || []
     });
-    dispatch({
-      type: "setPet",
-      payload: { value: changeFormValuesData }
+    setTimeout(() => {
+      dispatch({
+        type: "setPet",
+        payload: { value: changeFormValuesData }
+      });
     });
-  }, [(_e = state.client.value) == null ? void 0 : _e.id]);
-  (0, import_react.useEffect)(() => {
+  }, [(_f = state.client.value) == null ? void 0 : _f.id, clientChangeNotSetPet]);
+  const handleUpdateForm = () => {
     if (state.bookingId) {
       if (!state.bookingDetail) {
         return;
       }
     }
-    if (params.form_id && params.type === "form") {
+    if (boardParams.form_id && boardParams.type === "form") {
       getForms(true);
     }
+  };
+  (0, import_react.useEffect)(() => {
+    setTimeout(() => {
+      handleUpdateForm();
+    }, 10);
   }, [
     state.bookingId,
     state.bookingDetail,
-    params.form_id,
-    params.type,
-    (_g = (_f = state.client) == null ? void 0 : _f.value) == null ? void 0 : _g.id
+    boardParams.form_id,
+    boardParams.type,
+    state.renderType,
+    petForm,
+    clientChangeNotSetPet ? (_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id : void 0
   ]);
-  console.log("state.pet.formData", state.pet.formData);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(
-    import_forms.default,
-    {
-      hideTitle: true,
-      watch: { value: state.pet.value },
-      addCallback: () => {
-        getForms(false);
-      },
-      loading: valueLoading,
-      forms: state.pet.formData,
-      action: state.action,
-      modalOpen: state.modalOpen,
-      value: state.pet.value,
-      onChange: onValueChange,
-      client: (_h = state.client) == null ? void 0 : _h.value,
-      customSelectProps: {
-        // loading: loading,
-        handleViewItem,
-        virtualListHeight: window.innerHeight - 213 - 57 - 16,
-        disabled: state.disabledEdit
+  const addCallback = (0, import_ahooks.useMemoizedFn)((_params) => {
+    var _a2, _b2;
+    let _formData = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0];
+    getFormData({ formData: _formData }, _params);
+  });
+  const searchChange = (0, import_ahooks.useMemoizedFn)((keyword) => {
+    let _params = {
+      ...params,
+      skip: 1,
+      keyword
+    };
+    addCallback(_params);
+  });
+  const loadMore = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    const show = ((_d2 = (_c2 = (_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.options) == null ? void 0 : _d2.length) < params.total || 0;
+    return show ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { textAlign: "center", padding: "16px 0" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        loading: loadLoading,
+        onClick: () => {
+          let _params = {
+            ...params,
+            skip: params.skip + 1
+          };
+          addCallback(_params);
+        }
       },
-      optionRender: (item) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Avatar,
-          {
-            className: "pisell-lowcode__booking-pet-list-item-avatar",
-            src: item.cover,
-            icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
-          }
-        ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.key_age))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pisell-lowcode__booking-pet-list-item-actions-view",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              handleViewItem(item);
-            }
+      import_utils.locales.getText("pisell2.text.load-more")
+    )) : null;
+  }, [loadLoading, params, (_l = (_k = (_j = (_i = state.pet) == null ? void 0 : _i.formData) == null ? void 0 : _j[0]) == null ? void 0 : _k.options) == null ? void 0 : _l.length]);
+  return (0, import_react.useMemo)(() => {
+    var _a2;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: valueLoading, active: true, round: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_forms.default,
+      {
+        hideTitle,
+        watch: { value: state.pet.value },
+        addCallback: () => {
+          addCallback();
+        },
+        loading: valueLoading,
+        forms: state.pet.formData,
+        action: state.action,
+        modalOpen: state.modalOpen,
+        value: state.pet.value,
+        onChange: onValueChange,
+        client: (_a2 = state.client) == null ? void 0 : _a2.value,
+        customSelectProps: {
+          loading,
+          handleViewItem,
+          virtualListHeight: window.innerHeight - 213 - 57 - 16,
+          disabled: state.disabledEdit,
+          autoFocus: !state.isTerminal,
+          closeCallback: () => {
+            searchChange("");
           },
-          import_utils.locales.getText("pisell2.text.view")
-        ), /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pisell-lowcode__booking-pet-list-item-actions-edit",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              handleEditItem(item);
+          showDropDown: !state.disableEventBookingEdit,
+          searchChange,
+          searchValue: params.search,
+          loadMore,
+          filterItem: () => {
+            return true;
+          },
+          handleOpenModal,
+          previewItemTitleRender
+        },
+        optionRender: (item) => {
+          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Avatar,
+            {
+              className: "pisell-lowcode__booking-pet-list-item-avatar",
+              src: item.cover,
+              icon: /* @__PURE__ */ import_react.default.createElement(import_User01.default, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
             }
+          ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, item.key_age))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: "pisell-lowcode__booking-pet-list-item-actions-view",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleViewItem(item);
+              }
+            },
+            import_utils.locales.getText("pisell2.text.view")
+          ), /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: "pisell-lowcode__booking-pet-list-item-actions-edit",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleEditItem(item);
+              }
+            },
+            import_utils.locales.getText("pisell2.text.edit")
+          )));
+        },
+        addButtonProps: {
+          style: { margin: 0 },
+          disabled: state.disableEventBookingEdit,
+          showDisabledMessage: !state.disableEventBookingEdit,
+          addCallback: async () => {
+            addCallback();
           },
-          import_utils.locales.getText("pisell2.text.edit")
-        )));
-      },
-      addButtonProps: { style: { margin: 0 } }
-    }
-  ));
+          ...addButtonProps
+        }
+      }
+    )));
+  }, [
+    valueLoading,
+    hideTitle,
+    state.pet.value,
+    state.pet.formData,
+    state.action,
+    state.modalOpen,
+    state.pet.value,
+    (_m = state.client) == null ? void 0 : _m.value,
+    loading,
+    state.disabledEdit,
+    state.isTerminal,
+    state.disableEventBookingEdit,
+    params.search,
+    loadMore,
+    addButtonProps,
+    state.isBookingCreatePage
+  ]);
 };
 var pet_default = Pet;

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

@@ -97,6 +97,9 @@
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
+      & > div {
+        min-width: 100% !important;
+      }
     }
   }
 

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

@@ -0,0 +1,6 @@
+import React from "react";
+import "./index.less";
+declare const Actions: ({ currentService }: {
+    currentService: any;
+}) => React.JSX.Element;
+export default Actions;