react-native-mytatva-rn-sdk 1.2.97 → 1.2.99

package/android/src/main/java/com/mytatvarnsdk/activity/VideoActivity.kt

@@ -1,23 +1,24 @@
 package com.mytatvarnsdk.activity
 
+import android.annotation.SuppressLint
 import android.os.Bundle
 import android.view.View
+import android.webkit.WebChromeClient
+import android.webkit.WebView
+import android.webkit.WebViewClient
 import androidx.activity.OnBackPressedCallback
 import androidx.activity.enableEdgeToEdge
 import androidx.appcompat.app.AppCompatActivity
+import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.core.view.ViewCompat
 import androidx.core.view.WindowInsetsCompat
 import com.mytatvarnsdk.R
 import com.mytatvarnsdk.databinding.ActivityVideoBinding
-import com.pierfrancescosoffritti.androidyoutubeplayer.core.player.YouTubePlayer
-import com.pierfrancescosoffritti.androidyoutubeplayer.core.player.listeners.AbstractYouTubePlayerListener
-import com.pierfrancescosoffritti.androidyoutubeplayer.core.player.listeners.FullscreenListener
-import com.pierfrancescosoffritti.androidyoutubeplayer.core.player.options.IFramePlayerOptions
+import com.mytatvarnsdk.utils.CustomerSupportConfig
 
 class VideoActivity : AppCompatActivity() {
     private lateinit var binding: ActivityVideoBinding
-    private var isFullscreen = false
-    private lateinit var youTubePlayer: YouTubePlayer
+    private var webView: WebView? = null
     private var videoId = ""
 
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -34,66 +35,111 @@ class VideoActivity : AppCompatActivity() {
         init()
     }
 
+    @SuppressLint("SetJavaScriptEnabled")
     private fun init() {
-        videoId = intent.getStringExtra("VideoId").toString()
+        videoId = resolveVideoId(intent.getStringExtra("VideoId"))
 
         onBackPressedDispatcher.addCallback(onBackPressedCallback)
 
-        val iFramePlayerOptions = IFramePlayerOptions.Builder()
-            .controls(1)
-            .fullscreen(1)
-            .build()
-        binding.youtubePlayerView.enableAutomaticInitialization = false
+        binding.youtubePlayerView.visibility = View.GONE
+        binding.fullScreenViewContainer.visibility = View.GONE
 
         binding.ivClose.setOnClickListener {
-            handleBackPressedManually()
+            finish()
         }
 
-        binding.youtubePlayerView.addFullscreenListener(object : FullscreenListener {
-            override fun onEnterFullscreen(fullscreenView: View, exitFullscreen: () -> Unit) {
-                isFullscreen = true
-
-                // the video will continue playing in fullscreenView
-                binding.youtubePlayerView.visibility = View.GONE
-                binding.fullScreenViewContainer.visibility = View.VISIBLE
-                binding.fullScreenViewContainer.addView(fullscreenView)
-
-                // optionally request landscape orientation
-                // requestedOrientation = ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
-            }
-
-            override fun onExitFullscreen() {
-                isFullscreen = false
-
-                // the video will continue playing in the player
-                binding.youtubePlayerView.visibility = View.VISIBLE
-                binding.fullScreenViewContainer.visibility = View.GONE
-                binding.fullScreenViewContainer.removeAllViews()
-            }
-        })
-
-        binding.youtubePlayerView.initialize(object : AbstractYouTubePlayerListener() {
-            override fun onReady(youTubePlayer: YouTubePlayer) {
-                this@VideoActivity.youTubePlayer = youTubePlayer
-                youTubePlayer.loadVideo(videoId, 0f)
+        val playerWebView = WebView(this)
+        webView = playerWebView
+        playerWebView.settings.apply {
+            javaScriptEnabled = true
+            domStorageEnabled = true
+            mediaPlaybackRequiresUserGesture = false
+        }
+        playerWebView.webViewClient = WebViewClient()
+        playerWebView.webChromeClient = WebChromeClient()
+
+        val layoutParams = ConstraintLayout.LayoutParams(
+            ConstraintLayout.LayoutParams.MATCH_PARENT,
+            ConstraintLayout.LayoutParams.MATCH_CONSTRAINT
+        ).apply {
+            topToBottom = R.id.ivClose
+            bottomToBottom = R.id.main
+            startToStart = R.id.main
+            endToEnd = R.id.main
+        }
+        (binding.root as ConstraintLayout).addView(playerWebView, layoutParams)
+        binding.ivClose.bringToFront()
+        binding.ivClose.elevation = 12f
+
+        val html = buildYouTubeEmbedHtml(videoId)
+        // Base URL + referrer meta are required by YouTube (errors 152-4 / 153).
+        playerWebView.loadDataWithBaseURL(
+            EMBED_BASE_URL,
+            html,
+            "text/html",
+            "UTF-8",
+            null
+        )
+    }
 
-            }
-        }, iFramePlayerOptions)
+    private fun resolveVideoId(raw: String?): String {
+        val value = raw?.trim().orEmpty()
+        if (value.isEmpty() || value == "null") {
+            return CustomerSupportConfig.DEFAULT_DEMO_VIDEO_ID
+        }
+        return CustomerSupportConfig.extractYouTubeVideoId(value) ?: value
+    }
 
-        lifecycle.addObserver(binding.youtubePlayerView)
+    private fun buildYouTubeEmbedHtml(videoId: String): String {
+        return """
+            <!DOCTYPE html>
+            <html>
+            <head>
+                <meta name="viewport" content="width=device-width, initial-scale=1">
+                <meta name="referrer" content="strict-origin-when-cross-origin">
+                <style>
+                    html, body { margin: 0; padding: 0; background: #000; height: 100%; }
+                    .video-container { position: relative; width: 100%; height: 100%; }
+                    iframe {
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 100%;
+                        height: 100%;
+                        border: 0;
+                    }
+                </style>
+            </head>
+            <body>
+                <div class="video-container">
+                    <iframe
+                        src="https://www.youtube-nocookie.com/embed/$videoId?playsinline=1&rel=0&modestbranding=1"
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                        allowfullscreen
+                        referrerpolicy="strict-origin-when-cross-origin">
+                    </iframe>
+                </div>
+            </body>
+            </html>
+        """.trimIndent()
     }
 
     private val onBackPressedCallback = object : OnBackPressedCallback(true) {
         override fun handleOnBackPressed() {
-            handleBackPressedManually()
+            finish()
         }
     }
 
-    private fun handleBackPressedManually() {
-        if (isFullscreen) {
-            youTubePlayer.toggleFullscreen()
-        } else {
-            finish()
+    override fun onDestroy() {
+        webView?.apply {
+            stopLoading()
+            destroy()
         }
+        webView = null
+        super.onDestroy()
+    }
+
+    companion object {
+        private const val EMBED_BASE_URL = "https://www.mytatva.in/"
     }
-}
+}

package/android/src/main/java/com/mytatvarnsdk/network/AuthenticateSDKService.kt

@@ -260,6 +260,56 @@ class AuthenticateSDKService(val scope: CoroutineScope) {
         }
     }
 
+    fun fetchCustomerSupportDetails(
+        environment: TATVA_ENVIRONMENT,
+        token: String,
+        onSuccess: (String) -> Unit = {},
+        onFailure: () -> Unit = {}
+    ) {
+        scope.launch {
+            try {
+                val apiServiceInterface = RetrofitInstance.getRetroInstance().create(
+                    ApiServiceInterface::class.java
+                )
+
+                val encryptionKey = getEncryptionKey(
+                    env = TATVA_ENVIRONMENT.PROD,
+                    prodEncKey = PROD_ENC_KEY,
+                    stagEncKey = STAGE_ENC_KEY
+                )
+
+                val encryptionIv = getEncryptionIv(
+                    env = TATVA_ENVIRONMENT.PROD, prodEncIv = PROD_ENC_IV, stagEncIv = STAGE_ENC_IV
+                )
+
+                val headers = mapOf(
+                    "api-key" to if (environment == TATVA_ENVIRONMENT.PROD) PROD_API_KEY else STAGE_API_KEY,
+                    "token" to token
+                )
+
+                val baseUrl = if (environment == TATVA_ENVIRONMENT.PROD) PROD_BASE_URL else STAGE_BASE_URL
+                val url = "$baseUrl/helper/customer_support_details"
+
+                Log.d("API Response", "Customer Support Details URL: $url")
+
+                val response = apiServiceInterface.getCgmStatus(url, headers).string()
+
+                val decryptedResponse = getDecryptedData(
+                    cipherText = response.toString(),
+                    encryptionKey = encryptionKey,
+                    encryptionIv = encryptionIv
+                ) ?: response.toString()
+
+                Log.d("API Response", "Customer Support Details Response: $decryptedResponse")
+                onSuccess(decryptedResponse)
+            } catch (e: Exception) {
+                Log.d("API Response", "Customer Support Details Exception: ${e.message}")
+                e.printStackTrace()
+                onFailure()
+            }
+        }
+    }
+
     fun verifyDevice(
         environment: TATVA_ENVIRONMENT,
         token: String,

package/android/src/main/java/com/mytatvarnsdk/utils/CustomerSupportConfig.kt

@@ -0,0 +1,137 @@
+package com.mytatvarnsdk.utils
+
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import org.json.JSONObject
+import java.util.concurrent.CopyOnWriteArraySet
+
+object CustomerSupportConfig {
+    private const val TAG = "CustomerSupportConfig"
+
+    const val DEFAULT_WHATSAPP_NUMBER = "918511975757"
+    const val DEFAULT_DEMO_VIDEO_ID = "65vl2aE1K_I"
+    const val DEFAULT_DEMO_VIDEO_URL =
+        "https://www.youtube.com/embed/65vl2aE1K_I"
+
+    private val mainHandler = Handler(Looper.getMainLooper())
+    private val updateListeners = CopyOnWriteArraySet<() -> Unit>()
+
+    @Volatile
+    var isLoaded: Boolean = false
+
+    @Volatile
+    var isShowWhatsapp: Boolean = false
+
+    @Volatile
+    var whatsAppNumber: String = DEFAULT_WHATSAPP_NUMBER
+
+    @Volatile
+    var watchCGMDemoUrl: String = DEFAULT_DEMO_VIDEO_URL
+
+    fun addUpdateListener(listener: () -> Unit) {
+        updateListeners.add(listener)
+    }
+
+    fun removeUpdateListener(listener: () -> Unit) {
+        updateListeners.remove(listener)
+    }
+
+    fun applyFailureDefaults() {
+        isShowWhatsapp = true
+        whatsAppNumber = DEFAULT_WHATSAPP_NUMBER
+        watchCGMDemoUrl = DEFAULT_DEMO_VIDEO_URL
+        isLoaded = true
+        Log.d(
+            TAG,
+            "Failure defaults applied | showWhatsapp=$isShowWhatsapp | demoUrl=$watchCGMDemoUrl"
+        )
+        notifyConfigUpdated()
+    }
+
+    fun updateFromResponse(response: String) {
+        try {
+            val json = JSONObject(response)
+            if (json.optInt("code", 0) != 1) {
+                Log.w(TAG, "Customer support API returned non-success code, using failure defaults")
+                applyFailureDefaults()
+                return
+            }
+
+            val data = json.optJSONObject("data")
+            if (data == null) {
+                Log.w(TAG, "Customer support API missing data, using failure defaults")
+                applyFailureDefaults()
+                return
+            }
+
+            isShowWhatsapp = parseBoolean(data, "isShowWhatsapp")
+            whatsAppNumber = data.optString("whatsAppNumber", "").trim()
+                .ifEmpty { DEFAULT_WHATSAPP_NUMBER }
+            watchCGMDemoUrl = data.optString("watchCGMDemoUrl", "").trim()
+                .ifEmpty { DEFAULT_DEMO_VIDEO_URL }
+            isLoaded = true
+
+            Log.d(
+                TAG,
+                "Customer support loaded | showWhatsapp=$isShowWhatsapp | demoUrl=$watchCGMDemoUrl"
+            )
+            notifyConfigUpdated()
+        } catch (e: Exception) {
+            Log.w(TAG, "Failed to parse customer support response: ${e.message}, using failure defaults")
+            applyFailureDefaults()
+        }
+    }
+
+    private fun notifyConfigUpdated() {
+        mainHandler.post {
+            updateListeners.forEach { listener ->
+                try {
+                    listener.invoke()
+                } catch (e: Exception) {
+                    Log.w(TAG, "Customer support listener failed: ${e.message}")
+                }
+            }
+        }
+    }
+
+    fun effectiveWhatsAppNumber(): String =
+        whatsAppNumber.ifEmpty { DEFAULT_WHATSAPP_NUMBER }
+
+    fun shouldShowWhatsapp(): Boolean =
+        isLoaded && isShowWhatsapp && effectiveWhatsAppNumber().isNotEmpty()
+
+    fun getDemoVideoId(isForReconnect: Boolean): String {
+        val url = watchCGMDemoUrl.ifEmpty { DEFAULT_DEMO_VIDEO_URL }
+        extractYouTubeVideoId(url)?.let { return it }
+        return DEFAULT_DEMO_VIDEO_ID
+    }
+
+    fun getDemoVideoUrl(isForReconnect: Boolean): String =
+        watchCGMDemoUrl.ifEmpty { DEFAULT_DEMO_VIDEO_URL }
+
+    fun extractYouTubeVideoId(url: String): String? {
+        val trimmed = url.trim()
+        if (trimmed.isEmpty()) return null
+
+        val patterns = listOf(
+            Regex("(?:embed/|/v/|watch\\?v=|youtu\\.be/)([\\w-]{11})"),
+            Regex("^([\\w-]{11})$")
+        )
+
+        for (pattern in patterns) {
+            pattern.find(trimmed)?.groupValues?.getOrNull(1)?.let { return it }
+        }
+        return null
+    }
+
+    private fun parseBoolean(json: JSONObject, key: String): Boolean {
+        if (!json.has(key)) return false
+        return when (val value = json.get(key)) {
+            is Boolean -> value
+            is Int -> value == 1
+            is String -> value.equals("true", ignoreCase = true) || value == "1"
+            else -> false
+        }
+    }
+}

package/android/src/main/java/com/mytatvarnsdk/utils/ToolbarSupportHelper.kt

@@ -0,0 +1,83 @@
+package com.mytatvarnsdk.utils
+
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import android.view.View
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import androidx.lifecycle.DefaultLifecycleObserver
+import androidx.lifecycle.LifecycleOwner
+import com.mytatvarnsdk.activity.VideoActivity
+
+object ToolbarSupportHelper {
+
+    fun configureWhatsappButton(
+        context: Context,
+        btnWhatsapp: View,
+        onClickAnalytics: (() -> Unit)? = null
+    ) {
+        if (CustomerSupportConfig.shouldShowWhatsapp()) {
+            btnWhatsapp.visibility = View.VISIBLE
+            btnWhatsapp.setOnClickListener {
+                onClickAnalytics?.invoke()
+                openWhatsApp(context, CustomerSupportConfig.effectiveWhatsAppNumber())
+            }
+        } else {
+            btnWhatsapp.visibility = View.GONE
+            btnWhatsapp.setOnClickListener(null)
+        }
+    }
+
+    fun bindWhatsappButton(
+        activity: AppCompatActivity,
+        btnWhatsapp: View,
+        onClickAnalytics: (() -> Unit)? = null
+    ) {
+        btnWhatsapp.setOnClickListener(null)
+        val refresh: () -> Unit = {
+            configureWhatsappButton(activity, btnWhatsapp, onClickAnalytics)
+        }
+
+        refresh()
+        CustomerSupportConfig.addUpdateListener(refresh)
+
+        activity.lifecycle.addObserver(object : DefaultLifecycleObserver {
+            override fun onDestroy(owner: LifecycleOwner) {
+                CustomerSupportConfig.removeUpdateListener(refresh)
+            }
+        })
+    }
+
+    fun configureWatchDemoButton(
+        context: Context,
+        btnWatchDemo: View,
+        isForReconnect: Boolean,
+        onClickAnalytics: (() -> Unit)? = null
+    ) {
+        btnWatchDemo.setOnClickListener {
+            onClickAnalytics?.invoke()
+            val intent = Intent(context, VideoActivity::class.java)
+            val videoId = CustomerSupportConfig.getDemoVideoId(isForReconnect)
+            intent.putExtra("VideoId", videoId)
+            context.startActivity(intent)
+        }
+    }
+
+    fun openWhatsApp(context: Context, number: String) {
+        val cleanedNumber = number.replace(Regex("[^0-9]"), "")
+        if (cleanedNumber.isEmpty()) {
+            Toast.makeText(context, "WhatsApp number unavailable", Toast.LENGTH_SHORT).show()
+            return
+        }
+
+        val waUri = Uri.parse("https://wa.me/$cleanedNumber")
+        val intent = Intent(Intent.ACTION_VIEW, waUri)
+        try {
+            context.startActivity(intent)
+        } catch (e: Exception) {
+            e.printStackTrace()
+            Toast.makeText(context, "Error opening WhatsApp", Toast.LENGTH_SHORT).show()
+        }
+    }
+}

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

@@ -246,7 +246,11 @@
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toBottomOf="@id/transmitterImages">
 
-            <!-- Searching State -->
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical">
+
             <androidx.constraintlayout.widget.ConstraintLayout
                 android:id="@+id/clPermission"
                 android:layout_width="match_parent"
@@ -289,7 +293,6 @@
                     app:layout_constraintTop_toBottomOf="@+id/tvDesc"
                     app:layout_constraintVertical_chainStyle="packed" />
 
-
                 <androidx.appcompat.widget.AppCompatImageView
                     android:id="@+id/ivProceedArrow"
                     android:layout_width="18dp"
@@ -303,9 +306,121 @@
                     app:layout_constraintTop_toTopOf="@+id/tvPermission"
                     app:tint="@color/color_green" />
 
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/clManualInput"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="12dp"
+                android:background="@drawable/bg_dark_black"
+                android:paddingHorizontal="20dp"
+                android:paddingVertical="20dp"
+                android:visibility="gone">
+
+                <EditText
+                    android:id="@+id/etSensorId"
+                    android:layout_width="0dp"
+                    android:layout_height="52dp"
+                    android:background="@drawable/bg_white_corner_10"
+                    android:fontFamily="@font/roboto_regular"
+                    android:hint="Enter Sensor ID"
+                    android:importantForAutofill="no"
+                    android:inputType="textCapCharacters"
+                    android:paddingHorizontal="14dp"
+                    android:textColor="#101828"
+                    android:textColorHint="#98A2B3"
+                    android:textSize="14sp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <androidx.cardview.widget.CardView
+                    android:id="@+id/btnConnectManual"
+                    android:layout_width="0dp"
+                    android:layout_height="54dp"
+                    android:layout_marginTop="12dp"
+                    app:cardBackgroundColor="#2A805A"
+                    app:cardCornerRadius="12dp"
+                    app:cardElevation="0dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/etSensorId">
+
+                    <androidx.constraintlayout.widget.ConstraintLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:background="@drawable/bg_green_border_20">
+
+                        <TextView
+                            android:id="@+id/tvConnectManual"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:fontFamily="@font/roboto_semibold"
+                            android:text="Connect"
+                            android:textColor="#FFFFFF"
+                            android:textSize="16sp"
+                            app:layout_constraintBottom_toBottomOf="parent"
+                            app:layout_constraintEnd_toEndOf="parent"
+                            app:layout_constraintStart_toStartOf="parent"
+                            app:layout_constraintTop_toTopOf="parent" />
+
+                    </androidx.constraintlayout.widget.ConstraintLayout>
+
+                </androidx.cardview.widget.CardView>
+
+                <TextView
+                    android:id="@+id/tvManualEntryHint"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="10dp"
+                    android:fontFamily="@font/roboto_regular"
+                    android:gravity="center"
+                    android:text="Scan the QR with mobile camera to get a sensor ID."
+                    android:textAlignment="center"
+                    android:textColor="#98A2B3"
+                    android:textSize="12sp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/btnConnectManual" />
 
             </androidx.constraintlayout.widget.ConstraintLayout>
 
+            <LinearLayout
+                android:id="@+id/clManualEntry"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="12dp"
+                android:background="@drawable/bg_manual_entry_bar"
+                android:gravity="center"
+                android:orientation="horizontal"
+                android:paddingHorizontal="16dp"
+                android:paddingVertical="14dp">
+
+                <TextView
+                    android:id="@+id/tvCantScanQr"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/roboto_regular"
+                    android:text="@string/txt_cant_scan_sensor_qr"
+                    android:textColor="#2D3282"
+                    android:textSize="14sp" />
+
+                <TextView
+                    android:id="@+id/tvEnterIdManually"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="4dp"
+                    android:fontFamily="@font/roboto_bold"
+                    android:text="@string/txt_enter_id_manually"
+                    android:textColor="@color/color_green"
+                    android:textSize="14sp" />
+
+            </LinearLayout>
+
+            </LinearLayout>
+
         </FrameLayout>
 
     </androidx.constraintlayout.widget.ConstraintLayout>

package/ios/Custom/CustomTopUIView.swift

@@ -48,6 +48,8 @@ class CustomTopUIView: UIView {
     var onWhatsAppTapped: (() -> Void)?
     var onCloseTapped: (() -> Void)?
 
+    private var customerSupportConfigObserver: NSObjectProtocol?
+
     
     // For Interface Builder
     override init(frame: CGRect) {
@@ -124,6 +126,21 @@ class CustomTopUIView: UIView {
             whatsappButton.addTarget(self, action: #selector(whatsappButtonTapped), for: .touchUpInside)
             closeButton.addTarget(self, action: #selector(closeButtonTapped), for: .touchUpInside)
 
+            customerSupportConfigObserver = NotificationCenter.default.addObserver(
+                forName: .customerSupportConfigDidUpdate,
+                object: nil,
+                queue: .main
+            ) { [weak self] _ in
+                self?.refreshWhatsappVisibility()
+            }
+
+            refreshWhatsappVisibility()
+        }
+    }
+
+    deinit {
+        if let customerSupportConfigObserver {
+            NotificationCenter.default.removeObserver(customerSupportConfigObserver)
         }
     }
     
@@ -131,6 +148,14 @@ class CustomTopUIView: UIView {
         demoButton.isHidden = true
         whatsappButton.isHidden = true
     }
+
+    func setWhatsappVisible(_ isVisible: Bool) {
+        whatsappButton.isHidden = !isVisible
+    }
+
+    func refreshWhatsappVisibility() {
+        setWhatsappVisible(CustomerSupportConfig.shared.shouldShowWhatsapp())
+    }
     
     @objc private func demoButtonTapped() {
         onDemoTapped?()