fix: update the payment UI imageView logic for card inserting status

Author: believemeng

pos_android_studio_demo/pos_android_app/build.gradle

@@ -31,8 +31,8 @@ android {
         applicationId "com.dspread.pos_android_app"
         minSdk 24
         targetSdk 34
-        versionCode 123
-        versionName "8.2.6-2601081442"
+        versionCode 124
+        versionName "8.2.6-2601091139"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         ndk {
             // Set up supported SO library architecture

pos_android_studio_demo/pos_android_app/src/main/res/layout/activity_payment_default.xml

@@ -1,5 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
-<layout xmlns:binding="http://schemas.android.com/tools">
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:binding="http://schemas.android.com/tools">
 
     <data>
         <import type="android.view.View" />
@@ -8,8 +10,7 @@
             type="com.dspread.pos.ui.payment.PaymentViewModel" />
     </data>
 
-    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
-        xmlns:app="http://schemas.android.com/apk/res-auto"
+    <RelativeLayout
         android:id="@+id/rel_sale_details"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
@@ -19,7 +20,7 @@
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:gravity="center_vertical"
+            android:gravity="center_horizontal"
             android:orientation="vertical">
 
             <!-- amount display -->
@@ -80,8 +81,9 @@
                     android:visibility="@{viewModel.showPinpad ? View.GONE : View.VISIBLE}"/>
             </RelativeLayout>
 
-            <!-- common  AnimationView-->
-<!--            android:visibility="@{viewModel.showPinpad ? View.GONE : View.VISIBLE}"-->
+
+
+            <!-- card guide AnimationView-->
             <com.airbnb.lottie.LottieAnimationView
                 android:id="@+id/animation_view"
                 android:layout_width="wrap_content"
@@ -99,7 +101,7 @@
                 android:layout_marginBottom="10dp"
                 android:gravity="center"
                 android:orientation="horizontal"
-                android:visibility="@{viewModel.showResultStatus ? View.GONE : View.VISIBLE}"
+                android:visibility="@{viewModel.showResultStatus|| viewModel.cardsInsertedStatus ? View.GONE : View.VISIBLE}"
                 >
 
                 <ImageView
@@ -203,15 +205,19 @@
                         android:textStyle="bold" />
                 </LinearLayout>
             </LinearLayout>
+
         </LinearLayout>
+        <!-- card insert AnimationView-->
         <com.airbnb.lottie.LottieAnimationView
-            android:visibility="@{viewModel.cardsInsertedStatus ? View.VISIBLE : View.GONE}"
-            android:layout_width="wrap_content"
+            android:id="@+id/animation_view_insert"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
+            android:layout_gravity="bottom"
             android:layout_marginLeft="10dp"
             android:layout_marginRight="10dp"
-            android:layout_alignParentBottom="true"
+            android:visibility="@{viewModel.cardsInsertedStatus ? View.VISIBLE : View.GONE}"
             app:lottie_autoPlay="true"
+            android:layout_alignParentBottom="true"
             app:lottie_fileName="insert_icc_card.json"
             app:lottie_imageAssetsFolder="iccimages/"
             app:lottie_loop="false" />