@pisell/private-materials 6.3.100 → 6.3.102

package/lib/components/ecocup/components/SettingModal/index.js

@@ -0,0 +1,199 @@
+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/ecocup/components/SettingModal/index.tsx
+var SettingModal_exports = {};
+__export(SettingModal_exports, {
+  default: () => SettingModal_default
+});
+module.exports = __toCommonJS(SettingModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_hooks = require("../../hooks");
+var import_const = require("./const");
+var SettingModal = (props) => {
+  const { visible, onCancel } = props;
+  const [form] = import_antd.Form.useForm();
+  const { post, get } = (0, import_hooks.useRequest)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const _onCancel = () => {
+    if (loading) return;
+    onCancel == null ? void 0 : onCancel();
+    form.resetFields();
+  };
+  const _onOk = async () => {
+    if (loading) return;
+    try {
+      const values = await form.validateFields();
+      const result = await postSetting(values);
+      if (!result) {
+        return;
+      }
+      _onCancel();
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  const getSetting = async () => {
+    const params = {
+      keys: ["eco_cup_customer_rent_config", "eco_cup_rent_expire_config"]
+    };
+    const res = await get("/shop/metadata/many", params);
+    if ((res == null ? void 0 : res.code) == 200) {
+      const { data } = res;
+      const expireConfig = (data == null ? void 0 : data.eco_cup_rent_expire_config) || {};
+      const rentConfig = (data == null ? void 0 : data.eco_cup_customer_rent_config) || [];
+      const formValues = {
+        expire: (expireConfig == null ? void 0 : expireConfig.expire) || 30
+      };
+      rentConfig.forEach((item) => {
+        if (item == null ? void 0 : item.name) {
+          formValues[item.name] = Number(item == null ? void 0 : item.max_rent_count) || void 0;
+        }
+      });
+      form.setFieldsValue(formValues);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    getSetting();
+  }, []);
+  const postSetting = async (values) => {
+    const { expire, ...membershipValues } = values;
+    const eco_cup_customer_rent_config = import_const.formItemsConfig.map((config) => ({
+      name: config.name,
+      max_rent_count: membershipValues[config.name]
+    }));
+    const params = {
+      eco_cup_customer_rent_config,
+      eco_cup_rent_expire_config: {
+        expire,
+        unit: "day"
+      }
+    };
+    try {
+      setLoading(true);
+      const res = await post("/shop/metadata/many", params);
+      if ((res == null ? void 0 : res.code) == 200) {
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText(
+            "pisell2.text.ecocup.setting.success"
+          )
+        });
+        return true;
+      }
+      return false;
+    } catch (error) {
+      console.error("提交设置失败:", error);
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open: visible,
+      headerDivider: true,
+      title: import_utils.locales.getText("pisell2.text.cup-project.footer.button.setting"),
+      onCancel: _onCancel,
+      onOk: _onOk,
+      okText: import_utils.locales.getText("pisell2.text.ecocup.button.confirm"),
+      cancelText: import_utils.locales.getText("pisell2.text.ecocup.button.cancel"),
+      width: 680,
+      centered: true,
+      destroyOnClose: true,
+      wrapClassName: "pisell2-ecocup-add-customer-modal",
+      okButtonProps: { loading }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-add-customer-modal-content" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, size: "large" }, import_const.formItemsConfig.map((config) => /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemInputNumber,
+      {
+        key: config.name,
+        renderMode: "edit",
+        name: config.name,
+        label: import_utils.locales.getText(config.labelKey),
+        placeholder: import_utils.locales.getText(config.placeholderKey),
+        maxobj: {
+          enabled: true,
+          max: 9999,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.setting.max-rent-count-max"
+          )
+        },
+        minobj: {
+          enabled: true,
+          min: 0,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.setting.max-rent-count-min"
+          )
+        },
+        requiredobj: {
+          required: true,
+          message: import_utils.locales.getText(config.requiredMessageKey)
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.FormItemInputNumber,
+      {
+        renderMode: "edit",
+        name: "expire",
+        label: import_utils.locales.getText(
+          "pisell2.text.ecocup.setting.expire-time"
+        ),
+        placeholder: import_utils.locales.getText(
+          "pisell2.text.ecocup.setting.expire-time-placeholder"
+        ),
+        maxobj: {
+          enabled: true,
+          max: 365,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.setting.expire-time-max"
+          )
+        },
+        minobj: {
+          enabled: true,
+          min: 0,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.setting.expire-time-min"
+          )
+        },
+        suffix: import_utils.locales.getText("pisell2.text.ecocup.setting.days"),
+        requiredobj: {
+          required: true,
+          message: import_utils.locales.getText(
+            "pisell2.text.ecocup.setting.expire-time-required"
+          )
+        }
+      }
+    )))
+  );
+};
+var SettingModal_default = SettingModal;

package/lib/components/ecocup/components/SettingModal/index.less

@@ -0,0 +1,9 @@
+.pisell2-ecocup-add-customer-modal-content {
+  padding: 24px 0;
+
+  .pisell2-ecocup-add-customer-modal-content-name-wrap {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+  }
+}

package/lib/components/ecocup/cupList/const.d.ts

@@ -130,4 +130,11 @@ declare const FILTER: (locales: any, isNormalShop: boolean, ecoShopLists?: any,
         };
     })[];
 };
-export { STATUS_TEXT_MAP, STATUS_COLOR_MAP, SORT_SETTINGS, COLUMN_SETTING, FILTER, };
+declare const HEADER_RIGHT_OPTIONS: {
+    languageKey: string;
+    key: string;
+    size: string;
+    icon: string;
+    type: string;
+}[];
+export { STATUS_TEXT_MAP, STATUS_COLOR_MAP, SORT_SETTINGS, COLUMN_SETTING, FILTER, HEADER_RIGHT_OPTIONS };

package/lib/components/ecocup/cupList/const.js

@@ -21,6 +21,7 @@ var const_exports = {};
 __export(const_exports, {
   COLUMN_SETTING: () => COLUMN_SETTING,
   FILTER: () => FILTER,
+  HEADER_RIGHT_OPTIONS: () => HEADER_RIGHT_OPTIONS,
   SORT_SETTINGS: () => SORT_SETTINGS,
   STATUS_COLOR_MAP: () => STATUS_COLOR_MAP,
   STATUS_TEXT_MAP: () => STATUS_TEXT_MAP
@@ -316,10 +317,27 @@ var FILTER = (locales, isNormalShop, ecoShopLists, isPartner, currentPagination)
     ]
   };
 };
+var HEADER_RIGHT_OPTIONS = [
+  {
+    languageKey: "pisell2.text.ecocup.share.title",
+    key: "share",
+    size: "large",
+    icon: "pisell2-share-06",
+    type: "default"
+  },
+  {
+    languageKey: "pisell2.text.ecocup.export.title",
+    key: "export",
+    size: "large",
+    icon: "pisell2-download-01",
+    type: "default"
+  }
+];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   COLUMN_SETTING,
   FILTER,
+  HEADER_RIGHT_OPTIONS,
   SORT_SETTINGS,
   STATUS_COLOR_MAP,
   STATUS_TEXT_MAP

package/lib/components/ecocup/cupList/hooks/index.d.ts

@@ -1,4 +1,4 @@
 import { useColumns } from './useColumns';
 import { useSummary } from './useSummary';
-import { useCupListsApi, useStatisticsApi, useEcoShopListsApi } from './useCupApi';
-export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, };
+import { useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi } from './useCupApi';
+export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi };

package/lib/components/ecocup/cupList/hooks/index.js

@@ -22,6 +22,8 @@ __export(hooks_exports, {
   useColumns: () => import_useColumns.useColumns,
   useCupListsApi: () => import_useCupApi.useCupListsApi,
   useEcoShopListsApi: () => import_useCupApi.useEcoShopListsApi,
+  useExportApi: () => import_useCupApi.useExportApi,
+  useShareApi: () => import_useCupApi.useShareApi,
   useStatisticsApi: () => import_useCupApi.useStatisticsApi,
   useSummary: () => import_useSummary.useSummary
 });
@@ -34,6 +36,8 @@ var import_useCupApi = require("./useCupApi");
   useColumns,
   useCupListsApi,
   useEcoShopListsApi,
+  useExportApi,
+  useShareApi,
   useStatisticsApi,
   useSummary
 });

package/lib/components/ecocup/cupList/hooks/useColumns.d.ts

@@ -3,6 +3,7 @@ import '../index.less';
 interface IProps {
     onClickAction: (type: string, record: any) => void;
     locales: any;
+    isEcoShare?: boolean;
 }
 export declare const useColumns: (props: IProps) => ({
     title: any;
@@ -35,7 +36,7 @@ export declare const useColumns: (props: IProps) => ({
     title: any;
     dataIndex: string;
     key: string;
-    hidden: boolean;
+    hidden: boolean | undefined;
     width: number;
     render: (text: string, record: any) => React.JSX.Element | null;
     align?: undefined;

package/lib/components/ecocup/cupList/hooks/useColumns.js

@@ -41,10 +41,8 @@ var import_hooks = require("../../hooks");
 var import__ = require("../index.less");
 var prefixCls = "ecocup-cup-list";
 var useColumns = (props) => {
-  const { onClickAction, locales } = props;
-  const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const { onClickAction, locales, isEcoShare } = props;
   const isApp = (0, import_hooks.useIsApp)();
-  const hiddenColumn = isApp ? false : isNormalShop;
   const getRelativeTime = (text) => {
     if (!text) return "";
     const diff = (0, import_dayjs.default)().diff((0, import_dayjs.default)(text), "day");
@@ -172,7 +170,7 @@ var useColumns = (props) => {
       title: locales.getText("pisell2.text.ecocup.table.actions"),
       dataIndex: "actions",
       key: "actions",
-      hidden: isApp,
+      hidden: isApp || isEcoShare,
       width: 180,
       render: (text, record) => {
         const _status = (record == null ? void 0 : record.status) || "";

package/lib/components/ecocup/cupList/hooks/useCupApi.d.ts

@@ -16,17 +16,26 @@ interface GetStatisticsParams {
     type?: 'eco' | 'normal';
     partner_shop_id?: number;
 }
-export declare const useCupListsApi: () => {
+interface IProps {
+    isEcoShare?: boolean;
+}
+export declare const useCupListsApi: (props: IProps) => {
     loading: boolean;
     data: any;
     run: (params: GetCupListsParams) => Promise<void>;
 };
-export declare const useStatisticsApi: () => {
+export declare const useStatisticsApi: (props: IProps) => {
     data: any;
     getStatics: (params: GetStatisticsParams) => Promise<void>;
 };
-export declare const useEcoShopListsApi: () => {
+export declare const useEcoShopListsApi: (props: IProps) => {
     data: any;
     getEcoShopLists: (params?: any) => Promise<void>;
 };
+export declare const useShareApi: () => {
+    postShareApi: () => Promise<void>;
+};
+export declare const useExportApi: () => {
+    postExportApi: (params?: any) => Promise<void>;
+};
 export {};

package/lib/components/ecocup/cupList/hooks/useCupApi.js

@@ -1,6 +1,8 @@
+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)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/ecocup/cupList/hooks/useCupApi.ts
@@ -21,17 +31,30 @@ var useCupApi_exports = {};
 __export(useCupApi_exports, {
   useCupListsApi: () => useCupListsApi,
   useEcoShopListsApi: () => useEcoShopListsApi,
+  useExportApi: () => useExportApi,
+  useShareApi: () => useShareApi,
   useStatisticsApi: () => useStatisticsApi
 });
 module.exports = __toCommonJS(useCupApi_exports);
 var import_react = require("react");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_hooks = require("../../hooks");
-var useCupListsApi = () => {
+var getApiConfig = (isEcoShare) => {
+  if (!isEcoShare) return {};
+  return {
+    isShopApi: true
+  };
+};
+var useCupListsApi = (props) => {
+  const { isEcoShare } = props;
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [data, setData] = (0, import_react.useState)({});
   const { get } = (0, import_hooks.useRequest)();
   const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
   const isApp = (0, import_hooks.useIsApp)();
+  const apiConfig = getApiConfig(isEcoShare);
   const getCupLists = (0, import_react.useCallback)(async (params) => {
     try {
       const api = isApp ? "/h5/wallet/eco" : "/shop/wallet/eco";
@@ -39,11 +62,20 @@ var useCupListsApi = () => {
       setLoading(true);
       let _params = {
         type: isPartner ? "partner" : "eco",
-        with: ["customer:id,display_name", "rentShop:id,name", "returnShop:id,name", "currentShop:id,name"],
+        with: [
+          "customer:id,display_name",
+          "rentShop:id,name",
+          "returnShop:id,name",
+          "currentShop:id,name"
+        ],
         ...params
       };
       if (isPartner) {
-        _params.with = ["customer:id,display_name", "rentShop:id,name", "returnShop:id,name"];
+        _params.with = [
+          "customer:id,display_name",
+          "rentShop:id,name",
+          "returnShop:id,name"
+        ];
       }
       if (isApp) {
         _params = {
@@ -51,7 +83,7 @@ var useCupListsApi = () => {
           skip: params == null ? void 0 : params.skip
         };
       }
-      const res = await get(api, _params);
+      const res = await get(api, _params, apiConfig);
       setData((res == null ? void 0 : res.data) || {});
       setLoading(false);
     } catch (error) {
@@ -64,10 +96,12 @@ var useCupListsApi = () => {
     run: getCupLists
   };
 };
-var useStatisticsApi = () => {
+var useStatisticsApi = (props) => {
+  const { isEcoShare } = props;
   const [data, setData] = (0, import_react.useState)({});
   const { get } = (0, import_hooks.useRequest)();
   const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const apiConfig = getApiConfig(isEcoShare);
   const getStatics = (0, import_react.useCallback)(async (params) => {
     try {
       const isPartner = isNormalShop || (params == null ? void 0 : params.partner_shop_id);
@@ -75,7 +109,7 @@ var useStatisticsApi = () => {
         type: isPartner ? "partner" : "eco",
         ...params
       };
-      const res = await get("/shop/wallet/eco/statistics", _params);
+      const res = await get("/shop/wallet/eco/statistics", _params, apiConfig);
       setData((res == null ? void 0 : res.data) || {});
     } catch (error) {
     }
@@ -85,16 +119,18 @@ var useStatisticsApi = () => {
     getStatics
   };
 };
-var useEcoShopListsApi = () => {
+var useEcoShopListsApi = (props) => {
+  const { isEcoShare } = props;
   const [data, setData] = (0, import_react.useState)([]);
   const { get } = (0, import_hooks.useRequest)();
+  const apiConfig = getApiConfig(isEcoShare);
   const getEcoShopLists = (0, import_react.useCallback)(async (params) => {
     try {
       const _params = {
         skip: 1,
         num: 100
       };
-      const res = await get("/shop/wallet/eco/shops", _params);
+      const res = await get("/shop/wallet/eco/shops", _params, apiConfig);
       setData((res == null ? void 0 : res.data) || []);
     } catch (error) {
     }
@@ -104,9 +140,88 @@ var useEcoShopListsApi = () => {
     getEcoShopLists
   };
 };
+var useShareApi = () => {
+  var _a;
+  const { post } = (0, import_hooks.useRequest)();
+  const app = (0, import_hooks.useGetApp)();
+  const context = (0, import_useEngineContext.default)();
+  const coreData = (0, import_react.useMemo)(() => {
+    var _a2, _b, _c, _d, _e, _f;
+    return (_f = (_e = (_d = (_c = (_b = (_a2 = app == null ? void 0 : app()) == null ? void 0 : _a2.data) == null ? void 0 : _b.store) == null ? void 0 : _c.getStore) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.getDataByModel) == null ? void 0 : _f.call(_e, "tenantCore", "core");
+  }, [app]);
+  const postShareApi = (0, import_react.useCallback)(async () => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    try {
+      const token = (_d = (_c = (_b = (_a2 = app()) == null ? void 0 : _a2.data) == null ? void 0 : _b.storage) == null ? void 0 : _c.getStorage) == null ? void 0 : _d.call(_c, "token");
+      const { copyToClipboard } = ((_f = (_e = context == null ? void 0 : context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.businessUtils) || {};
+      if (!token) return;
+      const params = {
+        // 有效期，7天，转成秒
+        ttl: 7 * 24 * 60 * 60,
+        data: {
+          login_token: token
+        }
+      };
+      const res = await post("/tenant/core/stash-token", params, {
+        isPisell2: true
+      });
+      if (((_g = res == null ? void 0 : res.data) == null ? void 0 : _g.token) && ((_h = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _h.default_domain)) {
+        const path = `https://${(_i = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _i.default_domain}/admin/ecocup/cup-list`;
+        const url = `${path}?source=ecoShare&key=${(_j = res == null ? void 0 : res.data) == null ? void 0 : _j.token}`;
+        copyToClipboard && copyToClipboard(url);
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText("pisell2.text.ecocup.toast.success-copy-link")
+        });
+      }
+    } catch (error) {
+      console.log("分享失败", error);
+    }
+  }, [(_a = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _a.default_domain]);
+  return {
+    postShareApi
+  };
+};
+var useExportApi = () => {
+  const { post } = (0, import_hooks.useRequest)();
+  const shopId = (0, import_hooks.useGetShopId)();
+  const context = (0, import_useEngineContext.default)();
+  const postExportApi = (0, import_react.useCallback)(async (params) => {
+    var _a, _b;
+    try {
+      const { downloadFile } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+      const { isPartner, listParams } = params;
+      const _params = {
+        type: isPartner ? "partner" : "eco",
+        business_shop_id: !isPartner ? shopId : listParams == null ? void 0 : listParams.partner_shop_id,
+        operated_at_start: listParams == null ? void 0 : listParams.operated_at_start,
+        operated_at_end: listParams == null ? void 0 : listParams.operated_at_end
+      };
+      const res = await post("/shop/wallet/eco/export-url", _params);
+      if ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.export_url) {
+        const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[-:T.]/g, "").slice(0, 14);
+        const filename = `shop-eco-cups-${timestamp}.csv`;
+        downloadFile && downloadFile(res.data.export_url, filename);
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText("pisell2.text.ecocup.export.success")
+        });
+        return;
+      }
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.text.ecocup.export.fail")
+      });
+    } catch (error) {
+      console.log("导出失败", error);
+    }
+  }, []);
+  return {
+    postExportApi
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useCupListsApi,
   useEcoShopListsApi,
+  useExportApi,
+  useShareApi,
   useStatisticsApi
 });

package/lib/components/ecocup/cupList/hooks/useSummary.js

@@ -39,33 +39,41 @@ var prefixCls = "ecocup-cup-list";
 var useSummary = (locales, staticsData, isPartner) => {
   const summaryData = (0, import_react.useMemo)(() => {
     return [
-      {
-        key: "available-to-rent",
-        title: locales.getText("pisell2.text.ecocup.available-to-rent"),
-        value: (staticsData == null ? void 0 : staticsData.in_stock_count) || 0
-      },
       {
         key: "cup-rent",
         title: isPartner ? locales.getText("pisell2.text.ecocup.cup-rent") : locales.getText("pisell2.text.ecocup.eco.cup-rent"),
-        value: (staticsData == null ? void 0 : staticsData.rent_count) || 0
+        value: (staticsData == null ? void 0 : staticsData.rent_count) || 0,
+        type: "primary"
       },
       {
         key: "cup-returned",
         title: isPartner ? locales.getText("pisell2.text.ecocup.cup-returned") : locales.getText("pisell2.text.ecocup.eco.cup-returned"),
-        value: (staticsData == null ? void 0 : staticsData.return_count) || 0
+        value: (staticsData == null ? void 0 : staticsData.return_count) || 0,
+        type: "primary"
+      },
+      {
+        key: "available-to-rent",
+        title: locales.getText("pisell2.text.ecocup.available-to-rent"),
+        value: (staticsData == null ? void 0 : staticsData.in_stock_count) || 0
       }
     ];
   }, [staticsData, isPartner]);
   return (0, import_react.useMemo)(() => {
     return () => /* @__PURE__ */ import_react.default.createElement(import_materials.Row, { gutter: 8, className: `${prefixCls}-summary` }, summaryData.map((item) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_materials.Col, { span: 8, key: item.key }, /* @__PURE__ */ import_react.default.createElement(import_materials.Card, { className: `${prefixCls}-summary-card` }, /* @__PURE__ */ import_react.default.createElement(
-        import_materials.Statistic,
+      return /* @__PURE__ */ import_react.default.createElement(import_materials.Col, { span: 8, key: item.key }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Card,
         {
-          title: item.title,
-          value: item.value,
-          className: `${prefixCls}-summary-card-statistic`
-        }
-      )));
+          className: `${prefixCls}-summary-card ${(item == null ? void 0 : item.type) === "primary" ? `${prefixCls}-summary-primary` : ""}`
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Statistic,
+          {
+            title: item.title,
+            value: item.value,
+            className: `${prefixCls}-summary-card-statistic`
+          }
+        )
+      ));
     }));
   }, [summaryData]);
 };