react-native-firework-sdk 1.5.5 → 1.6.0

package/ios/Components/StoryBlock.swift

@@ -24,6 +24,7 @@ public class StoryBlock: UIView, StoryBlockViewControllerDelegate {
     @objc public var channel: String = ""
     @objc public var playlist: String = ""
     @objc public var dynamicContentParameters: [String: [String]] = [:]
+    @objc public var enablePictureInPicture: Bool = false
 
     public weak var delegate: StoryBlockViewDelegate?
 
@@ -44,6 +45,8 @@ public class StoryBlock: UIView, StoryBlockViewControllerDelegate {
         }
     }
 
+    private var pipController: PictureInPictureController?
+
     public override init(frame: CGRect) {
         super.init(frame: frame)
         self.clipsToBounds = true
@@ -68,14 +71,20 @@ public class StoryBlock: UIView, StoryBlockViewControllerDelegate {
         }
 
         let storyBlockVC = StoryBlockViewController(source: source)
+        if self.enablePictureInPicture {
+            self.pipController = PictureInPictureController(storyBlock: storyBlockVC)
+        } else {
+            self.pipController = nil
+        }
+
         storyBlockVC.delegate = self
         self.storyBlockVC = storyBlockVC
-
         parentVC.attachChild(storyBlockVC, to: self)
     }
 
     public override func removeFromSuperview() {
         super.removeFromSuperview()
+        self.pipController = nil
 
         guard let storyBlockVC = self.storyBlockVC else {
             return

package/ios/Components/StoryBlockManager.m

@@ -21,6 +21,7 @@ RCT_CUSTOM_VIEW_PROPERTY(source, StoryBlockSource, StoryBlock) {
 RCT_EXPORT_VIEW_PROPERTY(channel, NSString)
 RCT_EXPORT_VIEW_PROPERTY(playlist, NSString)
 RCT_EXPORT_VIEW_PROPERTY(dynamicContentParameters, NSDictionary)
+RCT_EXPORT_VIEW_PROPERTY(enablePictureInPicture, BOOL)
 
 
 RCT_EXPORT_VIEW_PROPERTY(onStoryBlockLoadFinished, RCTBubblingEventBlock)

package/ios/Components/VideoFeed.swift

@@ -8,8 +8,8 @@
 import FireworkVideo
 import UIKit
 
-let gOnVideoTemporarilyReleasePipController = Notification.Name("gOnVideoTemporarilyReleasePipController");
-let gOnVideoRestorePipController = Notification.Name("gOnVideoRestorePipController");
+let gOnVideoTemporarilyReleasePipController = Notification.Name("gOnVideoTemporarilyReleasePipController")
+let gOnVideoRestorePipController = Notification.Name("gOnVideoRestorePipController")
 
 @objc
 public enum VideoFeedMode: Int {
@@ -160,6 +160,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
         embed()
     }
 
+    // swiftlint:disable:next function_body_length
     private func embed() {
         guard let parentVC = parentViewController else {
             return
@@ -208,11 +209,21 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
             feedVC.viewConfiguration = viewConfiguration
         }
 
+        // swiftlint:disable:next notification_center_detachment
         NotificationCenter.default.removeObserver(self)
         if feedViewConfig?.enablePictureInPicture == true {
             self.pipController = PictureInPictureController(videoFeed: feedVC)
-            NotificationCenter.default.addObserver(self, selector: #selector(onVideoTemporarilyReleasePipController(_:)), name: gOnVideoTemporarilyReleasePipController, object: nil)
-            NotificationCenter.default.addObserver(self, selector: #selector(onVideoRestorePipController(_:)), name: gOnVideoRestorePipController, object: nil)
+            NotificationCenter.default.addObserver(
+                self,
+                selector: #selector(onVideoTemporarilyReleasePipController(_:)),
+                name: gOnVideoTemporarilyReleasePipController,
+                object: nil
+            )
+            NotificationCenter.default.addObserver(
+                self,
+                selector: #selector(onVideoRestorePipController(_:)),
+                name: gOnVideoRestorePipController,
+                object: nil)
         } else {
             self.pipController = nil
         }
@@ -224,6 +235,7 @@ public class VideoFeed: UIView, VideoFeedViewControllerDelegate {
 
     public override func removeFromSuperview() {
         super.removeFromSuperview()
+        // swiftlint:disable:next notification_center_detachment
         NotificationCenter.default.removeObserver(self)
         self.pipController = nil
 
@@ -320,7 +332,7 @@ extension VideoFeed {
     }
 
     // swiftlint:disable:next cyclomatic_complexity
-    private static func convertToVideoPlayerContentConfiguration(
+    static func convertToVideoPlayerContentConfiguration(
         _ config: VideoPlayerConfiguration?
     ) -> VideoPlayerContentConfiguration? {
         guard let config = config else {
@@ -372,6 +384,10 @@ extension VideoFeed {
             vpcConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
         }
 
+        if let shareBaseUrl = gShareBaseURL {
+            vpcConfig.shareButton.behavior.baseURL = URL(string: shareBaseUrl)
+        }
+
         return vpcConfig
     }
 
@@ -393,9 +409,7 @@ extension VideoFeed {
         if let backgroundColor = feedViewConfig?.backgroundColor {
             videoConfig.backgroundColor = backgroundColor.uicolor()
         }
-        if let shareBaseUrl = gShareBaseURL {
-            videoConfig.playerView.shareButton.behavior.baseURL = URL(string: shareBaseUrl)
-        }
+
         if let adBadge = FireworkSDKModule.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration) {
             videoConfig.adBadge = adBadge
         }
@@ -406,20 +420,20 @@ extension VideoFeed {
 
         return videoConfig
     }
-    
+
     @objc private func onVideoTemporarilyReleasePipController(_ notification: NSNotification) {
         self.pipController = nil
     }
-    
+
     @objc private func onVideoRestorePipController(_ notification: NSNotification) {
         guard let feedVC = feedVC else {
-            return;
+            return
         }
-        
+
         guard feedViewConfig?.enablePictureInPicture == true else {
             return
         }
-        
+
         self.pipController = PictureInPictureController(videoFeed: feedVC)
     }
 }

package/ios/Models/RNToNative/RCTConvert+FireworkSDKModule.swift

@@ -11,42 +11,9 @@ import UIKit
 
 extension RCTConvert {
     static func videoPlayerContentConfiguration(_ config: [String: AnyObject])
-        -> VideoPlayerContentConfiguration {
-        var finalConfig = VideoPlayerContentConfiguration()
-
-        if let style = videoPlayerStyle(config["playerStyle"] as? String) {
-            finalConfig.playerStyle = style
-        }
-
-        if let action = videoCompleteAction(config["videoCompleteAction"] as? String) {
-            finalConfig.videoCompleteAction = action
-        }
-
-        if let showShareButton = config["showShareButton"] as? Bool {
-            finalConfig.shareButton.isHidden = !showShareButton
-        }
-
-        if let ctaStyle = ctaButtonStyle(config["ctaButtonStyle"] as? Dictionary) {
-            finalConfig.ctaButton.contentConfiguration = ctaStyle
-        }
-
-        if let showPlaybackButton = config["showPlaybackButton"] as? Bool {
-            finalConfig.playbackButton.isHidden = !showPlaybackButton
-        }
-
-        if let showMuteButton = config["showMuteButton"] as? Bool {
-            finalConfig.muteButton.isHidden = !showMuteButton
-        }
-
-        if let launchBehaviorString = config["launchBehavior"] as? String,
-            let launchBehavior = VideoPlayerConfiguration.VideoLaunchBehavior(
-                rawValue: launchBehaviorString) {
-            finalConfig.onFirstLaunch = launchBehavior.behavior()
-        }
-
-        if let showBranding = config["showBranding"] as? Bool {
-            finalConfig.videoDetail.fireworkAttribution.isHidden = !showBranding
-        }
+        -> VideoPlayerContentConfiguration? {
+        let videoPlayerConfig = RCTConvert.videoPlayerConfiguration(config)
+        let finalConfig = VideoFeed.convertToVideoPlayerContentConfiguration(videoPlayerConfig)
 
         return finalConfig
     }

package/ios/Modules/FireworkSDKModule/FireworkSDKModule.swift

@@ -56,13 +56,13 @@ class FireworkSDKModule: RCTEventEmitter, FireworkVideoSDKDelegate {
             return
         }
 
-        var finalConfig = RCTConvert.videoPlayerContentConfiguration(config)
-        if let baseUrl = gShareBaseURL {
-            finalConfig.shareButton.behavior.baseURL = URL(string: baseUrl)
-        }
+        var vpcConfig = RCTConvert.videoPlayerContentConfiguration(config)
 
         var feedContentConfig = VideoFeedContentConfiguration()
-        feedContentConfig.playerView = finalConfig
+        if let vpcConfig = vpcConfig {
+            feedContentConfig.playerView = vpcConfig
+        }
+
         if let adBadge = FireworkSDKModule.convertToFWAdBadgeConfiguration(gAdBadgeConfiguration) {
             feedContentConfig.adBadge = adBadge
         }

package/ios/Modules/Shopping/Product.swift

@@ -11,6 +11,7 @@ struct Product: Codable {
     var productId: String
     var name: String?
     var description: String?
+    var isAvailable: Bool?
     var units: [ProductUnit]?
 
     struct ProductUnit: Codable {
@@ -19,6 +20,7 @@ struct Product: Codable {
         var price: Price?
         var url: String?
         var imageUrl: String?
+        var isAvailable: Bool?
         var options: [VariantOption]?
     }
 

package/ios/Modules/Shopping/ShoppingModule.swift

@@ -313,20 +313,23 @@ extension ShoppingModule {
 
     fileprivate static func hydrateProduct(_ product: Product, _ pbuild: ProductBuilder)
         -> ProductBuilder {
-        if let name = product.name {
-            pbuild.name(name)
-        }
-        if let description = product.description {
-            pbuild.description(description)
-        }
-        if let variants = product.units {
-            for variant in variants {
-                pbuild.variant(variant.unitId) { pvBuild in
-                    return ShoppingModule.buildVariant(variant, pvBuild)
+            if let name = product.name {
+                pbuild.name(name)
+            }
+            if let description = product.description {
+                pbuild.description(description)
+            }
+            if let isAvailable = product.isAvailable {
+                pbuild.isAvailable(isAvailable)
+            }
+            if let variants = product.units {
+                for variant in variants {
+                    pbuild.variant(variant.unitId) { pvBuild in
+                        return ShoppingModule.buildVariant(variant, pvBuild)
+                    }
                 }
             }
-        }
-        return pbuild
+            return pbuild
     }
 
     fileprivate static func buildVariant(
@@ -335,17 +338,20 @@ extension ShoppingModule {
         if let name = variant.name {
             pvBuild.name(name)
         }
-        if let price = variant.price {
-            if let amount = price.amount, let currencyCode = price.currencyCode {
-                pvBuild.formattedPrice(Decimal(amount), currencyCode: currencyCode)
-            }
-        }
         if let url = variant.url {
             pvBuild.url(url)
         }
         if let imageUrl = variant.imageUrl {
             pvBuild.imageUrl(imageUrl)
         }
+        if let price = variant.price {
+            if let amount = price.amount, let currencyCode = price.currencyCode {
+                pvBuild.formattedPrice(Decimal(amount), currencyCode: currencyCode)
+            }
+        }
+        if let isAvailable = variant.isAvailable {
+            pvBuild.isAvailable(isAvailable)
+        }
         let options = ShoppingModule.buildVariantOption(variant.options)
         if let options = options {
             pvBuild.options(options)

package/ios/Utils/FWNavigatorUtils.swift

@@ -11,15 +11,15 @@ import FireworkVideo
 @objc(FWNavigatorUtils)
 public class FWNavigatorUtils: NSObject {
     @objc public static let shared = FWNavigatorUtils()
-    
+
     @objc public var shouldDisablePlay = false
-    
+
     private override init() {}
-    
+
     public override func copy() -> Any {
         return self
     }
-    
+
     public override func mutableCopy() -> Any {
         return self
     }

package/lib/commonjs/components/StoryBlock.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactNative = require("react-native");
+
 var _FireworkSDK = _interopRequireDefault(require("../FireworkSDK"));
 
 var _FWEventName = require("../models/FWEventName");
@@ -17,8 +19,6 @@ var _FWLoggerUtil = _interopRequireDefault(require("../utils/FWLoggerUtil"));
 
 var _FWStoryBlock = _interopRequireDefault(require("./FWStoryBlock"));
 
-var _reactNative = require("react-native");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -121,7 +121,8 @@ class StoryBlock extends _react.default.Component {
     const {
       source,
       channel = '',
-      playlist = ''
+      playlist = '',
+      enablePictureInPicture = false
     } = this.props;
     const shareBaseURL = (_FireworkSDK$getInsta = _FireworkSDK.default.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
     const adBadgeConfiguration = (_FireworkSDK$getInsta2 = _FireworkSDK.default.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : {};
@@ -139,6 +140,7 @@ class StoryBlock extends _react.default.Component {
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
     key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_enablePictureInPicture:${enablePictureInPicture}`;
     return key;
   }
 

package/lib/commonjs/components/StoryBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","createFragment","viewId","Platform","OS","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","React","Component","createRef","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","shareBaseURL","FireworkSDK","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\nimport { findNodeHandle, UIManager, Platform } from 'react-native';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\nexport default class StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const { source, channel = '', playlist = '' } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n}\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["NativeComponentName","createFragment","viewId","Platform","OS","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","React","Component","createRef","event","FWLoggerUtil","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","FireworkSDKModuleEventEmitter","addListener","FWEventName","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","FireworkSDK","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\nexport default class StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n}\n"]}

package/lib/module/components/StoryBlock.js

@@ -3,12 +3,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React from 'react';
+import { findNodeHandle, Platform, UIManager } from 'react-native';
 import FireworkSDK from '../FireworkSDK';
 import { FWEventName } from '../models/FWEventName';
 import { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';
 import FWLoggerUtil from '../utils/FWLoggerUtil';
 import FWStoryBlock from './FWStoryBlock';
-import { findNodeHandle, UIManager, Platform } from 'react-native';
 const NativeComponentName = 'FWStoryBlock';
 
 const createFragment = viewId => {
@@ -99,7 +99,8 @@ export default class StoryBlock extends React.Component {
     const {
       source,
       channel = '',
-      playlist = ''
+      playlist = '',
+      enablePictureInPicture = false
     } = this.props;
     const shareBaseURL = (_FireworkSDK$getInsta = FireworkSDK.getInstance().shareBaseURL) !== null && _FireworkSDK$getInsta !== void 0 ? _FireworkSDK$getInsta : '';
     const adBadgeConfiguration = (_FireworkSDK$getInsta2 = FireworkSDK.getInstance().adBadgeConfiguration) !== null && _FireworkSDK$getInsta2 !== void 0 ? _FireworkSDK$getInsta2 : {};
@@ -117,6 +118,7 @@ export default class StoryBlock extends React.Component {
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
     key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_enablePictureInPicture:${enablePictureInPicture}`;
     return key;
   }
 

package/lib/module/components/StoryBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StoryBlock.tsx"],"names":["React","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","findNodeHandle","UIManager","Platform","NativeComponentName","createFragment","viewId","OS","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","Component","createRef","event","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\nimport { findNodeHandle, UIManager, Platform } from 'react-native';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\nexport default class StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const { source, channel = '', playlist = '' } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n}\n"]}
+{"version":3,"sources":["StoryBlock.tsx"],"names":["React","findNodeHandle","Platform","UIManager","FireworkSDK","FWEventName","FireworkSDKModuleEventEmitter","FWLoggerUtil","FWStoryBlock","NativeComponentName","createFragment","viewId","OS","dispatchViewManagerCommand","getViewManagerConfig","Commands","create","toString","StoryBlock","Component","createRef","event","log","nativeEvent","name","onStoryBlockLoadFinished","props","reason","componentDidMount","subscriptionOfShareBaseURLUpdated","addListener","ShareBaseURLUpdated","setState","subscriptions","push","subscriptionOfAdBadgeConfigurationUpdated","AdBadgeConfigurationUpdated","nativeComponentRef","current","componentWillUnmount","forEach","value","remove","render","style","_generateKey","_onStoryBlockLoadFinished","Object","assign","zIndex","source","channel","playlist","enablePictureInPicture","shareBaseURL","getInstance","adBadgeConfiguration","adBadgeTextType","badgeTextType","backgroundColorOfAdBadge","backgroundColor","textColorOfAdBadge","textColor","dynamicContentParametersString","_generateDynamicContentParametersString","key","dynamicContentParameters","resultString","sortedKeyList","keys","sort","valueString","join","length"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {\n  EmitterSubscription,\n  NativeSyntheticEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport { findNodeHandle, Platform, UIManager } from 'react-native';\n\nimport FireworkSDK from '../FireworkSDK';\nimport type FWError from '../models/FWError';\nimport { FWEventName } from '../models/FWEventName';\nimport type { StoryBlockSource } from '../models/StoryBlockSource';\nimport { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';\nimport FWLoggerUtil from '../utils/FWLoggerUtil';\nimport FWStoryBlock from './FWStoryBlock';\n\nconst NativeComponentName = 'FWStoryBlock';\n\nconst createFragment = (viewId: any) => {\n  if (Platform.OS === 'android') {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      UIManager.getViewManagerConfig(\n        NativeComponentName\n      ).Commands.create.toString(),\n      [viewId]\n    );\n  }\n};\n\nexport interface IStoryBlockProps {\n  /**\n   * Standard React Native View Style.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * One of four available story block sources.\n   */\n  source: StoryBlockSource;\n  /**\n   * Channel id of the story block. Required when the source is set as channel or playlist or dynamicContent.\n   */\n  channel?: string;\n  /**\n   * Playlist id of the story block. Please note channel id is necessary. Required when the source is set as playlist.\n   */\n  playlist?: string;\n  /**\n   * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.\n   */\n  dynamicContentParameters?: { [key: string]: string[] };\n  /**\n   * Specifies if Picture in Picture is enabled. Only supported on iOS.\n   */\n  enablePictureInPicture?: boolean;\n  /**\n   * The feed loading result callback. It means loading successfully when error equals to undefined.\n   */\n  onStoryBlockLoadFinished?: (error?: FWError) => void;\n}\n\nexport default class StoryBlock extends React.Component<IStoryBlockProps> {\n  nativeComponentRef = React.createRef<any>();\n\n  subscriptions: EmitterSubscription[] = [];\n  componentDidMount() {\n    const subscriptionOfShareBaseURLUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.ShareBaseURLUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfShareBaseURLUpdated);\n\n    const subscriptionOfAdBadgeConfigurationUpdated =\n      FireworkSDKModuleEventEmitter.addListener(\n        FWEventName.AdBadgeConfigurationUpdated,\n        () => {\n          this.setState({});\n        }\n      );\n    this.subscriptions.push(subscriptionOfAdBadgeConfigurationUpdated);\n\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(this.nativeComponentRef.current);\n      FWLoggerUtil.log(\n        `StoryBlock componentDidMount createFragment viewId: ${viewId}`\n      );\n      createFragment(viewId);\n    }\n  }\n\n  componentWillUnmount() {\n    this.subscriptions.forEach((value) => {\n      value.remove();\n    });\n\n    this.subscriptions = [];\n  }\n\n  render() {\n    const { style } = this.props;\n\n    return (\n      <FWStoryBlock\n        ref={this.nativeComponentRef}\n        key={this._generateKey()}\n        {...this.props}\n        onStoryBlockLoadFinished={this._onStoryBlockLoadFinished}\n        style={Object.assign({}, style, { zIndex: -1 })}\n      />\n    );\n  }\n\n  private _onStoryBlockLoadFinished = (event: NativeSyntheticEvent<any>) => {\n    FWLoggerUtil.log(\n      `StoryBlock _onStoryBlockLoadFinished ${event.nativeEvent.name}`\n    );\n\n    const { onStoryBlockLoadFinished } = this.props;\n    const { name, reason } = event.nativeEvent;\n\n    if (onStoryBlockLoadFinished) {\n      if (name) {\n        if (reason) {\n          onStoryBlockLoadFinished({ name, reason });\n        } else {\n          onStoryBlockLoadFinished({ name });\n        }\n      } else {\n        onStoryBlockLoadFinished();\n      }\n    }\n  };\n\n  private _generateKey(): string {\n    const {\n      source,\n      channel = '',\n      playlist = '',\n      enablePictureInPicture = false,\n    } = this.props;\n\n    const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';\n    const adBadgeConfiguration =\n      FireworkSDK.getInstance().adBadgeConfiguration ?? {};\n    const adBadgeTextType = adBadgeConfiguration.badgeTextType ?? '';\n    const backgroundColorOfAdBadge = adBadgeConfiguration.backgroundColor ?? '';\n    const textColorOfAdBadge = adBadgeConfiguration.textColor ?? '';\n    const dynamicContentParametersString =\n      this._generateDynamicContentParametersString();\n\n    let key = `source:${source}`;\n    key += `_channel:${channel}`;\n    key += `_playlist:${playlist}`;\n    key += `_shareBaseURL:${shareBaseURL}`;\n    key += `_adBadgeTextType:${adBadgeTextType}`;\n    key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;\n    key += `_textColorOfAdBadge:${textColorOfAdBadge}`;\n    key += `_dynamicContentParameters:${dynamicContentParametersString}`;\n    key += `_enablePictureInPicture:${enablePictureInPicture}`;\n\n    return key;\n  }\n\n  private _generateDynamicContentParametersString(): string {\n    const { dynamicContentParameters } = this.props;\n\n    if (!dynamicContentParameters) {\n      return '';\n    }\n\n    let resultString = '';\n    const sortedKeyList = Object.keys(dynamicContentParameters).sort();\n    for (const key of sortedKeyList) {\n      const value = dynamicContentParameters[key];\n      const valueString = value.join(',');\n      if (resultString.length > 0) {\n        resultString += '_';\n      }\n\n      resultString += `${key}:${valueString}`;\n    }\n\n    return resultString;\n  }\n}\n"]}

package/lib/typescript/components/StoryBlock.d.ts

@@ -25,6 +25,10 @@ export interface IStoryBlockProps {
     dynamicContentParameters?: {
         [key: string]: string[];
     };
+    /**
+     * Specifies if Picture in Picture is enabled. Only supported on iOS.
+     */
+    enablePictureInPicture?: boolean;
     /**
      * The feed loading result callback. It means loading successfully when error equals to undefined.
      */

package/lib/typescript/models/Product.d.ts

@@ -12,6 +12,10 @@ export default interface Product {
      * The description of the product.
      */
     description?: string | null;
+    /**
+     * The availability of the product. Only supported on iOS.
+     */
+    isAvailable?: boolean;
     /**
      * The unit array of the product
      */

package/lib/typescript/models/ProductUnit.d.ts

@@ -27,6 +27,10 @@ export default interface ProductUnit {
      * The price of the product unit.
      */
     price?: ProductPrice;
+    /**
+     * The availability of the product unit. Only supported on iOS.
+     */
+    isAvailable?: boolean;
     /**
      * The options of the product unit.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-firework-sdk",
-  "version": "1.5.5",
+  "version": "1.6.0",
   "description": "Firework React Native SDK",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/react-native-firework-sdk.podspec

@@ -28,6 +28,6 @@ cp $module_header_path "${PODS_ROOT}/Headers/Public/react_native_firework_sdk/"'
 
   s.dependency "React-Core"
 
-  s.dependency "FireworkVideo", "1.3.0"
+  s.dependency "FireworkVideo", "1.5.0"
 
 end

package/src/components/StoryBlock.tsx

@@ -6,6 +6,7 @@ import type {
   StyleProp,
   ViewStyle,
 } from 'react-native';
+import { findNodeHandle, Platform, UIManager } from 'react-native';
 
 import FireworkSDK from '../FireworkSDK';
 import type FWError from '../models/FWError';
@@ -14,7 +15,6 @@ import type { StoryBlockSource } from '../models/StoryBlockSource';
 import { FireworkSDKModuleEventEmitter } from '../modules/FireworkSDKModule';
 import FWLoggerUtil from '../utils/FWLoggerUtil';
 import FWStoryBlock from './FWStoryBlock';
-import { findNodeHandle, UIManager, Platform } from 'react-native';
 
 const NativeComponentName = 'FWStoryBlock';
 
@@ -51,6 +51,10 @@ export interface IStoryBlockProps {
    * The dynamic content parameters of the story block. Required when the source is set as dynamicContent.
    */
   dynamicContentParameters?: { [key: string]: string[] };
+  /**
+   * Specifies if Picture in Picture is enabled. Only supported on iOS.
+   */
+  enablePictureInPicture?: boolean;
   /**
    * The feed loading result callback. It means loading successfully when error equals to undefined.
    */
@@ -133,7 +137,12 @@ export default class StoryBlock extends React.Component<IStoryBlockProps> {
   };
 
   private _generateKey(): string {
-    const { source, channel = '', playlist = '' } = this.props;
+    const {
+      source,
+      channel = '',
+      playlist = '',
+      enablePictureInPicture = false,
+    } = this.props;
 
     const shareBaseURL = FireworkSDK.getInstance().shareBaseURL ?? '';
     const adBadgeConfiguration =
@@ -152,6 +161,7 @@ export default class StoryBlock extends React.Component<IStoryBlockProps> {
     key += `_backgroundColorOfAdBadge:${backgroundColorOfAdBadge}`;
     key += `_textColorOfAdBadge:${textColorOfAdBadge}`;
     key += `_dynamicContentParameters:${dynamicContentParametersString}`;
+    key += `_enablePictureInPicture:${enablePictureInPicture}`;
 
     return key;
   }

package/src/models/Product.ts

@@ -13,6 +13,10 @@ export default interface Product {
    * The description of the product.
    */
   description?: string | null;
+  /**
+   * The availability of the product. Only supported on iOS.
+   */
+  isAvailable?: boolean;
   /**
    * The unit array of the product
    */

package/src/models/ProductUnit.ts

@@ -29,6 +29,10 @@ export default interface ProductUnit {
    * The price of the product unit.
    */
   price?: ProductPrice;
+  /**
+   * The availability of the product unit. Only supported on iOS.
+   */
+  isAvailable?: boolean;
   /**
    * The options of the product unit.
    */