paymob-pixel-alpha 1.1.28 → 1.1.29

package/main.js

@@ -22078,7 +22078,6 @@ function IframeCard(props) {
   const {
     loading,
     handleCardSubmit,
-    handleOTPSubmit,
     getCardLogo,
     useHookForm,
     isOmanNetCard,
@@ -22144,8 +22143,6 @@ function IframeCard(props) {
       handlePrevFocusFromSDK(event.data.payload);
     } else if (event.data.type === 'cardData') {
       handleCardDataFromSDK(event.data.payload);
-    } else if (event.data.type === 'otpData') {
-      handleOTPSubmit(event.data.payload);
     } else if (event.data.type === 'customStyles') {
       handleCardStylesFromSDK(event.data.payload);
     } else if (event.data.type === 'cardHolderError') {
@@ -23415,7 +23412,14 @@ const checkDiscount = (payment_token, integration_id, identifier, isSavedCard) =
     identifier: identifier.replace(/\s/g, '')
   }, isSavedCard && {
     saved_card_token: identifier
-  })).then(res => res).catch(err => err == null ? void 0 : err.response);
+  }));
+};
+const sendOTP = payload => {
+  return lib_axios.post(`/api/acceptance/omannet_callback/otp_verify`, {
+    payment_id: payload.paymentId,
+    otp: payload.otp,
+    payment_token: payload.token
+  }).then(res => res).catch(err => err == null ? void 0 : err.response);
 };
 ;// ./src/utils/getErrorMsg.ts
 const getErrorMsg_isString = data => typeof data === 'string';
@@ -23551,6 +23555,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
   const [sendOTPLoading, setSendOTPLoading] = (0,react.useState)(false);
   const [paymentId, setPaymentId] = (0,react.useState)('');
   const [otpErrorMessage, setOTPErrorMessage] = (0,react.useState)('');
+  const [isOmanNetCard, setIsOmanNetCard] = (0,react.useState)(false);
   const tokenizationResolve = (0,react.useRef)(null);
   const isCardValid = hideCardHolderName ? !isActionBtnDisabled : !(isActionBtnDisabled || !cardHolderName);
   const isAmexCardSelected = (selectedCard == null ? void 0 : selectedCard.type) === src_constants_CARD_TYPES.AMEX;
@@ -23620,29 +23625,23 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
     const handlePaymentResponse = ({
       res,
       requiresOTP,
-      isOTPResponse
+      isOmanNetCard
     }) => {
       var _iframeRef$current3, _res$data, _res$data2, _res$data3;
       setShouldSubmitData(false);
       setSendOTPLoading(false);
+      setIsOmanNetCard(false);
       const cardHolderInput = (_iframeRef$current3 = iframeRef.current) == null || (_iframeRef$current3 = _iframeRef$current3.nextElementSibling) == null ? void 0 : _iframeRef$current3.querySelector(`input[name=name]`);
       if (cardHolderInput) {
         setTimeout(() => cardHolderInput.disabled = false, 1000);
       }
       const redirectionUrl = ((_res$data = res.data) == null ? void 0 : _res$data.redirection_url) || ((_res$data2 = res.data) == null ? void 0 : _res$data2.redirect_url);
       if (requiresOTP) {
+        setIsOmanNetCard(!!isOmanNetCard);
         setPaymentId(res.data.payment_id);
         setShowOTP(true);
       } else if (onAfterPaymentComplete && ((_res$data3 = res.data) == null ? void 0 : _res$data3.is_3d_secure) !== 'true') {
         onAfterPaymentComplete(res);
-      } else if (res.status === 200 && isOTPResponse) {
-        if (redirectionUrl && (res.data.result === 'CAPTURED' || res.data.result === 'APPROVED')) {
-          window.location.href = redirectionUrl;
-        } else {
-          setOTPErrorMessage(getErrorMsg(res));
-        }
-      } else if (res.status !== 200 && isOTPResponse) {
-        setOTPErrorMessage(getErrorMsg(res));
       } else if (res.status === 200 && redirectionUrl) {
         window.location.href = redirectionUrl;
       } else if (res.status === 400) {
@@ -23905,7 +23904,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
     setSelectedDeleteCard(card);
   };
   const handleSavedCardSubmit = async () => {
-    var _payment$subType6;
+    var _payment$subType6, _res$data8, _res$data9, _res$data0;
     if (loading) return;
     setLoading(true);
     if (onBeforePaymentComplete) {
@@ -23917,13 +23916,14 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
         return;
       }
     }
+    const isOmanNet = (selectedCard == null ? void 0 : selectedCard.type) === constants_SAVED_CARD_TYPES.OMAN_NET;
     const data = {
       identifier: selectedCard == null ? void 0 : selectedCard.identifier,
       cvv: selectedCardCVV
     };
     const payload = Object.assign({
       identifier: data.identifier,
-      token: (selectedCard == null ? void 0 : selectedCard.type) === constants_SAVED_CARD_TYPES.OMAN_NET ? payment == null || (_payment$subType6 = payment.subType) == null ? void 0 : _payment$subType6.token : payment == null ? void 0 : payment.token
+      token: isOmanNet ? payment == null || (_payment$subType6 = payment.subType) == null ? void 0 : _payment$subType6.token : payment == null ? void 0 : payment.token
     }, data.cvv && {
       cvv: data.cvv
     }, {
@@ -23931,21 +23931,25 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
     });
     const res = await payWithSavedCard(payload);
     setLoading(false);
+    setIsOmanNetCard(false);
+    const isSuccess = String((_res$data8 = res.data) == null ? void 0 : _res$data8.success) === 'true';
+    const isPending = String((_res$data9 = res.data) == null ? void 0 : _res$data9.pending) === 'true';
+    const isOTPGeneration = String((_res$data0 = res.data) == null ? void 0 : _res$data0.otp_generation) === 'true';
     if (res.status === 200) {
-      if (res.data && res.data.is_3d_secure === 'true' && res.data.redirection_url) {
-        window.location.href = res.data.redirection_url;
-      } else if (res.data.success === 'true' && res.data.pending === 'false') {
-        window.location.href = res.data.redirection_url;
+      if (isOmanNet && isOTPGeneration && !isSuccess && isPending) {
+        setIsOmanNetCard(true);
+        setPaymentId(res.data.payment_id);
+        setShowOTP(true);
       } else {
         window.location.href = res.data.redirection_url;
       }
     } else if (res.status === 400) {
-      var _res$data8, _res$data9, _res$data0;
-      if (res.data instanceof Array && res.data[0] === 'Retry limit reached.' || ((_res$data8 = res.data) == null ? void 0 : _res$data8.msg) === 'Retry limit reached.') {
+      var _res$data1, _res$data10, _res$data11;
+      if (res.data instanceof Array && res.data[0] === 'Retry limit reached.' || ((_res$data1 = res.data) == null ? void 0 : _res$data1.msg) === 'Retry limit reached.') {
         setErrorMessage(t('ERR_MSG_EXCEEDED_TRIALS'));
-      } else if (((_res$data9 = res.data) == null ? void 0 : _res$data9.message) === 'Session Error') {
+      } else if (((_res$data10 = res.data) == null ? void 0 : _res$data10.message) === 'Session Error') {
         setErrorMessage(t('ERR_MSG_ALREADY_PROCESSED'));
-      } else if (res.data instanceof Array && res.data[0] === 'Order has already paid.' || ((_res$data0 = res.data) == null ? void 0 : _res$data0.msg) === 'Order has already paid.') {
+      } else if (res.data instanceof Array && res.data[0] === 'Order has already paid.' || ((_res$data11 = res.data) == null ? void 0 : _res$data11.msg) === 'Order has already paid.') {
         setErrorMessage(t('ERR_MSG_ALREADY_PAID'));
       } else {
         setErrorMessage(t('ERR_MSG_DECLINED'));
@@ -23963,19 +23967,24 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
     }
   };
   const handleOTPSubmit = async otp => {
-    var _iframeRef$current1, _payment$subType7;
+    var _payment$subType7, _res$data12, _res$data13;
     setSendOTPLoading(true);
-    (_iframeRef$current1 = iframeRef.current) == null || (_iframeRef$current1 = _iframeRef$current1.contentWindow) == null || _iframeRef$current1.postMessage({
-      type: 'otpData',
-      payload: {
-        paymentToken: payment.token,
-        subType: {
-          paymentToken: (_payment$subType7 = payment.subType) == null ? void 0 : _payment$subType7.token
-        },
-        otp,
-        paymentId
+    const res = await sendOTP({
+      token: isOmanNetCard ? (_payment$subType7 = payment.subType) == null ? void 0 : _payment$subType7.token : payment.token,
+      otp,
+      paymentId
+    });
+    const redirectionUrl = ((_res$data12 = res.data) == null ? void 0 : _res$data12.redirection_url) || ((_res$data13 = res.data) == null ? void 0 : _res$data13.redirect_url);
+    if (res.status === 200) {
+      if (redirectionUrl && (res.data.result === 'CAPTURED' || res.data.result === 'APPROVED')) {
+        window.location.href = redirectionUrl;
+      } else {
+        setOTPErrorMessage(getErrorMsg(res));
       }
-    }, '*');
+    } else if (res.status !== 200) {
+      setOTPErrorMessage(getErrorMsg(res));
+    }
+    setSendOTPLoading(false);
   };
   const handleShowNewCardForm = () => {
     if (loading) return;
@@ -27703,7 +27712,7 @@ const payForsa = (phone, down_payment, selected_plan, tenure, token) => {
     payment_token: token
   }).then(res => res).catch(err => err == null ? void 0 : err.response);
 };
-const sendOTP = (otp, token, reference) => {
+const forsaService_sendOTP = (otp, token, reference) => {
   return lib_axios.post(`/api/acceptance/forsa_online/submit_loan`, {
     otp: otp,
     payment_token: token,
@@ -27866,7 +27875,7 @@ function ForsaElements({
   const handleOTPSubmit = async otp => {
     setLoading(true);
     resetErrorMessage();
-    const res = await sendOTP(otp, token, reference);
+    const res = await forsaService_sendOTP(otp, token, reference);
     if (res.status === 200) {
       if (window.top) {
         window.top.location.href = res.data.redirection_url;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paymob-pixel-alpha",
-  "version": "1.1.28",
+  "version": "1.1.29",
   "keywords": ["paymob","pixel","paymob-pixel"],
   "main": "./main.js",
   "license": "MIT",