paymob-pixel-alpha 1.1.62 → 1.1.63

package/main.js

@@ -59647,32 +59647,30 @@ const components_Modal_Modal = props => {
     }
   };
   onCloseHandler && useClickOutside(dialogRef, onCloseHandler, open && closeOnClickOutside, true);
-  return /*#__PURE__*/_jsx("section", {
-    children: /*#__PURE__*/_jsxs("dialog", {
-      ref: dialogRef,
-      "data-modal-is-mobile": isMobile,
-      "data-modal-position": position,
-      className: styles['modal'] + (wrapperClassName ? ` ${wrapperClassName}` : ''),
-      style: {
-        maxWidth,
-        width
-      },
-      children: [hasCloseIcon && /*#__PURE__*/_jsx("button", {
-        className: styles['modal__close-icon'],
-        onClick: onCloseHandler,
-        children: Xmark
-      }), /*#__PURE__*/_jsx(ModalHeader, {
-        state: state,
-        headerIcon: headerIcon,
-        title: title,
-        supportingText: supportingText,
-        keepIconDefaultColors: keepHeaderIconDefaultColors
-      }), children, /*#__PURE__*/_jsx(ModalFooter, {
-        btnsProps: btnsProps,
-        isMobile: isMobile,
-        errorMsg: errorMsg
-      })]
-    })
+  return /*#__PURE__*/_jsxs("dialog", {
+    ref: dialogRef,
+    "data-modal-is-mobile": isMobile,
+    "data-modal-position": position,
+    className: styles['modal'] + (wrapperClassName ? ` ${wrapperClassName}` : ''),
+    style: {
+      maxWidth,
+      width
+    },
+    children: [hasCloseIcon && /*#__PURE__*/_jsx("button", {
+      className: styles['modal__close-icon'],
+      onClick: onCloseHandler,
+      children: Xmark
+    }), /*#__PURE__*/_jsx(ModalHeader, {
+      state: state,
+      headerIcon: headerIcon,
+      title: title,
+      supportingText: supportingText,
+      keepIconDefaultColors: keepHeaderIconDefaultColors
+    }), children, /*#__PURE__*/_jsx(ModalFooter, {
+      btnsProps: btnsProps,
+      isMobile: isMobile,
+      errorMsg: errorMsg
+    })]
   });
 };
 ;// ../../libs/design-system/src/assets/Icons/files_types/index.tsx
@@ -73950,6 +73948,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
     paymentMethodType,
     useCvv
   } = payment;
+  const formattedAmount = formatAmountBasedOnCurrency_formatAmountBasedOnCurrency(String(amount), currency);
   const {
     t
   } = useTranslation_useTranslation('card');
@@ -73996,7 +73995,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
   } = formatCurrencyForDisplay_formatCurrencyForDisplay(currency);
   const [showFeesDetails, setShowFeesDetails] = (0,react.useState)(false);
   const [discountedAmount, setDiscountedAmount] = (0,react.useState)('');
-  const [feesAmount, setFeesAmount] = (0,react.useState)((payment == null ? void 0 : payment.feesAmount) || '');
+  const [feesAmount, setFeesAmount] = (0,react.useState)(payment != null && payment.feesAmount ? formatAmountBasedOnCurrency_formatAmountBasedOnCurrency(String(payment.feesAmount), currency) : '');
   const [updatedPaymentToken, setUpdatedPaymentToken] = (0,react.useState)('');
   const showCvvInput = paymentMethodType === constants_PAYMENT_METHODS_TYPES.MOTO && useCvv || paymentMethodType === constants_PAYMENT_METHODS_TYPES.ONLINE;
   const shouldDisablePayBtn = showCvvInput ? loading || (isAmexCardSelected ? selectedCardCvvLength !== src_constants_AMEX_CVV_LENGTH : selectedCardCvvLength !== constants_CVV_LENGTH) : !selectedCardId;
@@ -74331,7 +74330,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
   };
   const handleFeesReset = () => {
     setTotalAmount("");
-    setFeesAmount((payment == null ? void 0 : payment.feesAmount) || '');
+    setFeesAmount(payment != null && payment.feesAmount ? formatAmountBasedOnCurrency_formatAmountBasedOnCurrency(String(payment.feesAmount), currency) : '');
     setShowFeesDetails(false);
     setUpdatedPaymentToken("");
     handleResetDiscountMessages();
@@ -74530,7 +74529,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
             fontFamily: currencyFontFamily
           },
           children: displayCurrency
-        }), ' ', amount]
+        }), ' ', totalAmount || formattedAmount]
       })]
     }), discountedAmount && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: "flex justify-between items-center text-green-600",
@@ -74737,7 +74736,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
                 style: {
                   textDecoration: 'line-through'
                 },
-                children: amount
+                children: formattedAmount
               })]
             }),
             onClick: () => setShouldSubmitData(true),
@@ -74818,7 +74817,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
               style: {
                 textDecoration: 'line-through'
               },
-              children: amount
+              children: formattedAmount
             })]
           }),
           customStyle: customStyle == null ? void 0 : customStyle.button,
@@ -83080,7 +83079,6 @@ const PaymentsList = /*#__PURE__*/(0,react.forwardRef)((props, ref) => {
     if (a.type === 'knet-apple-pay' && b.type === 'knet') return 1;
     return 0;
   });
-  console.log('paymentMethods list', paymentMethods);
   const isApplePay = () => {
     const hasApplePay = !!filteredPaymentList.find(item => item.name === 'apple-pay');
     return hasApplePay && isApplePaySupported();

package/package.json

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