@flash-pay/vue 0.1.0 → 2.0.0

package/dist/index.cjs.js

@@ -1 +1,80 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),i=require("@flash-pay/browser-sdk"),f=o.defineComponent({__name:"FlashpayCheckout",props:{transactionId:{},onSuccess:{},onFailure:{},onClose:{},showTitle:{type:Boolean,default:!1},showDescription:{type:Boolean,default:!1},showAmount:{type:Boolean,default:!1},style:{},origin:{}},setup(u){const e=u,s=o.ref(null);let t=null;const l=o.ref(e.onSuccess),a=o.ref(e.onFailure),c=o.ref(e.onClose);o.watch(()=>e.onSuccess,n=>{l.value=n}),o.watch(()=>e.onFailure,n=>{a.value=n}),o.watch(()=>e.onClose,n=>{c.value=n});function r(){t?.destroy(),t=null,s.value&&(t=i.checkout({transactionId:e.transactionId,container:s.value,showTitle:e.showTitle,showDescription:e.showDescription,showAmount:e.showAmount,style:e.style,origin:e.origin,onSuccess:n=>l.value?.(n),onFailure:n=>a.value?.(n),onClose:n=>c.value?.(n)}))}return o.onMounted(r),o.watch(()=>e.transactionId,r),o.onUnmounted(()=>{t?.destroy(),t=null}),(n,h)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"containerRef",ref:s},null,512))}});exports.FlashpayCheckout=f;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FlashpayCheckout: () => FlashpayCheckout
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/FlashpayCheckout.ts
+var import_vue = require("vue");
+var import_browser_sdk = require("@flash-pay/browser-sdk");
+var FlashpayCheckout = (0, import_vue.defineComponent)({
+  name: "FlashpayCheckout",
+  props: {
+    transactionId: { type: String, required: true },
+    showTitle: { type: Boolean, default: true },
+    showDescription: { type: Boolean, default: true },
+    showAmount: { type: Boolean, default: true },
+    style: { type: Object, default: void 0 },
+    origin: { type: String, default: void 0 },
+    onSuccess: { type: Function, default: void 0 },
+    onFailure: { type: Function, default: void 0 },
+    onClose: { type: Function, default: void 0 }
+  },
+  setup(props) {
+    const containerRef = (0, import_vue.ref)(null);
+    let instance = null;
+    function init() {
+      instance?.destroy();
+      instance = null;
+      if (!containerRef.value) return;
+      instance = (0, import_browser_sdk.checkout)({
+        transactionId: props.transactionId,
+        container: containerRef.value,
+        showTitle: props.showTitle,
+        showDescription: props.showDescription,
+        showAmount: props.showAmount,
+        style: props.style,
+        origin: props.origin,
+        onSuccess: (data) => props.onSuccess?.(data),
+        onFailure: (data) => props.onFailure?.(data),
+        onClose: (data) => props.onClose?.(data)
+      });
+    }
+    (0, import_vue.onMounted)(init);
+    (0, import_vue.watch)(
+      () => [props.transactionId, props.showTitle, props.showDescription, props.showAmount, props.style, props.origin],
+      init,
+      { deep: true }
+    );
+    (0, import_vue.onUnmounted)(() => {
+      instance?.destroy();
+      instance = null;
+    });
+    return () => (0, import_vue.h)("div", { ref: containerRef });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlashpayCheckout
+});
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/FlashpayCheckout.ts"],"sourcesContent":["export { FlashpayCheckout } from \"./FlashpayCheckout\";\nexport type { FlashpayCheckoutProps } from \"./types\";\nexport type { PaymentEventData, PaymentData } from \"@flash-pay/browser-sdk\";\n","import { defineComponent, ref, watch, onMounted, onUnmounted, h, type PropType } from 'vue';\nimport { checkout } from '@flash-pay/browser-sdk';\nimport type { CheckoutInstance, PaymentEventData } from '@flash-pay/browser-sdk';\n\nexport const FlashpayCheckout = defineComponent({\n  name: 'FlashpayCheckout',\n  props: {\n    transactionId: { type: String, required: true },\n    showTitle: { type: Boolean, default: true },\n    showDescription: { type: Boolean, default: true },\n    showAmount: { type: Boolean, default: true },\n    style: { type: Object as PropType<Partial<CSSStyleDeclaration>>, default: undefined },\n    origin: { type: String, default: undefined },\n    onSuccess: { type: Function as PropType<(data: PaymentEventData) => void>, default: undefined },\n    onFailure: { type: Function as PropType<(data: PaymentEventData) => void>, default: undefined },\n    onClose: { type: Function as PropType<(data: PaymentEventData) => void>, default: undefined },\n  },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null);\n    let instance: CheckoutInstance | null = null;\n\n    function init() {\n      instance?.destroy();\n      instance = null;\n      if (!containerRef.value) return;\n      instance = checkout({\n        transactionId: props.transactionId,\n        container: containerRef.value,\n        showTitle: props.showTitle,\n        showDescription: props.showDescription,\n        showAmount: props.showAmount,\n        style: props.style,\n        origin: props.origin,\n        onSuccess: (data) => props.onSuccess?.(data),\n        onFailure: (data) => props.onFailure?.(data),\n        onClose: (data) => props.onClose?.(data),\n      });\n    }\n\n    onMounted(init);\n\n    // Re-init when any config prop changes; deep:true handles style object mutations\n    watch(\n      () => [props.transactionId, props.showTitle, props.showDescription, props.showAmount, props.style, props.origin],\n      init,\n      { deep: true },\n    );\n\n    onUnmounted(() => {\n      instance?.destroy();\n      instance = null;\n    });\n\n    return () => h('div', { ref: containerRef });\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,iBAAsF;AACtF,yBAAyB;AAGlB,IAAM,uBAAmB,4BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,eAAe,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAC9C,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAC1C,iBAAiB,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAChD,YAAY,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAC3C,OAAO,EAAE,MAAM,QAAkD,SAAS,OAAU;AAAA,IACpF,QAAQ,EAAE,MAAM,QAAQ,SAAS,OAAU;AAAA,IAC3C,WAAW,EAAE,MAAM,UAAwD,SAAS,OAAU;AAAA,IAC9F,WAAW,EAAE,MAAM,UAAwD,SAAS,OAAU;AAAA,IAC9F,SAAS,EAAE,MAAM,UAAwD,SAAS,OAAU;AAAA,EAC9F;AAAA,EACA,MAAM,OAAO;AACX,UAAM,mBAAe,gBAAwB,IAAI;AACjD,QAAI,WAAoC;AAExC,aAAS,OAAO;AACd,gBAAU,QAAQ;AAClB,iBAAW;AACX,UAAI,CAAC,aAAa,MAAO;AACzB,qBAAW,6BAAS;AAAA,QAClB,eAAe,MAAM;AAAA,QACrB,WAAW,aAAa;AAAA,QACxB,WAAW,MAAM;AAAA,QACjB,iBAAiB,MAAM;AAAA,QACvB,YAAY,MAAM;AAAA,QAClB,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,WAAW,CAAC,SAAS,MAAM,YAAY,IAAI;AAAA,QAC3C,WAAW,CAAC,SAAS,MAAM,YAAY,IAAI;AAAA,QAC3C,SAAS,CAAC,SAAS,MAAM,UAAU,IAAI;AAAA,MACzC,CAAC;AAAA,IACH;AAEA,8BAAU,IAAI;AAGd;AAAA,MACE,MAAM,CAAC,MAAM,eAAe,MAAM,WAAW,MAAM,iBAAiB,MAAM,YAAY,MAAM,OAAO,MAAM,MAAM;AAAA,MAC/G;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACf;AAEA,gCAAY,MAAM;AAChB,gBAAU,QAAQ;AAClB,iBAAW;AAAA,IACb,CAAC;AAED,WAAO,UAAM,cAAE,OAAO,EAAE,KAAK,aAAa,CAAC;AAAA,EAC7C;AACF,CAAC;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,105 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { PaymentEventData } from '@flash-pay/browser-sdk';
+export { PaymentData, PaymentEventData } from '@flash-pay/browser-sdk';
+
+declare const FlashpayCheckout: vue.DefineComponent<vue.ExtractPropTypes<{
+    transactionId: {
+        type: StringConstructor;
+        required: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Partial<CSSStyleDeclaration>>;
+        default: undefined;
+    };
+    origin: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSuccess: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onFailure: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    transactionId: {
+        type: StringConstructor;
+        required: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Partial<CSSStyleDeclaration>>;
+        default: undefined;
+    };
+    origin: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSuccess: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onFailure: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    showTitle: boolean;
+    showDescription: boolean;
+    showAmount: boolean;
+    style: Partial<CSSStyleDeclaration>;
+    origin: string;
+    onSuccess: (data: PaymentEventData) => void;
+    onFailure: (data: PaymentEventData) => void;
+    onClose: (data: PaymentEventData) => void;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface FlashpayCheckoutProps {
+    transactionId: string;
+    onSuccess?: (data: PaymentEventData) => void;
+    onFailure?: (data: PaymentEventData) => void;
+    onClose?: (data: PaymentEventData) => void;
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showAmount?: boolean;
+    style?: Partial<CSSStyleDeclaration>;
+    origin?: string;
+}
+
+export { FlashpayCheckout, type FlashpayCheckoutProps };

package/dist/index.d.ts

@@ -1,3 +1,105 @@
-export { default as FlashpayCheckout } from './FlashpayCheckout.vue';
-export type { FlashpayCheckoutProps } from './types';
-export type { PaymentEventData, PaymentData } from '@flash-pay/browser-sdk';
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { PaymentEventData } from '@flash-pay/browser-sdk';
+export { PaymentData, PaymentEventData } from '@flash-pay/browser-sdk';
+
+declare const FlashpayCheckout: vue.DefineComponent<vue.ExtractPropTypes<{
+    transactionId: {
+        type: StringConstructor;
+        required: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Partial<CSSStyleDeclaration>>;
+        default: undefined;
+    };
+    origin: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSuccess: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onFailure: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    transactionId: {
+        type: StringConstructor;
+        required: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Partial<CSSStyleDeclaration>>;
+        default: undefined;
+    };
+    origin: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onSuccess: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onFailure: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<(data: PaymentEventData) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    showTitle: boolean;
+    showDescription: boolean;
+    showAmount: boolean;
+    style: Partial<CSSStyleDeclaration>;
+    origin: string;
+    onSuccess: (data: PaymentEventData) => void;
+    onFailure: (data: PaymentEventData) => void;
+    onClose: (data: PaymentEventData) => void;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface FlashpayCheckoutProps {
+    transactionId: string;
+    onSuccess?: (data: PaymentEventData) => void;
+    onFailure?: (data: PaymentEventData) => void;
+    onClose?: (data: PaymentEventData) => void;
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showAmount?: boolean;
+    style?: Partial<CSSStyleDeclaration>;
+    origin?: string;
+}
+
+export { FlashpayCheckout, type FlashpayCheckoutProps };

package/dist/index.es.js

@@ -1,51 +1,53 @@
-import { defineComponent as f, ref as t, watch as s, onMounted as p, onUnmounted as h, openBlock as d, createElementBlock as m } from "vue";
-import { checkout as y } from "@flash-pay/browser-sdk";
-const F = /* @__PURE__ */ f({
-  __name: "FlashpayCheckout",
+// src/FlashpayCheckout.ts
+import { defineComponent, ref, watch, onMounted, onUnmounted, h } from "vue";
+import { checkout } from "@flash-pay/browser-sdk";
+var FlashpayCheckout = defineComponent({
+  name: "FlashpayCheckout",
   props: {
-    transactionId: {},
-    onSuccess: {},
-    onFailure: {},
-    onClose: {},
-    showTitle: { type: Boolean, default: !1 },
-    showDescription: { type: Boolean, default: !1 },
-    showAmount: { type: Boolean, default: !1 },
-    style: {},
-    origin: {}
+    transactionId: { type: String, required: true },
+    showTitle: { type: Boolean, default: true },
+    showDescription: { type: Boolean, default: true },
+    showAmount: { type: Boolean, default: true },
+    style: { type: Object, default: void 0 },
+    origin: { type: String, default: void 0 },
+    onSuccess: { type: Function, default: void 0 },
+    onFailure: { type: Function, default: void 0 },
+    onClose: { type: Function, default: void 0 }
   },
-  setup(r) {
-    const e = r, l = t(null);
-    let n = null;
-    const a = t(e.onSuccess), c = t(e.onFailure), u = t(e.onClose);
-    s(() => e.onSuccess, (o) => {
-      a.value = o;
-    }), s(() => e.onFailure, (o) => {
-      c.value = o;
-    }), s(() => e.onClose, (o) => {
-      u.value = o;
-    });
-    function i() {
-      n?.destroy(), n = null, l.value && (n = y({
-        transactionId: e.transactionId,
-        container: l.value,
-        showTitle: e.showTitle,
-        showDescription: e.showDescription,
-        showAmount: e.showAmount,
-        style: e.style,
-        origin: e.origin,
-        onSuccess: (o) => a.value?.(o),
-        onFailure: (o) => c.value?.(o),
-        onClose: (o) => u.value?.(o)
-      }));
+  setup(props) {
+    const containerRef = ref(null);
+    let instance = null;
+    function init() {
+      instance?.destroy();
+      instance = null;
+      if (!containerRef.value) return;
+      instance = checkout({
+        transactionId: props.transactionId,
+        container: containerRef.value,
+        showTitle: props.showTitle,
+        showDescription: props.showDescription,
+        showAmount: props.showAmount,
+        style: props.style,
+        origin: props.origin,
+        onSuccess: (data) => props.onSuccess?.(data),
+        onFailure: (data) => props.onFailure?.(data),
+        onClose: (data) => props.onClose?.(data)
+      });
     }
-    return p(i), s(() => e.transactionId, i), h(() => {
-      n?.destroy(), n = null;
-    }), (o, w) => (d(), m("div", {
-      ref_key: "containerRef",
-      ref: l
-    }, null, 512));
+    onMounted(init);
+    watch(
+      () => [props.transactionId, props.showTitle, props.showDescription, props.showAmount, props.style, props.origin],
+      init,
+      { deep: true }
+    );
+    onUnmounted(() => {
+      instance?.destroy();
+      instance = null;
+    });
+    return () => h("div", { ref: containerRef });
   }
 });
 export {
-  F as FlashpayCheckout
+  FlashpayCheckout
 };
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FlashpayCheckout.ts"],"sourcesContent":["import { defineComponent, ref, watch, onMounted, onUnmounted, h, type PropType } from 'vue';\nimport { checkout } from '@flash-pay/browser-sdk';\nimport type { CheckoutInstance, PaymentEventData } from '@flash-pay/browser-sdk';\n\nexport const FlashpayCheckout = defineComponent({\n  name: 'FlashpayCheckout',\n  props: {\n    transactionId: { type: String, required: true },\n    showTitle: { type: Boolean, default: true },\n    showDescription: { type: Boolean, default: true },\n    showAmount: { type: Boolean, default: true },\n    style: { type: Object as PropType<Partial<CSSStyleDeclaration>>, default: undefined },\n    origin: { type: String, default: undefined },\n    onSuccess: { type: Function as PropType<(data: PaymentEventData) => void>, default: undefined },\n    onFailure: { type: Function as PropType<(data: PaymentEventData) => void>, default: undefined },\n    onClose: { type: Function as PropType<(data: PaymentEventData) => void>, default: undefined },\n  },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null);\n    let instance: CheckoutInstance | null = null;\n\n    function init() {\n      instance?.destroy();\n      instance = null;\n      if (!containerRef.value) return;\n      instance = checkout({\n        transactionId: props.transactionId,\n        container: containerRef.value,\n        showTitle: props.showTitle,\n        showDescription: props.showDescription,\n        showAmount: props.showAmount,\n        style: props.style,\n        origin: props.origin,\n        onSuccess: (data) => props.onSuccess?.(data),\n        onFailure: (data) => props.onFailure?.(data),\n        onClose: (data) => props.onClose?.(data),\n      });\n    }\n\n    onMounted(init);\n\n    // Re-init when any config prop changes; deep:true handles style object mutations\n    watch(\n      () => [props.transactionId, props.showTitle, props.showDescription, props.showAmount, props.style, props.origin],\n      init,\n      { deep: true },\n    );\n\n    onUnmounted(() => {\n      instance?.destroy();\n      instance = null;\n    });\n\n    return () => h('div', { ref: containerRef });\n  },\n});\n"],"mappings":";AAAA,SAAS,iBAAiB,KAAK,OAAO,WAAW,aAAa,SAAwB;AACtF,SAAS,gBAAgB;AAGlB,IAAM,mBAAmB,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,eAAe,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAC9C,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAC1C,iBAAiB,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAChD,YAAY,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAC3C,OAAO,EAAE,MAAM,QAAkD,SAAS,OAAU;AAAA,IACpF,QAAQ,EAAE,MAAM,QAAQ,SAAS,OAAU;AAAA,IAC3C,WAAW,EAAE,MAAM,UAAwD,SAAS,OAAU;AAAA,IAC9F,WAAW,EAAE,MAAM,UAAwD,SAAS,OAAU;AAAA,IAC9F,SAAS,EAAE,MAAM,UAAwD,SAAS,OAAU;AAAA,EAC9F;AAAA,EACA,MAAM,OAAO;AACX,UAAM,eAAe,IAAwB,IAAI;AACjD,QAAI,WAAoC;AAExC,aAAS,OAAO;AACd,gBAAU,QAAQ;AAClB,iBAAW;AACX,UAAI,CAAC,aAAa,MAAO;AACzB,iBAAW,SAAS;AAAA,QAClB,eAAe,MAAM;AAAA,QACrB,WAAW,aAAa;AAAA,QACxB,WAAW,MAAM;AAAA,QACjB,iBAAiB,MAAM;AAAA,QACvB,YAAY,MAAM;AAAA,QAClB,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,WAAW,CAAC,SAAS,MAAM,YAAY,IAAI;AAAA,QAC3C,WAAW,CAAC,SAAS,MAAM,YAAY,IAAI;AAAA,QAC3C,SAAS,CAAC,SAAS,MAAM,UAAU,IAAI;AAAA,MACzC,CAAC;AAAA,IACH;AAEA,cAAU,IAAI;AAGd;AAAA,MACE,MAAM,CAAC,MAAM,eAAe,MAAM,WAAW,MAAM,iBAAiB,MAAM,YAAY,MAAM,OAAO,MAAM,MAAM;AAAA,MAC/G;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACf;AAEA,gBAAY,MAAM;AAChB,gBAAU,QAAQ;AAClB,iBAAW;AAAA,IACb,CAAC;AAED,WAAO,MAAM,EAAE,OAAO,EAAE,KAAK,aAAa,CAAC;AAAA,EAC7C;AACF,CAAC;","names":[]}

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "@flash-pay/vue",
-  "version": "0.1.0",
+  "version": "2.0.0",
   "description": "Vue 3 component for Flashpay checkout",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs.js"
     }
   },
   "sideEffects": false,
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "vite build",
+    "build": "tsup",
     "test": "vitest run",
     "test:watch": "vitest"
   },
@@ -25,10 +27,8 @@
   },
   "devDependencies": {
     "@flash-pay/browser-sdk": "workspace:*",
-    "@vitejs/plugin-vue": "^5.2.4",
     "@vue/test-utils": "^2.4.6",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
+    "tsup": "^8.5.0",
     "vitest": "^3.2.4",
     "jsdom": "^26.1.0",
     "vue": "^3.5.17",

package/dist/FlashpayCheckout.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/FlashpayCheckout.vue.d.ts

@@ -1,9 +0,0 @@
-import { FlashpayCheckoutProps } from './types';
-declare const _default: import('vue').DefineComponent<FlashpayCheckoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FlashpayCheckoutProps> & Readonly<{}>, {
-    showTitle: boolean;
-    showDescription: boolean;
-    showAmount: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    containerRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/types.d.ts

@@ -1,12 +0,0 @@
-import { PaymentEventData } from '@flash-pay/browser-sdk';
-export interface FlashpayCheckoutProps {
-    transactionId: string;
-    onSuccess?: (data: PaymentEventData) => void;
-    onFailure?: (data: PaymentEventData) => void;
-    onClose?: (data: PaymentEventData) => void;
-    showTitle?: boolean;
-    showDescription?: boolean;
-    showAmount?: boolean;
-    style?: Partial<CSSStyleDeclaration>;
-    origin?: string;
-}