@pisell/private-materials 6.0.25 → 6.1.1

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

@@ -45,6 +45,10 @@ var import_utils3 = require("../../utils");
 var import_model = require("../model");
 var import_ChangePetModal = __toESM(require("./ChangePetModal"));
 var import_index = require("./index.less");
+var import_useAddHolder = __toESM(require("../hooks/useAddHolder"));
+var import_useGetHolderList = __toESM(require("../hooks/useGetHolderList"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_date = require("../../../../utils/date");
 var defaultParams = {
   skip: 1,
   num: 20,
@@ -70,6 +74,10 @@ var Pet = (props) => {
   const changePetRef = (0, import_react.useRef)(null);
   state = state || (props == null ? void 0 : props.state);
   dispatch = dispatch || (props == null ? void 0 : props.dispatch);
+  const { waiverForm } = (0, import_useAddHolder.default)(state, dispatch);
+  const { isMinorAndWaiver } = (0, import_useAddHolder.useFormDataConfig)(state);
+  const getHolders = (0, import_useGetHolderList.default)(state, dispatch);
+  console.log("waiver", props, state);
   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) || {};
@@ -109,7 +117,14 @@ var Pet = (props) => {
       if (_params.skip === 1) {
         _list = (data == null ? void 0 : data.list) || [];
       } else {
-        _list = _list.concat((data == null ? void 0 : data.list) || []);
+        ((data == null ? void 0 : data.list) || []).forEach((item) => {
+          const index = _list.findIndex((old) => old.id === item.id);
+          if (index > -1) {
+            _list[index] = item;
+          } else {
+            _list.push(item);
+          }
+        });
       }
       setParams({
         ...params,
@@ -134,7 +149,7 @@ var Pet = (props) => {
     setLoading(false);
   };
   const setPetOptions = (options) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     const noClient = ((_b2 = (_a2 = state.pet) == null ? void 0 : _a2.formData) == null ? void 0 : _b2[0].data_range) === "customer" && (0, import_utils3.isWalkIn)((_d2 = (_c2 = state.client) == null ? void 0 : _c2.value) == null ? void 0 : _d2.id);
     if (noClient) {
       return;
@@ -148,7 +163,8 @@ var Pet = (props) => {
             options
           }
         ],
-        pets: options
+        pets: options,
+        holders: [options[0], ...(_g2 = state.pet) == null ? void 0 : _g2.holders]
       }
     });
   };
@@ -353,7 +369,7 @@ var Pet = (props) => {
   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);
+    getFormData({ formData: _formData }, _params || params);
   });
   const searchChange = (0, import_ahooks.useMemoizedFn)((keyword) => {
     let _params = {
@@ -404,27 +420,61 @@ var Pet = (props) => {
     }
     return {};
   }, [state.renderType, state.service.value]);
-  return (0, import_react.useMemo)(() => {
+  const ignoreValidity = (0, import_react.useMemo)(() => {
     var _a2;
+    return !((_a2 = petForm == null ? void 0 : petForm.setting) == null ? void 0 : _a2.validity) || petForm.setting.validity.type === "no_expiry";
+  }, [petForm]);
+  const getExpireStatus = (expiredAt) => {
+    if (ignoreValidity || !expiredAt) return null;
+    const now = (0, import_dayjs.default)();
+    const expireDate = (0, import_dayjs.default)(expiredAt).endOf("day");
+    const diffDays = expireDate.diff(now, "day");
+    let cnDate = "YYYY-MM-DD";
+    let enDate = "DD/MM/YYYY";
+    const formattedDate = (0, import_date.formatDate)(expireDate, cnDate, enDate);
+    if (now.isAfter(expireDate)) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999999", fontSize: "14px", lineHeight: "20px" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { color: "red", style: { borderRadius: 16, marginRight: 8 } }, import_utils.locales.getText("pisell2.text.status.expired")), import_utils.locales.getText("pisell2.text.validity.expired")(formattedDate));
+    }
+    if (diffDays < 7) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#FFA940", fontSize: "14px", lineHeight: "20px" } }, import_utils.locales.getText("pisell2.text.validity.expiring_soon")(
+        formattedDate
+      ));
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999999", fontSize: "14px", lineHeight: "20px" } }, import_utils.locales.getText("pisell2.text.validity.valid_through")(formattedDate));
+  };
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    let canEdit = true;
+    if ((_a2 = petForm == null ? void 0 : petForm.setting) == null ? void 0 : _a2.permissions) {
+      const { staff = [] } = ((_b2 = petForm == null ? void 0 : petForm.setting) == null ? void 0 : _b2.permissions) || {};
+      canEdit = staff.includes("edit");
+    }
     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,
       {
+        isMinorAndWaiver,
+        waiverForm,
         hideTitle,
         watch: { value: state.pet.value },
         addCallback: (formDataConfig, data) => {
-          var _a3, _b2, _c2;
+          var _a3, _b3, _c3;
           setPetOptions([
             { ...data, form_id: formDataConfig == null ? void 0 : formDataConfig.form_id },
-            ...((_c2 = (_b2 = (_a3 = state.pet) == null ? void 0 : _a3.formData) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.options) || []
+            ...((_c3 = (_b3 = (_a3 = state.pet) == null ? void 0 : _a3.formData) == null ? void 0 : _b3[0]) == null ? void 0 : _c3.options) || []
           ]);
         },
+        drawerProps: {
+          mask: state.drawerMask
+        },
+        getHolders,
+        addCallbackService: 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,
+        client: (_c2 = state.client) == null ? void 0 : _c2.value,
         customSelectProps: {
           loading,
           handleViewItem,
@@ -446,6 +496,7 @@ var Pet = (props) => {
           ...dayCustomSelect
         },
         optionRender: (item) => {
+          console.log("waiver", petForm, item);
           return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
             import_antd.Avatar,
             {
@@ -453,7 +504,7 @@ var Pet = (props) => {
               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(
+          ), /* @__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", null, getExpireStatus(item.expired_at))), /* @__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",
@@ -464,7 +515,7 @@ var Pet = (props) => {
               }
             },
             import_utils.locales.getText("pisell2.text.view")
-          ), /* @__PURE__ */ import_react.default.createElement(
+          ), canEdit ? /* @__PURE__ */ import_react.default.createElement(
             "div",
             {
               className: "pisell-lowcode__booking-pet-list-item-actions-edit",
@@ -475,7 +526,7 @@ var Pet = (props) => {
               }
             },
             import_utils.locales.getText("pisell2.text.edit")
-          )));
+          ) : null));
         },
         addButtonProps: {
           style: { margin: 0 },
@@ -504,7 +555,10 @@ var Pet = (props) => {
     params.search,
     loadMore,
     addButtonProps,
-    state.isBookingCreatePage
+    state.isBookingCreatePage,
+    isMinorAndWaiver,
+    waiverForm,
+    petForm
   ]);
 };
 var pet_default = Pet;

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

@@ -0,0 +1 @@
+export declare const getFormDetail: (id: number) => Promise<any>;

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

@@ -0,0 +1,33 @@
+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/info/pet/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getFormDetail: () => getFormDetail
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var getFormDetail = async (id) => {
+  let { data } = await import_utils.request.getRequest().get(`/shop/form/${id}`);
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFormDetail
+});

package/lib/components/booking/info/service/Lists.d.ts

@@ -0,0 +1,2 @@
+declare const Lists: ({ onEdit, onChange, onAction, isParallelResource }: any) => JSX.Element;
+export default Lists;

package/lib/components/booking/info/service/Lists.js

@@ -0,0 +1,120 @@
+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/service/Lists.tsx
+var Lists_exports = {};
+__export(Lists_exports, {
+  default: () => Lists_default
+});
+module.exports = __toCommonJS(Lists_exports);
+var import_react = __toESM(require("react"));
+var import_shoppingCart = __toESM(require("../../../shoppingCart"));
+var import_Provider = require("../../../shoppingCart/Provider");
+var import_model = require("../model");
+var import_utils = require("../service2/utils");
+var import_useHolderConfig = __toESM(require("../hooks/useHolderConfig"));
+var import_ahooks = require("ahooks");
+var import_utils2 = require("../../info2/service/addService/utils");
+var import_useAddHolder = __toESM(require("../hooks/useAddHolder"));
+var Lists = ({ onEdit, onChange, onAction, isParallelResource }) => {
+  var _a;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const { isShowChangeHolder } = (0, import_useHolderConfig.default)(state);
+  const { handleAddHolder } = (0, import_useAddHolder.default)(state, dispatch);
+  const handleChange = (0, import_ahooks.useMemoizedFn)(
+    (currentItem, type, other) => {
+      if (state.disabledEdit || state.disableEventBookingEdit) {
+        return;
+      }
+      let products = (0, import_utils.updateServices)(state, currentItem, type, other, {
+        handleAddHolder
+      });
+      if (type === "view" || type === "edit_product") {
+        let product = currentItem._origin;
+        let cacheItem = { ...product, new: 0 };
+        if (isParallelResource) {
+          cacheItem = (0, import_utils2.getProductExtend)({
+            cacheItem,
+            state
+          });
+        }
+        onChange({ editModal: true, cacheItem });
+        return onEdit == null ? void 0 : onEdit({ ...product, new: 0 }, type);
+      }
+      const params = {
+        editModal: false,
+        value: products,
+        edit: true,
+        cacheItem: null
+      };
+      onChange(params);
+    }
+  );
+  const productParams = (0, import_react.useMemo)(() => {
+    return {
+      hideAddBtn: state.isTerminalDayBookingPage || state.isBookingCreatePage,
+      isShowNote: (0, import_utils.isEventBooking)(state),
+      isShowPackageNote: false,
+      accounts: [],
+      isEdit: !!(state == null ? void 0 : state.bookingId),
+      disabledEdit: state == null ? void 0 : state.disabledEdit,
+      maxLength: (0, import_utils.isEventBooking)(state) ? 1 : 999,
+      isShowChangeHolder,
+      isShowChangeResource: true,
+      isShowAddHolderButton: true,
+      isShowEditProduct: !state.isBookingCreatePage
+    };
+  }, [
+    state == null ? void 0 : state.bookingId,
+    state == null ? void 0 : state.disabledEdit,
+    isShowChangeHolder,
+    state.isBookingCreatePage
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_Provider.CartContext.Provider, { value: { state } }, /* @__PURE__ */ import_react.default.createElement(
+    import_shoppingCart.default,
+    {
+      isParallelResource,
+      onAction,
+      onChange: handleChange,
+      isOpenGroup: false,
+      isHideClearCart: true,
+      onAddProduct: () => onChange({ addModal: true }),
+      productParams: {
+        ...productParams,
+        products: (0, import_utils.formatProducts)(
+          ((_a = state == null ? void 0 : state.service) == null ? void 0 : _a.value) || [],
+          state,
+          false,
+          true,
+          isParallelResource
+        )
+      }
+    }
+  ));
+};
+var Lists_default = Lists;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Actions: ({ currentService }: {
     currentService: any;

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

@@ -107,9 +107,8 @@ var Info = (props) => {
   }, [debouncedHandleResize]);
   const customerId = (0, import_react.useMemo)(() => {
     var _a2, _b2;
-    if (!isDay) return void 0;
     return ((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id) || 1;
-  }, [(_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id, isDay]);
+  }, [(_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id]);
   const setDefaultService = async (list) => {
     if (state.renderType !== "eventBooking") {
       return;
@@ -175,12 +174,16 @@ var Info = (props) => {
     let dayParams = {};
     if (isDay && !(0, import_utils3.isEventBooking)(state)) {
       dayParams.extension_type = ["normal", "product_appointment"];
-      dayParams.customer_id = customerId;
     }
     let data = await state.apis.getServices({
       skip: 1,
       num: 500,
-      extension_type: state.renderType === "eventBooking" ? void 0 : ["product_appointment", "appointment_ticket"],
+      extension_type: state.renderType === "eventBooking" ? void 0 : [
+        "product_appointment",
+        "appointment_ticket",
+        "session_product",
+        "session_ticket"
+      ],
       with: ["category"],
       ids: state.renderType === "eventBooking" ? (_c2 = state.eventOtherParams) == null ? void 0 : _c2.productIds : void 0,
       open_quotation: 1,
@@ -188,11 +191,8 @@ var Info = (props) => {
       with_count: ["bundleGroup", "optionGroup"],
       order_by_string: "sort:desc",
       status: "published",
-      ...state.isBookingCreatePage ? { schedule_date: params == null ? void 0 : params.schedule_date } : {
-        _config: {
-          useCache: true
-        }
-      },
+      schedule_date: params == null ? void 0 : params.schedule_date,
+      customer_id: customerId,
       ...dayParams
     });
     setLoading(false);
@@ -227,7 +227,9 @@ var Info = (props) => {
   };
   const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
     (item, type) => {
-      let isEject = type === "detail" || item.bundle_group_count > 0;
+      const isSession = (0, import_utils2.isSessionProduct)(item);
+      let isEject = (0, import_utils2.getIsEject)(item, type);
+      const isOnlySession = (0, import_utils2.getIsOnlySession)(item);
       if (isDay) {
         isEject = type === "detail" || item.bundle_group_count > 0 || item.option_group_count > 0 || item.is_variant > 0;
       }
@@ -238,16 +240,18 @@ var Info = (props) => {
           date: state.date.value.format("YYYY-MM-DD"),
           showConfig: {
             option: isDay ? true : false,
-            session: false,
+            session: isSession,
             variant: isDay ? true : false,
             package: true
           },
           is_eject: isEject ? 1 : 0,
-          customer_id: customerId
+          isOnlySession,
+          customer_id: customerId,
+          isOS: isSession
         },
-        callback: async (e) => {
+        callback: async (e, extension_type, detail) => {
           const data = await createBookingData({
-            product: { ...item, _params: e }
+            product: { ...detail || item, _params: e }
           });
           createBooking({ booking: data });
         }
@@ -260,7 +264,7 @@ var Info = (props) => {
     if ((0, import_utils3.isDaysBooking)(state)) {
       if (!(0, import_utils3.holderId)(state)) {
         _list = _list.filter(
-          (item) => !import_status.appointmentTypes.includes(item.extension_type)
+          (item) => (0, import_utils3.isNormalProductByDurationSchedule)(item)
         );
       }
     }
@@ -277,13 +281,13 @@ var Info = (props) => {
     return ((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.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);
@@ -292,16 +296,15 @@ var Info = (props) => {
   const showAddButton = (0, import_react.useMemo)(() => {
     return !state.disabledEdit && !state.channelDisabledEdit;
   }, [state.disabledEdit, state.channelDisabledEdit]);
+  const currentDate = (0, import_react.useMemo)(() => {
+    return state.date.value.format("YYYY-MM-DD");
+  }, [state.date.value]);
   (0, import_ahooks.useUpdateEffect)(() => {
     if (state.service.addModal) {
-      getServices();
+      getServices({ schedule_date: currentDate });
       setSearch("");
     }
-  }, [state.service.addModal]);
-  const currentDate = (0, import_react.useMemo)(() => {
-    return state.date.value.format("YYYY-MM-DD");
-  }, [state.date.value]);
-  console.log(currentDate, "currentDate");
+  }, [state.service.addModal, currentDate]);
   (0, import_react.useEffect)(() => {
     if (renderMode === "current") {
       getServices({ schedule_date: currentDate });
@@ -309,9 +312,9 @@ var Info = (props) => {
   }, [renderMode, currentDate]);
   (0, import_react.useEffect)(() => {
     if (state.renderType === "eventBooking" && state.modalOpen) {
-      getServices();
+      getServices({ schedule_date: currentDate });
     }
-  }, [state.renderType, state.modalOpen]);
+  }, [state.renderType, state.modalOpen, currentDate]);
   const addButton = (0, import_react.useMemo)(() => {
     if (isDay) {
       return;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.less';
 export interface EditServiceRef {
-    init: (cacheItem?: any) => void;
+    init: (cacheItem?: any, open?: boolean, openEditProduct?: boolean) => void;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export default _default;