@pisell/private-materials 6.6.9 → 6.6.11

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

@@ -1,138 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_index = require('./PhoneField/index.js');
-const require_serve = require('../serve.js');
-const require_index$1 = require('./GenderField/index.js');
-const require_index$2 = require('./BirthdayField/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let ahooks = require("ahooks");
-require("./index.less");
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/Add/index.tsx
-const AddClient = (props) => {
-	const { onChange, phone } = props;
-	const [form] = antd.Form.useForm();
-	const useIsChecked = antd.Form.useWatch("is_checked", form);
-	(0, react.useEffect)(() => {
-		form.setFieldsValue({ phone: {
-			code: "+61",
-			phone
-		} });
-	}, [phone]);
-	const _addClient = (0, ahooks.useRequest)(require_serve.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) {
-			antd.message.info(__pisell_utils.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.default.createElement("div", { className: "select-customer-right-panel-add-client" }, /* @__PURE__ */ react.default.createElement(antd.Form, {
-		form,
-		onFinish,
-		layout: "vertical",
-		initialValues: {
-			is_checked: 0,
-			phone: {
-				code: "+61",
-				phone: ""
-			}
-		}
-	}, /* @__PURE__ */ react.default.createElement(antd.Row, { gutter: [16, 0] }, /* @__PURE__ */ react.default.createElement(antd.Col, { span: 12 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.firstname"),
-		name: "first_name"
-	}, /* @__PURE__ */ react.default.createElement(antd.Input, { size: "large" }))), /* @__PURE__ */ react.default.createElement(antd.Col, { span: 12 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.lastname"),
-		name: "last_name"
-	}, /* @__PURE__ */ react.default.createElement(antd.Input, { size: "large" }))), /* @__PURE__ */ react.default.createElement(antd.Col, { span: 24 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.gender"),
-		name: "gender"
-	}, /* @__PURE__ */ react.default.createElement(require_index$1.default, null))), /* @__PURE__ */ react.default.createElement(antd.Col, { span: 24 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.birthday"),
-		name: "birthday"
-	}, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		itemStyle: { flex: 1 },
-		style: {
-			display: "flex",
-			gap: 16,
-			width: "100%"
-		},
-		useSpace: false
-	}))), /* @__PURE__ */ react.default.createElement(antd.Col, { span: 24 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.phone"),
-		name: "phone"
-	}, /* @__PURE__ */ react.default.createElement(require_index.default, null))), /* @__PURE__ */ react.default.createElement(antd.Col, { span: 24 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.email"),
-		name: "email",
-		rules: [{
-			pattern: /^([a-zA-Z0-9_\-\.+])+@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,63})+$/,
-			message: __pisell_utils.locales.getText("pisell2.text.email-error-message")
-		}]
-	}, /* @__PURE__ */ react.default.createElement(antd.Input, { size: "large" }))), /* @__PURE__ */ react.default.createElement(antd.Col, { span: 24 }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		label: __pisell_utils.locales.getText("pisell2.text.notes"),
-		name: "note"
-	}, /* @__PURE__ */ react.default.createElement(antd.Input.TextArea, { size: "large" }))), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
-		hidden: true,
-		name: "is_checked"
-	}, /* @__PURE__ */ react.default.createElement(antd.Input, null))), /* @__PURE__ */ react.default.createElement("div", { className: "select-customer-right-panel-add-client__footer" }, /* @__PURE__ */ react.default.createElement(antd.Button, {
-		size: "large",
-		style: { flex: 1 },
-		onClick: () => {
-			form.setFieldsValue({ is_checked: 0 });
-			form.submit();
-		},
-		loading: _addClient.loading && !useIsChecked
-	}, __pisell_utils.locales.getText("pisell2.text.save")), /* @__PURE__ */ react.default.createElement(antd.Button, {
-		type: "primary",
-		size: "large",
-		style: { flex: 1 },
-		onClick: () => {
-			form.setFieldsValue({ is_checked: 1 });
-			form.submit();
-		},
-		loading: _addClient.loading && useIsChecked
-	}, __pisell_utils.locales.getText("pisell2.text.save-and-select")))));
-};
-var Add_default = AddClient;
-
-//#endregion
-exports.default = Add_default;

package/dist/lib/components/pisellSelectCustomerModal/RightPanel/Add/index.less

@@ -1,35 +0,0 @@
-.select-customer-right-panel-add-client {
-  width: 100%;
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  position: relative;
-
-  .select-customer-right-panel-add-client__footer {
-    position: sticky;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    background-color: #fff;
-    display: flex;
-    gap: 16px;
-  }
-}
-
-input::-webkit-inner-spin-button,
-input::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-  appearance: none;
-}

package/dist/lib/components/pisellSelectCustomerModal/RightPanel/List/index.js

@@ -1,57 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_index = require('../../CustomerCard/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let __pisell_icon_es_PlusCircle = require("@pisell/icon/es/PlusCircle");
-__pisell_icon_es_PlusCircle = require_rolldown_runtime.__toESM(__pisell_icon_es_PlusCircle);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_materials = require("@pisell/materials");
-let __pisell_icon_es_CheckCircle = require("@pisell/icon/es/CheckCircle");
-__pisell_icon_es_CheckCircle = require_rolldown_runtime.__toESM(__pisell_icon_es_CheckCircle);
-require("./index.less");
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/List/index.tsx
-const CustomerList = (props) => {
-	const { value, onChange, phone, customerOrigin, onLoadMore, loading, setPage } = props;
-	const list = (0, react.useMemo)(() => {
-		return customerOrigin?.list || [];
-	}, [customerOrigin, phone]);
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, list.length ? /* @__PURE__ */ react.default.createElement("div", { className: "select-customer-right-panel-list" }, list.map((item) => {
-		const active = item.id === value?.id;
-		return /* @__PURE__ */ react.default.createElement(require_index.default, {
-			key: item.id,
-			className: (0, classnames.default)("select-customer-right-panel-item", { "select-customer-right-panel-item-active": active }),
-			customer: item,
-			showIcon: active,
-			customIcon: /* @__PURE__ */ react.default.createElement(__pisell_icon_es_CheckCircle.default, { style: {
-				fontSize: 28,
-				color: "#079455"
-			} }),
-			onClickItem: () => {
-				onChange(item);
-			}
-		});
-	}), customerOrigin.list.length < customerOrigin.count ? /* @__PURE__ */ react.default.createElement("div", { className: "select-customer-right-panel-load-more" }, /* @__PURE__ */ react.default.createElement(antd.Button, {
-		onClick: onLoadMore,
-		loading
-	}, __pisell_utils.locales.getText("pisell2.text.load-more"))) : null) : !loading ? /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellEmpty, {
-		description: __pisell_utils.locales.getText("pisell2.text.no-results-found"),
-		imageStyle: { height: "auto" },
-		extraDescription: /* @__PURE__ */ react.default.createElement("div", {
-			className: "select-customer-right-panel-add",
-			onClick: () => {
-				setPage("create");
-			}
-		}, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_PlusCircle.default, { className: "select-customer-right-panel-header-icon" }), /* @__PURE__ */ react.default.createElement("span", null, __pisell_utils.locales.getText("pisell2.text.create-new-client")))
-	}) : /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
-		round: true,
-		active: true
-	}));
-};
-var List_default = CustomerList;
-
-//#endregion
-exports.default = List_default;

package/dist/lib/components/pisellSelectCustomerModal/RightPanel/List/index.less

@@ -1,49 +0,0 @@
-.select-customer-right-panel-list {
-  width: 100%;
-  flex: 1;
-  overflow-y: auto;
-
-  .select-customer-right-panel-item {
-    border: none;
-    position: relative;
-
-    // &::before {
-    //   content: '';
-    //   position: absolute;
-    //   bottom: 0;
-    //   left: 0;
-    //   width: 100%;
-    //   height: 100%;
-    //   background: transparent;
-    //   z-index: 1;
-    //   height: 1px;
-    //   background-color: #eaecf0;
-    // }
-
-    &.select-customer-right-panel-item-active,
-    &:hover {
-      background: var(--Gray-100, #F2F4F7);
-
-      // &::before {
-      // display: none;
-      // }
-    }
-  }
-}
-
-.select-customer-right-panel-load-more {
-  padding: 10px 0;
-  text-align: center;
-}
-
-.select-customer-right-panel-add {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: #7f56d9;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  gap: 8px;
-}

package/dist/lib/components/pisellSelectCustomerModal/RightPanel/index.js

@@ -1,111 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../../hooks/useEngineContext.js');
-const require_index = require('../../../utils/index.js');
-const require_serve = require('./serve.js');
-const require_index$1 = require('./List/index.js');
-const require_index$2 = require('./Add/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let __pisell_icon_es_PlusCircle = require("@pisell/icon/es/PlusCircle");
-__pisell_icon_es_PlusCircle = require_rolldown_runtime.__toESM(__pisell_icon_es_PlusCircle);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let ahooks = require("ahooks");
-let __pisell_icon_es_ChevronLeft = require("@pisell/icon/es/ChevronLeft");
-__pisell_icon_es_ChevronLeft = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronLeft);
-require("./index.less");
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/index.tsx
-const defaultParams = {
-	skip: 1,
-	num: 10,
-	sort_by: "id",
-	search: ""
-};
-const RightPanel = (props) => {
-	const { value, onChange, phone } = props;
-	const [page, setPage] = (0, react.useState)("list");
-	const context = require_useEngineContext.default();
-	require_index.request.setRequest(context.appHelper.utils.request);
-	const [customerOrigin, setCustomerOrigin] = (0, react.useState)({
-		skip: 1,
-		count: 0,
-		list: []
-	});
-	const [params, setParams] = (0, react.useState)(defaultParams);
-	const _getCustomerList = (0, ahooks.useRequest)(require_serve.getCustomerList, {
-		manual: true,
-		onSuccess: (res, param) => {
-			const _params = param[0];
-			setParams(_params);
-			let list = [];
-			if (_params.skip === 1) list = res.list;
-			else list = customerOrigin.list.concat(res.list);
-			setCustomerOrigin({
-				...res,
-				list
-			});
-		}
-	});
-	(0, react.useEffect)(() => {
-		if (page !== "list") return;
-		_getCustomerList.run({
-			...defaultParams,
-			search: phone
-		});
-	}, [phone, page]);
-	const header = (0, react.useMemo)(() => {
-		if (page === "list") return /* @__PURE__ */ react.default.createElement("div", { className: "select-customer-right-panel-header" }, /* @__PURE__ */ react.default.createElement("span", null, phone ? __pisell_utils.locales.getText("pisell2.text.result-found") : __pisell_utils.locales.getText("pisell2.text.personnel-list")), /* @__PURE__ */ react.default.createElement("span", {
-			className: "select-customer-right-panel-header-create-btn",
-			onClick: () => {
-				setPage("create");
-			}
-		}, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_PlusCircle.default, { className: "select-customer-right-panel-header-icon" }), __pisell_utils.locales.getText("pisell2.text.create")));
-		return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("select-customer-right-panel-header", { "select-customer-right-panel-header-create": page === "create" }) }, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronLeft.default, {
-			className: "select-customer-right-panel-header-icon select-customer-right-panel-header-icon-back",
-			onClick: () => {
-				setPage("list");
-			}
-		}), __pisell_utils.locales.getText("pisell2.text.create-new-client"));
-	}, [phone, page]);
-	/**
-	* @title: 创建客户
-	* @description:
-	* @param {any} values
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-11-02 09:31
-	*/
-	const addChange = (values) => {
-		setPage("list");
-		if (values?.is_checked) onChange?.(values);
-		setCustomerOrigin({
-			...customerOrigin,
-			count: customerOrigin.count + 1,
-			list: [values].concat(customerOrigin.list)
-		});
-	};
-	return /* @__PURE__ */ react.default.createElement("div", { className: "select-customer-right-panel" }, /* @__PURE__ */ react.default.createElement("div", { className: "select-customer-right-panel-header" }, header), page === "list" ? /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		loading: _getCustomerList.loading,
-		phone,
-		customerOrigin,
-		value,
-		onChange,
-		onLoadMore: () => {
-			if (customerOrigin.list.length >= customerOrigin.count) return;
-			_getCustomerList.run({
-				...params,
-				skip: params.skip + 1
-			});
-		},
-		setPage
-	}) : null, page === "create" ? /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		phone,
-		onChange: addChange
-	}) : null);
-};
-var RightPanel_default = RightPanel;
-
-//#endregion
-exports.default = RightPanel_default;

package/dist/lib/components/pisellSelectCustomerModal/RightPanel/index.less

@@ -1,50 +0,0 @@
-.select-customer-right-panel {
-  width: 348px;
-  height: 511px;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  .select-customer-right-panel-header {
-    color: var(--Gray-900, #101828);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 44px;
-    position: sticky;
-    top: 0;
-    left: 0;
-    width: 100%;
-    z-index: 1;
-    background-color: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .select-customer-right-panel-header-create {
-      justify-content: flex-start;
-    }
-
-    .select-customer-right-panel-header-create-btn {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-    }
-
-    .select-customer-right-panel-header-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 44px;
-      height: 44px;
-      cursor: pointer;
-      font-size: 24px;
-    }
-
-    .select-customer-right-panel-header-icon-back {
-      justify-content: flex-start;
-      width: 24px;
-    }
-  }
-}

package/dist/lib/components/pisellSelectCustomerModal/RightPanel/serve.js

@@ -1,20 +0,0 @@
-const require_index = require('../../../utils/index.js');
-
-//#region src/components/pisellSelectCustomerModal/RightPanel/serve.ts
-const getCustomerList = async (params) => {
-	let { data } = await require_index.request.getRequest().get(`/shop/customer/select-list`, params, {
-		abort: true,
-		fullResult: true
-	});
-	return data;
-};
-const addCustomer = async (params) => {
-	return (await require_index.request.getRequest().post(`/shop/customer`, params, {
-		abort: true,
-		fullResult: true
-	}))?.data;
-};
-
-//#endregion
-exports.addCustomer = addCustomer;
-exports.getCustomerList = getCustomerList;

package/dist/lib/components/pisellSelectCustomerModal/index.d.ts

@@ -1,18 +0,0 @@
-import { CustomerCardProps } from "./CustomerCard/index.js";
-import { PopoverProps } from "antd";
-import "./index.less";
-
-//#region src/components/pisellSelectCustomerModal/index.d.ts
-type CustomerDetail = any;
-interface PisellSelectCustomerModalProps {
-  value?: CustomerDetail;
-  onChange: (e: CustomerDetail) => void;
-  popoverProps: PopoverProps;
-  cardProps?: CustomerCardProps;
-  virtualKeyboardProps?: any;
-  keyboardProps?: any;
-  virtualKeyInputProps?: any;
-}
-declare const PisellSelectCustomerModal: (props: PisellSelectCustomerModalProps) => JSX.Element;
-//#endregion
-export { PisellSelectCustomerModal };

package/dist/lib/components/pisellSelectCustomerModal/index.js

@@ -1,198 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_locales = require('../../utils/locales.js');
-const require_useEngineContext = require('../../hooks/useEngineContext.js');
-const require_index = require('./CustomerCard/index.js');
-const require_index$1 = require('./RightPanel/index.js');
-const require_locales$1 = require('./locales.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/pisellSelectCustomerModal/index.tsx
-const items = [
-	{
-		value: 1,
-		label: "1",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 2,
-		label: "2",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 3,
-		label: "3",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 4,
-		label: "4",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 5,
-		label: "5",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 6,
-		label: "6",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 7,
-		label: "7",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 8,
-		label: "8",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: 9,
-		label: "9",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: "+",
-		label: "+",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: "0",
-		label: "0",
-		disabled: false,
-		type: "text"
-	},
-	{
-		value: "reset",
-		label: "Reset",
-		disabled: false,
-		type: "text"
-	}
-];
-const PisellSelectCustomerModal = (props) => {
-	const { onChange, value, popoverProps, virtualKeyboardProps, keyboardProps, virtualKeyInputProps, cardProps } = props;
-	const [open, setOpen] = (0, react.useState)(false);
-	const [_value, set_value] = (0, react.useState)();
-	const [phone, setPhone] = (0, react.useState)("");
-	require_useEngineContext.default();
-	__pisell_utils.locales.init(require_locales$1.default, require_locales.getLocale());
-	(0, react.useEffect)(() => {
-		set_value(value);
-	}, [value]);
-	/**
-	* @title: 返回逻辑
-	* @description:
-	* @param {any} e
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-11-02 09:30
-	*/
-	const _onChange = (e) => {
-		set_value(e);
-		onChange?.(e);
-		setOpen(false);
-	};
-	const onOpenChange = (e) => {
-		setOpen(e);
-	};
-	(0, react.useEffect)(() => {
-		if (open) document.body.classList.add("hide-scroll");
-		else setTimeout(() => {
-			document.body.classList.remove("hide-scroll");
-		}, 150);
-	}, [open]);
-	(0, react.useEffect)(() => {
-		document.body.id = "body";
-	}, []);
-	const adjustFontSize = (0, react.useMemo)(() => {
-		if (!phone) return 30;
-		const maxFontSize = 60;
-		const minFontSize = 10;
-		const defaultFontSize = maxFontSize;
-		const inputWidth = 248;
-		const span = document.createElement("span");
-		span.style.position = "absolute";
-		span.style.whiteSpace = "nowrap";
-		span.style.visibility = "hidden";
-		span.style.fontSize = `${defaultFontSize}px`;
-		span.textContent = phone;
-		document.body.appendChild(span);
-		let fontSize = maxFontSize;
-		while (span.offsetWidth > inputWidth && fontSize > minFontSize) {
-			fontSize -= .5;
-			span.style.fontSize = `${fontSize}px`;
-		}
-		document.body.removeChild(span);
-		return fontSize;
-	}, [phone]);
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Popover, {
-		content: /* @__PURE__ */ react.default.createElement(__pisell_materials.VirtualKeyboard, {
-			style: { zoom: .8 },
-			keyboardProps: {
-				keydown: false,
-				items,
-				onChange: (e) => {
-					if (e === "reset") {
-						setPhone("");
-						return;
-					}
-					setPhone(phone + String(e));
-				},
-				...keyboardProps
-			},
-			virtualKeyInputProps: {
-				value: phone,
-				onChange: (e) => {
-					setPhone(e.target.value);
-				},
-				placeholder: __pisell_utils.locales.getText("pisell2.text.search-customer-by-phone-number"),
-				style: {
-					textAlign: "left",
-					fontSize: adjustFontSize
-				},
-				className: "pisell-select-customer-modal-input",
-				...virtualKeyInputProps
-			},
-			rightPanel: /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-				value: _value,
-				phone,
-				onChange: _onChange
-			}),
-			...virtualKeyboardProps
-		}),
-		open,
-		placement: "bottom",
-		arrow: false,
-		onOpenChange,
-		trigger: ["click"],
-		...popoverProps
-	}, /* @__PURE__ */ react.default.createElement(require_index.default, {
-		onClickItem: () => {
-			setOpen(true);
-		},
-		customer: _value,
-		onRemove: _onChange,
-		...cardProps
-	})));
-};
-var pisellSelectCustomerModal_default = PisellSelectCustomerModal;
-
-//#endregion
-exports.default = pisellSelectCustomerModal_default;