@cake-fxd/rn-case/lib/TextSelectCase/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 _lib=require("@cake-fxd/rn-elements/lib");var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _withCaseBackground=_interopRequireDefault(require("../CaseBackground/withCaseBackground"));var _CaseGather=require("../CaseGather");var _useLeaveAnimate2=_interopRequireDefault(require("../hooks/useLeaveAnimate"));var _useTextSize=_interopRequireDefault(require("../hooks/useTextSize"));var _config=require("../util/config");var _px2dp=_interopRequireDefault(require("../util/px2dp"));var _textCount=require("../util/textCount");var TextSelectCase=function TextSelectCase(props){var text=props.text,audio=props.audio,source=props.source,list=props.list,type=props.type;var caseContext=(0,_react.useContext)(_CaseGather.CaseContext);var _useLeaveAnimate=(0,_useLeaveAnimate2["default"])(props.onComplete),getLaveAnimateStyle=_useLeaveAnimate.getLaveAnimateStyle;var textFont=(0,_useTextSize["default"])(props.text,_textCount.WORD_TEXT_COUNTS);return _react["default"].createElement(_reactNative.View,{style:styles.container},type==='text'?_react["default"].createElement(_lib.TextReader,{text:text!==null&&text!==void 0?text:'',audio:{url:audio,autoPlay:props.autoPlay},audioAbsolute:true,textStyle:textFont===null||textFont===void 0?void 0:textFont.style}):_react["default"].createElement(_reactNative.Animated.View,{style:(0,_extends2["default"])({},getLaveAnimateStyle())},_react["default"].createElement(_lib.ScaleAnimate,{style:{paddingVertical:(0,_px2dp["default"])(30)}},_react["default"].createElement(_reactNative.View,{style:styles.imageContainer},_react["default"].createElement(_reactNative.View,{style:styles.imageBackgorund},_react["default"].createElement(_lib.ImageItem,{source:{uri:source},style:styles.imageItem}))))),_react["default"].createElement(_reactNative.Animated.View,{style:(0,_extends2["default"])({},getLaveAnimateStyle())},_react["default"].createElement(_lib.TextOptionSelect,{list:list,onSelect:props.onSelect,style:{width:_config.WIDTH}})),props.isSelected&&_react["default"].createElement(_react["default"].Fragment,null,props.dialogue&&_react["default"].createElement(_lib.Dialogue,(0,_extends2["default"])({},props.dialogue))));};var styles=_reactNative.StyleSheet.create({container:{flex:1,alignItems:'center'},imageContainer:{paddingTop:(0,_px2dp["default"])(30),paddingBottom:(0,_px2dp["default"])(30)},imageBackgorund:{width:(0,_px2dp["default"])(640),height:(0,_px2dp["default"])(500),borderRadius:20,padding:(0,_px2dp["default"])(40),backgroundColor:'#FFEDB2'},imageItem:{width:(0,_px2dp["default"])(561),height:(0,_px2dp["default"])(419),borderWidth:0,borderRadius:10}});var _default=(0,_withCaseBackground["default"])(TextSelectCase);exports["default"]=_default;