@riskdefy/chargebacks 1.0.0 → 1.0.1

package/dist/chargebacks.es.js

@@ -1,24 +1,58 @@
-import { createElementBlock as s, openBlock as r, createElementVNode as o } from "vue";
-const l = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [n, c] of t)
-    a[n] = c;
-  return a;
-}, p = {
-  name: "Chargebacks"
-}, d = { class: "chargebacks" };
-function _(e, t, a, n, c, k) {
-  return r(), s("div", d, t[0] || (t[0] = [
-    o("h2", null, "Chargebacks Component", -1),
-    o("p", null, "Displaying chargeback data...", -1)
-  ]));
+import { createElementBlock as s, openBlock as c, createElementVNode as i, createCommentVNode as d, toDisplayString as h } from "vue";
+const l = (t, e) => {
+  const r = t.__vccOpts || t;
+  for (const [a, n] of e)
+    r[a] = n;
+  return r;
+}, m = {
+  props: {
+    apiKey: {
+      type: String,
+      required: !0
+    },
+    merchantId: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return { data: null };
+  },
+  methods: {
+    async fetchChargebacks() {
+      try {
+        const t = { merchantId: this.merchantId }, e = new URISearchParams(t).toString(), a = await (await fetch(
+          `https://api.riskdefy.io/chargebacks?${e}`,
+          {
+            method: "GET",
+            headers: {
+              Authorization: `Bearer ${this.apiKey}`,
+              "Content-Type": "application/json"
+            }
+          }
+        )).json();
+        this.data = a;
+      } catch (t) {
+        console.error("API Error:", t);
+      }
+    }
+  }
+}, u = { key: 0 };
+function g(t, e, r, a, n, o) {
+  return c(), s("div", null, [
+    e[1] || (e[1] = i("h2", null, "Chargebacks Report", -1)),
+    i("button", {
+      onClick: e[0] || (e[0] = (...p) => o.fetchChargebacks && o.fetchChargebacks(...p))
+    }, "Load Report"),
+    n.data ? (c(), s("pre", u, h(n.data), 1)) : d("", !0)
+  ]);
 }
-const i = /* @__PURE__ */ l(p, [["render", _], ["__scopeId", "data-v-dc14aa5f"]]), g = {
-  install(e) {
-    e.component("Chargebacks", i);
+const k = /* @__PURE__ */ l(m, [["render", g]]), y = {
+  install(t) {
+    t.component("Chargebacks", k);
   }
 };
 export {
-  i as Chargebacks,
-  g as default
+  k as Chargebacks,
+  y as default
 };

package/dist/chargebacks.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.Chargebacks={},e.Vue))})(this,function(e,t){"use strict";const d=(n,o)=>{const a=n.__vccOpts||n;for(const[c,r]of o)a[c]=r;return a},i={name:"Chargebacks"},l={class:"chargebacks"};function u(n,o,a,c,r,p){return t.openBlock(),t.createElementBlock("div",l,o[0]||(o[0]=[t.createElementVNode("h2",null,"Chargebacks Component",-1),t.createElementVNode("p",null,"Displaying chargeback data...",-1)]))}const s=d(i,[["render",u],["__scopeId","data-v-dc14aa5f"]]),f={install(n){n.component("Chargebacks",s)}};e.Chargebacks=s,e.default=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.Chargebacks={},r.Vue))})(this,function(r,e){"use strict";const d=(t,n)=>{const o=t.__vccOpts||t;for(const[a,s]of n)o[a]=s;return o},p={props:{apiKey:{type:String,required:!0},merchantId:{type:String,required:!0}},data(){return{data:null}},methods:{async fetchChargebacks(){try{const t={merchantId:this.merchantId},n=new URISearchParams(t).toString(),a=await(await fetch(`https://api.riskdefy.io/chargebacks?${n}`,{method:"GET",headers:{Authorization:`Bearer ${this.apiKey}`,"Content-Type":"application/json"}})).json();this.data=a}catch(t){console.error("API Error:",t)}}}},h={key:0};function l(t,n,o,a,s,i){return e.openBlock(),e.createElementBlock("div",null,[n[1]||(n[1]=e.createElementVNode("h2",null,"Chargebacks Report",-1)),e.createElementVNode("button",{onClick:n[0]||(n[0]=(...f)=>i.fetchChargebacks&&i.fetchChargebacks(...f))},"Load Report"),s.data?(e.openBlock(),e.createElementBlock("pre",h,e.toDisplayString(s.data),1)):e.createCommentVNode("",!0)])}const c=d(p,[["render",l]]),u={install(t){t.component("Chargebacks",c)}};r.Chargebacks=c,r.default=u,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riskdefy/chargebacks",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Chargebacks Vue component",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/Chargebacks.vue

@@ -1,18 +1,47 @@
 <template>
-  <div class="chargebacks">
-    <h2>Chargebacks Component</h2>
-    <p>Displaying chargeback data...</p>
+  <div>
+    <h2>Chargebacks Report</h2>
+    <button @click="fetchChargebacks">Load Report</button>
+    <pre v-if="data">{{ data }}</pre>
   </div>
 </template>
+
 <script>
 export default {
-  name: "Chargebacks",
+  props: {
+    apiKey: {
+      type: String,
+      required: true,
+    },
+    merchantId: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return { data: null };
+  },
+  methods: {
+    async fetchChargebacks() {
+      try {
+        const params = { merchantId: this.merchantId };
+        const paramsString = new URISearchParams(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);
+      }
+    },
+  },
 };
 </script>
-<style scoped>
-.chargebacks {
-  border: 1px solid #ddd;
-  padding: 10px;
-  border-radius: 5px;
-}
-</style>

package/dist/chargebacks.css

@@ -1 +0,0 @@
-.chargebacks[data-v-dc14aa5f]{border:1px solid #ddd;padding:10px;border-radius:5px}