@cake-fxd/rn-case/lib/AudioSelectCase/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 _BounceOption=_interopRequireDefault(require("@cake-fxd/rn-elements/lib/BounceOption"));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 _px2dp=_interopRequireDefault(require("../util/px2dp"));var _styles=_interopRequireDefault(require("./styles"));var styles=(0,_styles["default"])();var lottieConfig={source:require("../../assets/lottie/sqaure.json"),style:styles.lottieStyle};var renderChunkComponent=function renderChunkComponent(value,bounce){return _react["default"].createElement(_BounceOption["default"],{lottie:lottieConfig,correct:true},_react["default"].createElement(_lib.AudioOption,{url:value,correct:true,style:{width:bounce.width,height:bounce.height}}));};var AudioSelectCase=function AudioSelectCase(props){var caseContext=(0,_react.useContext)(_CaseGather.CaseContext);var _useLeaveAnimate=(0,_useLeaveAnimate2["default"])(props.onComplete),getLaveAnimateStyle=_useLeaveAnimate.getLaveAnimateStyle;var allOptions=(0,_react.useMemo)(function(){return props.correctOptions.concat(props.interfaceOptions);},[props.correctOptions,props.interfaceOptions]);(0,_react.useEffect)(function(){if(props.audio&&props.autoPlay){var audioPlayer=new _lib.AudioPlayer();audioPlayer.play(props.audio);}},[]);return _react["default"].createElement(_reactNative.View,{style:styles.container},_react["default"].createElement(_reactNative.Animated.View,{style:(0,_extends2["default"])({},getLaveAnimateStyle())},_react["default"].createElement(_lib.HotSpot,(0,_extends2["default"])({},props,{onComplete:props.onSelect,source:props.source,fillChunkConfig:{style:styles.fillStyle},renderChunkComponent:renderChunkComponent,itemStyle:{marginHorizontal:allOptions.length>2?(0,_px2dp["default"])(10):(0,_px2dp["default"])(45)},dragComponent:function dragComponent(_ref){var chunk=_ref.chunk;return _react["default"].createElement(_lib.AudioOption,{url:chunk.value});}}),props.type==='text'&&props.text?_react["default"].createElement(_lib.FontText,{text:props.text,style:{marginBottom:(0,_px2dp["default"])(40)}}):null)),props.isSelected&&props.dialogue&&_react["default"].createElement(_lib.Dialogue,(0,_extends2["default"])({},props.dialogue,{style:{position:'absolute',top:(0,_px2dp["default"])(500)}})));};var _default=(0,_withCaseBackground["default"])(AudioSelectCase);exports["default"]=_default;