react-native-app-onboard 0.1.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 Junius Lekgwara
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,187 @@
+# react-native-app-onboard
+[![npm](https://img.shields.io/npm/v/react-native-app-onboard.svg)](https://www.npmjs.com/package/react-native-app-onboard) [![GitHub stars](https://img.shields.io/github/stars/julekgwa/react-native-app-onboard.svg?style=social&label=Stars)](https://github.com/julekgwa/react-native-app-onboard) [![gzip size](http://img.badgesize.io/https://unpkg.com/react-native-app-onboard/src/index.tsx?compression=gzip)](https://unpkg.com/react-native-app-onboard/dist/index.js) ![npm](https://img.shields.io/npm/dw/react-native-app-onboard)
+
+React Native App Onboard is a customizable, easy-to-use, and efficient library for creating compelling onboarding experiences for your React Native applications. It provides smooth, fluid transitions and animations, with a focus on simplicity and usability.
+
+| ![](example/assets/IMG_2179.PNG) | ![](example/assets/IMG_2180.PNG) | ![](example/assets/IMG_2181.PNG) |
+| --------------------- | --------------------- | ------------------ |
+
+## Installation
+
+```sh
+yarn add react-native-app-onboard
+```
+
+## Usage
+
+```jsx
+import React from 'react';
+import { Onboarding } from 'react-native-app-onboard';
+
+const App = () => {
+  return (
+    <Onboarding
+      pages={[
+        {
+          backgroundColor: '#140E17',
+          image: <Image source={require('./images/image1.png')} />,
+          title: 'Find petcare around your location',
+          subtitle:
+            'Just turn on your location and you will find the nearest pet care you wish.',
+        },
+        {
+          backgroundColor: '#140E17',
+          image: <Image source={require('./images/image2.png')} />,
+          title: 'Let us give the best treatment',
+          subtitle: 'Get the best treatment for your animal with us',
+        },
+        {
+          backgroundColor: '#140E17',
+          image: <Image source={require('./images/image3.png')} />,
+          title: 'Book appointment with us!',
+          subtitle: 'What do you think? book our veterinarians now',
+        },
+      ]}
+      onDone={() => console.log('Onboarding completed')}
+    />
+  );
+};
+
+export default App;
+```
+
+## Props
+
+## Props
+
+| Prop                        | Type                              | Default | Description                                                                 |
+|-----------------------------|-----------------------------------|---------|-----------------------------------------------------------------------------|
+| `children`                  | `React.ReactNode[]`               |         | Optional. An array of child components to render within the onboarding component. |
+| `nextLabel`                 | `string` \| `React.ReactNode`     |         | Optional. Custom label for the "Next" button. Can be a string or a React Node. |
+| `skipLabel`                 | `string` \| `React.ReactNode`     |         | Optional. Custom label for the "Skip" button. Can be a string or a React Node. |
+| `doneLabel`                 | `string` \| `React.ReactNode`     |         | Optional. Custom label for the "Done" button. Can be a string or a React Node. |
+| `showSkip`                  | `boolean`                         | `false` | Optional. Determines whether the "Skip" button is shown. |
+| `showNext`                  | `boolean`                         | `true`  | Optional. Determines whether the "Next" button is shown. |
+| `showDone`                  | `boolean`                         | `true`  | Optional. Determines whether the "Done" button is shown. |
+| `scrollAnimationDuration`   | `number`                          | `500`   | Optional. Duration of the scroll animation in milliseconds. Default is 500. |
+| `useNativeDriver`           | `boolean`                         |         | Optional. Determines whether animations should use the native driver. |
+| `onDone`                    | `() => void`                      |         | Optional. Callback function that is called when the "Done" button is pressed. |
+| `onSkip`                    | `() => void`                      |         | Optional. Callback function that is called when the "Skip" button is pressed. |
+| `showPagination`            | `boolean`                         | `true`  | Optional. Determines whether pagination indicators are shown. |
+| `scrollEnabled`             | `boolean`                         | `true`  | Optional. Determines whether the onboarding screens are scrollable. |
+| `customFooter`              | `(props: { nextPage: () => void }) => React.ReactNode` | | Optional. Function that returns a custom footer component. Receives a `nextPage` function as a prop. |
+| `paginationContainerStyle`  | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the pagination container. |
+| `buttonRightContainerStyle` | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the container of the button positioned on the right. |
+| `buttonLeftContainerStyle`  | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the container of the button positioned on the left. |
+| `dotsContainerStyle`        | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the dots container in the pagination. |
+| `doneLabelStyle`            | `StyleProp<TextStyle>`            |         | Optional. Custom style for the "Done" label. |
+| `skipLabelStyle`            | `StyleProp<TextStyle>`            |         | Optional. Custom style for the "Skip" label. |
+| `nextLabelStyle`            | `StyleProp<TextStyle>`            |         | Optional. Custom style for the "Next" label. |
+| `containerStyle`            | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the main container of the onboarding component. |
+| `imageContainerStyle`       | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the image container. |
+| `titleContainerStyle`       | `StyleProp<ViewStyle>`            |         | Optional. Custom style for the title container. |
+| `titleStyle`                | `StyleProp<TextStyle>`            |         | Optional. Custom style for the title text. |
+| `subtitleStyle`             | `StyleProp<TextStyle>`            |         | Optional. Custom style for the subtitle text. |
+| `paginationPosition`        | `'top'` \| `'bottom'`             |         | Optional. Determines the position of the pagination indicators. Can be either 'top' or 'bottom'. |
+| `width`                     | `number`                          |         | Optional. Custom width for the onboarding component. |
+| `color`                     | `string`                          |         | Optional. Color of the pagination dots. |
+| `pages`                     | `Page[]`                          |         | Optional. An array of [`Page`](#page-type) objects to render as the onboarding screens. |
+
+## Page Type
+
+Each `Page` object in the `pages` prop should conform to the following structure:
+
+| Property               | Type                      | Required | Description                                                                 |
+|------------------------|---------------------------|----------|-----------------------------------------------------------------------------|
+| `title`                | `string`                  | Yes      | The main title text for the page.                                           |
+| `subtitle`             | `string`                  | Yes      | The subtitle text for the page, providing additional information.           |
+| `image`                | `React.ReactNode`         | Yes      | A React Node representing the image to be displayed on the page.            |
+| `backgroundColor`      | `string`                  | Yes      | The background color for the page.                                          |
+| `color`                | `string`                  | No       | Optional. The text color for the title and subtitle.                        |
+| `width`                | `number`                  | No       | Optional. The width of the page. Can be used to adjust the page width.      |
+| `containerStyle`       | `StyleProp<ViewStyle>`    | No       | Optional. Custom styles to be applied to the page's container view.         |
+| `imageContainerStyle`  | `StyleProp<ViewStyle>`    | No       | Optional. Custom styles for the container of the image.                     |
+| `titleContainerStyle`  | `StyleProp<ViewStyle>`    | No       | Optional. Custom styles for the container of the title.                     |
+| `titleStyle`           | `StyleProp<TextStyle>`    | No       | Optional. Custom styles for the title text.                                 |
+| `subtitleStyle`        | `StyleProp<TextStyle>`    | No       | Optional. Custom styles for the subtitle text.                              |
+
+### Example Page Object
+
+```json
+{
+  "title": "Welcome to Our App",
+  "subtitle": "This is where your journey begins.",
+  "image": <ImageComponent />,
+  "backgroundColor": "#FFFFFF",
+  "color": "#000000",
+  "width": 300,
+  "containerStyle": {},
+  "imageContainerStyle": {},
+  "titleContainerStyle": {},
+  "titleStyle": {},
+  "subtitleStyle": {}
+}
+```
+
+## Using the Onboarding Hook
+
+To manage the state and navigation of the onboarding flow more effectively, you can utilize the custom `useOnboarding` hook. This hook provides a convenient way to access and modify the onboarding state, including the current page, whether scrolling is enabled, and functions to navigate through the onboarding screens.
+
+### Features Provided by the `useOnboarding` Hook
+
+- **`currentPage`**: A state variable that tracks the current onboarding screen the user is viewing.
+- **`setCurrentPage`**: A function to update the current page state.
+- **`scrollEnabled`**: A boolean state that indicates whether the user can scroll through the onboarding screens.
+- **`enableScroll`**: A function to enable or disable scrolling.
+- **`flatListRef`**: A ref object for the underlying FlatList component, allowing for programmatic control of the scroll position.
+- **`numberOfScreens`**: The total number of screens in the onboarding sequence.
+- **`nextPage`**: A function to navigate to the next page in the onboarding sequence.
+- **`scrollTo`**: A function that scrolls to a specific page in the onboarding flow.
+- **`progress`**: A value representing the user's progress through the onboarding screens.
+- **`isDone`**: A boolean state that indicates whether the user has completed the onboarding process.
+
+### Example Usage
+
+Here's how you can use the `useOnboarding` hook within an onboarding screen component:
+
+```jsx
+import React from 'react';
+import { View, Button } from 'react-native';
+import { useOnboarding } from './OnboardingContext';
+
+const OnboardingScreen = () => {
+  const { nextPage, isDone } = useOnboarding();
+
+  return (
+    <View>
+      {/* Your screen content goes here */}
+      <Button
+        title={isDone ? 'Finish' : 'Next'}
+        onPress={nextPage}
+      />
+    </View>
+  );
+};
+
+export default OnboardingScreen;
+```
+
+## Acknowledgements
+
+This component library draws inspiration from the [`react-native-onboarding-swiper`](https://www.npmjs.com/package/react-native-onboarding-swiper) package.
+
+We thank the creators and contributors of `react-native-onboarding-swiper` for their work, which has been a valuable reference in the development of this library.
+
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+```

package/lib/commonjs/components/CustomPages.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomPages = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _Pagination = require("./Pagination");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  width
+} = _reactNative.Dimensions.get('window');
+const CustomPages = ({
+  showPagination = true,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container]
+  }, showPagination && props.paginationPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), !props.customFooter && /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
+    color: '#fff',
+    backgroundColor: '#333',
+    width: width,
+    onNext: props.nextPage,
+    onSkip: props.onSkip,
+    onDone: props.onDone,
+    showDone: props.showDone,
+    animatedValue: props.scrollX,
+    showSkip: props.showSkip,
+    numberOfScreens: props.numberOfScreens,
+    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.default.createElement(_reactNative.Animated.FlatList, {
+    ref: props.flatListRef,
+    data: _react.default.Children.toArray(props.children),
+    horizontal: true,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    scrollEnabled: props.scrollEnabled,
+    onScroll: _reactNative.Animated.event([{
+      nativeEvent: {
+        contentOffset: {
+          x: props.scrollX
+        }
+      }
+    }], {
+      useNativeDriver: false
+    }),
+    scrollEventThrottle: 1,
+    onMomentumScrollEnd: event => {
+      const pageIndex = Math.round(event.nativeEvent.contentOffset.x / width);
+      props.setPage(pageIndex || 0);
+    },
+    keyExtractor: (_, index) => index.toString(),
+    renderItem: ({
+      item,
+      index
+    }) => {
+      return /*#__PURE__*/_react.default.cloneElement(item, {
+        currentPage: props.currentPage,
+        numberOfScreens: props.numberOfScreens,
+        nextPage: props.nextPage,
+        index
+      });
+    }
+  }), showPagination && props.paginationPosition !== 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), !props.customFooter && /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
+    color: '#fff',
+    backgroundColor: '#333',
+    width: width,
+    onNext: props.nextPage,
+    onSkip: props.onSkip,
+    onDone: props.onDone,
+    showDone: props.showDone,
+    animatedValue: props.scrollX,
+    showSkip: props.showSkip,
+    numberOfScreens: props.numberOfScreens,
+    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
+  })));
+};
+exports.CustomPages = CustomPages;
+const styles = _reactNative.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=CustomPages.js.map

package/lib/commonjs/components/CustomPages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_Pagination","e","__esModule","default","width","Dimensions","get","CustomPages","showPagination","props","createElement","View","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","Pagination","color","backgroundColor","onNext","onSkip","onDone","showDone","animatedValue","scrollX","showSkip","numberOfScreens","skipLabel","nextLabel","doneLabel","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","nextLabelStyle","Animated","FlatList","ref","flatListRef","data","React","Children","toArray","children","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","setPage","keyExtractor","_","index","toString","renderItem","item","cloneElement","currentPage","exports","StyleSheet","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer"],"sourceRoot":"../../../src","sources":["components/CustomPages.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/OnboardingPages.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnboardingPages = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
+var _reactNative = require("react-native");
+var _Pagination = require("./Pagination");
+var _Page = require("./Page");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const {
+  width
+} = _reactNative.Dimensions.get('window');
+const OnboardingPages = ({
+  showPagination = true,
+  ...props
+}) => {
+  var _props$pages$previous;
+  const backgroundColorAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const [previousPage, setPreviousPage] = _react.default.useState(0);
+  const currentPage_ = props.pages[props.currentPage];
+  const currentBackgroundColor = (currentPage_ === null || currentPage_ === void 0 ? void 0 : currentPage_.backgroundColor) || '';
+  const isLight = (0, _tinycolor.default)(currentBackgroundColor).getBrightness() > 180;
+  const footerBackgroundColor = isLight ? (0, _tinycolor.default)(currentBackgroundColor).darken(30).toString() : (0, _tinycolor.default)(currentBackgroundColor).lighten(30).toString();
+  const color = (0, _tinycolor.default)(footerBackgroundColor).getBrightness() > 180 ? (0, _tinycolor.default)(footerBackgroundColor).darken(60).toString() : (0, _tinycolor.default)(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.default.createElement(_reactNative.Animated.View, {
+    style: [styles.container, {
+      backgroundColor: interpolatedBackgroundColor
+    }]
+  }, props.paginationPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), !props.customFooter && /*#__PURE__*/_react.default.createElement(_Pagination.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.default.createElement(_reactNative.Animated.FlatList, {
+    ref: props.flatListRef,
+    data: props.pages,
+    horizontal: true,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    keyExtractor: (_, index) => index.toString(),
+    renderItem: ({
+      item,
+      index
+    }) => /*#__PURE__*/_react.default.createElement(_Page.OnboardingPage, _extends({
+      color: color,
+      width: width,
+      key: index
+    }, item)),
+    onScroll: _reactNative.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.default.createElement(_react.default.Fragment, null, showPagination && props.customFooter && props.customFooter({
+    nextPage: props.nextPage
+  }), /*#__PURE__*/_react.default.createElement(_Pagination.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
+  })));
+};
+exports.OnboardingPages = OnboardingPages;
+const styles = _reactNative.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/commonjs/components/OnboardingPages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_tinycolor","_interopRequireDefault","_reactNative","_Pagination","_Page","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","width","Dimensions","OnboardingPages","showPagination","props","_props$pages$previous","backgroundColorAnim","useRef","Animated","Value","current","previousPage","setPreviousPage","React","useState","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","tinycolor","getBrightness","footerBackgroundColor","darken","toString","lighten","color","previousBackgroundColor","interpolatedBackgroundColor","interpolate","inputRange","outputRange","extrapolate","setPage_","newPageIndex","setPage","createElement","View","style","styles","container","paginationPosition","Fragment","customFooter","nextPage","Pagination","onNext","onSkip","onDone","showDone","animatedValue","scrollX","showSkip","numberOfScreens","skipLabel","nextLabel","doneLabel","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","nextLabelStyle","FlatList","ref","flatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","keyExtractor","_","index","renderItem","item","OnboardingPage","key","onScroll","event","nativeEvent","contentOffset","x","useNativeDriver","scrollEventThrottle","onMomentumScrollEnd","pageIndex","Math","round","exports","StyleSheet","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/commonjs/components/Page.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnboardingPage = OnboardingPage;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  width,
+  height
+} = _reactNative.Dimensions.get('window');
+const potrait = height > width;
+function OnboardingPage(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      width: props.width
+    }, props.containerStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.imageContainer, props.imageContainerStyle]
+  }, props.image), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.titleContainer, props.titleContainerStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.title, {
+      color: props.color
+    }, props.titleStyle]
+  }, props.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.subtitle, {
+      color: props.color
+    }, props.subtitleStyle]
+  }, props.subtitle)));
+}
+const styles = _reactNative.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/commonjs/components/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","e","__esModule","default","width","height","Dimensions","get","potrait","OnboardingPage","props","createElement","View","style","styles","container","containerStyle","imageContainer","imageContainerStyle","image","titleContainer","titleContainerStyle","Text","title","color","titleStyle","subtitle","subtitleStyle","StyleSheet","create","flex","justifyContent","alignItems","fontSize","fontWeight","paddingBottom","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Page.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB1B,MAAM;EAAEG,KAAK;EAAEC;AAAO,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,OAAO,GAAGH,MAAM,GAAGD,KAAK;AAEvB,SAASK,cAAcA,CAACC,KAAW,EAAE;EAC1C,oBACEX,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEX,KAAK,EAAEM,KAAK,CAACN;IAAM,CAAC,EAAEM,KAAK,CAACM,cAAc;EAAE,gBAExEjB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACG,cAAc,EAAEP,KAAK,CAACQ,mBAAmB;EAAE,GAC7DR,KAAK,CAACS,KACH,CAAC,eACPpB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACM,cAAc,EAAEV,KAAK,CAACW,mBAAmB;EAAE,gBAC9DtB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAyB,IAAI;IACHT,KAAK,EAAE,CACLC,MAAM,CAACS,KAAK,EACZ;MACEC,KAAK,EAAEd,KAAK,CAACc;IACf,CAAC,EACDd,KAAK,CAACe,UAAU;EAChB,GAEDf,KAAK,CAACa,KACH,CAAC,eACPxB,MAAA,CAAAI,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAyB,IAAI;IACHT,KAAK,EAAE,CACLC,MAAM,CAACY,QAAQ,EACf;MACEF,KAAK,EAAEd,KAAK,CAACc;IACf,CAAC,EACDd,KAAK,CAACiB,aAAa;EACnB,GAEDjB,KAAK,CAACgB,QACH,CACF,CACF,CAAC;AAEX;AAEA,MAAMZ,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDT,KAAK,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,EAAE;IACjBC,SAAS,EAAE;EACb,CAAC;EACDV,QAAQ,EAAE;IACRO,QAAQ,EAAE,EAAE;IACZG,SAAS,EAAE;EACb,CAAC;EACDnB,cAAc,EAAE;IACda,IAAI,EAAE,CAAC;IACPK,aAAa,EAAE3B,OAAO,GAAG,EAAE,GAAG,EAAE;IAChCwB,UAAU,EAAE,QAAQ;IACpB5B,KAAK,EAAE;EACT,CAAC;EACDgB,cAAc,EAAE;IACdiB,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}