Fix/widget display issues (#3)

* fix: dependencies changed & imports added

* chore: callback's setter logic changed (setState removed)

* chore: (import syntax changed for types)

* chore: ci changed

* chore: ci changed

* chore: ci changed

.github/actions/setup/action.yml

@@ -21,7 +21,8 @@ runs:
 
     - name: Install dependencies
       if: steps.yarn-cache.outputs.cache-hit != 'true'
-      run: |
-        yarn install --cwd example --frozen-lockfile
-        yarn install --frozen-lockfile
+      run: yarn install --immutable
+      #run: |
+      #  yarn install --cwd example --frozen-lockfile
+      #  yarn install --frozen-lockfile
       shell: bash

.github/workflows/ci.yml

@@ -11,6 +11,9 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
+      - name: Enable corepack
+        run: corepack enable
+
       - name: Checkout
         uses: actions/checkout@v3
 

README.md

@@ -88,6 +88,7 @@ interface IData {
   direct?: string;
   split?: string;
   partnerId?: string;
+  reason: string;
 }
 interface ListenerData {
   transactionId: string;

example/src/TestComponent.tsx

@@ -1,18 +1,22 @@
-import { Button,  View } from "react-native";
-import { useKkiapay } from "src/kkiapay";
-
+import { Button, View } from 'react-native';
+import { useKkiapay } from 'src/kkiapay';
+import React from 'react';
 
 export default function TestComponent() {
+  const { openKkiapayWidget } = useKkiapay();
 
-    const {openKkiapayWidget} = useKkiapay();
-
-    const openWidget = () => {
-        openKkiapayWidget({amount: 100, key: '3425dc6035d711eca8f5b92f2997955b', sandbox: true })
-    }
+  const openWidget = () => {
+    openKkiapayWidget({
+      amount: 100,
+      key: '3425dc6035d711eca8f5b92f2997955b',
+      sandbox: true,
+      reason: 'Payment',
+    });
+  };
 
   return (
     <View>
-        <Button title="Pay now" onPress={openWidget}>
-    </Vie>
-  )
-}
+      <Button title="Pay now" onPress={openWidget} />
+    </View>
+  );
+}