-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #31 from degica/task/issue-fixing
Task/issue fixing
- Loading branch information
Showing
9 changed files
with
393 additions
and
303 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,107 @@ | ||
|
|
||
| # Komoju SDK for React Native | ||
|
|
||
| [](https://www.npmjs.com/package/@komoju/komoju-react-native) | ||
| [](https://www.npmjs.com/package/@komoju/komoju-react-native) | ||
|
|
||
| **Welcome to the Komoju Payment Gateway SDK!** This SDK empowers you to seamlessly integrate secure payment processing into your Android and iOS apps using React Native. | ||
|
|
||
| ## Getting Started | ||
| Get started with our | ||
| [Developer-oriented API documentation](https://doc.komoju.com/) or [example project](https://github.com/degica/mobile-sdk_react-native/tree/main/example) | ||
|
|
||
| ## Installation | ||
|
|
||
| ```sh | ||
| yarn add @komoju/komoju-react-native | ||
| or | ||
| npm install @komoju/komoju-react-native | ||
| ``` | ||
|
|
||
|
|
||
| > ### *In order to use the SDK you will have to install bellow packages as dependancies.* | ||
| ```sh | ||
| i18next | ||
| react-i18next | ||
| react-native-svg | ||
| react-native-webview | ||
| ``` | ||
|
|
||
| ## Usage example | ||
| ```tsx | ||
| // App.ts | ||
| import { KomojuSDK } from '@komoju/komoju-react-native'; | ||
|
|
||
| function App() { | ||
| return ( | ||
| <KomojuSDK.KomojuProvider | ||
| publicKey={PUBLIC_KEY} | ||
| > | ||
| <PaymentScreen /> | ||
| </KomojuSDK.KomojuProvider> | ||
| ); | ||
| } | ||
|
|
||
| // PaymentScreen.ts | ||
| import { KomojuSDK } from '@komoju/komoju-react-native'; | ||
|
|
||
| export default function PaymentScreen() { | ||
| const { createPayment } = KomojuSDK.useKomoju(); | ||
|
|
||
| const checkout = async () => { | ||
| createPayment({ | ||
| sessionId, // retrieve this from your server | ||
| onComplete, // (optional) pass a callback to get the final results of response when payment is complete | ||
| }); | ||
| }; | ||
|
|
||
| return ( | ||
| <View> | ||
| <Button title="Checkout" onPress={checkout} /> | ||
| </View> | ||
| ); | ||
| } | ||
| ``` | ||
|
|
||
| ## Komoju initialization | ||
|
|
||
| You can [visit our docs](https://doc.komoju.com/reference/createsession) to see how a session id can be created | ||
|
|
||
| To initialize Komoju in your React Native app, use the `KomojuSDK.KomojuProvider` component in the root component of your application. | ||
|
|
||
| `KomojuProvider` can accept `publicKey`, `payment_methods` and `language` as props. Only `publicKey` is required. | ||
|
|
||
| ```tsx | ||
| import { KomojuSDK, PaymentTypes, LanguageTypes} from '@komoju/komoju-react-native'; | ||
|
|
||
| function App() { | ||
| const [publicKey, setPublicKey] = useState(''); | ||
|
|
||
| const fetchPublicKey = async () => { | ||
| const key = await fetchKey(); // fetch key from your server here | ||
| setPublicKey(key); | ||
| }; | ||
|
|
||
| useEffect(() => { | ||
| fetchPublicKey(); | ||
| }, []); | ||
|
|
||
| return ( | ||
| <KomojuSDK.KomojuProvider | ||
| publicKey={publicKey} | ||
| payment_methods={[PaymentTypes.KONBINI]} // explicitly set the payment method(s) for purchase | ||
| language={LanguageTypes.JAPANESE} // explicitly set the language, if not set language will be picked from your session Id | ||
| > | ||
| // Your app code here | ||
| </KomojuSDK.KomojuProvider> | ||
| ); | ||
| } | ||
| ``` | ||
|
|
||
| ### Properties | ||
|
|
||
| | property | type | description | | ||
| | ------------------ | -------------------------------------------- | ------------------------------------------------------------- | | ||
| | **publicKey** | `string` | Your publishable key from the KOMOJU [merchant settings page](https://komoju.com/sign_in/) (this is mandtory) | | ||
| | **payment_methods**| `Array <PaymentTypes>` | explicitly set the payment method(s) for purchase. (optional) | | ||
| | **language** | `string (LanguageTypes)` | explicitly set the language, if not set language will be picked from your session Id (optional) | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,15 @@ | ||
| global.__DEV__ = process.env.NODE_ENV !== "production"; | ||
|
|
||
| jest.mock('react-native-vision-camera', () => ({ | ||
| Camera: 'mockCamera', | ||
| useCameraDevices: jest.fn(), | ||
| useFrameProcessor: jest.fn(), | ||
| })); | ||
| // jest.mock('react-native-vision-camera', () => ({ | ||
| // Camera: 'mockCamera', | ||
| // useCameraDevices: jest.fn(), | ||
| // useFrameProcessor: jest.fn(), | ||
| // })); | ||
|
|
||
| jest.mock('react-native-vision-camera-text-recognition', () => ({ | ||
| useTextRecognition: jest.fn(), | ||
| })); | ||
| // jest.mock('react-native-vision-camera-text-recognition', () => ({ | ||
| // useTextRecognition: jest.fn(), | ||
| // })); | ||
|
|
||
| jest.mock('react-native-worklets-core', () => ({ | ||
| Worklets: jest.fn(), | ||
| })); | ||
| // jest.mock('react-native-worklets-core', () => ({ | ||
| // Worklets: jest.fn(), | ||
| // })); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.