@riskdefy/chargebacks 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riskdefy/chargebacks",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Chargebacks Vue component",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -19,6 +19,8 @@
   "license": "MIT",
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",
+    "bootstrap": "^5.3.3",
+    "vis-timeline": "^7.7.3",
     "vite": "^6.1.0",
     "vue": "^3.5.13"
   }

package/src/components/Chargebacks.vue

@@ -1,19 +1,19 @@
 <template>
   <div>
-    <h2>Chargebacks Report</h2>
-    <button @click="fetchChargebacks">Load Report</button>
-    <pre v-if="data">{{ data }}</pre>
+    <IncomingDetails :apiKey="apiKey" :incomingId="incomingId" />
   </div>
 </template>
 
 <script>
+import IncomingDetails from "./IncomingDetails.vue";
+
 export default {
   props: {
     apiKey: {
       type: String,
       required: true,
     },
-    merchantId: {
+    incomingId: {
       type: String,
       required: true,
     },
@@ -21,27 +21,8 @@ export default {
   data() {
     return { data: null };
   },
-  methods: {
-    async fetchChargebacks() {
-      try {
-        const params = { merchantId: this.merchantId };
-        const paramsString = new URLSearchParams(params).toString();
-        const response = await fetch(
-          `https://api.riskdefy.io/chargebacks?${paramsString}`,
-          {
-            method: "GET",
-            headers: {
-              Authorization: `Bearer ${this.apiKey}`,
-              "Content-Type": "application/json",
-            },
-          }
-        );
-        const data = await response.json();
-        this.data = data;
-      } catch (error) {
-        console.error("API Error:", error);
-      }
-    },
+  components: {
+    IncomingDetails,
   },
 };
 </script>