review fix

Author: just1and0

README.md

@@ -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

__tests__/utils.test.ts

@@ -1,4 +1,3 @@
-/* eslint-disable prefer-const */
 import {
   toAmountInKobo,
   isValidDecimalMonetaryValue,
@@ -10,7 +9,7 @@ import {
   buildKeyValueString,
   dynamicSplitObjectIsValid,
   paystackHtmlContent,
-} from '../development//utils/helper';
+} from '../development/utils/helper';
 import { DynamicMultiSplitProps, PaymentChannels } from '../development/types';
 
 describe('Utility functions work properly', () => {

development/paystack.tsx

@@ -22,8 +22,7 @@ import {
 } from "./utils/helper";
 import { PayStackProps, PayStackRef } from "./types";
 import { styles } from "./style";
-
-const CLOSE_URL = "https://standard.paystack.co/close";
+import { CLOSE_URL, DEFAULT_ACTIVITY_INDICATOR_COLOR, DEFAULT_AMOUNT, DEFAULT_CURRENCY } from "./utils/constants";
 
 const Paystack = forwardRef<PayStackRef, PayStackProps>(
   (
@@ -33,8 +32,8 @@ const Paystack = forwardRef<PayStackRef, PayStackProps>(
       phone,
       lastName,
       firstName,
-      amount = "0.00",
-      currency = "NGN",
+      amount = DEFAULT_AMOUNT,
+      currency = DEFAULT_CURRENCY,
       channels = ["card"],
       refNumber,
       billingName,
@@ -47,7 +46,7 @@ const Paystack = forwardRef<PayStackRef, PayStackProps>(
       onCancel,
       autoStart = false,
       onSuccess,
-      activityIndicatorColor = "green",
+      activityIndicatorColor = DEFAULT_ACTIVITY_INDICATOR_COLOR,
       modalProps,
       metadata,
     },

development/utils/constants.ts

@@ -0,0 +1,4 @@
+export const CLOSE_URL = 'https://standard.paystack.co/close';
+export const DEFAULT_AMOUNT = '0.00';
+export const DEFAULT_CURRENCY = 'NGN';
+export const DEFAULT_ACTIVITY_INDICATOR_COLOR = 'green';

development/utils/helper.ts

@@ -119,4 +119,10 @@ export const paystackHtmlContent = (Params: string) => `
   </script>
 </body>
 </html>
-`;
+`;
+
+export const generateMetaDataString = (firstName: string, lastName: string, billingName: string, metadata: any) => {
+  return metadata
+    ? `metadata: ${metadata},`
+    : `metadata: { custom_fields: [{ display_name:  '${firstName + " " + lastName}', variable_name:  '${billingName}', value:'' }]},`;
+};

development/utils/index.ts

@@ -1,19 +1,7 @@
-export const buildKeyValueString = (key: string, value: string | undefined) =>
-    value ? `${key}: '${value}',` : '';
-  
-  export const dynamicSplitObjectIsValid = (split: any): boolean => {
-    return (
-      split !== null &&
-      typeof split === 'object' &&
-      split.type &&
-      split.bearer_type &&
-      Array.isArray(split.subaccounts)
-    );
-  };
-  
-  export const generateMetaDataString = (firstName: string, lastName: string, billingName: string, metadata: any) => {
-    return metadata
-      ? `metadata: ${metadata},`
-      : `metadata: { custom_fields: [{ display_name:  '${firstName + " " + lastName}', variable_name:  '${billingName}', value:'' }]},`;
-  };
-  
+import * as Constants from './constants'
+import * as Utils from './helper'
+
+export default {
+  Constants,
+  Utils
+}