@pisell/private-materials 6.3.79 → 6.3.81

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,12 @@
+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) => JSX.Element;
+export default SearchBar;

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

@@ -0,0 +1,203 @@
+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/SearchBar/index.tsx
+var SearchBar_exports = {};
+__export(SearchBar_exports, {
+  default: () => SearchBar_default
+});
+module.exports = __toCommonJS(SearchBar_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var import_searchSection = __toESM(require("../../../../pro/comprehensiveSearch/components/searchSection"));
+var import_hooks = require("../../hooks");
+var import_const = require("./const");
+var import_hooks2 = require("./hooks");
+var import_CupStatusModal = __toESM(require("../CupStatusModal"));
+var import_dayjs = __toESM(require("dayjs"));
+var SearchBar = (props) => {
+  var _a;
+  const {
+    scanListenerKey,
+    size = "large",
+    placeholder,
+    onSearch,
+    searchType,
+    onSearchResult,
+    customerId
+  } = props;
+  const [value, setValue] = (0, import_react.useState)("");
+  const [searchResult, setSearchResult] = (0, import_react.useState)(null);
+  const containerRef = (0, import_react.useRef)(null);
+  const { addListener, removeListener } = (0, import_hooks.useScanListener)();
+  const searchHook = (0, import_hooks2.useSearch)();
+  const { getCupScanStatus } = (0, import_hooks2.useCupScanStatus)();
+  const cupStatusModal = (0, import_hooks.useModal)("ecocup-cup-status-modal");
+  const onSelectResult = (0, import_ahooks.useMemoizedFn)(
+    (type, item) => {
+      setSearchResult(null);
+      setValue("");
+      onSearchResult == null ? void 0 : onSearchResult({ type, data: item });
+    }
+  );
+  const scanSearchCallback = (0, import_ahooks.useMemoizedFn)((str) => {
+    console.log("scanSearchCallback>>>>>>>", str);
+    if (onSearch) {
+      onSearch(str || "");
+      return;
+    }
+    if (!str) {
+      setValue("");
+      setSearchResult(null);
+      return;
+    }
+    searchHook.run({ searchType, searchText: str }).then((res) => {
+      var _a2, _b, _c;
+      if ((res == null ? void 0 : res.status) === "success") {
+        if ((res == null ? void 0 : res.type) === "cup") {
+          const _cupData = ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2[0]) || null;
+          const scanStatus = getCupScanStatus(_cupData, customerId);
+          if (scanStatus) {
+            cupStatusModal.open({
+              data: {
+                scanStatus,
+                cupData: _cupData || { code: str }
+              }
+            });
+            return;
+          }
+        }
+        const dataLength = ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.length) || 0;
+        if (dataLength === 1) {
+          setValue("");
+          setSearchResult(null);
+          onSelectResult(res == null ? void 0 : res.type, (_c = res == null ? void 0 : res.data) == null ? void 0 : _c[0]);
+          return;
+        }
+        if (dataLength === 0 && (res == null ? void 0 : res.type) === "customer") {
+          (0, import_materials.PisellToast)({
+            content: import_utils.locales.getText(
+              "pisell2.text.ecocup.toast.fail-no-match-customer"
+            )
+          });
+          setSearchResult(null);
+          return;
+        }
+        setSearchResult(res == null ? void 0 : res.data);
+      } else {
+        if (res == null ? void 0 : res.message) {
+          (0, import_materials.PisellToast)({ content: res == null ? void 0 : res.message });
+        }
+        setSearchResult(null);
+      }
+    });
+  });
+  (0, import_react.useEffect)(() => {
+    addListener(scanListenerKey, (result) => {
+      setValue("");
+      setSearchResult(null);
+      scanSearchCallback((result == null ? void 0 : result.value) || "");
+    });
+    return () => {
+      removeListener(scanListenerKey);
+    };
+  }, [scanListenerKey, scanSearchCallback]);
+  (0, import_react.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      if (!containerRef.current || !target) {
+        return;
+      }
+      if (!containerRef.current.contains(target) && (searchResult == null ? void 0 : searchResult.length) > 1) {
+        setSearchResult(null);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [searchResult]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef, className: "ecocup-cup-search-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    import_searchSection.default,
+    {
+      value,
+      onChange: setValue,
+      loading: searchHook.loading,
+      style: {
+        flex: 1,
+        height: size === "large" ? "60px" : "48px",
+        padding: 0
+      },
+      placeholder: placeholder || import_utils.locales.getText("pisell2.text.cup-project.search-bar.placeholder"),
+      searchButtonProps: {
+        placement: "inside",
+        style: size === "large" ? {
+          height: 48,
+          padding: 8,
+          minWidth: 160
+        } : {
+          height: 32,
+          padding: 8,
+          minWidth: 120
+        }
+      },
+      cameraButtonProps: {
+        icon: ["pisell2-camera-01", "pisell2-qr-code-02"]
+      },
+      onSearch: () => scanSearchCallback(value)
+    }
+  ), (searchResult == null ? void 0 : searchResult.length) > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-search-bar-result" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-search-bar-result-header" }, (_a = import_const.SEARCH_BAR_RESULT_HEADER_CONFIG) == null ? void 0 : _a.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.key }, import_utils.locales.getText(item.label)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-search-bar-result-content" }, searchResult == null ? void 0 : searchResult.map((item) => {
+    var _a2;
+    const {
+      nickname,
+      display_name,
+      create_time,
+      country_calling_code,
+      phone,
+      email,
+      tags
+    } = item;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: item.id,
+        className: "ecocup-cup-search-bar-result-content-item",
+        onClick: () => onSelectResult("customer", item)
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", null, display_name || nickname || "-"),
+      /* @__PURE__ */ import_react.default.createElement("div", null, create_time ? (0, import_dayjs.default)(create_time).format("DD/MM/YYYY") : "-"),
+      /* @__PURE__ */ import_react.default.createElement("div", null, phone ? `(${country_calling_code}) ${phone}` : "-"),
+      /* @__PURE__ */ import_react.default.createElement("div", null, email || "-"),
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", { className: "ecocup-cup-search-bar-result-content-item-membership" }, ((_a2 = tags == null ? void 0 : tags.find) == null ? void 0 : _a2.call(tags, (v) => (v == null ? void 0 : v.name) == "business")) ? "Business" : "Normal"))
+    );
+  }))) : null, cupStatusModal.visible && /* @__PURE__ */ import_react.default.createElement(import_CupStatusModal.default, { ...cupStatusModal.modalProps }));
+};
+var SearchBar_default = SearchBar;

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

@@ -0,0 +1,88 @@
+.ecocup-cup-search-bar {
+  position: relative;
+  width: 100%;
+  display: flex;
+  flex: 1;
+
+  .comprehensive-search__search-section
+    .comprehensive-search__camera-activator.disabled {
+    width: fit-content;
+  }
+
+  .comprehensive-search__search-section
+    .comprehensive-search__camera-activator {
+    width: fit-content;
+  }
+
+  .comprehensive-search__search-section
+    .comprehensive-search__search-input-wrapper {
+    padding: 8px;
+  }
+
+  &-result {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background-color: #fff;
+    border: 1px solid #d9d9d9;
+    border-radius: 6px;
+    z-index: 9;
+
+    &-header {
+      height: 44px;
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid #eaecf0;
+      background: #f9fafb;
+
+      & > div {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #475467;
+        font-size: 12px;
+        font-weight: 500;
+      }
+    }
+
+    &-content {
+      max-height: 220px;
+      display: flex;
+      flex-direction: column;
+      overflow-y: auto;
+
+      &-item {
+        min-height: 44px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        border-bottom: 1px solid #eaecf0;
+
+        & > div {
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          color: #101828;
+          font-size: 12px;
+          font-weight: 500;
+        }
+
+        &-membership {
+          display: flex;
+          padding: 2px 8px;
+          border-radius: 16px;
+          border: 1px solid #fedf89;
+          background: #fffcf5;
+          color: #b54708;
+          text-align: center;
+          font-size: 12px;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+}