|
|
@@ -5,15 +5,34 @@ import RUPayOrder from "@widgets/WPaymentOrder/RU/RUPayOrder";
|
|
|
import MXOrderQR from "@widgets/WPaymentOrder/MX/QR/MXOrderQR";
|
|
|
import {useLocation} from "react-router-dom";
|
|
|
import {ROUTE_PATH} from "@constants/routes";
|
|
|
+import React from "react";
|
|
|
+import {useSelector} from "react-redux";
|
|
|
+import {getCurrPayOrder} from "@features/paySlice";
|
|
|
const WPaymentOrder=({close})=>{
|
|
|
const {hash} = useLocation();
|
|
|
-
|
|
|
+ const orderInfo=useSelector(getCurrPayOrder);
|
|
|
const components={
|
|
|
"br":BRPayOrder,
|
|
|
"mx":MXPayOrder,
|
|
|
"ru":RUPayOrder
|
|
|
}
|
|
|
+ const renderOrderRedirect=()=>{
|
|
|
+ return (
|
|
|
+ <iframe
|
|
|
+ id={"order"}
|
|
|
+ title={"order"}
|
|
|
+ src={orderInfo.redirectURL}
|
|
|
+ className={styles.order_frame}
|
|
|
+ allow="fullscreen"
|
|
|
+ sandbox='allow-same-origin allow-scripts allow-popups allow-forms'
|
|
|
+ >
|
|
|
+ </iframe>
|
|
|
+ )
|
|
|
+ }
|
|
|
const renderPayOrder=()=>{
|
|
|
+ if (orderInfo.redirectURL != null && orderInfo.redirectURL!==""){
|
|
|
+ return renderOrderRedirect();
|
|
|
+ }
|
|
|
if (hash===ROUTE_PATH.PAY_ORDER_QR){
|
|
|
return <MXOrderQR close={close}/>
|
|
|
}
|