react-native-app-onboard 0.1.1

package/lib/module/components/OnboardingPages.js

@@ -0,0 +1,147 @@
+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, { useRef } from 'react';
+import tinycolor from 'tinycolor2';
+import { Animated, StyleSheet, Dimensions } from 'react-native';
+import { Pagination } from './Pagination';
+import { OnboardingPage } from './Page';
+const {
+  width
+} = Dimensions.get('window');
+export const OnboardingPages = ({
+  showPagination = true,
+  ...props
+}) => {
+  var _props$pages$previous;
+  const backgroundColorAnim = useRef(new Animated.Value(0)).current;
+  const [previousPage, setPreviousPage] = React.useState(0);
+  const currentPage_ = props.pages[props.currentPage];
+  const currentBackgroundColor = (currentPage_ === null || currentPage_ === void 0 ? void 0 : currentPage_.backgroundColor) || '';
+  const isLight = tinycolor(currentBackgroundColor).getBrightness() > 180;
+  const footerBackgroundColor = isLight ? tinycolor(currentBackgroundColor).darken(30).toString() : tinycolor(currentBackgroundColor).lighten(30).toString();
+  const color = tinycolor(footerBackgroundColor).getBrightness() > 180 ? tinycolor(footerBackgroundColor).darken(60).toString() : tinycolor(footerBackgroundColor).lighten(60).toString();
+  const previousBackgroundColor = ((_props$pages$previous = props.pages[previousPage]) === null || _props$pages$previous === void 0 ? void 0 : _props$pages$previous.backgroundColor) || 'white';
+  // Interpolating background color based on backgroundColorAnim value
+  const interpolatedBackgroundColor = backgroundColorAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [currentBackgroundColor, previousBackgroundColor],
+    extrapolate: 'clamp'
+  });
+  const setPage_ = newPageIndex => {
+    setPreviousPage(props.currentPage);
+    props.setPage(newPageIndex);
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.container, {
+      backgroundColor: interpolatedBackgroundColor
+    }]
+  }, props.paginationPosition === 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), !props.customFooter && /*#__PURE__*/React.createElement(Pagination, {
+    width: width,
+    onNext: props.nextPage,
+    onSkip: props.onSkip,
+    color: color,
+    onDone: props.onDone,
+    showDone: props.showDone,
+    backgroundColor: footerBackgroundColor,
+    animatedValue: props.scrollX,
+    showSkip: props.showSkip,
+    numberOfScreens: props.pages.length,
+    skipLabel: props.skipLabel,
+    nextLabel: props.nextLabel,
+    doneLabel: props.doneLabel,
+    paginationContainerStyle: props.paginationContainerStyle,
+    buttonRightContainerStyle: props.buttonRightContainerStyle,
+    buttonLeftContainerStyle: props.buttonLeftContainerStyle,
+    dotsContainerStyle: props.dotsContainerStyle,
+    doneLabelStyle: props.doneLabelStyle,
+    skipLabelStyle: props.skipLabelStyle,
+    nextLabelStyle: props.nextLabelStyle
+  })), /*#__PURE__*/React.createElement(Animated.FlatList, {
+    ref: props.flatListRef,
+    data: props.pages,
+    horizontal: true,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    keyExtractor: (_, index) => index.toString(),
+    renderItem: ({
+      item,
+      index
+    }) => /*#__PURE__*/React.createElement(OnboardingPage, _extends({
+      color: color,
+      width: width,
+      key: index
+    }, item)),
+    onScroll: Animated.event([{
+      nativeEvent: {
+        contentOffset: {
+          x: props.scrollX
+        }
+      }
+    }], {
+      useNativeDriver: false
+    }),
+    scrollEventThrottle: 16 // Adjusted for better performance
+    ,
+    onMomentumScrollEnd: event => {
+      const pageIndex = Math.round(event.nativeEvent.contentOffset.x / width);
+      setPage_(pageIndex || 0);
+    }
+  }), props.paginationPosition !== 'top' && /*#__PURE__*/React.createElement(React.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), /*#__PURE__*/React.createElement(Pagination, {
+    width: width,
+    onNext: props.nextPage,
+    onSkip: props.onSkip,
+    color: color,
+    onDone: props.onDone,
+    showDone: props.showDone,
+    backgroundColor: footerBackgroundColor,
+    animatedValue: props.scrollX,
+    showSkip: props.showSkip,
+    numberOfScreens: props.pages.length,
+    skipLabel: props.skipLabel,
+    nextLabel: props.nextLabel,
+    doneLabel: props.doneLabel,
+    paginationContainerStyle: props.paginationContainerStyle,
+    buttonRightContainerStyle: props.buttonRightContainerStyle,
+    buttonLeftContainerStyle: props.buttonLeftContainerStyle,
+    dotsContainerStyle: props.dotsContainerStyle,
+    doneLabelStyle: props.doneLabelStyle,
+    skipLabelStyle: props.skipLabelStyle,
+    nextLabelStyle: props.nextLabelStyle
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  screen: {
+    width,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'blue'
+  },
+  pagination: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    width
+  },
+  dot: {
+    height: 10,
+    width: 10,
+    borderRadius: 5,
+    backgroundColor: '#333',
+    margin: 5
+  },
+  dotsContainer: {
+    flexDirection: 'row',
+    flex: 1,
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=OnboardingPages.js.map

package/lib/module/components/OnboardingPages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","tinycolor","Animated","StyleSheet","Dimensions","Pagination","OnboardingPage","width","get","OnboardingPages","showPagination","props","_props$pages$previous","backgroundColorAnim","Value","current","previousPage","setPreviousPage","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","onNext","onSkip","onDone","showDone","animatedValue","scrollX","showSkip","numberOfScreens","length","skipLabel","nextLabel","doneLabel","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","nextLabelStyle","FlatList","ref","flatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","_","index","renderItem","item","_extends","key","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/OnboardingPages.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Page.js

@@ -0,0 +1,53 @@
+import { View, Text, StyleSheet, Dimensions } from 'react-native';
+import React from 'react';
+const {
+  width,
+  height
+} = Dimensions.get('window');
+const potrait = height > width;
+export function OnboardingPage(props) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      width: props.width
+    }, props.containerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.imageContainer, props.imageContainerStyle]
+  }, props.image), /*#__PURE__*/React.createElement(View, {
+    style: [styles.titleContainer, props.titleContainerStyle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, {
+      color: props.color
+    }, props.titleStyle]
+  }, props.title), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, {
+      color: props.color
+    }, props.subtitleStyle]
+  }, props.subtitle)));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    paddingBottom: 15,
+    textAlign: 'center'
+  },
+  subtitle: {
+    fontSize: 18,
+    textAlign: 'center'
+  },
+  imageContainer: {
+    flex: 0,
+    paddingBottom: potrait ? 60 : 10,
+    alignItems: 'center',
+    width: '100%'
+  },
+  titleContainer: {
+    marginHorizontal: 30
+  }
+});
+//# sourceMappingURL=Page.js.map

package/lib/module/components/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","Dimensions","React","width","height","get","potrait","OnboardingPage","props","createElement","style","styles","container","containerStyle","imageContainer","imageContainerStyle","image","titleContainer","titleContainerStyle","title","color","titleStyle","subtitle","subtitleStyle","create","flex","justifyContent","alignItems","fontSize","fontWeight","paddingBottom","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Page.tsx"],"mappings":"AAAA,SACEA,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,UAAU,QAIL,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AAgBzB,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,OAAO,GAAGF,MAAM,GAAGD,KAAK;AAE9B,OAAO,SAASI,cAAcA,CAACC,KAAW,EAAE;EAC1C,oBACEN,KAAA,CAAAO,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAET,KAAK,EAAEK,KAAK,CAACL;IAAM,CAAC,EAAEK,KAAK,CAACK,cAAc;EAAE,gBAExEX,KAAA,CAAAO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACG,cAAc,EAAEN,KAAK,CAACO,mBAAmB;EAAE,GAC7DP,KAAK,CAACQ,KACH,CAAC,eACPd,KAAA,CAAAO,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACM,cAAc,EAAET,KAAK,CAACU,mBAAmB;EAAE,gBAC9DhB,KAAA,CAAAO,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACQ,KAAK,EACZ;MACEC,KAAK,EAAEZ,KAAK,CAACY;IACf,CAAC,EACDZ,KAAK,CAACa,UAAU;EAChB,GAEDb,KAAK,CAACW,KACH,CAAC,eACPjB,KAAA,CAAAO,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CACLC,MAAM,CAACW,QAAQ,EACf;MACEF,KAAK,EAAEZ,KAAK,CAACY;IACf,CAAC,EACDZ,KAAK,CAACe,aAAa;EACnB,GAEDf,KAAK,CAACc,QACH,CACF,CACF,CAAC;AAEX;AAEA,MAAMX,MAAM,GAAGX,UAAU,CAACwB,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDR,KAAK,EAAE;IACLS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,EAAE;IACjBC,SAAS,EAAE;EACb,CAAC;EACDT,QAAQ,EAAE;IACRM,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE;EACb,CAAC;EACDjB,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPK,aAAa,EAAExB,OAAO,GAAG,EAAE,GAAG,EAAE;IAChCqB,UAAU,EAAE,QAAQ;IACpBxB,KAAK,EAAE;EACT,CAAC;EACDc,cAAc,EAAE;IACde,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Pagination.js

@@ -0,0 +1,87 @@
+import { View, Animated, StyleSheet } from 'react-native';
+import React from 'react';
+import { useOnboarding } from '../hooks/useOnboarding';
+import { Button } from './button';
+export function Pagination(props) {
+  const {
+    isDone
+  } = useOnboarding();
+  const dots = Array.from({
+    length: props.numberOfScreens
+  }, (_, i) => i);
+  const width = props.width;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.pagination, {
+      backgroundColor: props.backgroundColor
+    }, props.paginationContainerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttons, styles.leftButton, props.buttonLeftContainerStyle]
+  }, props.showSkip && /*#__PURE__*/React.createElement(Button, {
+    onPress: props.onSkip,
+    buttonTextStyle: props.skipLabelStyle,
+    label: props.skipLabel || 'Skip'
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.dotsContainer
+  }, dots.map((_, i) => {
+    const inputRange = [(i - 1) * width, i * width, (i + 1) * width];
+    const dotOpacity = props.animatedValue.interpolate({
+      inputRange,
+      outputRange: [0.3, 1, 0.3],
+      extrapolate: 'clamp'
+    });
+    return /*#__PURE__*/React.createElement(Animated.View, {
+      key: i,
+      style: [styles.dot, {
+        backgroundColor: props.color,
+        opacity: dotOpacity
+      }, props.dotsContainerStyle]
+    });
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttons, styles.rightButton, props.buttonRightContainerStyle]
+  }, !isDone && props.showNext && /*#__PURE__*/React.createElement(Button, {
+    onPress: props.onNext,
+    label: props.nextLabel || 'Next',
+    buttonTextStyle: props.nextLabelStyle
+  }), isDone && props.showDone && /*#__PURE__*/React.createElement(Button, {
+    onPress: props.onDone,
+    label: props.doneLabel || 'Done',
+    buttonTextStyle: props.doneLabelStyle
+  })));
+}
+const styles = StyleSheet.create({
+  pagination: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    height: 60,
+    paddingVertical: 10,
+    paddingHorizontal: 20
+  },
+  dot: {
+    height: 10,
+    width: 10,
+    borderRadius: 5,
+    backgroundColor: 'blue',
+    marginHorizontal: 8
+  },
+  dotsContainer: {
+    flexDirection: 'row',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  text: {
+    fontSize: 16
+  },
+  buttons: {
+    minWidth: 200
+  },
+  rightButton: {
+    alignItems: 'flex-end',
+    paddingRight: 30
+  },
+  leftButton: {
+    alignItems: 'flex-start',
+    paddingLeft: 30
+  }
+});
+//# sourceMappingURL=Pagination.js.map

package/lib/module/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Animated","StyleSheet","React","useOnboarding","Button","Pagination","props","isDone","dots","Array","from","length","numberOfScreens","_","i","width","createElement","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","showSkip","onPress","onSkip","buttonTextStyle","skipLabelStyle","label","skipLabel","dotsContainer","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","key","dot","color","opacity","dotsContainerStyle","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","showDone","onDone","doneLabel","doneLabelStyle","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","text","fontSize","minWidth","paddingRight","paddingLeft"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Swiper.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { OnboardingPages } from './OnboardingPages';
+import { CustomPages } from './CustomPages';
+import { Animated } from 'react-native';
+import { useOnboarding } from '../hooks/useOnboarding';
+export const Swiper = props => {
+  const scrollX = React.useRef(new Animated.Value(0)).current;
+  const {
+    flatListRef,
+    setCurrentPage,
+    currentPage,
+    numberOfScreens,
+    nextPage,
+    scrollEnabled
+  } = useOnboarding();
+  if (props.children) {
+    return /*#__PURE__*/React.createElement(CustomPages, {
+      customFooter: props.customFooter,
+      showPagination: props.showPagination,
+      flatListRef: flatListRef,
+      scrollX: scrollX,
+      setPage: setCurrentPage,
+      scrollEnabled: scrollEnabled,
+      currentPage: currentPage,
+      numberOfScreens: numberOfScreens,
+      nextPage: nextPage,
+      showDone: props.showDone,
+      onDone: props.onDone
+    }, props.children);
+  }
+  return /*#__PURE__*/React.createElement(OnboardingPages, {
+    showDone: props.showDone,
+    customFooter: props.customFooter,
+    flatListRef: flatListRef,
+    scrollX: scrollX,
+    setPage: setCurrentPage,
+    currentPage: currentPage,
+    paginationPosition: props.paginationPosition,
+    nextPage: nextPage,
+    showSkip: props.showSkip,
+    onDone: props.onDone,
+    pages: props.pages || [],
+    width: props.width,
+    color: props.color,
+    onSkip: props.onSkip
+  });
+};
+//# sourceMappingURL=Swiper.js.map

package/lib/module/components/Swiper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OnboardingPages","CustomPages","Animated","useOnboarding","Swiper","props","scrollX","useRef","Value","current","flatListRef","setCurrentPage","currentPage","numberOfScreens","nextPage","scrollEnabled","children","createElement","customFooter","showPagination","setPage","showDone","onDone","paginationPosition","showSkip","pages","width","color","onSkip"],"sourceRoot":"../../../src","sources":["components/Swiper.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,aAAa,QAAQ,wBAAwB;AAGtD,OAAO,MAAMC,MAAiC,GAAIC,KAAK,IAAK;EAC1D,MAAMC,OAAO,GAAGP,KAAK,CAACQ,MAAM,CAAC,IAAIL,QAAQ,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC3D,MAAM;IACJC,WAAW;IACXC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,QAAQ;IACRC;EACF,CAAC,GAAGZ,aAAa,CAAC,CAAC;EACnB,IAAIE,KAAK,CAACW,QAAQ,EAAE;IAClB,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,WAAW;MACViB,YAAY,EAAEb,KAAK,CAACa,YAAa;MACjCC,cAAc,EAAEd,KAAK,CAACc,cAAe;MACrCT,WAAW,EAAEA,WAAY;MACzBJ,OAAO,EAAEA,OAAQ;MACjBc,OAAO,EAAET,cAAe;MACxBI,aAAa,EAAEA,aAAc;MAC7BH,WAAW,EAAEA,WAAY;MACzBC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBO,QAAQ,EAAEhB,KAAK,CAACgB,QAAS;MACzBC,MAAM,EAAEjB,KAAK,CAACiB;IAAO,GAEpBjB,KAAK,CAACW,QACI,CAAC;EAElB;EAEA,oBACEjB,KAAA,CAAAkB,aAAA,CAACjB,eAAe;IACdqB,QAAQ,EAAEhB,KAAK,CAACgB,QAAS;IACzBH,YAAY,EAAEb,KAAK,CAACa,YAAa;IACjCR,WAAW,EAAEA,WAAY;IACzBJ,OAAO,EAAEA,OAAQ;IACjBc,OAAO,EAAET,cAAe;IACxBC,WAAW,EAAEA,WAAY;IACzBW,kBAAkB,EAAElB,KAAK,CAACkB,kBAAmB;IAC7CT,QAAQ,EAAEA,QAAS;IACnBU,QAAQ,EAAEnB,KAAK,CAACmB,QAAS;IACzBF,MAAM,EAAEjB,KAAK,CAACiB,MAAO;IACrBG,KAAK,EAAEpB,KAAK,CAACoB,KAAK,IAAI,EAAG;IACzBC,KAAK,EAAErB,KAAK,CAACqB,KAAM;IACnBC,KAAK,EAAEtB,KAAK,CAACsB,KAAM;IACnBC,MAAM,EAAEvB,KAAK,CAACuB;EAAO,CACtB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/button.js

@@ -0,0 +1,49 @@
+import { StyleSheet, Text, TouchableOpacity } from 'react-native';
+import React from 'react';
+export const Button = props => {
+  return typeof props.label === 'string' ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: props.onPress,
+    style: props.buttonStyle
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      color: props.color || 'white'
+    }, props.buttonTextStyle]
+  }, props.label)) : props.label;
+};
+const styles = StyleSheet.create({
+  pagination: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    height: 60,
+    paddingVertical: 10,
+    paddingHorizontal: 20
+  },
+  dot: {
+    height: 10,
+    width: 10,
+    borderRadius: 5,
+    backgroundColor: 'blue',
+    marginHorizontal: 8
+  },
+  dotsContainer: {
+    flexDirection: 'row',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  text: {
+    fontSize: 16
+  },
+  buttons: {
+    minWidth: 200
+  },
+  rightButton: {
+    alignItems: 'flex-end',
+    paddingRight: 30
+  },
+  leftButton: {
+    alignItems: 'flex-start',
+    paddingLeft: 30
+  }
+});
+//# sourceMappingURL=button.js.map

package/lib/module/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","TouchableOpacity","React","Button","props","label","createElement","onPress","style","buttonStyle","styles","text","color","buttonTextStyle","create","pagination","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","dot","width","borderRadius","backgroundColor","marginHorizontal","dotsContainer","flex","fontSize","buttons","minWidth","rightButton","paddingRight","leftButton","paddingLeft"],"sourceRoot":"../../../src","sources":["components/button.tsx"],"mappings":"AAAA,SACEA,UAAU,EACVC,IAAI,EACJC,gBAAgB,QAIX,cAAc;AACrB,OAAOC,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,OAAO,OAAOA,KAAK,CAACC,KAAK,KAAK,QAAQ,gBACpCH,KAAA,CAAAI,aAAA,CAACL,gBAAgB;IAACM,OAAO,EAAEH,KAAK,CAACG,OAAQ;IAACC,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBACjEP,KAAA,CAAAI,aAAA,CAACN,IAAI;IACHQ,KAAK,EAAE,CACLE,MAAM,CAACC,IAAI,EACX;MACEC,KAAK,EAAER,KAAK,CAACQ,KAAK,IAAI;IACxB,CAAC,EACDR,KAAK,CAACS,eAAe;EACrB,GAEDT,KAAK,CAACC,KACH,CACU,CAAC,GAEnBD,KAAK,CAACC,KACP;AACH,CAAC;AAED,MAAMK,MAAM,GAAGX,UAAU,CAACe,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,GAAG,EAAE;IACHH,MAAM,EAAE,EAAE;IACVI,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,aAAa,EAAE;IACbX,aAAa,EAAE,KAAK;IACpBY,IAAI,EAAE,CAAC;IACPX,cAAc,EAAE;EAClB,CAAC;EACDN,IAAI,EAAE;IACJkB,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDC,WAAW,EAAE;IACXd,UAAU,EAAE,UAAU;IACtBe,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVhB,UAAU,EAAE,YAAY;IACxBiB,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,2 @@
+export * from './Swiper';
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}

package/lib/module/context/OnboardingContext.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Dimensions } from 'react-native';
+export const OnboardingContext = /*#__PURE__*/React.createContext(undefined);
+export const OnboardingProvider = ({
+  children,
+  width = Dimensions.get('window').width,
+  numberOfScreens,
+  scrollEnabled
+}) => {
+  const getProgress = page => {
+    return Math.round((page + 1) / numberOfScreens * 100);
+  };
+  const [currentPage, setPage] = React.useState(0);
+  const [progress, setProgress] = React.useState(getProgress(0));
+  const [isDone, setIsDone] = React.useState(false);
+  const [enableScroll, setEnableScroll] = React.useState(scrollEnabled);
+  const flatListRef = React.useRef(null);
+  const setCurrentPage = index => {
+    setPage(index);
+    setProgress(getProgress(index));
+    setIsDone(index === numberOfScreens - 1);
+  };
+  const nextPage = (animated = true) => {
+    if (flatListRef.current) {
+      flatListRef.current.scrollToOffset({
+        offset: width * (currentPage + 1),
+        animated: animated
+      });
+    }
+    setCurrentPage(currentPage + 1);
+  };
+  const scrollTo = (index, animated = true) => {
+    if (flatListRef.current && index >= 0) {
+      flatListRef.current.scrollToOffset({
+        offset: index * width,
+        animated: animated
+      });
+      setCurrentPage(index);
+    }
+  };
+  const contextValue = {
+    scrollEnabled: enableScroll,
+    enableScroll: setEnableScroll,
+    currentPage,
+    numberOfScreens,
+    nextPage,
+    setCurrentPage,
+    flatListRef,
+    scrollTo,
+    progress,
+    isDone
+  };
+  return /*#__PURE__*/React.createElement(OnboardingContext.Provider, {
+    value: contextValue
+  }, children);
+};
+//# sourceMappingURL=OnboardingContext.js.map

package/lib/module/context/OnboardingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","OnboardingContext","createContext","undefined","OnboardingProvider","children","width","get","numberOfScreens","scrollEnabled","getProgress","page","Math","round","currentPage","setPage","useState","progress","setProgress","isDone","setIsDone","enableScroll","setEnableScroll","flatListRef","useRef","setCurrentPage","index","nextPage","animated","current","scrollToOffset","offset","scrollTo","contextValue","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["context/OnboardingContext.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAuB,cAAc;AA2BxD,OAAO,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAElDC,SAAS,CAAC;AAEZ,OAAO,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,QAAQ;EACRC,KAAK,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC,CAACD,KAAK;EACtCE,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAIC,IAAY,IAAK;IACpC,OAAOC,IAAI,CAACC,KAAK,CAAE,CAACF,IAAI,GAAG,CAAC,IAAIH,eAAe,GAAI,GAAG,CAAC;EACzD,CAAC;EAED,MAAM,CAACM,WAAW,EAAEC,OAAO,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAC,CAAC,CAAC;EAChD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,KAAK,CAACiB,QAAQ,CAACN,WAAW,CAAC,CAAC,CAAC,CAAC;EAC9D,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAGrB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGvB,KAAK,CAACiB,QAAQ,CACpDP,aACF,CAAC;EACD,MAAMc,WAAW,GAAGxB,KAAK,CAACyB,MAAM,CAAW,IAAI,CAAC;EAEhD,MAAMC,cAAc,GAAIC,KAAa,IAAK;IACxCX,OAAO,CAACW,KAAK,CAAC;IACdR,WAAW,CAACR,WAAW,CAACgB,KAAK,CAAC,CAAC;IAC/BN,SAAS,CAACM,KAAK,KAAKlB,eAAe,GAAG,CAAC,CAAC;EAC1C,CAAC;EAED,MAAMmB,QAAQ,GAAGA,CAACC,QAAiB,GAAG,IAAI,KAAK;IAC7C,IAAIL,WAAW,CAACM,OAAO,EAAE;MACvBN,WAAW,CAACM,OAAO,CAACC,cAAc,CAAC;QACjCC,MAAM,EAAEzB,KAAK,IAAIQ,WAAW,GAAG,CAAC,CAAC;QACjCc,QAAQ,EAAEA;MACZ,CAAC,CAAC;IACJ;IACAH,cAAc,CAACX,WAAW,GAAG,CAAC,CAAC;EACjC,CAAC;EAED,MAAMkB,QAAQ,GAAGA,CAACN,KAAa,EAAEE,QAAiB,GAAG,IAAI,KAAK;IAC5D,IAAIL,WAAW,CAACM,OAAO,IAAIH,KAAK,IAAI,CAAC,EAAE;MACrCH,WAAW,CAACM,OAAO,CAACC,cAAc,CAAC;QACjCC,MAAM,EAAEL,KAAK,GAAGpB,KAAK;QACrBsB,QAAQ,EAAEA;MACZ,CAAC,CAAC;MACFH,cAAc,CAACC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMO,YAAmC,GAAG;IAC1CxB,aAAa,EAAEY,YAAY;IAC3BA,YAAY,EAAEC,eAAe;IAC7BR,WAAW;IACXN,eAAe;IACfmB,QAAQ;IACRF,cAAc;IACdF,WAAW;IACXS,QAAQ;IACRf,QAAQ;IACRE;EACF,CAAC;EAED,oBACEpB,KAAA,CAAAmC,aAAA,CAACjC,iBAAiB,CAACkC,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC7C5B,QACyB,CAAC;AAEjC,CAAC","ignoreList":[]}

package/lib/module/hooks/useOnboarding.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OnboardingContext } from '../context/OnboardingContext';
+export const useOnboarding = () => {
+  const context = React.useContext(OnboardingContext);
+  if (!context) {
+    throw new Error('useOnboardingContext must be used within an OnboardingProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=useOnboarding.js.map

package/lib/module/hooks/useOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OnboardingContext","useOnboarding","context","useContext","Error"],"sourceRoot":"../../../src","sources":["hooks/useOnboarding.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,8BAA8B;AAEhE,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACH,iBAAiB,CAAC;EACnD,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,gEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Swiper } from './components/Swiper';
+import { OnboardingProvider } from './context/OnboardingContext';
+export { useOnboarding } from './hooks/useOnboarding';
+export function Onboarding(props) {
+  var _props$pages;
+  const numberOfScreens = React.Children.count(props.children);
+  return /*#__PURE__*/React.createElement(OnboardingProvider, {
+    scrollEnabled: props.scrollEnabled,
+    numberOfScreens: numberOfScreens || ((_props$pages = props.pages) === null || _props$pages === void 0 ? void 0 : _props$pages.length) || 0
+  }, /*#__PURE__*/React.createElement(Swiper, props, props.children));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Swiper","OnboardingProvider","useOnboarding","Onboarding","props","_props$pages","numberOfScreens","Children","count","children","createElement","scrollEnabled","pages","length"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,kBAAkB,QAAQ,6BAA6B;AAGhE,SAASC,aAAa,QAAQ,uBAAuB;AAErD,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAE;EAAA,IAAAC,YAAA;EACjD,MAAMC,eAAe,GAAGP,KAAK,CAACQ,QAAQ,CAACC,KAAK,CAACJ,KAAK,CAACK,QAAQ,CAAC;EAC5D,oBACEV,KAAA,CAAAW,aAAA,CAACT,kBAAkB;IACjBU,aAAa,EAAEP,KAAK,CAACO,aAAc;IACnCL,eAAe,EAAEA,eAAe,MAAAD,YAAA,GAAID,KAAK,CAACQ,KAAK,cAAAP,YAAA,uBAAXA,YAAA,CAAaQ,MAAM,KAAI;EAAE,gBAE7Dd,KAAA,CAAAW,aAAA,CAACV,MAAM,EAAKI,KAAK,EAAGA,KAAK,CAACK,QAAiB,CACzB,CAAC;AAEzB","ignoreList":[]}

package/lib/module/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/module/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/src/components/CustomPages.d.ts

@@ -0,0 +1,21 @@
+import { Animated, FlatList } from 'react-native';
+import React from 'react';
+import type { OnboardingProps } from '../types';
+type CustomPagesProps = OnboardingProps & {
+    children?: React.ReactNode[];
+    currentPage: number;
+    setPage: (newPageIndex: number) => void;
+    flatListRef: React.RefObject<FlatList>;
+    scrollX: Animated.Value;
+    nextPage: () => void;
+    numberOfScreens: number;
+};
+export type SliderProps = {
+    index?: number;
+    currentPage: number;
+    numberOfScreens: number;
+    nextPage: () => void;
+};
+export declare const CustomPages: ({ showPagination, ...props }: CustomPagesProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CustomPages.d.ts.map

package/lib/typescript/src/components/CustomPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPages.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomPages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAc,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,KAAK,gBAAgB,GAAG,eAAe,GAAG;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,iCAGrB,gBAAgB,sBAmGlB,CAAC"}

package/lib/typescript/src/components/OnboardingPages.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Animated, FlatList } from 'react-native';
+import { type Page } from './Page';
+import type { OnboardingProps } from '../types';
+type Props = OnboardingProps & {
+    pages: Page[];
+    currentPage: number;
+    setPage: (newPageIndex: number) => void;
+    flatListRef: React.RefObject<FlatList>;
+    scrollX: Animated.Value;
+    nextPage: () => void;
+};
+export declare const OnboardingPages: ({ showPagination, ...props }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=OnboardingPages.d.ts.map

package/lib/typescript/src/components/OnboardingPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingPages.d.ts","sourceRoot":"","sources":["../../../../src/components/OnboardingPages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAA0B,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAkB,KAAK,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,KAAK,KAAK,GAAG,eAAe,GAAG;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACvC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,iCAAyC,KAAK,sBAyHzE,CAAC"}

package/lib/typescript/src/components/Page.d.ts

@@ -0,0 +1,17 @@
+import { type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+import React from 'react';
+export type Page = {
+    title: string;
+    subtitle: string;
+    image: React.ReactNode;
+    backgroundColor: string;
+    color?: string;
+    width?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+    imageContainerStyle?: StyleProp<ViewStyle>;
+    titleContainerStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    subtitleStyle?: StyleProp<TextStyle>;
+};
+export declare function OnboardingPage(props: Page): React.JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

package/lib/typescript/src/components/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACtC,CAAC;AAKF,wBAAgB,cAAc,CAAC,KAAK,EAAE,IAAI,qBAkCzC"}

package/lib/typescript/src/components/Pagination.d.ts

@@ -0,0 +1,29 @@
+import { Animated, type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
+import React from 'react';
+type FooterProps = {
+    animatedValue: Animated.Value;
+    numberOfScreens: number;
+    backgroundColor: string;
+    color: string;
+    width: number;
+    showDone?: boolean;
+    showSkip?: boolean;
+    showNext?: boolean;
+    nextLabel?: string | React.ReactNode;
+    skipLabel?: string | React.ReactNode;
+    doneLabel?: string | React.ReactNode;
+    paginationContainerStyle?: StyleProp<ViewStyle>;
+    buttonRightContainerStyle?: StyleProp<ViewStyle>;
+    buttonLeftContainerStyle?: StyleProp<ViewStyle>;
+    dotsContainerStyle?: StyleProp<ViewStyle>;
+    doneLabelStyle?: StyleProp<TextStyle>;
+    skipLabelStyle?: StyleProp<TextStyle>;
+    nextLabelStyle?: StyleProp<TextStyle>;
+    paginationPosition?: 'top' | 'bottom';
+    onDone?: () => void;
+    onSkip?: () => void;
+    onNext?: () => void;
+};
+export declare function Pagination(props: FooterProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map