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

ReactNative Case

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _lib=require("@cake-fxd/rn-elements/lib");var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _px2dp=_interopRequireDefault(require("../util/px2dp"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2["default"])(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],function(){}));return true;}catch(e){return false;}}var ReviewCase=function(_React$Component){(0,_inherits2["default"])(ReviewCase,_React$Component);var _super=_createSuper(ReviewCase);function ReviewCase(props){var _this;(0,_classCallCheck2["default"])(this,ReviewCase);_this=_super.call(this,props);_this.makeAnimtion=function(val){return _reactNative.Animated.timing(val,{toValue:1,duration:600,useNativeDriver:true});};_this.startAnimation=function(index,animtions){if(index<animtions.length){_this.audio.play(appearAudio,undefined,function(){_this.audio.stop();});animtions[index].start(function(){_this.startAnimation(index+1,animtions);});}};_this.state={animValue_0:new _reactNative.Animated.Value(0),animValue_1:new _reactNative.Animated.Value(0),animValue_2:new _reactNative.Animated.Value(0),animValue_3:new _reactNative.Animated.Value(0)};_this.audio=new _lib.AudioPlayer();return _this;}(0,_createClass2["default"])(ReviewCase,[{key:"componentDidMount",value:function componentDidMount(){var _this$props=this.props,word=_this$props.word,phrase=_this$props.phrase,book=_this$props.book;var _this$state=this.state,animValue_0=_this$state.animValue_0,animValue_1=_this$state.animValue_1,animValue_2=_this$state.animValue_2,animValue_3=_this$state.animValue_3;var animtions=[];if(word.title.length>0){animtions.push(this.makeAnimtion(animValue_0));}if(phrase.title.length>0){animtions.push(this.makeAnimtion(animValue_1));}if(book.title.length>0){animtions.push(this.makeAnimtion(animValue_2));}animtions.push(this.makeAnimtion(animValue_3));this.startAnimation(0,animtions);}},{key:"render",value:function render(){var _this$props2=this.props,word=_this$props2.word,phrase=_this$props2.phrase,book=_this$props2.book,onComplete=_this$props2.onComplete,style=_this$props2.style,_this$props2$needTitl=_this$props2.needTitle,needTitle=_this$props2$needTitl===void 0?true:_this$props2$needTitl;var _this$state2=this.state,animValue_0=_this$state2.animValue_0,animValue_1=_this$state2.animValue_1,animValue_2=_this$state2.animValue_2,animValue_3=_this$state2.animValue_3;return _react["default"].createElement(_reactNative.View,{style:styles.container},_react["default"].createElement(_reactNative.ScrollView,{style:{width:'100%'}},_react["default"].createElement(_reactNative.View,{style:[styles.card_container,style,needTitle?{}:{paddingTop:(0,_px2dp["default"])(60)}]},needTitle&&_react["default"].createElement(_reactNative.Image,{source:require("../../assets/imgs/review-title.png"),style:styles.titleImg,resizeMode:"contain"}),_react["default"].createElement(_reactNative.Animated.View,{style:{opacity:animValue_0}},word.title.length>0&&word.data&&_react["default"].createElement(_lib.ReviewCard,{resources:word.data,title:word.title,type:"word",style:styles.card})),_react["default"].createElement(_reactNative.Animated.View,{style:{opacity:animValue_1}},phrase.title.length>0&&phrase.data&&_react["default"].createElement(_lib.ReviewCard,{resources:phrase.data,title:phrase.title,type:"phrase",style:styles.card})),_react["default"].createElement(_reactNative.Animated.View,{style:{opacity:animValue_2}},book.title.length>0&&book.data&&_react["default"].createElement(_lib.ReviewCard,{resources:book.data,title:book.title,type:"book",style:styles.card})),_react["default"].createElement(_reactNative.Animated.View,{style:[styles.nextBtn,{opacity:animValue_3}]},_react["default"].createElement(_lib.NextButton,{onPress:function onPress(){return onComplete===null||onComplete===void 0?void 0:onComplete();}})))));}}]);return ReviewCase;}(_react["default"].Component);var _default=ReviewCase;exports["default"]=_default;var styles=_reactNative.StyleSheet.create({container:{height:'100%',width:'100%',alignItems:'center',backgroundColor:'#FFF5D9'},card_container:{width:'100%',height:'100%',alignItems:'center'},titleImg:{width:'100%',height:(0,_px2dp["default"])(274),marginBottom:(0,_px2dp["default"])(50)},nextBtn:{width:'100%',justifyContent:'center',alignItems:'center',marginBottom:(0,_px2dp["default"])(64),marginTop:(0,_px2dp["default"])(30)},card:{marginBottom:(0,_px2dp["default"])(50)}});var appearAudio=require("../../assets/audios/card-appear.mp3");