@pisell/private-materials 6.6.10 → 6.6.11

package/dist/es/components/booking/info/client/index.js

@@ -1,320 +0,0 @@
-import { isWalkIn } from "../../utils.js";
-import { Context, walkInData } from "../model.js";
-import customSelect_default from "../../components/customSelect/index.js";
-import { getFranchiseeCustomerInfo, getFranchiseeCustomerList } from "./serve.js";
-import { getWaiverTitle } from "../clientVariant/utils.js";
-import useGetHolderList_default from "../hooks/useGetHolderList.js";
-import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Avatar, Button, Dropdown, Spin } from "antd";
-import { image, locales } from "@pisell/utils";
-import PlusCircle from "@pisell/icon/es/PlusCircle";
-import DotsVertical from "@pisell/icon/es/DotsVertical";
-import User01 from "@pisell/icon/es/User01";
-import "./index.less";
-import { useMemoizedFn } from "ahooks";
-
-//#region src/components/booking/info/client/index.tsx
-let isLoadClient = false;
-const Client = () => {
-	const modalRef = useRef();
-	const [loadLoading, setLoadLoading] = useState(false);
-	const [loading, setLoading] = useState(false);
-	const { state, dispatch } = useContext(Context);
-	const [franchiseeLoading, setFranchiseeLoading] = useState(0);
-	const getHolders = useGetHolderList_default(state, dispatch);
-	const [params, setParams] = useState({
-		skip: 1,
-		num: 10,
-		total: 0,
-		search: "",
-		sort_by: "id"
-	});
-	const menus = useMemo(() => {
-		let list = [
-			{
-				key: "view",
-				label: locales.getText("pisell2.text.view-profile")
-			},
-			{
-				key: "change",
-				label: locales.getText("pisell2.text.change-customer")
-			},
-			{
-				key: "remove",
-				label: locales.getText("pisell2.text.remove-customer")
-			}
-		];
-		if (state.disabledEdit) list = list.filter((d) => d.key === "view");
-		return list;
-	}, [state.disabledEdit]);
-	const getClients = async ({ customer_id, ...resetParams }) => {
-		let _setLoading;
-		if (resetParams.skip === 1) if (resetParams.search) _setLoading = setLoading;
-		else _setLoading = isLoadClient || state?.client?.clients?.length ? () => {} : setLoading;
-		else _setLoading = setLoadLoading;
-		_setLoading(true);
-		const data = await (state.isFranchisee ? getFranchiseeCustomerList : state.apis.getClientsEs)({
-			...resetParams,
-			...!state.isFranchisee ? { _config: { abort: true } } : {}
-		});
-		const list = (data?.list || []).map((d) => {
-			return {
-				...d,
-				id: d.franchisee_customer_id || d.id
-			};
-		});
-		let _payload = { clients: list };
-		if (!isWalkIn(customer_id)) {
-			const customerItem = list.find((d) => d.id === customer_id);
-			if (customerItem) {
-				_payload.value = customerItem;
-				_payload.edit = true;
-			}
-		}
-		let totalList = [...state.client.clients];
-		if (resetParams.skip === 1) totalList = list;
-		else totalList = totalList.concat(list);
-		_payload.clients = totalList;
-		setParams({
-			...params,
-			...resetParams,
-			total: data?.count || 0
-		});
-		dispatch({
-			type: "setClient",
-			payload: _payload
-		});
-		setLoading(false);
-		setLoadLoading(false);
-		isLoadClient = true;
-		return {};
-	};
-	const handleOpenClientModal = () => {
-		if (state.disabledEdit) return;
-		getClients({
-			...params,
-			search: "",
-			skip: 1
-		});
-		modalRef.current?.open();
-	};
-	const getNickname = useCallback((item) => {
-		if (isWalkIn(item?.id)) return locales.getText("pisell2.text.select-a-customer");
-		const firstLastName = item.first_name || item.last_name ? `${item.first_name} ${item.last_name}` : "";
-		return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || firstLastName.trim() || "";
-	}, [locales.localeMap]);
-	/**
-	* @title: 置换客户id到子店铺
-	* @description:
-	* @param {number} id
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-05-29 17:26
-	*/
-	const _getFranchiseeCustomerInfo = async (customer) => {
-		try {
-			setFranchiseeLoading(customer.id);
-			const res = await getFranchiseeCustomerInfo({ franchisor_customer_id: customer.id });
-			setFranchiseeLoading(0);
-			return {
-				...customer,
-				id: res.franchisee_customer_id
-			};
-		} catch (err) {
-			setFranchiseeLoading(0);
-		}
-	};
-	const handleSelectClient = useMemoizedFn(async (value) => {
-		let _value = value?.[value.length - 1] || walkInData;
-		if (_value.loading) return;
-		if (state.isFranchisee && _value.franchisee_customer_id === 0) {
-			try {
-				_value = await _getFranchiseeCustomerInfo(_value);
-			} catch (err) {}
-			if (!_value) return;
-		}
-		dispatch({
-			type: "setClient",
-			payload: {
-				value: {
-					..._value,
-					name: getNickname(_value)
-				},
-				edit: true
-			}
-		});
-		return new Promise((resolve) => {
-			resolve(0);
-		});
-	});
-	const handleViewClient = () => {
-		state.action({
-			type: "pisell1.handleOpenCustomerModal",
-			data: { id: state.client.value.id },
-			callback: (data) => {
-				if (state.disabledEdit) return;
-				if (data) handleSelectClient([data]);
-				getHolders();
-				getClients({
-					...state.client.clientsParams,
-					search: "",
-					customer_id: data?.id,
-					skip: 1,
-					sort_by: "id"
-				});
-			}
-		});
-	};
-	const handleCreateItem = useMemoizedFn(() => {
-		state.action({
-			type: "pisell1.handleOpenAddCustomerModal",
-			data: {
-				showReceiveAddress: false,
-				showAcceptsMarketing: false
-			},
-			callback: (customer_id, params$1) => {
-				const waiverForm = state.client?.clients?.[0].waiver_form?.map?.((item) => ({
-					...item,
-					is_filled: 0
-				})) || [];
-				dispatch({
-					type: "setClient",
-					payload: { clients: [...params$1?.[0]?.customer ? [{
-						...params$1?.[0]?.customer,
-						id: customer_id,
-						waiver_form: waiverForm
-					}] : [], ...state.client?.clients || []] }
-				});
-			}
-		});
-	});
-	const handleRemoveClient = () => {
-		if (state.disabledEdit) return;
-		handleSelectClient([walkInData]);
-	};
-	const menuChange = (e) => {
-		({
-			view: handleViewClient,
-			change: handleOpenClientModal,
-			remove: handleRemoveClient
-		})[e.key]();
-	};
-	const isWalkIn$1 = useMemo(() => {
-		return isWalkIn(state.client.value?.id);
-	}, [state.client.value?.id]);
-	useEffect(() => {
-		if (state.action) state.action({
-			type: "pisell1.registerPlugin",
-			data: { pluginList: ["CustomerDetailPlugin"] }
-		});
-	}, []);
-	const renderList = useMemo(() => {
-		return [...state.client.clients];
-	}, [state.client.clients]);
-	const searchChange = useMemoizedFn((search) => {
-		getClients({
-			...params,
-			skip: 1,
-			search
-		});
-	});
-	const loadMore = useMemo(() => {
-		return state.client.clients.length < params.total || 0 ? /* @__PURE__ */ React.createElement("div", {
-			className: "",
-			style: {
-				textAlign: "center",
-				padding: "16px 0"
-			}
-		}, /* @__PURE__ */ React.createElement(Button, {
-			loading: loadLoading,
-			onClick: () => {
-				getClients({
-					...params,
-					skip: params.skip + 1
-				});
-			}
-		}, locales.getText("pisell2.text.load-more"))) : null;
-	}, [
-		loadLoading,
-		params,
-		state.client.clients.length
-	]);
-	const customSelect = useMemo(() => {
-		console.log("render customSelect");
-		return /* @__PURE__ */ React.createElement(customSelect_default, {
-			autoFocus: !state.isTerminal,
-			modalOpen: state.modalOpen,
-			ref: modalRef,
-			rowKey: "id",
-			options: renderList,
-			loading,
-			value: [state.client.value],
-			onValueChange: handleSelectClient,
-			handleCreateItem,
-			isPreview: false,
-			drawerProps: {
-				title: locales.getText("pisell2.text.select-customer"),
-				destroyOnClose: true,
-				mask: state.drawerMask
-			},
-			mode: "single",
-			createItemText: locales.getText("pisell2.text.create-new-customer"),
-			closeCallback: () => {},
-			optionRender: (item) => {
-				return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Avatar, {
-					className: "pisell-lowcode__booking-client-list-item-avatar",
-					src: image.ali(item.cover, 100) || void 0,
-					icon: /* @__PURE__ */ React.createElement(User01, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
-				}), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, getNickname(item)), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, item.email ? /* @__PURE__ */ React.createElement("div", { className: "" }, item.email) : null, item.phone ? /* @__PURE__ */ React.createElement("div", { className: "" }, item.phone) : null), /* @__PURE__ */ React.createElement("div", {
-					className: "pisell-lowcode__booking-client-list-item-info-waiver",
-					title: getWaiverTitle(item.waiver_form)
-				}, (item.waiver_form || []).map((item$1) => {
-					return /* @__PURE__ */ React.createElement("span", null, item$1.form_title, ":", item$1.is_filled ? /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-client-list-item-waiver-filled" }, locales.getText("pisell2.text.filled")) : /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-client-list-item-waiver-not-filled" }, locales.getText("pisell2.text.not-filled")), "; ");
-				}))), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-list-item-loading" }, /* @__PURE__ */ React.createElement(Spin, { spinning: franchiseeLoading === item.id })));
-			},
-			searchChange,
-			searchValue: params.search,
-			loadMore,
-			filterItem: (d, search) => {
-				return true;
-			}
-		});
-	}, [
-		state.isTerminal,
-		state.modalOpen,
-		state.client?.value,
-		state.drawerMask,
-		renderList,
-		loading,
-		franchiseeLoading,
-		params.search,
-		loadMore
-	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-lowcode__booking-client",
-		onClick: () => {
-			if (!isWalkIn$1 || state?.disableEventBookingEdit) return;
-			handleOpenClientModal();
-		},
-		style: state.bookingId ? {} : { marginTop: 12 }
-	}, /* @__PURE__ */ React.createElement(Avatar, {
-		className: "pisell-lowcode__booking-client-list-item-avatar",
-		src: image.ali(state.client.value?.cover, 100),
-		icon: /* @__PURE__ */ React.createElement(User01, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
-	}), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info-left" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info-name" }, getNickname(state.client.value)), isWalkIn$1 ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info-desc" }, locales.getText("pisell2.text.leave-empty-for-walk-in")) : /* @__PURE__ */ React.createElement(React.Fragment, null, state.client.value?.email ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info-email" }, state.client.value?.email) : null, state.client.value?.phone ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info-phone" }, state.client.value?.phone) : null, !!state.client.value?.waiver_form?.length && /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-lowcode__booking-client-waiver",
-		title: getWaiverTitle(state.client.value?.waiver_form)
-	}, state.client.value?.waiver_form?.map?.((item) => {
-		return /* @__PURE__ */ React.createElement("span", null, item.form_title, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-client-waiver-colon" }, ":"), item.is_filled ? /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-client-waiver-filled" }, locales.getText("pisell2.text.filled")) : /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-client-waiver-not-filled" }, locales.getText("pisell2.text.not-filled")), `; `);
-	})))), !state?.disableEventBookingEdit && /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-info-right" }, isWalkIn$1 ? /* @__PURE__ */ React.createElement(PlusCircle, { className: "pisell-lowcode__booking-client-add-icon" }) : /* @__PURE__ */ React.createElement(Dropdown, {
-		menu: {
-			items: menus,
-			onClick: menuChange
-		},
-		placement: "bottomRight"
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-client-menu-wrap" }, /* @__PURE__ */ React.createElement(DotsVertical, { className: "pisell-lowcode__booking-client-menu-icon" })))))), customSelect);
-};
-var client_default = React.memo(Client);
-
-//#endregion
-export { client_default as default };

package/dist/es/components/booking/info/client/index.less

@@ -1,184 +0,0 @@
-.pisell-lowcode__booking-client {
-  display: flex;
-  width: 100%;
-  padding: 16px;
-  align-items: center;
-  gap: 16px;
-  border-radius: 8px;
-  border: 1px solid #D5D7DA;
-  background: var(--base-white, #FFF);
-  cursor: pointer;
-  position: relative;
-  margin-bottom: 0;
-
-  .pisell-lowcode__booking-client-avatar {
-    display: flex;
-    width: 64px;
-    height: 64px;
-    padding: 16px;
-    justify-content: center;
-    align-items: center;
-    border-radius: 200px;
-    background: var(--gray-100, #F2F4F7);
-  }
-
-  .pisell-lowcode__booking-client-info {
-    flex: 1;
-    display: flex;
-    align-items: center;
-
-    .pisell-lowcode__booking-client-info-left {
-      flex: 1;
-      width: 0;
-
-      .pisell-lowcode__booking-client-info-name {
-        color: var(--gray-900, #101828);
-
-
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 24px;
-      }
-
-      .pisell-lowcode__booking-client-info-desc {
-        color: var(--gray-400, #98A2B3);
-
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-      }
-
-      .pisell-lowcode__booking-client-info-email,
-      .pisell-lowcode__booking-client-info-phone {
-        color: var(--gray-400, #98A2B3);
-
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-        margin-top: 4px;
-      }
-      .pisell-lowcode__booking-client-waiver {
-        color: var(--Gray-400, #98A2B3);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px; /* 142.857% */
-        text-align: left;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        .pisell-lowcode__booking-client-waiver-colon {
-          margin: 0 2px;
-        }
-        .pisell-lowcode__booking-client-waiver-filled {
-          color: var(--Success-600, #079455);
-        }
-        .pisell-lowcode__booking-client-waiver-not-filled {
-          color: var(--Error-600, #D92D20);
-        }
-      }
-    }
-
-    .pisell-lowcode__booking-client-info-right {
-      width: 40px;
-      height: 40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .pisell-lowcode__booking-client-menu-wrap {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 8px;
-        transition: .2s;
-        background: none;
-
-        &:hover {
-          background: var(--gray-100, #F2F4F7);
-
-        }
-
-        .pisell-lowcode__booking-client-menu-icon {
-          font-size: 28px;
-          color: #475467;
-        }
-      }
-
-      .pisell-lowcode__booking-client-add-icon {
-        font-size: 28px;
-        color: #475467;
-      }
-    }
-  }
-}
-
-
-.pisell-lowcode__booking-client-list-item-avatar {
-  width: 48px;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--gray-100, #F2F4F7);
-  flex-shrink: 0;
-
-  .pisell-lowcode__booking-client-list-item-avatar-icon {
-    font-size: 24px;
-    color: #475467;
-
-  }
-}
-
-.pisell-lowcode__booking-client-list-item-info {
-  flex: 1;
-  flex-direction: column;
-  justify-content: center;
-  overflow: hidden;
-
-  .pisell-lowcode__booking-client-list-item-info-name {
-    color: var(--text-text-1, #1B1B1B);
-
-    /* H6/Semi Bold */
-
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 22px;
-    /* 137.5% */
-  }
-
-  .pisell-lowcode__booking-client-list-item-info-desc {
-    color: var(--text-text-2, #777);
-
-    /* Paragraph/Regular */
-
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    /* 142.857% */
-  }
-  .pisell-lowcode__booking-client-list-item-info-waiver {
-    color: var(--Gray-400, #98A2B3);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px; /* 142.857% */
-    text-overflow: ellipsis;
-    overflow: hidden;
-    height: 20px;
-    white-space: nowrap;
-    .pisell-lowcode__booking-client-list-item-waiver-filled {
-      color: var(--Success-600, #079455);
-    }
-    .pisell-lowcode__booking-client-list-item-waiver-not-filled {
-      color: var(--Error-600, #D92D20);
-    }
-  }
-}

package/dist/es/components/booking/info/client/serve.js

@@ -1,14 +0,0 @@
-import { request } from "../../utils.js";
-
-//#region src/components/booking/info/client/serve.ts
-const getFranchiseeCustomerInfo = async (params) => {
-	let { data } = await request.getRequest().get(`/shop/franchisee/customer/id`, params);
-	return data;
-};
-const getFranchiseeCustomerList = async (params) => {
-	let { data } = await request.getRequest().get(`/shop/franchisee/customer/select-list`, params, { abort: true });
-	return data;
-};
-
-//#endregion
-export { getFranchiseeCustomerInfo, getFranchiseeCustomerList };