my rewards box tile part1, box tile events

@@ -31,6 +31,7 @@ import ly.warp.sdk.activities.LoyaltyAnalysisActivity;
 import ly.warp.sdk.activities.LoyaltyHistoryActivity;
 import ly.warp.sdk.activities.LoyaltyMarketAnalysisActivity;
 import ly.warp.sdk.activities.WarpViewActivity;
+import ly.warp.sdk.io.models.ActiveBoxCouponEventModel;
 import ly.warp.sdk.io.models.ActiveDFYCouponEventModel;
 import ly.warp.sdk.io.models.Coupon;
 import ly.warp.sdk.io.models.Couponset;
@@ -53,7 +54,7 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
     // Fields
     // ===========================================================
 
-    private TextView mTvUserBadge, mTvUserBadgeCentered,
+    private TextView mTvUserBadge, mTvUserBadgeCentered, mTvBoxCountBadge,
             mTvDealsCountBadge, mTvUnifiedCountBadge, mTvGiftsCountBadge,
             mTvVouchersDisabledTitle, mTvVouchersDisabledSubtitle, mTvVouchersTitle, mTvVouchersSubtitle;
     private ConstraintLayout mLlQuestionnaireCentered,
@@ -69,8 +70,8 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
     private boolean mDfyPressed = false, mDealsBannerPressed = false, mQuestionnairePressed = false,
             mHistoryPressed = false, mHistoryMarketPressed = false,
             mHistoryBadgePressed = false, mUnifiedCountPressed = false,
-            mGiftsCountPressed = false;
-    private RelativeLayout mRlDeals, mRlUnified, mRlGifts;
+            mGiftsCountPressed = false, mBoxCountPressed = false;
+    private RelativeLayout mRlDeals, mRlUnified, mRlGifts, mRlBox;
     private boolean mIsDealsEmpty = false, mIsMarketsEmpty = false, mIsCouponsEmpty = false;
 
     // ===========================================================
@@ -103,10 +104,12 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
         mTvDealsCountBadge = view.findViewById(R.id.tv_deals_count);
         mTvUnifiedCountBadge = view.findViewById(R.id.tv_sm_count);
         mTvGiftsCountBadge = view.findViewById(R.id.tv_gifts_count);
+        mTvBoxCountBadge = view.findViewById(R.id.tv_box_count);
         mLlBannerInfo = view.findViewById(R.id.ll_banner_info_new);
         mRlDeals = view.findViewById(R.id.rv_deals_count);
         mRlUnified = view.findViewById(R.id.rv_sm_count);
         mRlGifts = view.findViewById(R.id.rv_gifts_count);
+        mRlBox = view.findViewById(R.id.rv_box_count);
         mCvVouchers = view.findViewById(R.id.cv_vouchers);
         mCvVouchersDisabled = view.findViewById(R.id.cv_vouchers_disabled);
         mLlVouchers = view.findViewById(R.id.ll_vouchers);
@@ -158,6 +161,7 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
         mHistoryBadgePressed = false;
         mGiftsCountPressed = false;
         mUnifiedCountPressed = false;
+        mBoxCountPressed = false;
         initViews();
     }
 
@@ -270,6 +274,25 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
             }
             return;
         }
+        /** Active Box Banner */
+        if (view.getId() == R.id.rv_box_count) {
+            if (!mBoxCountPressed) {
+                mBoxCountPressed = true;
+                WarplyAnalyticsManager.logTrackersEvent(getContext(), "click", ("LoyaltyWalletScreen")
+                        .concat(":")
+                        .concat("ActiveBoxBanner"));
+
+                LoyaltySDKFirebaseEventModel analyticsEvent = new LoyaltySDKFirebaseEventModel();
+                analyticsEvent.setEventName("did_tap_box_active_badge");
+                analyticsEvent.setParameter("screen", "Loyalty Wallet");
+                EventBus.getDefault().post(new WarplyEventBusManager(analyticsEvent));
+
+                ActiveBoxCouponEventModel activeBoxEventModel = new ActiveBoxCouponEventModel();
+                activeBoxEventModel.setPressed(true);
+                EventBus.getDefault().post(new WarplyEventBusManager(activeBoxEventModel));
+            }
+            return;
+        }
         /** Unified History */
         if (view.getId() == R.id.cl_market_inner) {
             if (!mHistoryMarketPressed) {
@@ -461,6 +484,13 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
             mTvDealsCountBadge.setText("0");
         /** Deals Badge */
 
+        /** Box Badge */
+        if (WarplyManagerHelper.getActiveBoxCoupons() != null)
+            mTvBoxCountBadge.setText(String.valueOf(WarplyManagerHelper.getActiveBoxCoupons().size()));
+        else
+            mTvBoxCountBadge.setText("0");
+        /** Deals Badge */
+
 //        if (WarplyManagerHelper.getConsumer() != null) {
 //            if (!TextUtils.isEmpty(WarplyManagerHelper.getUserTag(getContext()))) {
 //                mTvUserBadge.setText(WarplyManagerHelper.getUserTag(getContext()));
@@ -520,6 +550,7 @@ public class MyRewardsFragment extends Fragment implements View.OnClickListener
         mRlDeals.setOnClickListener(this);
         mRlUnified.setOnClickListener(this);
         mRlGifts.setOnClickListener(this);
+        mRlBox.setOnClickListener(this);
         mCvVouchers.setOnClickListener(this);
         mCvVouchersDisabled.setOnClickListener(this);
     }

+/*
+ * Copyright 2010-2013 Warply Ltd. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, without modification, are
+ * permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice,
+ * this list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ * this list of conditions and the following disclaimer in the documentation
+ * and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE WARPLY LTD ``AS IS'' AND ANY EXPRESS OR
+ * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
+ * EVENT SHALL WARPLY LTD OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
+ * INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA,
+ * OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+ * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
+ * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+package ly.warp.sdk.io.models;
+
+
+/**
+ * Created by Panagiotis Triantafyllou on 30-April-24.
+ */
+
+public class ActiveBoxCouponEventModel {
+    private boolean pressed;
+
+    public ActiveBoxCouponEventModel() {
+        this.pressed = true;
+    }
+
+    public boolean isPressed() {
+        return pressed;
+    }
+
+    public void setPressed(boolean pressed) {
+        this.pressed = pressed;
+    }
+}

+/*
+ * Copyright 2010-2013 Warply Ltd. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, without modification, are
+ * permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice,
+ * this list of conditions and the following disclaimer.
+ *
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ * this list of conditions and the following disclaimer in the documentation
+ * and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE WARPLY LTD ``AS IS'' AND ANY EXPRESS OR
+ * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
+ * EVENT SHALL WARPLY LTD OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
+ * INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA,
+ * OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+ * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
+ * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+package ly.warp.sdk.io.models;
+
+
+/**
+ * Created by Panagiotis Triantafyllou on 30-April-24.
+ */
+
+public class ActiveBoxCouponModel {
+    private String value;
+    private String code;
+
+    public ActiveBoxCouponModel() {
+        this.value = "";
+        this.code = "";
+    }
+
+    public String getValue() {
+        return value;
+    }
+
+    public void setValue(String value) {
+        this.value = value;
+    }
+
+    public String getCode() {
+        return code;
+    }
+
+    public void setCode(String code) {
+        this.code = code;
+    }
+}

@@ -57,6 +57,7 @@ import ly.warp.sdk.activities.TelcoActivity;
 import ly.warp.sdk.activities.WarpViewActivity;
 import ly.warp.sdk.db.WarplyDBHelper;
 import ly.warp.sdk.io.callbacks.CallbackReceiver;
+import ly.warp.sdk.io.models.ActiveBoxCouponModel;
 import ly.warp.sdk.io.models.ActiveDFYCouponModel;
 import ly.warp.sdk.io.models.Campaign;
 import ly.warp.sdk.io.models.CampaignList;
@@ -111,6 +112,7 @@ public class WarplyManagerHelper {
     private static ArrayList<Campaign> mCampaignListAll = new ArrayList<Campaign>();
     private static ArrayList<Campaign> mCarouselList = new ArrayList<Campaign>();
     private static ArrayList<ActiveDFYCouponModel> mDfyCoupons = new ArrayList();
+    private static ArrayList<ActiveBoxCouponModel> mBoxCoupons = new ArrayList();
     private static ArrayList<LoyaltyGiftsForYouPackage> mSeasonalList = new ArrayList<>();
     private static ArrayList<LoyaltyContextualOfferModel> mCCMSList = new ArrayList<>();
     private static AlertDialog mAlertDialogSharing, mAlertDialogAcceptSharing,
@@ -1205,6 +1207,21 @@ public class WarplyManagerHelper {
         return mDfyCoupons;
     }
 
+    /**
+     * Set the List with active Box coupons
+     */
+    public static void setActiveBoxCoupons(ArrayList<ActiveBoxCouponModel> boxCoupons) {
+        mBoxCoupons.clear();
+        mBoxCoupons = boxCoupons;
+    }
+
+    /**
+     * Get the List with active Box coupons
+     */
+    public static ArrayList<ActiveBoxCouponModel> getActiveBoxCoupons() {
+        return mBoxCoupons;
+    }
+
     public static Consumer getConsumerInternal() {
         return mConsumerInternal;
     }

@@ -2,6 +2,7 @@ package ly.warp.sdk.utils.managers;
 
 import java.util.HashMap;
 
+import ly.warp.sdk.io.models.ActiveBoxCouponEventModel;
 import ly.warp.sdk.io.models.ActiveDFYCouponEventModel;
 import ly.warp.sdk.io.models.ContexualEventModel;
 import ly.warp.sdk.io.models.CouponEventModel;
@@ -54,6 +55,7 @@ public class WarplyEventBusManager {
     private VouchersFetchedEventModel vouchersFetched;
     private CouponEventModel coupon;
     private ActiveDFYCouponEventModel activeCoupon;
+    private ActiveBoxCouponEventModel activeBoxCoupon;
     private ContexualEventModel ccmsAdded;
     private CouponsEventModel couponsAdded;
     private RefreshVouchersEventModel vouchersRefreshed;
@@ -163,6 +165,10 @@ public class WarplyEventBusManager {
         this.activeCoupon = activeCoupon;
     }
 
+    public WarplyEventBusManager(ActiveBoxCouponEventModel activeBoxCoupon) {
+        this.activeBoxCoupon = activeBoxCoupon;
+    }
+
     public WarplyEventBusManager(LoyaltySDKFirebaseEventModel fireEvent) {
         this.fireEvent = fireEvent;
     }
@@ -276,6 +282,9 @@ public class WarplyEventBusManager {
     public ActiveDFYCouponEventModel getActiveCoupon() {
         return activeCoupon;
     }
+    public ActiveBoxCouponEventModel getActiveBoxCoupon() {
+        return activeBoxCoupon;
+    }
 
     public WarplyPacingEventModel getPacing() {
         return pacing;

+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="32dp"
+    android:height="32dp"
+    android:viewportWidth="32"
+    android:viewportHeight="32">
+  <path
+      android:pathData="M5.704,27.89V23.636H1.002V18.815H5.711V4.076H31.054V18.562H30.932L30.524,18.559H26.426V24.337H17.337V27.89H5.704Z"
+      android:fillColor="#F87A1D"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M11.682,11.773C11.677,11.811 11.703,11.846 11.741,11.851C11.748,11.852 11.754,11.852 11.761,11.851H12.591C12.749,11.857 12.901,11.789 13.001,11.667C13.203,11.424 13.203,11.072 13.001,10.828C12.902,10.704 12.75,10.634 12.591,10.64H11.761C11.708,10.64 11.682,10.667 11.682,10.723V11.773ZM11.682,9.442C11.676,9.479 11.703,9.514 11.74,9.519C11.747,9.52 11.754,9.52 11.761,9.519H12.591C12.73,9.519 12.862,9.462 12.958,9.363C13.06,9.269 13.118,9.137 13.118,8.998C13.119,8.861 13.06,8.731 12.958,8.639C12.861,8.541 12.729,8.486 12.591,8.486H11.761C11.708,8.486 11.682,8.514 11.682,8.569V9.442ZM10.574,12.814V7.527C10.575,7.485 10.593,7.444 10.624,7.415C10.654,7.385 10.694,7.368 10.737,7.367H12.653C12.872,7.365 13.088,7.409 13.288,7.495C13.479,7.579 13.651,7.698 13.797,7.846C13.942,7.996 14.057,8.173 14.134,8.366C14.217,8.568 14.259,8.784 14.257,9.002C14.255,9.192 14.213,9.379 14.135,9.552C14.064,9.724 13.96,9.88 13.827,10.012C13.773,10.064 13.773,10.112 13.827,10.157C13.896,10.218 13.957,10.288 14.006,10.366C14.06,10.449 14.104,10.538 14.14,10.63C14.178,10.729 14.207,10.831 14.227,10.935C14.247,11.039 14.257,11.144 14.257,11.249C14.261,11.491 14.222,11.731 14.142,11.96C14.072,12.164 13.959,12.35 13.81,12.507C13.664,12.658 13.487,12.777 13.291,12.855C13.077,12.939 12.848,12.981 12.618,12.978H10.734C10.692,12.978 10.652,12.96 10.623,12.929C10.592,12.899 10.574,12.858 10.574,12.814Z"
+      android:fillColor="#2A292E"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M19.351,9.585C19.338,9.773 19.333,9.97 19.333,10.168C19.333,10.367 19.333,10.564 19.348,10.757C19.363,10.95 19.375,11.134 19.4,11.297C19.417,11.47 19.495,11.631 19.619,11.753C19.745,11.879 19.93,11.941 20.176,11.941C20.421,11.941 20.608,11.879 20.735,11.753C20.86,11.632 20.938,11.47 20.957,11.297C20.977,11.132 20.991,10.952 21,10.758C21.008,10.564 21.011,10.369 21.01,10.168C21.009,9.968 21.01,9.776 20.999,9.585C20.988,9.394 20.977,9.214 20.957,9.041C20.939,8.869 20.86,8.708 20.735,8.588C20.609,8.462 20.423,8.4 20.176,8.4C19.972,8.385 19.772,8.453 19.619,8.588C19.496,8.709 19.418,8.869 19.4,9.04C19.378,9.214 19.362,9.396 19.351,9.585ZM18.243,10.757C18.231,10.564 18.226,10.369 18.226,10.168C18.226,9.968 18.231,9.776 18.243,9.586C18.254,9.396 18.27,9.217 18.291,9.045C18.316,8.81 18.38,8.58 18.479,8.365C18.574,8.155 18.705,7.964 18.867,7.8C19.031,7.638 19.225,7.508 19.438,7.417C19.914,7.231 20.443,7.231 20.919,7.417C21.132,7.507 21.327,7.637 21.491,7.8C21.653,7.964 21.784,8.155 21.878,8.365C21.976,8.581 22.039,8.81 22.067,9.045C22.087,9.217 22.101,9.398 22.109,9.586C22.117,9.774 22.12,9.968 22.12,10.168C22.12,10.368 22.117,10.564 22.109,10.756C22.101,10.944 22.087,11.126 22.067,11.293C22.042,11.529 21.978,11.759 21.878,11.974C21.784,12.183 21.652,12.375 21.49,12.538C21.327,12.703 21.133,12.834 20.92,12.924C20.443,13.111 19.914,13.111 19.437,12.924C19.224,12.833 19.03,12.703 18.866,12.538C18.704,12.375 18.572,12.183 18.478,11.974C18.379,11.758 18.315,11.529 18.289,11.293C18.27,11.129 18.254,10.95 18.243,10.757Z"
+      android:fillColor="#2A292E"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M10.384,21.184L11.562,18.516C11.575,18.49 11.583,18.461 11.586,18.432C11.583,18.399 11.575,18.368 11.562,18.338L10.522,16.022C10.494,15.972 10.494,15.912 10.522,15.863C10.547,15.818 10.595,15.792 10.647,15.794H11.551C11.614,15.794 11.664,15.835 11.703,15.915L12.368,17.575C12.379,17.596 12.392,17.606 12.407,17.606H12.423C12.439,17.606 12.452,17.596 12.463,17.575L13.127,15.915C13.148,15.847 13.209,15.798 13.28,15.794H14.188C14.238,15.793 14.285,15.819 14.311,15.863C14.342,15.911 14.344,15.972 14.317,16.022L13.272,18.345C13.259,18.375 13.252,18.407 13.249,18.44C13.252,18.469 13.26,18.498 13.272,18.525L14.45,21.186C14.462,21.211 14.468,21.239 14.469,21.267C14.47,21.294 14.462,21.32 14.446,21.342C14.421,21.385 14.375,21.411 14.325,21.409H13.378C13.3,21.415 13.229,21.364 13.21,21.288L12.463,19.39C12.452,19.369 12.439,19.358 12.423,19.358H12.407C12.392,19.358 12.379,19.369 12.368,19.39L11.62,21.288C11.601,21.364 11.53,21.415 11.452,21.409H10.511C10.46,21.41 10.412,21.382 10.386,21.338C10.371,21.315 10.362,21.288 10.363,21.261C10.364,21.234 10.371,21.207 10.384,21.184Z"
+      android:fillColor="#2A292E"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M18.919,19.004V18.202C18.919,18.16 18.936,18.119 18.966,18.089C18.995,18.057 19.036,18.039 19.079,18.04H21.266C21.354,18.043 21.425,18.114 21.427,18.202V19.004C21.427,19.047 21.409,19.087 21.378,19.115C21.349,19.146 21.309,19.163 21.266,19.163H19.079C19.037,19.163 18.997,19.146 18.968,19.115C18.936,19.087 18.919,19.047 18.919,19.004Z"
+      android:fillColor="#2A292E"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M26.585,17.535V16.183L26.622,16.221L28.328,17.989L28.585,18.256H27.282L27.024,17.989L26.622,17.573L26.585,17.535ZM25.705,23.656H6.43V4.826H25.428V4.829H25.705V23.656ZM6.423,27.139H16.794V24.623H6.423V27.139ZM26.585,13.737L26.622,13.775L30.24,17.525L30.339,17.627V18.256H29.643L29.385,17.989L26.622,15.126L26.585,15.088V13.737ZM26.585,11.291L26.622,11.329L30.24,15.079L30.339,15.181V16.531L30.24,16.428L26.622,12.681L26.585,12.642V11.291ZM26.585,8.845L26.622,8.883L30.24,12.632L30.339,12.735V14.084L30.24,13.982L26.622,10.234L26.585,10.196V8.845ZM26.585,6.398L26.622,6.437L30.24,10.186L30.339,10.288V11.638L30.24,11.536L26.622,7.788L26.585,7.75V6.398ZM26.585,4.74H27.346L27.431,4.829L30.24,7.74L30.339,7.842V9.192L30.24,9.09L26.622,5.341L26.585,5.303V4.74ZM28.404,4.74H29.706L29.791,4.829L30.24,5.294L30.339,5.396V6.745L30.24,6.643L28.49,4.829L28.404,4.74ZM1.813,22.969H5.506V19.276H1.813V22.969ZM26.622,3.909H26.568H5.513V18.359H0.896V23.886H5.506V28.056H17.712V24.574H26.622V18.908H30.24V18.912H31.158V18.908H31.16V3.909H26.622Z"
+      android:fillColor="#2A292E"
+      android:fillType="evenOdd"/>
+</vector>

@@ -147,7 +147,6 @@
                     android:id="@+id/rv_sm_count"
                     android:layout_width="0dp"
                     android:layout_height="104dp"
-                    android:layout_marginHorizontal="12dp"
                     app:layout_constraintBottom_toBottomOf="parent"
                     app:layout_constraintEnd_toStartOf="@+id/rv_gifts_count"
                     app:layout_constraintStart_toEndOf="@+id/rv_deals_count"
@@ -237,7 +236,7 @@
                     android:layout_width="0dp"
                     android:layout_height="104dp"
                     app:layout_constraintBottom_toBottomOf="parent"
-                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintEnd_toStartOf="@+id/rv_box_count"
                     app:layout_constraintStart_toEndOf="@+id/rv_sm_count"
                     app:layout_constraintTop_toTopOf="parent">
 
@@ -319,6 +318,94 @@
                             tools:text="6" />
                     </LinearLayout>
                 </RelativeLayout>
+
+                <RelativeLayout
+                    android:id="@+id/rv_box_count"
+                    android:layout_width="0dp"
+                    android:layout_height="104dp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/rv_gifts_count"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <androidx.cardview.widget.CardView
+                        android:id="@+id/cv_box_count"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_marginHorizontal="2dp"
+                        android:layout_marginVertical="4dp"
+                        app:cardCornerRadius="16dp"
+                        app:cardElevation="2dp">
+
+                        <androidx.constraintlayout.widget.ConstraintLayout
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:background="@color/white">
+
+                            <ImageView
+                                android:id="@+id/iv_box_logo_count"
+                                android:layout_width="34dp"
+                                android:layout_height="34dp"
+                                android:src="@drawable/sv_box_logo"
+                                app:layout_constraintBottom_toTopOf="@+id/v_separator_box_count"
+                                app:layout_constraintEnd_toEndOf="parent"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintTop_toTopOf="parent" />
+
+                            <View
+                                android:id="@+id/v_separator_box_count"
+                                android:layout_width="match_parent"
+                                android:layout_height="1dp"
+                                android:layout_marginHorizontal="8dp"
+                                android:background="@color/cos_grey2"
+                                app:layout_constraintBottom_toBottomOf="parent"
+                                app:layout_constraintEnd_toEndOf="parent"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintTop_toTopOf="parent" />
+
+                            <TextView
+                                android:id="@+id/tv_box_count_title"
+                                fontPath="fonts/PeridotPE-SemiBold.ttf"
+                                android:layout_width="0dp"
+                                android:layout_height="wrap_content"
+                                android:layout_marginHorizontal="8dp"
+                                android:gravity="center"
+                                android:includeFontPadding="false"
+                                android:text="@string/cos_box"
+                                android:textColor="@color/cos_light_black"
+                                android:textSize="10sp"
+                                app:layout_constraintBottom_toBottomOf="parent"
+                                app:layout_constraintEnd_toEndOf="parent"
+                                app:layout_constraintStart_toStartOf="parent"
+                                app:layout_constraintTop_toBottomOf="@+id/v_separator_box_count" />
+                        </androidx.constraintlayout.widget.ConstraintLayout>
+                    </androidx.cardview.widget.CardView>
+
+                    <LinearLayout
+                        android:layout_width="16dp"
+                        android:layout_height="16dp"
+                        android:layout_alignParentEnd="true"
+                        android:layout_marginTop="4dp"
+                        android:layout_marginEnd="1dp"
+                        android:background="@drawable/shape_cos_counter_orange"
+                        android:gravity="center"
+                        android:orientation="vertical"
+                        android:translationZ="2dp"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintTop_toTopOf="parent">
+
+                        <TextView
+                            android:id="@+id/tv_box_count"
+                            fontPath="fonts/PeridotPE-SemiBold.ttf"
+                            android:layout_width="wrap_content"
+                            android:layout_height="16dp"
+                            android:includeFontPadding="false"
+                            android:maxLines="1"
+                            android:textColor="@color/cos_light_black"
+                            android:textSize="12sp"
+                            tools:text="6" />
+                    </LinearLayout>
+                </RelativeLayout>
             </androidx.constraintlayout.widget.ConstraintLayout>
         </LinearLayout>
 

@@ -20,6 +20,7 @@
     <string name="cos_gifts_title">GIFTS FOR YOU</string>
     <string name="cos_more_title">MORE FOR YOU</string>
     <string name="cos_free_coupons">FREE COUPONS</string>
+    <string name="cos_box">BOX</string>
     <string name="menu_home">Αρχική</string>
     <string name="menu_explore">Ανακάλυψε</string>
     <string name="menu_shop">Shop</string>