@pisell/private-materials 6.6.7 → 6.6.9

package/dist/es/components/eftposPay/windcave/windcave.js

@@ -0,0 +1,242 @@
+import { ModeEnum, StatusEnum } from "../const.js";
+import { StemTypeEnum, StepStatusEnum, getStepMapping } from "./const.js";
+import { getPayParams, getUuid } from "../helper.js";
+import { updateCustom, updateState, useContextData, useDispatch } from "../store/index.js";
+import { useStoreRef } from "../hooks.js";
+import step_default from "../component/step/step.js";
+import { useFail, useValidate } from "./helper.js";
+import receiptAction_default, { ReceiptAction } from "./receiptAction.js";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import { locales, sendWarningLog } from "@pisell/utils";
+
+//#region src/components/eftposPay/windcave/windcave.tsx
+const Minute = 1e3 * 60;
+var windcave_default = ({ api, onChange, formatAmount: formatAmount$1 = (number, precision, symbol) => `${symbol}${number}` }) => {
+	const { custom, status } = useContextData();
+	const { deviceRef, payRef, numRef, orderIdRef, modeRef, statusRef, netRef, symbolRef, amountRef, eftposRef, dataRef } = useStoreRef();
+	const dispatch = useDispatch();
+	const fail = useFail();
+	const failRef = useRef(fail);
+	const unloadRef = useRef(false);
+	const stepRef = useRef(custom?.step);
+	const listRef = useRef(custom?.list);
+	const initRef = useRef(false);
+	const clearRef = useRef();
+	/** 是否是签名页面 */
+	const isReceiptPage = useMemo(() => custom?.step === StepStatusEnum.Receipt, [custom?.step]);
+	/** 签名页面状态 */
+	const receiptPage = useMemo(() => custom?.step !== StepStatusEnum.Receipt ? "" : custom?.receiptPage || "receipt", [custom?.step, custom?.receiptPage]);
+	const [disabled, setDisabled] = useState(false);
+	useEffect(() => {
+		listRef.current = custom?.list;
+	}, [custom?.list]);
+	useEffect(() => {
+		stepRef.current = custom?.step;
+	}, [custom?.step]);
+	useEffect(() => {
+		failRef.current = fail;
+	}, [fail]);
+	/**
+	* @title:  查询支付状态
+	* @description: 轮询 api.check 检查支付状态, 中间状态转换在 useValidate 中进行,结束在当前回调中完成
+	* @param {*} useValidate
+	* @return {*}
+	* @Author: hongbing.wang
+	* @Date: 2024-08-12 11:02
+	*/
+	const [run, validateRef] = useValidate(api.check, Minute, (res) => {
+		let receipt = Array.isArray(res?.receipt) ? res.receipt : [res.receipt];
+		receipt = receipt.filter((item) => typeof item === "string").filter(Boolean);
+		dispatch(updateCustom({
+			list: listRef.current.map((item) => ({
+				...item,
+				status: "resolve"
+			})),
+			card_reader_surcharge: res?.card_reader_surcharge || 0,
+			receipt
+		}));
+		dispatch(updateState({
+			status: "success",
+			title: locales.getText("page.eftpos-pay.text.successful")(modeRef.current)
+		}));
+		clearRef.current = setTimeout(() => {
+			onChange("success", {
+				...getPayParams({
+					mode: modeRef.current,
+					amount: amountRef.current,
+					order_id: orderIdRef.current,
+					number: numRef.current,
+					device: deviceRef.current,
+					pay: payRef.current,
+					custom: {
+						card_reader_surcharge: res?.card_reader_surcharge || 0,
+						receipt
+					}
+				}, "success"),
+				receipt: (deviceRef.current?.setting)?.receipts ? [] : receipt
+			});
+		}, 1e3);
+	});
+	const controllerRef = useRef();
+	useEffect(() => {
+		if (statusRef.current === StatusEnum.Success || statusRef.current === StatusEnum.Fail) return;
+		if (initRef.current) return;
+		initRef.current = true;
+		if (stepRef.current === StepStatusEnum.Receipt) {
+			if (StatusEnum.Loading === statusRef.current) run();
+			else run(-1);
+			return;
+		}
+		controllerRef.current = new AbortController();
+		if (numRef.current) {
+			run();
+			return;
+		}
+		console.log("modeRef.current = ", modeRef.current);
+		numRef.current = getUuid();
+		dispatch(updateState({ number: numRef.current }));
+		const isPay = modeRef.current === ModeEnum.Pay || modeRef.current === ModeEnum.FullPay;
+		let _params = {};
+		if (isPay) _params = {
+			...custom?.platform ? {
+				"operator_id": custom.operator_id,
+				"operator_type": custom.operator_type,
+				"platform": custom.platform,
+				"custom_payment_id": custom.custom_payment_id,
+				"service_charge": {
+					"amount": payRef.current.surMoney,
+					"percentage": payRef.current.surPercentRate
+				},
+				"original_amount": payRef.current.amount
+			} : {},
+			order_id: orderIdRef.current,
+			amount: payRef.current.total,
+			card_reader_type: eftposRef.current,
+			card_reader_id: deviceRef.current?.id,
+			number: numRef.current,
+			pay_param_base64: encodeURIComponent(btoa(encodeURIComponent(JSON.stringify({
+				...dataRef.current,
+				number: numRef.current
+			}))))
+		};
+		else _params = {
+			order_id: orderIdRef.current,
+			amount: amountRef.current,
+			card_reader_type: eftposRef.current,
+			card_reader_id: deviceRef.current?.id,
+			number: numRef.current,
+			pay_param_base64: encodeURIComponent(btoa(encodeURIComponent(JSON.stringify({
+				...dataRef.current,
+				number: numRef.current
+			}))))
+		};
+		(isPay ? api.pay(_params, { signal: controllerRef.current.signal }) : api.refund(_params, { signal: controllerRef.current.signal })).then((res) => {
+			if (unloadRef.current || !netRef.current) return;
+			if (res && `${res.code}` === "200" && res.data && res.data.txn_status_id) {
+				validateRef.current?.(res, true);
+				return;
+			}
+			sendWarningLog({
+				title: "windcave支付失败",
+				content: [{
+					key: "res",
+					value: JSON.stringify(res)
+				}, {
+					key: "params",
+					value: JSON.stringify(_params)
+				}]
+			});
+			failRef.current?.(res, stepRef.current >= StepStatusEnum.Account);
+		}).catch((res) => {
+			let isNoNet = unloadRef.current || !netRef.current;
+			sendWarningLog({
+				title: "windcave支付失败",
+				content: [
+					{
+						key: "error",
+						value: JSON.stringify(res)
+					},
+					{
+						key: "params",
+						value: JSON.stringify(_params)
+					},
+					{
+						key: "isNoNet",
+						value: isNoNet ? "1" : "0"
+					}
+				]
+			});
+			if (isNoNet) return;
+			failRef.current?.(res, stepRef.current >= StepStatusEnum.Account);
+		});
+	}, [
+		api,
+		run,
+		dispatch
+	]);
+	/**
+	* @title: 取消支付
+	* @Author: hongbing.wang
+	* @Date: 2024-08-20 12:51
+	*/
+	const onCancel = () => {
+		setDisabled(true);
+		api.update({
+			type: "CANCEL",
+			number: numRef.current
+		});
+	};
+	useEffect(() => () => {
+		unloadRef.current = true;
+		controllerRef.current?.abort?.();
+		if (clearRef.current) clearTimeout(clearRef.current);
+	}, []);
+	/**
+	* @title:  签名状态
+	* @param {boolean} status 签名状态
+	* @Author: hongbing.wang
+	* @Date: 2024-08-20 12:54
+	*/
+	const onChangeReceipt = (status$1) => {
+		if (status$1) run();
+	};
+	useEffect(() => {
+		if (listRef.current.length === 0) {
+			let totalUnit = "";
+			if (modeRef.current === ModeEnum.Pay || modeRef.current === ModeEnum.FullPay) totalUnit = payRef.current?.totalUnit;
+			else if (modeRef.current === ModeEnum.Refund) if (payRef.current) totalUnit = payRef.current.totalUnit;
+			else {
+				totalUnit = formatAmount$1(amountRef.current, 2, symbolRef.current);
+				dispatch(updateState({ pay: {
+					total: amountRef.current,
+					totalUnit
+				} }));
+			}
+			dispatch(updateCustom({
+				list: [getStepMapping(StepStatusEnum.Free, {
+					money: totalUnit,
+					mode: modeRef.current
+				})],
+				step: StepStatusEnum.Free
+			}));
+		}
+	}, [dispatch]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-body" }, receiptPage !== "again" ? (custom?.list).map((item) => /* @__PURE__ */ React.createElement(step_default, {
+		key: item.index,
+		pedding: item.pedding,
+		resolve: item.resolve,
+		reject: item.reject,
+		status: item.status,
+		className: item.type === StemTypeEnum.Passive && item.status === "pedding" ? "pisell-lowcode__eft-pay-step-item-warn" : ""
+	})) : null, receiptPage === "again" ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body" }, locales.getText("page.eftpos-pay.text.signature.text")(modeRef.current)) : null, status === StatusEnum.Loading ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, locales.getText("page.eftpos-pay.text.processing")) : null, status === StatusEnum.Success ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, locales.getText("page.eftpos-pay.text.transaction.end")) : null), !isReceiptPage && status !== StatusEnum.Success ? /* @__PURE__ */ React.createElement(receiptAction_default, {
+		index: custom?.step,
+		onCancel,
+		disabled
+	}) : null, isReceiptPage ? /* @__PURE__ */ React.createElement(ReceiptAction, {
+		api,
+		onChange: onChangeReceipt
+	}) : null);
+};
+
+//#endregion
+export { windcave_default as default };

package/dist/es/components/eventBooking/assets/calendar-heart.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="calendar-heart-01">
+<path id="Icon" d="M14 5.33333H2M10.6667 1.33333V3.33333M5.33333 1.33333V3.33333M5.2 14.6667H10.8C11.9201 14.6667 12.4802 14.6667 12.908 14.4487C13.2843 14.2569 13.5903 13.951 13.782 13.5746C14 13.1468 14 12.5868 14 11.4667V5.86666C14 4.74656 14 4.1865 13.782 3.75868C13.5903 3.38236 13.2843 3.0764 12.908 2.88465C12.4802 2.66666 11.9201 2.66666 10.8 2.66666H5.2C4.0799 2.66666 3.51984 2.66666 3.09202 2.88465C2.71569 3.0764 2.40973 3.38236 2.21799 3.75868C2 4.1865 2 4.74656 2 5.86666V11.4667C2 12.5868 2 13.1468 2.21799 13.5746C2.40973 13.951 2.71569 14.2569 3.09202 14.4487C3.51984 14.6667 4.0799 14.6667 5.2 14.6667ZM7.99817 8.22039C7.46501 7.6144 6.57593 7.45138 5.90792 8.0063C5.23991 8.56121 5.14586 9.48899 5.67045 10.1453C6.05133 10.6218 7.10618 11.5598 7.65555 12.0379C7.77465 12.1416 7.8342 12.1934 7.90398 12.214C7.96442 12.2318 8.03192 12.2318 8.09237 12.214C8.16215 12.1934 8.2217 12.1416 8.34079 12.0379C8.89017 11.5598 9.94502 10.6218 10.3259 10.1453C10.8505 9.48899 10.7679 8.55537 10.0884 8.0063C9.40893 7.45722 8.53133 7.6144 7.99817 8.22039Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/dist/es/components/eventBooking/assets/compass.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="compass-03" clip-path="url(#clip0_4360_1258)">
+<g id="Icon">
+<path d="M8.00004 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33334 8.00004 1.33334C4.31814 1.33334 1.33337 4.3181 1.33337 8C1.33337 11.6819 4.31814 14.6667 8.00004 14.6667Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.81478 5.51065C10.1405 5.40208 10.3033 5.3478 10.4116 5.38641C10.5059 5.42002 10.58 5.49418 10.6136 5.58842C10.6522 5.69672 10.598 5.85957 10.4894 6.18527L9.4977 9.16035C9.46678 9.25311 9.45132 9.29949 9.42497 9.33801C9.40164 9.37212 9.37216 9.4016 9.33805 9.42494C9.29953 9.45128 9.25315 9.46674 9.16039 9.49766L6.1853 10.4894C5.85961 10.5979 5.69676 10.6522 5.58846 10.6136C5.49422 10.58 5.42006 10.5058 5.38645 10.4116C5.34783 10.3033 5.40212 10.1404 5.51068 9.81474L6.50238 6.83965C6.5333 6.74689 6.54876 6.70051 6.57511 6.662C6.59844 6.62788 6.62792 6.5984 6.66203 6.57507C6.70055 6.54872 6.74693 6.53326 6.83969 6.50234L9.81478 5.51065Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_4360_1258">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/es/components/eventBooking/assets/image.svg

@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="image-03">
+<path id="Icon" d="M6.40814 31.0919L16.3029 21.1971C16.897 20.603 17.194 20.306 17.5365 20.1947C17.8377 20.0968 18.1623 20.0968 18.4635 20.1947C18.806 20.306 19.103 20.603 19.6971 21.1971L29.5259 31.0259M21 22.5L25.3029 18.1971C25.897 17.603 26.194 17.306 26.5365 17.1947C26.8377 17.0968 27.1623 17.0968 27.4635 17.1947C27.806 17.306 28.103 17.603 28.6971 18.1971L33 22.5M15 13.5C15 15.1569 13.6569 16.5 12 16.5C10.3431 16.5 9 15.1569 9 13.5C9 11.8431 10.3431 10.5 12 10.5C13.6569 10.5 15 11.8431 15 13.5ZM10.2 31.5H25.8C28.3202 31.5 29.5804 31.5 30.543 31.0095C31.3897 30.5781 32.0781 29.8897 32.5095 29.043C33 28.0804 33 26.8202 33 24.3V11.7C33 9.17976 33 7.91965 32.5095 6.95704C32.0781 6.11031 31.3897 5.4219 30.543 4.99047C29.5804 4.5 28.3202 4.5 25.8 4.5H10.2C7.67976 4.5 6.41965 4.5 5.45704 4.99047C4.61031 5.4219 3.9219 6.11031 3.49047 6.95704C3 7.91965 3 9.17976 3 11.7V24.3C3 26.8202 3 28.0804 3.49047 29.043C3.9219 29.8897 4.61031 30.5781 5.45704 31.0095C6.41965 31.5 7.67976 31.5 10.2 31.5Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/dist/es/components/eventBooking/assets/phone.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="phone">
+<path id="Icon" d="M5.58685 5.90215C6.05085 6.86856 6.68338 7.77433 7.48443 8.57538C8.28548 9.37643 9.19124 10.009 10.1577 10.473C10.2408 10.5129 10.2823 10.5328 10.3349 10.5482C10.5218 10.6026 10.7513 10.5635 10.9096 10.4502C10.9542 10.4183 10.9923 10.3802 11.0685 10.304C11.3016 10.0709 11.4181 9.95435 11.5353 9.87816C11.9772 9.59083 12.5469 9.59083 12.9889 9.87816C13.106 9.95435 13.2226 10.0709 13.4556 10.304L13.5856 10.4339C13.9399 10.7882 14.117 10.9653 14.2132 11.1556C14.4046 11.5339 14.4046 11.9808 14.2132 12.3592C14.117 12.5494 13.9399 12.7266 13.5856 13.0809L13.4805 13.1859C13.1274 13.539 12.9508 13.7156 12.7108 13.8504C12.4445 14 12.0308 14.1076 11.7253 14.1067C11.45 14.1059 11.2619 14.0525 10.8856 13.9456C8.86333 13.3717 6.95509 12.2887 5.36311 10.6967C3.77112 9.10471 2.68814 7.19647 2.11416 5.17421C2.00735 4.79791 1.95395 4.60976 1.95313 4.33446C1.95222 4.02898 2.0598 3.61532 2.20941 3.34898C2.34424 3.10896 2.52078 2.93242 2.87386 2.57934L2.97895 2.47425C3.33325 2.11995 3.5104 1.94281 3.70065 1.84658C4.07903 1.6552 4.52587 1.6552 4.90424 1.84658C5.0945 1.94281 5.27164 2.11995 5.62594 2.47425L5.75585 2.60416C5.98892 2.83723 6.10546 2.95377 6.18165 3.07095C6.46898 3.51288 6.46898 4.0826 6.18165 4.52453C6.10546 4.64171 5.98892 4.75825 5.75585 4.99132C5.67964 5.06753 5.64154 5.10563 5.60965 5.15017C5.49631 5.30846 5.45717 5.53796 5.51165 5.72487C5.52698 5.77746 5.54694 5.81902 5.58685 5.90215Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/dist/es/components/eventBooking/assets/shopping-cart.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="shopping-cart-01" clip-path="url(#clip0_12002_1017)">
+<path id="Icon" d="M1.6665 1.66663H2.75497C2.95999 1.66663 3.0625 1.66663 3.14499 1.70433C3.21769 1.73755 3.27929 1.79098 3.32246 1.85825C3.37145 1.93458 3.38595 2.03606 3.41494 2.23901L3.80936 4.99996M3.80936 4.99996L4.68594 11.4428C4.79718 12.2604 4.85279 12.6692 5.04825 12.9769C5.22049 13.2481 5.46741 13.4637 5.7593 13.5978C6.09056 13.75 6.50312 13.75 7.32826 13.75H14.4598C15.2453 13.75 15.638 13.75 15.959 13.6086C16.242 13.484 16.4847 13.2832 16.6601 13.0285C16.8589 12.7396 16.9324 12.3538 17.0794 11.5823L18.1824 5.79137C18.2342 5.5198 18.26 5.38401 18.2225 5.27788C18.1897 5.18477 18.1248 5.10636 18.0395 5.05664C17.9422 4.99996 17.804 4.99996 17.5275 4.99996H3.80936ZM8.33317 17.5C8.33317 17.9602 7.96007 18.3333 7.49984 18.3333C7.0396 18.3333 6.6665 17.9602 6.6665 17.5C6.6665 17.0397 7.0396 16.6666 7.49984 16.6666C7.96007 16.6666 8.33317 17.0397 8.33317 17.5ZM14.9998 17.5C14.9998 17.9602 14.6267 18.3333 14.1665 18.3333C13.7063 18.3333 13.3332 17.9602 13.3332 17.5C13.3332 17.0397 13.7063 16.6666 14.1665 16.6666C14.6267 16.6666 14.9998 17.0397 14.9998 17.5Z" stroke="#344054" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_12002_1017">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/es/components/eventBooking/components/ErrorTip/index.js

@@ -0,0 +1,14 @@
+import { Iconfont } from "@pisell/materials";
+import "./index.less";
+
+//#region src/components/eventBooking/components/ErrorTip/index.tsx
+const ErrorTip = ({ text }) => {
+	return /* @__PURE__ */ React.createElement("div", { className: "event-booking-error-tip" }, /* @__PURE__ */ React.createElement("div", { className: "error-icon-wrapper" }, /* @__PURE__ */ React.createElement(Iconfont, {
+		type: "pisell2-alert-circle",
+		className: "icon-warning"
+	})), /* @__PURE__ */ React.createElement("span", null, text));
+};
+var ErrorTip_default = ErrorTip;
+
+//#endregion
+export { ErrorTip_default as default };

package/dist/es/components/eventBooking/components/ErrorTip/index.less

@@ -0,0 +1,51 @@
+.event-booking-error-tip {
+  margin-bottom: 16px;
+  display: flex;
+  align-items: center;
+  padding: 6px 16px 6px 6px;
+  gap: 16px;
+  align-self: stretch;
+  border-radius: 12px;
+  border: 1px solid var(--Error-300, #fda29b);
+  background: var(--Error-25, #fffbfa);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  color: var(--Error-700, #b42318);
+  font-size: 14px;
+  font-weight: 600;
+
+  .error-icon-wrapper {
+    position: relative;
+    width: 38px;
+    height: 38px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &::before {
+      content: '';
+      position: absolute;
+      width: 38px;
+      height: 38px;
+      border-radius: 50%;
+      border: 2px solid var(--Error-600, #d92d20);
+      opacity: 0.1;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      border: 2px solid var(--Error-600, #d92d20);
+      opacity: 0.3;
+    }
+
+    .icon-warning {
+      position: relative;
+      z-index: 1;
+      font-size: 20px;
+      color: #ff4d4f;
+    }
+  }
+}

package/dist/es/components/eventBooking/components/OpenCard/index.js

@@ -0,0 +1,32 @@
+import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
+import classNames from "classnames";
+import { Iconfont } from "@pisell/materials";
+import "./index.less";
+
+//#region src/components/eventBooking/components/OpenCard/index.tsx
+const OpenCard = ({ children, title, className, scrollErrorId, initOpen = true, extra, isClick = true, showArrow = true, showBorder = false, showHeader = true }, ref) => {
+	const [isOpen, setIsOpen] = useState(true);
+	useEffect(() => {
+		if (initOpen === false) setIsOpen(false);
+	}, [initOpen]);
+	useImperativeHandle(ref, () => {
+		return { open: () => setIsOpen(true) };
+	});
+	return /* @__PURE__ */ React.createElement("div", {
+		id: scrollErrorId,
+		className: classNames("open-card", {
+			open: isOpen,
+			"open-card-border": showBorder
+		}, className)
+	}, showHeader ? /* @__PURE__ */ React.createElement("div", {
+		className: "header",
+		onClick: () => isClick ? setIsOpen(!isOpen) : null
+	}, /* @__PURE__ */ React.createElement("div", { className: "title" }, title), /* @__PURE__ */ React.createElement("div", { className: "right" }, extra, showArrow ? /* @__PURE__ */ React.createElement(Iconfont, {
+		type: !isOpen ? "pisell2-chevron-up" : "pisell2-chevron-down",
+		className: classNames("icon")
+	}) : null)) : null, children ? /* @__PURE__ */ React.createElement("div", { className: "content" }, children) : null);
+};
+var OpenCard_default = forwardRef(OpenCard);
+
+//#endregion
+export { OpenCard_default as default };

package/dist/es/components/eventBooking/components/OpenCard/index.less

@@ -0,0 +1,52 @@
+.open-card {
+  background: #ffffff;
+  .header {
+    display: flex;
+    padding: 16px;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+    cursor: pointer;
+
+    .title {
+      flex: 1;
+      color: var(--text-text-1, #1b1b1b);
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 22px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+      height: 22px;
+    }
+
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      transition: 0.2s;
+    }
+  }
+
+  .content {
+    overflow: hidden;
+    height: 0px;
+  }
+
+  &.open {
+    .content {
+      height: auto;
+    }
+  }
+}
+.open-card-border {
+  border-radius: 10px;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+}