@cake-fxd/rn-case/lib/ComprehendCase/index.js

ReactNative Case

"use strict";var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _lib=require("@cake-fxd/rn-elements/lib");var _TextOptionSelect=_interopRequireDefault(require("@cake-fxd/rn-elements/lib/TextOptionSelect"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _withCaseBackground=_interopRequireDefault(require("../CaseBackground/withCaseBackground"));var _useLeaveAnimate2=_interopRequireDefault(require("../hooks/useLeaveAnimate"));var _config=require("../util/config");var _px2dp=_interopRequireDefault(require("../util/px2dp"));var ComprehendCase=function ComprehendCase(props){var _a;var _useLeaveAnimate=(0,_useLeaveAnimate2["default"])(props.onComplete),getLaveAnimateStyle=_useLeaveAnimate.getLaveAnimateStyle;var _useState=(0,_react.useState)(new _reactNative.Animated.Value(1)),_useState2=(0,_slicedToArray2["default"])(_useState,1),opacity=_useState2[0];var audioRef=(0,_react.useRef)(null);return _react["default"].createElement(_reactNative.View,{style:styles.container},_react["default"].createElement(_reactNative.Animated.View,{style:{opacity:opacity,alignItems:'center'}},_react["default"].createElement(_reactNative.View,{style:styles.section},_react["default"].createElement(_lib.ImageItem,{source:{uri:props.image},style:styles.image})),_react["default"].createElement(_reactNative.View,{style:styles.section},_react["default"].createElement(_lib.FontText,{text:props.text,style:styles.textStyle}))),_react["default"].createElement(_reactNative.Animated.View,{style:(0,_extends2["default"])((0,_extends2["default"])({},getLaveAnimateStyle()),{alignItems:'center'})},_react["default"].createElement(_lib.AudioSpeaker,{url:props.audio,ref:audioRef,autoPlay:true,style:{opacity:0}}),_react["default"].createElement(_TextOptionSelect["default"],{list:(_a=props.options)!==null&&_a!==void 0?_a:[],onSelect:props.onSelect})));};var styles=_reactNative.StyleSheet.create({container:{flex:1,width:_config.WIDTH,alignItems:'center',paddingTop:(0,_px2dp["default"])(71)},textStyle:{width:(0,_px2dp["default"])(600),fontSize:(0,_px2dp["default"])(50),fontWeight:'500',lineHeight:(0,_px2dp["default"])(60)},section:{paddingVertical:(0,_px2dp["default"])(30)},image:{width:(0,_px2dp["default"])(250),height:(0,_px2dp["default"])(250),borderRadius:(0,_px2dp["default"])(10),borderWidth:(0,_px2dp["default"])(11),borderColor:'#FFEDB2'}});var _default=(0,_withCaseBackground["default"])(ComprehendCase);exports["default"]=_default;