@pisell/private-materials 6.6.10 → 6.6.11

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/List/index.js

@@ -1,217 +0,0 @@
-const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
-const require_model = require('../../../model.js');
-const require_serve = require('./serve.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/pay/toC/PaymentMethods/MWCreditCard/List/index.tsx
-/**
-* @title: 信用卡列表
-* @description:
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-08-16 11:04
-*/
-const MWCreditCardList = (props, ref) => {
-	const { state } = (0, react.useContext)(require_model.Context);
-	const [open, setOpen] = (0, react.useState)(false);
-	const [currentCard, setCurrentCard] = (0, react.useState)(0);
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [creditCardList, setCreditCardList] = (0, react.useState)([]);
-	const [manage, setManage] = (0, react.useState)(false);
-	const [order, setOrder] = (0, react.useState)(null);
-	/**
-	* @title: 获取卡列表
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:07
-	*/
-	const _getCreditCardList = async () => {
-		const cardList = await require_serve.getCreditCardList();
-		setCreditCardList(cardList);
-		if (cardList.length) setCurrentCard(cardList[0].id);
-		setLoading(false);
-	};
-	/**
-	* @title: 初始化
-	* @description:
-	* @param {any} _order
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:08
-	*/
-	const init = async (_order) => {
-		if (!creditCardList.length) setLoading(true);
-		setOrder(_order);
-		setOpen(true);
-		setManage(false);
-		setCurrentCard(0);
-		_getCreditCardList();
-	};
-	/**
-	* @title: 设置卡
-	* @description:
-	* @param {number} id
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:09
-	*/
-	const cardChange = (id) => {
-		setCurrentCard(id);
-	};
-	(0, react.useImperativeHandle)(ref, () => ({ init }));
-	/**
-	* @title: 自定义选项
-	* @description:
-	* @param {any} d
-	* @param {boolean} active
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:09
-	*/
-	const renderOption = (d, active) => {
-		return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellRow, {
-			key: d.id,
-			platform: "h5",
-			gap: 12,
-			centerContentFill: true,
-			leftContent: /* @__PURE__ */ react.default.createElement("img", {
-				className: "credit-card-type-image",
-				src: (0, __pisell_materials.getBankCardTypeImg)(d.card_number)
-			}),
-			centerContent: /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("credit-card-name", { "text-active-color": active }) }, d.card_number),
-			rightContent: manage ? /* @__PURE__ */ react.default.createElement(__pisell_materials.Iconfont, {
-				type: "pisell2-trash-01",
-				className: "remove-card-icon",
-				onClick: () => {
-					changeCreditCard(d.id);
-				}
-			}) : void 0
-		});
-	};
-	/**
-	* @title: 点击取消
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:09
-	*/
-	const onCancel = () => {
-		if (manage) {
-			setManage(false);
-			resetCards();
-			return;
-		}
-		setOpen(false);
-	};
-	/**
-	* @title: 重置卡的删除状态
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:10
-	*/
-	const resetCards = () => {
-		let _list = [...creditCardList];
-		_list.forEach((d) => {
-			if (d.delete) d.delete = 0;
-		});
-		setCreditCardList(_list);
-	};
-	/**
-	* @title: 批量删除卡
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:10
-	*/
-	const handleBatchDeleteCards = () => {
-		let deleteList = creditCardList.filter((d) => d.delete === 1);
-		let newList = creditCardList.filter((d) => d.delete !== 1);
-		let ids = deleteList.map((d) => d.id);
-		if (ids.length) {
-			setCreditCardList(newList);
-			require_serve.batchDeleteCards({ card_ids: ids });
-		}
-	};
-	/**
-	* @title: 点击确认
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:11
-	*/
-	const onOk = () => {
-		if (manage) {
-			setManage(false);
-			handleBatchDeleteCards();
-			return;
-		}
-		let cur = creditCardList.find((d) => d.id === currentCard);
-		props.onChange?.(cur);
-	};
-	const renderList = (0, react.useMemo)(() => {
-		return creditCardList.filter((d) => d.delete !== 1);
-	}, [creditCardList]);
-	const changeCreditCard = (id) => {
-		let _list = [...creditCardList];
-		_list.forEach((d) => {
-			if (d.id === id) d.delete = 1;
-		});
-		setCreditCardList(_list);
-	};
-	const okText = (0, react.useMemo)(() => {
-		if ((state.payGroup?.otherPayment)?.surcharge) return /* @__PURE__ */ react.default.createElement("div", { className: "" }, __pisell_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, { value: state.payGroup?.wait_amount || 0 }), " +", __pisell_utils.locales.getText("tocPay.text.surcharge"));
-		else return /* @__PURE__ */ react.default.createElement("div", { className: "" }, __pisell_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, { value: state.payGroup?.wait_amount || 0 }));
-	}, [state.payGroup]);
-	return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		title: /* @__PURE__ */ react.default.createElement("div", null, __pisell_utils.locales.getText("tocPay.text.creditorDebitCard")),
-		open,
-		onCancel,
-		cancelVisible: false,
-		okText: manage ? __pisell_utils.locales.getText("tocPay.text.done") : okText,
-		onOk,
-		okButtonProps: { disabled: !currentCard },
-		bodyStyle: { padding: 24 }
-	}, !manage && /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellLoading, {
-		loading,
-		mask: true
-	}, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellCheckboxGroup, {
-		platform: "h5",
-		options: renderList,
-		value: currentCard,
-		iconPosition: "right",
-		mode: "single",
-		rowKey: "id",
-		className: "credit-card-list",
-		gap: 12,
-		onChange: cardChange,
-		optionClassName: "credit-card-item",
-		renderOption
-	})), !loading && /* @__PURE__ */ react.default.createElement(antd.Button, {
-		icon: /* @__PURE__ */ react.default.createElement(__pisell_materials.Iconfont, { type: "pisell2-plus" }),
-		type: "dashed",
-		className: "credit-card-add-button",
-		onClick: props.onAdd
-	}, /* @__PURE__ */ react.default.createElement("span", null, __pisell_utils.locales.getText("tocPay.text.addCreditOrDebitCard")))), manage && /* @__PURE__ */ react.default.createElement("div", { className: "credit-card-list manage-credit-card-list" }, renderList.map((d) => /* @__PURE__ */ react.default.createElement("div", {
-		className: "credit-card-item manage-credit-card",
-		key: d.id
-	}, renderOption(d)))), !manage && renderList.length ? /* @__PURE__ */ react.default.createElement(antd.Button, {
-		type: "text",
-		className: "credit-card-manage-button",
-		onClick: () => {
-			setManage(!manage);
-		}
-	}, __pisell_utils.locales.getText("tocPay.text.manageCard")) : null);
-};
-var List_default = (0, react.forwardRef)(MWCreditCardList);
-
-//#endregion
-exports.default = List_default;

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/List/index.less

@@ -1,95 +0,0 @@
-.credit-card-list {
-  margin-bottom: 12px;
-  margin-top: 0;
-
-  .credit-card-item {
-    padding: 16px;
-
-    .credit-card-type-image {
-      width: 46px;
-      height: 32px;
-      object-fit: contain;
-      border-radius: 4px;
-      border: 1px solid var(--Gray-100, #F2F4F7);
-      background: var(--Base-White, #FFF);
-      padding: 4px;
-      display: block;
-    }
-
-    .credit-card-name {
-      color: var(--Gray-700, #344054);
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 20px;
-    }
-
-  }
-
-
-}
-
-.manage-credit-card-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-
-  .manage-credit-card {
-    width: 100%;
-    cursor: pointer;
-    border-radius: 12px;
-    position: relative;
-
-
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 12px;
-      border: 1px solid var(--Gray-200, #EAECF0);
-    }
-
-
-    .remove-card-icon {
-      color: #D92D20;
-      font-size: 24px;
-      width: 24px;
-      height: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      position: relative;
-      z-index: 1;
-    }
-  }
-}
-
-.credit-card-add-button {
-  height: auto;
-  padding: 16px;
-  width: 100%;
-  border-radius: 12px;
-  color: var(--Gray-700, #344054);
-  text-align: center;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-}
-
-
-.text-active-color {
-  color: var(--theme-color, #7F56D9) !important;
-}
-
-.credit-card-manage-button {
-  margin-top: 20px;
-  color: var(--theme-color, #6941C6);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  cursor: pointer;
-}

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/List/serve.js

@@ -1,14 +0,0 @@
-const require_index = require('../../../../../../utils/index.js');
-
-//#region src/components/pay/toC/PaymentMethods/MWCreditCard/List/serve.ts
-const getCreditCardList = async () => {
-	let { data } = await require_index.request.getRequest().get("/h5/credit-card");
-	return data || [];
-};
-const batchDeleteCards = (values) => require_index.request.getRequest().remove("/h5/credit-card", values);
-const fastPayNew = (values) => require_index.request.getRequest().post("/h5/pay/order/fast-payment/v2/" + values.order_id, values.params);
-
-//#endregion
-exports.batchDeleteCards = batchDeleteCards;
-exports.fastPayNew = fastPayNew;
-exports.getCreditCardList = getCreditCardList;

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.js

@@ -1,23 +0,0 @@
-const require_rolldown_runtime = require('../../../../../../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../../../../../../hooks/useEngineContext.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-require("./index.less");
-
-//#region src/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.tsx
-const ThreedsLoading = ({ title, showSuccessBackButton, onSuccessBack }) => {
-	const { config } = require_useEngineContext.default().appHelper?.constants || {};
-	return /* @__PURE__ */ react.default.createElement("div", { className: "threeds-loading-wrap" }, /* @__PURE__ */ react.default.createElement("img", {
-		className: "threeds-loading-logo",
-		src: config.static + "/static/stripe_loading.gif",
-		alt: ""
-	}), /* @__PURE__ */ react.default.createElement("div", { className: "threeds-loading-title" }, title || __pisell_utils.locales.getText("tocPay.text.waitingForBankVerification")), showSuccessBackButton && /* @__PURE__ */ react.default.createElement("div", {
-		onClick: onSuccessBack,
-		className: "threeds-loading-success-back-button"
-	}, __pisell_utils.locales.getText("tocPay.text.successBack")));
-};
-var ThreedsLoading_default = ThreedsLoading;
-
-//#endregion
-exports.default = ThreedsLoading_default;

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.less

@@ -1,32 +0,0 @@
-.threeds-loading-wrap {
-  width: 100%;
-  height: 100%;
-  background-color: #ffffff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  .threeds-loading-logo {
-    margin-top: 300px;
-    width: 140px;
-    height: 140px;
-  }
-
-  .threeds-loading-title {
-    margin-top: 20px;
-    padding: 0 40px;
-    text-align: center;
-    font-size: 15px;
-    font-weight: bold;
-    line-height: 20px;
-    color: #353535;
-  }
-
-  .threeds-loading-success-back-button {
-    margin-top: 20px;
-    color: #4b6b99;
-    font-size: 15px;
-    font-weight: bold;
-    line-height: 20px;
-  }
-}

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/index.js

@@ -1,144 +0,0 @@
-const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
-const require_payGroup = require('../../../payGroup.js');
-const require_model = require('../../../model.js');
-const require_serve = require('../List/serve.js');
-const require_index = require('./ThreedsLoading/index.js');
-const require_tds2 = require('../tds2.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/index.tsx
-/**
-* @title: 3ds验证
-* @description:
-* @param {TDSPayProps} props
-* @param {React} ref
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-08-16 11:15
-*/
-const TDSPay = (props, ref) => {
-	const { onChange } = props;
-	const [open, setOpen] = (0, react.useState)(false);
-	const { state } = (0, react.useContext)(require_model.Context);
-	/**
-	* @title: 初始化
-	* @description:
-	* @param {any} res
-	* @param {any} order
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:15
-	*/
-	const init = async (res, order) => {
-		setOpen(true);
-		if (res.id) _fastPayNew(res);
-		else newCardPay(res);
-	};
-	/**
-	* @title: 支付结果回调
-	* @description:
-	* @param {any} res
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:15
-	*/
-	const payCallback = (res) => {
-		setOpen(false);
-		if (res.key === "hideModal") return;
-		onChange?.(res);
-	};
-	/**
-	* @title: 快捷支付
-	* @description:
-	* @param {any} res
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:15
-	*/
-	const _fastPayNew = async (res) => {
-		try {
-			const params = require_payGroup.getPayGroupParamsFromStorage(state.payGroup?.order_id, { card_id: res.id });
-			if (!params) {
-				payCallback?.({
-					key: "fail",
-					data: {
-						res,
-						fn: "_fastPayNew1",
-						message: __pisell_utils.locales.getText("tocPay.text.getParamsFail")
-					}
-				});
-				return;
-			}
-			const { data } = await require_serve.fastPayNew({
-				order_id: state.payGroup?.order_id,
-				params
-			});
-			require_payGroup.setPayNumber(state.payGroup?.order_id, data?.pay_number);
-			if (data?.type === "token") payCallback?.({
-				key: "success",
-				data
-			});
-			if (data?.type === "3ds") require_tds2.startPayment({ payData: data }, payCallback);
-		} catch (e) {
-			payCallback?.({
-				key: "fail",
-				data: {
-					res,
-					fn: "_fastPayNew2",
-					message: __pisell_utils.locales.getText("tocPay.text.getParamsFail")
-				}
-			});
-		}
-	};
-	/**
-	* @title: 新卡支付
-	* @description:
-	* @param {any} res
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:16
-	*/
-	const newCardPay = (res) => {
-		let _cardInfo = {
-			card_name: res.card_name,
-			card_number: res.card_number,
-			card_expiry_month: res.date.format("MM"),
-			card_expiry_year: res.date.format("YY"),
-			card_ccv: res.card_ccv,
-			is_save: res.is_save ? 1 : 0
-		};
-		_cardInfo = require_payGroup.getPayGroupParamsFromStorage(state.payGroup?.order_id, _cardInfo);
-		if (!_cardInfo) {
-			payCallback?.({
-				key: "fail",
-				data: {
-					_cardInfo,
-					message: __pisell_utils.locales.getText("tocPay.text.getParamsFail"),
-					fn: "newCardPay"
-				}
-			});
-			return;
-		}
-		require_tds2.startPayment({
-			orderId: state.payGroup?.order_id,
-			cardInfo: _cardInfo
-		}, payCallback);
-	};
-	(0, react.useImperativeHandle)(ref, () => ({ init }));
-	return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		platform: "h5",
-		open,
-		footer: false,
-		header: false,
-		closable: false,
-		bodyStyle: { padding: 0 }
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "" }, /* @__PURE__ */ react.default.createElement(require_index.default, null), /* @__PURE__ */ react.default.createElement("div", { id: "threeds-container" })));
-};
-var TDSPay_default = (0, react.forwardRef)(TDSPay);
-
-//#endregion
-exports.default = TDSPay_default;

package/dist/lib/components/pay/toC/PaymentMethods/MWCreditCard/index.js

@@ -1,79 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_model = require('../../model.js');
-const require_index = require('./List/index.js');
-const require_index$1 = require('./Add/index.js');
-const require_index$2 = require('./TDSPay/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-require("./index.less");
-
-//#region src/components/pay/toC/PaymentMethods/MWCreditCard/index.tsx
-/**
-* @title: 信用卡支付
-* @description:
-* @param {any} props
-* @param {any} ref
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-08-16 11:02
-*/
-const MWCreditCard = (props, ref) => {
-	const MWCreditCardListRef = (0, react.useRef)();
-	const AddMWCreditCardRef = (0, react.useRef)();
-	const TDSPayRef = (0, react.useRef)();
-	const [order, setOrder] = (0, react.useState)(null);
-	const { state } = (0, react.useContext)(require_model.Context);
-	/**
-	* @title: 初始化
-	* @description:
-	* @param {any} res
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:02
-	*/
-	const init = async (res) => {
-		setOrder(res.order);
-		MWCreditCardListRef.current?.init(order);
-	};
-	/**
-	* @title: 3ds验证
-	* @description:
-	* @param {any} card
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:02
-	*/
-	const fastPay = async (card) => {
-		TDSPayRef.current?.init(card, order);
-	};
-	/**
-	* @title: 添加卡并3ds验证
-	* @description:
-	* @param {any} res
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 11:02
-	*/
-	const onCreate = (res) => {
-		TDSPayRef.current?.init(res, order);
-	};
-	(0, react.useImperativeHandle)(ref, () => ({ init }));
-	(0, react.useEffect)(() => {}, []);
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index.default, {
-		ref: MWCreditCardListRef,
-		onAdd: () => {
-			AddMWCreditCardRef.current?.init();
-		},
-		onChange: fastPay
-	}), /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		ref: AddMWCreditCardRef,
-		onCreate
-	}), /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		ref: TDSPayRef,
-		onChange: state.payCallback
-	}));
-};
-var MWCreditCard_default = (0, react.forwardRef)(MWCreditCard);
-
-//#endregion
-exports.default = MWCreditCard_default;