Skip to content

Commit 1be3398

Browse files
thecodecafethecodecafe
committed
feat(flwcheckout): change name to FlutterwaveCheckout
1 parent 7db830a commit 1be3398

15 files changed

+67
-67
lines changed

__tests__/FlwCheckout.spec.tsx renamed to __tests__/FlutterwaveCheckout.spec.tsx

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,19 @@ import 'react-native';
22
import React from 'react';
33
import {TouchableOpacity, Alert} from 'react-native';
44
import renderer from 'react-test-renderer';
5-
import FlwCheckout, {FlwCheckoutError} from '../src/FlwCheckout';
5+
import FlutterwaveCheckout, {FlutterwaveCheckoutError} from '../src/FlutterwaveCheckout';
66
import timeTravel, {setupTimeTravel} from '../timeTravel';
77
import {REDIRECT_URL} from '../src/configs';
88
import WebView from 'react-native-webview';
99
const link = 'http://example.com';
1010

1111
beforeEach(() => setupTimeTravel());
1212
afterEach(() => jest.useRealTimers());
13-
describe('<FlwCheckout/>', () => {
13+
describe('<FlutterwaveCheckout/>', () => {
1414
it('renders with modal closed if visible prop is not true', () => {
1515
// create test renderer
1616
const TestRenderer = renderer.create(
17-
<FlwCheckout onRedirect={() => {}} />
17+
<FlutterwaveCheckout onRedirect={() => {}} />
1818
);
1919
// run assertions
2020
expect(TestRenderer.toJSON()).toMatchSnapshot();
@@ -23,7 +23,7 @@ describe('<FlwCheckout/>', () => {
2323
it('renders with modal open if visible props is true', () => {
2424
// create test renderer
2525
const TestRenderer = renderer.create(
26-
<FlwCheckout onRedirect={() => {}} visible />
26+
<FlutterwaveCheckout onRedirect={() => {}} visible />
2727
);
2828
// simulate animation timeframes
2929
timeTravel();
@@ -36,7 +36,7 @@ describe('<FlwCheckout/>', () => {
3636
const url = REDIRECT_URL + '?foo=bar';
3737
// create test renderer
3838
const TestRenderer = renderer.create(
39-
<FlwCheckout onRedirect={onRedirect} visible link={link} />
39+
<FlutterwaveCheckout onRedirect={onRedirect} visible link={link} />
4040
);
4141
// fire on navigation state change
4242
TestRenderer.root.findByType(WebView).props.onNavigationStateChange({url});
@@ -58,7 +58,7 @@ describe('<FlwCheckout/>', () => {
5858
const url = 'http://example/com?foo=bar';
5959
// create test renderer
6060
const TestRenderer = renderer.create(
61-
<FlwCheckout onRedirect={onRedirect} visible link={link} />
61+
<FlutterwaveCheckout onRedirect={onRedirect} visible link={link} />
6262
);
6363
// fire on navigation state change
6464
TestRenderer.root.findByType(WebView).props.onNavigationStateChange({url});
@@ -76,7 +76,7 @@ describe('<FlwCheckout/>', () => {
7676
it('asks user to confirm abort when use taps on the backdrop', () => {
7777
// create test renderer
7878
const TestRenderer = renderer.create(
79-
<FlwCheckout onRedirect={() => {}} visible link={link} />
79+
<FlutterwaveCheckout onRedirect={() => {}} visible link={link} />
8080
);
8181
// call backdrop onPress
8282
TestRenderer.root.findByProps({testID: 'flw-checkout-backdrop'}).props.onPress();
@@ -93,7 +93,7 @@ describe('<FlwCheckout/>', () => {
9393
const onAbort = jest.fn();
9494
// create test renderer
9595
const TestRenderer = renderer.create(
96-
<FlwCheckout onRedirect={() => {}} onAbort={onAbort} visible link={link} />
96+
<FlutterwaveCheckout onRedirect={() => {}} onAbort={onAbort} visible link={link} />
9797
);
9898
// call backdrop onPress
9999
TestRenderer.root.findByProps({testID: 'flw-checkout-backdrop'}).props.onPress();
@@ -116,7 +116,7 @@ describe('<FlwCheckout/>', () => {
116116
const onAbort = jest.fn();
117117
// create test renderer
118118
const TestRenderer = renderer.create(
119-
<FlwCheckout onRedirect={() => {}} onAbort={onAbort} visible link={link} />
119+
<FlutterwaveCheckout onRedirect={() => {}} onAbort={onAbort} visible link={link} />
120120
);
121121
// create error test renderer
122122
const ErrorTestRenderer = renderer.create(
@@ -130,7 +130,7 @@ describe('<FlwCheckout/>', () => {
130130
const onAbort = jest.fn();
131131
// create test renderer
132132
const TestRenderer = renderer.create(
133-
<FlwCheckout onRedirect={() => {}} onAbort={onAbort} visible link={link} />
133+
<FlutterwaveCheckout onRedirect={() => {}} onAbort={onAbort} visible link={link} />
134134
);
135135
// create error test renderer
136136
const ErrorTestRenderer = renderer.create(
@@ -144,7 +144,7 @@ describe('<FlwCheckout/>', () => {
144144
// const onAbort = jest.fn();
145145
// // create test renderer
146146
// const TestRenderer = renderer.create(
147-
// <FlwCheckout
147+
// <FlutterwaveCheckout
148148
// onRedirect={() => {}}
149149
// onAbort={onAbort}
150150
// visible
@@ -172,7 +172,7 @@ describe('<FlwCheckout/>', () => {
172172
const split = jest.spyOn(url, 'split');
173173
// create test renderer
174174
const TestRenderer = renderer.create(
175-
<FlwCheckout onRedirect={() => {}} visible link={link} />
175+
<FlutterwaveCheckout onRedirect={() => {}} visible link={link} />
176176
);
177177
// fire on navigation state change
178178
TestRenderer.root.findByType(WebView).props.onNavigationStateChange({url});
@@ -194,7 +194,7 @@ describe('<FlwCheckout/>', () => {
194194
const split = jest.spyOn(url, 'split');
195195
// create test renderer
196196
const TestRenderer = renderer.create(
197-
<FlwCheckout onRedirect={() => {}} visible link={link} />
197+
<FlutterwaveCheckout onRedirect={() => {}} visible link={link} />
198198
);
199199
// fire on navigation state change
200200
TestRenderer.root.findByType(WebView).props.onNavigationStateChange({url});
@@ -211,11 +211,11 @@ describe('<FlwCheckout/>', () => {
211211
});
212212
});
213213

214-
describe('<FlwCheckoutError />', () => {
214+
describe('<FlutterwaveCheckoutError />', () => {
215215
it('has a retry button if hasLink prop is true', () => {
216216
// create test renderer
217217
const TestRenderer = renderer.create(
218-
<FlwCheckoutError hasLink onTryAgain={() => {}} />
218+
<FlutterwaveCheckoutError hasLink onTryAgain={() => {}} />
219219
);
220220
// simulate animation timeframes
221221
timeTravel();
@@ -228,7 +228,7 @@ describe('<FlwCheckoutError />', () => {
228228
it('does not have a retry button if hasLink prop is false', () => {
229229
// create test renderer
230230
const TestRenderer = renderer.create(
231-
<FlwCheckoutError hasLink={false} onTryAgain={() => {}} />
231+
<FlutterwaveCheckoutError hasLink={false} onTryAgain={() => {}} />
232232
);
233233
// simulate animation timeframes
234234
timeTravel();

‎__tests__/PayWithFlutterwaveBase.spec.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import {FlutterwaveInitOptions} from '../src/FlutterwaveInit';
66
import {REDIRECT_URL, STANDARD_URL} from '../src/configs';
77
import {Modal, TouchableOpacity, Text} from 'react-native';
88
import timeTravel, { setupTimeTravel } from '../timeTravel';
9-
import FlwCheckout from '../src/FlwCheckout';
9+
import FlutterwaveCheckout from '../src/FlutterwaveCheckout';
1010
import FlutterwaveInitError from '../src/utils/FlutterwaveInitError';
1111
import FlutterwaveInit from '../src/FlutterwaveInit';
1212
const BtnTestID = 'flw-button';
@@ -650,7 +650,7 @@ describe('PayWithFlutterwaveBase', () => {
650650
// simulate animated timeframe
651651
timeTravel();
652652
// get modal test renderer
653-
const ModalTestRender = Tree.root.findByType(FlwCheckout);
653+
const ModalTestRender = Tree.root.findByType(FlutterwaveCheckout);
654654
// run assertions
655655
expect(ModalTestRender.props.visible).toEqual(true);
656656
});

__tests__/__snapshots__/FlwCheckout.spec.tsx.snap renamed to __tests__/__snapshots__/FlutterwaveCheckout.spec.tsx.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

3-
exports[`<FlwCheckout/> renders with modal closed if visible prop is not true 1`] = `
3+
exports[`<FlutterwaveCheckout/> renders with modal closed if visible prop is not true 1`] = `
44
<Modal
55
animated={false}
66
hardwareAccelerated={false}
@@ -131,7 +131,7 @@ exports[`<FlwCheckout/> renders with modal closed if visible prop is not true 1`
131131
</Modal>
132132
`;
133133

134-
exports[`<FlwCheckout/> renders with modal open if visible props is true 1`] = `
134+
exports[`<FlutterwaveCheckout/> renders with modal open if visible props is true 1`] = `
135135
<Modal
136136
animated={false}
137137
hardwareAccelerated={false}

‎dist/FlutterwaveCheckout.d.ts‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import React from 'react';
2+
export interface FlutterwaveCheckoutProps {
3+
onRedirect?: (data: any) => void;
4+
onAbort?: () => void;
5+
link?: string;
6+
visible?: boolean;
7+
}
8+
interface FlutterwaveCheckoutErrorProps {
9+
hasLink: boolean;
10+
onTryAgain: () => void;
11+
}
12+
declare const FlutterwaveCheckout: React.FC<FlutterwaveCheckoutProps>;
13+
export declare const FlutterwaveCheckoutError: React.FC<FlutterwaveCheckoutErrorProps>;
14+
export default FlutterwaveCheckout;
15+
//# sourceMappingURL=FlutterwaveCheckout.d.ts.map

‎dist/FlutterwaveCheckout.d.ts.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/FlwCheckout.js renamed to dist/FlutterwaveCheckout.js

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ var getRedirectParams = function (url) {
2222
// return result
2323
return res;
2424
};
25-
var FlwCheckout = function FlwCheckout(props) {
25+
var FlutterwaveCheckout = function FlutterwaveCheckout(props) {
2626
var link = props.link, visible = props.visible, onRedirect = props.onRedirect, onAbort = props.onAbort;
2727
var _a = React.useState(false), show = _a[0], setShow = _a[1];
2828
var webviewRef = React.useRef(null);
@@ -105,19 +105,19 @@ var FlwCheckout = function FlwCheckout(props) {
105105
outputRange: [0, 1, 1]
106106
});
107107
return (<Modal transparent={true} animated={false} hardwareAccelerated={false} visible={show}>
108-
<FlwCheckoutBackdrop onPress={function () { return handleAbort(); }} animation={animation.current}/>
108+
<FlutterwaveCheckoutBackdrop onPress={function () { return handleAbort(); }} animation={animation.current}/>
109109
<Animated.View style={[
110110
styles.webviewContainer,
111111
{
112112
marginTop: marginTop,
113113
opacity: opacity
114114
}
115115
]} testID='flw-checkout-dialog'>
116-
<WebView ref={webviewRef} source={{ uri: link || '' }} style={styles.webview} startInLoadingState={true} scalesPageToFit={true} javaScriptEnabled={true} onNavigationStateChange={handleNavigationStateChange} renderError={function () { return <FlwCheckoutError hasLink={!!link} onTryAgain={handleReload}/>; }} renderLoading={function () { return <FlwCheckoutLoader />; }}/>
116+
<WebView ref={webviewRef} source={{ uri: link || '' }} style={styles.webview} startInLoadingState={true} scalesPageToFit={true} javaScriptEnabled={true} onNavigationStateChange={handleNavigationStateChange} renderError={function () { return <FlutterwaveCheckoutError hasLink={!!link} onTryAgain={handleReload}/>; }} renderLoading={function () { return <FlutterwaveCheckoutLoader />; }}/>
117117
</Animated.View>
118118
</Modal>);
119119
};
120-
var FlwCheckoutBackdrop = function FlwCheckoutBackdrop(_a) {
120+
var FlutterwaveCheckoutBackdrop = function FlutterwaveCheckoutBackdrop(_a) {
121121
var animation = _a.animation, onPress = _a.onPress;
122122
// Interpolation backdrop animation
123123
var backgroundColor = animation.interpolate({
@@ -128,7 +128,7 @@ var FlwCheckoutBackdrop = function FlwCheckoutBackdrop(_a) {
128128
<Animated.View style={Object.assign({}, styles.backdrop, { backgroundColor: backgroundColor })}/>
129129
</TouchableWithoutFeedback>);
130130
};
131-
export var FlwCheckoutError = function (_a) {
131+
export var FlutterwaveCheckoutError = function (_a) {
132132
var hasLink = _a.hasLink, onTryAgain = _a.onTryAgain;
133133
return (<View style={styles.error} testID="flw-checkout-error">
134134
{hasLink ? (<>
@@ -143,7 +143,7 @@ export var FlwCheckoutError = function (_a) {
143143
</Text>)}
144144
</View>);
145145
};
146-
var FlwCheckoutLoader = function () {
146+
var FlutterwaveCheckoutLoader = function () {
147147
return (<View style={styles.loading} testID="flw-checkout-loader">
148148
<Image source={loader} resizeMode="contain" style={styles.loadingImage}/>
149149
</View>);
@@ -211,4 +211,4 @@ var styles = StyleSheet.create({
211211
backgroundColor: 'rgba(0,0,0,0)'
212212
}
213213
});
214-
export default FlwCheckout;
214+
export default FlutterwaveCheckout;

‎dist/FlwCheckout.d.ts‎

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎dist/FlwCheckout.d.ts.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎dist/PaywithFlutterwaveBase.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
6161
import React from 'react';
6262
import PropTypes from 'prop-types';
6363
import FlutterwaveInitError from './utils/FlutterwaveInitError';
64-
import FlwCheckout from './FlwCheckout';
64+
import FlutterwaveCheckout from './FlutterwaveCheckout';
6565
import FlutterwaveButton from './FlutterwaveButton';
6666
import { REDIRECT_URL } from './configs';
6767
export var PayWithFlutterwavePropTypesBase = {
@@ -244,7 +244,7 @@ var PayWithFlutterwaveBase = /** @class */ (function (_super) {
244244
var _a = this.state, link = _a.link, showDialog = _a.showDialog;
245245
return (<>
246246
{this.renderButton()}
247-
<FlwCheckout onAbort={this.handleAbort} onRedirect={this.handleRedirect} link={link || undefined} visible={showDialog}/>
247+
<FlutterwaveCheckout onAbort={this.handleAbort} onRedirect={this.handleRedirect} link={link || undefined} visible={showDialog}/>
248248
</>);
249249
};
250250
PayWithFlutterwaveBase.prototype.renderButton = function () {

‎dist/index.d.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import FlutterwaveInitV2 from './FlutterwaveInitV2';
33
import PayWithFlutterwave from './PayWithFlutterwave';
44
import PayWithFlutterwaveV2 from './PayWithFlutterwaveV2';
55
import FlutterwaveButton from './FlutterwaveButton';
6-
import FlwCheckout from './FlwCheckout';
7-
export { FlutterwaveInit, PayWithFlutterwave, FlutterwaveInitV2, PayWithFlutterwaveV2, FlutterwaveButton, FlwCheckout, };
6+
import FlutterwaveCheckout from './FlutterwaveCheckout';
7+
export { FlutterwaveInit, PayWithFlutterwave, FlutterwaveInitV2, PayWithFlutterwaveV2, FlutterwaveButton, FlutterwaveCheckout, };
88
export default PayWithFlutterwave;
99
//# sourceMappingURL=index.d.ts.map

0 commit comments

Comments
 (0)