@pisell/private-materials 6.6.10 → 6.6.12

package/dist/es/components/pisellSelectCustomerModal/CustomerCard/index.less

@@ -1,83 +0,0 @@
-.pisell-lowcode__customer_card {
-  display: flex;
-  width: 100%;
-  padding: 20px 8px;
-  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__customer_card-avatar {
-    display: flex;
-    width: 48px;
-    height: 48px;
-    padding: 16px;
-    justify-content: center;
-    align-items: center;
-    border-radius: 200px;
-    background: var(--Badge-Blue_Container, #D1E3FF);
-    font-weight: 600;
-    color: #0B5FDB;
-  }
-
-  .pisell-lowcode__customer_card-avatar-icon {
-    font-size: 24px;
-    color: #0B5FDB;
-  }
-
-
-  .pisell-lowcode__customer_card-info {
-    flex: 1;
-    display: flex;
-    align-items: center;
-
-    .pisell-lowcode__customer_card-info-left {
-      flex: 1;
-      width: 0;
-
-      .pisell-lowcode__customer_card-info-name {
-        color: var(--gray-900, #101828);
-
-
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 24px;
-      }
-
-      .pisell-lowcode__customer_card-info-desc {
-        color: var(--gray-400, #98A2B3);
-
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-      }
-
-      .pisell-lowcode__customer_card-info-email,
-      .pisell-lowcode__customer_card-info-phone {
-        color: var(--gray-400, #98A2B3);
-
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-      }
-    }
-
-    .pisell-lowcode__customer_card-info-right {
-      width: 40px;
-      height: 40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .pisell-lowcode__customer_card-add-icon {
-        font-size: 28px;
-        color: #475467;
-      }
-    }
-  }
-}

package/dist/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.js

@@ -1,219 +0,0 @@
-import { __toESM } from "../../../../../_virtual/rolldown_runtime.js";
-import { require_debounce } from "../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js";
-import dayjs from "dayjs";
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { Select, Space } from "antd";
-import { getUniqueId, locales } from "@pisell/utils";
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.tsx
-var import_debounce = /* @__PURE__ */ __toESM(require_debounce());
-const { Option } = Select;
-const getSelectInput = (id) => {
-	const input = document.getElementById(id);
-	if (input) return input;
-};
-const setSelectInputType = ({ input, type }) => {
-	if (input) input.type = type;
-};
-const DateSectionCom = ({ value, onChange, showTime, className = "", style = {}, useSpace = true, format, itemStyle = { width: 100 } }) => {
-	const currentYear = dayjs().year();
-	const locale = locales.locale;
-	const dayRef = useRef(null);
-	const monthRef = useRef(null);
-	const yearRef = useRef(null);
-	const [date, setDate] = useState({
-		year: value ? dayjs(value).year() : null,
-		month: value ? dayjs(value).month() + 1 : null,
-		day: value ? dayjs(value).date() : null
-	});
-	const [dayOptions, setDayOptions] = useState([]);
-	const [monthOptions, setMonthOptions] = useState([]);
-	const [yearOptions, setYearOptions] = useState([]);
-	const localeMap = {
-		year: locales.getText("pisell2.text.date-year-text"),
-		month: locales.getText("pisell2.text.date-month-text"),
-		day: locales.getText("pisell2.text.date-day-text")
-	};
-	useEffect(() => {
-		setDate({
-			year: value ? dayjs(value).year() : null,
-			month: value ? dayjs(value).month() + 1 : null,
-			day: value ? dayjs(value).date() : null
-		});
-	}, [value]);
-	useEffect(() => {
-		setMonthOptions(renderOptions("month", 1, 12));
-		setYearOptions(renderOptions("year", currentYear - 100, currentYear + 50));
-	}, []);
-	useEffect(() => {
-		setDayOptions(renderOptions("day", 1, date.month ? getDaysInMonth(date.year || currentYear, date.month) : 31));
-	}, [date.month, date.year]);
-	/**
-	* @title: 下拉框变化
-	* @description:
-	* @param {any} field
-	* @param {any} value
-	* @return {*}
-	* @Author: chensheng.gu
-	* @Date: 2024-03-22 17:49
-	*/
-	const handleDateChange = (field, value$1) => {
-		if (!value$1) return;
-		let newDate = {
-			year: date.year,
-			month: date.month,
-			day: date.day,
-			[field]: value$1
-		};
-		const foucsList = {
-			day: monthRef,
-			month: yearRef
-		};
-		if (field === "month" || field === "year") {
-			const daysInMonth = getDaysInMonth(newDate?.year || currentYear, newDate?.month);
-			const newDay = newDate?.day > daysInMonth ? daysInMonth : newDate.day;
-			newDate = {
-				...newDate,
-				day: newDay
-			};
-		}
-		setDate(newDate);
-		if (foucsList[field]) foucsList[field].current.focus();
-		else yearRef.current.blur();
-		const _format = format || "YYYY-MM-DD";
-		if (newDate.year && newDate.month && newDate.day) onChange(dayjs(`${newDate.year}-${newDate.month.toString().padStart(2, "0")}-${newDate.day.toString().padStart(2, "0")}`).format(_format));
-	};
-	/**
-	* @title: 获取日期
-	* @description:
-	* @param {any} year
-	* @param {any} month
-	* @return {*}
-	* @Author: chensheng.gu
-	* @Date: 2024-03-22 17:49
-	*/
-	const getDaysInMonth = (year, month) => {
-		return dayjs(`${year}-${month}`, "YYYY-MM").daysInMonth();
-	};
-	/**
-	* @title: 渲染下拉框列表
-	* @description:
-	* @param {any} field
-	* @param {any} start
-	* @param {any} end
-	* @return {*}
-	* @Author: chensheng.gu
-	* @Date: 2024-03-22 17:50
-	*/
-	const renderOptions = (field, start, end) => {
-		const options = [];
-		const _text = locale !== "en-US" && locale !== "en" ? localeMap[field] : "";
-		for (let i = start; i <= end; i++) options.push({
-			label: `${i}${_text}`,
-			value: i
-		});
-		return options;
-	};
-	const selectId = useMemo(() => {
-		return {
-			dayId: getUniqueId("day"),
-			monthId: getUniqueId("month"),
-			yearId: getUniqueId("year")
-		};
-	}, []);
-	useLayoutEffect(() => {
-		setSelectInputType({
-			input: getSelectInput(selectId.dayId),
-			type: "number"
-		});
-		setSelectInputType({
-			input: getSelectInput(selectId.monthId),
-			type: "number"
-		});
-		setSelectInputType({
-			input: getSelectInput(selectId.yearId),
-			type: "number"
-		});
-	}, [selectId]);
-	const handleDateSearch = useCallback((0, import_debounce.default)((field, value$1) => {
-		const dateOption = {
-			day: dayOptions,
-			month: monthOptions,
-			year: yearOptions
-		};
-		const _value = Number(value$1);
-		if (dateOption[field].findIndex((item) => {
-			return item.value === _value;
-		}) !== -1) handleDateChange(field, _value);
-		else handleDateChange(field, null);
-	}, 300), [
-		dayOptions,
-		monthOptions,
-		yearOptions,
-		date
-	]);
-	const content = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Select, {
-		id: selectId.dayId,
-		value: date.day,
-		placeholder: locales.getText("pisell2.text.date-day-text"),
-		onChange: (value$1) => handleDateChange("day", value$1),
-		style: itemStyle,
-		showSearch: true,
-		onSearch: (value$1) => {
-			handleDateSearch("day", value$1);
-		},
-		ref: dayRef,
-		size: "large"
-	}, dayOptions.map((item) => {
-		return /* @__PURE__ */ React.createElement(Option, {
-			key: item.value,
-			value: item.value
-		}, item.label);
-	})), /* @__PURE__ */ React.createElement(Select, {
-		id: selectId.monthId,
-		value: date.month,
-		placeholder: locales.getText("pisell2.text.date-month-text"),
-		onChange: (value$1) => handleDateChange("month", value$1),
-		style: itemStyle,
-		showSearch: true,
-		onSearch: (value$1) => {
-			handleDateSearch("month", value$1);
-		},
-		ref: monthRef,
-		size: "large"
-	}, monthOptions.map((item) => {
-		return /* @__PURE__ */ React.createElement(Option, {
-			key: item.value,
-			value: item.value
-		}, item.label);
-	})), /* @__PURE__ */ React.createElement(Select, {
-		id: selectId.yearId,
-		value: date.year,
-		placeholder: locales.getText("pisell2.text.date-year-text"),
-		onChange: (value$1) => handleDateChange("year", value$1),
-		style: itemStyle,
-		showSearch: true,
-		onSearch: (value$1) => {
-			handleDateSearch("year", value$1);
-		},
-		ref: yearRef,
-		size: "large"
-	}, yearOptions.map((item) => {
-		return /* @__PURE__ */ React.createElement(Option, {
-			key: item.value,
-			value: item.value
-		}, item.label);
-	})));
-	if (useSpace) return /* @__PURE__ */ React.createElement(Space, {
-		className: className || "",
-		style: style || {}
-	}, content);
-	return /* @__PURE__ */ React.createElement("div", {
-		className: className || "",
-		style: style || {}
-	}, content);
-};
-var BirthdayField_default = DateSectionCom;
-
-//#endregion
-export { BirthdayField_default as default };

package/dist/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { Select } from "antd";
-import { locales } from "@pisell/utils";
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.tsx
-const GenderField = (props) => {
-	return /* @__PURE__ */ React.createElement(Select, {
-		size: "large",
-		options: [{
-			label: locales.getText("pisell2.text.gender.male"),
-			value: "1"
-		}, {
-			label: locales.getText("pisell2.text.gender.female"),
-			value: "2"
-		}],
-		...props
-	});
-};
-var GenderField_default = GenderField;
-
-//#endregion
-export { GenderField_default as default };

package/dist/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.js

@@ -1,51 +0,0 @@
-import useEngineContext_default from "../../../../../hooks/useEngineContext.js";
-import { request } from "../../../../../utils/index.js";
-import { getCountries } from "./serve.js";
-import React, { useEffect } from "react";
-import { Input, Select, Space } from "antd";
-import { useRequest } from "ahooks";
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.tsx
-const defaultValue = {
-	code: "+61",
-	phone: ""
-};
-const PhoneField = ({ value, onChange }) => {
-	const context = useEngineContext_default();
-	request.setRequest(context.appHelper.utils.request);
-	const codes = useRequest(getCountries, { manual: true });
-	useEffect(() => {
-		codes.run();
-	}, []);
-	const _onChange = (key, val) => {
-		onChange({
-			...defaultValue,
-			...value,
-			[key]: val
-		});
-	};
-	return /* @__PURE__ */ React.createElement(Space.Compact, { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Select, {
-		options: codes.data || [],
-		onChange: (val) => {
-			_onChange("code", val);
-		},
-		size: "large",
-		style: { flex: "0 0 100px" },
-		loading: codes.loading,
-		optionLabelProp: "value",
-		value: value?.code,
-		dropdownMatchSelectWidth: false
-	}), /* @__PURE__ */ React.createElement(Input, {
-		type: "number",
-		value: value?.phone,
-		size: "large",
-		style: { flex: 1 },
-		onChange: (e) => {
-			_onChange("phone", e.target.value);
-		}
-	}));
-};
-var PhoneField_default = PhoneField;
-
-//#endregion
-export { PhoneField_default as default };

package/dist/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/serve.js

@@ -1,169 +0,0 @@
-import { request } from "../../../../../utils/index.js";
-import { locales } from "@pisell/utils";
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/serve.ts
-const formatData = (data) => {
-	return data.map((item, i) => {
-		return {
-			label: `${item.name} (+${item.calling_code})`,
-			value: "+" + item.calling_code,
-			key: i
-		};
-	});
-};
-const defaultCodes = formatData([
-	{
-		"name": "Mexico",
-		"code": "MX",
-		"calling_code": "52",
-		"currency_code": "MXN"
-	},
-	{
-		"name": "美国",
-		"code": "US",
-		"calling_code": "1",
-		"currency_code": "USD"
-	},
-	{
-		"name": "加拿大",
-		"code": "CA",
-		"calling_code": "1",
-		"currency_code": "CAD"
-	},
-	{
-		"name": "澳大利亚",
-		"code": "AU",
-		"calling_code": "61",
-		"currency_code": "AUD"
-	},
-	{
-		"name": "新西兰",
-		"code": "NZ",
-		"calling_code": "64",
-		"currency_code": "NZD"
-	},
-	{
-		"name": "新加坡",
-		"code": "SG",
-		"calling_code": "65",
-		"currency_code": "SGD"
-	},
-	{
-		"name": "香港特别行政区",
-		"code": "HK",
-		"calling_code": "852",
-		"currency_code": "HKD"
-	},
-	{
-		"name": "中国",
-		"code": "CN",
-		"calling_code": "86",
-		"currency_code": "AUD"
-	},
-	{
-		"name": "日本",
-		"code": "JP",
-		"calling_code": "81",
-		"currency_code": "JPY"
-	},
-	{
-		"name": "马来西亚",
-		"code": "MY",
-		"calling_code": "60",
-		"currency_code": "USD"
-	},
-	{
-		"name": "英国",
-		"code": "GB",
-		"calling_code": "44",
-		"currency_code": "GBP"
-	},
-	{
-		"name": "法国",
-		"code": "FR",
-		"calling_code": "33",
-		"currency_code": "EUR"
-	},
-	{
-		"name": "意大利",
-		"code": "IT",
-		"calling_code": "39",
-		"currency_code": "EUR"
-	},
-	{
-		"name": "Ireland",
-		"code": "IE",
-		"calling_code": "353",
-		"currency_code": "EUR"
-	},
-	{
-		"name": "Netherlands",
-		"code": "NL",
-		"calling_code": "31",
-		"currency_code": "EUR"
-	},
-	{
-		"name": "Germany",
-		"code": "DE",
-		"calling_code": "49",
-		"currency_code": "EUR"
-	},
-	{
-		"name": "Spain",
-		"code": "ES",
-		"calling_code": "34",
-		"currency_code": "EUR"
-	},
-	{
-		"name": "India",
-		"code": "IND",
-		"calling_code": "91",
-		"currency_code": "INR"
-	},
-	{
-		"name": "Nigeria",
-		"code": "NG",
-		"calling_code": "234",
-		"currency_code": "NGN"
-	},
-	{
-		"name": "Islamic Republic of Pakistan‎",
-		"code": "PAK",
-		"calling_code": "92",
-		"currency_code": "PRK"
-	},
-	{
-		"name": "Philippines",
-		"code": "PH",
-		"calling_code": "63",
-		"currency_code": "PHP"
-	},
-	{
-		"name": "Thailand",
-		"code": "TH",
-		"calling_code": "66",
-		"currency_code": "THB"
-	},
-	{
-		"name": "South Africa",
-		"code": "ZA",
-		"calling_code": "27",
-		"currency_code": "ZAR"
-	}
-]);
-const getCountries = async (params) => {
-	request.getRequest().get("/shop/area/country", { "translate-locale": locales.formatLocale(localStorage.getItem("umi_locale") || "en") }, {
-		abort: true,
-		useCache: true
-	}).then((res) => {
-		localStorage.setItem("pisell2_data_countries", JSON.stringify(formatData(res.data || [])));
-	});
-	let data = localStorage.getItem("pisell2_data_countries");
-	if (data) {
-		data = JSON.parse(data);
-		return data;
-	} else return defaultCodes;
-};
-
-//#endregion
-export { getCountries };

package/dist/es/components/pisellSelectCustomerModal/RightPanel/Add/index.js

@@ -1,136 +0,0 @@
-import PhoneField_default from "./PhoneField/index.js";
-import { addCustomer } from "../serve.js";
-import GenderField_default from "./GenderField/index.js";
-import BirthdayField_default from "./BirthdayField/index.js";
-import React, { useEffect } from "react";
-import { Button, Col, Form, Input, Row, message } from "antd";
-import { locales } from "@pisell/utils";
-import { useRequest } from "ahooks";
-import "./index.less";
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/Add/index.tsx
-const AddClient = (props) => {
-	const { onChange, phone } = props;
-	const [form] = Form.useForm();
-	const useIsChecked = Form.useWatch("is_checked", form);
-	useEffect(() => {
-		form.setFieldsValue({ phone: {
-			code: "+61",
-			phone
-		} });
-	}, [phone]);
-	const _addClient = useRequest(addCustomer, {
-		manual: true,
-		onSuccess: (res, param) => {
-			onChange({
-				...param[0]?.customer,
-				id: res.customer_id
-			});
-		}
-	});
-	const onFinish = (values) => {
-		const { phone: phone$1, ...rest } = values;
-		if (!values.first_name && !values.last_name && !values.email && !values?.phone?.phone) {
-			message.info(locales.getText("pisell2.text.add-client.confirm"));
-			return;
-		}
-		_addClient.run({
-			customer: {
-				accepts_marketing: 0,
-				register_channel: "shop",
-				tax_exempt: 1,
-				...rest,
-				first_name: rest.first_name || "",
-				last_name: rest.last_name || "",
-				note: rest.note || "",
-				email: rest.email || "",
-				country_calling_code: phone$1.code || "",
-				phone: phone$1.phone || ""
-			},
-			address: {
-				first_name: "",
-				last_name: "",
-				company: "",
-				address1: "",
-				address2: "",
-				city: "",
-				country_code: "AU",
-				province_code: "ACT",
-				phone: "",
-				country: "澳大利亚",
-				province: "Australian Capital Territory",
-				country_calling_code: "+61"
-			},
-			tags: []
-		});
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: "select-customer-right-panel-add-client" }, /* @__PURE__ */ React.createElement(Form, {
-		form,
-		onFinish,
-		layout: "vertical",
-		initialValues: {
-			is_checked: 0,
-			phone: {
-				code: "+61",
-				phone: ""
-			}
-		}
-	}, /* @__PURE__ */ React.createElement(Row, { gutter: [16, 0] }, /* @__PURE__ */ React.createElement(Col, { span: 12 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.firstname"),
-		name: "first_name"
-	}, /* @__PURE__ */ React.createElement(Input, { size: "large" }))), /* @__PURE__ */ React.createElement(Col, { span: 12 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.lastname"),
-		name: "last_name"
-	}, /* @__PURE__ */ React.createElement(Input, { size: "large" }))), /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.gender"),
-		name: "gender"
-	}, /* @__PURE__ */ React.createElement(GenderField_default, null))), /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.birthday"),
-		name: "birthday"
-	}, /* @__PURE__ */ React.createElement(BirthdayField_default, {
-		itemStyle: { flex: 1 },
-		style: {
-			display: "flex",
-			gap: 16,
-			width: "100%"
-		},
-		useSpace: false
-	}))), /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.phone"),
-		name: "phone"
-	}, /* @__PURE__ */ React.createElement(PhoneField_default, null))), /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.email"),
-		name: "email",
-		rules: [{
-			pattern: /^([a-zA-Z0-9_\-\.+])+@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,63})+$/,
-			message: locales.getText("pisell2.text.email-error-message")
-		}]
-	}, /* @__PURE__ */ React.createElement(Input, { size: "large" }))), /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-		label: locales.getText("pisell2.text.notes"),
-		name: "note"
-	}, /* @__PURE__ */ React.createElement(Input.TextArea, { size: "large" }))), /* @__PURE__ */ React.createElement(Form.Item, {
-		hidden: true,
-		name: "is_checked"
-	}, /* @__PURE__ */ React.createElement(Input, null))), /* @__PURE__ */ React.createElement("div", { className: "select-customer-right-panel-add-client__footer" }, /* @__PURE__ */ React.createElement(Button, {
-		size: "large",
-		style: { flex: 1 },
-		onClick: () => {
-			form.setFieldsValue({ is_checked: 0 });
-			form.submit();
-		},
-		loading: _addClient.loading && !useIsChecked
-	}, locales.getText("pisell2.text.save")), /* @__PURE__ */ React.createElement(Button, {
-		type: "primary",
-		size: "large",
-		style: { flex: 1 },
-		onClick: () => {
-			form.setFieldsValue({ is_checked: 1 });
-			form.submit();
-		},
-		loading: _addClient.loading && useIsChecked
-	}, locales.getText("pisell2.text.save-and-select")))));
-};
-var Add_default = AddClient;
-
-//#endregion
-export { Add_default as default };