@pisell/private-materials 3.4.63 → 3.4.65

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

@@ -1,237 +0,0 @@
-import { ClientEnum, PayStatus } from "./const.js";
-import { updateComponent, updateCustom, updateKey, updateState, updateSteps, useContextData, useDispatch } from "./store/index.js";
-import { useCallback, useEffect, useRef } from "react";
-import { locales } from "@pisell/utils";
-
-//#region src/components/eftposPay/hooks.tsx
-const Max4004 = 1;
-const useStoreRef = () => {
-	const data = useContextData();
-	const { order_id, device, pay, number, mode, net, status, symbol, amount, eftpos, client } = data;
-	const dataRef = useRef(data);
-	const deviceRef = useRef(device);
-	const payRef = useRef(pay);
-	const numRef = useRef(number);
-	const orderIdRef = useRef(order_id);
-	const modeRef = useRef(mode);
-	const statusRef = useRef(status);
-	const netRef = useRef(net);
-	const symbolRef = useRef(symbol);
-	const amountRef = useRef(amount);
-	const eftposRef = useRef(eftpos);
-	const clientRef = useRef(client);
-	useEffect(() => {
-		dataRef.current = data;
-	}, [data]);
-	useEffect(() => {
-		deviceRef.current = device;
-	}, [device]);
-	useEffect(() => {
-		payRef.current = pay;
-	}, [pay]);
-	useEffect(() => {
-		numRef.current = number;
-	}, [number]);
-	useEffect(() => {
-		orderIdRef.current = order_id;
-	}, [order_id]);
-	useEffect(() => {
-		modeRef.current = mode;
-	}, [mode]);
-	useEffect(() => {
-		statusRef.current = status;
-	}, [status]);
-	useEffect(() => {
-		netRef.current = net;
-	}, [net]);
-	useEffect(() => {
-		symbolRef.current = symbol;
-	}, [symbol]);
-	useEffect(() => {
-		amountRef.current = amount;
-	}, [amount]);
-	useEffect(() => {
-		eftposRef.current = eftpos;
-	}, [eftpos]);
-	useEffect(() => {
-		clientRef.current = client;
-	}, [client]);
-	return {
-		deviceRef,
-		payRef,
-		numRef,
-		orderIdRef,
-		modeRef,
-		statusRef,
-		netRef,
-		symbolRef,
-		amountRef,
-		eftposRef,
-		clientRef,
-		dataRef
-	};
-};
-/**
-* @title: 通用失败处理
-* @description:  固定步骤 错误处理逻辑
-* @return null
-* @Author: hongbing.wang
-* @Date: 2024-08-12 11:54
-*/
-const useFail = (index) => {
-	const { steps, custom } = useContextData();
-	const { modeRef, clientRef } = useStoreRef();
-	const dispatch = useDispatch();
-	const ref = useRef(custom?.retry || 0);
-	useEffect(() => {
-		ref.current = custom?.retry || 0;
-	}, [custom?.retry]);
-	return useCallback((res, isMark = false) => {
-		if (!res || !res.code) {
-			dispatch(updateCustom({ errorStatus: "unknow" }));
-			dispatch(updateComponent("UnknowFail"));
-			return;
-		}
-		const [code] = [`${res.code}`];
-		console.log("code---->>>>>>>", code);
-		if (code === PayStatus.Unknown) {
-			steps[index].title = locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.fail");
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.PayTimeout) {
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.fail.timeout");
-			steps[index].title = locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.Timeout) {
-			if (isMark) {
-				if (clientRef.current === ClientEnum.User) {
-					steps[index].status = "fail";
-					steps[index].title = locales.getText("page.eftpos-pay.text.timedout.title");
-					steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.other");
-					steps[index].custom = steps[index].custom ? {
-						...steps[index].custom,
-						isPosNetworkError: true
-					} : { isPosNetworkError: true };
-					dispatch(updateSteps(steps));
-					dispatch(updateComponent("Fail"));
-					dispatch(updateCustom({ errorStatus: "know" }));
-					return;
-				}
-				steps[index].status = "fail";
-				dispatch(updateSteps(steps));
-				dispatch(updateState({ manual: {
-					title: locales.getText("page.eftpos-pay.text.timedout.title"),
-					text: locales.getText("page.eftpos-pay.text.timedout.text")(modeRef.current)
-				} }));
-				dispatch(updateCustom({ errorStatus: "know" }));
-				dispatch(updateComponent("Manual"));
-				return;
-			}
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.pay.fail.timeout");
-			steps[index].title = locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.NoPay) {
-			if (ref.current > Max4004) {
-				dispatch(updateState({ number: "" }));
-				dispatch(updateCustom({ retry: ref.current }));
-				steps[index].title = locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
-				steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.fail");
-				steps[index].status = "fail";
-				dispatch(updateSteps(steps));
-				dispatch(updateComponent("Fail"));
-				return;
-			}
-			ref.current += 1;
-			dispatch(updateState({ number: "" }));
-			dispatch(updateCustom({ retry: ref.current }));
-			dispatch(updateKey(Date.now()));
-			return;
-		}
-		if (code === PayStatus.PayOtherEftposFailed) {
-			steps[index].title = locales.getText("page.eftpos-pay.text.transaction.fail.terminal.title");
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.fail.terminal");
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.PayCardErrorFailed) {
-			steps[index].title = locales.getText("page.eftpos-pay.text.transaction.fail.cancel.title");
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.fail.cancel");
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.NoNetWork || code === PayStatus.SocketError) {
-			steps[index].title = locales.getText("page.eftpos-pay.text.interrupted");
-			steps[index].warn = clientRef.current === ClientEnum.Merchant ? `${locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.title")}\n${locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.power")}\n${locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.device")}\n${locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.network")}\n${locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.if")(modeRef.current)}` : locales.getText("page.eftpos-pay.text.transaction.eftpos.fail.other");
-			steps[index].status = "warn";
-			steps[index].custom = steps[index].custom ? {
-				...steps[index].custom,
-				isPosNetworkError: true
-			} : { isPosNetworkError: true };
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.PayBankRefuses) {
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.back.declined.text");
-			steps[index].title = locales.getText("page.eftpos-pay.text.transaction.back.declined.title");
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.SignatureDeclined) {
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.user.declined.text");
-			steps[index].title = locales.getText("page.eftpos-pay.text.transaction.user.declined.title");
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		if (code === PayStatus.UserConfigError || code === PayStatus.PairingFailure) {
-			steps[index].title = locales.getText("page.eftpos-pay.text.transaction.user.config.title");
-			steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.user.config.text");
-			steps[index].status = "fail";
-			dispatch(updateSteps(steps));
-			dispatch(updateComponent("Fail"));
-			dispatch(updateCustom({ errorStatus: "know" }));
-			return;
-		}
-		steps[index].title = locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
-		steps[index].status = "fail";
-		steps[index].fail = locales.getText("page.eftpos-pay.text.transaction.fail");
-		dispatch(updateSteps(steps));
-		dispatch(updateCustom({ errorStatus: "unknow" }));
-		dispatch(updateComponent("UnknowFail"));
-	}, [
-		dispatch,
-		index,
-		steps
-	]);
-};
-
-//#endregion
-export { useFail, useStoreRef };

package/dist/es/components/eftposPay/index.d.ts

@@ -1,7 +0,0 @@
-import { PosProps } from "./const.js";
-import "./index.less";
-
-//#region src/components/eftposPay/index.d.ts
-declare const _default: (props: PosProps) => JSX.Element | null;
-//#endregion
-export { _default };

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

@@ -1,186 +0,0 @@
-import { getLocale } from "../../utils/locales.js";
-import useEngineContext_default from "../../hooks/useEngineContext.js";
-import { EftposEnum, ModeEnum, OrderEumn, RestoreEumn, RouteEnum } from "./const.js";
-import { Provider } from "./store/index.js";
-import { getInitState } from "./manufacturer.js";
-import app_default from "./app.js";
-import tip_default from "./tip.js";
-import locales_default from "./locales.js";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/eftposPay/index.tsx
-locales.init(locales_default, getLocale());
-var eftposPay_default = (props) => {
-	const [check, setCheckStatus] = useState(props.type === EftposEnum.Tyro ? OrderEumn.Null : props.source === RestoreEumn.Restore ? OrderEumn.Restore : OrderEumn.Normal);
-	const context = useEngineContext_default();
-	const [cardSurcharge, setCardSurcharge] = useState(0);
-	const [receipt, setReceipt] = useState([]);
-	const [updateTime, setTime] = useState("");
-	console.log("context = ", context);
-	const [historyData, setHistory] = useState();
-	const { formatAmount: formatAmount$1, storage, store } = context.appHelper?.utils || {
-		store: {},
-		formatAmount: (number, precision, symbol$1) => `${symbol$1}${number}`,
-		storage: () => ({ get: () => "" })
-	};
-	/**
-	* terminal : terminal 内嵌
-	* android_kiosk     : kiosk 内嵌
-	*/
-	const channel = useMemo(() => {
-		const channel$1 = storage?.get?.("channel") || "";
-		if (channel$1 === "terminal") return "terminal";
-		if (channel$1 === "android_kiosk") return "kiosk";
-		return "";
-	}, []);
-	const isMobile$1 = useMemo(() => Boolean(channel), [channel]);
-	const symbol = store?.getState?.()?.global?.symbol || "$";
-	const mode = useMemo(() => {
-		if (props.source === RestoreEumn.Restore) {
-			if (props.params) {
-				if (props.params.mode) return props.params.mode;
-			}
-			return ModeEnum.Pay;
-		}
-		if (props.mode) return props.mode;
-		return ModeEnum.Pay;
-	}, [
-		props.mode,
-		props.source,
-		props.params
-	]);
-	/**
-	* @title: 构建全局状态
-	* @description: 1. 初始化, 2. 恢复
-	* @Author: hongbing.wang
-	* @Date: 2024-08-20 13:11
-	*/
-	const state = useMemo(() => {
-		const current = props.params && props.params.symbol ? props.params.symbol : symbol;
-		if (props.source === RestoreEumn.Restore) return props.params;
-		return getInitState(props.type, props.params ? {
-			mode,
-			...props.params,
-			symbol: current
-		} : {
-			mode,
-			symbol: current
-		});
-	}, [
-		mode,
-		props.params,
-		props.type,
-		symbol
-	]);
-	const stateRef = useRef(state);
-	useEffect(() => {
-		stateRef.current = state;
-	}, [state]);
-	const onChangeStatus = useCallback((status, params, other) => {
-		props.onChangeStatus(status, params, other);
-	}, []);
-	const action = useMemo(() => {
-		const act = (() => {
-			if (state.action) return state.action;
-			if (mode === ModeEnum.Pay || mode === ModeEnum.FullPay) {
-				if (state.device && state.pay) return RouteEnum.Pay;
-				if (state.device) return RouteEnum.Amount;
-				return RouteEnum.DeviceList;
-			}
-			if (mode === ModeEnum.Refund) {
-				if (state.device) return RouteEnum.Pay;
-				return RouteEnum.DeviceList;
-			}
-			if (mode === ModeEnum.Query) return RouteEnum.Pay;
-			throw Error("未知模式");
-		})();
-		onChangeStatus("page", act);
-		return act;
-	}, [mode, state]);
-	useEffect(() => {
-		document.body.id = "body";
-		console.log("初始化 ........112218017777");
-	}, []);
-	console.log("props?.params?.device_number = ", props?.params?.device_number);
-	/**
-	* @title: api 接口 数据
-	* @Author: hongbing.wang
-	* @Date: 2024-08-20 13:10
-	*/
-	const api = useMemo(() => {
-		if (typeof props.getApi === "function") return props.getApi();
-		return {};
-	}, [props.getApi]);
-	useEffect(() => {
-		if (props.source === RestoreEumn.Restore || props.type === EftposEnum.Tyro) return;
-		api.getTransaction({
-			order_id: stateRef.current.order_id,
-			card_reader_type: stateRef.current.eftpos,
-			receive_status: "unprocessed"
-		}).then((res) => {
-			if (!Array.isArray(res.data) || res.data.length === 0) {
-				setCheckStatus(OrderEumn.Null);
-				return;
-			}
-			const currentMode = stateRef.current.mode === ModeEnum.FullPay ? ModeEnum.Pay : stateRef.current.mode;
-			const list = res.data.filter((item) => item.action === currentMode);
-			if (list.length === 0) {
-				setCheckStatus(OrderEumn.Null);
-				return;
-			}
-			const latest = list.pop();
-			const numberList = list.map((item) => item.number);
-			if (latest.status === OrderEumn.Failed) {
-				setCheckStatus(latest.status);
-				onChangeStatus("mark_tx_processed", [...numberList, latest.number]);
-				return;
-			}
-			if (list.length > 0) onChangeStatus("mark_tx_processed", numberList);
-			const { pay_param_base64, card_reader_surcharge, receipt: receipt$1 } = latest?.metadata || {};
-			setTime(latest.updated_at);
-			setCardSurcharge(card_reader_surcharge || 0);
-			setReceipt(receipt$1 || []);
-			if (!pay_param_base64) {
-				setCheckStatus(OrderEumn.Failed);
-				return;
-			}
-			try {
-				setHistory(JSON.parse(decodeURIComponent(atob(decodeURIComponent(pay_param_base64)))));
-				setCheckStatus(latest.status);
-			} catch (e) {
-				setCheckStatus(OrderEumn.Failed);
-				return;
-			}
-		});
-	}, []);
-	if (check === OrderEumn.Normal) return null;
-	if (check === OrderEumn.Succeed) return /* @__PURE__ */ React.createElement(Provider, { state: historyData }, /* @__PURE__ */ React.createElement(tip_default, {
-		cardSurcharge,
-		receipts: receipt,
-		onChangeStatus,
-		onChangeParams: props.onChangeParams,
-		formatAmount: formatAmount$1,
-		successTime: updateTime,
-		className: isMobile$1 ? "pisell-lowcode__eft-pay-terminal" : ""
-	}));
-	return /* @__PURE__ */ React.createElement(Provider, { state: check === OrderEumn.Pending ? historyData : state }, /* @__PURE__ */ React.createElement(app_default, {
-		api,
-		channel,
-		params: props.params,
-		onChangeStatus,
-		terminal: props.terminal,
-		onChangeParams: props.onChangeParams,
-		action: check === OrderEumn.Pending ? ModeEnum.Pay : action,
-		source: props.source,
-		tyroUrl: props.tyroUrl,
-		tyroVersion: props.tyroVersion,
-		device_number: props?.params?.device_number,
-		isMobile: isMobile$1,
-		formatAmount: formatAmount$1
-	}));
-};
-
-//#endregion
-export { eftposPay_default as default };

package/dist/es/components/eftposPay/index.less

@@ -1,272 +0,0 @@
-@import './var.less';
-
-.pisell-lowcode__eft-pay-amount {
-  display: flex;
-  flex-direction: column;
-}
-
-.pisell-lowcode__eft-pay-step-box {
-  display: flex;
-  flex-direction: column;
-  gap: 4;
-  margin: 4px 0;
-}
-.pisell-lowcode__eft-pay-sub-title,
-.pisell-lowcode__eft-pay-step-item,
-.pisell-lowcode__eft-pay-step-item-success {
-  color: var(--gray-true-900, #141414);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-
-  white-space: pre-line;
-}
-.pisell-lowcode__eft-pay-step-item-icon {
-  vertical-align: middle;
-  margin: 0 0 0 10px;
-}
-
-.pisell-lowcode__eft-pay-step-item-warn {
-  color: var(--error-600, #d92d20);
-}
-.pisell-lowcode__eft-pay-step-item-loading {
-  color: var(--gray-500, #667085);
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-step-item-tip {
-  color: var(--gray-500, #667085);
-  /* Text sm/Regular */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-step-item-btns {
-  margin: 24px 0 0 0;
-  display: flex;
-  gap: 12px;
-  flex-shrink: 0;
-}
-.pisell-lowcode__eft-pay-step-item-btn {
-  flex: 1;
-  height: 48px !important;
-}
-
-.pisell-lowcode__eft-pay-amount-body {
-  gap: 20px;
-  display: flex;
-  flex-direction: column;
-  margin: 24px 0;
-}
-
-.pisell-lowcode__eft-pay-cash {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.pisell-lowcode__eft-pay-cash::after {
-  content: attr(data-money);
-}
-
-.pisell-lowcode__eft-pay-money {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  // margin-top: 24px 0 20px;
-}
-.pisell-lowcode__eft-pay-cash,
-.pisell-lowcode__eft-pay-money-title {
-  color: var(--Gray-700, #344054);
-  /* Text sm/Semibold */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-money-tip {
-  color: var(--Gray-600, #475467);
-  /* Text sm/Regular */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-surcharge {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  // margin: 20px 0 24px;
-}
-.pisell-lowcode__eft-pay-details {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.pisell-lowcode__eft-pay-total {
-  color: var(--Gray-900, #101828);
-  /* Text sm/Regular */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-money {
-  color: var(--Gray-900, #101828);
-  /* Text sm/Regular */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-
-.pisell-lowcode__eft-pay-amount-hint {
-  align-items: center;
-  display: flex;
-  padding: 16px;
-  gap: 16px;
-  align-self: stretch;
-
-  border-radius: 12px;
-  border: 1px solid var(--Warning-300, #fec84b);
-  background: var(--Warning-25, #fffcf5);
-
-  /* Shadow/xs */
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-
-  color: var(--Warning-700, #b54708);
-  /* Text sm/Semibold */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-amount-warn {
-  position: relative;
-  height: 40px;
-  width: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.pisell-lowcode__eft-pay-amount-warn-icon {
-  color: #ee837a;
-  font-size: 16px;
-}
-.pisell-lowcode__eft-pay-amount-form {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-}
-.pisell-lowcode__eft-pay-amount-item {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  gap: 8px;
-}
-.pisell-lowcode__eft-pay-amount-item-title {
-  color: var(--Gray-700, #344054);
-
-  /* Text sm/Semibold */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-amount-push {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  width: 40px;
-}
-
-.pisell-lowcode__eft-pay-amount-body,
-.pisell-lowcode__eft-pay-body {
-  flex: 1;
-  overflow: auto;
-}
-
-.pisell-lowcode__eft-pay-fail-title,
-.pisell-lowcode__eft-pay-warn-title {
-  color: var(--gray-900, #101828);
-  /* Text lg/Semibold */
-
-  font-size: 18px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 28px; /* 155.556% */
-}
-
-.pisell-lowcode__eft-pay-fail-text,
-.pisell-lowcode__eft-pay-warn-text {
-  color: var(--error-600, #d92d20);
-  /* Text sm/Regular */
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-
-  white-space: pre-line;
-}
-
-.pisell-lowcode__eft-pay-step-item-resolve {
-  color: var(--gray-true-900, #141414);
-
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-.pisell-lowcode__eft-pay-manual-btn {
-  // height: ;
-  height: 48px !important;
-}
-
-.pisell-lowcode__eft-pay-box {
-  max-height: var(--pisel-lc-pos-pay-max-height, unset);
-  width: var(--pisel-lc-pos-pay-width, 600px);
-  max-width: 100%;
-  padding: var(--pisel-lc-pos-pay-padding, 24px);
-}
-
-.pisell-lowcode__eft-pay-amount {
-  max-height: var(--pisel-lc-pos-amount-max-height, unset);
-  width: var(--pisel-lc-pos-amount-width, 600px);
-  max-width: 100%;
-  padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
-}
-
-.pisell-lowcode__eft-pay-terminal {
-  width: var(--pisel-lc-pos-terminal-width, 100%) !important;
-  height: var(--pisel-lc-pos-terminal-height, 100%) !important;
-  max-height: var(--pisel-lc-pos-terminal-max-height, unset) !important;
-  display: flex;
-  flex-direction: column;
-}
-
-.pisell-lowcode__eft-pay-tyro-text {
-  color: var(--Gray-900, #101828);
-  /* Text sm/Regular */
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-  padding: 0 0 12px 0;
-}