feat(flwbutton): rename to FlutterwaveButton

Author: thecodecafe

README.md

@@ -18,16 +18,16 @@ Easily implement Flutterwave for payments in your React Native appliction. This
 - Usage
   - [PayWithFlutterwave ](#flutterwave-button)
   - [PayWithFlutterwave (with custom render)](#flutterwave-button-with-custom-render)
-  - [FlwButton (Flutterwave styled button)](#flwbutton-flutterwave-styled-button)
+  - [FlutterwaveButton (Flutterwave styled button)](#flutterwavebutton-flutterwave-styled-button)
   - [FlutterwaveInit](#flutterwaveinit)
   - [Aborting Payment Initialization](#aborting-payment-initialization)
 - Props
   - [FlutterwaveInitOptions](#flutterwaveinitoptions)
   - [PayWithFlutterwaveProps](#flutterwavebuttonprops)
-  - [FlwButtonProps](#flwbutton-props)
+  - [FlutterwaveButtonProps](#flutterwavebutton-props)
 - Types
   - [PayWithFlutterwaveProps](#paywithflutterwaveprops-interface)
-  - [FlwButtonProps](#flwbuttonprops-interface)
+  - [FlutterwaveButtonProps](#flutterwavebuttonprops-interface)
   - [FlutterwaveInitCustomer](#flutterwaveinitcustomer)
   - [FlutterwaveInitCustomization](#flutterwaveinitcustomization)
   - [FlutterwaveInitSubAccount](#flutterwaveinitsubaccount)
@@ -126,21 +126,21 @@ import {PayWithFlutterwave} from 'react-native-flutterwave';
 />
 ````
 
-### FlwButton (Flutterwave styled button)
+### FlutterwaveButton (Flutterwave styled button)
 <img src=".github/images/flutterwave-styled-button.png" alt="preview" width="350"/>
 
-[View All Props](#flwbuttonprops)
+[View All Props](#flutterwavebuttonprops)
 
-Import `FlwButton` from `react-native-flutterwave` and use it like so.
+Import `FlutterwaveButton` from `react-native-flutterwave` and use it like so.
 ````jsx
-import {FlwButton} from 'react-native-flutterwave';
+import {FlutterwaveButton} from 'react-native-flutterwave';
 
-<FlwButton
+<FlutterwaveButton
   style={styles.paymentButton}
   onPress={onPress}
   disabled={disabled}>
     <Text style={styles.paymentButtonText}>Pay $500</Text>
-</FlwButton>
+</FlutterwaveButton>
 ````
 
 ### FlutterwaveInit
@@ -205,8 +205,8 @@ try {
 | customButton | No | function | undefined | This is used to render a custom button. The function a prop argument structured like [CustomButtonProps](#custombuttonprops), this function should return a valid React node. |
 | alignLeft | No | boolean | undefined | This aligns the content of the button to the left. |
 
-### FlwButton Props
-[See Interface](#flwbuttonprops-interface)
+### FlutterwaveButton Props
+[See Interface](#flutterwavebuttonprops-interface)
 | Name     | Required | Type | Default | Description |
 | --------- | --------- | ---- | ------- | ----------- |
 | style | No | ViewStyle | undefined | This component uses the same style properties that are applicable to react-native's View component style.|
@@ -311,9 +311,9 @@ interface PayWithFlutterwaveProps {
 }
 ````
 
-#### FlwButtonProps Interface
+#### FlutterwaveButtonProps Interface
 ````typescript
-interface FlwButtonProps {
+interface FlutterwaveButtonProps {
   style?: StyleProp<ViewStyle>;
   disabled?: boolean;
   alignLeft?: boolean;

README.v2.md

@@ -18,16 +18,16 @@ Easily implement Flutterwave for payments in your React Native appliction. This
 - Usage
   - [PayWithFlutterwaveV2 ](#paywithflutterwavev2)
   - [PayWithFlutterwaveV2 (with custom render)](#paywithflutterwavev2-with-custom-render)
-  - [FlwButton (Flutterwave styled button)](#flwbutton-flutterwave-styled-button)
+  - [FlutterwaveButton (Flutterwave styled button)](#flutterwavebutton-flutterwave-styled-button)
   - [FlutterwaveInitV2](#flutterwaveinitv2)
   - [Aborting Payment Initialization](#aborting-payment-initialization)
 - Props
   - [FlutterwaveInitV2Options](#flutterwaveinitv2options)
   - [PayWithFlutterwaveV2Props](#paywithflutterwavev2props)
-  - [FlwButton Props](#flwbutton-props)
+  - [FlutterwaveButton Props](#flutterwavebutton-props)
 - Types
   - [PayWithFlutterwaveV2Props](#paywithflutterwavev2props-interface)
-  - [FlwButtonProps](#flwbuttonprops-interface)
+  - [FlutterwaveButtonProps](#flutterwavebuttonprops-interface)
   - [FlutterwaveInitV2Options](#flutterwaveinitv2options-interface)
   - [FlutterwaveInitError](#flutterwaveiniterror)
   - [FlutterwavePaymentMetaV2](#flutterwavepaymentmetav2)
@@ -120,21 +120,21 @@ import {PayWithFlutterwaveV2} from 'react-native-flutterwave';
 />
 ````
 
-### FlwButton (Flutterwave styled button)
+### FlutterwaveButton (Flutterwave styled button)
 <img src=".github/images/flutterwave-styled-button.png" alt="preview" width="350"/>
 
-[View All Props](#flwbuttonprops)
+[View All Props](#flutterwavebuttonprops)
 
-Import `FlwButton` from `react-native-flutterwave` and use it like so.
+Import `FlutterwaveButton` from `react-native-flutterwave` and use it like so.
 ````jsx
-import {FlwButton} from 'react-native-flutterwave';
+import {FlutterwaveButton} from 'react-native-flutterwave';
 
-<FlwButton
+<FlutterwaveButton
   style={styles.paymentButton}
   onPress={onPress}
   disabled={disabled}>
     <Text style={styles.paymentButtonText}>Pay $500</Text>
-</FlwButton>
+</FlutterwaveButton>
 ````
 
 ### FlutterwaveInitV2
@@ -208,8 +208,8 @@ Hi :wave:, so there are cases where you have already initialized a payment with
 | customButton | No | function | undefined | This is used to render a custom button. The function a prop argument structured like [CustomButtonProps](#custombuttonprops), this function should return a valid React node. |
 | alignLeft | No | boolean | undefined | This aligns the content of the button to the left. |
 
-### FlwButton Props
-[See Interface](#flwbuttonprops-interface)
+### FlutterwaveButton Props
+[See Interface](#flutterwavebuttonprops-interface)
 | Name     | Required | Type | Default | Description |
 | --------- | --------- | ---- | ------- | ----------- |
 | style | No | ViewStyle | undefined | This component uses the same style properties that are applicable to react-native's View component style.|
@@ -301,9 +301,9 @@ interface PayWithFlutterwaveV2Props {
 }
 ````
 
-#### FlwButtonProps Interface
+#### FlutterwaveButtonProps Interface
 ````typescript
-interface FlwButton {
+interface FlutterwaveButton {
   style?: ViewStyle;
   onPress?: () => void;
   disabled?: boolean;

__tests__/FlwButton.spec.tsx __tests__/FlutterwaveButton.spec.tsx__tests__/FlwButton.spec.tsx renamed to __tests__/FlutterwaveButton.spec.tsx

@@ -2,37 +2,37 @@ import 'react-native';
 import React from 'react';
 import {Text} from 'react-native';
 import renderer from 'react-test-renderer';
-import FlwButton from '../src/FlwButton';
+import FlutterwaveButton from '../src/FlutterwaveButton';
 const testID = 'flw-button';
 
-describe('<FlwButton/>', () => {
+describe('<FlutterwaveButton/>', () => {
   it('renders pay with flutterwave by default', () => {
     // create test renderer
-    const TestRenderer = renderer.create(<FlwButton />);
+    const TestRenderer = renderer.create(<FlutterwaveButton />);
     // run assertions
     expect(TestRenderer.toJSON()).toMatchSnapshot();
   });
 
   it('renders with overlay and inactive style of button is disabled', () => {
     // create test renderer
-    const TestRenderer = renderer.create(<FlwButton disabled />);
+    const TestRenderer = renderer.create(<FlutterwaveButton disabled />);
     // run assertions
     expect(TestRenderer.toJSON()).toMatchSnapshot();
   });
 
   it('applies left aligned style if alignLeft prop is present', () => {
     // create test renderer
-    const TestRenderer = renderer.create(<FlwButton alignLeft />);
+    const TestRenderer = renderer.create(<FlutterwaveButton alignLeft />);
     // run assertions
     expect(TestRenderer.toJSON()).toMatchSnapshot();
   });
 
   it('replaces pay with flutterwave image with children', () => {
     // create test renderer
     const TestRenderer = renderer.create(
-      <FlwButton>
+      <FlutterwaveButton>
         <Text>Hello, World!</Text>
-      </FlwButton>
+      </FlutterwaveButton>
     );
     // run assertions
     expect(TestRenderer.toJSON()).toMatchSnapshot();
@@ -43,9 +43,9 @@ describe('<FlwButton/>', () => {
     const onPress = jest.fn();
     // create test renderer
     const TestRenderer = renderer.create(
-      <FlwButton onPress={onPress}>
+      <FlutterwaveButton onPress={onPress}>
         <Text>Hello, World!</Text>
-      </FlwButton>
+      </FlutterwaveButton>
     );
     // fire onPress function
     TestRenderer.root.findByProps({testID}).props.onPress();

…__/__snapshots__/FlwButton.spec.tsx.snap …pshots__/FlutterwaveButton.spec.tsx.snap__tests__/__snapshots__/FlwButton.spec.tsx.snap renamed to __tests__/__snapshots__/FlutterwaveButton.spec.tsx.snap __tests__/__snapshots__/FlwButton.spec.tsx.snap renamed to __tests__/__snapshots__/FlutterwaveButton.spec.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<FlwButton/> applies left aligned style if alignLeft prop is present 1`] = `
+exports[`<FlutterwaveButton/> applies left aligned style if alignLeft prop is present 1`] = `
 <View
   accessible={true}
   focusable={false}
@@ -55,7 +55,7 @@ exports[`<FlwButton/> applies left aligned style if alignLeft prop is present 1`
 </View>
 `;
 
-exports[`<FlwButton/> renders pay with flutterwave by default 1`] = `
+exports[`<FlutterwaveButton/> renders pay with flutterwave by default 1`] = `
 <View
   accessible={true}
   focusable={false}
@@ -108,7 +108,7 @@ exports[`<FlwButton/> renders pay with flutterwave by default 1`] = `
 </View>
 `;
 
-exports[`<FlwButton/> renders with overlay and inactive style of button is disabled 1`] = `
+exports[`<FlutterwaveButton/> renders with overlay and inactive style of button is disabled 1`] = `
 <View
   accessible={true}
   focusable={false}
@@ -175,7 +175,7 @@ exports[`<FlwButton/> renders with overlay and inactive style of button is disab
 </View>
 `;
 
-exports[`<FlwButton/> replaces pay with flutterwave image with children 1`] = `
+exports[`<FlutterwaveButton/> replaces pay with flutterwave image with children 1`] = `
 <View
   accessible={true}
   focusable={false}

dist/FlwButton.d.ts dist/FlutterwaveButton.d.tsdist/FlwButton.d.ts renamed to dist/FlutterwaveButton.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-interface FlwButtonProps {
+interface FlutterwaveButtonProps {
     style?: StyleProp<ViewStyle>;
     disabled?: boolean;
     alignLeft?: boolean;
     onPress?: () => void;
 }
-declare const FlwButton: React.FC<FlwButtonProps>;
-export default FlwButton;
-//# sourceMappingURL=FlwButton.d.ts.map
+declare const FlutterwaveButton: React.FC<FlutterwaveButtonProps>;
+export default FlutterwaveButton;
+//# sourceMappingURL=FlutterwaveButton.d.ts.map

dist/FlutterwaveButton.d.ts.map

@@ -3,7 +3,7 @@ import { StyleSheet, Image, TouchableHighlight, View, } from 'react-native';
 import { colors } from './configs';
 var pryContent = require('./assets/pry-button-content.png');
 var contentSizeDimension = 8.2962962963;
-var FlwButton = function FlwButton(_a) {
+var FlutterwaveButton = function FlutterwaveButton(_a) {
     var style = _a.style, alignLeft = _a.alignLeft, children = _a.children, disabled = _a.disabled, onPress = _a.onPress;
     // render primary button
     return (<TouchableHighlight underlayColor={colors.primaryLight} disabled={disabled} onPress={onPress} style={[
@@ -56,4 +56,4 @@ var styles = StyleSheet.create({
     }
 });
 // export component as default
-export default FlwButton;
+export default FlutterwaveButton;

dist/FlwButton.js dist/FlutterwaveButton.jsdist/FlwButton.js renamed to dist/FlutterwaveButton.js

@@ -62,7 +62,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import FlutterwaveInitError from './utils/FlutterwaveInitError';
 import FlwCheckout from './FlwCheckout';
-import FlwButton from './FlwButton';
+import FlutterwaveButton from './FlutterwaveButton';
 import { REDIRECT_URL } from './configs';
 export var PayWithFlutterwavePropTypesBase = {
     alignLeft: PropTypes.bool,
@@ -256,7 +256,7 @@ var PayWithFlutterwaveBase = /** @class */ (function (_super) {
                 onPress: this.handleInit
             });
         }
-        return <FlwButton style={style} alignLeft={!!alignLeft} children={children} onPress={this.handleInit} disabled={isPending}/>;
+        return <FlutterwaveButton style={style} alignLeft={!!alignLeft} children={children} onPress={this.handleInit} disabled={isPending}/>;
     };
     return PayWithFlutterwaveBase;
 }(React.Component));

dist/FlwButton.d.ts.map

@@ -2,8 +2,8 @@ import FlutterwaveInit from './FlutterwaveInit';
 import FlutterwaveInitV2 from './FlutterwaveInitV2';
 import PayWithFlutterwave from './PayWithFlutterwave';
 import PayWithFlutterwaveV2 from './PayWithFlutterwaveV2';
-import FlwButton from './FlwButton';
+import FlutterwaveButton from './FlutterwaveButton';
 import FlwCheckout from './FlwCheckout';
-export { FlutterwaveInit, PayWithFlutterwave, FlutterwaveInitV2, PayWithFlutterwaveV2, FlwButton, FlwCheckout, };
+export { FlutterwaveInit, PayWithFlutterwave, FlutterwaveInitV2, PayWithFlutterwaveV2, FlutterwaveButton, FlwCheckout, };
 export default PayWithFlutterwave;
 //# sourceMappingURL=index.d.ts.map