Code clean-up (#198)

* Code clean-up

In this PR we;

- Add more test
- KISS more (no human lips were affected or damaged in this process)
- file restructure
- Add more types
- clean up useRef usage
-

* Update utils.test.ts

* review fix

Author: just1and0

.DS_Store

@@ -150,6 +150,14 @@ function Pay(){
 |                     | - **`card_brands`**: Supported card brands, e.g., `'verve'`, `'visa'`, `'mastercard'`.                                                                                         |           |                                                                                                                                                                             |
 |                     | - **`supported_mobile_money_providers`**: Supported mobile money providers, e.g., `'mtn'`, `'atl'`, `'vod'`.                                                                   |           |                                                                                                                                                                             |
 
+---
+#### Refs
+
+| Name              |                        use/description                        |   extra   |
+| :---------------- | :----------------------------------------------------------: | --------: |
+| `startTransaction`| Function triggered to start a transaction . Example usage: `paystackWebViewRef.current.startTransaction()` | default: `nill` |
+| `endTransaction`  | Function triggered to ends a transaction . Example usage: `paystackWebViewRef.current.endTransaction()`   | default: `nill` |
+
 ---
 
 #### Dynamic Multi-Split Payment Object structure

README.md

@@ -1,4 +1,3 @@
-/* eslint-disable prefer-const */
 import {
   toAmountInKobo,
   isValidDecimalMonetaryValue,
@@ -7,8 +6,11 @@ import {
   toNumber,
   getAmountValueInKobo,
   getChannels,
-} from '../development/helper';
-import { PaymentChannels } from '../development/types';
+  buildKeyValueString,
+  dynamicSplitObjectIsValid,
+  paystackHtmlContent,
+} from '../development/utils/helper';
+import { DynamicMultiSplitProps, PaymentChannels } from '../development/types';
 
 describe('Utility functions work properly', () => {
   test('getChannels should return a stingified array with comma', () => {
@@ -62,4 +64,32 @@ describe('Utility functions work properly', () => {
     result = isNegative(200.0);
     expect(result).toBe(false);
   });
+});
+
+describe('Utility functions work properly', () => {
+  test('buildKeyValueString should return correct string for key-value', () => {
+    let result = buildKeyValueString('key1', 'value1');
+    expect(result).toBe("key1: 'value1',");
+
+    result = buildKeyValueString('key2', undefined);
+    expect(result).toBe('');
+  });
+
+  test('dynamicSplitObjectIsValid should return true for valid split object', () => {
+    const validSplit: DynamicMultiSplitProps = {
+      type: 'percentage',
+      bearer_type: 'all',
+      subaccounts: [{ subaccount: 'sub1', share: '50' }]
+    };
+
+    let result = dynamicSplitObjectIsValid(validSplit);
+    expect(result).toBe(true);
+  });
+ 
+  test('paystackHtmlContent should return HTML with correct params', () => {
+    const params = "key1: 'value1', key2: 'value2'";
+    const result = paystackHtmlContent(params);
+    expect(result).toContain("key1: 'value1',");
+    expect(result).toContain("key2: 'value2'");
+  });
 });

__tests__/utils.test.ts

@@ -1,11 +1,7 @@
-import { NativeModules } from 'react-native'
 import Paystack from './paystack';
 import * as paystackProps from './types'
 
 export {
   Paystack,
   paystackProps
 }
-
-export default NativeModules.ReactNativePaystackWebviewModule
-