@pisell/private-materials 3.4.75 → 3.4.76

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

@@ -0,0 +1,68 @@
+.pisell2-ecocup-customer-first-modal {
+  padding-bottom: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  .pisell2-ecocup-customer-first-modal-title {
+    margin-bottom: 8px;
+    font-size: 14px;
+    font-weight: 300;
+    color: #000000;
+  }
+
+  .pisell2-ecocup-customer-first-modal-no-customer {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 16px;
+
+    &-icon {
+      width: 64px;
+      height: 64px;
+      border-radius: 50%;
+      background-color: #f6f2ff;
+    }
+
+    &-text {
+      color: #101828;
+      font-size: 16px;
+      font-weight: 600;
+    }
+  }
+
+  &-search-bar {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 16px;
+
+    &-limit {
+      width: 100px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #000;
+      font-weight: 300;
+
+      & > span {
+        font-size: 14px;
+      }
+
+      & > div {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        font-size: 20px;
+      }
+    }
+  }
+
+  .comprehensive-search__search-section .comprehensive-search__search-button {
+    min-width: 60px !important;
+  }
+}

package/lib/components/ecocup/components/CustomerCard/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+import { ICustomer } from '../../types';
+interface IProps extends ICustomer {
+}
+declare const CustomerCard: (props: IProps) => React.JSX.Element | null;
+export default CustomerCard;

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

@@ -0,0 +1,48 @@
+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/CustomerCard/index.tsx
+var CustomerCard_exports = {};
+__export(CustomerCard_exports, {
+  default: () => CustomerCard_default
+});
+module.exports = __toCommonJS(CustomerCard_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var CustomerCard = (props) => {
+  var _a;
+  const { id, nickname, display_name, phone, country_calling_code, cover } = props;
+  if (!id && !nickname && !display_name && !phone) {
+    return null;
+  }
+  const phoneStr = phone ? `${country_calling_code} ${phone}` : "-";
+  const name = display_name || nickname || "";
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-card" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-card-avatar" }, cover ? /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(cover, 360), alt: "avatar" }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-card-avatar-text" }, ((_a = name == null ? void 0 : name.charAt(0)) == null ? void 0 : _a.toUpperCase()) || "")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-card-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-card-info-name" }, name || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-ecocup-customer-card-info-phone" }, phoneStr || "")));
+};
+var CustomerCard_default = CustomerCard;

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

@@ -0,0 +1,50 @@
+.pisell2-ecocup-customer-card {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  .pisell2-ecocup-customer-card-avatar {
+    width: 48px;
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background: #f2f4f7;
+    border: 1px solid #e5e7eb;
+    overflow: hidden;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    &-text {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 18px;
+      font-weight: 600;
+      color: #475467;
+    }
+  }
+
+  .pisell2-ecocup-customer-card-info {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    &-name {
+      color: #101828;
+      font-size: 16px;
+      font-weight: 600;
+    }
+
+    &-phone {
+      color: #101828;
+      font-size: 16px;
+      font-weight: 400;
+    }
+  }
+}

package/lib/components/ecocup/components/MoreDropdown/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface MoreDropdownProps {
+    locales: any;
+    onClick?: (key: string) => void;
+    buttonText?: string;
+    showFields?: string[];
+}
+declare const MoreDropdown: (props: MoreDropdownProps) => React.JSX.Element;
+export default MoreDropdown;

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

@@ -0,0 +1,68 @@
+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/MoreDropdown/index.tsx
+var MoreDropdown_exports = {};
+__export(MoreDropdown_exports, {
+  default: () => MoreDropdown_default
+});
+module.exports = __toCommonJS(MoreDropdown_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var MoreDropdown = (props) => {
+  const { locales, onClick, buttonText, showFields = ["missing", "broken"] } = props;
+  const menuItems = (0, import_react.useMemo)(() => {
+    return [
+      {
+        key: "missing",
+        label: locales.getText("pisell2.text.ecocup.action.more.missing"),
+        hidden: !showFields.includes("missing")
+      },
+      {
+        key: "broken",
+        label: locales.getText("pisell2.text.ecocup.action.more.broken"),
+        hidden: !showFields.includes("broken")
+      }
+    ];
+  }, [locales, showFields]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Dropdown,
+    {
+      trigger: ["click", "hover"],
+      menu: {
+        items: menuItems.filter((item) => !item.hidden),
+        onClick: (item) => {
+          console.log(item, item.key, "---Dropdown");
+          onClick && onClick(item.key);
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_materials.Button, null, buttonText || locales.getText("pisell2.text.ecocup.action.more"))
+  );
+};
+var MoreDropdown_default = MoreDropdown;

package/lib/components/ecocup/components/PageHeader/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+interface CustomPageHeaderProps {
+    title: string;
+}
+declare const CustomPageHeader: (props: CustomPageHeaderProps) => React.JSX.Element;
+export default CustomPageHeader;

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

@@ -0,0 +1,59 @@
+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/PageHeader/index.tsx
+var PageHeader_exports = {};
+__export(PageHeader_exports, {
+  default: () => PageHeader_default
+});
+module.exports = __toCommonJS(PageHeader_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_hooks = require("../../hooks");
+var import_index = require("./index.less");
+var prefixCls = "ecocup-page-header";
+var CustomPageHeader = (props) => {
+  var _a;
+  const { title } = props;
+  const context = (0, import_useEngineContext.default)();
+  const { history } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const app = (0, import_hooks.useGetApp)();
+  const onBack = () => {
+    var _a2, _b;
+    console.log("onBack", app, history);
+    if (app == null ? void 0 : app.history) {
+      (_a2 = app.history) == null ? void 0 : _a2.goBack();
+    } else {
+      (_b = history == null ? void 0 : history.goBack) == null ? void 0 : _b.call(history);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: prefixCls, onClick: onBack }, /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, { style: { fontSize: 18 } }), /* @__PURE__ */ import_react.default.createElement(import_materials.PageHeader, { title, showTitle: true }));
+};
+var PageHeader_default = CustomPageHeader;

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

@@ -0,0 +1,19 @@
+@prefixCls: ecocup-page-header;
+
+.@{prefixCls} {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  width: max-content;
+  margin-bottom: 12px;
+  cursor: pointer;
+  color: #fff;
+
+  .pisell-lowcode-page-header-wrap {
+    margin: 0;
+  }
+
+  .pisell-lowcode-page-header-title{
+    color: #fff !important;
+  }
+}

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

@@ -0,0 +1,4 @@
+export declare const SEARCH_BAR_RESULT_HEADER_CONFIG: {
+    key: string;
+    label: string;
+}[];

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

@@ -0,0 +1,50 @@
+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/ecocup/components/SearchBar/const.ts
+var const_exports = {};
+__export(const_exports, {
+  SEARCH_BAR_RESULT_HEADER_CONFIG: () => SEARCH_BAR_RESULT_HEADER_CONFIG
+});
+module.exports = __toCommonJS(const_exports);
+var SEARCH_BAR_RESULT_HEADER_CONFIG = [
+  {
+    key: "name",
+    label: "pisell2.text.cup-project.search-bar.result.header.name"
+  },
+  {
+    key: "registrationTime",
+    label: "pisell2.text.cup-project.search-bar.result.header.registrationTime"
+  },
+  {
+    key: "phone",
+    label: "pisell2.text.cup-project.search-bar.result.header.phone"
+  },
+  {
+    key: "email",
+    label: "pisell2.text.cup-project.search-bar.result.header.email"
+  },
+  {
+    key: "membership",
+    label: "pisell2.text.cup-project.search-bar.result.header.membership"
+  }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SEARCH_BAR_RESULT_HEADER_CONFIG
+});

package/lib/components/ecocup/components/SearchBar/hooks.d.ts

@@ -0,0 +1,44 @@
+import { ECupScanStatus, ICup } from '../../types';
+/**
+ * @description: 搜索客户
+ */
+export declare const useSearchCustomer: () => {
+    run: (text: string) => any;
+};
+/**
+ * @description: 搜索杯码
+ */
+export declare const useSearchCup: () => {
+    run: (text: string) => any;
+};
+/**
+ * 搜索
+ */
+export declare const useSearch: () => {
+    loading: boolean;
+    run: (params: {
+        searchType?: 'customer' | 'cup';
+        searchText?: string;
+    }) => Promise<{
+        status: string;
+        message: any;
+        type?: undefined;
+        data?: undefined;
+    } | {
+        status: string;
+        type: "customer" | "cup";
+        data: any;
+        message?: undefined;
+    } | {
+        status: string;
+        type: "customer" | "cup";
+        message: any;
+        data?: undefined;
+    }>;
+};
+/**
+ * 判定当前杯子的状态
+ */
+export declare const useCupScanStatus: () => {
+    getCupScanStatus: (cup?: ICup, customerId?: string) => ECupScanStatus.OTHER_IN_STOCK | ECupScanStatus.OTHER_RENT | ECupScanStatus.MISSING | ECupScanStatus.BROKEN | ECupScanStatus.NOT_FOUND | undefined;
+};

package/lib/components/ecocup/components/SearchBar/hooks.js

@@ -0,0 +1,135 @@
+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/ecocup/components/SearchBar/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useCupScanStatus: () => useCupScanStatus,
+  useSearch: () => useSearch,
+  useSearchCup: () => useSearchCup,
+  useSearchCustomer: () => useSearchCustomer
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_utils = require("@pisell/utils");
+var import_hooks = require("../../hooks");
+var import_types = require("../../types");
+var import_hooks2 = require("../../hooks");
+var useSearchCustomer = () => {
+  const { get } = (0, import_hooks.useRequest)();
+  const { goalShopId } = (0, import_hooks2.useGetGoalShopInfo)();
+  const run = (text) => {
+    if (!text) return;
+    return get("/shop/wallet/eco/customer", {
+      search: text,
+      with: ["tags"],
+      goal_shop_id: goalShopId
+    });
+  };
+  return {
+    run
+  };
+};
+var useSearchCup = () => {
+  const { get } = (0, import_hooks.useRequest)();
+  const { goalShopId } = (0, import_hooks2.useGetGoalShopInfo)();
+  const run = (text) => {
+    if (!text) return;
+    return get("/shop/wallet/eco", {
+      type: "eco",
+      code: text,
+      with: [
+        "customer:id,display_name,cover,phone,country_calling_code,nickname",
+        "rentShop:id,name",
+        "returnShop:id,name",
+        "currentShop:id,name"
+      ],
+      num: 1,
+      goal_shop_id: goalShopId
+    });
+  };
+  return {
+    run
+  };
+};
+var useSearch = () => {
+  const searchCustomer = useSearchCustomer();
+  const searchCup = useSearchCup();
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const run = async (params) => {
+    var _a, _b;
+    const { searchType, searchText = "" } = params;
+    const isCupCode = /^EC[a-zA-Z0-9]{8}$/.test(searchText);
+    if (searchType === "cup" && !isCupCode) {
+      return {
+        status: "failed",
+        message: import_utils.locales.getText("pisell2.text.ecocup.search-bar.search-tip")
+      };
+    }
+    const type = !!searchType ? searchType : isCupCode ? "cup" : "customer";
+    const runFn = type === "cup" ? searchCup.run : searchCustomer.run;
+    try {
+      setLoading(true);
+      const res = await runFn(searchText);
+      if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.list) {
+        return { status: "success", type, data: ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.list) || [] };
+      } else {
+        return { status: "failed", type, message: (res == null ? void 0 : res.message) || "" };
+      }
+    } catch (error) {
+      return { status: "failed", type, message: (error == null ? void 0 : error.message) || "" };
+    } finally {
+      setLoading(false);
+    }
+  };
+  return { loading, run };
+};
+var useCupScanStatus = () => {
+  const shopId = (0, import_hooks.useGetShopId)();
+  const getCupScanStatus = (cup, customerId) => {
+    if (!cup) {
+      return import_types.ECupScanStatus.NOT_FOUND;
+    }
+    if ((cup == null ? void 0 : cup.status) == import_types.ECupStatus.IN_STOCK) {
+      if ((cup == null ? void 0 : cup.current_shop_id) != shopId) {
+        return import_types.ECupScanStatus.OTHER_IN_STOCK;
+      }
+    }
+    if ((cup == null ? void 0 : cup.status) == import_types.ECupStatus.RENT) {
+      if ((cup == null ? void 0 : cup.customer_id) != customerId) {
+        return import_types.ECupScanStatus.OTHER_RENT;
+      }
+    }
+    if ((cup == null ? void 0 : cup.status) == import_types.ECupStatus.MISSING) {
+      return import_types.ECupScanStatus.MISSING;
+    }
+    if ((cup == null ? void 0 : cup.status) == import_types.ECupStatus.BROKEN) {
+      return import_types.ECupScanStatus.BROKEN;
+    }
+  };
+  return {
+    getCupScanStatus
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCupScanStatus,
+  useSearch,
+  useSearchCup,
+  useSearchCustomer
+});

package/lib/components/ecocup/components/SearchBar/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface SearchBarProps {
+    scanListenerKey: string;
+    size?: 'large' | 'small';
+    placeholder?: string;
+    onSearch?: (value: string) => void;
+    searchType?: 'customer' | 'cup';
+    onSearchResult?: (v: any) => void;
+    customerId?: string;
+}
+declare const SearchBar: (props: SearchBarProps) => React.JSX.Element;
+export default SearchBar;