@bluebillywig/react-native-bb-player 8.42.0

package/lib/module/BBOutstreamView.js

@@ -0,0 +1,204 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef, useRef, useImperativeHandle, useState, useCallback, useEffect } from 'react';
+import { Animated, LayoutAnimation, Platform, UIManager } from 'react-native';
+import BBPlayerView from './BBPlayerView';
+// Enable LayoutAnimation on Android
+if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
+  UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+
+/**
+ * Animation type for collapse/expand transitions
+ */
+
+/**
+ * Configuration for Outstream animations
+ */
+
+/**
+ * Props for BBOutstreamView
+ */
+
+/**
+ * Methods available on BBOutstreamView ref
+ */
+
+/**
+ * BBOutstreamView - Convenience wrapper for Outstream advertising
+ *
+ * This component wraps BBPlayerView with automatic collapse/expand animation
+ * handling. It's designed for Outstream ad placements embedded in scrollable
+ * content like articles or feeds.
+ *
+ * @example
+ * ```tsx
+ * <ScrollView>
+ *   <Text>Article content...</Text>
+ *
+ *   <BBOutstreamView
+ *     ref={outstreamRef}
+ *     jsonUrl="https://demo.bbvms.com/a/native_sdk_outstream.json"
+ *     expandedHeight={250}
+ *     animation={{ type: 'spring', damping: 20 }}
+ *     onCollapsed={() => console.log('Player collapsed')}
+ *     onExpanded={() => console.log('Player expanded')}
+ *   />
+ *
+ *   <Text>More content...</Text>
+ * </ScrollView>
+ * ```
+ */
+const BBOutstreamView = /*#__PURE__*/forwardRef(({
+  expandedHeight = 200,
+  collapsedHeight = 0,
+  animation = {},
+  options = {},
+  onCollapsed,
+  onExpanded,
+  onAnimationStart,
+  onDidRequestCollapse,
+  onDidRequestExpand,
+  style,
+  ...playerProps
+}, ref) => {
+  const playerRef = useRef(null);
+  const heightAnim = useRef(new Animated.Value(expandedHeight)).current;
+  const [isCollapsed, setIsCollapsed] = useState(false);
+
+  // Default animation config
+  const animConfig = {
+    type: animation.type ?? 'timing',
+    duration: animation.duration ?? 300,
+    damping: animation.damping ?? 15,
+    stiffness: animation.stiffness ?? 100
+  };
+
+  // Update animated value when expandedHeight changes
+  useEffect(() => {
+    if (!isCollapsed) {
+      heightAnim.setValue(expandedHeight);
+    }
+  }, [expandedHeight, isCollapsed, heightAnim]);
+  const animateToHeight = useCallback((toHeight, onComplete) => {
+    const isCollapsing = toHeight === collapsedHeight;
+    onAnimationStart?.(isCollapsing);
+    if (animConfig.type === 'none') {
+      heightAnim.setValue(toHeight);
+      onComplete?.();
+      return;
+    }
+    if (animConfig.type === 'layout') {
+      LayoutAnimation.configureNext(LayoutAnimation.create(animConfig.duration, LayoutAnimation.Types.easeInEaseOut, LayoutAnimation.Properties.scaleY), onComplete);
+      heightAnim.setValue(toHeight);
+      return;
+    }
+    const animationFn = animConfig.type === 'spring' ? Animated.spring(heightAnim, {
+      toValue: toHeight,
+      damping: animConfig.damping,
+      stiffness: animConfig.stiffness,
+      useNativeDriver: false
+    }) : Animated.timing(heightAnim, {
+      toValue: toHeight,
+      duration: animConfig.duration,
+      useNativeDriver: false
+    });
+    animationFn.start(({
+      finished
+    }) => {
+      if (finished) {
+        onComplete?.();
+      }
+    });
+  }, [heightAnim, collapsedHeight, animConfig, onAnimationStart]);
+  const handleRequestCollapse = useCallback(() => {
+    setIsCollapsed(true);
+    animateToHeight(collapsedHeight, onCollapsed);
+    onDidRequestCollapse?.();
+  }, [animateToHeight, collapsedHeight, onCollapsed, onDidRequestCollapse]);
+  const handleRequestExpand = useCallback(() => {
+    setIsCollapsed(false);
+    animateToHeight(expandedHeight, onExpanded);
+    onDidRequestExpand?.();
+  }, [animateToHeight, expandedHeight, onExpanded, onDidRequestExpand]);
+
+  // Programmatic collapse/expand
+  const animateCollapse = useCallback(() => {
+    if (!isCollapsed) {
+      setIsCollapsed(true);
+      animateToHeight(collapsedHeight, onCollapsed);
+      playerRef.current?.collapse();
+    }
+  }, [isCollapsed, animateToHeight, collapsedHeight, onCollapsed]);
+  const animateExpand = useCallback(() => {
+    if (isCollapsed) {
+      setIsCollapsed(false);
+      animateToHeight(expandedHeight, onExpanded);
+      playerRef.current?.expand();
+    }
+  }, [isCollapsed, animateToHeight, expandedHeight, onExpanded]);
+
+  // Expose methods via ref
+  useImperativeHandle(ref, () => ({
+    // Pass through all BBPlayerViewMethods
+    play: () => playerRef.current?.play(),
+    pause: () => playerRef.current?.pause(),
+    seek: position => playerRef.current?.seek(position),
+    seekRelative: offset => playerRef.current?.seekRelative(offset),
+    setVolume: volume => playerRef.current?.setVolume(volume),
+    setMuted: muted => playerRef.current?.setMuted(muted),
+    collapse: () => playerRef.current?.collapse(),
+    expand: () => playerRef.current?.expand(),
+    enterFullscreen: () => playerRef.current?.enterFullscreen(),
+    enterFullscreenLandscape: () => playerRef.current?.enterFullscreenLandscape(),
+    exitFullscreen: () => playerRef.current?.exitFullscreen(),
+    showCastPicker: () => playerRef.current?.showCastPicker(),
+    destroy: () => playerRef.current?.destroy(),
+    autoPlayNextCancel: () => playerRef.current?.autoPlayNextCancel(),
+    loadClip: (clipId, opts) => playerRef.current?.loadClip(clipId, opts),
+    loadWithClipId: (...args) => playerRef.current?.loadWithClipId(...args),
+    loadWithClipListId: (...args) => playerRef.current?.loadWithClipListId(...args),
+    loadWithProjectId: (...args) => playerRef.current?.loadWithProjectId(...args),
+    loadWithClipJson: (...args) => playerRef.current?.loadWithClipJson(...args),
+    loadWithClipListJson: (...args) => playerRef.current?.loadWithClipListJson(...args),
+    loadWithProjectJson: (...args) => playerRef.current?.loadWithProjectJson(...args),
+    loadWithJsonUrl: (...args) => playerRef.current?.loadWithJsonUrl(...args),
+    getDuration: () => playerRef.current?.getDuration() ?? Promise.resolve(null),
+    getCurrentTime: () => playerRef.current?.getCurrentTime() ?? Promise.resolve(null),
+    getMuted: () => playerRef.current?.getMuted() ?? Promise.resolve(null),
+    getVolume: () => playerRef.current?.getVolume() ?? Promise.resolve(null),
+    getPhase: () => playerRef.current?.getPhase() ?? Promise.resolve(null),
+    getState: () => playerRef.current?.getState() ?? Promise.resolve(null),
+    getMode: () => playerRef.current?.getMode() ?? Promise.resolve(null),
+    getClipData: () => playerRef.current?.getClipData() ?? Promise.resolve(null),
+    getProjectData: () => playerRef.current?.getProjectData() ?? Promise.resolve(null),
+    getPlayoutData: () => playerRef.current?.getPlayoutData() ?? Promise.resolve(null),
+    getPlayerState: () => playerRef.current?.getPlayerState() ?? Promise.resolve(null),
+    // Outstream-specific methods
+    isCollapsed: () => isCollapsed,
+    animateCollapse,
+    animateExpand
+  }), [isCollapsed, animateCollapse, animateExpand]);
+
+  // Merge options with allowCollapseExpand: true
+  const outstreamOptions = {
+    ...options,
+    allowCollapseExpand: true
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      height: heightAnim,
+      overflow: 'hidden'
+    }, style]
+  }, /*#__PURE__*/React.createElement(BBPlayerView, _extends({
+    ref: playerRef,
+    options: outstreamOptions,
+    onDidRequestCollapse: handleRequestCollapse,
+    onDidRequestExpand: handleRequestExpand,
+    style: {
+      flex: 1
+    }
+  }, playerProps)));
+});
+BBOutstreamView.displayName = 'BBOutstreamView';
+export default BBOutstreamView;
+//# sourceMappingURL=BBOutstreamView.js.map

package/lib/module/BBOutstreamView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useRef","useImperativeHandle","useState","useCallback","useEffect","Animated","LayoutAnimation","Platform","UIManager","BBPlayerView","OS","setLayoutAnimationEnabledExperimental","BBOutstreamView","expandedHeight","collapsedHeight","animation","options","onCollapsed","onExpanded","onAnimationStart","onDidRequestCollapse","onDidRequestExpand","style","playerProps","ref","playerRef","heightAnim","Value","current","isCollapsed","setIsCollapsed","animConfig","type","duration","damping","stiffness","setValue","animateToHeight","toHeight","onComplete","isCollapsing","configureNext","create","Types","easeInEaseOut","Properties","scaleY","animationFn","spring","toValue","useNativeDriver","timing","start","finished","handleRequestCollapse","handleRequestExpand","animateCollapse","collapse","animateExpand","expand","play","pause","seek","position","seekRelative","offset","setVolume","volume","setMuted","muted","enterFullscreen","enterFullscreenLandscape","exitFullscreen","showCastPicker","destroy","autoPlayNextCancel","loadClip","clipId","opts","loadWithClipId","args","loadWithClipListId","loadWithProjectId","loadWithClipJson","loadWithClipListJson","loadWithProjectJson","loadWithJsonUrl","getDuration","Promise","resolve","getCurrentTime","getMuted","getVolume","getPhase","getState","getMode","getClipData","getProjectData","getPlayoutData","getPlayerState","outstreamOptions","allowCollapseExpand","createElement","View","height","overflow","_extends","flex","displayName"],"sourceRoot":"../../src","sources":["BBOutstreamView.tsx"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,MAAM,EACNC,mBAAmB,EACnBC,QAAQ,EACRC,WAAW,EACXC,SAAS,QACJ,OAAO;AACd,SAASC,QAAQ,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAC7E,OAAOC,YAAY,MAAM,gBAAgB;AAGzC;AACA,IAAIF,QAAQ,CAACG,EAAE,KAAK,SAAS,IAAIF,SAAS,CAACG,qCAAqC,EAAE;EAChFH,SAAS,CAACG,qCAAqC,CAAC,IAAI,CAAC;AACvD;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AA+BA;AACA;AACA;;AAwCA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,gBAAGb,UAAU,CAChC,CACE;EACEc,cAAc,GAAG,GAAG;EACpBC,eAAe,GAAG,CAAC;EACnBC,SAAS,GAAG,CAAC,CAAC;EACdC,OAAO,GAAG,CAAC,CAAC;EACZC,WAAW;EACXC,UAAU;EACVC,gBAAgB;EAChBC,oBAAoB;EACpBC,kBAAkB;EAClBC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,SAAS,GAAGzB,MAAM,CAAsB,IAAI,CAAC;EACnD,MAAM0B,UAAU,GAAG1B,MAAM,CAAC,IAAIK,QAAQ,CAACsB,KAAK,CAACd,cAAc,CAAC,CAAC,CAACe,OAAO;EACrE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG5B,QAAQ,CAAC,KAAK,CAAC;;EAErD;EACA,MAAM6B,UAA8C,GAAG;IACrDC,IAAI,EAAEjB,SAAS,CAACiB,IAAI,IAAI,QAAQ;IAChCC,QAAQ,EAAElB,SAAS,CAACkB,QAAQ,IAAI,GAAG;IACnCC,OAAO,EAAEnB,SAAS,CAACmB,OAAO,IAAI,EAAE;IAChCC,SAAS,EAAEpB,SAAS,CAACoB,SAAS,IAAI;EACpC,CAAC;;EAED;EACA/B,SAAS,CAAC,MAAM;IACd,IAAI,CAACyB,WAAW,EAAE;MAChBH,UAAU,CAACU,QAAQ,CAACvB,cAAc,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,cAAc,EAAEgB,WAAW,EAAEH,UAAU,CAAC,CAAC;EAE7C,MAAMW,eAAe,GAAGlC,WAAW,CACjC,CAACmC,QAAgB,EAAEC,UAAuB,KAAK;IAC7C,MAAMC,YAAY,GAAGF,QAAQ,KAAKxB,eAAe;IACjDK,gBAAgB,GAAGqB,YAAY,CAAC;IAEhC,IAAIT,UAAU,CAACC,IAAI,KAAK,MAAM,EAAE;MAC9BN,UAAU,CAACU,QAAQ,CAACE,QAAQ,CAAC;MAC7BC,UAAU,GAAG,CAAC;MACd;IACF;IAEA,IAAIR,UAAU,CAACC,IAAI,KAAK,QAAQ,EAAE;MAChC1B,eAAe,CAACmC,aAAa,CAC3BnC,eAAe,CAACoC,MAAM,CACpBX,UAAU,CAACE,QAAQ,EACnB3B,eAAe,CAACqC,KAAK,CAACC,aAAa,EACnCtC,eAAe,CAACuC,UAAU,CAACC,MAC7B,CAAC,EACDP,UACF,CAAC;MACDb,UAAU,CAACU,QAAQ,CAACE,QAAQ,CAAC;MAC7B;IACF;IAEA,MAAMS,WAAW,GACfhB,UAAU,CAACC,IAAI,KAAK,QAAQ,GACxB3B,QAAQ,CAAC2C,MAAM,CAACtB,UAAU,EAAE;MAC1BuB,OAAO,EAAEX,QAAQ;MACjBJ,OAAO,EAAEH,UAAU,CAACG,OAAO;MAC3BC,SAAS,EAAEJ,UAAU,CAACI,SAAS;MAC/Be,eAAe,EAAE;IACnB,CAAC,CAAC,GACF7C,QAAQ,CAAC8C,MAAM,CAACzB,UAAU,EAAE;MAC1BuB,OAAO,EAAEX,QAAQ;MACjBL,QAAQ,EAAEF,UAAU,CAACE,QAAQ;MAC7BiB,eAAe,EAAE;IACnB,CAAC,CAAC;IAERH,WAAW,CAACK,KAAK,CAAC,CAAC;MAAEC;IAAS,CAAC,KAAK;MAClC,IAAIA,QAAQ,EAAE;QACZd,UAAU,GAAG,CAAC;MAChB;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACb,UAAU,EAAEZ,eAAe,EAAEiB,UAAU,EAAEZ,gBAAgB,CAC5D,CAAC;EAED,MAAMmC,qBAAqB,GAAGnD,WAAW,CAAC,MAAM;IAC9C2B,cAAc,CAAC,IAAI,CAAC;IACpBO,eAAe,CAACvB,eAAe,EAAEG,WAAW,CAAC;IAC7CG,oBAAoB,GAAG,CAAC;EAC1B,CAAC,EAAE,CAACiB,eAAe,EAAEvB,eAAe,EAAEG,WAAW,EAAEG,oBAAoB,CAAC,CAAC;EAEzE,MAAMmC,mBAAmB,GAAGpD,WAAW,CAAC,MAAM;IAC5C2B,cAAc,CAAC,KAAK,CAAC;IACrBO,eAAe,CAACxB,cAAc,EAAEK,UAAU,CAAC;IAC3CG,kBAAkB,GAAG,CAAC;EACxB,CAAC,EAAE,CAACgB,eAAe,EAAExB,cAAc,EAAEK,UAAU,EAAEG,kBAAkB,CAAC,CAAC;;EAErE;EACA,MAAMmC,eAAe,GAAGrD,WAAW,CAAC,MAAM;IACxC,IAAI,CAAC0B,WAAW,EAAE;MAChBC,cAAc,CAAC,IAAI,CAAC;MACpBO,eAAe,CAACvB,eAAe,EAAEG,WAAW,CAAC;MAC7CQ,SAAS,CAACG,OAAO,EAAE6B,QAAQ,CAAC,CAAC;IAC/B;EACF,CAAC,EAAE,CAAC5B,WAAW,EAAEQ,eAAe,EAAEvB,eAAe,EAAEG,WAAW,CAAC,CAAC;EAEhE,MAAMyC,aAAa,GAAGvD,WAAW,CAAC,MAAM;IACtC,IAAI0B,WAAW,EAAE;MACfC,cAAc,CAAC,KAAK,CAAC;MACrBO,eAAe,CAACxB,cAAc,EAAEK,UAAU,CAAC;MAC3CO,SAAS,CAACG,OAAO,EAAE+B,MAAM,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAAC9B,WAAW,EAAEQ,eAAe,EAAExB,cAAc,EAAEK,UAAU,CAAC,CAAC;;EAE9D;EACAjB,mBAAmB,CACjBuB,GAAG,EACH,OAAO;IACL;IACAoC,IAAI,EAAEA,CAAA,KAAMnC,SAAS,CAACG,OAAO,EAAEgC,IAAI,CAAC,CAAC;IACrCC,KAAK,EAAEA,CAAA,KAAMpC,SAAS,CAACG,OAAO,EAAEiC,KAAK,CAAC,CAAC;IACvCC,IAAI,EAAGC,QAAgB,IAAKtC,SAAS,CAACG,OAAO,EAAEkC,IAAI,CAACC,QAAQ,CAAC;IAC7DC,YAAY,EAAGC,MAAc,IAAKxC,SAAS,CAACG,OAAO,EAAEoC,YAAY,CAACC,MAAM,CAAC;IACzEC,SAAS,EAAGC,MAAc,IAAK1C,SAAS,CAACG,OAAO,EAAEsC,SAAS,CAACC,MAAM,CAAC;IACnEC,QAAQ,EAAGC,KAAc,IAAK5C,SAAS,CAACG,OAAO,EAAEwC,QAAQ,CAACC,KAAK,CAAC;IAChEZ,QAAQ,EAAEA,CAAA,KAAMhC,SAAS,CAACG,OAAO,EAAE6B,QAAQ,CAAC,CAAC;IAC7CE,MAAM,EAAEA,CAAA,KAAMlC,SAAS,CAACG,OAAO,EAAE+B,MAAM,CAAC,CAAC;IACzCW,eAAe,EAAEA,CAAA,KAAM7C,SAAS,CAACG,OAAO,EAAE0C,eAAe,CAAC,CAAC;IAC3DC,wBAAwB,EAAEA,CAAA,KAAM9C,SAAS,CAACG,OAAO,EAAE2C,wBAAwB,CAAC,CAAC;IAC7EC,cAAc,EAAEA,CAAA,KAAM/C,SAAS,CAACG,OAAO,EAAE4C,cAAc,CAAC,CAAC;IACzDC,cAAc,EAAEA,CAAA,KAAMhD,SAAS,CAACG,OAAO,EAAE6C,cAAc,CAAC,CAAC;IACzDC,OAAO,EAAEA,CAAA,KAAMjD,SAAS,CAACG,OAAO,EAAE8C,OAAO,CAAC,CAAC;IAC3CC,kBAAkB,EAAEA,CAAA,KAAMlD,SAAS,CAACG,OAAO,EAAE+C,kBAAkB,CAAC,CAAC;IACjEC,QAAQ,EAAEA,CAACC,MAAc,EAAEC,IAAqD,KAC9ErD,SAAS,CAACG,OAAO,EAAEgD,QAAQ,CAACC,MAAM,EAAEC,IAAI,CAAC;IAC3CC,cAAc,EAAEA,CAAC,GAAGC,IAAuD,KACzEvD,SAAS,CAACG,OAAO,EAAEmD,cAAc,CAAC,GAAGC,IAAI,CAAC;IAC5CC,kBAAkB,EAAEA,CAAC,GAAGD,IAA2D,KACjFvD,SAAS,CAACG,OAAO,EAAEqD,kBAAkB,CAAC,GAAGD,IAAI,CAAC;IAChDE,iBAAiB,EAAEA,CAAC,GAAGF,IAA0D,KAC/EvD,SAAS,CAACG,OAAO,EAAEsD,iBAAiB,CAAC,GAAGF,IAAI,CAAC;IAC/CG,gBAAgB,EAAEA,CAAC,GAAGH,IAAyD,KAC7EvD,SAAS,CAACG,OAAO,EAAEuD,gBAAgB,CAAC,GAAGH,IAAI,CAAC;IAC9CI,oBAAoB,EAAEA,CAAC,GAAGJ,IAA6D,KACrFvD,SAAS,CAACG,OAAO,EAAEwD,oBAAoB,CAAC,GAAGJ,IAAI,CAAC;IAClDK,mBAAmB,EAAEA,CAAC,GAAGL,IAA4D,KACnFvD,SAAS,CAACG,OAAO,EAAEyD,mBAAmB,CAAC,GAAGL,IAAI,CAAC;IACjDM,eAAe,EAAEA,CAAC,GAAGN,IAAwD,KAC3EvD,SAAS,CAACG,OAAO,EAAE0D,eAAe,CAAC,GAAGN,IAAI,CAAC;IAC7CO,WAAW,EAAEA,CAAA,KAAM9D,SAAS,CAACG,OAAO,EAAE2D,WAAW,CAAC,CAAC,IAAIC,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IAC5EC,cAAc,EAAEA,CAAA,KAAMjE,SAAS,CAACG,OAAO,EAAE8D,cAAc,CAAC,CAAC,IAAIF,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IAClFE,QAAQ,EAAEA,CAAA,KAAMlE,SAAS,CAACG,OAAO,EAAE+D,QAAQ,CAAC,CAAC,IAAIH,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IACtEG,SAAS,EAAEA,CAAA,KAAMnE,SAAS,CAACG,OAAO,EAAEgE,SAAS,CAAC,CAAC,IAAIJ,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IACxEI,QAAQ,EAAEA,CAAA,KAAMpE,SAAS,CAACG,OAAO,EAAEiE,QAAQ,CAAC,CAAC,IAAIL,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IACtEK,QAAQ,EAAEA,CAAA,KAAMrE,SAAS,CAACG,OAAO,EAAEkE,QAAQ,CAAC,CAAC,IAAIN,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IACtEM,OAAO,EAAEA,CAAA,KAAMtE,SAAS,CAACG,OAAO,EAAEmE,OAAO,CAAC,CAAC,IAAIP,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IACpEO,WAAW,EAAEA,CAAA,KAAMvE,SAAS,CAACG,OAAO,EAAEoE,WAAW,CAAC,CAAC,IAAIR,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IAC5EQ,cAAc,EAAEA,CAAA,KAAMxE,SAAS,CAACG,OAAO,EAAEqE,cAAc,CAAC,CAAC,IAAIT,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IAClFS,cAAc,EAAEA,CAAA,KAAMzE,SAAS,CAACG,OAAO,EAAEsE,cAAc,CAAC,CAAC,IAAIV,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IAClFU,cAAc,EAAEA,CAAA,KAAM1E,SAAS,CAACG,OAAO,EAAEuE,cAAc,CAAC,CAAC,IAAIX,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;IAElF;IACA5D,WAAW,EAAEA,CAAA,KAAMA,WAAW;IAC9B2B,eAAe;IACfE;EACF,CAAC,CAAC,EACF,CAAC7B,WAAW,EAAE2B,eAAe,EAAEE,aAAa,CAC9C,CAAC;;EAED;EACA,MAAM0C,gBAAgB,GAAG;IACvB,GAAGpF,OAAO;IACVqF,mBAAmB,EAAE;EACvB,CAAC;EAED,oBACEvG,KAAA,CAAAwG,aAAA,CAACjG,QAAQ,CAACkG,IAAI;IAACjF,KAAK,EAAE,CAAC;MAAEkF,MAAM,EAAE9E,UAAU;MAAE+E,QAAQ,EAAE;IAAS,CAAC,EAAEnF,KAAK;EAAE,gBACxExB,KAAA,CAAAwG,aAAA,CAAC7F,YAAY,EAAAiG,QAAA;IACXlF,GAAG,EAAEC,SAAU;IACfT,OAAO,EAAEoF,gBAAiB;IAC1BhF,oBAAoB,EAAEkC,qBAAsB;IAC5CjC,kBAAkB,EAAEkC,mBAAoB;IACxCjC,KAAK,EAAE;MAAEqF,IAAI,EAAE;IAAE;EAAE,GACfpF,WAAW,CAChB,CACY,CAAC;AAEpB,CACF,CAAC;AAEDX,eAAe,CAACgG,WAAW,GAAG,iBAAiB;AAE/C,eAAehG,eAAe","ignoreList":[]}

package/lib/module/BBPlayer.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BBPlayer.types.js.map

package/lib/module/BBPlayer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["BBPlayer.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/BBPlayerView.js

@@ -0,0 +1,89 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
+import { requireNativeComponent } from "react-native";
+import { createCommands } from "./NativeCommands";
+
+// Native event types with NativeSyntheticEvent wrapper
+
+// Register the native component
+const NativeView = requireNativeComponent("BBPlayerView");
+
+/**
+ * BBPlayerView - React Native Video Player component for Blue Billywig
+ *
+ * This component wraps the native Blue Billywig player SDK for iOS and Android,
+ * providing a seamless video playback experience with full native performance.
+ */
+const BBPlayerView = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    jwt,
+    options,
+    ...restProps
+  } = props;
+  const nativeRef = useRef(null);
+
+  // Create command functions bound to the native view ref
+  const commands = createCommands(nativeRef);
+
+  // Expose methods via ref
+  useImperativeHandle(ref, () => commands, []);
+
+  // Merge jwt into options if provided
+  const mergedOptions = jwt ? {
+    ...options,
+    jwt
+  } : options;
+  return /*#__PURE__*/React.createElement(NativeView, _extends({
+    ref: nativeRef
+  }, restProps, {
+    options: mergedOptions
+    // Unwrap events from NativeSyntheticEvent
+    ,
+    onDidFailWithError: props.onDidFailWithError ? event => props.onDidFailWithError?.(event.nativeEvent.payload) : undefined,
+    onDidRequestCollapse: props.onDidRequestCollapse ? () => props.onDidRequestCollapse?.() : undefined,
+    onDidRequestExpand: props.onDidRequestExpand ? () => props.onDidRequestExpand?.() : undefined,
+    onDidRequestOpenUrl: props.onDidRequestOpenUrl ? event => props.onDidRequestOpenUrl?.(event.nativeEvent.payload) : undefined,
+    onDidSetupWithJsonUrl: props.onDidSetupWithJsonUrl ? event => props.onDidSetupWithJsonUrl?.(event.nativeEvent.payload) : undefined,
+    onDidTriggerAdError: props.onDidTriggerAdError ? event => props.onDidTriggerAdError?.(event.nativeEvent.payload) : undefined,
+    onDidTriggerAdFinished: props.onDidTriggerAdFinished ? () => props.onDidTriggerAdFinished?.() : undefined,
+    onDidTriggerAdLoaded: props.onDidTriggerAdLoaded ? () => props.onDidTriggerAdLoaded?.() : undefined,
+    onDidTriggerAdLoadStart: props.onDidTriggerAdLoadStart ? () => props.onDidTriggerAdLoadStart?.() : undefined,
+    onDidTriggerAdNotFound: props.onDidTriggerAdNotFound ? () => props.onDidTriggerAdNotFound?.() : undefined,
+    onDidTriggerAdQuartile1: props.onDidTriggerAdQuartile1 ? () => props.onDidTriggerAdQuartile1?.() : undefined,
+    onDidTriggerAdQuartile2: props.onDidTriggerAdQuartile2 ? () => props.onDidTriggerAdQuartile2?.() : undefined,
+    onDidTriggerAdQuartile3: props.onDidTriggerAdQuartile3 ? () => props.onDidTriggerAdQuartile3?.() : undefined,
+    onDidTriggerAdStarted: props.onDidTriggerAdStarted ? () => props.onDidTriggerAdStarted?.() : undefined,
+    onDidTriggerAllAdsCompleted: props.onDidTriggerAllAdsCompleted ? () => props.onDidTriggerAllAdsCompleted?.() : undefined,
+    onDidTriggerApiReady: props.onDidTriggerApiReady ? () => props.onDidTriggerApiReady?.() : undefined,
+    onDidTriggerAutoPause: props.onDidTriggerAutoPause ? event => props.onDidTriggerAutoPause?.(event.nativeEvent.why) : undefined,
+    onDidTriggerAutoPausePlay: props.onDidTriggerAutoPausePlay ? event => props.onDidTriggerAutoPausePlay?.(event.nativeEvent.why) : undefined,
+    onDidTriggerCanPlay: props.onDidTriggerCanPlay ? () => props.onDidTriggerCanPlay?.() : undefined,
+    onDidTriggerCustomStatistics: props.onDidTriggerCustomStatistics ? event => props.onDidTriggerCustomStatistics?.(event.nativeEvent) : undefined,
+    onDidTriggerDurationChange: props.onDidTriggerDurationChange ? event => props.onDidTriggerDurationChange?.(event.nativeEvent.duration) : undefined,
+    onDidTriggerEnded: props.onDidTriggerEnded ? () => props.onDidTriggerEnded?.() : undefined,
+    onDidTriggerFullscreen: props.onDidTriggerFullscreen ? () => props.onDidTriggerFullscreen?.() : undefined,
+    onDidTriggerMediaClipFailed: props.onDidTriggerMediaClipFailed ? () => props.onDidTriggerMediaClipFailed?.() : undefined,
+    onDidTriggerMediaClipLoaded: props.onDidTriggerMediaClipLoaded ? event => props.onDidTriggerMediaClipLoaded?.(event.nativeEvent) : undefined,
+    onDidTriggerModeChange: props.onDidTriggerModeChange ? event => props.onDidTriggerModeChange?.(event.nativeEvent.mode) : undefined,
+    onDidTriggerPause: props.onDidTriggerPause ? () => props.onDidTriggerPause?.() : undefined,
+    onDidTriggerPhaseChange: props.onDidTriggerPhaseChange ? event => props.onDidTriggerPhaseChange?.(event.nativeEvent.phase) : undefined,
+    onDidTriggerPlay: props.onDidTriggerPlay ? () => props.onDidTriggerPlay?.() : undefined,
+    onDidTriggerPlaying: props.onDidTriggerPlaying ? () => props.onDidTriggerPlaying?.() : undefined,
+    onDidTriggerProjectLoaded: props.onDidTriggerProjectLoaded ? event => props.onDidTriggerProjectLoaded?.(event.nativeEvent) : undefined,
+    onDidTriggerRetractFullscreen: props.onDidTriggerRetractFullscreen ? () => props.onDidTriggerRetractFullscreen?.() : undefined,
+    onDidTriggerSeeked: props.onDidTriggerSeeked ? event => props.onDidTriggerSeeked?.(event.nativeEvent.payload) : undefined,
+    onDidTriggerSeeking: props.onDidTriggerSeeking ? () => props.onDidTriggerSeeking?.() : undefined,
+    onDidTriggerStall: props.onDidTriggerStall ? () => props.onDidTriggerStall?.() : undefined,
+    onDidTriggerStateChange: props.onDidTriggerStateChange ? event => props.onDidTriggerStateChange?.(event.nativeEvent.state) : undefined,
+    onDidTriggerTimeUpdate: props.onDidTriggerTimeUpdate ? event => props.onDidTriggerTimeUpdate?.(event.nativeEvent.currentTime, event.nativeEvent.duration) : undefined,
+    onDidTriggerViewFinished: props.onDidTriggerViewFinished ? () => props.onDidTriggerViewFinished?.() : undefined,
+    onDidTriggerViewStarted: props.onDidTriggerViewStarted ? () => props.onDidTriggerViewStarted?.() : undefined,
+    onDidTriggerVolumeChange: props.onDidTriggerVolumeChange ? event => props.onDidTriggerVolumeChange?.(event.nativeEvent.volume) : undefined
+  }));
+});
+BBPlayerView.displayName = "BBPlayerView";
+export default BBPlayerView;
+
+// For backwards compatibility
+export { BBPlayerView as ExpoBBPlayerView };
+//# sourceMappingURL=BBPlayerView.js.map

package/lib/module/BBPlayerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","requireNativeComponent","createCommands","NativeView","BBPlayerView","props","ref","jwt","options","restProps","nativeRef","commands","mergedOptions","createElement","_extends","onDidFailWithError","event","nativeEvent","payload","undefined","onDidRequestCollapse","onDidRequestExpand","onDidRequestOpenUrl","onDidSetupWithJsonUrl","onDidTriggerAdError","onDidTriggerAdFinished","onDidTriggerAdLoaded","onDidTriggerAdLoadStart","onDidTriggerAdNotFound","onDidTriggerAdQuartile1","onDidTriggerAdQuartile2","onDidTriggerAdQuartile3","onDidTriggerAdStarted","onDidTriggerAllAdsCompleted","onDidTriggerApiReady","onDidTriggerAutoPause","why","onDidTriggerAutoPausePlay","onDidTriggerCanPlay","onDidTriggerCustomStatistics","onDidTriggerDurationChange","duration","onDidTriggerEnded","onDidTriggerFullscreen","onDidTriggerMediaClipFailed","onDidTriggerMediaClipLoaded","onDidTriggerModeChange","mode","onDidTriggerPause","onDidTriggerPhaseChange","phase","onDidTriggerPlay","onDidTriggerPlaying","onDidTriggerProjectLoaded","onDidTriggerRetractFullscreen","onDidTriggerSeeked","onDidTriggerSeeking","onDidTriggerStall","onDidTriggerStateChange","state","onDidTriggerTimeUpdate","currentTime","onDidTriggerViewFinished","onDidTriggerViewStarted","onDidTriggerVolumeChange","volume","displayName","ExpoBBPlayerView"],"sourceRoot":"../../src","sources":["BBPlayerView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/BBShortsView.js

@@ -0,0 +1,78 @@
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
+import { requireNativeComponent, NativeModules, findNodeHandle } from "react-native";
+
+/**
+ * Options for the BBShortsView component.
+ */
+
+/**
+ * Props for the BBShortsView component.
+ */
+
+/**
+ * Methods exposed via the ref for the BBShortsView component.
+ */
+
+// Native event types with NativeSyntheticEvent wrapper
+
+// Register the native component
+const NativeView = requireNativeComponent("BBShortsView");
+
+/**
+ * BBShortsView - React Native Shorts Player component for Blue Billywig
+ *
+ * This component wraps the native Blue Billywig Shorts SDK for iOS and Android,
+ * providing a vertical video swipe experience (TikTok-style).
+ *
+ * Note: This is a separate component from BBPlayerView. Shorts use a different
+ * native SDK view that supports vertical swipe navigation.
+ *
+ * @example
+ * ```tsx
+ * import { BBShortsView } from '@bluebillywig/react-native-bb-player';
+ *
+ * function ShortsScreen() {
+ *   const shortsRef = useRef<BBShortsViewMethods>(null);
+ *
+ *   return (
+ *     <BBShortsView
+ *       ref={shortsRef}
+ *       jsonUrl="https://demo.bbvms.com/sh/58.json"
+ *       style={{ flex: 1 }}
+ *       onDidSetupWithJsonUrl={(url) => console.log('Shorts loaded:', url)}
+ *       onDidFailWithError={(error) => console.error('Error:', error)}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+const BBShortsView = /*#__PURE__*/forwardRef((props, ref) => {
+  const nativeRef = useRef(null);
+
+  // Expose methods via ref
+  useImperativeHandle(ref, () => ({
+    destroy: () => {
+      const tag = findNodeHandle(nativeRef.current);
+      if (tag != null) {
+        // For iOS, we use the NativeModule pattern similar to BBPlayerModule
+        // For Android, the destroy command is handled through the ViewManager
+        NativeModules.BBShortsViewManager?.destroy?.(tag);
+      }
+    }
+  }), []);
+  return /*#__PURE__*/React.createElement(NativeView, {
+    ref: nativeRef,
+    jsonUrl: props.jsonUrl,
+    options: props.options,
+    style: props.style
+    // Unwrap events from NativeSyntheticEvent
+    ,
+    onDidSetupWithJsonUrl: props.onDidSetupWithJsonUrl ? event => props.onDidSetupWithJsonUrl?.(event.nativeEvent.url) : undefined,
+    onDidFailWithError: props.onDidFailWithError ? event => props.onDidFailWithError?.(event.nativeEvent.error) : undefined,
+    onDidTriggerResize: props.onDidTriggerResize ? event => props.onDidTriggerResize?.(event.nativeEvent.width, event.nativeEvent.height) : undefined
+  });
+});
+BBShortsView.displayName = "BBShortsView";
+export default BBShortsView;
+export { BBShortsView };
+//# sourceMappingURL=BBShortsView.js.map

package/lib/module/BBShortsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","requireNativeComponent","NativeModules","findNodeHandle","NativeView","BBShortsView","props","ref","nativeRef","destroy","tag","current","BBShortsViewManager","createElement","jsonUrl","options","style","onDidSetupWithJsonUrl","event","nativeEvent","url","undefined","onDidFailWithError","error","onDidTriggerResize","width","height","displayName"],"sourceRoot":"../../src","sources":["BBShortsView.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AACtE,SACEC,sBAAsB,EAGtBC,aAAa,EACbC,cAAc,QACT,cAAc;;AAIrB;AACA;AACA;;AAcA;AACA;AACA;;AAyBA;AACA;AACA;;AAQA;;AAiBA;AACA,MAAMC,UAAU,GACdH,sBAAsB,CAA0B,cAAc,CAAC;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,YAAY,gBAAGP,UAAU,CAC7B,CAACQ,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,SAAS,GAAGR,MAAM,CAAM,IAAI,CAAC;;EAEnC;EACAD,mBAAmB,CACjBQ,GAAG,EACH,OAAO;IACLE,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMC,GAAG,GAAGP,cAAc,CAACK,SAAS,CAACG,OAAO,CAAC;MAC7C,IAAID,GAAG,IAAI,IAAI,EAAE;QACf;QACA;QACAR,aAAa,CAACU,mBAAmB,EAAEH,OAAO,GAAGC,GAAG,CAAC;MACnD;IACF;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACEb,KAAA,CAAAgB,aAAA,CAACT,UAAU;IACTG,GAAG,EAAEC,SAAU;IACfM,OAAO,EAAER,KAAK,CAACQ,OAAQ;IACvBC,OAAO,EAAET,KAAK,CAACS,OAAQ;IACvBC,KAAK,EAAEV,KAAK,CAACU;IACb;IAAA;IACAC,qBAAqB,EACnBX,KAAK,CAACW,qBAAqB,GACtBC,KAAK,IAAKZ,KAAK,CAACW,qBAAqB,GAAGC,KAAK,CAACC,WAAW,CAACC,GAAG,CAAC,GAC/DC,SACL;IACDC,kBAAkB,EAChBhB,KAAK,CAACgB,kBAAkB,GACnBJ,KAAK,IAAKZ,KAAK,CAACgB,kBAAkB,GAAGJ,KAAK,CAACC,WAAW,CAACI,KAAK,CAAC,GAC9DF,SACL;IACDG,kBAAkB,EAChBlB,KAAK,CAACkB,kBAAkB,GACnBN,KAAK,IACJZ,KAAK,CAACkB,kBAAkB,GACtBN,KAAK,CAACC,WAAW,CAACM,KAAK,EACvBP,KAAK,CAACC,WAAW,CAACO,MACpB,CAAC,GACHL;EACL,CACF,CAAC;AAEN,CACF,CAAC;AAEDhB,YAAY,CAACsB,WAAW,GAAG,cAAc;AAEzC,eAAetB,YAAY;AAC3B,SAASA,YAAY","ignoreList":[]}

package/lib/module/NativeCommands.js

@@ -0,0 +1,243 @@
+import { NativeModules, findNodeHandle } from "react-native";
+const {
+  BBPlayerModule
+} = NativeModules;
+
+/**
+ * Get the view tag (node handle) for a ref
+ */
+function getViewTag(viewRef) {
+  const node = viewRef.current;
+  if (node == null) {
+    console.warn("BBPlayerView: View ref is null");
+    return null;
+  }
+  const nodeHandle = findNodeHandle(node);
+  if (nodeHandle == null) {
+    console.warn("BBPlayerView: Could not find node handle");
+    return null;
+  }
+  return nodeHandle;
+}
+
+/**
+ * Creates command functions for the BBPlayerView ref.
+ * Uses NativeModule for reliable command dispatch on both Old and New Architecture.
+ */
+export function createCommands(viewRef) {
+  return {
+    play: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.play(tag);
+    },
+    pause: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.pause(tag);
+    },
+    seek: position => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.seek(tag, position);
+    },
+    seekRelative: offsetSeconds => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.seekRelative(tag, offsetSeconds);
+    },
+    setMuted: muted => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.setMuted(tag, muted);
+    },
+    setVolume: volume => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.setVolume(tag, volume);
+    },
+    enterFullscreen: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.enterFullscreen(tag);
+    },
+    enterFullscreenLandscape: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.enterFullscreenLandscape(tag);
+    },
+    exitFullscreen: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.exitFullscreen(tag);
+    },
+    collapse: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.collapse(tag);
+    },
+    expand: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.expand(tag);
+    },
+    autoPlayNextCancel: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.autoPlayNextCancel(tag);
+    },
+    destroy: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.destroy(tag);
+    },
+    showCastPicker: () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) BBPlayerModule?.showCastPicker(tag);
+    },
+    /**
+     * Load a clip by ID with optional configuration.
+     * This is the primary method for loading content, matching the channel SDK pattern.
+     */
+    loadClip: (clipId, options) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        // Use loadWithClipId under the hood, passing playout as initiator if provided
+        BBPlayerModule?.loadWithClipId(tag, clipId, options?.initiator ?? options?.playout ?? null, options?.autoPlay ?? false, options?.seekTo ?? 0);
+      }
+    },
+    // Legacy load methods (kept for backwards compatibility)
+    loadWithClipId: (clipId, initiator, autoPlay, seekTo) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithClipId(tag, clipId, initiator ?? null, autoPlay ?? false, seekTo ?? 0);
+      }
+    },
+    loadWithClipListId: (clipListId, initiator, autoPlay, seekTo) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithClipListId(tag, clipListId, initiator ?? null, autoPlay ?? false, seekTo ?? 0);
+      }
+    },
+    loadWithProjectId: (projectId, initiator, autoPlay, seekTo) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithProjectId(tag, projectId, initiator ?? null, autoPlay ?? false, seekTo ?? 0);
+      }
+    },
+    loadWithClipJson: (clipJson, initiator, autoPlay, seekTo) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithClipJson(tag, clipJson, initiator ?? null, autoPlay ?? false, seekTo ?? 0);
+      }
+    },
+    loadWithClipListJson: (clipListJson, initiator, autoPlay, seekTo) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithClipListJson(tag, clipListJson, initiator ?? null, autoPlay ?? false, seekTo ?? 0);
+      }
+    },
+    loadWithProjectJson: (projectJson, initiator, autoPlay, seekTo) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithProjectJson(tag, projectJson, initiator ?? null, autoPlay ?? false, seekTo ?? 0);
+      }
+    },
+    loadWithJsonUrl: (jsonUrl, autoPlay) => {
+      const tag = getViewTag(viewRef);
+      if (tag != null) {
+        BBPlayerModule?.loadWithJsonUrl(tag, jsonUrl, autoPlay ?? true);
+      }
+    },
+    // Note: For Shorts playback, use the BBShortsView component instead of BBPlayerView.
+
+    // Getter methods (async)
+    getDuration: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getDuration) {
+        return BBPlayerModule.getDuration(tag);
+      }
+      return null;
+    },
+    getCurrentTime: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getCurrentTime) {
+        return BBPlayerModule.getCurrentTime(tag);
+      }
+      return null;
+    },
+    getMuted: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getMuted) {
+        return BBPlayerModule.getMuted(tag);
+      }
+      return null;
+    },
+    getVolume: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getVolume) {
+        return BBPlayerModule.getVolume(tag);
+      }
+      return null;
+    },
+    getPhase: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getPhase) {
+        return BBPlayerModule.getPhase(tag);
+      }
+      return null;
+    },
+    getState: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getState) {
+        return BBPlayerModule.getState(tag);
+      }
+      return null;
+    },
+    getMode: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getMode) {
+        return BBPlayerModule.getMode(tag);
+      }
+      return null;
+    },
+    getClipData: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getClipData) {
+        return BBPlayerModule.getClipData(tag);
+      }
+      return null;
+    },
+    getProjectData: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getProjectData) {
+        return BBPlayerModule.getProjectData(tag);
+      }
+      return null;
+    },
+    getPlayoutData: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag != null && BBPlayerModule?.getPlayoutData) {
+        return BBPlayerModule.getPlayoutData(tag);
+      }
+      return null;
+    },
+    /**
+     * Get the complete player state as a structured object.
+     * Aggregates all individual getter calls into a single BBPlayerState object.
+     */
+    getPlayerState: async () => {
+      const tag = getViewTag(viewRef);
+      if (tag == null || !BBPlayerModule) {
+        return null;
+      }
+      try {
+        // Fetch all state in parallel for efficiency
+        const [state, phase, mode, currentTime, duration, muted, volume, clipData, projectData, playoutData] = await Promise.all([BBPlayerModule.getState?.(tag) ?? null, BBPlayerModule.getPhase?.(tag) ?? null, BBPlayerModule.getMode?.(tag) ?? null, BBPlayerModule.getCurrentTime?.(tag) ?? 0, BBPlayerModule.getDuration?.(tag) ?? 0, BBPlayerModule.getMuted?.(tag) ?? false, BBPlayerModule.getVolume?.(tag) ?? 1, BBPlayerModule.getClipData?.(tag) ?? null, BBPlayerModule.getProjectData?.(tag) ?? null, BBPlayerModule.getPlayoutData?.(tag) ?? null]);
+        return {
+          state: state ?? "IDLE",
+          phase: phase ?? "INIT",
+          mode: mode ?? null,
+          currentTime: currentTime ?? 0,
+          duration: duration ?? 0,
+          muted: muted ?? false,
+          volume: volume ?? 1,
+          clip: clipData,
+          project: projectData,
+          playout: playoutData
+        };
+      } catch (error) {
+        console.warn("BBPlayerView: Failed to get player state", error);
+        return null;
+      }
+    }
+  };
+}
+//# sourceMappingURL=NativeCommands.js.map