@akinon/pz-masterpass 1.50.0 → 1.51.0

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @akinon/pz-masterpass
 
+## 1.51.0
+
 ## 1.50.0
 
 ## 1.49.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-masterpass",
-  "version": "1.50.0",
+  "version": "1.51.0",
   "license": "MIT",
   "main": "src/index.ts",
   "types": "src/index.d.ts",

package/src/views/card-registration/index.tsx

@@ -41,16 +41,15 @@ export const MasterpassCardRegistration = ({
   translations?: typeof defaultTranslations;
 }) => {
   const { preOrder } = useAppSelector((state: RootState) => state.checkout);
-  const { msisdn, token, language, otp, isDirectPurchase } = useAppSelector(
-    (state) => state.masterpass
-  );
+  const { msisdn, token, language, otp, isDirectPurchase, accountStatus } =
+    useAppSelector((state) => state.masterpass);
 
   const [isInfoModalOpen, setIsInfoModalOpen] = useState(false);
   const [isAgreementChecked, setIsAgreementChecked] = useState(false);
   const [accountAliasName, setAccountAliasName] = useState('');
   const [formError, setFormError] = useState<string | null>(null);
   const [isBusy, setIsBusy] = useState(false);
-  const { refreshCards } = useCards();
+  const { refreshCards, cards } = useCards();
 
   const dispatch = useAppDispatch();
 
@@ -153,6 +152,14 @@ export const MasterpassCardRegistration = ({
     }
   }, [otp.response]);
 
+  useEffect(() => {
+    if (cards && cards.length !== 0) {
+      dispatch(setAccountStatus(MasterpassStatus.ListCards));
+    } else {
+      dispatch(setAccountStatus(MasterpassStatus.NoAccount));
+    }
+  }, [cards]);
+
   if (
     preOrder.payment_option?.payment_type !== 'masterpass' ||
     !isDirectPurchase ||
@@ -251,18 +258,22 @@ export const MasterpassCardRegistration = ({
         </div>
       </div>
 
-      <a
-        href="#"
-        className="block text-xs underline mt-5"
-        onClick={(e) => {
-          e.preventDefault();
-          dispatch(setIsDirectPurchase(false));
-          dispatch(setInstallmentOptions([]));
-        }}
-      >
-        {translations?.pay_with_my_masterpass_card ??
-          defaultTranslations.pay_with_my_masterpass_card}
-      </a>
+      {accountStatus !== MasterpassStatus.NoAccount &&
+        cards &&
+        cards.length !== 0 && (
+          <a
+            href="#"
+            className="block text-xs underline mt-5"
+            onClick={(e) => {
+              e.preventDefault();
+              dispatch(setIsDirectPurchase(false));
+              dispatch(setInstallmentOptions([]));
+            }}
+          >
+            {translations?.pay_with_my_masterpass_card ??
+              defaultTranslations.pay_with_my_masterpass_card}
+          </a>
+        )}
     </div>
   );
 };