@rentlydev/rently-tuya 0.1.0

package/android/src/main/java/com/rentlytuya/components/Button.kt

@@ -0,0 +1,147 @@
+package com.rentlytuya.components
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.semantics.contentDescription
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.rentlytuya.ui.theme.LocalColor
+import com.rentlytuya.ui.theme.LocalFont
+import com.rentlytuya.util.Heap
+import androidx.compose.material3.Button as MaterialButton
+
+@Composable
+fun Button(
+  modifier: Modifier = Modifier,
+  id: String,
+  textModifier: Modifier = Modifier,
+  title: String,
+  // Font Size
+  xs: Boolean = false,
+  s: Boolean = false,
+  m: Boolean = false,
+  l: Boolean = false,
+  xl18: Boolean = false,
+  xl20: Boolean = false,
+  xl22: Boolean = false,
+  xl24: Boolean = false,
+  // Color
+  primary: Boolean = false,
+  secondary: Boolean = false,
+  white: Boolean = false,
+  grey: Boolean = false,
+  black: Boolean = false,
+  textColor: Color?,
+  borderColor: Color? = null,
+  // Font Weight
+  light: Boolean = false,
+  medium: Boolean = false,
+  semiBold: Boolean = false,
+  bold: Boolean = false,
+  cornerRadius: Dp = 30.dp,
+  disabled: Boolean = false,
+  elevation: Boolean = true,
+  iconId: Int? = null,
+  onClick: () -> Unit = {}
+) {
+
+  val buttonColor = when {
+    primary -> LocalColor.Primary.Medium
+    secondary -> Color(0xFFf37787)
+    white -> LocalColor.Monochrome.White
+    grey -> LocalColor.Monochrome.LightGrey
+    black -> LocalColor.Monochrome.Black
+    else -> LocalColor.Primary.Light
+  }
+
+  val borderModifier = borderColor?.let { color ->
+    Modifier.border(1.dp, color, RoundedCornerShape(cornerRadius))
+  } ?: Modifier
+
+  val fontFamily = when {
+    light -> LocalFont.FontFamily.light
+    medium -> LocalFont.FontFamily.medium
+    semiBold -> LocalFont.FontFamily.semiBold
+    bold -> LocalFont.FontFamily.bold
+    else -> LocalFont.FontFamily.regular
+  }
+
+  val fontSize = when {
+    xs -> LocalFont.FontSize.XS
+    s -> LocalFont.FontSize.S
+    m -> LocalFont.FontSize.M
+    l -> LocalFont.FontSize.L
+    xl18 -> LocalFont.FontSize.XL18
+    xl20 -> LocalFont.FontSize.XL20
+    xl22 -> LocalFont.FontSize.XL22
+    xl24 -> LocalFont.FontSize.XL24
+    else -> LocalFont.FontSize.M
+  }
+
+  MaterialButton(
+    modifier = Modifier
+      .semantics { contentDescription = "${id}Button" }
+      .then(modifier)
+      .then(borderModifier),
+    enabled = !disabled,
+    onClick = {
+      Heap.trackEvent(eventName = id)
+      onClick()
+    },
+    shape = RoundedCornerShape(cornerRadius),
+    colors = ButtonDefaults.buttonColors(
+      containerColor = buttonColor,
+      disabledContainerColor = buttonColor.copy(alpha = 0.5F)
+    ),
+    elevation = when {
+      elevation -> ButtonDefaults.elevatedButtonElevation()
+      else -> null
+    },
+    contentPadding = PaddingValues(0.dp)
+  ) {
+    CompositionLocalProvider(
+      LocalDensity provides Density(
+        density = LocalDensity.current.density,
+        fontScale = 1f
+      )
+    ) {
+      Row {
+        if (iconId != null) {
+          Image(
+            painter = painterResource(id = iconId),
+            contentDescription = "${id}Icon",
+            modifier = Modifier.padding(end = 8.dp)
+          )
+        }
+        Text(
+          text = title,
+          fontSize = fontSize,
+          fontFamily = fontFamily,
+          textAlign = TextAlign.Center,
+          color = textColor!!,
+          maxLines = 1,
+          overflow = TextOverflow.Clip,
+          modifier = Modifier
+            .semantics { contentDescription = "${id}Text" }
+            .then(textModifier)
+        )
+      }
+    }
+  }
+}

package/android/src/main/java/com/rentlytuya/components/CustomDatePicker.kt

@@ -0,0 +1,275 @@
+package com.rentlytuya.components
+
+import android.os.Build
+import androidx.annotation.RequiresApi
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.automirrored.filled.ArrowForward
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableLongStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.unit.dp
+import com.rentlytuya.R
+import com.rentlytuya.ui.theme.LocalColor
+import com.rentlytuya.util.Util.strings
+import java.time.Instant
+import java.time.LocalDate
+import java.time.YearMonth
+import java.time.ZoneOffset
+import java.time.format.DateTimeFormatter
+import java.util.Calendar
+
+@RequiresApi(Build.VERSION_CODES.O)
+@Composable
+fun DatePicker(
+  isVisible: MutableState<Boolean>,
+  initialDate: Long = Calendar.getInstance().timeInMillis,
+  availableDates: Array<Int>,
+  minDate: LocalDate?,
+  isLoading: Boolean,
+  onDateSelected: (Long) -> Unit,
+  onMonthChanged: (YearMonth) -> Unit,
+  onCancel: () -> Unit,
+  onOk: (Long) -> Unit,
+  onAppear: () -> Unit
+) {
+  var currentMonth by remember { mutableStateOf(YearMonth.now()) }
+  var tempDate by remember { mutableLongStateOf(initialDate) }
+  var selectedDate by remember { mutableLongStateOf(initialDate) }
+
+  val daysInMonth = currentMonth.atEndOfMonth().dayOfMonth
+  val firstDayOfWeek = currentMonth.atDay(1).dayOfWeek.value % 7
+
+  LaunchedEffect(isVisible.value) {
+    if (isVisible.value) {
+      tempDate = selectedDate
+      currentMonth = Instant.ofEpochMilli(selectedDate)
+        .atZone(ZoneOffset.UTC)
+        .toLocalDate()
+        .let { YearMonth.of(it.year, it.month) }
+    }
+    onAppear()
+  }
+
+  if (isVisible.value) {
+    Alert(
+      isVisible = true,
+      onDismiss = { isVisible.value = false }
+    ) {
+      Column {
+        Column(
+          modifier = Modifier
+            .fillMaxWidth()
+            .background(LocalColor.Main.Dark)
+            .padding(start = 15.dp, top = 20.dp, bottom = 30.dp)
+        ) {
+          Label(
+            modifier = Modifier.padding(bottom = 20.dp),
+            title = "Select date",
+            l = true,
+            white = true,
+            bold = true
+          )
+          Label(
+            title = LocalDate.ofEpochDay(tempDate / 86400000)
+              .format(DateTimeFormatter.ofPattern("MMM dd yyyy")),
+            xl34 = true,
+            white = true,
+            bold = true
+          )
+        }
+
+        Column(
+          modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 16.dp, vertical = 5.dp)
+            .background(LocalColor.Monochrome.White)
+        ) {
+          Row(
+            modifier = Modifier
+              .fillMaxWidth()
+              .padding(vertical = 8.dp),
+            horizontalArrangement = Arrangement.SpaceBetween
+          ) {
+            IconButton(
+              onClick = {
+                currentMonth = currentMonth.minusMonths(1)
+                onMonthChanged(currentMonth)
+              },
+              enabled = !isLoading
+            ) {
+              Icon(
+                Icons.AutoMirrored.Filled.ArrowBack,
+                contentDescription = "Previous Month"
+              )
+            }
+
+            Label(
+              modifier = Modifier.align(Alignment.CenterVertically),
+              title = currentMonth.format(DateTimeFormatter.ofPattern("MMMM yyyy")),
+              l = true,
+              bold = true,
+              black = true
+            )
+
+            IconButton(
+              onClick = {
+                currentMonth = currentMonth.plusMonths(1)
+                onMonthChanged(currentMonth)
+              },
+              enabled = !isLoading
+            ) {
+              Icon(
+                Icons.AutoMirrored.Filled.ArrowForward,
+                contentDescription = "Next Month"
+              )
+            }
+          }
+
+          Row(
+            modifier = Modifier
+              .fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceAround
+          ) {
+            listOf("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat").forEach {
+              Label(
+                title = it,
+                s = true,
+                bold = true,
+                black = true
+              )
+            }
+          }
+
+          if (isLoading) {
+            Box(
+              modifier = Modifier
+                .fillMaxWidth()
+                .fillMaxHeight(0.5f),
+              contentAlignment = Alignment.Center
+            ) {
+              CircularProgressIndicator(
+                modifier = Modifier
+                  .align(Alignment.Center),
+                color = LocalColor.Main.Dark
+              )
+            }
+          } else {
+            LazyVerticalGrid(
+              columns = GridCells.Fixed(7),
+              modifier = Modifier
+                .fillMaxWidth()
+                .fillMaxHeight(0.5f)
+                .padding(vertical = 8.dp),
+              horizontalArrangement = Arrangement.Center,
+              verticalArrangement = Arrangement.Center
+            ) {
+
+              items(firstDayOfWeek) {
+                Spacer(modifier = Modifier.size(40.dp))
+              }
+
+              items(daysInMonth) { day ->
+                val date = currentMonth.atDay(day + 1)
+                val isAvailable = availableDates.contains(day + 1)
+                val isBeforeMinDate = minDate?.let { date.isBefore(it) } == true
+                val isSelected = date == LocalDate.ofEpochDay(tempDate / 86400000)
+
+                Box(
+                  modifier = Modifier
+                    .size(45.dp)
+                    .padding(6.dp)
+                    .clip(CircleShape)
+                    .then(
+                      if (isAvailable && !isBeforeMinDate) {
+                        Modifier.border(
+                          1.dp,
+                          color = LocalColor.Main.Dark,
+                          shape = CircleShape
+                        )
+                      } else Modifier
+                    )
+                    .background(
+                      when {
+                        isSelected -> LocalColor.Main.Dark
+                        isAvailable && !isBeforeMinDate -> LocalColor.Monochrome.White
+                        else -> LocalColor.Monochrome.White
+                      }
+                    )
+                    .clickable(enabled = isAvailable && !isBeforeMinDate) {
+                      if (!isBeforeMinDate) {
+                        tempDate = date.toEpochDay() * 86400000L
+                        onDateSelected(tempDate)
+                      }
+                    },
+                  contentAlignment = Alignment.Center
+                ) {
+                  Label(
+                    title = (day + 1).toString(),
+                    m = true,
+                    bold = isSelected,
+                    white = isSelected,
+                    black = !isSelected
+                  )
+                }
+              }
+            }
+          }
+
+          Row(
+            modifier = Modifier
+              .fillMaxWidth()
+              .padding(bottom = 5.dp),
+            horizontalArrangement = Arrangement.End
+          ) {
+            AnchorButton(
+              modifier = Modifier.padding(5.dp),
+              id = "DatePicker_Cancel",
+              title = strings(id = R.string.cancel),
+              black = true,
+              semiBold = true
+            ) {
+              onCancel()
+            }
+            AnchorButton(
+              modifier = Modifier.padding(5.dp),
+              id = "DatePicker_OK",
+              title = strings(id = R.string.ok).uppercase(),
+              black = true,
+              semiBold = true
+            ) {
+              selectedDate = tempDate
+              onOk(tempDate)
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/android/src/main/java/com/rentlytuya/components/Divider.kt

@@ -0,0 +1,53 @@
+package com.rentlytuya.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.rentlytuya.ui.theme.LocalColor
+
+enum class DividerDirection {
+  Horizontal,
+  Vertical
+}
+
+@Composable
+fun Divider(
+  modifier: Modifier = Modifier,
+  thickness: Dp = 1.dp,
+  direction: DividerDirection = DividerDirection.Horizontal,
+  primary: Boolean = false,
+) {
+  val targetThickness = when (thickness) {
+    Dp.Hairline -> (1f / LocalDensity.current.density).dp
+    else -> thickness
+  }
+
+  val color = when {
+    primary -> LocalColor.Secondary.Light
+    else -> LocalColor.Secondary.Light
+  }
+
+  Box(
+    when (direction) {
+      DividerDirection.Vertical -> modifier
+        .fillMaxHeight()
+        .width(targetThickness)
+        .background(color)
+        .then(modifier)
+
+      else -> modifier
+        .fillMaxWidth()
+        .height(targetThickness)
+        .background(color)
+        .then(modifier)
+    }
+  )
+}

package/android/src/main/java/com/rentlytuya/components/EncryptedImageView.kt

@@ -0,0 +1,59 @@
+package com.rentlytuya.components
+
+import android.content.Context
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.viewinterop.AndroidView
+import com.facebook.drawee.backends.pipeline.Fresco
+import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder
+import com.rentlytuya.R
+import com.thingclips.drawee.view.DecryptImageView
+
+@Composable
+fun EncryptedImageView(
+  imageUrl: String,
+  modifier: Modifier = Modifier
+) {
+  val (url, encryptionKey) = parseEncryptedUrl(imageUrl) ?: Pair("", "")
+
+  AndroidView(
+    modifier = modifier,
+    factory = { context ->
+      createEncryptedImageView(context, url, encryptionKey)
+    }
+  )
+}
+
+fun parseEncryptedUrl(url: String): Pair<String, String>? {
+  return if (url.contains("@")) {
+    val index = url.lastIndexOf("@")
+    val encryptionKey = url.substring(index + 1)
+    val imageUrl = url.substring(0, index)
+    Pair(imageUrl, encryptionKey)
+  } else {
+    null
+  }
+}
+
+private fun createEncryptedImageView(
+  context: Context,
+  imageUrl: String,
+  encryptionKey: String
+): DecryptImageView {
+  val decryptImageView = DecryptImageView(context)
+
+  val hierarchy = GenericDraweeHierarchyBuilder(context.resources)
+    .setPlaceholderImage(R.drawable.img_place_holder)
+    .build()
+
+  decryptImageView.hierarchy = hierarchy
+
+  val controller = Fresco.newDraweeControllerBuilder()
+    .setUri(imageUrl)
+    .build()
+
+  decryptImageView.controller = controller
+  decryptImageView.setImageURI(imageUrl, encryptionKey.toByteArray())
+
+  return decryptImageView
+}

package/android/src/main/java/com/rentlytuya/components/Label.kt

@@ -0,0 +1,155 @@
+package com.rentlytuya.components
+
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.semantics.contentDescription
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.style.TextDecoration
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.TextUnit
+import com.rentlytuya.ui.theme.LocalColor
+import com.rentlytuya.ui.theme.LocalFont.FontFamily
+import com.rentlytuya.ui.theme.LocalFont.FontSize
+
+@Composable
+fun Label(
+  modifier: Modifier = Modifier,
+  id: String = "",
+  title: String,
+  annotatedTitle: AnnotatedString = AnnotatedString(""),
+  // Font Size
+  xs: Boolean = false,
+  s: Boolean = false,
+  m: Boolean = false,
+  l: Boolean = false,
+  xl18: Boolean = false,
+  xl20: Boolean = false,
+  xl22: Boolean = false,
+  xl24: Boolean = false,
+  xl26: Boolean = false,
+  xl28: Boolean = false,
+  xl30: Boolean = false,
+  xl34: Boolean = false,
+  xl40: Boolean = false,
+  xl50: Boolean = false,
+  xl80: Boolean = false,
+  xl200: Boolean = false,
+  // Color
+  primary: Boolean = false,
+  secondary: Boolean = false,
+  lightGrey: Boolean = false,
+  grey: Boolean = false,
+  white: Boolean = false,
+  black: Boolean = false,
+  // Font Weight
+  light: Boolean = false,
+  medium: Boolean = false,
+  semiBold: Boolean = false,
+  bold: Boolean = false,
+  // Text Alignment
+  left: Boolean = false,
+  right: Boolean = false,
+  center: Boolean = false,
+  // Text Decoration
+  underLine: Boolean = false,
+  strikeThrough: Boolean = false,
+  maxLines: Int = 1,
+  clip: Boolean = false,
+  ellipsis: Boolean = false,
+  //Letter Spacing
+  letterSpacing: TextUnit = TextUnit.Unspecified,
+  lineHeight: TextUnit = TextUnit.Unspecified
+) {
+  val textAlign = when {
+    left -> TextAlign.Left
+    right -> TextAlign.Right
+    center -> TextAlign.Center
+    else -> TextAlign.Start
+  }
+
+  val color = when {
+    primary -> LocalColor.Primary.Light
+    secondary -> LocalColor.Primary.Secondary
+    lightGrey -> LocalColor.Monochrome.Regular
+    grey -> LocalColor.Monochrome.Medium
+    white -> LocalColor.Monochrome.White
+    black -> LocalColor.Monochrome.Black
+    else -> LocalColor.Primary.Light
+  }
+
+  val textDecoration = when {
+    underLine -> TextDecoration.Underline
+    strikeThrough -> TextDecoration.LineThrough
+    else -> TextDecoration.None
+  }
+
+  val fontFamily = when {
+    light -> FontFamily.light
+    medium -> FontFamily.medium
+    semiBold -> FontFamily.semiBold
+    bold -> FontFamily.bold
+    else -> FontFamily.regular
+  }
+
+  val fontSize = when {
+    xs -> FontSize.XS
+    s -> FontSize.S
+    m -> FontSize.M
+    l -> FontSize.L
+    xl18 -> FontSize.XL18
+    xl20 -> FontSize.XL20
+    xl22 -> FontSize.XL22
+    xl24 -> FontSize.XL24
+    xl26 -> FontSize.XL26
+    xl28 -> FontSize.XL28
+    xl30 -> FontSize.XL30
+    xl34 -> FontSize.XL34
+    xl40 -> FontSize.XL40
+    xl50 -> FontSize.XL50
+    xl80 -> FontSize.XL80
+    xl200 -> FontSize.XL200
+    else -> FontSize.L
+  }
+
+  val overflow = when {
+    clip -> TextOverflow.Clip
+    ellipsis -> TextOverflow.Ellipsis
+    else -> TextOverflow.Visible
+  }
+
+  val text = when {
+    title.isNotEmpty() -> AnnotatedString(title)
+    else -> annotatedTitle
+  }
+
+  CompositionLocalProvider(
+    LocalDensity provides Density(
+      density = LocalDensity.current.density,
+      fontScale = 1f
+    )
+  ) {
+    Text(
+      text = text,
+      fontSize = fontSize,
+      fontFamily = fontFamily,
+      textAlign = textAlign,
+      color = color,
+      textDecoration = textDecoration,
+      maxLines = maxLines,
+      overflow = overflow,
+      modifier = Modifier
+        .semantics { contentDescription = id.ifEmpty { title } }
+        .testTag(id.ifEmpty { title })
+        .then(modifier),
+      letterSpacing = letterSpacing,
+      lineHeight = lineHeight
+    )
+  }
+}