@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/module/components/StoryKit/src/StoryListItem.js

@@ -0,0 +1,377 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { Animated, Image, Text, TouchableOpacity, Linking, TouchableWithoutFeedback, ActivityIndicator, View, SafeAreaView, Alert } from 'react-native';
+import GestureRecognizer from 'react-native-swipe-gestures';
+import { usePrevious, isNullOrWhitespace } from './helpers';
+import Video from 'react-native-video';
+import { useFocusEffect } from '@react-navigation/native';
+import { SvgXml } from 'react-native-svg';
+import { seenIcon, storyCommentIcon, storyHyperLinkIcon, storyLikeIcon, storyLikedIcon } from '../../../svg/svg-xml-list';
+import { useStyles } from './styles';
+import { useTimeDifference } from '../../../hooks/useTimeDifference';
+import { useStory } from '../../../hooks/useStory';
+import { StoryRepository } from '@amityco/ts-sdk-react-native';
+export const StoryListItem = ({
+  index,
+  key,
+  userId,
+  profileImage,
+  profileName,
+  duration,
+  onFinish,
+  onClosePress,
+  stories,
+  currentPage,
+  onStorySeen,
+  renderCloseComponent,
+  renderSwipeUpComponent,
+  renderTextComponent,
+  loadedAnimationBarStyle,
+  unloadedAnimationBarStyle,
+  animationBarContainerStyle,
+  storyUserContainerStyle,
+  storyImageStyle,
+  storyAvatarImageStyle,
+  storyContainerStyle
+}) => {
+  var _content$current;
+  const styles = useStyles();
+  const [load, setLoad] = useState(true);
+  const [pressed, setPressed] = useState(false);
+  const [content, setContent] = useState(stories.map(x => ({
+    ...x,
+    finish: 0
+  })));
+  const [current, setCurrent] = useState(0);
+  const [storyDuration, setStoryDuration] = useState(duration);
+  const [currentSeek, setCurrentSeek] = useState(0);
+  const progress = useRef(new Animated.Value(0)).current;
+  const timeDifference = useTimeDifference(content[current].createdAt, true);
+  const storyHyperLink = ((_content$current = content[current]) === null || _content$current === void 0 || (_content$current = _content$current.items[0]) === null || _content$current === void 0 ? void 0 : _content$current.data) || undefined;
+  const creatorName = content[current].creatorName ?? '';
+  const viewer = content[current].viewer ?? 0;
+  const comments = content[current].comments ?? [];
+  const storyId = content[current].story_id;
+  const [totalReaction, setTotalReaction] = useState(0);
+  const [isLiked, setIsLiked] = useState(false);
+  const {
+    handleReaction
+  } = useStory();
+  const prevCurrentPage = usePrevious(currentPage);
+  useFocusEffect(React.useCallback(() => {
+    const unsubscribe = StoryRepository.getStoryByStoryId(storyId, ({
+      error,
+      loading,
+      data
+    }) => {
+      if (error) return;
+      if (!loading) {
+        const myReaction = data.myReactions ?? [];
+        setIsLiked(myReaction.length > 0);
+        setTotalReaction(data.reactionsCount);
+      }
+    });
+    return () => {
+      setPressed(true);
+      unsubscribe();
+    };
+  }, [storyId]));
+  useEffect(() => {
+    let isPrevious = !!prevCurrentPage && prevCurrentPage > currentPage;
+    if (isPrevious) {
+      setCurrent(content.length - 1);
+    } else {
+      setCurrent(0);
+    }
+    let data = [...content];
+    data.map((x, i) => {
+      if (isPrevious) {
+        x.finish = 1;
+        if (i == content.length - 1) {
+          x.finish = 0;
+        }
+      } else {
+        x.finish = 0;
+      }
+    });
+    setContent(data);
+    start();
+  }, [currentPage]);
+  const prevCurrent = usePrevious(current);
+  useEffect(() => {
+    if (!isNullOrWhitespace(prevCurrent)) {
+      if (prevCurrent) {
+        if (current > prevCurrent && content[current - 1].story_image == content[current].story_image) {
+          start();
+        } else if (current < prevCurrent && content[current + 1].story_image == content[current].story_image) {
+          start();
+        }
+      }
+    }
+  }, [current]);
+  function start() {
+    setLoad(false);
+    progress.setValue(0);
+    startAnimation();
+  }
+  function startAnimation() {
+    Animated.timing(progress, {
+      toValue: 1,
+      duration: storyDuration - currentSeek * 1000,
+      useNativeDriver: false
+    }).start(({
+      finished
+    }) => {
+      if (finished) {
+        next();
+      }
+    });
+  }
+  function onSwipeUp(_props) {
+    if (onClosePress) {
+      onClosePress();
+    }
+    if (content[current].onPress) {
+      var _content$current$onPr, _content$current2;
+      (_content$current$onPr = (_content$current2 = content[current]).onPress) === null || _content$current$onPr === void 0 || _content$current$onPr.call(_content$current2);
+    }
+  }
+  function onSwipeDown(_props) {
+    onClosePress();
+  }
+  const config = {
+    velocityThreshold: 0.3,
+    directionalOffsetThreshold: 80
+  };
+  function next() {
+    setCurrentSeek(0);
+    // check if the next content is not empty
+    setLoad(true);
+    if (current !== content.length - 1) {
+      let data = [...content];
+      data[current].finish = 1;
+      setContent(data);
+      setCurrent(current + 1);
+      progress.setValue(0);
+    } else {
+      // the next content is empty
+      close('next');
+    }
+  }
+  function previous() {
+    setCurrentSeek(0);
+    // checking if the previous content is not empty
+    setLoad(true);
+    if (current - 1 >= 0) {
+      let data = [...content];
+      data[current].finish = 0;
+      setContent(data);
+      setCurrent(current - 1);
+      progress.setValue(0);
+    } else {
+      // the previous content is empty
+      close('previous');
+    }
+  }
+  function close(state) {
+    let data = [...content];
+    data.map(x => x.finish = 0);
+    setContent(data);
+    progress.setValue(0);
+    if (currentPage == index) {
+      if (onFinish) {
+        onFinish(state);
+      }
+    }
+  }
+  const onPressHyperLink = useCallback(async () => {
+    const supported = await Linking.canOpenURL(storyHyperLink === null || storyHyperLink === void 0 ? void 0 : storyHyperLink.url);
+    if (supported) {
+      await Linking.openURL(storyHyperLink === null || storyHyperLink === void 0 ? void 0 : storyHyperLink.url);
+    } else {
+      Alert.alert(`Don't know how to open this URL: ${storyHyperLink === null || storyHyperLink === void 0 ? void 0 : storyHyperLink.url}`);
+    }
+  }, [storyHyperLink === null || storyHyperLink === void 0 ? void 0 : storyHyperLink.url]);
+  React.useEffect(() => {
+    if (onStorySeen && currentPage === index) {
+      onStorySeen({
+        user_id: userId,
+        user_image: profileImage,
+        user_name: profileName,
+        story: content[current]
+      });
+    }
+  }, [currentPage, index, onStorySeen, current]);
+  const handleLoadVideo = data => {
+    setStoryDuration(data.duration * 1000);
+  };
+  const onPressReaction = useCallback(() => {
+    handleReaction({
+      targetId: storyId,
+      reactionName: 'like',
+      isLiked
+    });
+    setTotalReaction(prev => isLiked ? prev - 1 : prev + 1);
+    setIsLiked(prev => !prev);
+  }, [storyId, isLiked]);
+  return /*#__PURE__*/React.createElement(GestureRecognizer, {
+    key: key,
+    onSwipeUp: onSwipeUp,
+    onSwipeDown: onSwipeDown,
+    config: config,
+    style: [styles.container, storyContainerStyle]
+  }, /*#__PURE__*/React.createElement(SafeAreaView, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.backgroundContainer
+  }, content[current].story_type === 'video' ? /*#__PURE__*/React.createElement(Video, {
+    onProgress: ({
+      currentTime
+    }) => setCurrentSeek(currentTime),
+    source: {
+      uri: content[current].story_video
+    },
+    style: styles.video,
+    resizeMode: "contain",
+    controls: false,
+    onReadyForDisplay: () => start(),
+    paused: content[current].story_page !== currentPage ? true : pressed,
+    onLoad: handleLoadVideo
+  }) : /*#__PURE__*/React.createElement(Image, {
+    onLoadEnd: () => start(),
+    source: {
+      uri: content[current].story_image
+    },
+    style: [styles.image, storyImageStyle],
+    resizeMode: "contain"
+  }), load && /*#__PURE__*/React.createElement(View, {
+    style: styles.spinnerContainer
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "large",
+    color: 'white'
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: styles.flexCol
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.animationBarContainer, animationBarContainerStyle]
+  }, content.map((_index, key) => {
+    return /*#__PURE__*/React.createElement(View, {
+      key: key,
+      style: [styles.animationBackground, unloadedAnimationBarStyle]
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      style: [{
+        flex: current == key ? progress : content[key].finish,
+        height: 2,
+        backgroundColor: 'white'
+      }, loadedAnimationBarStyle]
+    }));
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.userContainer, storyUserContainerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.flexRowCenter
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: [styles.avatarImage, storyAvatarImageStyle],
+    source: {
+      uri: profileImage
+    }
+  }), typeof renderTextComponent === 'function' ? renderTextComponent({
+    item: content[current],
+    profileName
+  }) : /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.avatarText
+  }, profileName), /*#__PURE__*/React.createElement(View, {
+    style: styles.flexRowCenter
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.avatarText
+  }, timeDifference), /*#__PURE__*/React.createElement(Text, {
+    style: styles.avatarText
+  }, "."), /*#__PURE__*/React.createElement(Text, {
+    style: styles.avatarText
+  }, creatorName)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.closeIconContainer
+  }, typeof renderCloseComponent === 'function' ? renderCloseComponent({
+    onPress: onClosePress,
+    item: content[current]
+  }) : /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      if (onClosePress) {
+        onClosePress();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.whiteText
+  }, "X")))), /*#__PURE__*/React.createElement(View, {
+    style: styles.pressContainer
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPressIn: () => progress.stopAnimation(),
+    onLongPress: () => setPressed(true),
+    delayLongPress: 300,
+    onPressOut: () => {
+      setPressed(false);
+      startAnimation();
+    },
+    onPress: () => {
+      if (!pressed && !load) {
+        previous();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.flex
+  })), /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPressIn: () => progress.stopAnimation(),
+    onLongPress: () => setPressed(true),
+    delayLongPress: 300,
+    onPressOut: () => {
+      setPressed(false);
+      startAnimation();
+    },
+    onPress: () => {
+      if (!pressed && !load) {
+        next();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.flex
+  })), storyHyperLink && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.hyperlinkContainer,
+    onPress: onPressHyperLink
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: storyHyperLinkIcon('blue'),
+    width: "25",
+    height: "25"
+  }), /*#__PURE__*/React.createElement(Text, null, storyHyperLink.customText)))), typeof renderSwipeUpComponent === 'function' ? renderSwipeUpComponent({
+    onPress: onSwipeUp,
+    item: content[current]
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.footer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.seenContainer
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: seenIcon(),
+    width: "25",
+    height: "25"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.seen
+  }, viewer)), /*#__PURE__*/React.createElement(View, {
+    style: styles.seenContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: storyCommentIcon(),
+    width: "25",
+    height: "25"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.seen
+  }, comments.length)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.iconContainer,
+    onPress: onPressReaction
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: isLiked ? storyLikedIcon : storyLikeIcon,
+    width: "25",
+    height: "25"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.seen
+  }, totalReaction)))));
+};
+export default StoryListItem;
+StoryListItem.defaultProps = {
+  duration: 10000
+};
+//# sourceMappingURL=StoryListItem.js.map

package/lib/module/components/StoryKit/src/StoryListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useRef","useCallback","Animated","Image","Text","TouchableOpacity","Linking","TouchableWithoutFeedback","ActivityIndicator","View","SafeAreaView","Alert","GestureRecognizer","usePrevious","isNullOrWhitespace","Video","useFocusEffect","SvgXml","seenIcon","storyCommentIcon","storyHyperLinkIcon","storyLikeIcon","storyLikedIcon","useStyles","useTimeDifference","useStory","StoryRepository","StoryListItem","index","key","userId","profileImage","profileName","duration","onFinish","onClosePress","stories","currentPage","onStorySeen","renderCloseComponent","renderSwipeUpComponent","renderTextComponent","loadedAnimationBarStyle","unloadedAnimationBarStyle","animationBarContainerStyle","storyUserContainerStyle","storyImageStyle","storyAvatarImageStyle","storyContainerStyle","_content$current","styles","load","setLoad","pressed","setPressed","content","setContent","map","x","finish","current","setCurrent","storyDuration","setStoryDuration","currentSeek","setCurrentSeek","progress","Value","timeDifference","createdAt","storyHyperLink","items","data","undefined","creatorName","viewer","comments","storyId","story_id","totalReaction","setTotalReaction","isLiked","setIsLiked","handleReaction","prevCurrentPage","unsubscribe","getStoryByStoryId","error","loading","myReaction","myReactions","length","reactionsCount","isPrevious","i","start","prevCurrent","story_image","setValue","startAnimation","timing","toValue","useNativeDriver","finished","next","onSwipeUp","_props","onPress","_content$current$onPr","_content$current2","call","onSwipeDown","config","velocityThreshold","directionalOffsetThreshold","close","previous","state","onPressHyperLink","supported","canOpenURL","url","openURL","alert","user_id","user_image","user_name","story","handleLoadVideo","onPressReaction","targetId","reactionName","prev","createElement","style","container","backgroundContainer","story_type","onProgress","currentTime","source","uri","story_video","video","resizeMode","controls","onReadyForDisplay","paused","story_page","onLoad","onLoadEnd","image","spinnerContainer","size","color","flexCol","animationBarContainer","_index","animationBackground","flex","height","backgroundColor","userContainer","flexRowCenter","avatarImage","item","avatarText","closeIconContainer","whiteText","pressContainer","onPressIn","stopAnimation","onLongPress","delayLongPress","onPressOut","hyperlinkContainer","xml","width","customText","footer","seenContainer","seen","iconContainer","defaultProps"],"sourceRoot":"../../../../../src","sources":["components/StoryKit/src/StoryListItem.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,WAAW,QAAQ,OAAO;AACvE,SACEC,QAAQ,EACRC,KAAK,EACLC,IAAI,EACJC,gBAAgB,EAChBC,OAAO,EACPC,wBAAwB,EACxBC,iBAAiB,EACjBC,IAAI,EACJC,YAAY,EACZC,KAAK,QACA,cAAc;AACrB,OAAOC,iBAAiB,MAAM,6BAA6B;AAC3D,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,WAAW;AAM3D,OAAOC,KAAK,MAAsB,oBAAoB;AACtD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,EACbC,cAAc,QACT,2BAA2B;AAClC,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,GAAG;EACHC,MAAM;EACNC,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,OAAO;EACPC,WAAW;EACXC,WAAW;EACXC,oBAAoB;EACpBC,sBAAsB;EACtBC,mBAAmB;EACnBC,uBAAuB;EACvBC,yBAAyB;EACzBC,0BAA0B;EAC1BC,uBAAuB;EACvBC,eAAe;EACfC,qBAAqB;EACrBC;AACkB,CAAC,KAAK;EAAA,IAAAC,gBAAA;EACxB,MAAMC,MAAM,GAAG3B,SAAS,CAAC,CAAC;EAC1B,MAAM,CAAC4B,IAAI,EAAEC,OAAO,CAAC,GAAGtD,QAAQ,CAAU,IAAI,CAAC;EAC/C,MAAM,CAACuD,OAAO,EAAEC,UAAU,CAAC,GAAGxD,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACyD,OAAO,EAAEC,UAAU,CAAC,GAAG1D,QAAQ,CACpCsC,OAAO,CAACqB,GAAG,CAAEC,CAAC,KAAM;IAClB,GAAGA,CAAC;IACJC,MAAM,EAAE;EACV,CAAC,CAAC,CACJ,CAAC;EAED,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG/D,QAAQ,CAAC,CAAC,CAAC;EACzC,MAAM,CAACgE,aAAa,EAAEC,gBAAgB,CAAC,GAAGjE,QAAQ,CAACmC,QAAQ,CAAC;EAC5D,MAAM,CAAC+B,WAAW,EAAEC,cAAc,CAAC,GAAGnE,QAAQ,CAAC,CAAC,CAAC;EACjD,MAAMoE,QAAQ,GAAGlE,MAAM,CAAC,IAAIE,QAAQ,CAACiE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACP,OAAO;EACtD,MAAMQ,cAAc,GAAG5C,iBAAiB,CAAC+B,OAAO,CAACK,OAAO,CAAC,CAACS,SAAS,EAAE,IAAI,CAAC;EAC1E,MAAMC,cAAc,GAAG,EAAArB,gBAAA,GAAAM,OAAO,CAACK,OAAO,CAAC,cAAAX,gBAAA,gBAAAA,gBAAA,GAAhBA,gBAAA,CAAkBsB,KAAK,CAAC,CAAC,CAAC,cAAAtB,gBAAA,uBAA1BA,gBAAA,CAA4BuB,IAAI,KAAIC,SAAS;EACpE,MAAMC,WAAW,GAAGnB,OAAO,CAACK,OAAO,CAAC,CAACc,WAAW,IAAI,EAAE;EACtD,MAAMC,MAAM,GAAGpB,OAAO,CAACK,OAAO,CAAC,CAACe,MAAM,IAAI,CAAC;EAC3C,MAAMC,QAAQ,GAAGrB,OAAO,CAACK,OAAO,CAAC,CAACgB,QAAQ,IAAI,EAAE;EAChD,MAAMC,OAAO,GAAGtB,OAAO,CAACK,OAAO,CAAC,CAACkB,QAAQ;EACzC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGlF,QAAQ,CAAC,CAAC,CAAC;EACrD,MAAM,CAACmF,OAAO,EAAEC,UAAU,CAAC,GAAGpF,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM;IAAEqF;EAAe,CAAC,GAAG1D,QAAQ,CAAC,CAAC;EACrC,MAAM2D,eAAe,GAAGvE,WAAW,CAACwB,WAAW,CAAC;EAChDrB,cAAc,CACZnB,KAAK,CAACI,WAAW,CAAC,MAAM;IACtB,MAAMoF,WAAW,GAAG3D,eAAe,CAAC4D,iBAAiB,CACnDT,OAAO,EACP,CAAC;MAAEU,KAAK;MAAEC,OAAO;MAAEhB;IAAK,CAAC,KAAK;MAC5B,IAAIe,KAAK,EAAE;MACX,IAAI,CAACC,OAAO,EAAE;QACZ,MAAMC,UAAU,GAAGjB,IAAI,CAACkB,WAAW,IAAI,EAAE;QACzCR,UAAU,CAACO,UAAU,CAACE,MAAM,GAAG,CAAC,CAAC;QACjCX,gBAAgB,CAACR,IAAI,CAACoB,cAAc,CAAC;MACvC;IACF,CACF,CAAC;IACD,OAAO,MAAM;MACXtC,UAAU,CAAC,IAAI,CAAC;MAChB+B,WAAW,CAAC,CAAC;IACf,CAAC;EACH,CAAC,EAAE,CAACR,OAAO,CAAC,CACd,CAAC;EAED9E,SAAS,CAAC,MAAM;IACd,IAAI8F,UAAU,GAAG,CAAC,CAACT,eAAe,IAAIA,eAAe,GAAG/C,WAAW;IACnE,IAAIwD,UAAU,EAAE;MACdhC,UAAU,CAACN,OAAO,CAACoC,MAAM,GAAG,CAAC,CAAC;IAChC,CAAC,MAAM;MACL9B,UAAU,CAAC,CAAC,CAAC;IACf;IAEA,IAAIW,IAAI,GAAG,CAAC,GAAGjB,OAAO,CAAC;IACvBiB,IAAI,CAACf,GAAG,CAAC,CAACC,CAAC,EAAEoC,CAAC,KAAK;MACjB,IAAID,UAAU,EAAE;QACdnC,CAAC,CAACC,MAAM,GAAG,CAAC;QACZ,IAAImC,CAAC,IAAIvC,OAAO,CAACoC,MAAM,GAAG,CAAC,EAAE;UAC3BjC,CAAC,CAACC,MAAM,GAAG,CAAC;QACd;MACF,CAAC,MAAM;QACLD,CAAC,CAACC,MAAM,GAAG,CAAC;MACd;IACF,CAAC,CAAC;IACFH,UAAU,CAACgB,IAAI,CAAC;IAChBuB,KAAK,CAAC,CAAC;EACT,CAAC,EAAE,CAAC1D,WAAW,CAAC,CAAC;EAEjB,MAAM2D,WAAW,GAAGnF,WAAW,CAAC+C,OAAO,CAAC;EAExC7D,SAAS,CAAC,MAAM;IACd,IAAI,CAACe,kBAAkB,CAACkF,WAAW,CAAC,EAAE;MACpC,IAAIA,WAAW,EAAE;QACf,IACEpC,OAAO,GAAGoC,WAAW,IACrBzC,OAAO,CAACK,OAAO,GAAG,CAAC,CAAC,CAACqC,WAAW,IAAI1C,OAAO,CAACK,OAAO,CAAC,CAACqC,WAAW,EAChE;UACAF,KAAK,CAAC,CAAC;QACT,CAAC,MAAM,IACLnC,OAAO,GAAGoC,WAAW,IACrBzC,OAAO,CAACK,OAAO,GAAG,CAAC,CAAC,CAACqC,WAAW,IAAI1C,OAAO,CAACK,OAAO,CAAC,CAACqC,WAAW,EAChE;UACAF,KAAK,CAAC,CAAC;QACT;MACF;IACF;EACF,CAAC,EAAE,CAACnC,OAAO,CAAC,CAAC;EAEb,SAASmC,KAAKA,CAAA,EAAG;IACf3C,OAAO,CAAC,KAAK,CAAC;IACdc,QAAQ,CAACgC,QAAQ,CAAC,CAAC,CAAC;IACpBC,cAAc,CAAC,CAAC;EAClB;EAEA,SAASA,cAAcA,CAAA,EAAG;IACxBjG,QAAQ,CAACkG,MAAM,CAAClC,QAAQ,EAAE;MACxBmC,OAAO,EAAE,CAAC;MACVpE,QAAQ,EAAE6B,aAAa,GAAGE,WAAW,GAAG,IAAI;MAC5CsC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACP,KAAK,CAAC,CAAC;MAAEQ;IAAS,CAAC,KAAK;MACzB,IAAIA,QAAQ,EAAE;QACZC,IAAI,CAAC,CAAC;MACR;IACF,CAAC,CAAC;EACJ;EAEA,SAASC,SAASA,CAACC,MAAY,EAAE;IAC/B,IAAIvE,YAAY,EAAE;MAChBA,YAAY,CAAC,CAAC;IAChB;IACA,IAAIoB,OAAO,CAACK,OAAO,CAAC,CAAC+C,OAAO,EAAE;MAAA,IAAAC,qBAAA,EAAAC,iBAAA;MAC5B,CAAAD,qBAAA,IAAAC,iBAAA,GAAAtD,OAAO,CAACK,OAAO,CAAC,EAAC+C,OAAO,cAAAC,qBAAA,eAAxBA,qBAAA,CAAAE,IAAA,CAAAD,iBAA2B,CAAC;IAC9B;EACF;EAEA,SAASE,WAAWA,CAACL,MAAY,EAAE;IACjCvE,YAAY,CAAC,CAAC;EAChB;EAEA,MAAM6E,MAAM,GAAG;IACbC,iBAAiB,EAAE,GAAG;IACtBC,0BAA0B,EAAE;EAC9B,CAAC;EAED,SAASV,IAAIA,CAAA,EAAG;IACdvC,cAAc,CAAC,CAAC,CAAC;IACjB;IACAb,OAAO,CAAC,IAAI,CAAC;IACb,IAAIQ,OAAO,KAAKL,OAAO,CAACoC,MAAM,GAAG,CAAC,EAAE;MAClC,IAAInB,IAAI,GAAG,CAAC,GAAGjB,OAAO,CAAC;MACvBiB,IAAI,CAACZ,OAAO,CAAC,CAACD,MAAM,GAAG,CAAC;MACxBH,UAAU,CAACgB,IAAI,CAAC;MAChBX,UAAU,CAACD,OAAO,GAAG,CAAC,CAAC;MACvBM,QAAQ,CAACgC,QAAQ,CAAC,CAAC,CAAC;IACtB,CAAC,MAAM;MACL;MACAiB,KAAK,CAAC,MAAM,CAAC;IACf;EACF;EAEA,SAASC,QAAQA,CAAA,EAAG;IAClBnD,cAAc,CAAC,CAAC,CAAC;IACjB;IACAb,OAAO,CAAC,IAAI,CAAC;IACb,IAAIQ,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE;MACpB,IAAIY,IAAI,GAAG,CAAC,GAAGjB,OAAO,CAAC;MACvBiB,IAAI,CAACZ,OAAO,CAAC,CAACD,MAAM,GAAG,CAAC;MACxBH,UAAU,CAACgB,IAAI,CAAC;MAChBX,UAAU,CAACD,OAAO,GAAG,CAAC,CAAC;MACvBM,QAAQ,CAACgC,QAAQ,CAAC,CAAC,CAAC;IACtB,CAAC,MAAM;MACL;MACAiB,KAAK,CAAC,UAAU,CAAC;IACnB;EACF;EAEA,SAASA,KAAKA,CAACE,KAAqB,EAAE;IACpC,IAAI7C,IAAI,GAAG,CAAC,GAAGjB,OAAO,CAAC;IACvBiB,IAAI,CAACf,GAAG,CAAEC,CAAC,IAAMA,CAAC,CAACC,MAAM,GAAG,CAAE,CAAC;IAC/BH,UAAU,CAACgB,IAAI,CAAC;IAChBN,QAAQ,CAACgC,QAAQ,CAAC,CAAC,CAAC;IACpB,IAAI7D,WAAW,IAAIT,KAAK,EAAE;MACxB,IAAIM,QAAQ,EAAE;QACZA,QAAQ,CAACmF,KAAK,CAAC;MACjB;IACF;EACF;EAEA,MAAMC,gBAAgB,GAAGrH,WAAW,CAAC,YAAY;IAC/C,MAAMsH,SAAS,GAAG,MAAMjH,OAAO,CAACkH,UAAU,CAAClD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEmD,GAAG,CAAC;IAC/D,IAAIF,SAAS,EAAE;MACb,MAAMjH,OAAO,CAACoH,OAAO,CAACpD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEmD,GAAG,CAAC;IAC5C,CAAC,MAAM;MACL9G,KAAK,CAACgH,KAAK,CAAC,oCAAoCrD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEmD,GAAG,EAAE,CAAC;IACxE;EACF,CAAC,EAAE,CAACnD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEmD,GAAG,CAAC,CAAC;EAEzB5H,KAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAIuC,WAAW,IAAID,WAAW,KAAKT,KAAK,EAAE;MACxCU,WAAW,CAAC;QACVsF,OAAO,EAAE9F,MAAM;QACf+F,UAAU,EAAE9F,YAAY;QACxB+F,SAAS,EAAE9F,WAAW;QACtB+F,KAAK,EAAExE,OAAO,CAACK,OAAO;MACxB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACvB,WAAW,EAAET,KAAK,EAAEU,WAAW,EAAEsB,OAAO,CAAC,CAAC;EAE9C,MAAMoE,eAAe,GAAIxD,IAAgB,IAAK;IAC5CT,gBAAgB,CAACS,IAAI,CAACvC,QAAQ,GAAG,IAAI,CAAC;EACxC,CAAC;EACD,MAAMgG,eAAe,GAAGhI,WAAW,CAAC,MAAM;IACxCkF,cAAc,CAAC;MACb+C,QAAQ,EAAErD,OAAO;MACjBsD,YAAY,EAAE,MAAM;MACpBlD;IACF,CAAC,CAAC;IACFD,gBAAgB,CAAEoD,IAAI,IAAMnD,OAAO,GAAGmD,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,CAAE,CAAC;IAC3DlD,UAAU,CAAEkD,IAAI,IAAK,CAACA,IAAI,CAAC;EAC7B,CAAC,EAAE,CAACvD,OAAO,EAAEI,OAAO,CAAC,CAAC;EAEtB,oBACEpF,KAAA,CAAAwI,aAAA,CAACzH,iBAAiB;IAChBiB,GAAG,EAAEA,GAAI;IACT4E,SAAS,EAAEA,SAAU;IACrBM,WAAW,EAAEA,WAAY;IACzBC,MAAM,EAAEA,MAAO;IACfsB,KAAK,EAAE,CAACpF,MAAM,CAACqF,SAAS,EAAEvF,mBAAmB;EAAE,gBAE/CnD,KAAA,CAAAwI,aAAA,CAAC3H,YAAY,qBACXb,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACsF;EAAoB,GACrCjF,OAAO,CAACK,OAAO,CAAC,CAAC6E,UAAU,KAAK,OAAO,gBACtC5I,KAAA,CAAAwI,aAAA,CAACtH,KAAK;IACJ2H,UAAU,EAAEA,CAAC;MAAEC;IAAY,CAAC,KAAK1E,cAAc,CAAC0E,WAAW,CAAE;IAC7DC,MAAM,EAAE;MAAEC,GAAG,EAAEtF,OAAO,CAACK,OAAO,CAAC,CAACkF;IAAY,CAAE;IAC9CR,KAAK,EAAEpF,MAAM,CAAC6F,KAAM;IACpBC,UAAU,EAAC,SAAS;IACpBC,QAAQ,EAAE,KAAM;IAChBC,iBAAiB,EAAEA,CAAA,KAAMnD,KAAK,CAAC,CAAE;IACjCoD,MAAM,EACJ5F,OAAO,CAACK,OAAO,CAAC,CAACwF,UAAU,KAAK/G,WAAW,GAAG,IAAI,GAAGgB,OACtD;IACDgG,MAAM,EAAErB;EAAgB,CACzB,CAAC,gBAEFnI,KAAA,CAAAwI,aAAA,CAAClI,KAAK;IACJmJ,SAAS,EAAEA,CAAA,KAAMvD,KAAK,CAAC,CAAE;IACzB6C,MAAM,EAAE;MAAEC,GAAG,EAAEtF,OAAO,CAACK,OAAO,CAAC,CAACqC;IAAY,CAAE;IAC9CqC,KAAK,EAAE,CAACpF,MAAM,CAACqG,KAAK,EAAEzG,eAAe,CAAE;IACvCkG,UAAU,EAAC;EAAS,CACrB,CACF,EAEA7F,IAAI,iBACHtD,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACsG;EAAiB,gBACnC3J,KAAA,CAAAwI,aAAA,CAAC7H,iBAAiB;IAACiJ,IAAI,EAAC,OAAO;IAACC,KAAK,EAAE;EAAQ,CAAE,CAC7C,CAEJ,CACM,CAAC,eACf7J,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACyG;EAAQ,gBAC1B9J,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IACH6H,KAAK,EAAE,CAACpF,MAAM,CAAC0G,qBAAqB,EAAEhH,0BAA0B;EAAE,GAEjEW,OAAO,CAACE,GAAG,CAAC,CAACoG,MAAM,EAAEhI,GAAG,KAAK;IAC5B,oBACEhC,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;MACHoB,GAAG,EAAEA,GAAI;MACTyG,KAAK,EAAE,CAACpF,MAAM,CAAC4G,mBAAmB,EAAEnH,yBAAyB;IAAE,gBAE/D9C,KAAA,CAAAwI,aAAA,CAACnI,QAAQ,CAACO,IAAI;MACZ6H,KAAK,EAAE,CACL;QACEyB,IAAI,EAAEnG,OAAO,IAAI/B,GAAG,GAAGqC,QAAQ,GAAGX,OAAO,CAAC1B,GAAG,CAAC,CAAC8B,MAAM;QACrDqG,MAAM,EAAE,CAAC;QACTC,eAAe,EAAE;MACnB,CAAC,EACDvH,uBAAuB;IACvB,CACH,CACG,CAAC;EAEX,CAAC,CACG,CAAC,eACP7C,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAE,CAACpF,MAAM,CAACgH,aAAa,EAAErH,uBAAuB;EAAE,gBAC3DhD,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACiH;EAAc,gBAChCtK,KAAA,CAAAwI,aAAA,CAAClI,KAAK;IACJmI,KAAK,EAAE,CAACpF,MAAM,CAACkH,WAAW,EAAErH,qBAAqB,CAAE;IACnD6F,MAAM,EAAE;MAAEC,GAAG,EAAE9G;IAAa;EAAE,CAC/B,CAAC,EACD,OAAOU,mBAAmB,KAAK,UAAU,GACxCA,mBAAmB,CAAC;IAClB4H,IAAI,EAAE9G,OAAO,CAACK,OAAO,CAAC;IACtB5B;EACF,CAAC,CAAC,gBAEFnC,KAAA,CAAAwI,aAAA,CAAC5H,IAAI,qBACHZ,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACoH;EAAW,GAAEtI,WAAkB,CAAC,eACpDnC,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACiH;EAAc,gBAChCtK,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACoH;EAAW,GAAElG,cAAqB,CAAC,eACvDvE,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACoH;EAAW,GAAC,GAAO,CAAC,eACxCzK,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACoH;EAAW,GAAE5F,WAAkB,CAC/C,CACF,CAEJ,CAAC,eACP7E,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACqH;EAAmB,GACpC,OAAOhI,oBAAoB,KAAK,UAAU,GACzCA,oBAAoB,CAAC;IACnBoE,OAAO,EAAExE,YAAY;IACrBkI,IAAI,EAAE9G,OAAO,CAACK,OAAO;EACvB,CAAC,CAAC,gBAEF/D,KAAA,CAAAwI,aAAA,CAAChI,gBAAgB;IACfsG,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIxE,YAAY,EAAE;QAChBA,YAAY,CAAC,CAAC;MAChB;IACF;EAAE,gBAEFtC,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACsH;EAAU,GAAC,GAAO,CACtB,CAEhB,CACF,CAAC,eACP3K,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACuH;EAAe,gBACjC5K,KAAA,CAAAwI,aAAA,CAAC9H,wBAAwB;IACvBmK,SAAS,EAAEA,CAAA,KAAMxG,QAAQ,CAACyG,aAAa,CAAC,CAAE;IAC1CC,WAAW,EAAEA,CAAA,KAAMtH,UAAU,CAAC,IAAI,CAAE;IACpCuH,cAAc,EAAE,GAAI;IACpBC,UAAU,EAAEA,CAAA,KAAM;MAChBxH,UAAU,CAAC,KAAK,CAAC;MACjB6C,cAAc,CAAC,CAAC;IAClB,CAAE;IACFQ,OAAO,EAAEA,CAAA,KAAM;MACb,IAAI,CAACtD,OAAO,IAAI,CAACF,IAAI,EAAE;QACrBiE,QAAQ,CAAC,CAAC;MACZ;IACF;EAAE,gBAEFvH,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAAC6G;EAAK,CAAE,CACH,CAAC,eAC3BlK,KAAA,CAAAwI,aAAA,CAAC9H,wBAAwB;IACvBmK,SAAS,EAAEA,CAAA,KAAMxG,QAAQ,CAACyG,aAAa,CAAC,CAAE;IAC1CC,WAAW,EAAEA,CAAA,KAAMtH,UAAU,CAAC,IAAI,CAAE;IACpCuH,cAAc,EAAE,GAAI;IACpBC,UAAU,EAAEA,CAAA,KAAM;MAChBxH,UAAU,CAAC,KAAK,CAAC;MACjB6C,cAAc,CAAC,CAAC;IAClB,CAAE;IACFQ,OAAO,EAAEA,CAAA,KAAM;MACb,IAAI,CAACtD,OAAO,IAAI,CAACF,IAAI,EAAE;QACrBqD,IAAI,CAAC,CAAC;MACR;IACF;EAAE,gBAEF3G,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAAC6G;EAAK,CAAE,CACH,CAAC,EAC1BzF,cAAc,iBACbzE,KAAA,CAAAwI,aAAA,CAAChI,gBAAgB;IACfiI,KAAK,EAAEpF,MAAM,CAAC6H,kBAAmB;IACjCpE,OAAO,EAAEW;EAAiB,gBAE1BzH,KAAA,CAAAwI,aAAA,CAACpH,MAAM;IAAC+J,GAAG,EAAE5J,kBAAkB,CAAC,MAAM,CAAE;IAAC6J,KAAK,EAAC,IAAI;IAACjB,MAAM,EAAC;EAAI,CAAE,CAAC,eAClEnK,KAAA,CAAAwI,aAAA,CAACjI,IAAI,QAAEkE,cAAc,CAAC4G,UAAiB,CACvB,CAEhB,CACF,CAAC,EACN,OAAO1I,sBAAsB,KAAK,UAAU,GAC3CA,sBAAsB,CAAC;IACrBmE,OAAO,EAAEF,SAAS;IAClB4D,IAAI,EAAE9G,OAAO,CAACK,OAAO;EACvB,CAAC,CAAC,gBAEF/D,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACiI;EAAO,gBACzBtL,KAAA,CAAAwI,aAAA,CAAChI,gBAAgB;IAACiI,KAAK,EAAEpF,MAAM,CAACkI;EAAc,gBAC5CvL,KAAA,CAAAwI,aAAA,CAACpH,MAAM;IAAC+J,GAAG,EAAE9J,QAAQ,CAAC,CAAE;IAAC+J,KAAK,EAAC,IAAI;IAACjB,MAAM,EAAC;EAAI,CAAE,CAAC,eAClDnK,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACmI;EAAK,GAAE1G,MAAa,CACxB,CAAC,eACnB9E,KAAA,CAAAwI,aAAA,CAAC5H,IAAI;IAAC6H,KAAK,EAAEpF,MAAM,CAACkI;EAAc,gBAChCvL,KAAA,CAAAwI,aAAA,CAAChI,gBAAgB;IAACiI,KAAK,EAAEpF,MAAM,CAACoI;EAAc,gBAC5CzL,KAAA,CAAAwI,aAAA,CAACpH,MAAM;IAAC+J,GAAG,EAAE7J,gBAAgB,CAAC,CAAE;IAAC8J,KAAK,EAAC,IAAI;IAACjB,MAAM,EAAC;EAAI,CAAE,CAAC,eAC1DnK,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACmI;EAAK,GAAEzG,QAAQ,CAACe,MAAa,CACjC,CAAC,eACnB9F,KAAA,CAAAwI,aAAA,CAAChI,gBAAgB;IACfiI,KAAK,EAAEpF,MAAM,CAACoI,aAAc;IAC5B3E,OAAO,EAAEsB;EAAgB,gBAEzBpI,KAAA,CAAAwI,aAAA,CAACpH,MAAM;IACL+J,GAAG,EAAE/F,OAAO,GAAG3D,cAAc,GAAGD,aAAc;IAC9C4J,KAAK,EAAC,IAAI;IACVjB,MAAM,EAAC;EAAI,CACZ,CAAC,eACFnK,KAAA,CAAAwI,aAAA,CAACjI,IAAI;IAACkI,KAAK,EAAEpF,MAAM,CAACmI;EAAK,GAAEtG,aAAoB,CAC/B,CACd,CACF,CAES,CAAC;AAExB,CAAC;AAED,eAAepD,aAAa;AAE5BA,aAAa,CAAC4J,YAAY,GAAG;EAC3BtJ,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/lib/module/components/StoryKit/src/components/AndroidCubeEffect.js

@@ -0,0 +1,271 @@
+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); }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PanResponder, Animated, Dimensions, StyleSheet, Platform } from 'react-native';
+const {
+  width,
+  height
+} = Dimensions.get('window');
+const PERSPECTIVE = Platform.OS === 'ios' ? 2.38 : 2.2;
+const TR_POSITION = Platform.OS === 'ios' ? 2 : 1.4;
+export default class AndroidCubeEffect extends React.Component {
+  constructor(props) {
+    super(props);
+    this.pages = this.props.children.map((child, index) => width * -index);
+    this.fullWidth = (this.props.children.length - 1) * width;
+    this.state = {
+      currentPage: 0,
+      scrollLockPage: this.pages[this.props.scrollLockPage]
+    };
+  }
+  UNSAFE_componentWillMount() {
+    this._animatedValue = new Animated.ValueXY();
+    this._animatedValue.setValue({
+      x: 0,
+      y: 0
+    });
+    this._value = {
+      x: 0,
+      y: 0
+    };
+    this._animatedValue.addListener(value => {
+      this._value = value;
+    });
+    this._panResponder = PanResponder.create({
+      onMoveShouldSetPanResponderCapture: (evt, gestureState) => Math.abs(gestureState.dx) > 20,
+      onPanResponderGrant: () => {
+        if (this.props.callbackOnSwipe) {
+          this.props.callbackOnSwipe(true);
+        }
+        this._animatedValue.stopAnimation();
+        this._animatedValue.setOffset({
+          x: this._value.x,
+          y: this._value.y
+        });
+      },
+      onPanResponderMove: (e, gestureState) => {
+        if (this.props.loop) {
+          if (gestureState.dx < 0 && this._value.x < -this.fullWidth) {
+            this._animatedValue.setOffset({
+              x: width
+            });
+          } else if (gestureState.dx > 0 && this._value.x > 0) {
+            this._animatedValue.setOffset({
+              x: -(this.fullWidth + width)
+            });
+          }
+        }
+        Animated.event([null, {
+          dx: this._animatedValue.x
+        }], {
+          useNativeDriver: false
+        })(e, gestureState);
+      },
+      onPanResponderRelease: (e, gestureState) => {
+        onDoneSwiping(gestureState);
+      },
+      onPanResponderTerminate: (e, gestureState) => {
+        onDoneSwiping(gestureState);
+      }
+    });
+    const onDoneSwiping = gestureState => {
+      if (this.props.callbackOnSwipe) {
+        this.props.callbackOnSwipe(false);
+      }
+      let mod = 0;
+      if (gestureState.dx > 50) {
+        mod = width / 2;
+      } else if (gestureState.dx < -50) {
+        mod = -width / 2;
+      }
+      let modPage = gestureState.dx > 0 ? 100 : -100;
+      const currentPage = Math.abs(this._closestPage(this._value.x + modPage));
+      let goTo = this._closest(this._value.x + mod);
+      this._animatedValue.flattenOffset({
+        x: this._value.x,
+        y: this._value.y
+      });
+      Animated.spring(this._animatedValue, {
+        toValue: {
+          x: goTo,
+          y: 0
+        },
+        friction: 5,
+        tension: 0.6,
+        useNativeDriver: false
+      }).start();
+      setTimeout(() => {
+        this.setState({
+          currentPage
+        });
+        if (this.props.callBackAfterSwipe) {
+          this.props.callBackAfterSwipe(currentPage);
+        }
+      }, 500);
+    };
+  }
+  UNSAFE_componentWillReceiveProps(props) {
+    this.setState({
+      scrollLockPage: props.scrollLockPage ? this.pages[props.scrollLockPage] : undefined
+    });
+  }
+
+  /*
+      @page: index
+    */
+  scrollTo(page, animated) {
+    animated = animated == undefined ? true : animated;
+    if (animated) {
+      Animated.spring(this._animatedValue, {
+        toValue: {
+          x: this.pages[page],
+          y: 0
+        },
+        friction: 5,
+        tension: 0.6,
+        useNativeDriver: false
+      }).start();
+    } else {
+      this._animatedValue.setValue({
+        x: this.pages[page],
+        y: 0
+      });
+    }
+    this.setState({
+      currentPage: page
+    });
+  }
+
+  /*
+    Private methods
+    */
+
+  _getTransformsFor = i => {
+    let scrollX = this._animatedValue.x;
+    let pageX = -width * i;
+    let translateX = scrollX.interpolate({
+      inputRange: [pageX - width, pageX, pageX + width],
+      outputRange: [(-width - 1) / TR_POSITION, 0, (width + 1) / TR_POSITION],
+      extrapolate: 'clamp'
+    });
+    let rotateY = scrollX.interpolate({
+      inputRange: [pageX - width, pageX, pageX + width],
+      outputRange: ['-60deg', '0deg', '60deg'],
+      extrapolate: 'clamp'
+    });
+    let translateXAfterRotate = scrollX.interpolate({
+      inputRange: [pageX - width, pageX - width + 0.1, pageX, pageX + width - 0.1, pageX + width],
+      outputRange: [-width - 1, (-width - 1) / PERSPECTIVE, 0, (width + 1) / PERSPECTIVE, +width + 1],
+      extrapolate: 'clamp'
+    });
+    let opacity = scrollX.interpolate({
+      inputRange: [pageX - width, pageX - width + 10, pageX, pageX + width - 250, pageX + width],
+      outputRange: [0, 0.6, 1, 0.6, 0],
+      extrapolate: 'clamp'
+    });
+    return {
+      transform: [{
+        perspective: width
+      }, {
+        translateX
+      }, {
+        rotateY: rotateY
+      }, {
+        translateX: translateXAfterRotate
+      }],
+      opacity: opacity
+    };
+  };
+  _renderChild = (child, i) => {
+    let expandStyle = this.props.expandView ? {
+      paddingTop: 100,
+      paddingBottom: 100,
+      height: height + 200
+    } : {
+      width,
+      height
+    };
+    let style = [child.props.style, expandStyle];
+    let props = {
+      i,
+      style
+    };
+    let element = /*#__PURE__*/React.cloneElement(child, props);
+    return /*#__PURE__*/React.createElement(Animated.View, {
+      style: [StyleSheet.absoluteFill, {
+        backgroundColor: 'transparent'
+      }, this._getTransformsFor(i, false)],
+      key: `child- ${i}`
+    }, element);
+  };
+  _closest = num => {
+    let array = this.pages;
+    let i = 0;
+    let minDiff = 1000;
+    let ans;
+    for (i in array) {
+      let m = Math.abs(num - array[i]);
+      if (m < minDiff) {
+        minDiff = m;
+        ans = array[i];
+      }
+    }
+    return ans;
+  };
+  _closestPage = num => {
+    let array = this.pages;
+    let i = 0;
+    let minDiff = 1000;
+    let ans;
+    for (i in array) {
+      let m = Math.abs(num - array[i]);
+      if (m < minDiff) {
+        minDiff = m;
+        ans = i;
+      }
+    }
+    return ans;
+  };
+  render() {
+    let expandStyle = this.props.expandView ? {
+      top: -100,
+      left: 0,
+      width,
+      height: height + 200
+    } : {
+      width,
+      height
+    };
+    return /*#__PURE__*/React.createElement(Animated.View, _extends({
+      style: styles.flex,
+      ref: view => {
+        this._scrollView = view;
+      }
+    }, this._panResponder.panHandlers), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.blackFullScreen, expandStyle]
+    }, this.props.children.map(this._renderChild)));
+  }
+}
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  blackFullScreen: {
+    backgroundColor: '#000',
+    position: 'absolute',
+    width,
+    height
+  }
+});
+AndroidCubeEffect.propTypes = {
+  callBackAfterSwipe: PropTypes.func,
+  scrollLockPage: PropTypes.number,
+  expandView: PropTypes.bool,
+  children: PropTypes.array,
+  callbackOnSwipe: PropTypes.func,
+  loop: PropTypes.bool
+};
+AndroidCubeEffect.defaultProps = {
+  expandView: false
+};
+//# sourceMappingURL=AndroidCubeEffect.js.map