@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/basic/spinner/spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","justifyContent","alignItems","text","fontSize","paddingLeft","icon","width","color","spinnerIconColor","image","lottie","position","height","alignSelf","textAlign","paddingRight"],"sources":["spinner.styles.ts"],"sourcesContent":["import { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport BASE_THEME, { NamedStyles, AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmSpinnerStyles = BaseStyles & {\n  icon: WmIconStyles\n  image: WmPictureStyles\n  lottie: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-spinner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSpinnerStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      fontSize: 16,\n      paddingLeft: 8\n    },\n    icon: {\n      text: {\n        fontSize: 48,\n        width: 4,\n        color: themeVariables.spinnerIconColor\n      }\n    } as WmIconStyles,\n    image: {} as WmPictureStyles,\n    lottie: {\n      position: 'absolute',\n      width: 150,\n      height: 150,\n      alignSelf: 'center',\n      justifyContent: 'center'\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root : {\n      textAlign: 'right'\n    },\n    text: {\n      paddingRight: 8\n    }\n  });\n});\n"],"mappings":"AAAA,SAAqBA,YAAY,QAAQ,kDAAkD;AAC3F,OAAOC,UAAU,MAAiC,2CAA2C;AAU7F,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAClDO,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE;IACf,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE;QACJC,QAAQ,EAAE,EAAE;QACZG,KAAK,EAAE,CAAC;QACRC,KAAK,EAAEZ,cAAc,CAACa;MACxB;IACF,CAAiB;IACjBC,KAAK,EAAE,CAAC,CAAoB;IAC5BC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBL,KAAK,EAAE,GAAG;MACVM,MAAM,EAAE,GAAG;MACXC,SAAS,EAAE,QAAQ;MACnBb,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLgB,SAAS,EAAE;IACb,CAAC;IACDZ,IAAI,EAAE;MACJa,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/basic/tooltip/tooltip.component.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { Animated, Text, View } from "react-native";
+import { BaseComponent, BaseComponentState } from "@wavemaker-ai/app-rn-runtime/core/base.component";
+import WmTooltipProps from "./tooltip.props";
+import { DEFAULT_CLASS } from "./tooltip.styles";
+
+// * default tooltip direction - up
+const directionConfig = {
+  up: {
+    rotate: '180deg',
+    styles: {
+      top: -60
+    },
+    triangleStyles: {
+      bottom: -10
+    }
+  },
+  down: {
+    rotate: '0deg',
+    styles: {
+      bottom: -40
+    },
+    triangleStyles: {
+      top: -10
+    }
+  },
+  left: {
+    rotate: '90deg',
+    styles: {
+      left: -40
+    },
+    triangleStyles: {
+      right: -10
+    }
+  },
+  right: {
+    rotate: '-90deg',
+    styles: {
+      right: -40
+    },
+    triangleStyles: {
+      left: -10
+    }
+  }
+};
+export class WmTooltipState extends BaseComponentState {}
+export default class WmTooltip extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTooltipProps());
+  }
+  renderWidget(props) {
+    var _props$tooltipStyle;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, props.showTooltip ? /*#__PURE__*/React.createElement(Animated.View, {
+      style: [this.styles.tooltip, props.direction ? {
+        ...directionConfig[props.direction].styles
+      } : {
+        top: -60
+      }, props.tooltipStyle]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [props.tooltipLabelStyle]
+    }, props.text), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.triangle, {
+        transform: [{
+          rotate: props.direction ? directionConfig[props.direction].rotate : '180deg'
+        }]
+      }, props.direction ? {
+        ...directionConfig[props.direction].triangleStyles
+      } : {
+        bottom: -10
+      }, {
+        borderBottomColor: ((_props$tooltipStyle = props.tooltipStyle) === null || _props$tooltipStyle === void 0 ? void 0 : _props$tooltipStyle.backgroundColor) || this.styles.tooltip.backgroundColor
+      }, props.tooltipTriangleStyle]
+    })) : null, props.children);
+  }
+}
+;
+//# sourceMappingURL=tooltip.component.js.map

package/components/basic/tooltip/tooltip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Text","View","BaseComponent","BaseComponentState","WmTooltipProps","DEFAULT_CLASS","directionConfig","up","rotate","styles","top","triangleStyles","bottom","down","left","right","WmTooltipState","WmTooltip","constructor","props","renderWidget","_props$tooltipStyle","createElement","style","root","onLayout","event","handleLayout","showTooltip","tooltip","direction","tooltipStyle","tooltipLabelStyle","text","triangle","transform","borderBottomColor","backgroundColor","tooltipTriangleStyle","children"],"sources":["tooltip.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Text, View } from \"react-native\";\nimport { BaseComponent, BaseComponentState } from \"@wavemaker-ai/app-rn-runtime/core/base.component\";\nimport WmTooltipProps from \"./tooltip.props\";\nimport { DEFAULT_CLASS, WmTooltipStyles } from \"./tooltip.styles\";\n\n// * default tooltip direction - up\nconst directionConfig = {\n  up: { rotate: '180deg', styles: {top: -60}, triangleStyles: {bottom: -10} },\n  down: { rotate: '0deg', styles: {bottom: -40}, triangleStyles: {top: -10} },\n  left: { rotate: '90deg', styles: {left: -40}, triangleStyles: {right: -10} },\n  right: { rotate: '-90deg', styles: {right: -40}, triangleStyles: {left: -10} },\n};\n\nexport class WmTooltipState extends BaseComponentState<WmTooltipProps> {}\n\nexport default class WmTooltip extends BaseComponent<WmTooltipProps, WmTooltipState, WmTooltipStyles> {\n  constructor(props: WmTooltipProps) {\n    super(props, DEFAULT_CLASS, new WmTooltipProps());\n  }\n\n  renderWidget(props: WmTooltipProps) {\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n      {props.showTooltip ? (\n        <Animated.View\n          style={[\n            this.styles.tooltip,\n            props.direction\n              ? { ...directionConfig[props.direction].styles }\n              : { top: -60 },\n            props.tooltipStyle,\n          ]}\n        >\n          <Text style={[props.tooltipLabelStyle]}>{props.text}</Text>\n          <View\n            style={[\n              this.styles.triangle,\n              {\n                transform: [\n                  {\n                    rotate: props.direction\n                      ? directionConfig[props.direction].rotate\n                      : '180deg',\n                  },\n                ],\n              },\n              props.direction\n                ? { ...directionConfig[props.direction].triangleStyles }\n                : { bottom: -10 },\n              { borderBottomColor: props.tooltipStyle?.backgroundColor || this.styles.tooltip.backgroundColor },\n              props.tooltipTriangleStyle,\n            ]}\n          />\n        </Animated.View>\n      ) : null}\n      {props.children}\n    </View>\n    )\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/components/basic/tooltip/tooltip.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from "@wavemaker-ai/app-rn-runtime/core/base.component";
+export default class WmTooltipProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "showTooltip", false);
+    _defineProperty(this, "text", "");
+    _defineProperty(this, "tooltipStyle", void 0);
+    _defineProperty(this, "tooltipLabelStyle", void 0);
+    _defineProperty(this, "tooltipTriangleStyle", void 0);
+    _defineProperty(this, "direction", "up");
+    _defineProperty(this, "children", void 0);
+  }
+}
+;
+//# sourceMappingURL=tooltip.props.js.map

package/components/basic/tooltip/tooltip.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmTooltipProps","constructor","args","_defineProperty"],"sources":["tooltip.props.ts"],"sourcesContent":["import { BaseProps } from \"@wavemaker-ai/app-rn-runtime/core/base.component\";\nimport { ReactElement } from \"react\";\nimport { TextStyle, ViewStyle } from \"react-native\";\n\nexport type TooltipDirection = 'up' | 'down' | 'left' | 'right';\n\nexport default class WmTooltipProps extends BaseProps {\n  showTooltip?: boolean = false;\n  text: string | number = \"\";\n  tooltipStyle?: any;\n  tooltipLabelStyle?: TextStyle | TextStyle[];\n  tooltipTriangleStyle?: ViewStyle | ViewStyle[];\n  direction?: TooltipDirection = \"up\";\n  children?: ReactElement;\n};\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAM5E,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAC5B,KAAK;IAAAA,eAAA,eACL,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAIK,IAAI;IAAAA,eAAA;EAAA;AAErC;AAAC","ignoreList":[]}

package/components/basic/tooltip/tooltip.styles.js

@@ -0,0 +1,49 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-tooltip';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      position: 'relative'
+    },
+    text: {
+      fontSize: 16
+    },
+    tooltip: {
+      position: 'absolute',
+      left: -30,
+      minWidth: 60,
+      minHeight: 25,
+      paddingHorizontal: 10,
+      borderRadius: 20,
+      backgroundColor: 'lightblue',
+      justifyContent: 'center',
+      alignItems: 'center',
+      // * shadow
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.22,
+      shadowRadius: 2.22,
+      elevation: 3
+    },
+    triangle: {
+      position: 'absolute',
+      width: 0,
+      height: 0,
+      backgroundColor: 'transparent',
+      borderStyle: 'solid',
+      borderLeftWidth: 8,
+      borderRightWidth: 8,
+      borderBottomWidth: 12,
+      borderLeftColor: 'transparent',
+      borderRightColor: 'transparent',
+      borderBottomColor: 'lightblue',
+      overflow: 'hidden'
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=tooltip.styles.js.map

package/components/basic/tooltip/tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","position","text","fontSize","tooltip","left","minWidth","minHeight","paddingHorizontal","borderRadius","backgroundColor","justifyContent","alignItems","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","triangle","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderLeftColor","borderRightColor","borderBottomColor","overflow"],"sources":["tooltip.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { ViewStyle } from 'react-native';\n\nexport type WmTooltipStyles = BaseStyles & {\n  tooltip: ViewStyle;\n  triangle: ViewStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-tooltip';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTooltipStyles = defineStyles({\n    root: {\n      position: 'relative',\n    },\n    text: {\n      fontSize: 16\n    },\n    tooltip: {\n      position: 'absolute',\n      left: -30,\n      minWidth: 60,\n      minHeight: 25,\n      paddingHorizontal: 10,\n      borderRadius: 20,\n      backgroundColor: 'lightblue',\n      justifyContent: 'center',\n      alignItems: 'center',\n\n      // * shadow\n      shadowColor: '#000',\n      shadowOffset: {\n        width: 0,\n        height: 1,\n      },\n      shadowOpacity: 0.22,\n      shadowRadius: 2.22,\n\n      elevation: 3,\n    },\n    triangle: {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 8,\n      borderRightWidth: 8,\n      borderBottomWidth: 12,\n      borderLeftColor: 'transparent',\n      borderRightColor: 'transparent',\n      borderBottomColor: 'lightblue',\n      overflow: 'hidden',\n    },\n  })\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAQ3F,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPH,QAAQ,EAAE,UAAU;MACpBI,IAAI,EAAE,CAAC,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,EAAE;MACbC,iBAAiB,EAAE,EAAE;MACrBC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAE,WAAW;MAC5BC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MAEpB;MACAC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,IAAI;MAElBC,SAAS,EAAE;IACb,CAAC;IACDC,QAAQ,EAAE;MACRnB,QAAQ,EAAE,UAAU;MACpBc,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTN,eAAe,EAAE,aAAa;MAC9BW,WAAW,EAAE,OAAO;MACpBC,eAAe,EAAE,CAAC;MAClBC,gBAAgB,EAAE,CAAC;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,aAAa;MAC9BC,gBAAgB,EAAE,aAAa;MAC/BC,iBAAiB,EAAE,WAAW;MAC9BC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF9B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

package/components/basic/video/video.component.js

@@ -0,0 +1,206 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, Image, TouchableWithoutFeedback, Platform, Text } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmVideoProps from './video.props';
+import { DEFAULT_CLASS } from './video.styles';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { isFullPathUrl } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import { VideoConsumer } from '@wavemaker-ai/app-rn-runtime/core/device/av-service';
+export class WmVideoState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isVideoReady", false);
+    _defineProperty(this, "playStarted", false);
+    _defineProperty(this, "videoPosterDismissed", false);
+  }
+}
+export default class WmVideo extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());
+    _defineProperty(this, "player", void 0);
+    _defineProperty(this, "videoService", null);
+    _defineProperty(this, "isPlayerInitialized", false);
+  }
+  getSource(path) {
+    if (!path) {
+      return null;
+    }
+    const resource = this.loadAsset && this.loadAsset(path);
+    if (isFullPathUrl(resource)) {
+      return {
+        uri: resource
+      };
+    }
+    return resource || {
+      uri: ''
+    };
+  }
+  renderVideoPoster(props) {
+    const accessibilityImageProps = {
+      ...props,
+      accessibilitylabel: `${props.accessibilitylabel}_poster`,
+      hint: `${props.hint}_poster`,
+      accessibilityrole: 'image'
+    };
+    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      onPress: () => {
+        var _this$player;
+        return (_this$player = this.player) === null || _this$player === void 0 ? void 0 : _this$player.play();
+      }
+    }, /*#__PURE__*/React.createElement(Image, _extends({}, this.getTestProps('video_poster'), {
+      style: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        width: '100%',
+        height: '100%'
+      },
+      resizeMode: 'cover',
+      source: this.getSource(props.videoposter)
+    }, getAccessibilityProps(AccessibilityWidgetType.PICTURE, accessibilityImageProps))));
+  }
+  renderSkeleton(props) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root
+    });
+  }
+  playingStatusChange(isPlaying) {
+    if (!this.state.playStarted) {
+      this.updateState({
+        playStarted: this.state.props.autoplay || isPlaying
+      });
+    }
+  }
+  playerReadyStatusChange(statusObj) {
+    const videoReady = statusObj.status === 'readyToPlay';
+    if (this.state.props.autoplay && videoReady && this.player) {
+      this.player.play();
+    }
+    this.updateState({
+      isVideoReady: videoReady
+    });
+  }
+  initializeProps() {
+    if (!this.player) {
+      return;
+    }
+    const {
+      loop,
+      muted,
+      showNowPlayingNotification
+    } = this.state.props;
+    this.player.muted = muted;
+    this.player.loop = loop;
+    this.player.showNowPlayingNotification = showNowPlayingNotification;
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  initializePlayer(videoService) {
+    if (this.isPlayerInitialized || !videoService) {
+      return; // Player already initialized or videoService not available
+    }
+    const {
+      mp4format,
+      webmformat
+    } = this.state.props;
+    const videoSource = this.getSource(mp4format || webmformat);
+    this.player = videoService.createVideoPlayer(videoSource);
+    this.player.addListener('playingChange', this.playingStatusChange.bind(this));
+    this.player.addListener('statusChange', this.playerReadyStatusChange.bind(this));
+    this.initializeProps();
+    this.isPlayerInitialized = true;
+  }
+  onPlayIconTap() {
+    this.updateState({
+      videoPosterDismissed: true
+    });
+    if (this.player) {
+      this.player.play();
+    }
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    if (this.player) {
+      this.player.removeListener('playingChange', this.playingStatusChange);
+      this.player.removeListener('statusChange', this.playerReadyStatusChange);
+      this.player.release();
+    }
+    this.player = null;
+    this.videoService = null;
+    this.isPlayerInitialized = false;
+  }
+
+  //TASK: Overlay on video widged should be removed once upgraded to expo 53.
+
+  renderWidget(props) {
+    const {
+      allowsPictureInPicture,
+      videoposter,
+      onFullscreenEnter,
+      onFullscreenExit,
+      requiresLinearPlayback,
+      showdefaultvideoposter
+    } = props;
+    const {
+      playStarted
+    } = this.state;
+    const isPlaying = playStarted || this.state.props.autoplay;
+    const showOverlay = !showdefaultvideoposter && !this.state.videoPosterDismissed;
+    return /*#__PURE__*/React.createElement(VideoConsumer, null, videoService => {
+      // Only set videoService and initialize player once
+      if (videoService && !this.videoService) {
+        this.videoService = videoService;
+        this.initializePlayer(videoService);
+      }
+      const VideoView = videoService === null || videoService === void 0 ? void 0 : videoService.VideoView;
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root,
+        onLayout: event => this.handleLayout(event)
+      }, this._background, /*#__PURE__*/React.createElement(VideoView, _extends({}, getAccessibilityProps(AccessibilityWidgetType.VIDEO, props), {
+        style: {
+          width: '100%',
+          height: '100%',
+          flex: 1
+        },
+        player: this.player,
+        nativeControls: props.controls,
+        contentFit: 'contain',
+        testID: this.getTestId('video'),
+        allowsPictureInPicture: allowsPictureInPicture,
+        onFullscreenEnter: onFullscreenEnter,
+        onFullscreenExit: onFullscreenExit,
+        requiresLinearPlayback: requiresLinearPlayback
+      })), !isPlaying && videoposter ? this.renderVideoPoster(props) : /*#__PURE__*/React.createElement(React.Fragment, null), !isPlaying && !showdefaultvideoposter && !this.state.videoPosterDismissed ? /*#__PURE__*/React.createElement(View, {
+        style: this.styles.playIconContainer
+      }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        style: {
+          width: 80,
+          height: 80
+        },
+        onPress: this.onPlayIconTap.bind(this)
+      }, Platform.OS === 'android' ? /*#__PURE__*/React.createElement(Image, _extends({}, this.getTestProps('video_play_button'), {
+        style: {
+          width: 80,
+          height: 80
+        },
+        resizeMode: 'contain',
+        source: this.getSource('resources/images/imagelists/play.png')
+      })) : /*#__PURE__*/React.createElement(Text, {
+        style: {
+          fontSize: 80,
+          fontWeight: 'bold',
+          color: 'white'
+        }
+      }, "\u25B6"))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+    });
+  }
+}
+//# sourceMappingURL=video.component.js.map

package/components/basic/video/video.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Image","TouchableWithoutFeedback","Platform","Text","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","createSkeleton","VideoConsumer","WmVideoState","constructor","args","_defineProperty","WmVideo","props","getSource","path","resource","loadAsset","uri","renderVideoPoster","accessibilityImageProps","accessibilitylabel","hint","accessibilityrole","createElement","onPress","_this$player","player","play","_extends","getTestProps","style","position","top","bottom","left","right","width","height","resizeMode","source","videoposter","PICTURE","renderSkeleton","theme","styles","skeleton","root","playingStatusChange","isPlaying","state","playStarted","updateState","autoplay","playerReadyStatusChange","statusObj","videoReady","status","isVideoReady","initializeProps","loop","muted","showNowPlayingNotification","componentDidMount","initializePlayer","videoService","isPlayerInitialized","mp4format","webmformat","videoSource","createVideoPlayer","addListener","bind","onPlayIconTap","videoPosterDismissed","componentWillUnmount","removeListener","release","renderWidget","allowsPictureInPicture","onFullscreenEnter","onFullscreenExit","requiresLinearPlayback","showdefaultvideoposter","showOverlay","VideoView","onLayout","event","handleLayout","_background","VIDEO","flex","nativeControls","controls","contentFit","testID","getTestId","Fragment","playIconContainer","OS","fontSize","fontWeight","color"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Image, TouchableWithoutFeedback, Platform, Text } from 'react-native';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport {\n  AccessibilityWidgetType,\n  getAccessibilityProps,\n} from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { isFullPathUrl } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { VideoConsumer } from '@wavemaker-ai/app-rn-runtime/core/device/av-service';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {\n  isVideoReady: boolean = false;\n  playStarted: boolean = false;\n  videoPosterDismissed: boolean = false;\n}\n\nexport default class WmVideo extends BaseComponent<\n  WmVideoProps,\n  WmVideoState,\n  WmVideoStyles\n> {\n  private player: any;\n  private videoService: any = null as any;\n  private isPlayerInitialized: boolean = false;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset && this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource as string,\n      };\n    }\n    return resource || {\n      uri: ''\n    };\n  }\n\n  renderVideoPoster(props: WmVideoProps) {\n    const accessibilityImageProps = {...props,\n      accessibilitylabel : `${props.accessibilitylabel}_poster`,\n      hint: `${props.hint}_poster`,\n      accessibilityrole: 'image'\n    }\n    return (\n      <TouchableWithoutFeedback onPress={() => this.player?.play()}>\n        <Image\n          {...this.getTestProps('video_poster')}\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            width: '100%',\n            height: '100%',\n          }}\n          resizeMode={'cover'}\n          source={this.getSource(props.videoposter) as any}\n          {...getAccessibilityProps(AccessibilityWidgetType.PICTURE, accessibilityImageProps)}\n        />\n      </TouchableWithoutFeedback>\n    );\n  }\n\n\n  public renderSkeleton(props: WmVideoProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n    });\n  }\n\n  public playingStatusChange(isPlaying: boolean) {\n    if (!this.state.playStarted) {\n      this.updateState({\n        playStarted: this.state.props.autoplay || isPlaying,\n      } as WmVideoState);\n    }\n  }\n\n  playerReadyStatusChange(statusObj: any) {\n    const videoReady = statusObj.status === 'readyToPlay'\n    if (this.state.props.autoplay && videoReady && this.player) {\n        this.player.play();\n    }\n    this.updateState({\n      isVideoReady: videoReady,\n    } as WmVideoState);\n  }\n\n  initializeProps(){\n    if (!this.player) {\n      return;\n    }\n\n    const {\n      loop,\n      muted,\n      showNowPlayingNotification,\n    } = this.state.props\n\n    this.player.muted = muted;\n    this.player.loop = loop;\n    this.player.showNowPlayingNotification = showNowPlayingNotification;\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n  }\n\n  initializePlayer(videoService: any) {\n    if (this.isPlayerInitialized || !videoService) {\n      return; // Player already initialized or videoService not available\n    }\n\n    const { mp4format, webmformat } = this.state.props;\n    const videoSource = this.getSource(mp4format || webmformat);\n\n    this.player = videoService.createVideoPlayer(videoSource);\n    this.player.addListener(\n      'playingChange',\n      this.playingStatusChange.bind(this)\n    );\n    this.player.addListener(\n      'statusChange',\n      this.playerReadyStatusChange.bind(this)\n    );\n    this.initializeProps();\n    this.isPlayerInitialized = true;\n  }\n\n  onPlayIconTap() {\n    this.updateState({\n      videoPosterDismissed: true\n    } as WmVideoState)\n    if (this.player) {\n      this.player.play()\n    }\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    if (this.player) {\n      this.player.removeListener('playingChange', this.playingStatusChange);\n      this.player.removeListener('statusChange', this.playerReadyStatusChange);\n      this.player.release();\n    }\n    this.player = null;\n    this.videoService = null;\n    this.isPlayerInitialized = false;\n  }\n\n  //TASK: Overlay on video widged should be removed once upgraded to expo 53.\n\n  renderWidget(props: WmVideoProps) {\n    const {\n      allowsPictureInPicture,\n      videoposter,\n      onFullscreenEnter,\n      onFullscreenExit,\n      requiresLinearPlayback,\n      showdefaultvideoposter\n    } = props;\n\n    const { playStarted } = this.state;\n    const isPlaying = playStarted || this.state.props.autoplay;\n    const showOverlay = !showdefaultvideoposter && !this.state.videoPosterDismissed\n\n\n    return (\n      <VideoConsumer>\n      {(videoService: any) => {\n        // Only set videoService and initialize player once\n        if (videoService && !this.videoService) {\n          this.videoService = videoService;\n          this.initializePlayer(videoService);\n        }\n        const VideoView = videoService?.VideoView;\n        return (\n          <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n            {this._background}\n            <VideoView\n              {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n              style={{ width: '100%', height: '100%', flex: 1 }}\n              player={this.player}\n              nativeControls={props.controls}\n              contentFit={'contain'}\n              testID={this.getTestId('video')}\n              allowsPictureInPicture={allowsPictureInPicture}\n              onFullscreenEnter={onFullscreenEnter}\n              onFullscreenExit={onFullscreenExit}\n              requiresLinearPlayback={requiresLinearPlayback}\n            />\n\n            {!isPlaying && videoposter ? (\n              this.renderVideoPoster(props)\n            ) : (\n              <></>\n            )}\n\n            {\n              !isPlaying && !showdefaultvideoposter && !this.state.videoPosterDismissed ? (\n                <View style={this.styles.playIconContainer}>\n                  <TouchableWithoutFeedback style={{width: 80, height: 80 }} onPress={this.onPlayIconTap.bind(this)}>\n                    {Platform.OS === 'android' ? <Image\n                    {...this.getTestProps('video_play_button')}\n                    style={{\n                      width: 80,\n                      height: 80,\n                    }}\n                    resizeMode={'contain'}\n                    source={this.getSource('resources/images/imagelists/play.png') as any}\n                  /> : <Text style={{ fontSize: 80, fontWeight: 'bold', color: 'white'}} >▶</Text> }\n                  </TouchableWithoutFeedback>\n                </View>\n              ) : (\n                <></>\n              )\n            }\n          </View>\n        )}}\n      </VideoConsumer>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,EAAEC,wBAAwB,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AACpF,SACEC,aAAa,EACbC,kBAAkB,QACb,kDAAkD;AACzD,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SACEC,uBAAuB,EACvBC,qBAAqB,QAChB,iDAAiD;AACxD,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,cAAc,QAAQ,2EAA2E;AAC1G,SAASC,aAAa,QAAQ,qDAAqD;AAEnF,OAAO,MAAMC,YAAY,SAASR,kBAAkB,CAAe;EAAAS,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBACzC,KAAK;IAAAA,eAAA,sBACN,KAAK;IAAAA,eAAA,+BACI,KAAK;EAAA;AACvC;AAEA,eAAe,MAAMC,OAAO,SAASb,aAAa,CAIhD;EAKAU,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEX,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIO,YAAY,CAAC,CAAC,CAAC;IAACG,eAAA;IAAAA,eAAA,uBAJ1C,IAAI;IAAAA,eAAA,8BACO,KAAK;EAI5C;EAEAG,SAASA,CAACC,IAAY,EAAE;IACtB,IAAI,CAACA,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACC,SAAS,IAAI,IAAI,CAACA,SAAS,CAACF,IAAI,CAAC;IACvD,IAAIV,aAAa,CAACW,QAAkB,CAAC,EAAE;MACrC,OAAO;QACLE,GAAG,EAAEF;MACP,CAAC;IACH;IACA,OAAOA,QAAQ,IAAI;MACjBE,GAAG,EAAE;IACP,CAAC;EACH;EAEAC,iBAAiBA,CAACN,KAAmB,EAAE;IACrC,MAAMO,uBAAuB,GAAG;MAAC,GAAGP,KAAK;MACvCQ,kBAAkB,EAAG,GAAGR,KAAK,CAACQ,kBAAkB,SAAS;MACzDC,IAAI,EAAE,GAAGT,KAAK,CAACS,IAAI,SAAS;MAC5BC,iBAAiB,EAAE;IACrB,CAAC;IACD,oBACE9B,KAAA,CAAA+B,aAAA,CAAC5B,wBAAwB;MAAC6B,OAAO,EAAEA,CAAA;QAAA,IAAAC,YAAA;QAAA,QAAAA,YAAA,GAAM,IAAI,CAACC,MAAM,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,IAAI,CAAC,CAAC;MAAA;IAAC,gBAC3DnC,KAAA,CAAA+B,aAAA,CAAC7B,KAAK,EAAAkC,QAAA,KACA,IAAI,CAACC,YAAY,CAAC,cAAc,CAAC;MACrCC,KAAK,EAAE;QACLC,QAAQ,EAAE,UAAU;QACpBC,GAAG,EAAE,CAAC;QACNC,MAAM,EAAE,CAAC;QACTC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV,CAAE;MACFC,UAAU,EAAE,OAAQ;MACpBC,MAAM,EAAE,IAAI,CAAC1B,SAAS,CAACD,KAAK,CAAC4B,WAAW;IAAS,GAC7CrC,qBAAqB,CAACD,uBAAuB,CAACuC,OAAO,EAAEtB,uBAAuB,CAAC,CACpF,CACuB,CAAC;EAE/B;EAGOuB,cAAcA,CAAC9B,KAAmB,EAAmB;IAC1D,OAAOP,cAAc,CAAC,IAAI,CAACsC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE;IACjB,CAAC,CAAC;EACJ;EAEOC,mBAAmBA,CAACC,SAAkB,EAAE;IAC7C,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,WAAW,EAAE;MAC3B,IAAI,CAACC,WAAW,CAAC;QACfD,WAAW,EAAE,IAAI,CAACD,KAAK,CAACrC,KAAK,CAACwC,QAAQ,IAAIJ;MAC5C,CAAiB,CAAC;IACpB;EACF;EAEAK,uBAAuBA,CAACC,SAAc,EAAE;IACtC,MAAMC,UAAU,GAAGD,SAAS,CAACE,MAAM,KAAK,aAAa;IACrD,IAAI,IAAI,CAACP,KAAK,CAACrC,KAAK,CAACwC,QAAQ,IAAIG,UAAU,IAAI,IAAI,CAAC7B,MAAM,EAAE;MACxD,IAAI,CAACA,MAAM,CAACC,IAAI,CAAC,CAAC;IACtB;IACA,IAAI,CAACwB,WAAW,CAAC;MACfM,YAAY,EAAEF;IAChB,CAAiB,CAAC;EACpB;EAEAG,eAAeA,CAAA,EAAE;IACf,IAAI,CAAC,IAAI,CAAChC,MAAM,EAAE;MAChB;IACF;IAEA,MAAM;MACJiC,IAAI;MACJC,KAAK;MACLC;IACF,CAAC,GAAG,IAAI,CAACZ,KAAK,CAACrC,KAAK;IAEpB,IAAI,CAACc,MAAM,CAACkC,KAAK,GAAGA,KAAK;IACzB,IAAI,CAAClC,MAAM,CAACiC,IAAI,GAAGA,IAAI;IACvB,IAAI,CAACjC,MAAM,CAACmC,0BAA0B,GAAGA,0BAA0B;EACrE;EAEAC,iBAAiBA,CAAA,EAAS;IACxB,KAAK,CAACA,iBAAiB,CAAC,CAAC;EAC3B;EAEAC,gBAAgBA,CAACC,YAAiB,EAAE;IAClC,IAAI,IAAI,CAACC,mBAAmB,IAAI,CAACD,YAAY,EAAE;MAC7C,OAAO,CAAC;IACV;IAEA,MAAM;MAAEE,SAAS;MAAEC;IAAW,CAAC,GAAG,IAAI,CAAClB,KAAK,CAACrC,KAAK;IAClD,MAAMwD,WAAW,GAAG,IAAI,CAACvD,SAAS,CAACqD,SAAS,IAAIC,UAAU,CAAC;IAE3D,IAAI,CAACzC,MAAM,GAAGsC,YAAY,CAACK,iBAAiB,CAACD,WAAW,CAAC;IACzD,IAAI,CAAC1C,MAAM,CAAC4C,WAAW,CACrB,eAAe,EACf,IAAI,CAACvB,mBAAmB,CAACwB,IAAI,CAAC,IAAI,CACpC,CAAC;IACD,IAAI,CAAC7C,MAAM,CAAC4C,WAAW,CACrB,cAAc,EACd,IAAI,CAACjB,uBAAuB,CAACkB,IAAI,CAAC,IAAI,CACxC,CAAC;IACD,IAAI,CAACb,eAAe,CAAC,CAAC;IACtB,IAAI,CAACO,mBAAmB,GAAG,IAAI;EACjC;EAEAO,aAAaA,CAAA,EAAG;IACd,IAAI,CAACrB,WAAW,CAAC;MACfsB,oBAAoB,EAAE;IACxB,CAAiB,CAAC;IAClB,IAAI,IAAI,CAAC/C,MAAM,EAAE;MACf,IAAI,CAACA,MAAM,CAACC,IAAI,CAAC,CAAC;IACpB;EACF;EAEA+C,oBAAoBA,CAAA,EAAS;IAC3B,KAAK,CAACA,oBAAoB,CAAC,CAAC;IAC5B,IAAI,IAAI,CAAChD,MAAM,EAAE;MACf,IAAI,CAACA,MAAM,CAACiD,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC5B,mBAAmB,CAAC;MACrE,IAAI,CAACrB,MAAM,CAACiD,cAAc,CAAC,cAAc,EAAE,IAAI,CAACtB,uBAAuB,CAAC;MACxE,IAAI,CAAC3B,MAAM,CAACkD,OAAO,CAAC,CAAC;IACvB;IACA,IAAI,CAAClD,MAAM,GAAG,IAAI;IAClB,IAAI,CAACsC,YAAY,GAAG,IAAI;IACxB,IAAI,CAACC,mBAAmB,GAAG,KAAK;EAClC;;EAEA;;EAEAY,YAAYA,CAACjE,KAAmB,EAAE;IAChC,MAAM;MACJkE,sBAAsB;MACtBtC,WAAW;MACXuC,iBAAiB;MACjBC,gBAAgB;MAChBC,sBAAsB;MACtBC;IACF,CAAC,GAAGtE,KAAK;IAET,MAAM;MAAEsC;IAAY,CAAC,GAAG,IAAI,CAACD,KAAK;IAClC,MAAMD,SAAS,GAAGE,WAAW,IAAI,IAAI,CAACD,KAAK,CAACrC,KAAK,CAACwC,QAAQ;IAC1D,MAAM+B,WAAW,GAAG,CAACD,sBAAsB,IAAI,CAAC,IAAI,CAACjC,KAAK,CAACwB,oBAAoB;IAG/E,oBACEjF,KAAA,CAAA+B,aAAA,CAACjB,aAAa,QACZ0D,YAAiB,IAAK;MACtB;MACA,IAAIA,YAAY,IAAI,CAAC,IAAI,CAACA,YAAY,EAAE;QACtC,IAAI,CAACA,YAAY,GAAGA,YAAY;QAChC,IAAI,CAACD,gBAAgB,CAACC,YAAY,CAAC;MACrC;MACA,MAAMoB,SAAS,GAAGpB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEoB,SAAS;MACzC,oBACE5F,KAAA,CAAA+B,aAAA,CAAC9B,IAAI;QAACqC,KAAK,EAAE,IAAI,CAACc,MAAM,CAACE,IAAK;QAACuC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;MAAE,GAC1E,IAAI,CAACE,WAAW,eACjBhG,KAAA,CAAA+B,aAAA,CAAC6D,SAAS,EAAAxD,QAAA,KACJzB,qBAAqB,CAACD,uBAAuB,CAACuF,KAAK,EAAE7E,KAAK,CAAC;QAC/DkB,KAAK,EAAE;UAAEM,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE,MAAM;UAAEqD,IAAI,EAAE;QAAE,CAAE;QAClDhE,MAAM,EAAE,IAAI,CAACA,MAAO;QACpBiE,cAAc,EAAE/E,KAAK,CAACgF,QAAS;QAC/BC,UAAU,EAAE,SAAU;QACtBC,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO,CAAE;QAChCjB,sBAAsB,EAAEA,sBAAuB;QAC/CC,iBAAiB,EAAEA,iBAAkB;QACrCC,gBAAgB,EAAEA,gBAAiB;QACnCC,sBAAsB,EAAEA;MAAuB,EAChD,CAAC,EAED,CAACjC,SAAS,IAAIR,WAAW,GACxB,IAAI,CAACtB,iBAAiB,CAACN,KAAK,CAAC,gBAE7BpB,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAwG,QAAA,MAAI,CACL,EAGC,CAAChD,SAAS,IAAI,CAACkC,sBAAsB,IAAI,CAAC,IAAI,CAACjC,KAAK,CAACwB,oBAAoB,gBACvEjF,KAAA,CAAA+B,aAAA,CAAC9B,IAAI;QAACqC,KAAK,EAAE,IAAI,CAACc,MAAM,CAACqD;MAAkB,gBACzCzG,KAAA,CAAA+B,aAAA,CAAC5B,wBAAwB;QAACmC,KAAK,EAAE;UAACM,KAAK,EAAE,EAAE;UAAEC,MAAM,EAAE;QAAG,CAAE;QAACb,OAAO,EAAE,IAAI,CAACgD,aAAa,CAACD,IAAI,CAAC,IAAI;MAAE,GAC/F3E,QAAQ,CAACsG,EAAE,KAAK,SAAS,gBAAG1G,KAAA,CAAA+B,aAAA,CAAC7B,KAAK,EAAAkC,QAAA,KAC/B,IAAI,CAACC,YAAY,CAAC,mBAAmB,CAAC;QAC1CC,KAAK,EAAE;UACLM,KAAK,EAAE,EAAE;UACTC,MAAM,EAAE;QACV,CAAE;QACFC,UAAU,EAAE,SAAU;QACtBC,MAAM,EAAE,IAAI,CAAC1B,SAAS,CAAC,sCAAsC;MAAS,EACvE,CAAC,gBAAGrB,KAAA,CAAA+B,aAAA,CAAC1B,IAAI;QAACiC,KAAK,EAAE;UAAEqE,QAAQ,EAAE,EAAE;UAAEC,UAAU,EAAE,MAAM;UAAEC,KAAK,EAAE;QAAO;MAAE,GAAE,QAAO,CACrD,CACtB,CAAC,gBAEP7G,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAwG,QAAA,MAAI,CAGJ,CAAC;IACR,CACY,CAAC;EAEpB;AACF","ignoreList":[]}

package/components/basic/video/video.props.js

@@ -0,0 +1,33 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmVideoProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "autoplay", false);
+    _defineProperty(this, "controls", false);
+    _defineProperty(this, "loop", false);
+    _defineProperty(this, "mp4format", null);
+    _defineProperty(this, "muted", false);
+    _defineProperty(this, "oggformat", null);
+    _defineProperty(this, "subtitlelang", 'en');
+    _defineProperty(this, "subtitlesource", null);
+    _defineProperty(this, "videoposter", 'resources/images/imagelists/default-image.png');
+    _defineProperty(this, "showdefaultvideoposter", true);
+    _defineProperty(this, "videopreload", 'none');
+    _defineProperty(this, "videosupportmessage", 'Your browser does not support the video tag.');
+    _defineProperty(this, "webmformat", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "onFullscreenEnter", null);
+    _defineProperty(this, "onFullscreenExit", null);
+    _defineProperty(this, "requiresLinearPlayback", true);
+    _defineProperty(this, "isLive", false);
+    _defineProperty(this, "playing", false);
+    _defineProperty(this, "showNowPlayingNotification", false);
+    _defineProperty(this, "allowsPictureInPicture", false);
+  }
+}
+//# sourceMappingURL=video.props.js.map

package/components/basic/video/video.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmVideoProps","constructor","args","_defineProperty","undefined"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    showdefaultvideoposter = true;\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole;\n    onFullscreenEnter: (() => void) | null = null;\n    onFullscreenExit: (() => void) | null = null;\n    requiresLinearPlayback: boolean = true;\n    isLive: boolean = false;\n    playing: boolean = false;\n    showNowPlayingNotification: boolean = false;\n    allowsPictureInPicture: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACrC,KAAK;IAAAA,eAAA,mBACL,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA,oBACQ,IAAI;IAAAA,eAAA,gBAChB,KAAK;IAAAA,eAAA,oBACO,IAAI;IAAAA,eAAA,uBACT,IAAI;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,sBACf,+CAA+C;IAAAA,eAAA,iCACpC,IAAI;IAAAA,eAAA,uBACd,MAAM;IAAAA,eAAA,8BACC,8CAA8C;IAAAA,eAAA,qBAC/C,IAAI;IAAAA,eAAA,6BACKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,4BAEgB,IAAI;IAAAA,eAAA,2BACL,IAAI;IAAAA,eAAA,iCACV,IAAI;IAAAA,eAAA,iBACpB,KAAK;IAAAA,eAAA,kBACJ,KAAK;IAAAA,eAAA,qCACc,KAAK;IAAAA,eAAA,iCACT,KAAK;EAAA;AAC3C","ignoreList":[]}

package/components/basic/video/video.styles.js

@@ -0,0 +1,33 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-video';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      height: 300,
+      width: "100%"
+    },
+    text: {},
+    skeleton: {
+      root: {
+        height: 300,
+        width: "100%"
+      }
+    },
+    playIconContainer: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      height: '100%',
+      width: '100%',
+      backgroundColor: 'rgba(0,0,0,0.1)',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=video.styles.js.map

package/components/basic/video/video.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","width","text","skeleton","playIconContainer","position","top","bottom","left","right","backgroundColor","display","justifyContent","alignItems"],"sources":["video.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmPictureStyles } from '../picture/picture.styles';\nimport { ViewStyle } from 'react-native';\n\nexport type WmVideoStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles;\n    playIconContainer: ViewStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-video';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmVideoStyles>({\n        root: {\n            height: 300,\n            width : \"100%\"\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: 300,\n                width : \"100%\"\n            }\n        } as any as WmSkeletonStyles,\n        playIconContainer: {\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            height: '100%',\n            width: '100%',\n            backgroundColor: 'rgba(0,0,0,0.1)',\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center'\n}\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAU3F,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgB;IAC9CM,IAAI,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAG;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNJ,IAAI,EAAE;QACFC,MAAM,EAAE,GAAG;QACXC,KAAK,EAAG;MACZ;IACJ,CAA4B;IAC5BG,iBAAiB,EAAE;MACfC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRT,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbS,eAAe,EAAE,iBAAiB;MAClCC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACxB;EACI,CAAC,CAAC;EACFhB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}