@loyalytics/swan-react-native-sdk 2.1.3-beta.0 → 2.1.3-beta.1

package/android/src/main/res/anim/swan_slide_out_left.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:fromXDelta="0"
+        android:toXDelta="-100%p"
+        android:duration="300"
+        android:interpolator="@android:anim/accelerate_interpolator" />
+</set>

package/android/src/main/res/drawable/swan_ic_chevron_left.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="#DE000000">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M15.41,7.41L14,6l-6,6 6,6 1.41,-1.41L10.83,12z" />
+</vector>

package/android/src/main/res/drawable/swan_ic_chevron_right.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="#DE000000">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M10,6L8.59,7.41 13.17,12l-4.58,4.59L10,18l6,-6z" />
+</vector>

package/android/src/main/res/layout/swan_carousel_auto_expanded.xml

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/swan_carousel_auto_big"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@android:color/transparent">
+
+    <!-- Header -->
+    <RelativeLayout
+        android:id="@+id/swan_carousel_auto_header"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingLeft="0dp"
+        android:paddingRight="0dp"
+        android:paddingTop="0dp"
+        android:paddingBottom="8dp">
+
+        <TextView
+            android:id="@+id/swan_carousel_auto_title"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="0dp"
+            android:textSize="14sp"
+            android:textStyle="bold"
+            android:textColor="#DE000000"
+            android:maxLines="1"
+            android:ellipsize="end" />
+
+        <TextView
+            android:id="@+id/swan_carousel_auto_body"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/swan_carousel_auto_title"
+            android:textSize="12sp"
+            android:textColor="#8A000000"
+            android:maxLines="2"
+            android:ellipsize="end" />
+    </RelativeLayout>
+
+    <!-- ViewFlipper auto-scrolls through images -->
+    <ViewFlipper
+        android:id="@+id/swan_carousel_flipper"
+        android:layout_width="match_parent"
+        android:layout_height="196dp"
+        android:layout_below="@id/swan_carousel_auto_header"
+        android:inAnimation="@anim/swan_slide_in_right"
+        android:outAnimation="@anim/swan_slide_out_left"
+        android:autoStart="true"
+        android:flipInterval="4000" />
+
+</RelativeLayout>

package/android/src/main/res/layout/swan_carousel_collapsed.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:paddingLeft="16dp"
+    android:paddingRight="16dp"
+    android:paddingTop="4dp"
+    android:paddingBottom="4dp">
+
+    <TextView
+        android:id="@+id/swan_carousel_collapsed_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:textSize="14sp"
+        android:textStyle="bold"
+        android:textColor="#DE000000"
+        android:maxLines="1"
+        android:ellipsize="end" />
+
+    <TextView
+        android:id="@+id/swan_carousel_collapsed_body"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:textSize="12sp"
+        android:textColor="#8A000000"
+        android:maxLines="1"
+        android:ellipsize="end"
+        android:paddingTop="2dp" />
+
+</LinearLayout>

package/android/src/main/res/layout/swan_carousel_expanded.xml

@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/swan_carousel_big"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@android:color/transparent"
+    android:orientation="vertical">
+
+    <!-- Header: title + body -->
+    <RelativeLayout
+        android:id="@+id/swan_carousel_header"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingStart="0dp"
+        android:paddingEnd="0dp"
+        android:paddingTop="0dp"
+        android:paddingBottom="8dp">
+
+        <TextView
+            android:id="@+id/swan_carousel_title"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="14sp"
+            android:textStyle="bold"
+            android:textColor="#DE000000"
+            android:maxLines="1"
+            android:ellipsize="end" />
+
+        <TextView
+            android:id="@+id/swan_carousel_body"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_below="@id/swan_carousel_title"
+            android:textSize="12sp"
+            android:textColor="#8A000000"
+            android:maxLines="1"
+            android:ellipsize="end" />
+    </RelativeLayout>
+
+    <!-- Image area with ViewFlipper + arrow overlays -->
+    <RelativeLayout
+        android:id="@+id/swan_carousel_image_section"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1"
+        android:minHeight="196dp">
+
+        <!-- Center ViewFlipper (all images pre-loaded) -->
+        <ViewFlipper
+            android:id="@+id/swan_carousel_center"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:inAnimation="@anim/swan_fade_in"
+            android:outAnimation="@anim/swan_fade_out" />
+
+        <!-- Previous arrow -->
+        <ImageView
+            android:id="@+id/swan_carousel_btn_prev"
+            android:layout_width="36dp"
+            android:layout_height="36dp"
+            android:layout_alignParentStart="true"
+            android:layout_centerVertical="true"
+            android:layout_marginStart="4dp"
+            android:src="@drawable/swan_ic_chevron_left"
+            android:background="#80FFFFFF"
+            android:padding="6dp"
+            android:contentDescription="Previous" />
+
+        <!-- Next arrow -->
+        <ImageView
+            android:id="@+id/swan_carousel_btn_next"
+            android:layout_width="36dp"
+            android:layout_height="36dp"
+            android:layout_alignParentEnd="true"
+            android:layout_centerVertical="true"
+            android:layout_marginEnd="4dp"
+            android:src="@drawable/swan_ic_chevron_right"
+            android:background="#80FFFFFF"
+            android:padding="6dp"
+            android:contentDescription="Next" />
+    </RelativeLayout>
+
+    <!-- Counter -->
+    <TextView
+        android:id="@+id/swan_carousel_counter"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="end"
+        android:textSize="11sp"
+        android:textColor="#8A000000"
+        android:paddingStart="0dp"
+        android:paddingEnd="0dp"
+        android:paddingTop="2dp"
+        android:paddingBottom="4dp" />
+
+</LinearLayout>

package/android/src/main/res/layout/swan_carousel_filmstrip_expanded.xml

@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:background="@android:color/transparent">
+
+    <!-- Notification title -->
+    <TextView
+        android:id="@+id/swan_filmstrip_title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:textSize="14sp"
+        android:textStyle="bold"
+        android:textColor="#DE000000"
+        android:paddingStart="0dp"
+        android:paddingEnd="0dp"
+        android:paddingTop="0dp"
+        android:paddingBottom="8dp"
+        android:maxLines="1"
+        android:ellipsize="end" />
+
+    <!-- 3-image filmstrip: left preview | center | right preview -->
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="196dp"
+        android:orientation="horizontal"
+        android:gravity="center_vertical">
+
+        <!-- Left preview (dimmed, inset) -->
+        <ImageView
+            android:id="@+id/swan_filmstrip_left"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_weight="1"
+            android:layout_marginTop="16dp"
+            android:layout_marginBottom="16dp"
+            android:layout_marginStart="2dp"
+            android:scaleType="centerCrop"
+            android:alpha="0.6"
+            android:contentDescription="Previous item" />
+
+        <!-- Center image (full size) -->
+        <ImageView
+            android:id="@+id/swan_filmstrip_center"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_weight="3"
+            android:layout_marginStart="4dp"
+            android:layout_marginEnd="4dp"
+            android:scaleType="centerCrop"
+            android:contentDescription="Current item" />
+
+        <!-- Right preview (dimmed, inset) -->
+        <ImageView
+            android:id="@+id/swan_filmstrip_right"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_weight="1"
+            android:layout_marginTop="16dp"
+            android:layout_marginBottom="16dp"
+            android:layout_marginEnd="2dp"
+            android:scaleType="centerCrop"
+            android:alpha="0.6"
+            android:contentDescription="Next item" />
+    </LinearLayout>
+
+    <!-- Item title + body + counter -->
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:paddingStart="0dp"
+        android:paddingEnd="0dp"
+        android:paddingTop="4dp"
+        android:paddingBottom="4dp"
+        android:gravity="center_vertical">
+
+        <LinearLayout
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/swan_filmstrip_item_title"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:textSize="13sp"
+                android:textStyle="bold"
+                android:textColor="#DE000000"
+                android:maxLines="1"
+                android:ellipsize="end" />
+
+            <TextView
+                android:id="@+id/swan_filmstrip_item_body"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:textSize="12sp"
+                android:textColor="#8A000000"
+                android:maxLines="1"
+                android:ellipsize="end" />
+        </LinearLayout>
+
+        <TextView
+            android:id="@+id/swan_filmstrip_counter"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textSize="11sp"
+            android:textColor="#8A000000"
+            android:paddingStart="8dp"
+            android:paddingEnd="0dp" />
+    </LinearLayout>
+
+</LinearLayout>

package/android/src/main/res/layout/swan_carousel_flipper_item.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/swan_carousel_flipper_image"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:scaleType="centerCrop"
+    android:contentDescription="Carousel image" />

package/android/src/test/kotlin/com/loyalytics/swan/templates/carousel/CarouselTemplateTest.kt

@@ -0,0 +1,125 @@
+package com.loyalytics.swan.templates.carousel
+
+import org.junit.Assert.*
+import org.junit.Test
+
+class CarouselTemplateTest {
+
+    // --- wrapIndex ---
+
+    @Test
+    fun `wrapIndex forward at end wraps to first`() {
+        assertEquals(0, wrapIndex(3, 3))
+    }
+
+    @Test
+    fun `wrapIndex backward at start wraps to last`() {
+        assertEquals(2, wrapIndex(-1, 3))
+    }
+
+    @Test
+    fun `wrapIndex normal forward`() {
+        assertEquals(1, wrapIndex(1, 3))
+        assertEquals(2, wrapIndex(2, 3))
+    }
+
+    @Test
+    fun `wrapIndex normal backward`() {
+        assertEquals(1, wrapIndex(1, 3))
+    }
+
+    @Test
+    fun `wrapIndex with single item always returns 0`() {
+        assertEquals(0, wrapIndex(0, 1))
+        assertEquals(0, wrapIndex(1, 1))
+        assertEquals(0, wrapIndex(-1, 1))
+    }
+
+    @Test
+    fun `wrapIndex with size 0 returns 0`() {
+        assertEquals(0, wrapIndex(0, 0))
+        assertEquals(0, wrapIndex(5, 0))
+    }
+
+    @Test
+    fun `wrapIndex large negative wraps correctly`() {
+        // -5 with size 3: -5 mod 3 = -2, + 3 = 1
+        assertEquals(1, wrapIndex(-5, 3))
+    }
+
+    @Test
+    fun `wrapIndex large positive wraps correctly`() {
+        // 7 with size 3: 7 mod 3 = 1
+        assertEquals(1, wrapIndex(7, 3))
+    }
+
+    @Test
+    fun `wrapIndex full cycle returns to start`() {
+        // Going forward through all items returns to 0
+        val size = 5
+        for (i in 0 until size) {
+            assertEquals(i, wrapIndex(i, size))
+        }
+        assertEquals(0, wrapIndex(size, size))
+    }
+
+    @Test
+    fun `wrapIndex two items alternates correctly`() {
+        assertEquals(0, wrapIndex(0, 2))
+        assertEquals(1, wrapIndex(1, 2))
+        assertEquals(0, wrapIndex(2, 2))
+        assertEquals(1, wrapIndex(-1, 2))
+    }
+
+    @Test
+    fun `wrapIndex filmstrip prev-current-next for 3 items`() {
+        val size = 3
+        // At index 0: prev=2, current=0, next=1
+        assertEquals(2, wrapIndex(0 - 1, size))
+        assertEquals(0, wrapIndex(0, size))
+        assertEquals(1, wrapIndex(0 + 1, size))
+
+        // At index 2: prev=1, current=2, next=0
+        assertEquals(1, wrapIndex(2 - 1, size))
+        assertEquals(2, wrapIndex(2, size))
+        assertEquals(0, wrapIndex(2 + 1, size))
+    }
+
+    // --- canHandle ---
+
+    @Test
+    fun `canHandle returns true for carousel type`() {
+        val template = CarouselTemplate()
+        assertTrue(template.canHandle("carousel"))
+    }
+
+    @Test
+    fun `canHandle returns false for other types`() {
+        val template = CarouselTemplate()
+        assertFalse(template.canHandle("timer"))
+        assertFalse(template.canHandle("cta"))
+        assertFalse(template.canHandle(""))
+        assertFalse(template.canHandle("CAROUSEL"))
+        assertFalse(template.canHandle("Carousel"))
+    }
+
+    // --- CarouselAutoRemoteViews.MAX_FLIPPER_IMAGES cap ---
+    // (Cannot directly test private const, but we verify the build method
+    //  is accessible and the type is correct)
+
+    @Test
+    fun `CarouselAutoRemoteViews is a singleton object`() {
+        // Verify the object exists and is accessible
+        assertNotNull(CarouselAutoRemoteViews)
+    }
+
+    @Test
+    fun `CarouselFilmstripRemoteViews is a singleton object`() {
+        assertNotNull(CarouselFilmstripRemoteViews)
+    }
+
+    @Test
+    fun `CarouselRemoteViews is a singleton object`() {
+        assertNotNull(CarouselRemoteViews)
+    }
+}