omnipay-reactnative-sdk 0.3.7 → 0.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/OmnipayProvider.js +27 -13
- package/lib/commonjs/components/OmnipayProvider.js.map +1 -1
- package/lib/module/components/OmnipayProvider.js +27 -13
- package/lib/module/components/OmnipayProvider.js.map +1 -1
- package/lib/typescript/components/OmnipayProvider.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/OmnipayProvider.tsx +38 -24
|
@@ -111,10 +111,18 @@ const OmnipayProvider = _ref => {
|
|
|
111
111
|
style: styles.modal
|
|
112
112
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
113
113
|
style: styles.backdrop
|
|
114
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
115
115
|
style: [styles.container, {
|
|
116
116
|
paddingTop: containerOffset
|
|
117
117
|
}]
|
|
118
|
+
}, containerOffset !== 0 && webviewStatus === 'success' && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
119
|
+
style: styles.close,
|
|
120
|
+
onPress: () => setIsVisible(false)
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
122
|
+
source: require('../assets/cancel.png'),
|
|
123
|
+
style: styles.closeIcon
|
|
124
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
|
|
125
|
+
contentContainerStyle: styles.contentContainer
|
|
118
126
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeWebview.default, {
|
|
119
127
|
source: {
|
|
120
128
|
uri: webviewUrl
|
|
@@ -127,18 +135,12 @@ const OmnipayProvider = _ref => {
|
|
|
127
135
|
setWebviewStatus('loading');
|
|
128
136
|
},
|
|
129
137
|
onLoadEnd: () => setWebviewStatus('success')
|
|
130
|
-
}),
|
|
131
|
-
style: styles.close,
|
|
132
|
-
onPress: () => setIsVisible(false)
|
|
133
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
134
|
-
source: require('../assets/cancel.png'),
|
|
135
|
-
style: styles.closeIcon
|
|
136
|
-
}))))), webviewStatus === 'loading' && showWebview && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
138
|
+
}), webviewStatus === 'loading' && showWebview && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
137
139
|
style: styles.webviewLoader
|
|
138
140
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
|
|
139
141
|
size: "small",
|
|
140
142
|
color: color
|
|
141
|
-
}))), children);
|
|
143
|
+
}))))))), children);
|
|
142
144
|
};
|
|
143
145
|
exports.OmnipayProvider = OmnipayProvider;
|
|
144
146
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -153,7 +155,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
153
155
|
webview: {
|
|
154
156
|
flex: 1,
|
|
155
157
|
width: '100%',
|
|
156
|
-
height: _reactNative.Dimensions.get('window').height -
|
|
158
|
+
height: _reactNative.Dimensions.get('window').height - 100,
|
|
157
159
|
backgroundColor: 'white'
|
|
158
160
|
},
|
|
159
161
|
webviewLoader: {
|
|
@@ -179,7 +181,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
179
181
|
backgroundColor: 'white',
|
|
180
182
|
borderTopRightRadius: 20,
|
|
181
183
|
borderTopLeftRadius: 20,
|
|
182
|
-
maxHeight: _reactNative.Dimensions.get('window').height -
|
|
184
|
+
maxHeight: _reactNative.Dimensions.get('window').height - 100,
|
|
183
185
|
flex: 1,
|
|
184
186
|
position: 'relative'
|
|
185
187
|
},
|
|
@@ -191,12 +193,24 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
191
193
|
},
|
|
192
194
|
close: {
|
|
193
195
|
position: 'absolute',
|
|
194
|
-
top:
|
|
195
|
-
right:
|
|
196
|
+
top: 10,
|
|
197
|
+
right: 10,
|
|
198
|
+
backgroundColor: 'white',
|
|
199
|
+
height: 24,
|
|
200
|
+
width: 24,
|
|
201
|
+
borderRadius: 1000,
|
|
202
|
+
alignItems: 'center',
|
|
203
|
+
justifyContent: 'center',
|
|
204
|
+
zIndex: 2
|
|
196
205
|
},
|
|
197
206
|
closeIcon: {
|
|
198
207
|
height: 12,
|
|
199
208
|
width: 12
|
|
209
|
+
},
|
|
210
|
+
contentContainer: {
|
|
211
|
+
flex: 1,
|
|
212
|
+
height: _reactNative.Dimensions.get('window').height - 100,
|
|
213
|
+
position: 'relative'
|
|
200
214
|
}
|
|
201
215
|
});
|
|
202
216
|
//# sourceMappingURL=OmnipayProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["defaultValue","initiateBills","OmnipayContext","React","createContext","OmnipayProvider","children","publicKey","env","color","webviewStatus","setWebviewStatus","useState","isVisible","setIsVisible","webviewRef","useRef","webHost","getWebHost","webviewUrl","setWebviewUrl","showWebview","includes","containerOffset","setContainerOffset","isValidEnv","isValidColor","length","getWebviewStyle","opacity","height","width","flex","styles","webview","onWebviewMount","Platform","OS","postMessage","data","current","JSON","stringify","error","onWebviewMessage","e","nativeEvent","eventData","parse","dataKey","dataValue","contactDetails","getContact","Linking","openURL","_initiateBills","phoneNumber","webUrl","console","warn","webviewStyle","isPropsValid","modal","backdrop","container","paddingTop","
|
|
1
|
+
{"version":3,"names":["defaultValue","initiateBills","OmnipayContext","React","createContext","OmnipayProvider","children","publicKey","env","color","webviewStatus","setWebviewStatus","useState","isVisible","setIsVisible","webviewRef","useRef","webHost","getWebHost","webviewUrl","setWebviewUrl","showWebview","includes","containerOffset","setContainerOffset","isValidEnv","isValidColor","length","getWebviewStyle","opacity","height","width","flex","styles","webview","onWebviewMount","Platform","OS","postMessage","data","current","JSON","stringify","error","onWebviewMessage","e","nativeEvent","eventData","parse","dataKey","dataValue","contactDetails","getContact","Linking","openURL","_initiateBills","phoneNumber","webUrl","console","warn","webviewStyle","isPropsValid","modal","backdrop","container","paddingTop","close","require","closeIcon","contentContainer","uri","webviewLoader","StyleSheet","create","hide","display","full","Dimensions","get","backgroundColor","zIndex","alignItems","justifyContent","position","top","left","borderTopRightRadius","borderTopLeftRadius","maxHeight","right","borderRadius"],"sourceRoot":"../../src","sources":["OmnipayProvider.tsx"],"mappings":"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"}
|
|
@@ -101,10 +101,18 @@ export const OmnipayProvider = _ref => {
|
|
|
101
101
|
style: styles.modal
|
|
102
102
|
}, /*#__PURE__*/React.createElement(View, {
|
|
103
103
|
style: styles.backdrop
|
|
104
|
-
}, /*#__PURE__*/React.createElement(
|
|
104
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
105
105
|
style: [styles.container, {
|
|
106
106
|
paddingTop: containerOffset
|
|
107
107
|
}]
|
|
108
|
+
}, containerOffset !== 0 && webviewStatus === 'success' && /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
109
|
+
style: styles.close,
|
|
110
|
+
onPress: () => setIsVisible(false)
|
|
111
|
+
}, /*#__PURE__*/React.createElement(Image, {
|
|
112
|
+
source: require('../assets/cancel.png'),
|
|
113
|
+
style: styles.closeIcon
|
|
114
|
+
})), /*#__PURE__*/React.createElement(ScrollView, {
|
|
115
|
+
contentContainerStyle: styles.contentContainer
|
|
108
116
|
}, /*#__PURE__*/React.createElement(WebView, {
|
|
109
117
|
source: {
|
|
110
118
|
uri: webviewUrl
|
|
@@ -117,18 +125,12 @@ export const OmnipayProvider = _ref => {
|
|
|
117
125
|
setWebviewStatus('loading');
|
|
118
126
|
},
|
|
119
127
|
onLoadEnd: () => setWebviewStatus('success')
|
|
120
|
-
}),
|
|
121
|
-
style: styles.close,
|
|
122
|
-
onPress: () => setIsVisible(false)
|
|
123
|
-
}, /*#__PURE__*/React.createElement(Image, {
|
|
124
|
-
source: require('../assets/cancel.png'),
|
|
125
|
-
style: styles.closeIcon
|
|
126
|
-
}))))), webviewStatus === 'loading' && showWebview && /*#__PURE__*/React.createElement(View, {
|
|
128
|
+
}), webviewStatus === 'loading' && showWebview && /*#__PURE__*/React.createElement(View, {
|
|
127
129
|
style: styles.webviewLoader
|
|
128
130
|
}, /*#__PURE__*/React.createElement(ActivityIndicator, {
|
|
129
131
|
size: "small",
|
|
130
132
|
color: color
|
|
131
|
-
}))), children);
|
|
133
|
+
}))))))), children);
|
|
132
134
|
};
|
|
133
135
|
const styles = StyleSheet.create({
|
|
134
136
|
hide: {
|
|
@@ -142,7 +144,7 @@ const styles = StyleSheet.create({
|
|
|
142
144
|
webview: {
|
|
143
145
|
flex: 1,
|
|
144
146
|
width: '100%',
|
|
145
|
-
height: Dimensions.get('window').height -
|
|
147
|
+
height: Dimensions.get('window').height - 100,
|
|
146
148
|
backgroundColor: 'white'
|
|
147
149
|
},
|
|
148
150
|
webviewLoader: {
|
|
@@ -168,7 +170,7 @@ const styles = StyleSheet.create({
|
|
|
168
170
|
backgroundColor: 'white',
|
|
169
171
|
borderTopRightRadius: 20,
|
|
170
172
|
borderTopLeftRadius: 20,
|
|
171
|
-
maxHeight: Dimensions.get('window').height -
|
|
173
|
+
maxHeight: Dimensions.get('window').height - 100,
|
|
172
174
|
flex: 1,
|
|
173
175
|
position: 'relative'
|
|
174
176
|
},
|
|
@@ -180,12 +182,24 @@ const styles = StyleSheet.create({
|
|
|
180
182
|
},
|
|
181
183
|
close: {
|
|
182
184
|
position: 'absolute',
|
|
183
|
-
top:
|
|
184
|
-
right:
|
|
185
|
+
top: 10,
|
|
186
|
+
right: 10,
|
|
187
|
+
backgroundColor: 'white',
|
|
188
|
+
height: 24,
|
|
189
|
+
width: 24,
|
|
190
|
+
borderRadius: 1000,
|
|
191
|
+
alignItems: 'center',
|
|
192
|
+
justifyContent: 'center',
|
|
193
|
+
zIndex: 2
|
|
185
194
|
},
|
|
186
195
|
closeIcon: {
|
|
187
196
|
height: 12,
|
|
188
197
|
width: 12
|
|
198
|
+
},
|
|
199
|
+
contentContainer: {
|
|
200
|
+
flex: 1,
|
|
201
|
+
height: Dimensions.get('window').height - 100,
|
|
202
|
+
position: 'relative'
|
|
189
203
|
}
|
|
190
204
|
});
|
|
191
205
|
//# sourceMappingURL=OmnipayProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","useState","ActivityIndicator","Linking","Platform","StyleSheet","View","Modal","ScrollView","Dimensions","TouchableOpacity","Image","WebView","getContact","defaultValue","initiateBills","OmnipayContext","createContext","OmnipayProvider","children","publicKey","env","color","webviewStatus","setWebviewStatus","isVisible","setIsVisible","webviewRef","webHost","getWebHost","webviewUrl","setWebviewUrl","showWebview","includes","containerOffset","setContainerOffset","isValidEnv","isValidColor","length","getWebviewStyle","opacity","height","width","flex","styles","webview","onWebviewMount","OS","postMessage","data","current","JSON","stringify","error","onWebviewMessage","e","nativeEvent","eventData","parse","dataKey","dataValue","contactDetails","openURL","_initiateBills","phoneNumber","webUrl","console","warn","webviewStyle","isPropsValid","modal","backdrop","container","paddingTop","
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","ActivityIndicator","Linking","Platform","StyleSheet","View","Modal","ScrollView","Dimensions","TouchableOpacity","Image","WebView","getContact","defaultValue","initiateBills","OmnipayContext","createContext","OmnipayProvider","children","publicKey","env","color","webviewStatus","setWebviewStatus","isVisible","setIsVisible","webviewRef","webHost","getWebHost","webviewUrl","setWebviewUrl","showWebview","includes","containerOffset","setContainerOffset","isValidEnv","isValidColor","length","getWebviewStyle","opacity","height","width","flex","styles","webview","onWebviewMount","OS","postMessage","data","current","JSON","stringify","error","onWebviewMessage","e","nativeEvent","eventData","parse","dataKey","dataValue","contactDetails","openURL","_initiateBills","phoneNumber","webUrl","console","warn","webviewStyle","isPropsValid","modal","backdrop","container","paddingTop","close","require","closeIcon","contentContainer","uri","webviewLoader","create","hide","display","full","get","backgroundColor","zIndex","alignItems","justifyContent","position","top","left","borderTopRightRadius","borderTopLeftRadius","maxHeight","right","borderRadius"],"sourceRoot":"../../src","sources":["OmnipayProvider.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAgBhD,aAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;CACrD,CAAC;AAQF,aAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAMF,eAAO,MAAM,cAAc,0CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,yCAKzB,oBAAoB,
|
|
1
|
+
{"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAgBhD,aAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;CACrD,CAAC;AAQF,aAAK,iBAAiB,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAMF,eAAO,MAAM,cAAc,0CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,yCAKzB,oBAAoB,gBAgItB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "omnipay-reactnative-sdk",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.9",
|
|
4
4
|
"description": "Omnipay react native sdk",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -34,7 +34,8 @@
|
|
|
34
34
|
"release": "release-it",
|
|
35
35
|
"example": "yarn --cwd example",
|
|
36
36
|
"bootstrap": "yarn example && yarn install && yarn example pods",
|
|
37
|
-
"format": "prettier --write '**'"
|
|
37
|
+
"format": "prettier --write '**'",
|
|
38
|
+
"lint-fix": "eslint --fix --ext .ts,.tsx ."
|
|
38
39
|
},
|
|
39
40
|
"keywords": [
|
|
40
41
|
"react-native",
|
|
@@ -133,22 +133,9 @@ export const OmnipayProvider = ({
|
|
|
133
133
|
{webviewUrl.includes('view') && (
|
|
134
134
|
<Modal visible={showWebview} style={styles.modal}>
|
|
135
135
|
<View style={styles.backdrop}>
|
|
136
|
-
<
|
|
136
|
+
<View
|
|
137
137
|
style={[styles.container, { paddingTop: containerOffset }]}
|
|
138
138
|
>
|
|
139
|
-
<WebView
|
|
140
|
-
source={{
|
|
141
|
-
uri: webviewUrl,
|
|
142
|
-
}}
|
|
143
|
-
style={webviewStyle}
|
|
144
|
-
injectedJavaScriptBeforeContentLoaded={onWebviewMount}
|
|
145
|
-
onMessage={onWebviewMessage}
|
|
146
|
-
ref={webviewRef}
|
|
147
|
-
onLoadStart={() => {
|
|
148
|
-
setWebviewStatus('loading');
|
|
149
|
-
}}
|
|
150
|
-
onLoadEnd={() => setWebviewStatus('success')}
|
|
151
|
-
/>
|
|
152
139
|
{containerOffset !== 0 && webviewStatus === 'success' && (
|
|
153
140
|
<TouchableOpacity
|
|
154
141
|
style={styles.close}
|
|
@@ -160,15 +147,30 @@ export const OmnipayProvider = ({
|
|
|
160
147
|
/>
|
|
161
148
|
</TouchableOpacity>
|
|
162
149
|
)}
|
|
163
|
-
|
|
150
|
+
<ScrollView contentContainerStyle={styles.contentContainer}>
|
|
151
|
+
<WebView
|
|
152
|
+
source={{
|
|
153
|
+
uri: webviewUrl,
|
|
154
|
+
}}
|
|
155
|
+
style={webviewStyle}
|
|
156
|
+
injectedJavaScriptBeforeContentLoaded={onWebviewMount}
|
|
157
|
+
onMessage={onWebviewMessage}
|
|
158
|
+
ref={webviewRef}
|
|
159
|
+
onLoadStart={() => {
|
|
160
|
+
setWebviewStatus('loading');
|
|
161
|
+
}}
|
|
162
|
+
onLoadEnd={() => setWebviewStatus('success')}
|
|
163
|
+
/>
|
|
164
|
+
{webviewStatus === 'loading' && showWebview && (
|
|
165
|
+
<View style={styles.webviewLoader}>
|
|
166
|
+
<ActivityIndicator size="small" color={color} />
|
|
167
|
+
</View>
|
|
168
|
+
)}
|
|
169
|
+
</ScrollView>
|
|
170
|
+
</View>
|
|
164
171
|
</View>
|
|
165
172
|
</Modal>
|
|
166
173
|
)}
|
|
167
|
-
{webviewStatus === 'loading' && showWebview && (
|
|
168
|
-
<View style={styles.webviewLoader}>
|
|
169
|
-
<ActivityIndicator size="small" color={color} />
|
|
170
|
-
</View>
|
|
171
|
-
)}
|
|
172
174
|
</>
|
|
173
175
|
)}
|
|
174
176
|
{children}
|
|
@@ -188,7 +190,7 @@ const styles = StyleSheet.create({
|
|
|
188
190
|
webview: {
|
|
189
191
|
flex: 1,
|
|
190
192
|
width: '100%',
|
|
191
|
-
height: Dimensions.get('window').height -
|
|
193
|
+
height: Dimensions.get('window').height - 100,
|
|
192
194
|
backgroundColor: 'white',
|
|
193
195
|
},
|
|
194
196
|
webviewLoader: {
|
|
@@ -214,7 +216,7 @@ const styles = StyleSheet.create({
|
|
|
214
216
|
backgroundColor: 'white',
|
|
215
217
|
borderTopRightRadius: 20,
|
|
216
218
|
borderTopLeftRadius: 20,
|
|
217
|
-
maxHeight: Dimensions.get('window').height -
|
|
219
|
+
maxHeight: Dimensions.get('window').height - 100,
|
|
218
220
|
flex: 1,
|
|
219
221
|
position: 'relative',
|
|
220
222
|
},
|
|
@@ -226,11 +228,23 @@ const styles = StyleSheet.create({
|
|
|
226
228
|
},
|
|
227
229
|
close: {
|
|
228
230
|
position: 'absolute',
|
|
229
|
-
top:
|
|
230
|
-
right:
|
|
231
|
+
top: 10,
|
|
232
|
+
right: 10,
|
|
233
|
+
backgroundColor: 'white',
|
|
234
|
+
height: 24,
|
|
235
|
+
width: 24,
|
|
236
|
+
borderRadius: 1000,
|
|
237
|
+
alignItems: 'center',
|
|
238
|
+
justifyContent: 'center',
|
|
239
|
+
zIndex: 2,
|
|
231
240
|
},
|
|
232
241
|
closeIcon: {
|
|
233
242
|
height: 12,
|
|
234
243
|
width: 12,
|
|
235
244
|
},
|
|
245
|
+
contentContainer: {
|
|
246
|
+
flex: 1,
|
|
247
|
+
height: Dimensions.get('window').height - 100,
|
|
248
|
+
position: 'relative',
|
|
249
|
+
},
|
|
236
250
|
});
|