react-native-firework-sdk 1.0.0-beta

package/android/src/main/java/com/reactnativefireworksdk/components/videofeed/FWVideoFeed.kt

@@ -0,0 +1,123 @@
+package com.reactnativefireworksdk.components.videofeed
+
+import android.app.Activity
+import android.graphics.Color
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import android.widget.RelativeLayout
+import com.facebook.react.uimanager.ThemedReactContext
+import com.loopnow.fireworklibrary.FeedType
+import com.loopnow.fireworklibrary.models.FeedLayout
+import com.loopnow.fireworklibrary.models.FeedTitlePosition
+import com.loopnow.fireworklibrary.views.OnItemClickedListener
+import com.loopnow.fireworklibrary.views.VideoFeedView
+import com.reactnativefireworksdk.R
+import com.reactnativefireworksdk.models.*
+import com.reactnativefireworksdk.utils.FWEventUtils
+import com.reactnativefireworksdk.utils.FWLogUtils
+import com.reactnativefireworksdk.utils.FWVideoPlayerUtils
+
+
+class FWVideoFeed(
+  context: ThemedReactContext,
+  attrs: AttributeSet?
+) : RelativeLayout(context, attrs) {
+
+//  private val reactContext: ReactContext = context.reactApplicationContext
+  private val activity: Activity = context.reactApplicationContext.currentActivity as Activity
+
+  private val videoFeedView: VideoFeedView
+  private var channelId: String? = null
+  private var playlistId: String? = null
+  private var feedType: FeedType? = null
+  private var feedLayout: FeedLayout? = null
+  private var titlePosition: FeedTitlePosition? = null
+
+  constructor(context: ThemedReactContext) : this(context, null)
+
+  init {
+    val view = LayoutInflater.from(activity).inflate(R.layout.fwrn_fragment_videofeed, this, true)
+    videoFeedView = view.findViewById(R.id.fwrn_integrated_videofeed)
+    videoFeedView.addOnItemClickedListener(object: OnItemClickedListener {
+      override fun onItemClicked(index: Int, title: String, id: String, videoDuration: Long) {
+        val fwVideoFeedItemDetailsModel = FWVideoFeedItemDetailsModel(index, id, videoDuration.toInt())
+        FWEventUtils.sendVideoFeedClickEvent(context.reactApplicationContext, fwVideoFeedItemDetailsModel)
+      }
+
+      override fun onItemClicked(index: Int) {
+        super.onItemClicked(index)
+      }
+
+      override fun onItemClicked(index: Int, feedId: Int): Boolean {
+        return super.onItemClicked(index, feedId)
+      }
+    })
+  }
+
+  fun setSource(source: String?) {
+    feedType = when {
+      source.equals(FWVideoFeedSource.Channel.rawValue) -> {
+        FeedType.CHANNEL
+      }
+      source.equals(FWVideoFeedSource.Playlist.rawValue) -> {
+        FeedType.PLAYLIST
+      }
+      else -> {
+        FeedType.DISCOVER
+      }
+    }
+    setFeed(channelId, playlistId, feedType)
+  }
+
+  fun setChannel(channel: String?) {
+    channelId = channel
+    setFeed(channelId, playlistId, feedType)
+  }
+
+  fun setPlaylist(playlist: String?) {
+    playlistId = playlist
+    setFeed(channelId, playlistId, feedType)
+  }
+
+  fun setMode(mode: String?) {
+    feedLayout = when {
+      mode.equals(FWVideoFeedMode.Column.rawValue) -> FeedLayout.VERTICAL
+      mode.equals(FWVideoFeedMode.Grid.rawValue) -> FeedLayout.GRID
+      else -> FeedLayout.HORIZONTAL
+    }
+    videoFeedView.setLayout(feedLayout)
+  }
+
+  fun setVideoFeedConfig(config: FWVideoFeedConfigModel?) {
+    val backgroundColor = config?.backgroundColor
+    if (!backgroundColor.isNullOrBlank()) {
+      videoFeedView.setBackgroundColor(Color.parseColor(backgroundColor))
+    }
+
+    videoFeedView.setTitleVisible(config?.title?.hidden != true)
+
+    titlePosition = when {
+      config?.titlePosition.equals(FWVideoFeedTitlePosition.Stacked.rawValue) -> FeedTitlePosition.BELOW
+      else -> FeedTitlePosition.ALIGN_BOTTOM
+    }
+    videoFeedView.setTitlePosition(titlePosition)
+  }
+
+  fun setVideoPlayerConfig(config: FWVideoPlayerConfigModel?) {
+    FWVideoPlayerUtils.setVideoPlayerConfig(config)
+  }
+
+  fun refresh() {
+    videoFeedView.refreshFeed()
+  }
+
+  private fun setFeed(channelId: String?, playlistId: String?, feedType: FeedType?) {
+    if (feedType == FeedType.CHANNEL && !channelId.isNullOrBlank()) {
+      videoFeedView.setFeed(channelId, null, FeedType.CHANNEL)
+    } else if (feedType == FeedType.PLAYLIST && !channelId.isNullOrBlank() && !playlistId.isNullOrBlank()) {
+      videoFeedView.setFeed(channelId, playlistId, FeedType.PLAYLIST)
+    } else {
+      videoFeedView.setFeed(null, null, FeedType.DISCOVER)
+    }
+  }
+}

package/android/src/main/java/com/reactnativefireworksdk/constants/FWCommandConstant.kt

@@ -0,0 +1,6 @@
+package com.reactnativefireworksdk.constants
+
+object FWCommandConstant {
+
+  const val FW_COMMAND_VIDEO_FEED_REFRESH = 1000000 // "fw_command_video_refresh"
+}

package/android/src/main/java/com/reactnativefireworksdk/constants/FWVideoPlayerConstant.kt

@@ -0,0 +1,20 @@
+package com.reactnativefireworksdk.constants
+
+object FWVideoPlayerConstant {
+
+  /**
+   * When advanceToNext, player will play the next video,
+   * When the current video finishes playing.
+   * When loop, playing video will loop until user explicitly
+   * swipes away
+   * Default value is advanceToNext.
+   */
+  const val FW_VIDEO_COMPLETE_ACTION_LOOP = "loop"
+  const val FW_VIDEO_COMPLETE_ACTION_ADVANCE_TO_NEXT = "advanceToNext"
+
+  /**
+   * launch video player in full bleed ( full screen ) mode or fit bleed mode
+   */
+  const val FW_PLAYER_STYLE_FULL = "full"
+  const val FW_PLAYER_STYLE_FIT = "fit"
+}

package/android/src/main/java/com/reactnativefireworksdk/manager/FWVideoFeedManager.kt

@@ -0,0 +1,88 @@
+package com.reactnativefireworksdk.manager
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.reactnativefireworksdk.constants.FWCommandConstant
+import com.reactnativefireworksdk.models.FWVideoFeedConfigModel
+import com.reactnativefireworksdk.models.FWVideoPlayerConfigModel
+import com.reactnativefireworksdk.utils.FWJsonUtils
+import com.facebook.react.common.MapBuilder
+import com.reactnativefireworksdk.components.videofeed.FWVideoFeed
+import com.reactnativefireworksdk.models.FWFeedViewEventName
+
+
+class FWVideoFeedManager : SimpleViewManager<FWVideoFeed>() {
+
+  override fun getName(): String {
+    return "FWVideoFeed"
+  }
+
+  override fun createViewInstance(reactContext: ThemedReactContext): FWVideoFeed {
+    // currentActivity cannot be null
+    return FWVideoFeed(reactContext)
+  }
+
+  @ReactProp(name = "source")
+  fun setSource(view: FWVideoFeed, source: String?) {
+    view.setSource(source)
+  }
+
+  @ReactProp(name = "channel")
+  fun setChannel(view: FWVideoFeed, channel: String?) {
+    view.setChannel(channel)
+  }
+
+  @ReactProp(name = "playlist")
+  fun setPlaylist(view: FWVideoFeed, playlist: String?) {
+    view.setPlaylist(playlist)
+  }
+
+  @ReactProp(name = "mode")
+  fun setMode(view: FWVideoFeed, mode: String?) {
+    view.setMode(mode)
+  }
+
+  @ReactProp(name = "videoFeedConfiguration")
+  fun setVideoFeedConfig(view: FWVideoFeed, config: ReadableMap?) {
+    val configMap = config?.toHashMap()
+    val videoFeedConfigModel = FWJsonUtils.fromMap(configMap, FWVideoFeedConfigModel::class.java)
+    view.setVideoFeedConfig(videoFeedConfigModel)
+  }
+
+  @ReactProp(name = "videoPlayerConfiguration")
+  fun setVideoPlayerConfig(view: FWVideoFeed, config: ReadableMap?) {
+    val configMap = config?.toHashMap()
+    val videoPlayerConfigModel = FWJsonUtils.fromMap(configMap, FWVideoPlayerConfigModel::class.java)
+    view.setVideoPlayerConfig(videoPlayerConfigModel)
+  }
+
+  override fun getCommandsMap(): MutableMap<String, Int> {
+    val map: MutableMap<String, Int> = HashMap()
+    map["refresh"] = FWCommandConstant.FW_COMMAND_VIDEO_FEED_REFRESH
+    return map
+  }
+
+  override fun receiveCommand(root: FWVideoFeed, commandId: Int, args: ReadableArray?) {
+    when (commandId) {
+        FWCommandConstant.FW_COMMAND_VIDEO_FEED_REFRESH -> {
+          root.refresh()
+        }
+    }
+  }
+
+  /**
+   * To map the "onVideoFeedLoadFinished" event name to the "onVideoFeedLoadFinished" callback prop in JavaScript
+   * first onVideoFeedLoadFinished is event name
+   * second onVideoFeedLoadFinished is callback prop in JavaScript
+   */
+  override fun getExportedCustomBubblingEventTypeConstants(): MutableMap<String, Any>? {
+    return MapBuilder.builder<String, Any>()
+      .put(FWFeedViewEventName.VideoFeedLoadFinished.rawValue, MapBuilder.of("phasedRegistrationNames", MapBuilder.of("bubbled", FWFeedViewEventName.VideoFeedLoadFinished.rawValue)))
+      .build()
+  }
+
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWEventName.kt

@@ -0,0 +1,35 @@
+package com.reactnativefireworksdk.models
+
+enum class FWEventName(val rawValue: String) {
+  SDKIni("fw:sdk-init"),
+  CustomCTAClick("fw:custom-cta-click"),
+  VideoPlayback("fw:video-playback"),
+  VideoFeedClick("fw:video-feed-click"),
+}
+
+enum class FWSDKInitSubEventName(val rawValue: String) {
+  InitFailed("initFailed"),
+}
+
+enum class FWFeedViewEventName(val rawValue: String) {
+  VideoFeedLoadFinished("onVideoFeedLoadFinished"),
+}
+
+enum class FWVideoPlaybackSubEventName(val rawValue: String) {
+  Impression("fw:video:impression"),
+  Start("fw:video:start"),
+  FirstQuartile("fw:video:first-quartile"),
+  Midpoint("fw:video:midpoint"),
+  ThirdQuartile("fw:video:third-quartile"),
+  Complete("fw:video:complete"),
+  AdEnd("fw:video:ad-end"),
+  ClickCTA("fw:video:click-cta"),
+  ClickShare("fw:video:click-share"),
+}
+
+enum class FWVideoShoppingEventName(val rawValue: String) {
+  AddToCart("fw:shopping:add-to-cart"),
+  ClickCartIcon("fw:shopping:click-cart-icon"),
+  UpdateProductDetails("fw:shopping:update-product-details"),
+  WillDisplayProduct("fw:shopping:will-display-product"),
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoFeedConfigModel.kt

@@ -0,0 +1,27 @@
+package com.reactnativefireworksdk.models
+
+import android.os.Parcelable
+import kotlinx.android.parcel.Parcelize
+
+@Parcelize
+data class FWVideoFeedConfigModel(
+  val backgroundColor: String?,
+  val cornerRadius: Int?,
+  val title: FWTitleModel?,
+  val titlePosition: String?,
+  val playIcon: FWPlayIconModel?
+) : Parcelable {
+
+  @Parcelize
+  data class FWTitleModel(
+    val hidden: Boolean?,
+    val textColor: String?,
+    val fontSize: Int?,
+  ) : Parcelable
+
+  @Parcelize
+  data class FWPlayIconModel(
+    val hidden: Boolean?,
+    val iconWidth: Int?,
+  ) : Parcelable
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoFeedItemDetailsModel.kt

@@ -0,0 +1,11 @@
+package com.reactnativefireworksdk.models
+
+import android.os.Parcelable
+import kotlinx.android.parcel.Parcelize
+
+@Parcelize
+data class FWVideoFeedItemDetailsModel(
+  val index: Int?,
+  val id: String?,
+  val videoDuration: Int?,
+) : Parcelable

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoFeedMode.kt

@@ -0,0 +1,7 @@
+package com.reactnativefireworksdk.models
+
+enum class FWVideoFeedMode(val rawValue: String) {
+  Row("row"),
+  Column("column"),
+  Grid("grid"),
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoFeedSource.kt

@@ -0,0 +1,7 @@
+package com.reactnativefireworksdk.models
+
+enum class FWVideoFeedSource(val rawValue: String) {
+  Discover("discover"),
+  Channel("channel"),
+  Playlist("playlist"),
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoFeedTitlePosition.kt

@@ -0,0 +1,7 @@
+package com.reactnativefireworksdk.models
+
+enum class FWVideoFeedTitlePosition(val intValue: Int, val rawValue: String) {
+  Nested(1, "nested"),
+  Stacked(2, "stacked"),
+}
+

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoPlaybackDetails.kt

@@ -0,0 +1,19 @@
+package com.reactnativefireworksdk.models
+
+import android.os.Parcelable
+import com.fasterxml.jackson.annotation.JsonProperty
+import kotlinx.android.parcel.Parcelize
+
+@Parcelize
+data class FWVideoPlaybackDetails(
+  val autoplay: Boolean?,
+  val badge: String?,
+  val caption: String?,
+  val duration: Long?,
+  @field:JsonProperty("has_cta")
+  val hasCta: Boolean?,
+  val height: Int?,
+  val width: Int?,
+  @field:JsonProperty("video_id")
+  val videoId: String?
+) : Parcelable

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoPlayerConfigModel.kt

@@ -0,0 +1,20 @@
+package com.reactnativefireworksdk.models
+
+import android.os.Parcelable
+import kotlinx.android.parcel.Parcelize
+
+@Parcelize
+data class FWVideoPlayerConfigModel(
+  val playerStyle: String?,
+  val videoCompleteAction: String?,
+  val showShareButton: Boolean?,
+  val ctaButtonStyle: FWCtaButtonStyleModel?
+) : Parcelable {
+
+  @Parcelize
+  data class FWCtaButtonStyleModel(
+    val backgroundColor: String?,
+    val fontSize: String?,
+    val textColor: String?,
+  ) : Parcelable
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoShoppingInterface.kt

@@ -0,0 +1,13 @@
+package com.reactnativefireworksdk.models
+
+import com.facebook.react.bridge.ReadableMap
+
+interface FWVideoShoppingInterface {
+
+  fun init()
+  fun updateVideoProduct(productMap: ReadableMap?, callbackId: Int?)
+  fun updateProductViewConfig(config: ReadableMap?, callbackId: Int?)
+  fun updateAddToCartStatus(res: String?, tip: String?, callbackId: Int?)
+  fun jumpToCartPage(callbackId: Int?)
+  fun exitCartPage()
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FWVideoShoppingProduct.kt

@@ -0,0 +1,34 @@
+package com.reactnativefireworksdk.models
+
+import android.os.Parcelable
+import kotlinx.android.parcel.Parcelize
+
+@Parcelize
+data class FWVideoShoppingProduct(
+  val productId: String?,
+  val name: String?,
+  val description: String?,
+  val units: List<FWVideoProductUnit>?
+) : Parcelable {
+
+  @Parcelize
+  data class FWVideoProductUnit(
+    val unitId: String?,
+    val name: String?,
+    val price: FWVideoProductPrice?,
+    val url: String?,
+    val options: List<FWVideoProductOption>?
+  ) : Parcelable
+
+  @Parcelize
+  data class FWVideoProductPrice(
+    val amount: Double?,
+    val currencyCode: String?
+  ) : Parcelable
+
+  @Parcelize
+  data class FWVideoProductOption(
+    val name: String?,
+    val value: String?
+  ) : Parcelable
+}

package/android/src/main/java/com/reactnativefireworksdk/models/FireworkSDKInterface.kt

@@ -0,0 +1,12 @@
+package com.reactnativefireworksdk.models
+
+import com.facebook.react.bridge.ReadableMap
+
+interface FireworkSDKInterface {
+
+  fun init(userId: String?, adConfig: ReadableMap?)
+  fun openVideoPlayer(url: String, config: ReadableMap?)
+  fun setShareBaseURL(url: String?)
+  fun setCustomCTAClickEnabled(value: Boolean?)
+  fun setVideoPlaybackEventEnabled(value: Boolean?)
+}

package/android/src/main/java/com/reactnativefireworksdk/module/FWVideoShoppingModule.kt

@@ -0,0 +1,190 @@
+package com.reactnativefireworksdk.module
+
+import android.app.Activity
+import com.facebook.react.bridge.*
+import com.loopnow.fireworklibrary.baya.Baya
+import com.loopnow.fireworklibrary.baya.UpdateCartStatus
+import com.loopnow.fireworklibrary.models.Product
+import com.reactnativefireworksdk.models.FWVideoShoppingInterface
+import com.reactnativefireworksdk.models.FWVideoShoppingProduct
+import com.reactnativefireworksdk.pages.FWVideoShoppingCartActivity
+import com.reactnativefireworksdk.utils.FWEventUtils
+import com.reactnativefireworksdk.utils.FWJsonUtils
+import com.reactnativefireworksdk.utils.FWLogUtils
+
+class FWVideoShoppingModule(
+  reactContext: ReactApplicationContext
+) : ReactContextBaseJavaModule(reactContext), FWVideoShoppingInterface {
+
+  private var addToCartHandler: Triple<Int, String, String>? = null
+  private var cartClickHandler: Pair<Int, Activity>? = null
+  private val updateProductHandler: HashMap<String, Product> = HashMap()
+
+  @ReactMethod
+  override fun init() {
+    cartListener()
+    productListener()
+  }
+
+  @ReactMethod
+  override fun updateVideoProduct(productMap: ReadableMap?, callbackId: Int?) {
+    FWLogUtils.d { "FWVideoShoppingModule updateVideoProduct: $callbackId, productMap: $productMap" }
+    if (callbackId == null) {
+      return
+    }
+
+    val configMap = productMap?.toHashMap()
+    val videoShoppingProduct = FWJsonUtils.fromMap(configMap, FWVideoShoppingProduct::class.java)
+        ?: return
+    val productId = videoShoppingProduct.productId
+    if (productId.isNullOrBlank()) {
+      return
+    }
+
+    val product = updateProductHandler[productId] ?: return
+
+    if (videoShoppingProduct.description != null) {
+      product.description = videoShoppingProduct.description
+    }
+
+    if (videoShoppingProduct.units != null) {
+      for (videoShoppingProductUnit in videoShoppingProduct.units) {
+        for (productUnit in product.units) {
+          if (videoShoppingProductUnit.unitId.equals(productUnit.externalId)) {
+            productUnit.name = videoShoppingProductUnit.name
+            productUnit.price?.amount = videoShoppingProductUnit.price?.amount
+            productUnit.price?.currencyCode = videoShoppingProductUnit.price?.currencyCode
+          }
+        }
+      }
+    }
+
+    updateProductHandler.remove(productId)
+
+  }
+
+  @ReactMethod
+  override fun updateProductViewConfig(config: ReadableMap?, callbackId: Int?) {
+    FWLogUtils.d { "FWVideoShoppingModule updateProductViewConfig: $callbackId, config: $config" }
+  }
+
+  @ReactMethod
+  override fun updateAddToCartStatus(res: String?, tip: String?, callbackId: Int?) {
+    FWLogUtils.d { "FWVideoShoppingModule updateAddToCartStatus: $callbackId, res: $res, tip: $tip, addToCartHandler: ${addToCartHandler?.first}" }
+    if (callbackId == null || addToCartHandler?.first != callbackId) {
+      return
+    }
+
+    val unitId = addToCartHandler?.third
+    if (unitId.isNullOrBlank()) {
+      return
+    }
+
+    UiThreadUtil.runOnUiThread {
+      when {
+        res.equals("success") -> {
+          Baya.updateCartStatus(UpdateCartStatus.Success(tip, unitId))
+        }
+        res.equals("fail") -> {
+          Baya.updateCartStatus(UpdateCartStatus.Error(tip, unitId))
+        }
+        res.equals("loading") -> {
+          Baya.updateCartStatus(UpdateCartStatus.Loading)
+        }
+      }
+    }
+  }
+
+  @ReactMethod
+  override fun jumpToCartPage(callbackId: Int?) {
+    FWLogUtils.d { "FWVideoShoppingModule jumpToCartPage: $callbackId" }
+    if (callbackId == null || cartClickHandler?.first != callbackId) {
+      return
+    }
+    val activity = cartClickHandler?.second ?: return
+
+    UiThreadUtil.runOnUiThread {
+      activity.startActivity(FWVideoShoppingCartActivity.createIntent(activity))
+    }
+  }
+
+  @ReactMethod
+  override fun exitCartPage() {
+    val activity = reactApplicationContext.currentActivity
+    UiThreadUtil.runOnUiThread {
+      activity?.finish()
+    }
+  }
+
+  private fun cartListener() {
+    Baya.cartInterface = object: Baya.CartInterface {
+
+      override fun updateCart(
+        activity: Activity,
+        productId: String,
+        unitId: String,
+        quantity: Int
+      ) {
+        FWLogUtils.d { "FWVideoShoppingModule updateCart, productId: $productId, unitId: $unitId" }
+        val callbackId = generateCallbackId()
+        addToCartHandler = Triple(callbackId, productId, unitId)
+        FWEventUtils.sendAddToCartClickEvent(reactApplicationContext, productId, unitId, callbackId)
+      }
+
+      override fun cartClicked(activity: Activity) {
+        FWLogUtils.d { "FWVideoShoppingModule cartClicked" }
+        val callbackId = generateCallbackId()
+        cartClickHandler = Pair(callbackId, activity)
+        FWEventUtils.sendCartIconClickEvent(reactApplicationContext, callbackId)
+      }
+    }
+  }
+
+  private fun productListener() {
+    Baya.productInterface = object: Baya.ProductInterface {
+      override fun hydrateProduct(id: String, product: Product) {
+        FWLogUtils.d { "FWVideoShoppingModule hydrateProduct, id: $id" }
+        val callbackId = generateCallbackId()
+        if (!id.isNullOrBlank()) {
+          updateProductHandler[id] = product
+          FWEventUtils.sendUpdateProductDetailsEvent(reactApplicationContext, id, callbackId)
+        }
+      }
+
+      override fun displayProductInfo(
+        productId: String,
+        unitId: String,
+        productWebUrl: String?
+      ): Boolean {
+        return false
+      }
+    }
+  }
+
+  @ReactMethod
+  fun addListener(eventName: String?) {
+    // Set up any upstream listeners or background tasks as necessary
+    FWLogUtils.d { "addListener: $eventName" }
+  }
+
+  @ReactMethod
+  fun removeListeners(count: Int?) {
+    // Remove upstream listeners, stop unnecessary background tasks
+    FWLogUtils.d { "removeListeners: $count" }
+  }
+
+  override fun getName(): String {
+    return "ShoppingModule"
+  }
+
+  companion object {
+    private var callbackId = 0
+
+    @JvmStatic
+    fun generateCallbackId(): Int {
+      callbackId += 1
+      return callbackId
+    }
+  }
+
+}