omnipay-reactnative-sdk 0.4.2 → 0.4.4
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 +16 -8
- package/lib/commonjs/components/OmnipayProvider.js.map +1 -1
- package/lib/module/components/OmnipayProvider.js +17 -9
- package/lib/module/components/OmnipayProvider.js.map +1 -1
- package/lib/typescript/components/OmnipayProvider.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/OmnipayProvider.tsx +36 -21
|
@@ -85,6 +85,12 @@ const OmnipayProvider = _ref => {
|
|
|
85
85
|
}
|
|
86
86
|
if (dataKey === 'modalClosed') {
|
|
87
87
|
setContainerOffset(30);
|
|
88
|
+
if (dataValue === 'closeSdk') {
|
|
89
|
+
closeWebview();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
if (dataKey === 'closeSdk') {
|
|
93
|
+
closeWebview();
|
|
88
94
|
}
|
|
89
95
|
}
|
|
90
96
|
} catch (error) {}
|
|
@@ -120,8 +126,10 @@ const OmnipayProvider = _ref => {
|
|
|
120
126
|
visible: showWebview,
|
|
121
127
|
style: styles.modal,
|
|
122
128
|
transparent: true
|
|
123
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.
|
|
124
|
-
style: styles.backdrop
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
130
|
+
style: styles.backdrop,
|
|
131
|
+
activeOpacity: 1,
|
|
132
|
+
onPress: closeWebview
|
|
125
133
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
126
134
|
style: [styles.container, {
|
|
127
135
|
paddingTop: containerOffset
|
|
@@ -134,7 +142,7 @@ const OmnipayProvider = _ref => {
|
|
|
134
142
|
style: styles.closeIcon
|
|
135
143
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
|
|
136
144
|
contentContainerStyle: styles.contentContainer
|
|
137
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNativeWebview.default, {
|
|
145
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, null, /*#__PURE__*/_react.default.createElement(_reactNativeWebview.default, {
|
|
138
146
|
source: {
|
|
139
147
|
uri: webviewUrl
|
|
140
148
|
},
|
|
@@ -146,12 +154,12 @@ const OmnipayProvider = _ref => {
|
|
|
146
154
|
setWebviewStatus('loading');
|
|
147
155
|
},
|
|
148
156
|
onLoadEnd: () => setWebviewStatus('success')
|
|
149
|
-
}), webviewStatus === 'loading' && showWebview && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
157
|
+
})), webviewStatus === 'loading' && showWebview && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
150
158
|
style: styles.webviewLoader
|
|
151
159
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
|
|
152
160
|
size: "small",
|
|
153
161
|
color: color
|
|
154
|
-
}))))))), children);
|
|
162
|
+
})))))))), children);
|
|
155
163
|
};
|
|
156
164
|
exports.OmnipayProvider = OmnipayProvider;
|
|
157
165
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -166,7 +174,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
166
174
|
webview: {
|
|
167
175
|
flex: 1,
|
|
168
176
|
width: '100%',
|
|
169
|
-
height: _reactNative.Dimensions.get('window').height -
|
|
177
|
+
height: _reactNative.Dimensions.get('window').height - 80,
|
|
170
178
|
backgroundColor: 'white'
|
|
171
179
|
},
|
|
172
180
|
webviewLoader: {
|
|
@@ -192,7 +200,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
192
200
|
backgroundColor: 'white',
|
|
193
201
|
borderTopRightRadius: 20,
|
|
194
202
|
borderTopLeftRadius: 20,
|
|
195
|
-
maxHeight: _reactNative.Dimensions.get('window').height -
|
|
203
|
+
maxHeight: _reactNative.Dimensions.get('window').height - 80,
|
|
196
204
|
flex: 1,
|
|
197
205
|
position: 'relative'
|
|
198
206
|
},
|
|
@@ -220,7 +228,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
220
228
|
},
|
|
221
229
|
contentContainer: {
|
|
222
230
|
flex: 1,
|
|
223
|
-
height: _reactNative.Dimensions.get('window').height -
|
|
231
|
+
height: _reactNative.Dimensions.get('window').height - 80,
|
|
224
232
|
position: 'relative'
|
|
225
233
|
}
|
|
226
234
|
});
|
|
@@ -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","onCloseRef","undefined","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","onClose","webUrl","console","warn","
|
|
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","onCloseRef","undefined","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","closeWebview","_initiateBills","phoneNumber","onClose","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":";;;;;;AAAA;AACA;AAaA;AACA;AAA0C;AAAA;AAAA;AAwB1C,IAAIA,YAAY,GAAG;EACjBC,aAAa,EAAE,MAAM;AACvB,CAAC;AAEM,MAAMC,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAC/CJ,YAAY,CACb;AAAC;AAEK,MAAMK,eAAe,GAAG,QAKH;EAAA,IALI;IAC9BC,QAAQ;IACRC,SAAS;IACTC,GAAG;IACHC;EACoB,CAAC;EACrB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAS,SAAS,CAAC;EACrE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMG,UAAU,GAAG,IAAAC,aAAM,EAAU,IAAI,CAAC;EACxC,MAAMC,OAAO,GAAGC,UAAU,EAAE;EAC5B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAR,eAAQ,EAACK,OAAO,CAAC;EACrD,MAAMI,WAAW,GAAGF,UAAU,CAACG,QAAQ,CAAC,MAAM,CAAC,IAAIT,SAAS;EAC5D,MAAM,CAACU,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAZ,eAAQ,EAAC,EAAE,CAAC;EAC1D,MAAMa,UAAU,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAACH,QAAQ,CAACd,GAAG,CAAC;EAChD,MAAMkB,YAAY,GAAGjB,KAAK,CAACkB,MAAM,GAAG,CAAC;EACrC,MAAMC,UAAU,GAAG,IAAAZ,aAAM,EAA2Ba,SAAS,CAAC;EAE9D,SAASC,eAAe,GAAG;IACzB,IAAI,CAACT,WAAW,EAAE;MAChB,OAAO;QAAEU,OAAO,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,KAAK,EAAE,CAAC;QAAEC,IAAI,EAAE;MAAE,CAAC;IACrD;IACA,OAAOC,MAAM,CAACC,OAAO;EACvB;EAEA,SAASlB,UAAU,GAAG;IACpB,IAAIV,GAAG,KAAK,KAAK,EAAE;MACjB,OAAO,oCAAoC;IAC7C;IACA,OAAO,yBAAyB;EAClC;EAEA,MAAM6B,cAAc,GAAI;AAC1B,0BAA0BC,qBAAQ,CAACC,EAAG;AACtC;AACA,KAAK;EAEH,SAASC,WAAW,CAACC,IAAiB,EAAE;IACtC,IAAI,CAAC1B,UAAU,CAAC2B,OAAO,EAAE;MACvB;IACF;IACA,IAAI;MACF3B,UAAU,CAAC2B,OAAO,CAACF,WAAW,CAACG,IAAI,CAACC,SAAS,CAACH,IAAI,CAAC,CAAC;IACtD,CAAC,CAAC,OAAOI,KAAK,EAAE,CAAC;EACnB;EAEA,eAAeC,gBAAgB,CAACC,CAAsB,EAAE;IACtD,IAAI;MACF,IAAIA,CAAC,CAACC,WAAW,IAAID,CAAC,CAACC,WAAW,CAACP,IAAI,EAAE;QACvC,MAAMQ,SAAS,GAAGN,IAAI,CAACO,KAAK,CAACH,CAAC,CAACC,WAAW,CAACP,IAAI,CAAC;QAChD,MAAM;UAAEU,OAAO;UAAEC;QAAU,CAAC,GAAGH,SAAS;QACxC,IAAIE,OAAO,KAAK,eAAe,EAAE;UAC/B,MAAME,cAAc,GAAG,MAAM,IAAAC,qBAAU,GAAE;UACzCd,WAAW,CAAC;YACVW,OAAO,EAAE,iBAAiB;YAC1BC,SAAS,EAAEC;UACb,CAAC,CAAC;QACJ;QAEA,IAAIF,OAAO,KAAK,UAAU,EAAE;UAC1BI,oBAAO,CAACC,OAAO,CAACJ,SAAS,CAAC;QAC5B;QACA,IAAID,OAAO,KAAK,WAAW,EAAE;UAC3B3B,kBAAkB,CAAC,CAAC,CAAC;QACvB;QACA,IAAI2B,OAAO,KAAK,aAAa,EAAE;UAC7B3B,kBAAkB,CAAC,EAAE,CAAC;UACtB,IAAI4B,SAAS,KAAK,UAAU,EAAE;YAC5BK,YAAY,EAAE;UAChB;QACF;QACA,IAAIN,OAAO,KAAK,UAAU,EAAE;UAC1BM,YAAY,EAAE;QAChB;MACF;IACF,CAAC,CAAC,OAAOZ,KAAK,EAAE,CAAC;EACnB;EAEA,MAAMa,cAAc,GAAG,SAAiD;IAAA,IAAhD;MAAEC,WAAW;MAAEC;IAA2B,CAAC;IACjE,IAAI,OAAOD,WAAW,KAAK,QAAQ,IAAIA,WAAW,CAAChC,MAAM,KAAK,EAAE,EAAE;MAChE,MAAMkC,MAAM,GAAI,GAAE5C,OAAQ,UAASR,KAAM,yBAAwBF,SAAU,gBAAeoD,WAAY,EAAC;MACvGvC,aAAa,CAACyC,MAAM,CAAC;MACrB/C,YAAY,CAAC,IAAI,CAAC;MAClBc,UAAU,CAACc,OAAO,GAAGkB,OAAO;MAC5B;IACF;IACAE,OAAO,CAACC,IAAI,CAAC,qCAAqC,CAAC;EACrD,CAAC;EAED,SAASN,YAAY,GAAG;IACtB3C,YAAY,CAAC,KAAK,CAAC;IACnB,IAAIc,UAAU,CAACc,OAAO,IAAI,OAAOd,UAAU,CAACc,OAAO,KAAK,UAAU,EAAE;MAClEd,UAAU,CAACc,OAAO,EAAE;MACpBd,UAAU,CAACc,OAAO,GAAGb,SAAS;IAChC;EACF;EAEA,MAAMmC,YAAY,GAAGlC,eAAe,EAAE;EACtC,MAAMmC,YAAY,GAAGvC,YAAY,IAAI,CAAC,CAACnB,SAAS,IAAIkB,UAAU;EAE9D,oBACE,6BAAC,cAAc,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAExB,aAAa,EAAEyD;IAAe;EAAE,GAC/DO,YAAY,iBACX,4DACG9C,UAAU,CAACG,QAAQ,CAAC,MAAM,CAAC,iBAC1B,6BAAC,kBAAK;IAAC,OAAO,EAAED,WAAY;IAAC,KAAK,EAAEc,MAAM,CAAC+B,KAAM;IAAC,WAAW;EAAA,gBAC3D,6BAAC,6BAAgB;IACf,KAAK,EAAE/B,MAAM,CAACgC,QAAS;IACvB,aAAa,EAAE,CAAE;IACjB,OAAO,EAAEV;EAAa,gBAEtB,6BAAC,iBAAI;IACH,KAAK,EAAE,CAACtB,MAAM,CAACiC,SAAS,EAAE;MAAEC,UAAU,EAAE9C;IAAgB,CAAC;EAAE,GAE1DA,eAAe,KAAK,CAAC,IAAIb,aAAa,KAAK,SAAS,iBACnD,6BAAC,6BAAgB;IACf,KAAK,EAAEyB,MAAM,CAACmC,KAAM;IACpB,OAAO,EAAEb;EAAa,gBAEtB,6BAAC,kBAAK;IACJ,MAAM,EAAEc,OAAO,CAAC,sBAAsB,CAAE;IACxC,KAAK,EAAEpC,MAAM,CAACqC;EAAU,EACxB,CAEL,eACD,6BAAC,uBAAU;IAAC,qBAAqB,EAAErC,MAAM,CAACsC;EAAiB,gBACzD,6BAAC,qCAAwB,qBACvB,6BAAC,2BAAO;IACN,MAAM,EAAE;MACNC,GAAG,EAAEvD;IACP,CAAE;IACF,KAAK,EAAE6C,YAAa;IACpB,qCAAqC,EAAE3B,cAAe;IACtD,SAAS,EAAES,gBAAiB;IAC5B,GAAG,EAAE/B,UAAW;IAChB,WAAW,EAAE,MAAM;MACjBJ,gBAAgB,CAAC,SAAS,CAAC;IAC7B,CAAE;IACF,SAAS,EAAE,MAAMA,gBAAgB,CAAC,SAAS;EAAE,EAC7C,CACuB,EAC1BD,aAAa,KAAK,SAAS,IAAIW,WAAW,iBACzC,6BAAC,qCAAwB,qBACvB,6BAAC,iBAAI;IAAC,KAAK,EAAEc,MAAM,CAACwC;EAAc,gBAChC,6BAAC,8BAAiB;IAAC,IAAI,EAAC,OAAO;IAAC,KAAK,EAAElE;EAAM,EAAG,CAC3C,CAEV,CACU,CACR,CACU,CAEtB,CAEJ,EACAH,QAAQ,CACe;AAE9B,CAAC;AAAC;AAEF,MAAM6B,MAAM,GAAGyC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJ9C,IAAI,EAAE,CAAC;IACPD,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPF,IAAI,EAAE,CAAC;IACPD,KAAK,EAAE,MAAM;IACbD,MAAM,EAAEiD,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAClD,MAAM,GAAG,EAAE;IAC5CmD,eAAe,EAAE;EACnB,CAAC;EACDR,aAAa,EAAE;IACbS,MAAM,EAAE,CAAC;IACTD,eAAe,EAAE,OAAO;IACxBE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBpD,IAAI,EAAE,CAAC;IACPD,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE,MAAM;IACduD,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE;EACR,CAAC;EACDtB,QAAQ,EAAE;IACRgB,eAAe,EAAE,kBAAkB;IACnCjD,IAAI,EAAE,CAAC;IACPoD,cAAc,EAAE,UAAU;IAC1BC,QAAQ,EAAE,UAAU;IACpBvD,MAAM,EAAE;EACV,CAAC;EACDoC,SAAS,EAAE;IACTe,eAAe,EAAE,OAAO;IACxBO,oBAAoB,EAAE,EAAE;IACxBC,mBAAmB,EAAE,EAAE;IACvBC,SAAS,EAAEX,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAClD,MAAM,GAAG,EAAE;IAC/CE,IAAI,EAAE,CAAC;IACPqD,QAAQ,EAAE;EACZ,CAAC;EACDrB,KAAK,EAAE;IACLhC,IAAI,EAAE,CAAC;IACPiD,eAAe,EAAE,kBAAkB;IACnCnD,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDqC,KAAK,EAAE;IACLiB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPK,KAAK,EAAE,EAAE;IACTV,eAAe,EAAE,OAAO;IACxBnD,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACT6D,YAAY,EAAE,IAAI;IAClBT,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBF,MAAM,EAAE;EACV,CAAC;EACDZ,SAAS,EAAE;IACTxC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDwC,gBAAgB,EAAE;IAChBvC,IAAI,EAAE,CAAC;IACPF,MAAM,EAAEiD,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAAClD,MAAM,GAAG,EAAE;IAC5CuD,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useRef, useState } from 'react';
|
|
2
|
-
import { ActivityIndicator, Linking, Platform, StyleSheet, View, Modal, ScrollView, Dimensions, TouchableOpacity, Image } from 'react-native';
|
|
2
|
+
import { ActivityIndicator, Linking, Platform, StyleSheet, View, Modal, ScrollView, Dimensions, TouchableOpacity, Image, TouchableWithoutFeedback } from 'react-native';
|
|
3
3
|
import WebView from 'react-native-webview';
|
|
4
4
|
import { getContact } from '../functions';
|
|
5
5
|
let defaultValue = {
|
|
@@ -75,6 +75,12 @@ export const OmnipayProvider = _ref => {
|
|
|
75
75
|
}
|
|
76
76
|
if (dataKey === 'modalClosed') {
|
|
77
77
|
setContainerOffset(30);
|
|
78
|
+
if (dataValue === 'closeSdk') {
|
|
79
|
+
closeWebview();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
if (dataKey === 'closeSdk') {
|
|
83
|
+
closeWebview();
|
|
78
84
|
}
|
|
79
85
|
}
|
|
80
86
|
} catch (error) {}
|
|
@@ -110,8 +116,10 @@ export const OmnipayProvider = _ref => {
|
|
|
110
116
|
visible: showWebview,
|
|
111
117
|
style: styles.modal,
|
|
112
118
|
transparent: true
|
|
113
|
-
}, /*#__PURE__*/React.createElement(
|
|
114
|
-
style: styles.backdrop
|
|
119
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
120
|
+
style: styles.backdrop,
|
|
121
|
+
activeOpacity: 1,
|
|
122
|
+
onPress: closeWebview
|
|
115
123
|
}, /*#__PURE__*/React.createElement(View, {
|
|
116
124
|
style: [styles.container, {
|
|
117
125
|
paddingTop: containerOffset
|
|
@@ -124,7 +132,7 @@ export const OmnipayProvider = _ref => {
|
|
|
124
132
|
style: styles.closeIcon
|
|
125
133
|
})), /*#__PURE__*/React.createElement(ScrollView, {
|
|
126
134
|
contentContainerStyle: styles.contentContainer
|
|
127
|
-
}, /*#__PURE__*/React.createElement(WebView, {
|
|
135
|
+
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(WebView, {
|
|
128
136
|
source: {
|
|
129
137
|
uri: webviewUrl
|
|
130
138
|
},
|
|
@@ -136,12 +144,12 @@ export const OmnipayProvider = _ref => {
|
|
|
136
144
|
setWebviewStatus('loading');
|
|
137
145
|
},
|
|
138
146
|
onLoadEnd: () => setWebviewStatus('success')
|
|
139
|
-
}), webviewStatus === 'loading' && showWebview && /*#__PURE__*/React.createElement(View, {
|
|
147
|
+
})), webviewStatus === 'loading' && showWebview && /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
|
|
140
148
|
style: styles.webviewLoader
|
|
141
149
|
}, /*#__PURE__*/React.createElement(ActivityIndicator, {
|
|
142
150
|
size: "small",
|
|
143
151
|
color: color
|
|
144
|
-
}))))))), children);
|
|
152
|
+
})))))))), children);
|
|
145
153
|
};
|
|
146
154
|
const styles = StyleSheet.create({
|
|
147
155
|
hide: {
|
|
@@ -155,7 +163,7 @@ const styles = StyleSheet.create({
|
|
|
155
163
|
webview: {
|
|
156
164
|
flex: 1,
|
|
157
165
|
width: '100%',
|
|
158
|
-
height: Dimensions.get('window').height -
|
|
166
|
+
height: Dimensions.get('window').height - 80,
|
|
159
167
|
backgroundColor: 'white'
|
|
160
168
|
},
|
|
161
169
|
webviewLoader: {
|
|
@@ -181,7 +189,7 @@ const styles = StyleSheet.create({
|
|
|
181
189
|
backgroundColor: 'white',
|
|
182
190
|
borderTopRightRadius: 20,
|
|
183
191
|
borderTopLeftRadius: 20,
|
|
184
|
-
maxHeight: Dimensions.get('window').height -
|
|
192
|
+
maxHeight: Dimensions.get('window').height - 80,
|
|
185
193
|
flex: 1,
|
|
186
194
|
position: 'relative'
|
|
187
195
|
},
|
|
@@ -209,7 +217,7 @@ const styles = StyleSheet.create({
|
|
|
209
217
|
},
|
|
210
218
|
contentContainer: {
|
|
211
219
|
flex: 1,
|
|
212
|
-
height: Dimensions.get('window').height -
|
|
220
|
+
height: Dimensions.get('window').height - 80,
|
|
213
221
|
position: 'relative'
|
|
214
222
|
}
|
|
215
223
|
});
|
|
@@ -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","onCloseRef","undefined","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","onClose","webUrl","console","warn","
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","ActivityIndicator","Linking","Platform","StyleSheet","View","Modal","ScrollView","Dimensions","TouchableOpacity","Image","TouchableWithoutFeedback","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","onCloseRef","undefined","getWebviewStyle","opacity","height","width","flex","styles","webview","onWebviewMount","OS","postMessage","data","current","JSON","stringify","error","onWebviewMessage","e","nativeEvent","eventData","parse","dataKey","dataValue","contactDetails","openURL","closeWebview","_initiateBills","phoneNumber","onClose","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;
|
|
1
|
+
{"version":3,"file":"OmnipayProvider.d.ts","sourceRoot":"","sources":["../../../src/components/OmnipayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAiBhD,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;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACtE,CAAC;AAMF,eAAO,MAAM,cAAc,0CAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,yCAKzB,oBAAoB,gBAwJtB,CAAC"}
|
package/package.json
CHANGED
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
Dimensions,
|
|
11
11
|
TouchableOpacity,
|
|
12
12
|
Image,
|
|
13
|
+
TouchableWithoutFeedback,
|
|
13
14
|
} from 'react-native';
|
|
14
15
|
import WebView, { WebViewMessageEvent } from 'react-native-webview';
|
|
15
16
|
import { getContact } from '../functions';
|
|
@@ -110,6 +111,12 @@ export const OmnipayProvider = ({
|
|
|
110
111
|
}
|
|
111
112
|
if (dataKey === 'modalClosed') {
|
|
112
113
|
setContainerOffset(30);
|
|
114
|
+
if (dataValue === 'closeSdk') {
|
|
115
|
+
closeWebview();
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
if (dataKey === 'closeSdk') {
|
|
119
|
+
closeWebview();
|
|
113
120
|
}
|
|
114
121
|
}
|
|
115
122
|
} catch (error) {}
|
|
@@ -143,7 +150,11 @@ export const OmnipayProvider = ({
|
|
|
143
150
|
<>
|
|
144
151
|
{webviewUrl.includes('view') && (
|
|
145
152
|
<Modal visible={showWebview} style={styles.modal} transparent>
|
|
146
|
-
<
|
|
153
|
+
<TouchableOpacity
|
|
154
|
+
style={styles.backdrop}
|
|
155
|
+
activeOpacity={1}
|
|
156
|
+
onPress={closeWebview}
|
|
157
|
+
>
|
|
147
158
|
<View
|
|
148
159
|
style={[styles.container, { paddingTop: containerOffset }]}
|
|
149
160
|
>
|
|
@@ -159,27 +170,31 @@ export const OmnipayProvider = ({
|
|
|
159
170
|
</TouchableOpacity>
|
|
160
171
|
)}
|
|
161
172
|
<ScrollView contentContainerStyle={styles.contentContainer}>
|
|
162
|
-
<
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
173
|
+
<TouchableWithoutFeedback>
|
|
174
|
+
<WebView
|
|
175
|
+
source={{
|
|
176
|
+
uri: webviewUrl,
|
|
177
|
+
}}
|
|
178
|
+
style={webviewStyle}
|
|
179
|
+
injectedJavaScriptBeforeContentLoaded={onWebviewMount}
|
|
180
|
+
onMessage={onWebviewMessage}
|
|
181
|
+
ref={webviewRef}
|
|
182
|
+
onLoadStart={() => {
|
|
183
|
+
setWebviewStatus('loading');
|
|
184
|
+
}}
|
|
185
|
+
onLoadEnd={() => setWebviewStatus('success')}
|
|
186
|
+
/>
|
|
187
|
+
</TouchableWithoutFeedback>
|
|
175
188
|
{webviewStatus === 'loading' && showWebview && (
|
|
176
|
-
<
|
|
177
|
-
<
|
|
178
|
-
|
|
189
|
+
<TouchableWithoutFeedback>
|
|
190
|
+
<View style={styles.webviewLoader}>
|
|
191
|
+
<ActivityIndicator size="small" color={color} />
|
|
192
|
+
</View>
|
|
193
|
+
</TouchableWithoutFeedback>
|
|
179
194
|
)}
|
|
180
195
|
</ScrollView>
|
|
181
196
|
</View>
|
|
182
|
-
</
|
|
197
|
+
</TouchableOpacity>
|
|
183
198
|
</Modal>
|
|
184
199
|
)}
|
|
185
200
|
</>
|
|
@@ -201,7 +216,7 @@ const styles = StyleSheet.create({
|
|
|
201
216
|
webview: {
|
|
202
217
|
flex: 1,
|
|
203
218
|
width: '100%',
|
|
204
|
-
height: Dimensions.get('window').height -
|
|
219
|
+
height: Dimensions.get('window').height - 80,
|
|
205
220
|
backgroundColor: 'white',
|
|
206
221
|
},
|
|
207
222
|
webviewLoader: {
|
|
@@ -227,7 +242,7 @@ const styles = StyleSheet.create({
|
|
|
227
242
|
backgroundColor: 'white',
|
|
228
243
|
borderTopRightRadius: 20,
|
|
229
244
|
borderTopLeftRadius: 20,
|
|
230
|
-
maxHeight: Dimensions.get('window').height -
|
|
245
|
+
maxHeight: Dimensions.get('window').height - 80,
|
|
231
246
|
flex: 1,
|
|
232
247
|
position: 'relative',
|
|
233
248
|
},
|
|
@@ -255,7 +270,7 @@ const styles = StyleSheet.create({
|
|
|
255
270
|
},
|
|
256
271
|
contentContainer: {
|
|
257
272
|
flex: 1,
|
|
258
|
-
height: Dimensions.get('window').height -
|
|
273
|
+
height: Dimensions.get('window').height - 80,
|
|
259
274
|
position: 'relative',
|
|
260
275
|
},
|
|
261
276
|
});
|