react-native-firework-sdk 1.2.4 → 1.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/src/main/java/com/fireworksdk/bridge/models/FWVideoPlayerConfigModel.kt +1 -0
- package/android/src/main/java/com/fireworksdk/bridge/reactnative/utils/FWEventUtils.kt +2 -2
- package/android/src/main/java/com/fireworksdk/bridge/utils/FWVideoPlayerUtils.kt +1 -0
- package/ios/Components/VideoFeed.swift +61 -22
- package/ios/Components/VideoFeedConfiguration.swift +10 -0
- package/ios/Components/VideoPlayerConfiguration.swift +2 -1
- package/ios/Models/RNToNative/RCTConvert+FireworkSDKModule.swift +22 -2
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/index.d.ts +2 -2
- package/lib/typescript/models/VideoFeedConfiguration.d.ts +23 -5
- package/lib/typescript/models/VideoPlayerConfiguration.d.ts +5 -1
- package/package.json +1 -1
- package/react-native-firework-sdk.podspec +1 -1
- package/src/index.tsx +2 -0
- package/src/models/VideoFeedConfiguration.ts +24 -5
- package/src/models/VideoPlayerConfiguration.ts +5 -1
|
@@ -73,8 +73,8 @@ object FWEventUtils {
|
|
|
73
73
|
contentMap.putString("playlist", info.playlist)
|
|
74
74
|
contentMap.putString("channel", info.channel)
|
|
75
75
|
|
|
76
|
-
val dynamicContentParametersMap = Arguments.createMap()
|
|
77
76
|
if (!info.dynamicContentParameters.isNullOrEmpty()) {
|
|
77
|
+
val dynamicContentParametersMap = Arguments.createMap()
|
|
78
78
|
for (key in info.dynamicContentParameters.keys) {
|
|
79
79
|
val value = info.dynamicContentParameters[key]
|
|
80
80
|
val array = Arguments.createArray()
|
|
@@ -85,8 +85,8 @@ object FWEventUtils {
|
|
|
85
85
|
}
|
|
86
86
|
dynamicContentParametersMap.putArray(key, array)
|
|
87
87
|
}
|
|
88
|
+
contentMap.putMap("dynamicContentParameters", dynamicContentParametersMap)
|
|
88
89
|
}
|
|
89
|
-
contentMap.putMap("dynamicContentParameters", dynamicContentParametersMap)
|
|
90
90
|
|
|
91
91
|
eventMap.putMap("info", contentMap)
|
|
92
92
|
// sendLogMessageEvent(reactContext, "[Android] Receive sendVideoFeedClickEvent event before: $info")
|
|
@@ -91,6 +91,7 @@ object FWVideoPlayerUtils {
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
fun setVideoPlayerConfig(config: FWVideoPlayerConfigModel?) {
|
|
94
|
+
VideoPlayerProperties.branding = config?.showBranding != false
|
|
94
95
|
VideoPlayerProperties.share = config?.showShareButton != false
|
|
95
96
|
VideoPlayerProperties.loop = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_ADVANCE_TO_NEXT
|
|
96
97
|
// VideoPlayerProperties.autoPlayOnComplete = config?.videoCompleteAction != FWVideoPlayerConstant.FW_VIDEO_COMPLETE_ACTION_LOOP
|
|
@@ -12,21 +12,6 @@ import FireworkVideo
|
|
|
12
12
|
@objc
|
|
13
13
|
public enum VideoFeedMode: Int {
|
|
14
14
|
case row, colume, grid
|
|
15
|
-
|
|
16
|
-
fileprivate var videoFeedLayout: VideoFeedLayout {
|
|
17
|
-
switch self {
|
|
18
|
-
case .row:
|
|
19
|
-
return VideoFeedHorizontalLayout()
|
|
20
|
-
case .colume:
|
|
21
|
-
let layout = VideoFeedGridLayout()
|
|
22
|
-
layout.numberOfColumns = 1
|
|
23
|
-
return layout
|
|
24
|
-
case .grid:
|
|
25
|
-
let layout = VideoFeedGridLayout()
|
|
26
|
-
layout.numberOfColumns = 2
|
|
27
|
-
return layout
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
15
|
}
|
|
31
16
|
|
|
32
17
|
@objc
|
|
@@ -56,6 +41,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
|
|
|
56
41
|
return
|
|
57
42
|
}
|
|
58
43
|
feedVC.viewConfiguration = convertToVideoFeedConentConfiguration()
|
|
44
|
+
feedVC.layout = videoFeedLayout
|
|
59
45
|
}
|
|
60
46
|
}
|
|
61
47
|
@objc public var playerViewConfig: VideoPlayerConfiguration? {
|
|
@@ -87,6 +73,55 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
|
|
|
87
73
|
return .dynamicContent(channelID: channel, parameters: parameters ?? [:])
|
|
88
74
|
}
|
|
89
75
|
}
|
|
76
|
+
|
|
77
|
+
private var videoFeedLayout: VideoFeedLayout {
|
|
78
|
+
var resultLayout: VideoFeedLayout?
|
|
79
|
+
switch mode {
|
|
80
|
+
case .row:
|
|
81
|
+
let layout = VideoFeedHorizontalLayout()
|
|
82
|
+
resultLayout = layout
|
|
83
|
+
break
|
|
84
|
+
case .colume:
|
|
85
|
+
let layout = VideoFeedGridLayout()
|
|
86
|
+
layout.numberOfColumns = 1
|
|
87
|
+
resultLayout = layout
|
|
88
|
+
break
|
|
89
|
+
case .grid:
|
|
90
|
+
let layout = VideoFeedGridLayout()
|
|
91
|
+
layout.numberOfColumns = 2
|
|
92
|
+
resultLayout = layout
|
|
93
|
+
break
|
|
94
|
+
}
|
|
95
|
+
if let config = feedViewConfig {
|
|
96
|
+
if let aspectRatio = config.aspectRatio {
|
|
97
|
+
if let horizontalLayout = resultLayout as? VideoFeedHorizontalLayout {
|
|
98
|
+
horizontalLayout.itemWidthRatio = aspectRatio
|
|
99
|
+
} else if let gridLayout = resultLayout as? VideoFeedGridLayout {
|
|
100
|
+
gridLayout.itemWidthRatio = aspectRatio
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
if let contentPadding = config.contentPadding {
|
|
104
|
+
if let top = contentPadding.top {
|
|
105
|
+
resultLayout?.contentInsets.top = top
|
|
106
|
+
}
|
|
107
|
+
if let right = contentPadding.right {
|
|
108
|
+
resultLayout?.contentInsets.right = right
|
|
109
|
+
}
|
|
110
|
+
if let bottom = contentPadding.bottom {
|
|
111
|
+
resultLayout?.contentInsets.bottom = bottom
|
|
112
|
+
}
|
|
113
|
+
if let left = contentPadding.left {
|
|
114
|
+
resultLayout?.contentInsets.left = left
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
if let itemSpacing = config.itemSpacing {
|
|
119
|
+
resultLayout?.itemSpacing = itemSpacing
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
return resultLayout ?? VideoFeedHorizontalLayout()
|
|
124
|
+
}
|
|
90
125
|
|
|
91
126
|
public override func layoutSubviews() {
|
|
92
127
|
super.layoutSubviews()
|
|
@@ -103,7 +138,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
|
|
|
103
138
|
}
|
|
104
139
|
|
|
105
140
|
let feedVC = VideoFeedViewController(
|
|
106
|
-
layout:
|
|
141
|
+
layout: videoFeedLayout,
|
|
107
142
|
source: source
|
|
108
143
|
)
|
|
109
144
|
|
|
@@ -265,13 +300,13 @@ extension VideoFeed {
|
|
|
265
300
|
}
|
|
266
301
|
if let ctaButtonStyle = config.ctaButtonStyle {
|
|
267
302
|
if let backgroundColor = ctaButtonStyle.backgroundColor {
|
|
268
|
-
vpcConfig.ctaButton.backgroundColor = backgroundColor.uicolor()
|
|
303
|
+
vpcConfig.ctaButton.contentConfiguration.backgroundColor = backgroundColor.uicolor()
|
|
269
304
|
}
|
|
270
305
|
if let textcolor = ctaButtonStyle.textColor {
|
|
271
|
-
vpcConfig.ctaButton.textColor = textcolor.uicolor()
|
|
306
|
+
vpcConfig.ctaButton.contentConfiguration.textColor = textcolor.uicolor()
|
|
272
307
|
}
|
|
273
308
|
if let fontSize = ctaButtonStyle.fontSize {
|
|
274
|
-
vpcConfig.ctaButton.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
|
|
309
|
+
vpcConfig.ctaButton.contentConfiguration.font = UIFont.systemFont(ofSize: CGFloat(fontSize))
|
|
275
310
|
}
|
|
276
311
|
}
|
|
277
312
|
if let showPlaybackButton = config.showPlaybackButton {
|
|
@@ -279,9 +314,13 @@ extension VideoFeed {
|
|
|
279
314
|
}
|
|
280
315
|
if let showMuteButton = config.showMuteButton {
|
|
281
316
|
vpcConfig.muteButton.isHidden = !showMuteButton
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
317
|
+
}
|
|
318
|
+
if let launchBehavior = config.launchBehavior {
|
|
319
|
+
vpcConfig.onFirstLaunch = launchBehavior.behavior()
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
if let showBranding = config.showBranding {
|
|
323
|
+
vpcConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
|
|
285
324
|
}
|
|
286
325
|
|
|
287
326
|
return vpcConfig
|
|
@@ -16,6 +16,9 @@ public class VideoFeedConfiguration: NSObject, Codable {
|
|
|
16
16
|
var playIcon: VideoFeedPlayIconConfiguration?
|
|
17
17
|
var showSponsored: Bool?
|
|
18
18
|
var showAdBadge: Bool?
|
|
19
|
+
var aspectRatio: Double?
|
|
20
|
+
var contentPadding: VideoFeedContentPadding?;
|
|
21
|
+
var itemSpacing: Double?
|
|
19
22
|
|
|
20
23
|
class VideoFeedTitleConfiguration: NSObject, Codable {
|
|
21
24
|
public var hidden: Bool?
|
|
@@ -27,6 +30,13 @@ public class VideoFeedConfiguration: NSObject, Codable {
|
|
|
27
30
|
public var hidden: Bool?
|
|
28
31
|
public var iconWidth: Int?
|
|
29
32
|
}
|
|
33
|
+
|
|
34
|
+
class VideoFeedContentPadding: NSObject, Codable {
|
|
35
|
+
public var top: Double?
|
|
36
|
+
public var right: Double?
|
|
37
|
+
public var bottom: Double?
|
|
38
|
+
public var left: Double?
|
|
39
|
+
}
|
|
30
40
|
|
|
31
41
|
enum VideoFeedTitlePosition: String, Codable {
|
|
32
42
|
case stacked, nested
|
|
@@ -16,7 +16,8 @@ public class VideoPlayerConfiguration: NSObject, Codable {
|
|
|
16
16
|
var showPlaybackButton: Bool?
|
|
17
17
|
var showMuteButton: Bool?
|
|
18
18
|
var launchBehavior: VideoLaunchBehavior?
|
|
19
|
-
|
|
19
|
+
var showBranding: Bool?
|
|
20
|
+
|
|
20
21
|
public enum VideoPlayerStyle: String, Codable {
|
|
21
22
|
case full, fit
|
|
22
23
|
}
|
|
@@ -16,14 +16,34 @@ extension RCTConvert {
|
|
|
16
16
|
if let style = videoPlayerStyle(config["playerStyle"] as? String) {
|
|
17
17
|
finalConfig.playerStyle = style
|
|
18
18
|
}
|
|
19
|
+
|
|
19
20
|
if let action = videoCompleteAction(config["videoCompleteAction"] as? String) {
|
|
20
21
|
finalConfig.videoCompleteAction = action
|
|
21
22
|
}
|
|
23
|
+
|
|
22
24
|
if let showShareButton = config["showShareButton"] as? Bool {
|
|
23
|
-
finalConfig.shareButton.isHidden = showShareButton
|
|
25
|
+
finalConfig.shareButton.isHidden = !showShareButton
|
|
24
26
|
}
|
|
27
|
+
|
|
25
28
|
if let ctaStyle = ctaButtonStyle(config["ctaButtonStyle"] as? Dictionary) {
|
|
26
|
-
finalConfig.ctaButton = ctaStyle
|
|
29
|
+
finalConfig.ctaButton.contentConfiguration = ctaStyle
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
if let showPlaybackButton = config["showPlaybackButton"] as? Bool {
|
|
33
|
+
finalConfig.playbackButton.isHidden = !showPlaybackButton
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
if let showMuteButton = config["showMuteButton"] as? Bool {
|
|
37
|
+
finalConfig.muteButton.isHidden = !showMuteButton
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
if let launchBehaviorString = config["launchBehavior"] as? String,
|
|
41
|
+
let launchBehavior = VideoPlayerConfiguration.VideoLaunchBehavior(rawValue: launchBehaviorString) {
|
|
42
|
+
finalConfig.onFirstLaunch = launchBehavior.behavior()
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
if let showBranding = config["showBranding"] as? Bool {
|
|
46
|
+
finalConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
|
|
27
47
|
}
|
|
28
48
|
|
|
29
49
|
return finalConfig
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":["FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AAKA;;AAgBA;;AAEA;;
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":["FireworkSDK"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AAKA;;AAgBA;;AAEA;;AAkBA;;AAcA;;;;eAEeA,oB","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n CustomCTAClickCallback,\n CustomCTALinkContentRender,\n SDKInitCallback,\n VideoFeedClickCallback,\n VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n onLiveStreamChatEventCallback,\n onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n AddToCartEvent,\n CustomCTAClickEvent,\n LiveStreamChatEvent,\n LiveStreamEvent,\n SDKInitEvent,\n UpdateProductDetailsEvent,\n VideoPlaybackEvent,\n WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n VideoFeedContentPadding,\n VideoFeedPlayIconConfiguration,\n VideoFeedTitleConfiguration,\n VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n VideoLaunchBehavior,\n VideoPlayerCompleteAction,\n VideoPlayerCTAStyle,\n VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n AddToCartCallback,\n ClickCartIconCallback,\n UpdateProductDetailsCallback,\n WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n AdBadgeConfiguration,\n AdBadgeTextType,\n AddToCartButtonConfiguration,\n AddToCartCallback,\n AddToCartEvent,\n AddToCartResult,\n ClickCartIconCallback,\n CustomCTAClickCallback,\n CustomCTAClickEvent,\n CustomCTALinkContentRender,\n FeedItemDetails,\n FWError,\n FWNavigator,\n IVideoFeedProps,\n LiveStream,\n LiveStreamChatEvent,\n LiveStreamChatEventName,\n LiveStreamEvent,\n LiveStreamEventDetails,\n LiveStreamEventName,\n LiveStreamMessageDetails,\n NewNativeContainerProps,\n onLiveStreamChatEventCallback,\n onLiveStreamEventCallback,\n Product,\n ProductInfoViewConfiguration,\n ProductPrice,\n ProductUnit,\n SDKInitCallback,\n SDKInitEvent,\n UpdateProductDetailsCallback,\n UpdateProductDetailsEvent,\n VideoFeed,\n VideoFeedClickCallback,\n VideoFeedConfiguration,\n VideoFeedContentPadding,\n VideoFeedMode,\n VideoFeedPlayIconConfiguration,\n VideoFeedSource,\n VideoFeedTitleConfiguration,\n VideoFeedTitlePosition,\n VideoLaunchBehavior,\n VideoPlaybackCallback,\n VideoPlaybackDetails,\n VideoPlaybackEvent,\n VideoPlaybackEventName,\n VideoPlayerCompleteAction,\n VideoPlayerConfiguration,\n VideoPlayerCTAStyle,\n VideoPlayerSize,\n VideoPlayerStyle,\n VideoShopping,\n WillDisplayProductCallback,\n WillDisplayProductEvent,\n};\n"]}
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":["VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AACA,OAAOA,SAAP,MAAsB,wBAAtB;AAQA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AAgBA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":["VideoFeed","FireworkSDK","FWNavigator","LiveStream","LiveStreamChatEventName","LiveStreamEventName","VideoPlaybackEventName","VideoShopping"],"mappings":"AACA,OAAOA,SAAP,MAAsB,wBAAtB;AAQA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAKA,OAAOC,UAAP,MAAuB,cAAvB;AAgBA,OAAOC,uBAAP,MAAoC,kCAApC;AAEA,OAAOC,mBAAP,MAAgC,8BAAhC;AAkBA,OAAOC,sBAAP,MAAmC,iCAAnC;AAcA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,eAAeN,WAAf;AAEA,SAaEC,WAbF,EAeEC,UAfF,EAiBEC,uBAjBF,EAoBEC,mBApBF,EAiCEL,SAjCF,EA8CEM,sBA9CF,EAoDEC,aApDF","sourcesContent":["import type { IVideoFeedProps, VideoFeedMode } from './components/VideoFeed';\nimport VideoFeed from './components/VideoFeed';\nimport type {\n CustomCTAClickCallback,\n CustomCTALinkContentRender,\n SDKInitCallback,\n VideoFeedClickCallback,\n VideoPlaybackCallback,\n} from './FireworkSDK';\nimport FireworkSDK from './FireworkSDK';\nimport FWNavigator from './FWNavigator';\nimport type {\n onLiveStreamChatEventCallback,\n onLiveStreamEventCallback,\n} from './LiveStream';\nimport LiveStream from './LiveStream';\nimport type AdBadgeConfiguration from './models/AdBadgeConfiguration';\nimport type { AdBadgeTextType } from './models/AdBadgeConfiguration';\nimport type AddToCartResult from './models/AddToCartResult';\nimport type FeedItemDetails from './models/FeedItemDetails';\nimport type FWError from './models/FWError';\nimport type {\n AddToCartEvent,\n CustomCTAClickEvent,\n LiveStreamChatEvent,\n LiveStreamEvent,\n SDKInitEvent,\n UpdateProductDetailsEvent,\n VideoPlaybackEvent,\n WillDisplayProductEvent,\n} from './models/FWEvents';\nimport LiveStreamChatEventName from './models/LiveStreamChatEventName';\nimport type LiveStreamEventDetails from './models/LiveStreamEventDetails';\nimport LiveStreamEventName from './models/LiveStreamEventName';\nimport type LiveStreamMessageDetails from './models/LiveStreamMessageDetails';\nimport type { NewNativeContainerProps } from './models/NewNativeContainerProps';\nimport type Product from './models/Product';\nimport type ProductInfoViewConfiguration from './models/ProductInfoViewConfiguration';\nimport type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfiguration';\nimport type ProductUnit from './models/ProductUnit';\nimport type { ProductPrice } from './models/ProductUnit';\nimport type VideoFeedConfiguration from './models/VideoFeedConfiguration';\nimport type {\n VideoFeedContentPadding,\n VideoFeedPlayIconConfiguration,\n VideoFeedTitleConfiguration,\n VideoFeedTitlePosition,\n} from './models/VideoFeedConfiguration';\nimport type { VideoFeedSource } from './models/VideoFeedSource';\nimport type VideoPlaybackDetails from './models/VideoPlaybackDetails';\nimport type { VideoPlayerSize } from './models/VideoPlaybackDetails';\nimport VideoPlaybackEventName from './models/VideoPlaybackEventName';\nimport type VideoPlayerConfiguration from './models/VideoPlayerConfiguration';\nimport type {\n VideoLaunchBehavior,\n VideoPlayerCompleteAction,\n VideoPlayerCTAStyle,\n VideoPlayerStyle,\n} from './models/VideoPlayerConfiguration';\nimport type {\n AddToCartCallback,\n ClickCartIconCallback,\n UpdateProductDetailsCallback,\n WillDisplayProductCallback,\n} from './VideoShopping';\nimport VideoShopping from './VideoShopping';\n\nexport default FireworkSDK;\n\nexport {\n AdBadgeConfiguration,\n AdBadgeTextType,\n AddToCartButtonConfiguration,\n AddToCartCallback,\n AddToCartEvent,\n AddToCartResult,\n ClickCartIconCallback,\n CustomCTAClickCallback,\n CustomCTAClickEvent,\n CustomCTALinkContentRender,\n FeedItemDetails,\n FWError,\n FWNavigator,\n IVideoFeedProps,\n LiveStream,\n LiveStreamChatEvent,\n LiveStreamChatEventName,\n LiveStreamEvent,\n LiveStreamEventDetails,\n LiveStreamEventName,\n LiveStreamMessageDetails,\n NewNativeContainerProps,\n onLiveStreamChatEventCallback,\n onLiveStreamEventCallback,\n Product,\n ProductInfoViewConfiguration,\n ProductPrice,\n ProductUnit,\n SDKInitCallback,\n SDKInitEvent,\n UpdateProductDetailsCallback,\n UpdateProductDetailsEvent,\n VideoFeed,\n VideoFeedClickCallback,\n VideoFeedConfiguration,\n VideoFeedContentPadding,\n VideoFeedMode,\n VideoFeedPlayIconConfiguration,\n VideoFeedSource,\n VideoFeedTitleConfiguration,\n VideoFeedTitlePosition,\n VideoLaunchBehavior,\n VideoPlaybackCallback,\n VideoPlaybackDetails,\n VideoPlaybackEvent,\n VideoPlaybackEventName,\n VideoPlayerCompleteAction,\n VideoPlayerConfiguration,\n VideoPlayerCTAStyle,\n VideoPlayerSize,\n VideoPlayerStyle,\n VideoShopping,\n WillDisplayProductCallback,\n WillDisplayProductEvent,\n};\n"]}
|
|
@@ -22,7 +22,7 @@ import type { AddToCartButtonConfiguration } from './models/ProductInfoViewConfi
|
|
|
22
22
|
import type ProductUnit from './models/ProductUnit';
|
|
23
23
|
import type { ProductPrice } from './models/ProductUnit';
|
|
24
24
|
import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
|
|
25
|
-
import type { VideoFeedPlayIconConfiguration, VideoFeedTitleConfiguration, VideoFeedTitlePosition } from './models/VideoFeedConfiguration';
|
|
25
|
+
import type { VideoFeedContentPadding, VideoFeedPlayIconConfiguration, VideoFeedTitleConfiguration, VideoFeedTitlePosition } from './models/VideoFeedConfiguration';
|
|
26
26
|
import type { VideoFeedSource } from './models/VideoFeedSource';
|
|
27
27
|
import type VideoPlaybackDetails from './models/VideoPlaybackDetails';
|
|
28
28
|
import type { VideoPlayerSize } from './models/VideoPlaybackDetails';
|
|
@@ -32,4 +32,4 @@ import type { VideoLaunchBehavior, VideoPlayerCompleteAction, VideoPlayerCTAStyl
|
|
|
32
32
|
import type { AddToCartCallback, ClickCartIconCallback, UpdateProductDetailsCallback, WillDisplayProductCallback } from './VideoShopping';
|
|
33
33
|
import VideoShopping from './VideoShopping';
|
|
34
34
|
export default FireworkSDK;
|
|
35
|
-
export { AdBadgeConfiguration, AdBadgeTextType, AddToCartButtonConfiguration, AddToCartCallback, AddToCartEvent, AddToCartResult, ClickCartIconCallback, CustomCTAClickCallback, CustomCTAClickEvent, CustomCTALinkContentRender, FeedItemDetails, FWError, FWNavigator, IVideoFeedProps, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, NewNativeContainerProps, onLiveStreamChatEventCallback, onLiveStreamEventCallback, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, SDKInitCallback, SDKInitEvent, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VideoFeed, VideoFeedClickCallback, VideoFeedConfiguration, VideoFeedMode, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTAStyle, VideoPlayerSize, VideoPlayerStyle, VideoShopping, WillDisplayProductCallback, WillDisplayProductEvent, };
|
|
35
|
+
export { AdBadgeConfiguration, AdBadgeTextType, AddToCartButtonConfiguration, AddToCartCallback, AddToCartEvent, AddToCartResult, ClickCartIconCallback, CustomCTAClickCallback, CustomCTAClickEvent, CustomCTALinkContentRender, FeedItemDetails, FWError, FWNavigator, IVideoFeedProps, LiveStream, LiveStreamChatEvent, LiveStreamChatEventName, LiveStreamEvent, LiveStreamEventDetails, LiveStreamEventName, LiveStreamMessageDetails, NewNativeContainerProps, onLiveStreamChatEventCallback, onLiveStreamEventCallback, Product, ProductInfoViewConfiguration, ProductPrice, ProductUnit, SDKInitCallback, SDKInitEvent, UpdateProductDetailsCallback, UpdateProductDetailsEvent, VideoFeed, VideoFeedClickCallback, VideoFeedConfiguration, VideoFeedContentPadding, VideoFeedMode, VideoFeedPlayIconConfiguration, VideoFeedSource, VideoFeedTitleConfiguration, VideoFeedTitlePosition, VideoLaunchBehavior, VideoPlaybackCallback, VideoPlaybackDetails, VideoPlaybackEvent, VideoPlaybackEventName, VideoPlayerCompleteAction, VideoPlayerConfiguration, VideoPlayerCTAStyle, VideoPlayerSize, VideoPlayerStyle, VideoShopping, WillDisplayProductCallback, WillDisplayProductEvent, };
|
|
@@ -8,33 +8,51 @@ export interface VideoFeedPlayIconConfiguration {
|
|
|
8
8
|
iconWidth?: number;
|
|
9
9
|
}
|
|
10
10
|
export declare type VideoFeedTitlePosition = 'stacked' | 'nested';
|
|
11
|
+
export interface VideoFeedContentPadding {
|
|
12
|
+
top?: number;
|
|
13
|
+
right?: number;
|
|
14
|
+
bottom?: number;
|
|
15
|
+
left?: number;
|
|
16
|
+
}
|
|
11
17
|
export default interface VideoFeedConfiguration {
|
|
12
18
|
/**
|
|
13
19
|
* Background color of video feed.
|
|
14
20
|
*/
|
|
15
21
|
backgroundColor?: string;
|
|
16
22
|
/**
|
|
17
|
-
* Corner radius of video feed. Only supported on iOS.
|
|
23
|
+
* Corner radius of video feed item. Only supported on iOS.
|
|
18
24
|
*/
|
|
19
25
|
cornerRadius?: number;
|
|
20
26
|
/**
|
|
21
|
-
* Configuration of video feed title.
|
|
27
|
+
* Configuration of video feed item title.
|
|
22
28
|
*/
|
|
23
29
|
title?: VideoFeedTitleConfiguration;
|
|
24
30
|
/**
|
|
25
|
-
* Title position of video feed.
|
|
31
|
+
* Title position of video feed item.
|
|
26
32
|
*/
|
|
27
33
|
titlePosition?: VideoFeedTitlePosition;
|
|
28
34
|
/**
|
|
29
|
-
* Configuration of video feed play icon. Only supported on iOS.
|
|
35
|
+
* Configuration of video feed item play icon. Only supported on iOS.
|
|
30
36
|
*/
|
|
31
37
|
playIcon?: VideoFeedPlayIconConfiguration;
|
|
32
38
|
/**
|
|
33
|
-
* Indicates if the video feed shows ad badge.
|
|
39
|
+
* Indicates if the video feed item shows ad badge.
|
|
34
40
|
*/
|
|
35
41
|
showAdBadge?: boolean;
|
|
36
42
|
/**
|
|
37
43
|
* Custom layout name for video feed item. Only supported on Android.
|
|
38
44
|
*/
|
|
39
45
|
customLayoutName?: string;
|
|
46
|
+
/**
|
|
47
|
+
* The aspect ratio(width / height) for video feed item. Only supported on iOS.
|
|
48
|
+
*/
|
|
49
|
+
aspectRatio?: number;
|
|
50
|
+
/**
|
|
51
|
+
* The content padding for video feed. Only supported on iOS.
|
|
52
|
+
*/
|
|
53
|
+
contentPadding?: VideoFeedContentPadding;
|
|
54
|
+
/**
|
|
55
|
+
* The item spacing for video feed. Only supported on iOS.
|
|
56
|
+
*/
|
|
57
|
+
itemSpacing?: number;
|
|
40
58
|
}
|
|
@@ -32,7 +32,11 @@ export default interface VideoPlayerConfiguration {
|
|
|
32
32
|
*/
|
|
33
33
|
showMuteButton?: boolean;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* Specifies the video player launch behavior.
|
|
36
36
|
*/
|
|
37
37
|
launchBehavior?: VideoLaunchBehavior;
|
|
38
|
+
/**
|
|
39
|
+
* Indicates if Firework branding should be showed or not.
|
|
40
|
+
*/
|
|
41
|
+
showBranding?: boolean;
|
|
38
42
|
}
|
package/package.json
CHANGED
package/src/index.tsx
CHANGED
|
@@ -41,6 +41,7 @@ import type ProductUnit from './models/ProductUnit';
|
|
|
41
41
|
import type { ProductPrice } from './models/ProductUnit';
|
|
42
42
|
import type VideoFeedConfiguration from './models/VideoFeedConfiguration';
|
|
43
43
|
import type {
|
|
44
|
+
VideoFeedContentPadding,
|
|
44
45
|
VideoFeedPlayIconConfiguration,
|
|
45
46
|
VideoFeedTitleConfiguration,
|
|
46
47
|
VideoFeedTitlePosition,
|
|
@@ -102,6 +103,7 @@ export {
|
|
|
102
103
|
VideoFeed,
|
|
103
104
|
VideoFeedClickCallback,
|
|
104
105
|
VideoFeedConfiguration,
|
|
106
|
+
VideoFeedContentPadding,
|
|
105
107
|
VideoFeedMode,
|
|
106
108
|
VideoFeedPlayIconConfiguration,
|
|
107
109
|
VideoFeedSource,
|
|
@@ -11,33 +11,52 @@ export interface VideoFeedPlayIconConfiguration {
|
|
|
11
11
|
|
|
12
12
|
export type VideoFeedTitlePosition = 'stacked' | 'nested';
|
|
13
13
|
|
|
14
|
+
export interface VideoFeedContentPadding {
|
|
15
|
+
top?: number;
|
|
16
|
+
right?: number;
|
|
17
|
+
bottom?: number;
|
|
18
|
+
left?: number;
|
|
19
|
+
}
|
|
20
|
+
|
|
14
21
|
export default interface VideoFeedConfiguration {
|
|
15
22
|
/**
|
|
16
23
|
* Background color of video feed.
|
|
17
24
|
*/
|
|
18
25
|
backgroundColor?: string;
|
|
19
26
|
/**
|
|
20
|
-
* Corner radius of video feed. Only supported on iOS.
|
|
27
|
+
* Corner radius of video feed item. Only supported on iOS.
|
|
21
28
|
*/
|
|
22
29
|
cornerRadius?: number;
|
|
23
30
|
/**
|
|
24
|
-
* Configuration of video feed title.
|
|
31
|
+
* Configuration of video feed item title.
|
|
25
32
|
*/
|
|
26
33
|
title?: VideoFeedTitleConfiguration;
|
|
27
34
|
/**
|
|
28
|
-
* Title position of video feed.
|
|
35
|
+
* Title position of video feed item.
|
|
29
36
|
*/
|
|
30
37
|
titlePosition?: VideoFeedTitlePosition;
|
|
31
38
|
/**
|
|
32
|
-
* Configuration of video feed play icon. Only supported on iOS.
|
|
39
|
+
* Configuration of video feed item play icon. Only supported on iOS.
|
|
33
40
|
*/
|
|
34
41
|
playIcon?: VideoFeedPlayIconConfiguration;
|
|
35
42
|
/**
|
|
36
|
-
* Indicates if the video feed shows ad badge.
|
|
43
|
+
* Indicates if the video feed item shows ad badge.
|
|
37
44
|
*/
|
|
38
45
|
showAdBadge?: boolean;
|
|
39
46
|
/**
|
|
40
47
|
* Custom layout name for video feed item. Only supported on Android.
|
|
41
48
|
*/
|
|
42
49
|
customLayoutName?: string;
|
|
50
|
+
/**
|
|
51
|
+
* The aspect ratio(width / height) for video feed item. Only supported on iOS.
|
|
52
|
+
*/
|
|
53
|
+
aspectRatio?: number;
|
|
54
|
+
/**
|
|
55
|
+
* The content padding for video feed. Only supported on iOS.
|
|
56
|
+
*/
|
|
57
|
+
contentPadding?: VideoFeedContentPadding;
|
|
58
|
+
/**
|
|
59
|
+
* The item spacing for video feed. Only supported on iOS.
|
|
60
|
+
*/
|
|
61
|
+
itemSpacing?: number;
|
|
43
62
|
}
|
|
@@ -34,7 +34,11 @@ export default interface VideoPlayerConfiguration {
|
|
|
34
34
|
*/
|
|
35
35
|
showMuteButton?: boolean;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Specifies the video player launch behavior.
|
|
38
38
|
*/
|
|
39
39
|
launchBehavior?: VideoLaunchBehavior;
|
|
40
|
+
/**
|
|
41
|
+
* Indicates if Firework branding should be showed or not.
|
|
42
|
+
*/
|
|
43
|
+
showBranding?: boolean;
|
|
40
44
|
}
|